* { margin: 0; padding: 0;}
body {font-family: "Microsoft Yahei";font-size: 14px; line-height: 28px;}
img{border: 0;}
a{
	cursor:pointer;
	color:#333;
	text-decoration:none;	
	outline:none;
}

ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
.main{width: 1200px; margin:0 auto; clear: both; overflow: hidden;}
#nav{ height:42px;  margin:0 auto;background: #3054a5;}
.navmain { height: 42px; padding: 0 5px; background: #FFF; }
#nav_all { height: 42px; float: left; line-height: 42px; position: relative; z-index: 222;width: 100%; }
#nav_all li { text-align: center; float: left; }
#nav_all li a { color: #fff; display: inline-block; font-size: 14px;  cursor: pointer;padding:0 10px; }
#nav_all>li:hover,#nav_all>li.on { background: #ff811d; overflow: hidden; }
#nav_all li ul { position: absolute; z-index: 99; width:100%; left: 0px; top: 42px;background: #eaeaea;}
#nav_all li ul>li:hover a{color:#1188e3;background: none;}
#nav_all li ul>li a{color:#333;}
#nav_all li ul>li{height: 42px;line-height:42px;}
#nav_all ul li { line-height: 32px; height: 32px; padding-top: 0px; padding: 0; }
#nav_all ul li a { background-image: none; padding: 0px 10px; margin: 0px; height: 32px; line-height: 32px; color: #fff; font-weight: normal; }
#nav_all ul li a:hover { padding: 0px 10px; margin: 0px auto; height: 32px; line-height: 32px; color: #FFF; border-top: none; }


.fr{float: right;}
.fl{float: left;}
.moreCase{position: absolute; bottom: 10%;margin-left: -132px;left:45%;}
.con{width: 1200px; margin:0 auto; clear: both; overflow: hidden;}



.txt6 p { margin-bottom: 17px; color: #333;font-size: 14px; line-height: 32px; text-indent:2em;}
.txt6 .nameCh{text-align:center; font-size:22px;margin-bottom: 10px; background:url("../images/line.png") no-repeat center bottom;padding-bottom: 10px;}


.more{margin: 0 auto; line-height: 34px; width: 132px; height: 34px; background-color: #233b71;border-radius: 20px; display: block; color: #fff; text-decoration: none; text-align: center;text-transform: uppercase;}



.qiu a {display: block;text-decoration: none;color: #fff;font-size: 12px;opacity: 1;transition: all 1s;overflow: hidden;  }
.qiu a:hover{transition: all 1s;transform: scale(1.2); }
.qiu a span{background:url("../images/qiu3.png") no-repeat;background-size: cover; display: block;width:100%; height: 100%;text-align: center; }
.qiu1{ width:100px; height:100px; line-height:60px; transform:rotate(-40deg); position: absolute;top: 100px;left: 80px;}
.qiu2{width: 110px; height: 110px;line-height:110px;transform:rotate(45deg); position: absolute;top: 300px; left: 45px}
.qiu3{width: 130px; height: 130px;line-height: 130px;transform:rotate(80deg); position: absolute;top: 150px; left: 250px}
.qiu4{width: 80px; height: 80px;line-height: 80px;transform:rotate(110deg); position: absolute;top:50px; left: 430px}
.qiu5{width: 90px; height: 90px;line-height: 90px;transform:rotate(120deg); position: absolute;top:250px; left: 520px}
.qiu6{width: 100px; height: 100px;line-height:100px;transform:rotate(80deg); position: absolute;top:150px; left:750px}
.qiu7{width: 120px; height:120px;line-height: 120px;transform:rotate(90deg); position: absolute;top:320px; right:250px}
.qiu8{width: 90px; height:90px;line-height: 90px;transform:rotate(130deg); position: absolute;top:100; right: 135px}



/* main_image */
.banner{height: 500px;}
.main_visual{height:100%;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%}
/*
div.flicking_con{position:absolute;bottom:150px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}*/
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-100px;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:3%; background-size: contain;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:3%; background-size: contain;}
.bannerTopBg{height: 88px; background: url("../images/bannerTopBg.png") no-repeat center 0; width: 100%; position: absolute;bottom: 0;}

.aboutIndex{font-size: 16px; line-height: 2em;  margin:50px auto;}
.aboutIndex p{margin:10px 0 10px 10px ;}
.aboutIndexL{ float: left; width: 43%; overflow: hidden; }
.aboutIndexR{float: left; width: 55%;}
.titAbout em{ color: #999; font-size: 14px; float: left;margin-left: 10px; }
.titAbout span{font-size: 22px; color: #333; font-weight: bold; float: left;}
.titAbout{clear: both;overflow: hidden;margin-top: 11px; margin-left: 10px;}
.titAbout a{float: right; background: url("../images/ch_g_06.jpg") no-repeat right 0; display: block;height:30px;width: 64px; }





.header{width: 100%;height: auto;overflow: visible;background: rgba(255,255,255,1.0);border-bottom: 2px solid #ff811d;border-top: 1px solid #ccc;height: 90px;}

.nav li{float: left;padding:0px 44px; margin-top:30px;height: 40px;font-size: 16px;}
.cpfl{text-align: center; width: 100px;}

.nav li>a{ display:block;width:100%; float:left;  vertical-align:middle; color:#262626;height: 40px; line-height: 40px;}
.nav li:hover,.nav .hover{background:#ff811d; color:#fff;  }
.nav li:hover>a,.nav .hover>a{color:#fff;}
.nav li>.nav-con{ display: none; line-height: 24px; text-align: left; width:150px;padding:0 20px; margin-left: -45px; height:auto; position:absolute; z-index:99999999;  top:72px;background:rgba(255,255,255,0.9);}
.nav li:hover>.nav-con{ display:block;}
.nav li>.nav-con div{clear: both;overflow: hidden;}
.nav li>.nav-con div:first-child h4{padding-top:20px;}
.nav li>.nav-con div:last-child{padding-bottom:10px;}
.nav li>.nav-con div h4{font-size: 14px;background: url('../images/yy.png') no-repeat 95% center;}
.nav li>.nav-con div h4:hover{background: url('../images/yy2.png') no-repeat 95% center;}
.nav li>.nav-con div h4:hover a{color:#ff811d;display:block;}
.nav li>.nav-con div h4>a{color:#ff811d;}
.nav li>.nav-con div h4:hover a{font-weight: bold;}
.nav li>.nav-con div>a{ float:left; top:40px; display:block;color:#666;  font-size:12px;padding-right: 5px;}
.nav li>.nav-con div>a:hover{  }
 .logo{float:left; margin-top: 15px;margin-right: 40px;}
 .phonetop{background:url("../images/phone.png") no-repeat left center; float: right;padding-left:50px; margin-top: 20px; }
.bannertwo{width: 100%;height: 350px; overflow: hidden; clear: both;}

.footerIndex{background:rgba(0,0,0,0.9);width: 100%;font-size: 12px; color:#fff;padding:10px 0; color: #888888; }
.footerMain {clear: both;overflow:hidden; width:800px;margin:0 auto;}
.footerMainL{ float: left; width:87px; height: 110px;margin-top: 15px;  }
.footerMainL img{width: 100%; height: 87px; display: block;}
.footerMainR{float: left; margin-left: 30px;}
.footerMainR ul{clear: both; overflow:hidden; }
.footerMainR ul li{float: left; padding:5px 0; margin-left: 9px; }
.footerMainR ul li a{color: #a6a6a6;border-right: 1px solid #474747; margin-left: 15px; padding-right: 15px;}
.footerMainR span{clear: both;overflow: hidden;margin-left: 24px; display: block; line-height: 22px;}
.footerMainR span a{color: #888;}
.footerMainR span a:hover,.footerMainR ul li a:hover{color: #ff811d;}
.about span {float: left;width:40%; height: auto;display: block;overflow: hidden; }
.about span img{width: 100%;height: 100%;transform: scale(1.0);transition: all 1s;}
.about span:hover img{transform: scale(1.25);}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.about>div{width: 55%;}
.about{clear: both;overflow: hidden;}
.about>div b{display: block;background: url('../images/about_09.jpg') no-repeat left center;padding-left: 20px;color:#e44b00;font-size: 16px;}
.about>div p{text-indent: 2em;font-size: 14px;margin:5px 0 5px 0;}
.about>div p em{font-size: 16px; color:#e44b00;}
.position{padding:10px 0;border-bottom:1px solid #dbdbdb;font-size:12px;}
.position a{padding:0 5px;display: block; float: left;}
.position p{float: left;background: url("../images/position_07.jpg")no-repeat left center;padding-left: 20px;}
.position a:hover{color:#13407b;}
.navtwo{position: absolute;top:405px;left: 50%;margin-left:-100px;}
.navtwo a{padding:5px 20px;background:rgba(234,234,255,0.8);display:inline-block;border-radius: 0 10px 0 10px;font-size: 16px;}
.navtwo a.on{background:rgba(255,129,29,0.7);}

.link{width:100%; height:auto; overflow:hidden; line-height:30px;}
.link span{
	float:left;
	margin-right:15px;
	    line-height: 30px;
}
.link a{float:left; margin-right:20px; color:#878787;}

.caseTop{clear: both;overflow:hidden;background: #f2f2f2;}
.caseTop img{float: right;}
.caseTop dl{float: left;width: 55%;}
.caseTop dl dt{font-size: 20px; font-weight: bold;color:#233b71;margin: 20px 0; border-bottom: 1px solid #bbb;padding-bottom: 20px;width: 90%;margin-left:8%;}
.caseTop dl dd{color:#666;width: 90%;margin-left:8%;}
.caseTop dl dd a{margin:30px 0 20px 0;}

.caselist{clear: both;overflow: hidden;}
.caselist ul li{clear: both; overflow: hidden;margin-bottom: 20px;}
.caselist ul li img{width:289px; height: 160px; float: left;}
.caselist ul>li:nth-child(2n+0){background: #f2f2f2;}
.caselist ul li p{float: left;width: 71%; margin-left: 4%;}
.caselist ul li p b{display: block;font-size: 20px;color: #333;padding-bottom: 10px;border-bottom: 1px dotted  #bbb;margin-top: 15px;}
.caselist ul li p span{color: #666;padding-top: 10px;display: block;}


/*分页 开始*/
.s-pager {clear: both;overflow: hidden; width:100%; height: 25px; margin: 30px auto 30px auto;  color: #999999; text-align: center; line-height: 24px; padding-top: 10px; }
.s-pager .a-pager-pn { color: #ff811d; }
.s-pager a { padding: 0px 9px; background-color: #fff; margin-left: 6px; display: inline-block; text-align: center; color: #000; }
.s-pager a:hover, .s-pager a.cur { background-color: #ff811d; color: #fff; cursor: pointer; }
.s-pager a.hui { background-color: #fff; color: #999999; }
.s-pager a.hui:hover { background-color: #fff; color: #999999; cursor: inherit; }
.s-pager .txt-pagerto { width: 30px; height: 24px; border: none; text-align: center; }
.s-pager .btn-pagergo { width: 28px; height: 20px; background-color: #ff811d; border-radius: 3px; border: none; color: #fff;cursor:pointer }
.s-pager .btn-pagergo:hover { background-color: #ff811d; }
/*分页 end*/

.article h2{text-align: center; margin:0 auto;color:#233b71; padding-bottom: 30px;}
.article span{display: block;padding:5px 0;background: #f2f2f2;text-align: center;}
.article img{display: block; margin:30px auto;}
.article  p{margin:20px 0;color:#666; text-indent:2em;}

.join img{float: left;width: 40%;height:280px;}
.join p{clear: both; overflow: hidden; margin:20px;color:#666;text-indent: 2em;}
.join form{ float: right; width: 55%;}
.join form input,.join form textarea{margin-top: 20px;display: block;height: 40px; line-height: 40px; box-sizing: border-box; border-radius: 5px;border:1px solid #ccc; width:80%;padding-left:5px;}
.join form span{line-height: 20px;margin-top: 30px; display: block;}
.join form em{display: block;}
.join form textarea{margin-top: 5px;height: 100px;margin-bottom: 50px;}
.join a{clear: both; overflow: hidden; display: block;}
.proTop{clear: both;overflow: hidden;}
.proTop img{float: left; width: 42%; height: auto;}
.proIntro{float: left; width: 54%; margin-left:20px;}
.proIntro h2{background: #efefef;padding:8px 0;text-indent: 20px;}
.colorPro{clear:both;overflow: hidden;margin:20px 0;}
.colorPro span{float: left;padding:15px;display:block;width: 9%;}
.colorPro p{float: left;width: 80%}
.colorPro p em{padding:5px;border:1px solid #b8b7bd;display: block; float: left;margin:10px 0 0 5px;box-sizing: border-box;}
.colorPro p em.colorOn{border:1px solid #f57300; box-sizing: border-box;color:#f57300;font-weight:bold;}
.btnPro {clear: both; overflow: hidden; display: block;margin-top: 30px;}
.btnPro a{width: 172px; height: 40px;font-size: 16px; display: block;color:#fff; float: left; margin-left: 15px; line-height: 40px; text-align: center }
.btnPro a:hover{color:#ffcd48;}
.xianqing{clear: both; overflow: hidden;margin:30px auto;}
.xianqing .hddiv{border:1px solid #dfdfdf;margin-bottom:20px;clear: both; overflow: hidden;height: 45px;}
.xianqing h4{height: 45px;width:100px;line-height: 45px; text-align: center; float: left;border-right: 1px solid #dfdfdf;cursor: pointer;  }
.xianqing p{line-height: 36px;padding-left:20px;}
.onH4{background: url('../images/sss_13.jpg') no-repeat 50% 0;border-top:3px solid #f25a10;}
.bd2{display: none;clear: both; overflow: hidden;}
.bd2 a {display: block; width: 23.5%; height: 240px; float: left;margin-right:2%;overflow: hidden;}
.bd2 a:nth-child(4n+0){margin-right: 0;}
.bd2 a img{width:100%;display: block;height: 200px;transform: scale(0.9);transition: all 1s;}
.bd2 a:hover img{transform: scale(1.0);}
.bd2 a:hover b{color:#f57300;}
.bd2 a b{text-align: center; display: block;}




	
/* #tmenu{ height:28px;background: #eee; border-top:2px solid #ff811d; } */
.prolist{clear: both; overflow: hidden;margin-top: 50px;}
.prolist ul li{width: 32%; float: left;margin-right:2%; overflow: hidden;margin-bottom: 10px;}
.prolist ul li:nth-child(3n+0){margin-right: 0;}
.prolist ul li a{display: block;width: 100%;height:250px;overflow: hidden;}
.prolist ul li a img{height: 288px;width: 100%;transform: scale(1.0); transition: all 1s; }
.prolist ul li:hover img{transform: scale(1.1);}
.prolist ul li p{text-align: center;padding-top: 10px;}
.prolist ul li:hover p{color:#ff811d;}

.fc{    z-index: 999999; position: fixed;right: -10px;top: 70%;text-indent: -9999px; margin-top: -170px;background: url("../images/fc_03.png") no-repeat;width: 118px; height: 185px;}
.fc a{display: block;}
.fc a:first-child{ margin-left:15px; height:100px; margin-top:40px;}
.fc a:last-child img{margin:60px 0 0 15px;}
.contact img{border:1px solid #bbb;box-sizing: border-box;}
.contact h1{color:#333; border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px; font-size: 20px;margin-top: 30px;}
.contact h1 b{font-size: 30px;color:#ff811d;padding:0 5px;}
.contact p{color:#666;margin-bottom: 5px; }

.order{margin:30px auto; clear: both; overflow: hidden;border:1px solid #eee;}
.order h2{font-size: 18px;text-indent: 20px;height: 40px; line-height: 40px;text-align: center;background: #efefef;width: 98%;margin:1%;}


.count {clear: both; overflow: hidden;padding-left: 15px;}
.count input{border:1px solid #b8b7bd;width: 50px; height: 40px;margin-left: 23px;text-indent: 5px;}
.order form{width: 40%; margin:0 auto; clear: both; overflow: hidden;}
.order form .filem{clear: both; overflow: hidden;margin-top: 10px;}
.order form .filem span{float: left;width: 90px;text-align: right;padding-right: 10px;}
.order form .filem  input,.order form .filem  select{box-sizing: border-box; float: left; height: 40px; line-height: 40px; width: 350px; border-radius: 5px; border:1px solid #b8b7bd;}
.order form .filem  select{width: 170px;margin-right:10px;}
.order form .filem  textarea{box-sizing: border-box;height: 100px; width: 350px; border-radius: 5px;border:1px solid #b8b7bd;resize:none;}
.textc{margin:15px 0 0 100px;}
.btnOrder{ clear: both; overflow: hidden; width: 100px; height: 40px; text-align: center; line-height: 40px; border-radius:3px; background: #233b71; color:#fff; margin:15px auto 30px auto; display: block;}
.footer{ background: #c8c8c8;border-top:1px solid #b2b2b2;padding: 15px 0; }
.footer p{ margin:0 auto;text-align: center;color:#333;font-size: 12px; line-height: 20px;margin:0 10px;}
.wap-nav{display: none;float: right; margin-top: 35px;}
.sideMenu{  border:1px solid #ddd; display: none;  }
	.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer; font-size: 14px;}
	.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
	.sideMenu h3.on em{ background-position:16px -57px; }
	.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
	.sideMenu h3.on{background:#163f7d;color: #fff;}
	
/*网站地图页面  开始*/	

.map_title{
	width:100%;
	height:auto;
	font-size:22px;
	color:#000;
	font-weight:bold;
	margin-bottom:20px;
	overflow:hidden;
}
.map_list{
    width:100%;
	height:auto;
	overflow:hidden;
}
.map_list li{
	width:100%;
	height:auto;
	font-weight:bold;
	color: #ff811d;
	margin:15px 0;
	overflow:hidden;
	border-bottom:1px dashed #cdcdcd;
}
.map_list li>.maplist{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:15px;
}
.map_list li>.maplist li{
	width:180px;
	float:left;
	margin-right:15px;
	border-bottom:none;
	font-weight:normal;
	color:#333;
}

/*网站地图页面  结束*/	


/*404页面   开始*/
.page_404{
   width:100%;
   height:auto;
   overflow:hidden;
   margin:30px 0;
   padding:200px 0;
   background:url(../images/timg404.png) center no-repeat;
}
.txt4{
   width:35%;
   float:right;
   height:auto;
   overflow:hidden;
}
.txt4 h2{
   width:100%;
   height:auto;
   line-height:40px;
   font-size:16px;
   margin:10px 0;
}
.txt4 .des{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.txt4 .fh{
	width:200px;
	height:40px;
	border:3px solid #3c99d1;
	line-height:40px;
	border-radius:30px;
	text-align:center;
}

/*404页面   结束*/
	
	
@media screen and (max-width: 1200px){
	.main{width: 1024px;}
	.cpfl{ width: auto}
	.txt6 p{line-height: 24px;}
	.active .titleBox p{font-size:12px;}
	.nav li{padding:0 30px;}
	.nav li>.nav-con{left: 33.5%;}
	.qiu1{ width:100px; height:100px; line-height:60px; top: 100px;left: 80px;}
	.qiu2{width: 110px; height: 110px;line-height:110px;top: 300px; left: 45px}
	.qiu3{width: 130px; height: 130px;line-height: 130px;top: 150px; left: 250px}
	.qiu4{width: 80px; height: 80px;line-height: 80px;top:50px; left: 430px}
	.qiu5{width: 90px; height: 90px;line-height: 90px;top:250px; left: 520px}
	.qiu6{width: 100px; height: 100px;line-height:100px;top:150px; left:750px}
	.qiu7{width: 120px; height:120px;line-height: 120px;top:320px; right:250px}
	.qiu8{width: 90px; height:90px;line-height: 90px;top:100px; right: 135px}
#nav li .v a{padding:0 3px; }


}
@media screen and (max-width: 1024px){
	.main{width: 768px;}
	.qiu{width: 768px;}
	.qiu1{ width:70px; height:70px; line-height:70px; top: 100px;left: 80px;}
	.qiu2{width: 90px; height: 90px;line-height:90px;top: 300px; left: 45px}
	.qiu3{width: 100px; height: 100px;line-height: 100px;top: 150px; left: 250px}
	.qiu4{width: 60px; height: 60px;line-height: 60px;top:50px; left: 430px}
	.qiu5{width: 80px; height: 80px;line-height: 80px;top:250px; left: 520px}
	.qiu6{width: 70px; height: 70px;line-height:70px;top:150px; left:750px}
	.qiu7{width: 80px; height:80px;line-height: 80px;top:280px; right:300px}
	.qiu8{width: 90px; height:90px;line-height: 90px;top:100px; right: 135px}
	.section .bg img{width:auto;}
	.active .bg3{left:15%;}
	.bg2{width: 50vw;height: 50vw;right: -55%;}
	.active .bg2{right:13%; }
	.active .qiu{top: 20%;margin-top: 0;}
	.phonetop{margin-right:160px;}
	.fc,.nav{display: none;}
	.wap-nav{display: block; }
	.sideMenu { display: block;}
	.nav li:hover>.nav-con{ display:none;}
	.nav{ position: absolute; right: 9%;top:93px; background: #0e4178;z-index: 11111;}
	.nav li{ float: none; margin-top:0;  }
	.nav li a{ color: #fff; line-height: 36px;}
	.contact .fr,.contact .fl{float: none;  display: block;text-align: center; margin-bottom: 20px;}
	.order form .filem  input, .order form .filem  select,.order form .filem  textarea{width: 100%;}
	.order{border:0;}
	.textc{margin:0;}
	.filem  select{margin-bottom: 15px;}
	.order form .filem span{text-align: left;}
	#nav{display: none;}
	.caseTop img{float: none;display: block; text-align: center; margin:30px auto 10px auto;}
	.caseTop dl{float: none; width: 100%;}
	.caselist ul li img{width: 25%;height: auto; margin-top:10px;margin-left: 5px;}
	.caselist ul li p {float: left;width: 70%;margin-left:2%;}

.banner {height: 570px;}
.aboutIndexL{display: none;}
.aboutIndexR{width: 96%;margin:0 auto;}
.footerMain{width: 72%;}
}


@media screen and (max-width: 768px){
	.main{width: 640px;}
	.nav{right: 0%;}
	.moreCase{position: absolute; bottom:30%;}
	.active .qiu{top: 18%;margin-top: 0;}
	.qiu6{ left:650px}
	.btnPro a{margin-left: 5px; width: 166px;}
	#nav{display: none;}
/*	.proindex .prolist,.proindex .s-pager {display: none;}*/
	.caseTop img{float: none;display: block; text-align: center; margin:30px auto 10px auto;}
	.caseTop dl{float: none; width: 100%;}
	.caselist ul li img{width: 25%;height: auto; margin-top:10px;margin-left: 5px;}
	.caselist ul li p {float: left;width: 70%;margin-left:2%;}
	.banner { height: 432px;}
	.footerMain{width: 100%;}
	
}
@media screen and (max-width: 640px){
	.footerMainL{float: none; text-align: center; width: 87px; margin:0 auto;}
	.footerMainR{float: none;}
	.footerMainR ul{display: none;}
	.wap-nav { margin-top: 20px;}
	.nav{top:73px;}
	.banner { height: 233px;}
	.logo{margin-right:0;margin-top: 5px;}
	.phonetop{display: none;}
	.qiu{width: 100%; position:relative;}
	.main,.bg2,.titleBox select{width: 86%;}
	.active .bg3{display: none;}
	.bg3{ background:none;}
	.bg2{width: 100%;background: none;right: -100%;top: 13%;}
	.active .bg2{right: 0; top:18%; line-height: 22px;}
	.active .bg2 .txt6{width: 86%;}
	.titleBox p{display: none;}
	.qiu1{ width:40px; height:40px; line-height:40px; top: 100px;left: 80px;}
	.qiu2{width: 60px; height: 60px;line-height:60px;top: 300px; left: 60px}
	.qiu3{width: 50px; height: 50px;line-height: 50px;top: 190px; left: 220px}
	.qiu4{width: 60px; height: 60px;line-height: 60px;top:100px; left: 230px}
	.qiu5{width: 40px; height: 40px;line-height: 40px;top:210px; left: 70px}
	.qiu6{width: 40px; height: 40px;line-height:40px;top:250px; left:320px}
	.qiu7{width: 70px; height:70px;line-height: 70px;top:260px; left:150px}
	.qiu8{width: 50px; height:50px;line-height: 50px;top:138px; left: 140px}
	.moreCase{bottom: 15%; left: 32%;}
	.about span{width: 70%; float: none; margin:30px auto;}
	.about>div,.caseTop dl,.bd2 a img{width: 100%;}
	.caselist ul li p{width: 90%;margin:10px 5%;}
	.caselist ul li img{width: 100%; height: auto;}
	.bannertwo{height: 200px;width:100%; }
	.contact img,.join form,.join form input, .join form textarea{width: 100%;}
	.join img,.proTop img,.order form{height: auto;width: 100%;}
	.proIntro{width: 100%; margin-top:20px; margin-left: 0;}
	.order form .filem  input, .order form .filem  select,.order form .filem  textarea{width: 100%;}
	.order{border:0;}
	.textc{margin:0;}
	.filem  select{margin-bottom: 15px;}
	.order form .filem span{text-align: left;}
	.btnPro a{margin-left: 5px;width: 156px;}
	.bd2 a{width: 50%;margin:0;overflow: hidden;}
	.prolist ul li{width: 46%; height: auto; margin-left: 2%;}

	.prolist ul li{margin-right:0;}
	.prolist ul li a,.prolist ul li a img{height: auto;}
	#nav{display: none;}
	.active .titleBox .title{font-size: 24px;}
	.header{height: 70px;}
	.txt6 .nameCh{font-size: 18px;}
	.txt6 p{line-height: 22px;}
	#btn_prev,#btn_next{display: none;}
	
}
@media screen and (max-width: 375px){
		.banner { height: 214px;}
}


@media screen and (max-width: 320px){
		.banner { height: 182px;}
}