@charset "utf-8";

/********************************响应式更改**********************************************/

/****header头部***/
@media(max-width:1250px) {
.headtm{width: auto; padding-right:15px; padding-left:15px;}
.headm{width: auto; padding-right:15px; padding-left:15px;}
.logo{ width:147px; height:40px; padding-top:0px;}
.nav{ padding-left:16px; width:703px;}
.navli{ width:100px;}
.headr{ width:145px;}
.headr a{ width:67px;}
.head{ line-height: 40px; padding-top: 0px;}
.navli ul li{height:36px; line-height:36px; }
}
@media(max-width:1060px) {
.headtm{ padding-right:10px; padding-left:10px;}
.headm{ padding-right:10px; padding-left:10px;}
.logo{ width:110px; height:30px; padding-top:10px;}
.nav{ padding-left:12px; width:660px;}
.navli{ width:94px;}
.headr{ width:142px; padding-top: 20px;}
.headr a{ width:64px;}
}
@media(max-width:768px) {
.headt{ height:30px; line-height:30px; position:fixed; left:0; top:0; z-index:199; width:100%}
.headtm{height:30px; }
.logo{ margin-top:0px;}
.nav{ width:100%;  position:absolute; display:none; top:50px; left:-12px; z-index:99;}
.navbtn{ width: 40px; height: 36px; background: url(../images/head_01.png) no-repeat center center; float:right; margin-left:15px; margin-top:15px;}  
.head{ padding-top:0px; height:78px; position:fixed; left:0; top:0px; z-index:199;width:100%; background:#fff; border-bottom: solid 1px #ccc;}  
.headm{ position:relative; z-index:10; zoom:1;}    
.logo{width:90px; height:40px; padding-top:10px;}
.navli{ width:auto; float:none;background:#5dc660; height:auto; clear:both; border-bottom:solid 1px #70cf73;}
.navli a.nava{ padding-top:0; height:40px; line-height:40px;}
.navli a.nava span.span1{ color:#fff;}
.navli a.nava span.span2{ display:none;}
.navli ul{z-index:11;}
.navli ul li{ position:relative; z-index:11; zoom:1; border-bottom: solid 1px #82e184;}
.navli ul li a:hover{background:#70cf73;}

.navli{ width:auto; float:none;background:#17b8e2; height:auto; clear:both; border-bottom:solid 1px #65d3f0;}
.navli a.nava{ padding-top:0; height:40px; line-height:40px;}
.navli a.nava span.span1{ color:#fff;}
.navli a.nava span.span2{ display:none;}
.navli ul{z-index:11;}
.navli ul li{ position:relative; z-index:11; zoom:1; border-bottom: solid 1px #82e184;}
.navli ul li a:hover{background:#70cf73;}
.btn_con ul li{float:left;height:40px;line-height:40px;width:100px;text-align:center;cursor:pointer;	
	background:#178ae2; color: #ffffff;}
.btn_one{width: 100%; margin-top: 0px;}
.pan_one{ width: 100%;margin: 0 auto; height: 40px;}
.pan_one label input.box{ width:140px; height: 40px; line-height: 40px; border: none; padding-left: 15px; font-size: 14px;
color: #b2b2b2;}
.pan_one input.btn{ width: 106px;  height: 40px; line-height: 40px; padding-left:3px;font-size: 14px;}
 .pan_one label{ width: 498px; margin: 0 auto;height: 40px; line-height: 40px; display: inline-block;}
.login{ height: 130px;}		
.in_login{ width: 95%; margin: 0 auto; height: 120px; padding: 30px 0px;}
.in_login ul li{ width: 45%; height: 60px; line-height: 60px; background: #17b8e2; color: #fff; float: left;
padding: 0 10px; color: #ffffff;}
.in_login ul li img{ width: 30px;}
.in_login ul li a em{ font-size: 14px;}
/**关于我们**/
.about{ width: 97%;}
.in_ab{ width: 100%; margin: 0 auto; padding: 40px 10px;}
.ab_left{ width: 100%; }
.ab_left img{  width: 100%; }
.ab_right{ width: 95%;  margin-top: 30px; margin: 0 auto; float:none;}
.ab_right p{ margin-top: 20px;}
.ab_right p.more{ margin-top: 40px;}
.adv_box{ width: 95%; padding: 40px 0;}
.adv_left{ width: 97%; margin: 0 auto; height: 300px;}
.adv_left p{ width: 95%; margin: 0 auto;  padding-right: 20px; margin-top: 15px;}
.adv_right{width: 100%; margin: 0 auto;}
.adv_right ul li{width: 99.5%; margin: 0 auto;padding: 112px 3px 45px 3px; margin-top: 15px;}
.adv_right ul li p{width: 90%;margin: 0 auto; margin-top: 15px;}
.adv_right ul li h2{width: 90%;margin: 0 auto;}
/**我们的优势**/
.process{ background:none; width: 100%;}
.pro_box{width: 90%; margin: 0 auto; padding: 40px 0px;vertical-align:middle;}
.pro01{ width:100%; float: left; text-align: center; background:#304559; margin:0 auto; margin-top: 15px;  }
.pro01 img{ width: 80px;padding-top: 15px;}
.pro_box .two{ display: none;}
/**行业新闻**/
.anli_box{width: 100%; margin: 0 auto; padding: 40px 0px;}
.anli_box h2{}
.new{ width:100%;  margin: 0 auto; margin-top: 0px;  padding-bottom: 20px;}
.new_left{ width: 90%; padding: 10px; padding-top: 0px; margin: 0 auto; float: none; margin-top: 15px;}
.new_left h3{ font-size: 22px; line-height: 70px; height: 70px; font-weight: normal; }
.new_left p.p_img{width:100%;  overflow: hidden; }
.new_left img.n_img{ width: 100%; background-size: 100%; margin: 0 auto;}
.new_left tr{width:90%; height: 43px; line-height: 43px;  display: inline-block; color: #666666;}
.new_left tr td.list{width:70%; height: 43px; line-height: 43px;transition: border 1s, padding 1s;}
.new_left tr td.list a{width: 100%; height: 43px; line-height: 43px; display: inline-block;color: #666666; overflow: hidden;}
.new_left tr td.list:hover{ padding-left: 20px;}
/**客户案例**/
.scroll-img { width: 100%; height: 100px;}
.scroll-img ul li{ width:190px; height: 100px;}
.scroll-img ul{ width: 90%;}
#demo4.scroll-img ul, #demo5.scroll-img ul{ }
.scroll-img ul li img{ width:180px;height: 100px;}

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

.navbtn{ width: 34px; height: 30px; background: url(../images/head_01.png) no-repeat center center; background-size:34px 30px;
margin-top:10px;}   
.headr{ width:116px; height:30px; padding-top:13px; }  
.headr a{ line-height:24px; height:24px; width:54px;}  
.logo{ width:82px; height:23px; padding-top:0px; margin-top: 0px;}  
.nav{top:40px;}
.navli a.nava{ height:36px; line-height:36px;}
.head{ padding-top:0px; height:50px;}
.in_login{ width: 95%; margin: 0 auto; height: 120px; padding: 30px 0px;}
.in_login ul li{ width: 42%; height: 60px; line-height: 60px; background: #17b8e2; color: #fff; float: left;
padding: 0 10px; color: #ffffff;}
.in_login ul li img{ width: 30px;}
.in_login ul li a em{ font-size: 14px;}
.adv_left{ width: 94%; margin: 0 auto; height: 300px;}
.btn_con ul li{float:left;height:40px;line-height:40px;width:80px;text-align:center;cursor:pointer;	
	background:#178ae2; color: #ffffff;}
.btn_one{width: 100%; margin-top: 0px;}
.pan_one{ width: 100%;margin: 0 auto; height: 40px;}
.pan_one label input.box{ width:140px; height: 40px; line-height: 40px; border: none; padding-left: 15px; font-size: 14px;
color: #b2b2b2;}
.pan_one input.btn{ width: 96px;  height: 40px; line-height: 40px; padding-left:3px;font-size: 14px;}
 .pan_one label{ width: 230px; margin: 0 auto;height: 40px; line-height: 40px;}
.login{ height: 130px;}		
.in_login{ width: 95%; margin: 0 auto; height: 120px; padding: 30px 0px;}
.in_login ul li{ width: 41%; height: 60px; line-height: 60px; background: #17b8e2; color: #fff; float: left;
padding: 0 10px; color: #ffffff;}
.in_login ul li img{ width: 30px;}
.in_login ul li a em{ font-size: 14px;}
.bannero{ width:428px;  margin-left:0; height:166px; top:207px;}
.bannero{ width:428px;  margin-left:0; height:166px; top:350px;}
.bannerol{ padding: 24px 0 0 22px; line-height:40px;width:120px; height:142px;font-size:16px; font-weight:bold; }
.banneror{ padding-left:24px; width:240px;}
.bannerort{ padding-top:62px; height: 70px; background: url(../images/banner_txt.png) no-repeat left 22px; background-size:30px 30px; line-height:22px;font-size:12px;}
.bannerorb{ line-height:16px; font-size:12px; }
.pan_one input.btn{ width: 96px;  height: 40px; line-height: 40px; padding-left:3px;font-size: 14px;}
.adv_right ul li{width: 98%; margin: 0 auto;padding: 112px 3px 45px 3px; margin-top: 15px;}
.about{ width: 95%;}
.ab_right{ float:none;}
}
@media(max-width:360px) {
.logo{left:40%; }  
}
/********************************banner 焦点图**********************************************/
@media(max-width:1250px) {
.swiper-slide a{height:600px; display:block; width:100%; }
.swiper-slide img{ max-width:100%; height:600px;}
.bannero{ width:556px; left:15px; top:182px; margin-left:0; height:236px;}
.bannerol{ padding: 42px 0 0 30px; line-height:51px;width:180px; height:194px;font-size:26px; font-weight:bold; }
.banneror{ padding-left:32px; width:240px;}
.bannerort{ padding-top:96px; height: 78px; background: url(../images/banner_txt.png) no-repeat left 44px; background-size:40px 40px; line-height:24px;font-size:12px;}
.bannerorb{ line-height:16px; font-size:13px; }

}
@media(max-width:1060px) {
.swiper-slide a{height:500px; display:block; width:100%; }
.swiper-slide img{ max-width:100%; height:500px;}
.bannero{ left:30px;top:132px;}
}
@media(max-width:965px) {
.banner{ padding-top:80px;}
.swiper-slide a{height:420px;}
.swiper-slide img{ max-width:100%; height:420px;}
.bannero{ width:608px;  margin-left:30px; height:166px; top:350px;}
.bannerol{ padding: 24px 0 0 22px; line-height:40px;width:120px; height:142px;font-size:16px; font-weight:bold; }
.banneror{ padding-left:24px; width:240px;}
.bannerort{ padding-top:62px; height: 70px; background: url(../images/banner_txt.png) no-repeat left 22px; background-size:30px 30px; line-height:22px;font-size:12px;}
.bannerorb{ line-height:16px; font-size:12px; }
}
@media(max-width:640px) {
.banner{ padding-top:80px;}
.swiper-slide a{height:360px;}
.swiper-slide img{ max-width:100%; height:360px;}
.bannero{ width:330px;  margin-left:0; height:124px; top:198px; margin: 0 auto;}
.bannerol{ padding: 12px 0 0 12px; line-height:34px;width:85px; height:112px;font-size:13px; font-weight:bold; }
.banneror{ padding-left:12px; width:200px;}
.bannerort{ padding-top:28px; height: 68px; background: url(../images/banner_txt.png) no-repeat left 10px; background-size:20px 20px; line-height:22px;font-size:12px;}
.bannerorb{ line-height:16px; font-size:12px; }    
}
@media(max-width:450px) {
.swiper-slide a{height:300px;}
.swiper-slide img{  height:300px;} 
.bannero{ top:246px;}
.banner{ padding-top:50px;}   
}
@media(max-width:360px) {
.swiper-slide a{height:240px;}
.swiper-slide img{height:240px;}
.bannero{ width:97px; top:128px;}
.banneror{ display:none;} 
}

/********************************footer 底部**********************************************/

@media(max-width:1250px) {
.footm{ width: auto; padding-left:15px; padding-right:15px;}   
}
@media(max-width:860px) {
.footl{ width:35%;} 
.footl1{width:14%;}   
.footl2{width:14%; float:left;}
.footl3{width:14%; float:left;}
.footl4{width:9%; float:left;}
.footl5{width:9%; float:right;} 
.footcp{padding-left:15px; padding-right:15px;}
}
@media(max-width:769px) {
.footl{ width:49%;}
.footl1{width:24.5%;}  
.footl2{width:24.5%; float:left;}
.footl3{width:24.5%; float:left; clear: both;}
.footl4{width:24.5%; float:left;}
.footl5{width:24.5%; float:left;}    
.footb ul li{ line-height:30px;}    
.footlt{ height:64px;}  
.footb{ margin-bottom:40px;}  
    
}
@media(max-width:550px) {
.footl{ width:92%;}
.footl1{width:33.33%;}  
.footl2{width:33.33%; float:left;}
.footl3{width:33.33%; float:left; clear: none;}
.footl4{width:33.33%; float:left;}
.footl5{width:33.33%; float:left;}    
.footlt{ font-size:15px;}    
.footb ul li{ font-size:12px;}    
}