/* CSS Document */

html{overflow-x:hidden;}
body{overflow-x:hidden;}


/*header*/
.header-main .ncontainer{ position:relative; z-index:9999999;}
.ncontainer{ max-width:1250px;margin-left: auto;
	margin-right: auto;}
.header-top{ position:absolute; z-index:666;padding-top:27px; width:100%;}
.header-top .logo{  float:left;}
.header-top .head-right{float:right; color:#575656; width:65%;}
.head-nav{ float:left; width:84%; line-height:37px;}
.head-nav li{ width:14.2857%; float:left; position:relative;text-align:center;}
.head-nav li>a{ color:#fff; text-align:center; display:block; font-size:15px;}

.head-nav li:hover a{ color:#fff; border-bottom:2px solid #0097d9;font-weight:bold}

	.menu_pro_h{color:#fff !important;font-weight:bold}

.head-nav li .nav_down{ z-index:999; 
                        position: absolute; font-size:16px;
                         background: rgba(25,107,200,0.7);
                       
                        top:100%;
                        width: 120%;
						display:none;
                        
                        padding: 10px 0;
                       
                       }

.head-nav li .nav_down a{ color:#fff;  line-height:30px; text-align:center; font-size:13px; display:block; background:none;border-bottom:none;font-weight:normal;}



.head-nav li .nav_down a:hover{ color:#0097d9; background:#1c78b4; color:#fff;}
 

.dhbj{ background:url(../images/mebj.jpg) repeat-x #fff; z-index:1; height:220px; width:100%; position:absolute; display:none;}

.head-nav li #menu_pro{ text-align:center; border-top:solid 1px #b8b7b9;max-width:1400px;  left:107%;  overflow:hidden; padding:5%; height:auto;box-shadow: 0 0px 0px 0;}
#menu_pro a { display: inline-block; width:8.3%; margin-top:25px;}
						   
						   
.headtel{float:right; width:14%;height:26px; padding-top:12px; }
.headtel .toptel{ float:left; margin-right:18px; position:relative;}

.headtel .toptel .telbox{ position:absolute;left:0; top:40px;width:180px; display:none; color:#b20000;}
.headtel .toptel .telbox a{ color:#b20000;}

.topweixin {
  margin-right:15px;
  position: relative;float:left;
}
.weixinbox {
  position: absolute;
  width: 120px; height:120px;
  left: 50%;
  margin-left: -40px;
 
  top:40px;
  display: none;
  z-index: 222;

}
.topweixin:hover .weixinbox {
  display: block;
}






.headtel .topsearch{ float:left;position:relative;margin-right:13px;}
.headtel .topenglish{position: relative; float:left;margin-top: -6px;}

.topenglish:hover .slideLeft {
  display: block;
}


.search {
  position: relative;
  height: 32px;
  border-right: 1px solid #dcdcdc;
  padding: 0 20px;
}
.search a {
  width: 32px;
  height: 32px;
  display: inline-block;
}
.searmain {
  width:271px;
  position: absolute;
  right: -15px;
  top:18px;
  display: none;
  z-index: 22;
}
.topsear {
  width: 210px;
  height: 39.3px;
  border: 1px solid #d7d7d7;
  margin: 11px 0 0 16px;
  border-right: 0;
  text-indent: 5px;
}
.topsub {
  width: 40px;
  height: 39px;
  background: url(../images/searbtn.jpg) no-repeat center;
  position: absolute;
  top: 11px;
  border: none;
}
.topsear:focus {
  border: 1px solid #6fa4dd;
  border-right: 0;
}



/*banner*/
.banner{}
.banner img{width:100%; margin:0 auto;}
.banner .slick-dots{ bottom:35px;}
.banner .slick-dots li{ width:15px; height:15px;}
.banner .slick-dots li button:before{ content:"";}
.banner .slick-dots li button{ background:#fff; border-radius:50%; width:12px; height:12px;}
.banner .slick-dots .slick-active button{ background:#0097d9}
.banner .slick-dots li{ margin:0px 1px;}
.banner video{vertical-align:middle;}

 




/*手机端导航*/

.header-main .phoneNav-btn{display:none;width:25px;height:25px;position:absolute;right:30px;top:50%;}
.header-main .phoneNav-btn i{display:block;background:#6fa4dd;height:5px}
.header-main .phoneNav-btn:before{content:"";display:block;width:100%;height:5px;margin:0 0 5px;background:#6fa4dd}
.header-main .phoneNav-btn:after{content:"";display:block;width:100%;height:5px;margin:5px 0 0;background:#6fa4dd}


.header-fixed{position:fixed;top:0;width:100%;z-index:888;box-shadow:5px 5px 5px rgba(0,0,0,.1);background:#fff;-webkit-transition:all .5s;transition:all .5s}
.header-fixed .container{padding-top:0;padding-bottom:0}

#phoneNav{z-index:999;background:#fff;display:none}
#phoneNav .search2{border-radius:28px;-webkit-transition:all .5s;transition:all .5s;position:relative;padding:10px}
#phoneNav .search2 input{border:1px #efeff0 solid;border-radius:28px;line-height:28px;height:30px;position:relative;width:100%;padding:0 40px 0 10px;font-size:14px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s}
#phoneNav .search2 input:focus{border-color:#ce2b2b;}

html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{z-index:999}
#phoneNav.mm-opened{display:block}
html.mm-pagedim-black #mm-blocker{background:0 0\9}
.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:55px}
.mm-navbar{height:55px;z-index:999}
.mm-menu{background:#fff}
.mm-listview{font-size:16px}
.mm-menu.mm-bottom,.mm-menu.mm-top{width:320px;max-width:320px;min-width:320px}

#phoneNav li:hover a{ color:#0097d9;}


#headertoubu{ background:#fff;height:82px;}
#headertoubu .head-nav a{ color:#000000;}
#headertoubu .teltwo{ display:block;}
#headertoubu .telone{ display:none;}
#headertoubu .headtel .toptel .telbox{ top:59px;}
#headertoubu .wx-one{ display:none;}
#headertoubu .wx-two{ display:block;}
#headertoubu .weixinbox{ top:60px;}
#headertoubu .sou-one{ display:none;}
#headertoubu .sou-two{ display:block;}
#headertoubu .en-one{ display:none;}
#headertoubu .en-two{ display:block;}
#headertoubu .searmain{ top:46px;}
#headertoubu .phoneNav-btn::after,#headertoubu .phoneNav-btn i,#headertoubu .phoneNav-btn::before{ background:#000;}


/*业务范围*/
.sy_yefw{ clear:both; background:#eff4f7; overflow:hidden;}
.pad40{ padding-top:40px;}
.pad50{ padding-bottom:50px;}
.pub_title{ text-align:center; color:#2f2f2f; padding:30px 0px;}
.pub_title .pen{ font-size:25px;}
/*更改背景色*/
/*
.pub_title .pen em{ font-style:normal;color: #0097d9; padding-right:12px;}
*/
.pub_title .pen em{ font-style:normal;color:#0033FF; padding-right:12px;}

.pub_title .pcn{ font-size:25px;}
.homeal-list li{ width:23%; margin-right:2.5%; float:left; }
.homeal-list li:nth-child(4n){margin-right:0%;}

.homeal-list li a{ display:block;overflow:hidden;position:relative;margin-bottom:40px;}
.homeal-list li a.apad{padding-top:117%;}
.homeal-list li p{ position:absolute;bottom:0; z-index:6; height:38px; line-height:38px;width:100%; left: 0;height:40px;-webkit-transition: all .4s;
    transition: all .4s;
    color: white;}


  .homeal-list .overview{
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55px;text-align:center;
  -webkit-transition: all .4s;
  transition: all .4s;
  color: white;
}

.homeal-list .subject {
  font-size:22px; background:url(../images/bj.png) repeat; line-height:55px;
  -webkit-transition: color .2s;
  transition: color .2s; display:block;width:100%;
}
.overview .summary {display:block;width:100%;
  font-size: 14px;
  overflow: hidden;
  max-height: 0; padding:0 20px;
}

.homeal-list a:hover .overview { background:url(../images/bj.png) repeat;  padding-top: 50px;
  height: 100%;
}
.homeal-list a:hover .subject{ background:none;}
.homeal-list a:hover .overview .summary {
  max-height: 330px;
  padding-top: 20px;
}

.homeal-list .middleCenter:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: background .4s;
  transition: background .4s;
}



.homeal-list li img{-webkit-transition:all .5s;transition:all .5s; width:100%;}
.homeal-list li a:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.homeal-list li .overview em{ font-style:normal; display:block;}





.homeal-list .slick-dots {width:100%; margin:0 auto; left:42%;}
.homeal-list .slick-dots li{ float:left;width:39px; height:2px;border:2px solid #757373;}
.homeal-list .slick-dots li button:before{content:"";}
.homeal-list .slick-dots .slick-active{border:2px solid #ca0405;content:"";}



/*案例中心*/
.hcase-tit{ margin-bottom:30px; overflow:hidden; text-align:center;}
.hcase-tit a{ display:inline-block; border:solid 1px #d2d2d2;  padding:7px 25px;}
.hcase-tit a:last-child{border-right:solid 1px #d2d2d2;}


/*注释修改背景色*/
/*
.hcase-tit a:hover{ background:#0095d8; color:#fff;}
*/

.hcase-tit a:hover{ background:#0033FF; color:#fff;}

.hcase-tit a.car{ background:#0095d8; color:#fff;border-right:0px; position:relative; padding:9px 25px;}
 

.case_left{ width:63%;float:left;}
.case_left a{ display:block;overflow:hidden;position:relative;padding-top:59%;}
.case_left .overview{
  position: absolute; font-size:13px;
  bottom: 0;
  left: 0;padding:8px 16px 0 16px;
  width: 100%;
  height: 100px;
  -webkit-transition: all .4s;
  transition: all .4s;
  color: white;background:url(../images/bj.png) repeat; 
}
.case_left .subject b { display:block; font-weight:normal;
  font-size:21px; 
  -webkit-transition: color .2s;
  transition: color .2s; display:block;width:100%;
}
.case_left .subject i{ font-style:normal;}


.case_left .em {display:block;width:100%;
  font-size: 13px;
  overflow: hidden; font-style:normal;
 
}
.case_left img{-webkit-transition:all .5s;transition:all .5s; width:100%;}
.case_left a:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.case_left .slick-next{background:url(../images/right.png); top:50%; right:0px; z-index:999; width:47px; height:70px;}
.case_left .slick-next:before , .case_left .slick-prev:before{content:""}
.case_left .slick-prev{ z-index:999; left:0px;top:50%;background:url(../images/left.png);width:47px; height:70px;}

.case-right{ background:#238bbb; padding:20px 30px 0 12px; width:37%; float:right;}
.case_top{ margin-bottom:20px;}
.cpub_tit { overflow:hidden; margin-bottom:10px; font-size:16px; color:#fff;}
.cpub_tit img{ padding-right:10px; float:left;}
.cpub_tit p{ float:left;}
.cpub_tit p span,.cpub_tit p em{ display:block;}
.cpub_tit p em{ font-style:normal; color:#81e9ea; font-size:12px;text-transform:uppercase;}
.cat_xw li{ float:left; margin-right:35px; width:45%; line-height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cat_xw{ margin-left:15px;min-height:123px;}

/*更改文字背景色
.cat_xw li a{ display:block; font-size:14px; color:#fff; background:url(../images/jt1.jpg) no-repeat right center; border-bottom:1px solid #4db6b8; padding-right:12px;}
*/
.cat_xw li a{ display:block; font-size:14px; color:#fff; background:url(../images/jt1.jpg) no-repeat right center; border-bottom:1px solid #0033FF; padding-right:12px;}
.cat_xw li:nth-child(even){ margin-right:0; }
/*更改文字背景色
.cat_xw li:hover a{color:#81e9ea; }
*/
.cat_xw li:hover a{color:#0033FF; }

.case_bottom{ margin-top:25px; overflow:hidden;}
.cmessage{ margin-top:25px; margin-left:15px;padding-bottom: 6px;overflow: hidden;}
.cmessage li{ float:left; width:49%; font-size:16px; color:#fff; margin-bottom:13px;}
.cmessage li span{ float:left;margin-bottom:10px; padding-left:16px;}
.cmessage li input[type="text"]{ font-size:13px; color:#fff; height:25px; line-height:25px;border:none; background:#007ab1; width:59%; padding:0 6px; float:left;}
.cmessage li.ywxq{ width:100%;}
.cmessage li textarea{width:82%; min-height:56px;border:none; background:#007ab1;padding:0 6px; color:#fff;}
.cmessage li.mzh{ width:225px;margin-left: 64px;}


.cmessage li .tj{ width:103px; height:35px; line-height:35px; text-align:center; color:#fff; background:#18b1f6; border:none; float:left; cursor:pointer;}
.cmessage li .cz{ width:103px; height:35px; line-height:35px; text-align:center; color:#fff; background:#18b1f6; border:none; float:left;cursor:pointer;}
/*更改文字背景色
.cmessage li .tj{ width:103px; height:35px; line-height:35px; text-align:center; color:#fff; background:#0033FF; border:none; float:left; cursor:pointer;}
.cmessage li .cz{ width:103px; height:35px; line-height:35px; text-align:center; color:#fff; background:#0033FF; border:none; float:left;cursor:pointer;}
*/
.cmessage li .tj,.cmessage li .cz{ float:left;}
.cmessage li .tj{ margin-right:12px;}




@media (max-width:1800px){
}
@media (max-width:1600px){

}
@media (max-width:1260px){
.scase_nr .case_left{ margin:0 auto; float:none !important; width:100%;}
.case-right{ width:100%; float:none; overflow:hidden;}


}
@media (max-width:1190px){
.head-nav li a{ font-size:16px;}
.header-top .head-right{ width:70%;}
.head-nav li .nav_down{ font-size:14px;}

.head-nav li #menu_pro{  left:150%; text-align:center;}
#menu_pro a { float:none; margin-right:2%; display: inline-block; width:auto; margin-top:25px; font-size:13px;}
}
@media (max-width:1100px){

}

@media (max-width:1070px){


}

@media (max-width:992px){
.header-main .phoneNav-btn{display:block;top:32px;}	
.head-yb{ display:none;}
	.homeal-list .subject{ font-size:14px;}


}
@media (max-width:900px){
.banner .slick-dots{ bottom:10px;}
.banner .slick-dots li{ margin:0 2px; width:15px; height:15px;}
.banner .slick-dots li button:before{ width:12px;height:12px;}

}


@media (max-width:767px){
	#phoneNav{display:none}
.homeal-list li{ margin-right:3%; width:48%; }
.homeal-list li a{ margin-bottom:20px;}
.homeal-list li:nth-child(even){margin-right:0%;}

.pub_title{ padding:15px 0px;}
.hcase-tit{ margin-bottom:15px;}

.cmessage{ margin:0px;}
.cmessage li span{ padding:0px;}
.cmessage li.mzh{ margin-left:43px;}
.cat_xw li{ margin-right:5px;}



.hcase-tit a{padding:7px 2px; font-size:14px; margin-right:3px; margin-bottom:5px; background:#E7E7E7; border:0px;}
.hcase-tit a:last-child{ border:0px;}

.hcase-tit a.car{padding:7px 2px;}

.case_left .overview{ padding:5px; height:auto;}
.case_left .subject b{ font-size:13px;}
.case_left .subject i{display:none;}


.zdh ul li{font-size:13px;margin-bottom:5px;}

}
@media (max-width:680px){
 
}

@media (max-width:600px){
}
@media (max-width:520px){
	.header-top{ padding-top:15px;}
.header-main .phoneNav-btn{top:15px;}	
#headertoubu{ height:75px;}
.cmessage li{ font-size:14px;}

 
}
@media (max-width:400px){
.header-top{padding:5px 0 5px 10px;}
#headertoubu{ height:60px;}
.header-top .logo{ width:72%;}

}

.case_xgal_list{margin-top:15px;}
.case_xgal{padding:5px;}
.case_xgal p{ text-align:center;padding:5px 0px}







.news_box .news_top{font-size: 20px;color: #333333;border-bottom: 1px solid #cccccc;padding-bottom: 10px;}
.news_box .news_top span{font-size: 14px;color: #999999;}
.news_box .news_top a{font-size: 14px;color: #666666;} 

.news_box >.fl{ width:47%;}
.news_box >.fr{ width:47%;}

.news_box li {width: 100%;background:#fff;margin-top: 25px; overflow:hidden;}
.news_box li .fl{ width:25%;}
.news_box li .fl img{ vertical-align:middle}

.news_box li .txt {padding: 18px 10px;width:73%; }
.news_box li p.txt1{font-size: 18px;color: #333333; height:27px;  overflow:hidden}
.news_box li p.txt2{color: #999999;height:45px;overflow:hidden;}
.news_box li p.txt3{color: #999999;line-height: 25px;}

.news_box li:hover p.txt1{color: #fff;}
.news_box li:hover p.txt2,.in_news .news_box li:hover p.txt3{color: #eaeaea;}


/*注释修改背景色*/
/*
.news_box li:hover{background: #00a1df;}
*/
.news_box li:hover{background: #0033FF;}

.news_box li:hover .txt3{ color:#fff;}


@media (max-width:767px){
	.news_box li {margin-top: 10px;}
	.news_box li .txt {padding: 3px 5px;width:73%; }
	
	.news_box >.fl{ width:100%;}
.news_box >.fr{ width:100%; margin-top:20px;}
.news_box li p.txt2{height:45px; overflow:hidden;}
	
	}











.fwlc_ny{padding-bottom:0px}
.fwlc_ny ul{margin-top:40px;border-radius:5px; }
@media (max-width:990px){.fwlc_ny ul{margin-top:20px}
}
.fwlc_ny ul li{width:33.333%;float:left;padding:40px;padding-right:0}
@media (max-width:1050px){.fwlc_ny ul li{padding:20px;padding-right:0}
}
@media (max-width:990px){.fwlc_ny ul li{width:50%}
}
@media (max-width:700px){.fwlc_ny ul li{width:100%}
}
.fwlc_ny ul li >p{width:60px;height:60px;float:left;line-height:58px;text-align:center;border-radius:100%;background:#aba9aa;display:inline-block;-webkit-transition:all 334ms ease-in-out;transition:all 334ms ease-in-out;position:relative}
.fwlc_ny ul li >p:after{top:-5px;left:-5px;content:"";position:absolute;width:70px;height:70px;opacity:0;border-radius:100%;border:solid 1px #0097d9;-webkit-transition:all 334ms ease-in-out;transition:all 334ms ease-in-out;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.fwlc_ny ul li >p img{max-height:35px;vertical-align:middle;-webkit-transition:all 334ms ease-in-out;transition:all 334ms ease-in-out}
@media (max-width:480px){.fwlc_ny ul li span{width:50px;height:50px;line-height:45px}
.fwlc_ny ul li >p:after{display:none}
.fwlc_ny ul li >p img{max-height:30px}
}
.fwlc_ny ul li div{width:80%;float:left;font-size:16px;padding-top:10px;padding-left:30px}
.fwlc_ny ul li div h3{color:#333;font-size:22px;font-weight:400}
@media (max-width:480px){.fwlc_ny ul li div h3{font-size:20px}
}
@media (max-width:1350px){.fwlc_ny ul li div{width:80%}
}
@media (max-width:1050px){.fwlc_ny ul li div{padding-left:15px}
}
@media (max-width:480px){.fwlc_ny ul li div{padding-top:0}
}

/*
.fwlc_ny ul li:hover >p{background:#0097d9}
*/

.fwlc_ny ul li:hover >p{background:#0033FF}



.fwlc_ny ul li:hover >p:after{opacity:1}
.fwlc_ny ul li:hover >p img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}








/*注释背景色为空*/ 
 /* .dhbg{background-color:rgba(0,0,0,0.7); position: absolute; z-index:99; width:100%; height:100px;} */ 



.dhbg{background-color:rgba(0,0,0,0.2); position: absolute; z-index:99; width:100%; height:100px;}
.banner{ position:relative;}
.banner video{ width:100%; vertical-align:middle;}
.fg{background-color:rgba(0,0,0,0.7); position:absolute; left:0px; bottom:0px; padding:20px 0px 0px 0px; width:100%;  z-index:999999;}
.fdwz{ position:absolute; top:35%; left:0px; width:100%; }
.swiper-container1{ position:relative; height:150px;max-width:1200px; margin:0 auto; overflow:hidden;}

.swiper-container1 .swiper-slide div{ text-align:center; font-size:50px; line-height:150px;

color:#fff;}
 
.cus-rate .left{float:left; width:65%; padding-left:2.5%;}
.cus-rate .left li{float:left;padding:10px 0; border-radius:50%; width:13%; margin-right:5%; text-align:center;background-color:rgba(255,255,255,0.9);}
.cus-rate .left li:last-child{margin-right:0}

.cus-rate .right{ width:40%;padding-left:10%; float:left;}
.cus-rate .left li h4{font-size:24px;color:#0097d9}
.cus-rate .left li h5{font-size:18px}
.cus-rate .left li div{font-size:12px;font-weight:700}
.cus-rate .right .right-item{float:left}
.cus-rate .right .right-item:nth-child(1){background-color:rgba(0,151,217,0.5);border-radius:8px;color:#fff;font-size:16px;font-weight:700;height:80px;margin-top:14px;width:120px;line-height:80px;text-align:center}
.cus-rate .right .right-item:nth-child(2){margin-left:20px;padding:27px 0;color:#fff}


.cus-rate .right .right-item:nth-child(2) span{color:#0097d9;font-size:30px}



.fd_message{width:100%;}

.fd_message div{padding:30px 20px;background-color:rgba(0,0,0,0.7); width:500px;margin:0 auto;border-radius:6px;}
.fd_message div input[type=text]{border:solid 1px #ccc;line-height:28px;padding:3px;border-radius:4px;vertical-align:middle}
.fd_message div select{padding:8px;margin-top:0px;vertical-align:middle;}

/*修改背景色
.fd_message div button{background:#0097d9;color:#fff;border-radius:4px;border:0px;padding:3px 38px;font-size:14px;line-height:28px;vertical-align:middle;cursor:pointer;}
*/
.fd_message div button{background:#0033FF;color:#fff;border-radius:4px;border:0px;padding:3px 38px;font-size:14px;line-height:28px;vertical-align:middle;cursor:pointer;}


.fdme{float:left;width:50%;}


@media (max-width:767px){
	.fg{ display:none;}
	.dhbg{ display:none;}
.fd_message{display:none;}
	
	
	.fdwz{ top:30%;  }
	.swiper-container1{ position:relative; height:100px;max-width:1200px; margin:0 auto; overflow:hidden;}
	
	.swiper-container1 .swiper-slide div{ text-align:center; font-size:20px; line-height:100px;}
	
}


.head-nav li .nav_down .zfl{position:relative;}
.head-nav li .nav_down .zfl div{position:absolute;width:150px;left:117px; background:rgba(25,107,200,0.7);display:none;top:0px;}


.pro-info{margin-top:0px;overflow:hidden}
.pro-info .pro-title{ overflow:hidden;text-align:center;}
.pro-info .pro-title ul li{display:inline-block;margin:0px 3px;}
.pro-info .pro-title ul li a{ display:block; border:solid 1px #d2d2d2;  padding:7px 25px;}

.pro-info .pro-title ul li a:hover{ }

.pro-info .pro-title ul .sel a{background:#0033FF; color:#fff;}


.pro-info .pro-bottom{}
.pro-info .pro-bottom .pro-neirong{display:none;padding:20px 0;overflow:hidden}






.hcase-tit{ margin-bottom:30px; overflow:hidden; text-align:center;}
.hcase-tit a{}
.hcase-tit a:last-child{border-right:solid 1px #d2d2d2;}

.hcase-tit a.car{ background:#0095d8; color:#fff;border-right:0px; position:relative; padding:9px 25px;}