@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400');

body{ margin:0; padding:0; font-family:'Noto Sans SC',"微软雅黑"; font-size:16px; color:#333;transition:all 500ms;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input,span{ list-style:none; padding:0; margin:0;}
input,textarea{ outline:none;font-family:"Roboto", Helvetica, Arial, sans-serif; color:#9f9f9f;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#00bcd4;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}

.fl{ float:left;}
.fr{ float:right;}

.wrap{ width:1526px; margin:0 auto;}


td,th {
	color: #333;
	padding-left:10px;
	border-top:1px #dddddd solid;
	border-right:1px #dddddd solid;
	font-size:14px;
}
.titlebig{ color:#00bcd4; font-size:18px;}
.bt{ background:#00bcd4; height:40px; font-size:18px; font-weight:bold;}
.bt2{ color:#fff;font-size:18px;font-weight:bold;}





.header{ height: 100px;}
.header .logo{float: left; margin-left: 150px; margin-top: 28px;}
.header .nav{ font-size: 16px;float: left; margin-left: 335px; margin-top: 38px;}
.header .nav ul li{float: left;}
.header .nav ul li a{ padding: 0 36px;font-weight: 300; line-height: 38px; display: block;}
.header .nav ul li.focus a{ background: #00bcd4; color: #fff; }
.header .lang{ width: 88px; height: 30px; background: url(../images/icon01.png) no-repeat 64px center; border: #1441af solid 1px; border-radius: 15px; position: relative; float: right; margin-top: 40px; margin-right: 130px; cursor: pointer;}
.header .lang.cur{ background: url(../images/icon02.png) no-repeat 64px center;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
.header .lang dl{text-indent: 20px; line-height: 30px; color:#1441af;}
.header .lang ol{width: 88px; padding:5px 0; position: absolute; left:-1px; top: 30px; display: none;border: #1441af solid 1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:15px;border-bottom-left-radius:15px; background: #fff;}
.header .lang ol a{display: block; text-indent: 20px; line-height: 2;}
.header .wapnav{display: none;}
.header .menu-toggle{display: none;}
.header .language{display: none;}

.banner .swiper-container{ height:600px; overflow:hidden; text-align:center;width: 100%;}
.banner .swiper-container .swiper-slide{height:600px; width:100%;}
.banner .swiper-container .swiper-slide a{height:600px; display:block;}
.banner .pagination {position: absolute;z-index: 20;bottom:50px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:11px; height: 11px; border-radius: 20px;background:none; border: #fff solid 1px; margin: 0 5px; opacity: 0.8; cursor: pointer;}
.banner .swiper-active-switch { background: #ff7800; border: #ff7800 solid 1px;}

.biaoyu{ height: 120px; background:url(../images/bg01.jpg) no-repeat center; text-align: center; color: #fff; font-size: 27px; line-height: 120px;}

.title{ text-align: center; text-transform: uppercase; padding: 54px 0;}
.title h3{font-size: 35px; line-height: 1;}
.title span{width:100px; height: 1px; background: #333; display:block; margin:15px auto;}
.title p{font-size: 25px;line-height: 1;}

.iabout{ padding-bottom: 125px;}
.iabout .box{ line-height:1.9;}
.iabout .box img{float: right; margin-left: 60px;}

.ipro{ background:#00bcd4 url(../images/bg02.png) repeat-x center; padding-bottom: 50px;}
.ipro .title h3{color: #fff;}
.ipro .title span{background: #fff;}
.ipro .title p{color: #fff;}
.ipro .box{ overflow: hidden;}
.ipro .box ul{text-align: center; margin: 0 -20px;}
.ipro .box ul li{display: inline-block; margin: 0 15px;}
.ipro .box ul li dl{ overflow: hidden}
.ipro .box ul li dl img{display: block;transform:translateZ(0px);transition:transform 0.3s ease 0s; width:450px;}
.ipro .box ul li:hover dl img{display: block;transform:scale(1.05, 1.05);transition:transform 0.6s ease 0s;}
.ipro .box ul li a{color: #fff; font-size: 18px; line-height: 2.5;font-weight: 300;}
.ipro ol{text-align: center; margin-top: 60px;}
.ipro ol a{width: 180px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; font-weight: 300; display: inline-block; margin:0 15px;}
.ipro ol a.blue{ background: #244187;}
.ipro ol a.blue:hover{background: #173376;}
.ipro ol a.orange{ background: #ff7800;}
.ipro ol a.orange:hover{background: #d26300;}

.inews .box{ overflow: hidden;}
.inews .box dl{width: 687px; float: left;}
.inews .box dl dt{ overflow: hidden;}
.inews .box dl img{display: block;transform:translateZ(0px);transition:transform 0.3s ease 0s;}
.inews .box dl:hover img{display: block;transform:scale(1.05, 1.05);transition:transform 0.6s ease 0s;}
.inews .box dl h3{font-size: 18px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin: 10px 0; color: #000;}
.inews .box dl p{font-size: 14px; color: #666;}
.inews .box ul{float: right; width: 805px;}
.inews .box ul li { overflow: hidden; padding: 30px 0;}
.inews .box ul li dd{float: left; border-right: #333 solid 1px; padding-right: 50px; padding-left: 38px;line-height: 1;}
.inews .box ul li dd b{ font-size: 62px; font-family:Arial, "sans-serif"; display: block; line-height: 1; margin-bottom: 8px;}
.inews .box ul li ol{float: right; width: 600px; margin-right: 10px;}
.inews .box ul li ol h3{font-size: 16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:8px; line-height: 1;}
.inews .box ul li ol p{font-size: 14px; color: #666; line-height: 1.6;}
.inews .box ul li:hover{ background: #ff7800;}
.inews .box ul li:hover dd{color: #fff; border-right: #fff solid 1px;}
.inews .box ul li:hover ol{color: #fff;}
.inews .box ul li:hover ol p{color: #fff;}

.breadcrumb{background: #00bcd4; height: 200px; color: #fff;text-transform: uppercase; line-height: 1}
.breadcrumb dl{padding-top: 1px;}
.breadcrumb i{width: 80px; height: 1px; background: #fff; display: block; margin-top: 70px; margin-bottom: 10px;}
.breadcrumb h3{ font-size: 41px;float: left;font-weight: 400;;}
.breadcrumb p{ font-size: 20px;float: left; margin-top: 22px; margin-left: 10px;}

.neinav{text-align: center; padding: 50px 0;}
.neinav dl{display: inline-block; width: 147px; height: 40px; line-height: 40px; background: #eeeeee; margin: 0 3px;}
.neinav dl a{display: block;}
.neinav dl.focus a,.neinav dl:hover a{ color:#fff; background: #00bcd4;}

.text{ line-height: 2; overflow: hidden;}
.text img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}

.equipment{ overflow: hidden;}
.equipment ul{ overflow: hidden; width: 1600px;}
.equipment ul li{float: left; margin-right: 15px; margin-bottom: 15px;}
.equipment ul li img{display: block;}

.newspic{ background: #f3f3f3; padding: 50px 0;}
.newspic ul {overflow: hidden; width: 1650px;}
.newspic ul li{width: 465px; float: left; margin-right: 65px;}
.newspic ul li dt{ overflow: hidden;}
.newspic ul li dt img{display: block;transform:translateZ(0px);transition:transform 0.3s ease 0s;}
.newspic ul li:hover img{display: block;transform:scale(1.05, 1.05);transition:transform 0.6s ease 0s;}
.newspic ul li dl{background: #fff; padding: 25px; height: 150px;}
.newspic ul li:hover dl{ background: #effdff;}
.newspic ul li dl h3{font-size: 16px; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 10px;}
.newspic ul li dl ol{font-size: 14px; color: #999; height: 70px; line-height: 1.6; margin-bottom: 25px;}
.newspic ul li dl dd{ font-size: 14px; color: #00bcd4; line-height: 1;}
.newspic ul li dl dd span{float: right; background: url(../images/icon06.png) no-repeat left center; padding-left: 20px;}

.newslist{ padding-top: 95px;}
.newslist ul{ padding-bottom:50px;}
.newslist ul li{ line-height: 40px;}
.newslist ul li a{ background: url(../images/icon07.png) no-repeat left center; padding-left: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newslist ul li span{ float: right; color: #999;}

.newsview{text-align: center; padding: 50px 0;}
.newsview h1{font-size: 26px;}

.products{ margin-bottom: -90px;}
.products .pro{ overflow: hidden; padding: 30px 0;}
.products .pro dt{float: left;border: #f1f1f1 solid 1px;}
.products .pro img{ display: block;}
.products .pro dl{width: 940px; height: 271px; float: right; padding: 20px 40px; background: #f1fdff;}
.products .pro dl h3{font-size: 20px; color: #00bcd4; line-height: 1; padding-bottom:6px; margin-bottom: 12px;}
.products .pro dl h3 span{border-bottom:#00bcd4 solid 1px;padding-bottom: 6px;}
.products .pro dl ol{font-size: 14px; color: #666; line-height:1.7; height: 210px;}
.products .pro dl dd{font-size: 14px;color: #00bcd4;background: url(../images/icon06.png) no-repeat left center; padding-left: 20px;}
.products .pro.cur{ background: #f8f7f7;}
.products .pro.cur dl{ background: #fff;}
.products .pro dl .pronav{ overflow: hidden;}
.products .pro dl .pronav a{ background: #e8e8e8; width: 174px; height: 44px;text-align: center; line-height: 44px; display: block; float: left; margin-right: 10px; margin-top: 10px;}
.products .pro dl .pronav a:hover{ background: #00bcd4; color: #fff;}
.products .projs{ padding: 50px 0 90px;}
.products .projs dd{text-align: center; font-size: 18px; font-weight: bold;}
.products .projs ul{overflow: hidden; margin-top: 30px;}
.products .projs ul dt{float: left;}
.products .projs ul dl{float: right;width:965px; height: 240px; border: #e8e8e8 solid 2px; padding: 30px 40px;}
.products .projs ul dl h3{font-size: 20px; color: #666; margin-bottom: 5px;}
.products .projs ul dl ol{font-size: 14px; color: #999; line-height:1.8;}
.products .proview{background: #f8f7f7; padding: 30px 0; overflow: hidden;}
.products .proview dt{float: left;width: 730px; height: 490px; line-height:490px;text-align: center; background: #fff; }
.products .proview dt img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.products .proview dl{float: right; width: 730px; height: 490px; background: #fff; text-align: center;}
.products .proview dl h3{ line-height: 56px; font-size: 22px; font-weight: normal; color: #00bcd4;}
.products .proview dl ol{ height: 434px; line-height: 434px; text-align: center;}
.products .proview dl ol img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.products .projscs{ padding: 50px 0 90px;}
.products .projscs dd{text-align: center; font-size: 18px; font-weight: bold; color: #00bcd4; margin-bottom: 30px;}

.application{ overflow: hidden;}
.application ul{ width: 1650px;overflow: hidden;}
.application ul li{ width: 730px; background: #f8f8f8; overflow: hidden; margin-right: 66px; margin-bottom: 20px; float: left;}
.application ul li ol{float: left;}
.application ul li ol img{display: block;}
.application ul li dl{float: right; width: 410px; padding: 20px; font-size: 14px; color: #666;}
.application ul li dl h3{ font-size: 20px; color: #00bcd4; margin-bottom: 10px;}

.hr{ padding-top: 50px;overflow: hidden;}
.hr ul{ width: 1650px; overflow: hidden;}
.hr ul li{ width: 650px; height: 320px; padding: 20px 40px; background: #f8f8f8; overflow: hidden; margin-right: 66px; margin-bottom: 20px; float: left;}
.hr ul li h3{ font-size: 18px;}
.hr ul li dl{ border-bottom: #bdbdbd solid 1px; overflow: hidden; margin-bottom: 20px;}
.hr ul li dl dt{float: left; width: 33.3%; font-size: 14px; line-height: 50px;}
.hr ul li .jobmain{ height:200px;}
.hr ul li .jobmain dd{ font-size: 16px; font-weight: bold;}
.hr ul li .jobmain ol{font-size: 14px; margin-bottom: 20px;}
.hr ul li .jobtime {font-size: 14px; color: #00bcd4;}

.contact{ text-align: center; margin: 50px 0 70px;}
.contact ul{width: 550px; height: 184px; padding:50px 40px; margin: 0 30px; display: inline-block; background: #f4f4f4;}
.contact ul img{float: left;}
.contact ul dl{float: right; text-align: left; width: 310px; line-height: 2;}
#map{ height: 600px; margin-bottom: -90px;}

.message{ width: 1000px; margin: 0 auto; overflow: hidden;}
.message ul{ width: 1020px;}
.message ul li{ margin-right: 19px; margin-bottom: 20px; float: left;}
.message input[type="text"]{width: 488px; height: 58px; border: #d9d9d9 solid 1px; text-indent: 10px;}
.message textarea{ width: 974px; height: 170px; padding: 10px; border: #d9d9d9 solid 1px;}
.message input[type="submit"]{ width: 230px; height: 56px; color: #fff;font-size: 18px; background: #00bcd5; border: none; margin:50px auto 0; display: block; cursor: pointer;}

/*===/分页=============================*/
.fengye{ height:40px; line-height:40px; margin:20px 0; text-align: center;}
.off{ width:80px; height:40px; line-height:40px; font-size:16px; padding:10px; margin-right:10px; text-align:center;background:#e2e2e2; color:#000; }
a.off:hover{ width:80px; height:40px; line-height:40px; padding:10px; margin-right:10px; text-align:center;background:#00bcd4; color:#fff; }
.fenkong{padding:0 10px;}
.fenkong a{ line-height:1;font-size:16px;color:#000; padding:10px 15px; margin-right:10px; text-align:center;background:#e2e2e2;}
.fenkong a:hover{color:#fff;background:#00bcd4; }
.fenkong a.fenyeon{ line-height:1; background:#00bcd4; color:#FFF;}

.footer{ background: #edebeb; margin-top: 90px;}
.footer .box{ padding: 38px 0 28px; overflow: hidden;}
.footer .box .fnav{float: left;}
.footer .box .fnav ul li{float: left; margin-right: 90px;}
.footer .box .fnav ul li dl{font-weight:700; padding-right: 30px; padding-bottom: 10px; border-bottom: #333 dotted 1px; margin-bottom: 20px;}
.footer .box .fnav ul li ol{font-size: 15px; color: #666; line-height: 2;}
.footer .box .fnav ul li ol a{color: #666;}
.footer .box .fnav ul li ol a:hover{color: #00bcd4;}
.footer .box .fnav ul li ol.add{ background: url(../images/icon03.png) no-repeat left center; text-indent:25px;}
.footer .box .fnav ul li ol.tel{ background: url(../images/icon04.png) no-repeat left center; text-indent:25px;}
.footer .box .fnav ul li ol.fax{ background: url(../images/icon05.png) no-repeat left center; text-indent:25px;}
.footer .message{ float: right; width: 485px;}
.footer .message input[type="text"]{ width: 483px; height: 36px; border:#aeaeae solid 1px; background:none; margin-bottom: 9px; text-indent: 10px; }
.footer .message textarea{width:463px; height: 70px; padding: 10px; margin: 0;border:#aeaeae solid 1px;  background:none}
.footer .message input[type="submit"]{width:100px; height: 30px; background: #00bcd4; color: #fff; border: none; margin-top: 10px; margin-left: 0; font-size: 16px;}
.footer .copyright{ height: 66px; line-height: 66px; background: #00bcd4; color: #fff; font-weight: 300; font-size: 15px;}
.footer .copyright dl{float: left;}
.footer .copyright p{float: right;}

@media all and (max-width:1900px) {
.header .logo{ margin-left:50px;transition:all 500ms;}
.header .nav{ margin-left:170px;transition:all 500ms;}
.header .lang{ margin-right:50px;transition:all 500ms;}
}
@media all and (min-width:1200px) and (max-width:1526px) {
.header .logo{ margin-left:30px;}
.header .lang{ margin-right:30px;}
.breadcrumb{ padding: 0 20px;}
.text{ padding: 0 20px;}
.text img{float: left; margin-bottom: 10px;}
.equipment{ padding: 0 20px;}
.equipment ul{ overflow: hidden; width: 110%;}
.equipment ul li{width: 22%; margin-right:1%; margin-bottom: 15px;}
.equipment ul li img{width: 100%; height: auto;}

.newspic{ padding: 50px 20px;}
.newspic ul { width:102%;}
.newspic ul li{width: 32%;margin-right:1%;}
.newspic ul li dt img{width: 100%; height: auto;}
.newspic ul li dl ol{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.newslist{ padding: 70px 20px 0;}
.newslist ul{ padding-bottom:50px;}
.newslist ul li{ line-height: 40px;}
.newslist ul li a{ background: url(../images/icon07.png) no-repeat left center; padding-left: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newslist ul li span{ float: right; color: #999;}
}
@media all and (min-width:1390px) and (max-width:1526px) {
.header .nav{ margin-left:150px;}
.header .nav ul li a{ padding: 0 30px;}
}
@media all and (min-width:1200px) and (max-width:1390px) {
.header .nav{ margin-left:75px;}
.header .nav ul li a{ padding: 0 19px;}
}
@media all and (min-width: 640px) and (max-width:1200px) {
.banner .swiper-container{ height:360px;}
.banner .swiper-container .swiper-slide{height:360px;}
.banner .pagination {position: absolute;z-index: 20;bottom:10px;width:100%; height:30px; background: none;}
}

@media all and (max-width:640px) {
.banner .swiper-container{ height:260px;}
.banner .swiper-container .swiper-slide{height:260px;}
.banner .pagination {position: absolute;z-index: 20;bottom:10px;width:100%; height:30px; background: none;}
}
@media all and (min-width:1200px) and (max-width:1526px) {
.wrap{ width:100%;}

.iabout{ padding-bottom: 100px;transition:all 500ms;}
.iabout .box{ line-height:1.9; padding:0 20px;transition:all 500ms;}
.iabout .box img{ margin-left:30px;transition:all 500ms;}

.ipro .box ul li{ width: 30%; margin: 0 10px;transition:all 500ms;}
.ipro .box ul li dl img{width: 100%; height: auto;}

.inews .box{ padding: 0 20px;}
.inews .box dl{width:49%;}
.inews .box dl img{width: 100%; height: auto;}
.inews .box ul{width:49%;}
.inews .box ul li {  padding: 25px 0;}
.inews .box ul li dd{ padding-right:30px; padding-left:25px;}
.inews .box ul li ol{width:70%; margin-right: 10px;}
.inews .box ul li ol h3{font-size: 16px;margin-bottom:8px; }
.inews .box ul li ol p{font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.products .pro{ padding: 50px 20px;}
.products .pro dt{width:30%;height: 311px;line-height:307px; text-align:center;background: #fff;}
.products .pro img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.products .pro dl{width: 62%;}

.products .projs{ padding: 50px 20px 90px;}
.products .projs ul{overflow: hidden; margin-top: 30px;}
.products .projs ul dt{width: 20%;}
.products .projs ul dt img{width: auto; height:304px;}
.products .projs ul dl{width:60%; background: #fff;}

.products .proview{ padding: 30px 20px;}
.products .proview dt{width: 48%; background: #fff; }
.products .proview dl{width: 48%; background: #fff;}

.application{ padding: 0 20px;}
.application ul{ width: 102%;}
.application ul li{ width: 48%; margin-right: 2%; margin-bottom: 20px; }
.application ul li ol{width: 37%}
.application ul li ol img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.application ul li dl{width: 54%; padding: 15px 20px;}
.application ul li dl h3{ font-size: 18px; color: #00bcd4; margin-bottom: 5px;}

.hr{ padding: 50px 20px 0;}
.hr ul{ width: 102%;}
.hr ul li{ width: 47%; height: 320px; padding: 20px 0; margin:0 1%; margin-bottom: 20px;}
.hr ul li h3{ font-size: 18px; margin: 0 40px;}
.hr ul li dl{margin-bottom: 20px; margin: 0 40px;}
.hr ul li dl dt{ width: 33.3%; }
.hr ul li .jobmain{ margin: 0 40px;}
.hr ul li .jobtime {margin: 0 40px;}

.footer .box .fnav{ margin-left: 20px;transition:all 500ms;}
.footer .box .fnav ul li{ margin-right:50px;transition:all 500ms;}
.footer .message{ margin-right: 20px;transition:all 500ms;}
.footer .message{ width: 470px;}
.footer .message input[type="text"]{ width: 468px; }
.footer .message textarea{width:448px;}
.footer .copyright{ padding: 0 20px;}
}
@media all and (max-width:1200px) {
.wrap{ width:100%;}

.header{ position:fixed; z-index:99999; width:100%; height: 60px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); background:#fff;}
.header .logo{ padding-top:13px; width:150px; margin-left:15px; margin-top: 0;}
.header .logo img{ width:100%; height:auto; display:block;}

.header .nav{ display: none;}
.header .lang{ width: 100%; height: 30px; background:#fff; border:none; border-radius:0; position: static; float: none; margin-top: 0; margin-right: 0; cursor: pointer; text-align: center}
.header .lang dl{display: none;}
.header .lang ol{width: 100%; padding:5px 0; position: absolute; left:0; top:60px; display: none;border:none;border-top:#eee solid 1px;border-radius:0px; background: #fff;}
.header .lang ol a{display: inline-block;}

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:99999; display:block;}
.header .menu-toggle span{ width:35px; height:2px; background:#285fb9;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#285fb9;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#285fb9;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}
.header .language{ width:60px; height:60px; background:url(../images/icon08.png) no-repeat center; position:absolute; right:60px; top:0px;border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;display: block; }

.header .wapnav{ width:100%; height:100vh; background:#fff; position:fixed; left:0; top:60px; z-index:99998; display:none; margin:0; border-top:#ddd solid 1px;}
.header .wapnav ul li{ float:none; border-bottom:#ddd solid 1px; }
.header .wapnav ul li a{ font-weight:normal; font-size:16px;color:#666;line-height:46px; padding:0;min-width:100%; text-align:left; text-indent:25px; display: block;}
.header .wapnav ul li.focus a,.header .wapnav ul li a:hover{ background:#00bcd4; color: #fff;}
.header .wapnav ul li .subnav{ display:none; background:#f3f2f2;}
.header .wapnav ul li.focus .subnav{display: block;}
.header .wapnav ul li .subnav a{ display:block; line-height:2.4; white-space:nowrap; width:100%;font-size:15px; background: none; color:#666; font-weight:normal;}
.header .wapnav ul li .subnav a:hover{ background:none;}

.biaoyu{ height:50px; padding:15px; font-size:15px; line-height:1.6;}

.title{ padding:30px 0;}
.title h3{font-size:24px;}
.title span{ margin:10px auto;}
.title p{font-size:18px;}

.iabout{ padding:0 10px 50px;}
.iabout .box{ line-height:1.8; font-size: 14px;}
.iabout .box img{float: none; margin-left: 0; width: 100%; height: auto;}

.ipro .box{ padding: 0 20px;}
.ipro .box ul{ margin: 0 ;}
.ipro .box ul li{ margin: 0 0 10px;}
.ipro .box ul li dl img{width: 100%; height: auto;}
.ipro .box ul li a{ font-size: 16px; line-height: 2;}
.ipro ol{ margin-top:30px;}
.ipro ol a{width: 160px; height: 40px; line-height:40px; font-size: 16px; }
.ipro ol a.orange{ display: none;}

.inews .box{padding: 0 10px;}
.inews .box dl{width: 100%; float: none; margin-bottom: 10px;}
.inews .box dl img{ width: 100%; height: auto;}
.inews .box dl h3{font-size: 16px; margin: 5px 0;}
.inews .box dl p{font-size: 13px; }
.inews .box ul{float: none; width: 100%;}
.inews .box ul li { overflow: hidden; padding: 20px 0 0;}
.inews .box ul li dd{ padding-right:15px; padding-left:0;}
.inews .box ul li dd b{ font-size: 38px; margin-bottom: 8px; text-align: center;}
.inews .box ul li ol{ width:calc(100% - 100px); margin-right:0;}
.inews .box ul li ol h3{font-size: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:8px; line-height: 1;}
.inews .box ul li ol p{font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.breadcrumb{height:160px;padding: 0 20px;}
.breadcrumb i{ width: 60px; margin-top: 85px; }
.breadcrumb h3{ font-size: 26px;}
.breadcrumb p{ font-size: 14px;margin-top: 12px;}

.neinav{ padding: 30px 0;}
.neinav dl{ width: auto; height: 36px; line-height: 36px; margin: 0 1px 5px;}
.neinav dl a{display: block; font-size: 15px;white-space:nowrap; padding: 0 15px;}
.neinav dl.focus a,.neinav dl:hover a{ color:#fff; background: #00bcd4;}

.text{ padding: 0 10px; font-size: 14px;}
.text img{ margin-bottom: 10px;}

.equipment{ padding: 0 10px;}
.equipment ul{width:102%;}
.equipment ul li{width: 48%; margin-right:2%; margin-bottom: 15px;}
.equipment ul li img{width: 100%; height: auto;}

.newspic{padding: 20px 15px 10px;}
.newspic ul {overflow: hidden; width: 100%;}
.newspic ul li{width: 100%; float: none; margin-right: 0; padding-bottom: 10px;}
.newspic ul li dt{ overflow: hidden;}
.newspic ul li dt img{width: 100%; height: auto;}
.newspic ul li dl{background: #fff; padding: 20px; height: 130px;}
.newspic ul li dl ol{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.newslist{ padding: 30px 20px 0;}
.newslist ul{ padding-bottom:20px;}
.newslist ul li{ line-height: 40px;}
.newslist ul li a{ padding-left: 20px; padding-right: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.newslist ul li span{ font-size: 14px;}

.newsview{text-align: center; padding: 50px 20px;}

.products{ padding-bottom:30px;}
.products .pro{ overflow: hidden; padding: 20px 10px;}
.products .pro dt{float:none; border: #f1f1f1 solid 1px; background: #fff; text-align: center;}
.products .pro dt img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.products .pro dl{width:auto; height: auto; float: none; padding: 20px; background: #f1fdff;}
.products .pro dl h3{font-size: 20px;}
.products .pro dl h3 span{padding-bottom: 6px;}
.products .pro dl ol{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden;height: auto;}
.products .pro dl dd{ margin-top: 10px;}
.products .pro dl .pronav a{  width: 48%; height: 40px;line-height: 40px;margin:5px 1%;}
.products .projs{ padding: 50px 10px 90px;}
.products .projs dd{ font-size: 18px; font-weight: bold;}
.products .projs ul{ margin-top: 20px;}
.products .projs ul dt{float: none;}
.products .projs ul dt img{width: 100%; height: auto; display: block;}
.products .projs ul dl{float: none;width:auto; height: auto; padding: 20px 20px;}
.products .projs ul dl h3{font-size: 18px;}
.products .projs ul dl ol{font-size: 13px;}

.products .proview{padding: 20px 10px;}
.products .proview dt{float: none;width: 100%; height: auto; line-height:normal;background: #fff; }
.products .proview dl{float: none; width: 100%; height: auto; background: #fff;}
.products .proview dl h3{ line-height: 56px; font-size: 18px;}
.products .proview dl ol{ height: auto; line-height: normal;}
.products .projscs{ padding: 20px 0 80px;}
.products .projscs dd{text-align: center; font-size: 18px; font-weight: bold; color: #00bcd4; margin-bottom: 30px;}

.application{ padding: 0 10px;}
.application ul{ width: 100%;}
.application ul li{ width: 100%; margin-right: 0; margin-bottom: 20px; float: none;}
.application ul li ol{float: none;}
.application ul li ol img{width: 100%; height: auto;}
.application ul li dl{float: none; width:auto; padding: 20px;}
.application ul li dl h3{ font-size: 20px; }

.hr{ padding: 20px 10px 0;}
.hr ul{ width: 100%;}
.hr ul li{ width:100%; height: auto; padding: 20px 0; margin-right: 0; margin-bottom: 10px;}
.hr ul li h3{ font-size: 18px; margin: 0 20px;}
.hr ul li dl{ margin: 0 20px 10px;}
.hr ul li dl dt{float: left; width:auto; font-size: 12px; line-height: 30px; margin-right: 10px;}
.hr ul li .jobmain{ height:200px; margin: 0 20px;}
.hr ul li .jobmain dd{ font-size: 16px;}
.hr ul li .jobmain ol{font-size: 14px; margin-bottom: 15px;}
.hr ul li .jobtime {margin: 0 20px;}

.contact{ text-align: center; margin: 50px 10px 30px;}
.contact ul{width:calc(100% - 40px); height: auto; padding:30px 20px; margin: 0 0 10px;}
.contact ul img{float: none; margin: 0 auto 10px;}
.contact ul dl{float: none; text-align: left; width: 100%; line-height: 1.6;}
#map{ height: 300px; margin-bottom: -90px;}

.message{ width:auto; padding: 0 10px;}
.message ul{ width: 100%;}
.message ul li{ margin-right: 0; margin-bottom: 10px; float: none;}
.message input[type="text"]{width: 100%; height: 40px; }
.message textarea{ width:calc(100% - 20px); height: 150px; }
.message input[type="submit"]{ width: 230px; height: 50px; margin:20px auto 0; }

.footer{ margin-top: 50px;position: relative; z-index: 999;}
.footer .box{display: none;}
.footer .copyright{ height: 60px; line-height: 60px; font-size: 12px; text-align: center;}
.footer .copyright dl{float: none;}
.footer .copyright p{display: none;}

/*===/分页=============================*/
.fengye{ height:35px; line-height:35px; margin:20px 0; text-align: center;}
.off{ width:80px; height:35px; line-height:35px; font-size:15px; padding:10px; margin-right:0px; background:#e2e2e2; color:#000; }
a.off:hover{ width:80px; height:35px; line-height:35px; padding:10px; margin-right:8px; text-align:center;background:#00bcd4; color:#fff; }
.fenkong{padding:0 10px;}
.fenkong a{ line-height:1;font-size:14px;color:#000; padding:10px 15px; margin-right:8px; text-align:center;background:#e2e2e2;}
.fenkong a:hover{color:#fff;background:#00bcd4; }
.fenkong a.fenyeon{ line-height:1; background:#00bcd4; color:#FFF;}
}