@charset "utf-8";
/* CSS Document */
@import url(global.css);

/****************************banner *************************/
section{width:100%;height:auto; background:url(../images/main_bg.jpg);padding-bottom:10x;}

.column{width:100%;height:auto;overflow:hidden;}
.column ul{width:103%;}
.column ul li{width:24.4%;border-bottom:1px solid #7d7c7c;border-right:1px solid #7d7c7c;text-align:center;background:#737171;float:left; overflow:hidden;}
.column ul li a{ display:block; padding:13% 0px; font-size:1.2em; color:#ffffff; overflow:hidden;}
.column ul .hov  a{ background:#d6000f; border:none; color:#ffffff;}

/*/************************服务***************************
.server{width:100%;height:auto; overflow:hidden;}
.server ul{padding-top:2%;}
.server ul li{width:49%; background:#f5f5f5;margin-bottom:2%; text-align:center;}
.server ul .hover{background:#f5f5f5;}
.server ul li:nth-child(odd){ float:left;}
.server ul li:nth-child(even){ float:right;}
.server ul li span{ display:block;width:36%;height:0;padding-bottom:36%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;margin:10% auto 0 auto;}
.server ul li h3{ font-size:1.2em; color:#333333; font-weight:normal;margin-top:5%;}
.server ul .hover h3{color:#333333;}
.server ul li .web{ background:url(../images/web.png) no-repeat center; background-size:50% auto;background-color:#333333;}
.server ul li .tel{ background:url(../images/tel.png) no-repeat center; background-size:40% auto;background-color:#333333;}
.server ul li .app{ background:url(../images/app.png) no-repeat center; background-size:50% auto;background-color:#333333;}
.server ul li .wei{ background:url(../images/wei.png) no-repeat center; background-size:50% auto;background-color:#333333;}*/


/***********************技术*****************************/
.technology{width:100%;height:auto; overflow:hidden;}
.technology img{ display:block;width:100%;height:auto;}

/************************互联网*****************************/
.internet{width:92%;padding:5% 0 5% 8%;height:auto;color:#ffffff;background:#d6000f;overflow:hidden;}
.internet h3{ font-size:1.5em;}
.internet h4{font-size:1.3em; font-weight:normal;}
.internet p{ font-size:1.2em;margin:3% 0; line-height:1.5em;}
.internet span{ display:block; line-height:1.5em; font-size:1em;}
.internet a{ display:block;width:30%; padding:1.5% 0px; text-align:center; color:#ffffff; border:1px solid #ffffff; font-size:1em;margin-top:5%;}


/************************团队*****************************/

/************************新闻*****************************/
.news{width:100%;height:auto;padding-top:4%; background:#ffffff; overflow:hidden;}
.news .title{ border-bottom:1px solid #e6e6e6;padding:3% 0px;text-align:center; }
.news .title h3{ color:#d6000f; font-size:1.8em; font-weight:bolder;}
.news .title p{ color:#333333; font-size:1em;margin-top:2%;font-family:Arial; text-transform:uppercase;}
.news .news_box{padding:0 3%; }
.news .news_box .news_title{padding:5% 0; overflow:hidden;}
.news .news_box .news_title a{ display:block;width:22.8%;padding:2.2% 0px; background:#ffffff;border:1px solid #e6e6e6; text-align:center; color:#333333; font-size:1.2em; float:left;margin-right:2%; overflow:hidden;}
.news .news_box .news_title a:last-child{margin:0px;}
.news .news_box .news_title .hover{ background:#d6000f; color:#ffffff;}
.news .news_box .news_list{}
.news .news_box .news_list ul{}
.news .news_box .news_list ul li{width:100%;height:auto;margin-bottom:4%;}
.news .news_box .news_list ul li img{ display:block;width:100%;height:auto;}
.news .news_box .news_list ul li div{height:100px; position:relative;background:#ffffff; overflow:hidden;}
.news .news_box .news_list ul li div h3{ font-weight:normal;margin-top:3%; font-size:1.4em; color:#ff0000;}
.news .news_box .news_list ul li div p{font-size:1em; color:#808080;margin-top:2%; line-height:1.5em;}
.news .news_box .news_list ul li div span{ font-size:1.1em; color:#808080; font-weight:bolder; position:absolute;right:0px; bottom:0px;}
.news .news_box .news_list ul li div .more{ font-size:1.1em; color:#d6000f; position:absolute; left:0px; bottom:0px;}

/************************我们的团队****************************/
.team{width:100%;height:auto;overflow:hidden;}
.team .team_box{}
.team .team_box ul{}
.team .team_box ul li{width:33.33333%; float:left; overflow:hidden;}
.team .team_box ul li img{ display:block; width:100%;height:auto;}
.team .team_box ul li div{ padding:5% 0 5% 8%;overflow:hidden;}
.team .team_box ul li h3{ color:#333333; font-size:1em; padding:2% 0px;}
.team .team_box ul li h3 span{color:#666666;font-weight:normal; font-size:0.7em;margin-left:5px;}
.team .team_box ul li p{ color:#333333; font-size:0.8em;}

/************************我们的优势****************************/
.advantage{width:100%;height:auto;padding:4% 0px; background:url(../images/advantage_bg.jpg) no-repeat; background-size:100% auto; background-color:#3c3c3c; overflow:hidden;}
.advantage .title{ border-bottom:1px solid #595959;padding:3% 0px;text-align:center; }
.advantage .title h3{ color:#d6000f; font-size:1.8em; font-weight:bolder;}
.advantage .title p{ color:#ffffff; font-size:1em;margin-top:2%;font-family:Arial; text-transform:uppercase;}
.advantage .advantage_box{padding:0 3%;}
.advantage .advantage_box ul{padding:5% 0px;}
.advantage .advantage_box ul li{width:23.5%;height:auto; float:left;margin-right:2%; text-align:center; overflow:hidden;}
.advantage .advantage_box ul li:last-child{margin:0px;}
.advantage .advantage_box ul li .num_bg{width:100%;background:#d6000f;-webkit-border-radius:5px; position:relative; -moz-border-radius:5px;  border-radius:5px;}
.advantage .advantage_box ul li .num_bg span{display:block;width:100%;height:100%;color:#ffffff; font-size:3.8em; font-weight:bold;}
.advantage .advantage_box ul li .num_bg .num_line{display: block;position: absolute;top:50%;left:0;z-index:5; width: 100%;height:1.5%;background-color: #d6000f;}
.advantage .advantage_box ul li h5{ color:#ffffff; font-weight:normal; font-size:0.7em;margin-top:8%;}

/************************我们的案例****************************/
.case{width:100%;height:auto;padding-top:4%;overflow:hidden;}
.case .title{ border-bottom:1px solid #e6e6e6;padding:3% 0px;text-align:center; }
.case .title h3{ color:#d6000f; font-size:1.8em; font-weight:bolder;}
.case .title p{ color:#333333; font-size:1em;margin-top:2%;font-family:Arial; text-transform:uppercase;}
.case .case_box{padding-top:3%; overflow:hidden;}
.case .case_box ul{}
.case .case_box ul li{width:100%;height:auto; position:relative; overflow:hidden;}
.case .case_box ul li img{ display:block;width:100%;height:auto;}
.case .case_box ul li .bg{width:100%;height:100%; position:absolute; top:0px;left:0px;background:#000000;background: rgba(0, 0, 0, 0.6)!important;filter: Alpha(opacity=0.6); bottom:0px; left:0px; z-index:2; overflow:hidden;}
.case .case_box ul li span{ position:absolute;width:100%; text-align:center; color:#ffffff; font-size:1.4em; top:40%;left:0px;z-index:5;}

/************************电话****************************/
.phone{width:100%;height:auto;}
.phone img{ display:block; width:100%;height:auto;}