@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:14px; color:#333;}
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:Arial, sans-serif; color:#9f9f9f;}
img{ border:0;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#086cb9;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}

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

/*header css*/
.header{ height: 106px;background:#fff; overflow:hidden;}
.header .logo{ float: left;margin: 15px 0 0 80px;}
.header .nav{ float:right;}
.header .nav ul li{float: left;}
.header .nav ul li a{ display: block;line-height: 92px; color: #333; font-size: 16px; text-align: center;padding:10px 20px 0;min-width: 35px;}
.header .nav ul li.focus a,.header .nav ul li a:hover{ color:#086cb9; font-weight: bold; border-bottom:#086cb9 solid 4px;}
.header .nav ul li .subnav{ display:none;}
.header .nav.wap{ display:none;}
.header .lang{float: right;margin: 40px 80px 0 50px;}
.header .lang a{ background:#8c8f95; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; display:block;  margin-left:10px; float:left; }
.header .lang a.focus{ background:#086cb9;}
.header .menu-toggle{ display:none;}
.header .language-toggle{ display:none; }

/*banner css*/
.banner {position: relative;}
.banner .swiper-container{ height:590px; overflow:hidden; text-align:center;width: 100%;}
.banner .swiper-container .swiper-slide{height:590px; width:100%;}
.banner .swiper-container .swiper-slide a{height:590px; display:block;}
.banner .pagination {position: absolute;z-index: 20;bottom: 20px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:14px; height:14px;border-radius:12px; background: #fff; margin: 0 5px; opacity: 0.8; cursor: pointer;}
.banner .swiper-active-switch {background:#da251c; }
.banner .pre { background:url(../images/pre.png) no-repeat center; position: absolute; left:108px; top: 260px; width: 30px; height: 57px; z-index: 222;}
.banner .next { background:url(../images/next.png) no-repeat center; position: absolute; right:108px; top: 260px;width: 30px; height: 57px; z-index: 222;}

.iabout{ width:464px; margin-top:30px; padding-bottom:30px; float:left;}
.iabout dl{ margin-bottom:17px;}
.iabout dl h3{ font-size:23px; color:#086cb9; line-height:1; float:left;}
.iabout dl a{ float:right; color:#666;}
.iabout img{ margin-bottom:10px;}

.inews{ width:670px;margin-top:30px; padding-bottom:30px; float:right;}
.inews dl{ margin-bottom:17px;}
.inews dl h3{ font-size:23px; color:#086cb9; line-height:1; float:left;}
.inews dl a{ float:right; color:#666;}
.inews ol{ overflow:hidden; padding-bottom:28px; border-bottom:#aaa dotted 1px;}
.inews ol img{ float:left; margin-right:30px;}
.inews ol dd h3{ font-size:15px; font-weight:normal; color:#086cb9; margin-bottom:5px;}
.inews ol dd span{ color:#999;}
.inews ol dd p{ color:#666; font-size:13px; line-height:1.5; margin-top:15px;}
.inews ul{ padding-top:20px;}
.inews ul li{ overflow:hidden; background:url(../images/icon01.png) no-repeat left center; padding-left:10px; line-height:2;}
.inews ul li span{ float:right; color:#999;}

.ipro{ background:#eaeaea; padding:35px 0;}
.ipro dl{ margin-bottom:17px;}
.ipro dl h3{ font-size:23px; color:#086cb9; line-height:1; float:left;}
.ipro dl a{ float:right; color:#666;}
.ipro .box_main{position:relative; height:255px; margin:0 auto; }
.ipro .box_main .pre{ height:40px; width:40px; background:url(../images/pre2.png) no-repeat center; position:absolute; left:-65px; top:80px; display:block;}
.ipro .box_main .next{ height:40px; width:40px; background:url(../images/next2.png) no-repeat center; position:absolute; right:-65px; top:80px; display:block;}
.ipro .swiper-container2{ overflow:hidden;height:255px;}
.ipro .swiper-container2 .swiper-slide{overflow:hidden;}
.ipro .swiper-container2 .swiper-slide .pro_box{text-align:center;}
.ipro .swiper-container2 .swiper-slide .pro_box p{ height:40px; line-height:40px; font-size:14px;}

.ilast{ background:#086cb9; padding:35px 0 40px;}
.icase{ width:746px; float:left; overflow:hidden;}
.icase dl{ margin-bottom:17px;}
.icase dl h3{ font-size:23px; color:#fff; line-height:1; float:left;}
.icase dl a{ float:right; color:#fff;}
.icase ul{ width:800px;}
.icase ul li{ float:left; margin-right:15px; text-align:center;}
.icase ul li a{ color:#fff;}

.nei_banner{ height:374px; }

.title{ text-align:center; padding:30px 0;}
.title h1{ font-size:30px; color:#086cb9; line-height:1; margin-bottom:30px;}
.title .neiNav{ margin-bottom:20px;}
.title .neiNav ul li{text-align:center;display:inline;height:40px; margin:0 3px;}
.title .neiNav ul li a{display:inline-block; line-height:40px; padding:0 30px; background:#d8d8d8; font-size:16px; border-radius:6px;}
.title .neiNav ul li.cur a,.title .neiNav ul li:hover a{ background:#086cb9; color:#fff;}

.about .text{ padding-bottom:130px;}
.about .text img{ float:right; margin-left:28px;}
.text{ line-height:1.7; font-size:15px;}
.aboutCase{ background:#eaeaea; padding-bottom:80px;}
.aboutCase .title{ padding-bottom:0;}
.aboutCase .box_main{position:relative; height:211px; margin:0 auto; }
.aboutCase .box_main .pre{ height:40px; width:40px; background:url(../images/pre2.png) no-repeat center; position:absolute; left:-65px; top:80px; display:block;}
.aboutCase .box_main .next{ height:40px; width:40px; background:url(../images/next2.png) no-repeat center; position:absolute; right:-65px; top:80px; display:block;}
.aboutCase .swiper-container2{ overflow:hidden;height:255px;}
.aboutCase .swiper-container2 .swiper-slide{overflow:hidden;}
.aboutCase .swiper-container2 .swiper-slide .pro_box{text-align:center;}
.aboutCase .swiper-container2 .swiper-slide .pro_box p{ height:40px; line-height:40px; font-size:14px;}



.about .text2{ padding-bottom:130px;}
.text2{ line-height:1.7; font-size:15px;}

.news ul li{ overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:#ddd dotted 1px;}
.news ul li i{ overflow:hidden; float:left; border-radius:5px;}
.news ul li img{transform:scale(1);transition:all 0.5s ease 0s; display:block;}
.news ul li:hover img{transform: scale(1.07);transition: all 0.5s ease 0s;}
.news ul li dl{ height:104px; width:960px; float:right;}
.news ul li dl h3{ font-size:16px; color:#333; margin-bottom:5px;}
.news ul li dl ol{ font-size:12px; height:50px; color:#666; line-height:22px; margin-top:5px; margin-bottom:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news ul li dl span{ font-size:14px;color:#999;}
.news ul li dt{ border:#999 solid 1px; width:96px; line-height:27px; color:#999; text-align:center; border-radius:15px;}
.news ul li:hover h3,.news ul li:hover ol{ color:#086cb9;}

.news_view{ margin:30px auto 90px;}
.news_view .news_title{ text-align:center; padding-bottom:20px; border-bottom:#ddd solid 1px;}
.news_view .news_title h1{ font-size:27px; font-weight:normal; line-height:55px; color:#333;}
.news_view .news_title dl{ color:#999;}
.news_view .view_con{ padding-top:30px; line-height:30px; color:#333;}
.news_view .link_back{ padding:50px 0 0;}
.news_view .link_back a{ width:155px; height:40px; line-height:40px; background:#eeeeee; border:#ddd solid 1px; color:#666; display:block; margin:0 auto; border-radius:5px; text-align:center;}

.content{ background:#ececec; padding:30px 0 60px;}
.content .left{ width:220px; float:left}
.content .left .leftnav{ background: #fff; margin-bottom: 10px; }
.content .left .leftnav dl{ line-height: 58px; background: #086cb9; color: #fff; font-size: 18px; font-weight: bold; text-indent: 38px; }
.content .left .leftnav ul li{ line-height: 40px; border-top:#dfdfdf solid 1px;  }
.content .left .leftnav ul li a{ font-size: 16px; text-indent:38px; display: block; text-transform:uppercase;}
.content .left .leftnav ul li a:hover,.left .leftnav ul li.focus a{ background:#dfdfdf url(../images/leftnavbg.png) no-repeat 195px center; color:#086cb9; font-weight: bold;}
.content .right{ width:878px; padding:40px; background: #fff; float:right;}
.content .right .protit{ font-size: 24px; border-bottom: #dedede solid 1px; line-height: 1; padding-bottom: 22px; margin-bottom: 22px; text-transform:uppercase; }
.right .product{ overflow:hidden}
.right .product ul{ width:900px;}
.right .product ul li{ float:left; text-align:center; margin-right:16px;}
.right .product ul li dl{ width:280px; height:200px; line-height:196px; text-align:center;border:#959595 solid 1px;}
.right .product ul li dl img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.right .product ul li p{ line-height:40px;}
.right .proview h1{ text-align:center; font-size:20px; font-weight:normal; margin-bottom:20px;}
.right .proview dl{ text-align:center; border:1px solid #D4D4D4; margin-bottom:30px;}
.right .proview img{ display: inline-block; vertical-align:middle;max-width:800px;height: auto;}
.right .back{ text-align:center; margin-top:40px;}

.case{ margin-top:-30px; overflow:hidden;}
.case ul{ width:1250px; margin-bottom:10px; overflow:hidden;}
.case ul li{ float:left; margin-right:22px; margin-bottom:10px;}
.case ul li img{ display:block;}
.case ul li p{ text-align:center; font-size:16px; line-height:2;}

.job{ margin-top:-30px;}
.job dt{border-top:#cdcdcd solid 1px;border-bottom:#cdcdcd solid 1px;line-height:60px;}
.job ul{ border-bottom:#cdcdcd solid 1px;}
.job ul li{ line-height:60px;}
.job table tr td{ padding:0 10px; color:#503b37}
.job ul li.cur{ background:#e5e3e2;}
.job ul ol{ padding:35px 0; display:none;}
.job ul ol dl{ width:40%; padding-right:10%; line-height:2; float:left;}
.job ul ol dl h4{ color:#000;}
.jobcontact{ background:#cdcdcd; padding:60px; border-radius:10px; margin-top:30px; margin-bottom:50px; color:#000;}
.jobcontact dl{ float:left; font-size:25px; line-height:80px; border-right:#afa4a2 solid 1px; padding-right:50px; margin-right:50px;}
.jobcontact ol{ font-size:14px; line-height:2; margin-top:10px;}

.contact{ font-size:16px; padding-bottom:50px; line-height:2;}
.contactpc{ display:block}
.contactwap{ display:none;}
#map{ height:616px;background:url(../images/map_pic.jpg) no-repeat center;}
.message{ padding-bottom:80px;}
.message input[type="text"]{ width:450px; height:36px; border:#535353 solid 1px; border-radius:5px; text-indent:10px;}
.message textarea{width:430px; height:160px;border:#535353 solid 1px; border-radius:5px; padding:10px;}
.message input[type="submit"],.message input[type="reset"]{ width:136px; height:36px; background:#086cb9; color:#fff; border:none; margin-right:10px; cursor:pointer;}
.message input.name{ width:160px;}

.fnav{ float:left;}
.fnav ul li{ float:left; margin-right:50px;}
.fnav ul li a{ color:#fff; display:block;}
.fnav ul li a.tit{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.fnav ul li .subnav{ line-height:1.6;}

.icontact{ float:right; width:264px; border-left:#3989c7 solid 1px; padding-left:90px;}
.icontact dl{ margin-bottom:17px;}
.icontact dl h3{ font-size:23px; color:#fff; line-height:1; float:left;}
.icontact ol{ color:#fff; line-height:1.6;}

.footer{ line-height:60px;}
.footer p{ float:left;}
.footer dl{ float:right}

.page{font-size:13px; padding:30px 0 50px; text-align:center; }
.page a{ color:#333; margin-right:3px; padding:7px 12px; border:#ddd solid 1px; border-radius:3px;}
.page a:hover,.page a.cur{ color:#fff; background:#086cb9;border:#086cb9 solid 1px;}

@media all and (max-width:1600px) {
.header .logo{ margin: 15px 0 0 50px; transition:all 0.5s;}
.header .lang{ margin: 40px 50px 0 20px; }
.header .nav ul li a{ padding: 10px 15px 0; }
}
@media all and (max-width:1400px) {
.header .logo{ margin: 20px 0 0 20px; transition:all 0.5s;}
.header .logo img{ width: auto; height:65px;}
.header .lang{ margin: 40px 20px 0 20px;}
.header .nav ul li a{ padding: 10px 10px 0; transition:all 0.5s;}
}
@media all and (max-width:1200px) {
.banner .pre { display: none; }
.banner .next { display: none;}
.banner .swiper-container{ height:400px;}
.banner .swiper-container .swiper-slide{height:400px;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width:100%; height:30px; background: none;}
.banner .swiper-pagination-switch { width:14px; }
.nei_banner{ height:200px;box-shadow: none}
}

@media all and (max-width:640px) {
.banner .swiper-container{ height:200px;}
.banner .swiper-container .swiper-slide{height:200px;}
.nei_banner{ height:150px;}
}

@media all and (max-width:340px) {
.banner .swiper-container{ height:180px;}
.banner .swiper-container .swiper-slide{height:180px;}
.nei_banner{ height:120px;}
}

@media all and (max-width:1200px) {
body{ padding-top:60px;}
.wrap{ width:100%;}
.header{ width:100%; height:60px; border-bottom:#eee solid 1px; position:fixed; top:0; z-index:99999; wbox-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.header .logo{ float:left; margin: 15px 0 0 10px; width:200px;}
.header .logo img{ width:100%; height:auto; display:block;}	
.header .lang{ display:none; width:100%; height:90px; background:#fff;position:fixed; left:0; top:61px; z-index:999; margin:0; text-align:center;}
.header .lang a{ float:none; margin:10px auto;}
.header .language-toggle{ 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 .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 .nav{ display:none;}
.header .nav.wap{ width:100%; height:100vh; background:#fff; position:fixed; left:0; top:61px; z-index:99998; display:none; margin:0; overflow-y:auto;}
.header .nav.wap ul li{ float:none; border-bottom:#ddd solid 1px; margin-left: 0; }
.header .nav.wap ul li a{  font-size:16px;color:#666;line-height:50px; text-align:left; text-indent:25px; display: block; border-bottom:none; padding:0;}
.header .nav.wap ul li.focus a.tit{ background:#086cb9; color:#fff; padding:0;}
.header .nav.wap ul li.focus .subnav{ display: block; }
.header .nav.wap ul li .subnav{ background:#eee; padding:10px 0; }
.header .nav.wap ul li .subnav a{ line-height:30px; font-size: 14px; color: #333; font-weight:normal;}

.iabout{ width: auto; margin-top:20px; padding:0 15px 10px; float:none;}
.iabout dl{ margin-bottom:15px;}
.iabout dl h3{ font-size:20px;}
.iabout img{ margin-bottom:10px; width:100%; height:auto;}

.inews{ width:auto;margin-top:20px; padding:0 15px 20px; float:none;}
.inews dl{ margin-bottom:15px;}
.inews dl h3{ font-size:20px;}
.inews ol{ overflow:hidden; padding-bottom:20px; border-bottom:#aaa dotted 1px;}
.inews ol img{ float:none; margin-right:0; width:100%; height:auto;}
.inews ol dd h3{ font-size:15px; margin-bottom:5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.inews ol dd p{ margin-top:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.inews ul{ padding-top:15px;}
.inews ul li{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.inews ul li span{ font-size:12px;}

.ipro{ padding:30px 15px;}
.ipro dl{ margin-bottom:17px;}
.ipro dl h3{ font-size:20px;}
.ipro .box_main{position:relative; height: auto; margin:0 auto; }
.ipro .box_main .pre{display:none;}
.ipro .box_main .next{ display:none;}
.ipro .swiper-container2{ overflow:hidden;height:auto;}
.ipro .swiper-container2 .swiper-slide{overflow:hidden;}
.ipro .swiper-container2 .swiper-slide .pro_box{text-align:center; padding:0 3px;}
.ipro .swiper-container2 .swiper-slide .pro_box p{ height:30px; line-height:30px; font-size:14px;}
.ipro .swiper-container2 .swiper-slide .pro_box img{ width:100%; height:auto;}

.title h1{ font-size:22px; margin-bottom:0px;}
.title .neiNav{ display:none}

.about .text.wrap{ width:auto; padding:0 15px 50px;}
.about .text img{ float:none; margin-left:0; width:100%; height:auto;}
.text{ line-height:1.7; font-size:15px;}
.aboutCase{ padding:0 12px 30px;}
.aboutCase .title{ padding-bottom:20px;}
.aboutCase .box_main{position:relative; height:auto; margin:0 auto; }
.aboutCase .box_main .pre{ display:none;}
.aboutCase .box_main .next{ display:none;}
.aboutCase .swiper-container2{ overflow:hidden;height:auto;}
.aboutCase .swiper-container2 .swiper-slide{overflow:hidden;}
.aboutCase .swiper-container2 .swiper-slide .pro_box{text-align:center; padding:0 3px;}
.aboutCase .swiper-container2 .swiper-slide .pro_box p{ height:30px; line-height:30px; font-size:14px;}
.aboutCase .swiper-container2 .swiper-slide .pro_box img{ width:100%; height:auto;}

.news{ padding:0 15px}
.news.wrap{ width:auto;}
.news ul li{ overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:#ddd dotted 1px;}
.news ul li i{ overflow:hidden; float:left; border-radius:5px;}
.news ul li img{display:block; width:30vw; height:auto;}
.news ul li dl{ height: auto; width:60%; float:right;}
.news ul li dl h3{ font-size:14px; line-height:1; margin-bottom:5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news ul li dl ol{ font-size:12px; height:40px; line-height:1.5; margin-top:2px; margin-bottom:0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news ul li dl span{ font-size:12px;}

.news_view{ margin:30px auto 50px; padding:0 15px;}
.news_view.wrap{ width:auto;}
.news_view .news_title{padding-bottom:20px; border-bottom:#ddd solid 1px;}
.news_view .news_title h1{ font-size:20px; line-height:1.6; margin-bottom:10px;}
.news_view .news_title dl{ font-size:12px;}
.news_view .view_con{ padding-top:30px; line-height:2;}

.content{padding:0;}
.content .left{ display:none;}
.content .right{ width: auto; padding:30px 15px; float:none;}
.content .right .protit{ font-size: 20px; padding-bottom: 22px; margin-bottom: 22px; }
.right .product{ overflow:hidden}
.right .product ul{ width:104%;}
.right .product ul li{ float:left; width:46%; margin-right:3%;}
.right .product ul li dl{ width:100%; height:200px; line-height:198px;}
.right .product ul li dl img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.right .product ul li p{ line-height:40px;}
.right .proview h1{ font-size:20px;  margin-bottom:20px;}

.case{ margin-top:0; padding:0 15px;}
.case.wrap{ width:auto;}
.case ul{ width:105%; margin-bottom:10px; overflow:hidden;}
.case ul li{ float:left;  width:46%; margin-right:3%; margin-bottom:10px;}
.case ul li img{ width:100%;height: auto;}

.job{ padding:40px 15px 20px;}
.job dt{background:#e5e3e2}
.job ul li{ line-height:50px; }
.job dt table tr td{line-height:50px; white-space:nowrap; }
.job table tr td{ padding:0 10px; color:#503b37; width:21%;font-size:13px; line-height:1.6;}
.job li table tr td{ padding:10px;}
.job .toggle{ display:none;}
.job ul li.cur{ background:#f5f5f5;}
.job ul ol{ padding:0; display:none; font-size:13px;}
.job ul ol dl{ width: auto; padding:15px 0; line-height:2; float:left;}
.job ul ol dl h4{ color:#000;}
.jobcontact{  padding:30px;  margin-top:30px; color:#333; margin:0 15px}
.jobcontact.wrap{ width:auto; margin-bottom:30px;}
.jobcontact dl{ float: none; font-size:25px; line-height:50px; border-right: none; padding-right:0; margin-right:50px;}
.jobcontact ol{ font-size:14px; line-height:2; margin-top:10px;}

.contact{ font-size:14px; padding-bottom:50px; line-height:2;}
.contactpc{ display:none}
.contactwap{ display:block; padding:0 15px;}
.contact table{ width:98%;}
#map{ height:200px;}

.message{ padding:0 15px 50px;}
.message.wrap{ width:auto;}
.message table{ width:100%;}
.message input[type="text"]{ width:95%; height:36px; text-indent:10px;}
.message textarea{width:95%; height:120px;padding:0;}
.message input[type="submit"],.message input[type="reset"]{ width:120px; height:36px; background:#086cb9; color:#fff; border:none; margin-right:10px; cursor:pointer;}

.ilast .fnav{ display:none;}
.icontact{ float:none; width: auto; border-left:none; padding:0 20px;}
.icontact dl{ margin-bottom:17px;}
.icontact dl h3{ font-size:20px; }

.footer{ line-height:1.6; padding:10px}
.footer p{ float: none; font-size:12px; text-align:center; color:#666;}
.footer dl{ display:none;}
}