@charset "utf-8";

/*! GEP ECOTECH | https://www.gephb.com/ */



/* 改2019.1.17
   ========================================================================== */

/* 关于我们 */

.aboutBanner {background:url(../images/bannerabout.jpg) center no-repeat}
@media (max-width:720px)
{.aboutBanner {background:url(../images/banneraboutmobile.jpg) no-repeat;background-size:cover}
}
.companyIntro{height:592px;width:100%;background:url(../images/bannerabout.jpg) no-repeat center center; margin-bottom:80px;}
.companyIntro section {width:1200px; margin:0 auto;}
.companyIntro section .imgm{ display:none;}
.companyIntro section .tit {color:#FFF;font-size:28px;line-height:29px;text-indent:0px; text-align:center; background:url(../images/abouttop.png) no-repeat center center; font-weight:bold; padding:76px 0}
.companyIntro section p.c{font-size:16px;line-height:28px;color:#FFF;text-indent:28px}
@media (max-width:1199px) {
.companyIntro{width:100%;background:url(../images/bannerabout2.jpg) no-repeat center center; height:auto;margin-bottom:6%;}
.companyIntro section {width:96%;}
.companyIntro section .tit{padding:6% 0}
.companyIntro section p.c{ padding-bottom:6%;}
}
@media (max-width:768px) {
.companyIntro {height:auto; width:100%; background:none;}
.companyIntro section {padding:0; width:100%;}
.companyIntro section .imgm{ display:block; padding-bottom:2%}
.companyIntro section .imgm img{ width:100%;}
.companyIntro section .tit{ color:#0069d2;padding:6px 0 30px; width:96%; margin:0 auto; font-size:28px; line-height:28px; text-align:left; font-weight:normal;}
.companyIntro section p.c {font-size:16px;line-height:26px; color:#000; width:96%; margin:0 auto;padding-bottom:0%;}
}
@media (max-width:480px) {
.companyIntro section .tit{ font-size:20px; padding:12px 0;}
.companyIntro section p.c{font-size:14px;line-height:24px;}
}
.companyhonor{overflow:hidden; width:100%;}
.companyhonor .solutit{padding:0 0 50px 0;}
.companyhonor .companyhonorx{ width:1200px; margin:0 auto;position:relative;}
.companyhonorm{ display:none}
.companyhonor .box{width:1200px; margin:0 auto; overflow:hidden;}
.companyhonor .prev,
.companyhonor .next{ display:block; position:absolute; top:86px; left:-60px; width:30px; height:58px; background:url(../images/honorbtns.png) no-repeat;   }
.companyhonor .next{ left:auto; right:-60px; background-position:-36px 0; }
.companyhonor .prev:hover{ background-position:0px -64px; }
.companyhonor .next:hover{ background-position:-36px -64px; }
.companyhonor ul{ overflow:hidden; zoom:1; }
.companyhonor ul li{ width:280px; float:left; overflow:hidden; margin-right:27px;}
.companyhonor ul li p.hon_b{ line-height:46px; text-align:center; font-size:16px;}
.companyhonor ul li img{display:block;  }
.companyhonor1 .dialog-mask{ display:none; z-index:10000}
#b_img {position:fixed;top:50px;display:none;width:50%;z-index:10002;background:#Fff;left:28%;max-width:669px;border:1px solid #fff;border-radius:4px;}
#b_img img {max-width:100%;padding:20px 20px 20px 20px;margin:0 auto;display:block;overflow:scroll;max-height:650px;}
.dialog-mask {position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:10;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto}
@media (max-width:1199px) {
.companyhonor{height:360px;}
.companyhonor .solutit{width:98%;padding:30px 0; }
.companyhonor .companyhonorx{ width:100%;}
.companyhonor .box{width:90%}
.companyhonor .prev{left:10px;}
.companyhonor .next{right:10px}
.companyhonor ul li{ width:250px; margin-right:21px;}
.companyhonor ul li img{ width:100%;}
}
@media (max-width:768px) {
.companyhonor .companyhonorx{ display:none}
.companyhonor .solutit .t{ text-align:left; width:96%; margin:0 auto; font-weight:normal;}
.companyhonor .solutit .more{ display:none;}
.companyhonorm{ display:block;overflow-x:scroll;overflow-y:hidden; width:98%; margin:0 auto 4%;}
.companyhonorm ul{ width:2400px; padding-bottom:1%;}
.companyhonorm ul li{ width:10%; float:left; overflow:hidden; margin-right:27px;}
.companyhonorm ul li p.hon_b{ line-height:30px; text-align:center; font-size:16px;}
.companyhonorm ul li img{display:block;  }
}
@media (max-width:480px) {
.companyhonor .solutit{padding:12px 0}
.companyhonor .solutit .t{ font-size:20px;}
.companyhonor{ height:auto}
.companyhonorm ul{ width:1600px;}
.companyhonorm ul li{ margin-right:0.5%;}
.companyhonorm ul li p.hon_b{ font-size:14px;}
}
@media (max-width:375px) {

}
@media (max-width:320px) {
.companyhonorm ul{ width:1200px;}
.companyhonorm ul li p.hon_b{ font-size:12px;}
}

.factoryImpress{width:100%;max-width:1920px; margin:74px auto;}
.factoryImpress .factory-kj{ width:100%; background:#7fbe25;}
.factoryImpress .factory-kj .img{ background:url(../images/about_kj.jpg) center right no-repeat; width:960px;height:383px; float:left;}
.factoryImpress .factory-kj .r{width:960px;float:right;}
.factoryImpress .factory-kj .r .measure{color:#FFF; width:564px; margin-left:38px;  margin-top:114px;}
.factoryImpress .t{font-size:30px; margin-bottom:20px;}
.factoryImpress .c{font-size:16px; line-height:30px;}

.factoryImpress .factory-sl{ width:100%; background:#41434f;}
.factoryImpress .factory-sl .img{ background:url(../images/about_sl.jpg) center left no-repeat; width:960px;height:360px; float:right;}
.factoryImpress .factory-sl .l{width:960px;float:left;}
.factoryImpress .factory-sl .l .measure{color:#FFF; width:564px; margin-right:38px;  margin-top:102px; float:right;}
.factoryImpress .factory-fw{ width:1200px; background:#f5f5f5; margin:74px auto 0;}
.factoryImpress .factory-fw .img{ float:left; width:600px;}
.factoryImpress .factory-fw .r{ float:right; width:560px;margin-top:100px; margin-right:20px;}
@media (max-width:1900px) {
.factoryImpress .factory-kj .img{width:50%;}
.factoryImpress .factory-kj .r{width:50%;}
.factoryImpress .factory-sl .img{ width:50%;}
.factoryImpress .factory-sl .l{width:50%;}
}
@media (max-width:1199px) {
.companyculture .comculture{ width:98%;}
.factoryImpress .factory-kj .r .measure{ width:90%; margin-left:4%; margin-top:14%;}
.factoryImpress .factory-sl .l .measure{width:90%; margin-right:4%;margin-top:14%;}
.factoryImpress .factory-fw{ width:96%;}
.factoryImpress .factory-fw .img{width:50%;}
.factoryImpress .factory-fw .img img{width:100%;}
.factoryImpress .factory-fw .r{width:44%;margin-top:2%; margin-right:3%;}
}
@media (max-width:1024px) {
.factoryImpress .c{font-size:14px;}
}
@media (max-width:768px) {
.factoryImpress{ margin:0 auto 4%}
.factoryImpress .factory-kj .r{width:100%;float:none;}
.factoryImpress .factory-kj .img{width:100%;float:none;}
.factoryImpress .factory-sl .l{width:100%;float:none;}
.factoryImpress .factory-sl .img{width:100%;float:none;}
.factoryImpress .factory-fw .r{width:100%;float:none;}
.factoryImpress .factory-fw .img{width:100%;float:none;}
.factoryImpress .factory-fw{ margin:4% auto 0}

.factoryImpress .factory-kj .r .measure{ margin:5% auto; width:96%; float:none}
.factoryImpress .factory-sl .l .measure{ margin:5% auto; width:96%;float:none}
.factoryImpress .factory-fw .r{ margin:5% auto; width:96%;}
.factoryImpress .t{ font-size:28px;}
}
@media (max-width:480px) {
.factoryImpress .factory-kj .img{background:url(../images/about_kj.jpg) center top no-repeat;background-size:100%; height:192px;}
.factoryImpress .factory-sl .img{height:182px;background:url(../images/about_sl.jpg) center top no-repeat;background-size:100%;}
.factoryImpress .factory-sl .l .measure{ margin:3% auto 5%;}
.factoryImpress .t{ font-size:26px; margin-bottom:2%;}
.factoryImpress .c{ line-height:26px;}
}
@media (max-width:375px) {
.factoryImpress .factory-kj .img{height:152px;}
.factoryImpress .factory-sl .img{height:142px;}
.factoryImpress .t{ font-size:22px;}
.factoryImpress .c{ line-height:24px;}
}
@media (max-width:360px) {
.factoryImpress .factory-kj .img{height:146px;}
.factoryImpress .factory-sl .img{height:136px;}
}
@media (max-width:320px) {
.factoryImpress .factory-kj .img{height:129px;}
.factoryImpress .factory-sl .img{height:120px;}
.factoryImpress .t{ font-size:20px;}
}

.companyculture{width:100%;margin:0 auto 50px;height:420px; background:url(../images/companyculturebj.jpg) no-repeat center;}
.companyculture .comculture{ width:1200px;  margin:0 auto; padding:60px 0}
.companyculture .comculture .tit{ font-size:28px; color:#FFF; text-align:center; font-weight:bold;}
.companyculture .comculture .cultureul{ width:92%; margin:120px auto 0;}
.companyculture .comculture .cultureul li{float:left;width:33%;color:#FFF; text-align:center;}
.companyculture .comculture .cultureul li .t{ font-size:28px; line-height:66px;}
.companyculture .comculture .cultureul li .c{ font-size:16px; line-height:24px;}
@media (max-width:1199px) {
.companyculture .comculture{ width:98%;}
}
@media (max-width:1024px) {
}
@media (max-width:768px) {
.companyculture{margin:0 auto 4%;height:auto;}
.companyculture .comculture{padding:4% 0}
.companyculture .comculture .cultureul{ margin:10% auto 0}
.companyculture .comculture .cultureul li .c{font-size:14px;}
}
@media (max-width:640px) {
.companyculture .comculture .cultureul li .t{font-size:24px;}
}
@media (max-width:480px) {
.companyculture{background-position:-722px -55px;}
.companyculture .comculture{padding:4% 0 4%;}
.companyculture .comculture .cultureul{margin:6% auto;}
.companyculture .comculture .cultureul li{width:100%;float:none;text-align:left;}
.companyculture .comculture .cultureul li .t{line-height:36px;font-size:20px;}
}
@media (max-width:375px) {
.companyculture{ background-position:-775px -68px;}
.companyculture .comculture .tit{font-size:24px;}
.companyculture .comculture .cultureul li .t{font-size:18px;}
}
@media (max-width:360px) {
.companyculture{ background-position:-783px -74px;}
}
@media (max-width:320px) {
.companyculture{ background-position:-802px -74px;}
.companyculture .comculture .tit{ font-size:24px;}
.companyculture .comculture .cultureul li .t{ font-size:18px; line-height:32px;}
}
.supplier{ width:1200px; margin:0 auto 100px;}
.supplier .c{ margin-top:80px; display:block; text-align:center;}
.supplier .c img{ display:block; margin:0 auto;}
@media (max-width:1199px) {
.supplier{ width:96%;margin:0 auto 7%;}
.supplier .c{ margin-top:6%}
.supplier .c img{ width:100%;}
}

/* 工厂印象 */
.bannerimpress {background:url(../images/bannerimpress.jpg) center center no-repeat}
@media (max-width:480px) {.bannerimpress {background:url(../images/bannerimpressmobile.jpg) center center no-repeat;background-size:100%;}
}

.imageShow {width:1212px; margin:70px auto;}
.imageShow .c{ font-size:16px; color:#3b3e48; line-height:26px; text-indent:2em; width:1200px; margin:0 auto;}
.imageShow ul{overflow:hidden; width:100%;margin:64px auto 0;}
.imageShow ul li{float:left;position:relative;margin-bottom:12px;overflow:hidden; width:392px; margin:0 6px 12px;}
.imageShow ul li img {width:100%;height:auto;transition:all .6s}
@media (min-width:1200px) {
.imageShow ul li:hover img {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);transition:all .6s}
}
@media (max-width:1199px) {
.imageShow {width:100%; margin:6% auto;}
.imageShow .c{width:96%;}
.imageShow ul{ width:98%;margin:4% auto 0;}
.imageShow ul li{width:31%; margin:0 1% 2%}
}
@media (max-width:768px) {
.imageShow {margin:4% 0}
}
@media (max-width:480px) {
.imageShow .c{ font-size:14px; line-height:24px;}
.imageShow ul li {width:48%}
}

/* 企业荣誉 */
.bannerbonor{background:url(../images/bannerhonor.jpg) center center no-repeat}
@media (max-width:480px) {.bannerbonor {background:url(../images/bannerhonormobile.jpg) center center no-repeat;background-size:100%;}
}
.honormax{ width:100%;}
.honormax .bd{border-top:1px solid #dbdbdb; width:1200px; margin:0 auto;}
.honorlist{ width:100%; margin:0 auto 50px; padding-top:36px; }
.honorlist .honli{float:left;width:350px;display:block; margin:0 25px 25px; cursor:pointer;}
.honorlist .honli .honor-pic{ width:100%;position:relative; margin-bottom:10px;}
.honorlist .honli .honor-pic .honor-pic-thumb img{ display:block; width:100%; padding:15px; border:1px solid #c9c9c9;}
.honorlist .honli .honor-tit{ text-align:center; width:100%;font-size:14px;}
.honorlist .honli .honor-tit p{ color:#41434f; line-height:26px;}
.honorlist .honli .honor-tit span{ color:#999999;}
.honorlist .honli .honor-tit2{font-size:16px;color:#41434f;text-align:center;line-height:36px;}
.honor-big-bg{ display: none; position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); cursor: pointer;}
.honor-big-pic{ display: none;position:fixed;left:50%;top: 50%;z-index:005}
.honor-big-pic img{ width:100%; }
@media (min-width:1200px) {
.honorlist .honli .honor-pic .search{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(127,190,37,0.8); z-index:001}
.honorlist .honli .honor-pic .search img{ position: absolute; left: 50%; margin-left:-28px; top: 50%; margin-top: -32px;}
.honorlist .honli .honor-pic .search span{ position: absolute; left: 50%; margin-left: -32px; top: 50%; margin-top:35px; color: white; font-size:16px;}
.honorlist .honli:hover .honor-pic .search{ display:block;}
}

@media (max-width:1199px) {
.honorlist .honli .honor-pic .search{ display:none;}
.honormax .bd{ width:98%;}
.honorlist{margin:0 auto 5%; padding-top:3%; }
.honorlist .honli{width:31.333333333%;margin:0 1% 2%;}
.honorlist .honli .honor-pic{ margin-bottom:0px;}
.honorlist .honli .honor-tit2{ line-height:26px;margin:5px 0;}
.honorlist .honli .honor-tit{margin:5px 0;}
}
@media (max-width:640px) {
.honorlist .honli{width:48%;margin:0 1% 2%;}
.honor-big-pic{ width:56%;left:58%;}
}
@media (max-width:480px) {
.honor-big-pic{left:72%;top:60%;}
.honorlist .honli .honor-tit2{line-height:22px;font-size:14px;}
}
@media (max-width:375px) {
.honor-big-pic{left:83%;top:70%;}
}
@media (max-width:320px) {
.honorlist .honli .honor-tit{ font-size:13px;}
}
/* 科研技术 */
.bannerresearch {background:url(../images/bannertechnology.jpg) center no-repeat}
@media (max-width:480px) {.bannerresearch {background:url(../images/bannertechnologymobile.jpg) center no-repeat;background-size:100%;}
}

.mainContent{max-width:1200px;width:100%;margin:40px auto;height:100%}
.researchStrategy,.technologyTeam {width:100%;overflow:hidden}
.researchStrategy section,.technologyTeam section {float:left;width:50%;padding-right:30px;padding-top:40px}
.researchStrategy section h2,.technologyTeam section h2 {font-size:30px;color:#0069d2;margin-bottom:30px}
.researchStrategy section p,.technologyTeam section p {font-size:14px;color:#565966;line-height:24px;text-indent:28px}
.researchStrategy .imageWrap,.technologyTeam .imageWrap {float:left;width:50%}
.researchStrategy .imageWrap img,.technologyTeam .imageWrap img {width:100%}
.technologyTeam section {padding-right:0;padding-left:30px}
@media (max-width:1199px) {
.mainContent{ width:96%;}
}
@media (max-width:960px) {
.researchStrategy section,.technologyTeam section {padding-top:40px}
}
@media (max-width:768px) {
.researchStrategy section,.technologyTeam section {padding:0;width:100%}
.researchStrategy section p,.technologyTeam section p {margin-bottom:30px;font-size:24px;line-height:44px}
.researchStrategy .imageWrap,.technologyTeam .imageWrap {display:none}
.technologyTeam section {padding:0}
}
@media (max-width:480px) {
.researchStrategy section h2,.technologyTeam section h2 {font-size:20px;margin-bottom:15px}
.researchStrategy section p,.technologyTeam section p {margin-bottom:20px;font-size:14px;line-height:24px}
}

.cooperationParter {text-align:center;padding-top:60px;padding-bottom:100px}
.cooperationParter h2 {font-size:30px;color:#0069d2;line-height:50px}
.cooperationParter p {max-width:800px;width:100%;margin:0 auto;font-size:14px;line-height:26px;color:#565966}
.cooperationParter ul {margin-top:24px;width:100%;overflow:hidden}
.cooperationParter ul li {float:left;width:232px;margin-right:10px;margin-bottom:10px}
.cooperationParter ul li:last-child {margin-right:0}
.cooperationParter ul li img {width:100%;height:auto}
@media (max-width:1199px) {
.cooperationParter ul li {width:19%;margin-right:1.25%}
}
@media (max-width:960px) {
.cooperationParter {padding-bottom:50px}
}
@media (max-width:768px) {
.cooperationParter {padding-top:0;text-align:left}
.cooperationParter ul li {width:32%;margin-right:2%}
.cooperationParter ul li:nth-child(3n) {margin-right:0}
.cooperationParter p {font-size:24px;line-height:44px}
}
@media (max-width:480px) {.cooperationParter {padding-bottom:20px}
.cooperationParter h2 {font-size:20px;line-height:30px;margin-bottom:10px}
.cooperationParter p {font-size:14px;line-height:24px}
}

/* 企业简介 */
.bannerprofile{background:url(../images/bannerprofile.jpg) center center no-repeat}
@media (max-width:480px) {.bannerprofile{background:url(../images/bannerprofilemobile.jpg) center center no-repeat;background-size:100%;}
}
.profilebox{width:1200px;margin:60px auto 200px;}
.profilebox H2{font-size:28px;font-weight:bold;color:#005bac;padding:18px 0}
.profilebox .profile{width:100%;}
.profilebox .profile p{font-size:16px;color:#41434f;line-height:30px;margin:14px 0;text-indent:2em;}
@media (max-width:1199px) {
.profilebox{width:96%;margin:4% auto 20%;}
.profilebox H2{padding:2% 0}
.profilebox .profile p{margin:1% 0;}
}
@media (max-width:640px) {
.profilebox H2{font-size:24px;}
}
@media (max-width:480px) {
.profilebox H2{font-size:20px; font-weight:normal;}
.profilebox .profile p{font-size:14px;line-height:28px;}
}
@media (max-width:375px) {
.profilebox H2{font-size:20px;}
.profilebox .profile p{line-height:26px;}
}

/* 企业历程 */
.bannercourse{background:url(../images/bannercourse.jpg) center center no-repeat}
@media (max-width:480px) {.bannercourse{background:url(../images/bannercoursemobile.jpg) center center no-repeat;background-size:100%;}
}
.coursemax{width:1200px;margin:60px auto 200px;}
.coursemax H2{font-size:28px;font-weight:bold;color:#005bac;padding:18px 0}
.coursemax .course{width:100%;}
.coursemax .course li{width:100%;}
.coursemax .course li .time{font-size:28px;color:#41434f; margin:30px 0}
.coursemax .course li .time em{background:#f0f0f0;height:1px;width:77%;display:inline-block;margin-top:20px;float:right;}
.coursemax .course li .c{line-height:42px;font-size:16px;color:#41434f; background:url(../images/course-ico.png) left center no-repeat;background-position:0 16px;padding-left:20px; margin-left:15px;}
.coursemax .course li .c:hover{background:url(../images/course-ico2.png) left center no-repeat;background-position:0 16px;color:#7fbe25;}
@media (max-width:1199px) {
.coursemax{width:96%;margin:4% auto 20%;}
.coursemax H2{padding:2% 0}
}
@media (max-width:1024px) {
.coursemax .course li .time em{width:70%}
}
@media (max-width:768px) {
.coursemax .course li .c{line-height:34px;background-position:0 12px;}
.coursemax .course li .c:hover{background-position:0 12px;}
.coursemax .course li .time em{width:62%}

}
@media (max-width:640px) {
.coursemax H2{font-size:24px;}
.coursemax .course li .time em{width:56%;}
.coursemax .course li .c{ margin-left:1%;}
}
@media (max-width:580px) {
.coursemax .course li .time em{width:50%;}
}
@media (max-width:480px) {
.coursemax H2{font-size:20px; font-weight:normal;}
.coursemax .course li .time{font-size:18px; margin:3% 0}
.coursemax .course li .time em{ margin-top:3%;width:60%;}
.coursemax .course li .c{font-size:14px;line-height:28px;background-position:0 10px;}
.coursemax .course li .c:hover{background-position:0 10px;}
}
@media (max-width:375px) {
.coursemax H2{font-size:20px;}
.coursemax .course li .time em{width:50%;}
}
@media (max-width:320px) {
.coursemax .course li .time em{width:42%;}
}


/* 业务领域 */

.applicationBanner {background:url(../images/bannerapplication.jpg) center no-repeat}
@media (max-width:720px) {.applicationBanner {background:url(../images/bannerapplicationmobile.jpg) center no-repeat;background-size:100%;}
}
.applicationSeries{ margin:60px auto; text-align:center}
.applicationSeries li {display:inline-block;text-align:center; margin:0 50px;}
.applicationSeries li a {display:inline-block; width:200px;line-height:50px;font-size:16px;color:#565966; border-radius:5px; border:1px solid #d3d6da;transition:all 0.6s}
.applicationSeries .active {background:#0069d2;color:#FFF;border-radius:5px;border:1px solid #0069d2;}
.applicationSeries .on a{background:#0069d2;color:#FFF;border-radius:5px;border:1px solid #0069d2;}
@media (min-width:1200px) {
.applicationSeries li a:hover{background-color:#0069d2;color:#fff;border:1px solid #0069d2;border-radius:5px;}
}
@media (max-width:1024px) {
.applicationSeries{margin:4% auto;}
}
@media (max-width:640px) {
.applicationSeries li {margin:0 2%;}
.applicationSeries li a {width:140px;line-height:30px;}
}
@media (max-width:480px) {
.applicationSeries li{margin:1% 2%;}
.applicationSeries li a {width:120px;line-height:30px;}
}

.hide {display:none}
.applicationCont {padding:25px 0 60px 0;border-bottom:1px solid #f0f0f0}
.applicationCont .center .applicationli{float:left;position:relative;margin-bottom:11px;margin-right:10px; height:auto; overflow:hidden}
.applicationCont .center .applicationli:nth-child(4n) {margin-right:0}
.applicationCont .center .applicationli img {width:100%;height:auto}
.applicationCont .center .applicationli span {display:block;position:absolute;left:0;bottom:-50px;width:100%;height:50px;background:rgba(0,195,229,0.9);line-height:50px;text-align:center;color:#fff;font-size:18px;transition:all 0.6s;}
.applicationCont .center .applicationli:hover span{bottom:0;}
@media (max-width:1199px) {.applicationCont .center .applicationli {width:24%;margin-right:1%}
.applicationCont .center .applicationli span {font-size:16px}
}
@media (max-width:480px) {.applicationCont .center .applicationli {width:49%;margin-right:2%;margin-bottom:0}
.applicationCont .center .applicationli:nth-child(2n) {margin-right:0}
.applicationCont .center .applicationli span {position:static;line-height:40px;background:#fff;color:#565966}
}
.appContent h2 {font-size:30px;line-height:120px;text-align:center;padding-top:5px;border-bottom:1px solid #f0f0f0;color:#0069d2}
@media (max-width:480px) {.appContent h2 {font-size:20px;text-align:left;line-height:60px;color:#565966}
}
@media (max-width:480px) {.appContent .center>div {padding:20px 0}
}
.appContent .center>div h3 {font-size:24px;color:#565966;margin-bottom:30px}
@media (max-width:480px) {.appContent .center>div h3 {margin-bottom:0;font-size:18px;line-height:50px}
}
.appContent .center>div p {font-size:16px;line-height:28px;text-indent:32px}
@media (max-width:480px) {.appContent .center>div p {font-size:14px;line-height:26px;text-indent:28px}
}
.appContent .part1 {padding:55px 0;border-bottom:1px solid #f0f0f0;overflow:hidden}
@media (max-width:480px) {.appContent .part1 {padding:20px 0}
}
.appContent .part1 ul {overflow:hidden}
.appContent .part1 li {float:left;width:50%;margin-top:40px}
@media (max-width:480px) {.appContent .part1 li {float:none;width:100%;margin-top:10px}
}
.appContent .part1 h4 {font-size:20px;color:#565966;margin-bottom:16px}
@media (max-width:480px) {.appContent .part1 h4 {font-size:16px;line-height:28px;margin-bottom:0}
}
.appContent .part1 p {color:#808080}
.appContent .method {padding:36px 0 45px 0;color:#565966;border-bottom:1px solid #f0f0f0}
.appContent .part2 {padding:38px 0;color:#565966;border-bottom:1px solid #f0f0f0}
.appContent .part3 {padding:36px 0 72px 0;color:#565966}
.appContent .part3 ul {overflow:hidden}
.appContent .part3 ul li {float:left;width:50%;font-size:16px;line-height:28px;padding:5px 0}
@media (max-width:480px) {.appContent .part3 ul li {float:none;width:100%;font-size:14px}
}
/*  业务领域 降尘和监控  */
.mainText {max-width:1200px;width:100%;margin:0px auto;height:100%; padding:40px 0}
.mainText img{}
.mainText P {font-size:16px;line-height:28px;color:#565966;}
.mainText .monitorImage {width:100%;overflow:hidden;margin:40px 0}
.mainText .monitorImage img {float:left;margin-bottom:15px}
@media (max-width:1199px) {
.mainText{ padding:4% auto; width:96%;}
.mainText .monitorImage img {width:49.5%}
.mainText .monitorImage img:nth-child(odd) {margin-right:.5%}
}
@media (max-width:480px) {.mainText .monitorImage img {float:none;width:100%}
.mainText .monitorImage img:nth-child(odd) {margin-right:0}
}

/*  解决方案  */
.SolutionBanner {background:url(../images/bannersolution.jpg) center no-repeat}
@media (max-width:720px) {.SolutionBanner {background:url(../images/bannersolutionmobile.jpg) center no-repeat;background-size:100%;}
}

.solutit{ width:100%; text-align:center; }
.solutit .t{ font-size:28px;color:#005bac;font-weight:bold; line-height:30px; margin-bottom:16px;}
.solutit .more{color:#7fbe25; font-size:20px;}
@media (max-width:480px) {
.solutit .t{ font-size:24px;margin-bottom:1%;}
.solutit .more{ font-size:16px;}
}
@media (max-width:375px) {
.solutit .t{ font-size:20px;}
}
.solutionWrap{margin-top:62px; width:100%;}
.solutionWrap .list{ width:1226px; margin:24px auto 0;}
.solutionWrap .list li{width:280px; float:left; margin:0 13px 48px;}
.solutionWrap .list li .img{}
.solutionWrap .list li .img img{ width:100%;}
.solutionWrap .list li H3{ background:#f5f5f5; font-size:16px; color:#565966; width:100%; line-height:40px; text-align:center;transition:all 0.6s; margin-top:1px;}
.solutionWrap .list li:hover H3{background:#7fbe25; color:#FFF;}
@media (max-width:1024px) {
.solutionWrap{margin-top:6%;}
.solutionWrap .list{ width:98%;margin:2% auto 0;}
.solutionWrap .list li{ width:23%; margin:0 1% 4%;}
.solutionWrap .list li H3{ line-height:38px;}
}
@media (max-width:768px) {
.solutionWrap .list li{ width:48%;}
}
@media (max-width:375px) {
.solutionWrap .list li H3{ line-height:28px;}
}
@media (max-width:320px) {
.solutionWrap{ margin-top:2%;}
.solutionWrap .list li H3{ font-size:14px;}
}

.soltcaseWrap{ width:100%; margin:30px 0 68px;}
.soltcaseWrap .list{ width:1226px; margin:24px auto 0;}
.soltcaseWrap .list li{width:280px; float:left; margin:0 13px 20px; position:relative;}
.soltcaseWrap .list li.more{background:#7fbe25;}
.soltcaseWrap .list li img{ width:100%;}
.soltcaseWrap .list li H4{ background:url(../images/solutioncase.png) center; font-size:16px; color:#FFF; width:100%; line-height:35px;text-align:center; position:absolute; bottom:0px;}
@media (max-width:1024px) {
.soltcaseWrap{margin:3% 0 2%;}
.soltcaseWrap .list{ width:98%;margin:2% auto 0;}
.soltcaseWrap .list li{ width:23%; margin:0 1% 4%;}
.soltcaseWrap .list li H4{}
}
@media (max-width:768px) {
.soltcaseWrap .list li{ width:48%;}
}
@media (max-width:480px) {
.soltcaseWrap .list li H4{ font-size:14px; height:35px; overflow:hidden; padding:0 2px}
}
@media (max-width:320px) {
.soltcaseWrap{margin:0% 0 2%;}
}

.soltmonitor{background:#f5f5f5;width:100%;}
.soltmonitor .r{ float:right;}
.soltmonitor .l{ float:left; width:584px;}
.soltmonitor .l H4{ font-size:28px; color:#005bac; font-weight:bold; margin:58px 0 48px;}
.soltmonitor .l .c{ font-size:14px; color:#565966; line-height:30px;}
.soltmonitor .l .more{ background:#7fbe25; color:#FFF; width:142px; border-radius:5px; display:inline-block; line-height:42px; text-align:center; margin-top:56px;}
@media (max-width:1199px) {
.soltmonitor .r{width:50%}
.soltmonitor .r img{ width:100%;}
.soltmonitor .l{width:48%;}
.soltmonitor .l H4{ margin:4% 0}
.soltmonitor .l .more{ margin-top:5%;}
}
@media (max-width:1024px) {
.soltmonitor{padding-bottom:2%;}
}
@media (max-width:768px) {
.soltmonitor .l H4{ font-size:24px;}
.soltmonitor .l .c{ line-height:26px; height:106px; overflow:hidden;}
.soltmonitor .l .more{ margin-top:3%; width:120px; line-height:38px;}
}
@media (max-width:640px) {
.soltmonitor .l H4{ font-size:22px;}
.soltmonitor .l .c{ height:82px;}
.soltmonitor .l .more{width:110px; line-height:36px;}
}
@media (max-width:480px) {
.soltmonitor{ margin-bottom:2%;}
.soltmonitor .r{width:100%; float:none}
.soltmonitor .l{width:100%; margin-bottom:2%;float:none}
}
@media (max-width:320px) {
.soltmonitor .l .more{ width:100px; line-height:30px;}
}

.soltfallen{margin:0 auto 84px;background:#f5f5f5;}
.soltfallen .l{ float:left;}
.soltfallen .r{ float:right; width:584px;}
.soltfallen .r h4{ font-size:28px; color:#005bac; font-weight:bold; margin:34px 0 22px;}
.soltfallen .r .c{ font-size:14px; color:#565966; line-height:30px;}
.soltfallen .r .more{ background:#7fbe25; color:#FFF; width:142px; border-radius:5px; display:inline-block; line-height:42px; text-align:center; margin-top:16px;}
@media (max-width:1199px) {
.soltfallen{margin:0 auto 8%;}
.soltfallen .l{width:50%}
.soltfallen .l img{ width:100%;}
.soltfallen .r{width:48%;}
.soltfallen .r h4{ margin:4% 0}
.soltfallen .r .more{ margin-top:5%;}
.soltfallen .r .c{ line-height:26px;}
}
@media (max-width:1024px) {
.soltfallen{padding-bottom:2%;}
}
@media (max-width:768px) {
.soltfallen .r h4{font-size:24px;}
.soltfallen .r .c{line-height:26px; height:106px; overflow:hidden;}
.soltfallen .r .more{ margin-top:3%; width:120px; line-height:38px;}
}
@media (max-width:640px) {
.soltfallen .r h4{font-size:22px;}
.soltfallen .r .c{height:82px;}
.soltfallen .r .more{width:110px; line-height:36px;}
}
@media (max-width:480px) {
.soltfallen .r{width:100%;margin-bottom:2%;float:none}
.soltfallen .l{width:100%;float:none}
}
@media (max-width:320px) {
.soltfallen .r .more{ width:100px; line-height:30px;}
}

/*  解决方案内页  */
.solutionnyBanner {background:url(../images/bannersolutionny.jpg) center no-repeat}
@media (max-width:720px) {.solutionnyBanner {background:url(../images/bannersolutionnymobile.jpg) center no-repeat;background-size:100%;}
}
.soluclassi{ width:1200px; margin:16px auto 60px; border-bottom:#cccccc solid 2px;}
.soluclassi p{ padding:34px 0; font-size:16px; line-height:32px}
.soluclassi p span{ font-size:18px; font-weight:bold;}
.soluclassi p a{ color:#565966; margin:0 20px;transition:all 0.6s;}
.soluclassi p a:hover{ color:#7fbe25;}
.soluclassi p a.on{ color:#7fbe25;}
@media (max-width:1199px) {
.soluclassi{width:96%;margin:1% auto 4%;}
.soluclassi p{ padding:3% 0;}
.soluclassi p a{margin:0 1.5%;}
}

/*  解决方案-内容  */
.materials{ width:1200px; margin:0 auto;}
.materials .section{width:100%; border-bottom:1px solid #f5f5f5;padding-bottom:42px;}
.materials .sectionno{border-bottom:none;}
.materials .section H3{color:#0069d2;font-size:20px;font-weight:bold;padding:25px 0; width:100%;}
.materials .section H3 small{font-size:14px;color:#808080;font-weight:normal; margin-left:15px;}
@media (max-width:1199px) {
.materials{width:96%;}
.materials .section{padding-bottom:4%;}
.materials .section H3{padding:24px 0;}
}
@media (max-width:640px) {
.materials .section H3{padding:20px 0;}
.materials .section H3 small{ font-size:12px;}
}
@media (max-width:480px) {
.materials .section H3{font-size:18px; padding:16px 0}
.materials .section H3 small{ display:none;}
}
.materials .section .left{float:left;width:854px;}
.materials .section .left p{color:#808080;font-size:14px;line-height:26px;}
.materials .section .left .img{ display:none;}
.materials .section .right{ float:right; width:283px;}
.materials .section .txt{ width:100%;color:#808080;font-size:14px;}
.materials .section .txt p{color:#808080;font-size:14px;line-height:26px;}
.materials .section .txt p img{ max-width:100%;}
@media (max-width:1199px) {
.materials .section .left{width:74%;}
.materials .section .right{width:24%;}
.materials .section .right img{ width:100%;}
}
@media (max-width:980px) {
.materials .section .left{width:72%;}
.materials .section .right{width:26%;}
}
@media (max-width:980px) {
.materials .section .left{width:62%;}
.materials .section .right{width:34%;}
}
@media (max-width:480px) {
.materials .section .left{width:100%;float:none;}
.materials .section .left .img{display:block;width:40%;float:right;margin-left:2%;}
.materials .section .left .img img{width:100%;}
.materials .section .right{display:none;}
}
.materials .section .recommend{width:100%;}
.materials .section .recommend li{float:left;width:285px;margin-left:20px}
.materials .section .recommend li:nth-child(1){margin-left:0%}
.materials .section .recommend li .pic{height:auto;width:100%;margin:0 auto;}
.materials .section .recommend li .pic img{margin:auto;width:100%;}
.materials .section .recommend li .t{text-align:center;color:#808080;font-size:16px; line-height:28px;transition:all 0.6s;}
.materials .section .recommend li:hover .t{color:#0069d2;}
.materials .section .solucasemax{width:100%;}
.materials .section .solucase{width:100%;}
.materials .section .solucase li{width:30%;margin-left:5%;float:left;}
.materials .section .solucase li:nth-child(1){margin-left:0%;}
.materials .section .solucase li .imgwrap{width:100%;}
.materials .section .solucase li .imgwrap img{width:100%;}
.materials .section .solucase li .t{font-size:18px;color:#56597d;margin:16px 0;transition:all 0.6s;}
.materials .section .solucase li:hover .t{color:#0069d2;}
.materials .section .solucase li .txt{width:100%;}
.materials .section .solucase li .txt p{width:100%;color:#808080;font-size:14px;line-height:26px;}
.materials .section .solucase li .txt p span{color:#00c3e5;}
.materials .section .sect-special{width:770px;float:left;}
.materials .section .sect-special .recospe{width:100%;}
.materials .section .sect-special .recospe li{width:48%;margin-right:4%;float:left}
.materials .section .sect-special .recospe li:nth-child(2){margin-right:0%;}
.materials .section .sect-special .recospe li .img{width:100%;}
.materials .section .sect-special .recospe li .img img{width:100%;}
.materials .section .sect-special .recospe li .t{color:#565966;font-size:18px;transition:all 0.6s;font-weight:bold;margin:20px 0}
.materials .section .sect-special .recospe li:hover .t{color:#7fbe25;}
.materials .section .sect-special .recospe li .c{color:#565966;font-size:14px;line-height:22px;}
.materials .section .sect-news{width:380px;float:right;}
.materials .section .sect-news .relenews{width:100%;}
.materials .section .sect-news .relenews li{width:100%;margin-bottom:8%;}
.materials .section .sect-news .relenews li .t{font-size:18px;color:#696969; line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:100%; display:block; transition:all 0.6s;}
.materials .section .sect-news .relenews li .t:hover{ color:#7fbe25;}
.materials .section .sect-news .relenews li time{font-size:14px;color:#565966; line-height:24px;display:block}
.materials .section .sect-news .relenews li p{ font-size:14px; color:#565966; line-height:22px;}
.materials .section .sect-news .relenews li:nth-child(3){margin-bottom:0%}
@media (max-width:1199px) {
.materials .section .recommend li{width:22%; margin-left:4%;}
.materials .section .sect-special{ width:64%;}
.materials .section .sect-news{width:34%;}
}
@media (max-width:980px) {
.materials .section .sect-special .recospe li .t{font-size:17px;}
.materials .section .sect-news .relenews li{margin-bottom:4%;}
.materials .section .sect-news .relenews li .t{font-size:17px;}
}
@media (max-width:768px) {
.materials .section .sect-special{width:100%;float:none;margin-bottom:3%;}
.materials .section .sect-news{width:100%;float:none;}
.materials .section .solucase li .t{ font-size:16px;}
.materials .section .recommend li .t{ font-size:14px;}
}
@media (max-width:640px) {
.materials .section .recommend li{width:48%;}
.materials .section .recommend li .t{font-size:16px;}
.materials .section .recommend li:nth-child(3){margin-left:0%;}
}
@media (max-width:480px) {
.materials .section .solucase li .txt{ display:none;}
.materials .section .solucasemax{overflow-x:scroll;overflow-y:hidden;}
.materials .section .solucase{width:600px;}
.materials .section .solucase li{margin-left:2%;}
.materials .section .sect-special .recospe li .t{font-size:16px; line-height:24px;margin:2% 0}
.materials .section .sect-news .relenews li .t{color:#3c3c3c}
}
@media (max-width:375px) {
.materials .section .recommend li .t{font-size:14px;}
}
@media (max-width:320px) {
.materials .section .sect-special .recospe li .t{font-weight:normal;}
.materials .section .sect-special .recospe li .c{display:none;}
}

/*  合作案例  */
.caseBanner {background:url(../images/bannercase.jpg) center no-repeat}
@media (max-width:720px) {.caseBanner {background:url(../images/bannercasemobile.jpg) center no-repeat;background-size:100%;}
}

.caseSeries{ margin:60px auto; text-align:center}
.caseSeries li {display:inline-block;text-align:center; margin:0 50px;}
.caseSeries li a {display:inline-block; width:200px;line-height:50px;font-size:16px;color:#565966; border-radius:5px; border:1px solid #d3d6da;transition:all 0.6s}
.caseSeries .active {background:#0069d2;color:#FFF;border-radius:5px;border:1px solid #0069d2;}
.caseSeries .on a{background:#0069d2;color:#FFF;border-radius:5px;border:1px solid #0069d2;}
@media (min-width:1200px) {
.caseSeries li a:hover{background-color:#0069d2;color:#fff;border:1px solid #0069d2;border-radius:5px;}
}
@media (max-width:1024px) {
.caseSeries{margin:4% auto;}
}
@media (max-width:640px) {
.caseSeries li {margin:0 3%;}
.caseSeries li a {width:140px;line-height:30px;}
}
@media (max-width:480px) {
.caseSeries li a {width:120px;line-height:30px;}
}

.caseCon {border-bottom:1px solid #dbdbdb;padding:36px 0; width:1200px; margin:0 auto;}
.caseCon li {float:left;border:1px solid #f5f5f5;margin-bottom:30px}
.caseCon li .imgWrap {max-width:280px;width:100%;margin:0 auto}
.caseCon li .imgWrap img {width:100%;height:auto}
.caseCon li section {width:100%;padding:6px}
.caseCon li section H3 {font-size:18px;color:#565966;line-height:42px;transition:all 0.6s}
.caseCon li:hover section H3{color:#7fbe25;}
.caseCon li section p.c {font-size:14px;line-height:26px;color:#999}
.caseCon li section strong {color:#565966}
@media (min-width:1200px) {
.caseCon li {width:284px;margin-right:21px;height:340px}
.caseCon li:nth-child(4n) {margin-right:0}
}
@media (max-width:1199px) {
.caseCon li .imgWrap {max-width:310px;}
.caseCon {padding:3% 0; width:96%;}
.caseCon li {width:32%;margin-right:2%}
.caseCon li:nth-child(3n) {margin-right:0}
}
@media (max-width:768px) {
.caseCon li section H3{line-height:30px}
}
@media (max-width:640px) {
.caseCon li section H3{line-height:26px; font-size:16px;}
}
@media (max-width:480px) {
.caseCon {padding:0 0 4% 0}
.caseCon li{float:none;width:100%;overflow:hidden;margin-bottom:0;padding:15px 0; margin:0}
.caseCon li .imgWrap {float:left;width:28%}
.caseCon li section {float:right;width:72%;padding:0 0 0 10px}
}
@media (max-width:360px) {
.caseCon li section p:nth-of-type(2) {display:none}
}
/* 合作案例内页 */
.mainInfos{padding-top:50px;width:100%; margin:0 auto}
.mainInfos h1 {font-size:30px;color:#0069d2;text-align:center}
.mainInfos .times {font-size:16px;color:#808080;display:block;text-align:center;margin:28px 0}
.mainInfos .slideWrapper {max-width:1200px;margin:46px auto 0;width:100%;height:324px;border-bottom:1px solid #f0f0f0;position:relative;border-top:1px solid #f0f0f0}
.mainInfos .slideWrapper .imageSlide {width:100%;height:100%;position:absolute;overflow:hidden}
.mainInfos .slideWrapper ul {width:100000px;position:absolute;top:0;left:0;overflow:hidden}
.mainInfos .slideWrapper ul li {float:left;text-align:center;width:392px;margin-right:12px}
.mainInfos .slideWrapper ul li:last-child {margin-right:0}
.mainInfos .slideWrapper ul img {width:100%;height:auto}
.mainInfos .slideWrapper ul span {font-size:16px;line-height:60px;color:#565966}
.mainInfos .slideWrapper a {position:absolute;top:50%;margin-top:-36px;width:38px;height:72px;background:url(../images/togglebtn.png) no-repeat;background-position:0 0}
.mainInfos .slideWrapper .prevBtn {left:-54px}
.mainInfos .slideWrapper .nextBtn {right:-54px;background-position:-38px 0}
.mainInfos .mainText,.mainInfos .description {padding-top:28px;padding-bottom:60px}
.mainInfos .description{ width:1200px; margin:0 auto;}
.mainInfos .mainText p,.mainInfos .description p {font-size:16px;color:#565966;line-height:28px}
.mainInfos .mainText strong,.mainInfos .description strong {color:#0069d2}
.mainInfos .description p {text-indent:32px}
@media (max-width:1199px) {
.mainInfos{ width:96%;}
.mainInfos .description{ width:96%;}
.mainInfos .mainText{ width:100%;}
.mainInfos h1 strong {display:none}
.mainInfos .slideWrapper .imageSlide {overflow-x:scroll;overflow-y:hidden}
.mainInfos .slideWrapper a {display:none}
}
@media (max-width:480px) {.mainInfos {padding-top:20px}
.mainInfos h1 {text-align:left;font-size:20px}
.mainInfos .times {text-align:left;font-size:14px;margin:14px 0}
.mainInfos .slideWrapper {height:162px;margin:20px 0 0}
.mainInfos .slideWrapper ul li {width:196px}
.mainInfos .slideWrapper ul span {display:none}
.mainInfos .mainText,.mainInfos .description {padding:20px 0}
.mainInfos .mainText p,.mainInfos .description p {font-size:14px}
.mainInfos .description p {text-indent:28px}
}

/* 联系我们 */
.contactbanner {background:url(../images/bannercontact.jpg) center no-repeat}
@media (max-width:720px) {.contactbanner {background:url(../images/bannercontactmobile.jpg) no-repeat;background-size:cover}
}

.ourInfos { width:1200px; margin:136px auto 120px;}
.ourInfos ul {overflow:hidden;width:996px;height:100%; float:left;}
.ourInfos ul li {float:left;width:220px;border-radius:4px;margin-right:8px;text-align:center;}
.ourInfos ul li:last-child {margin-right:0}
.ourInfos ul li.add{ width:252px;}
.ourInfos ul li i {display:block;width:95px;height:95px;background:url(../images/contacticon.png) no-repeat;background-position:0 0;margin:0 auto}
.ourInfos ul li .faxIcon {background-position:-95px 0}
.ourInfos ul li .emailIcon {background-position:-190px 0}
.ourInfos ul li .addressIcon {margin-bottom:33px;background-position:-285px 0}
.ourInfos ul li .addressIcon ~ p {font-size:14px; line-height:24px;}
.ourInfos ul li span {display:block;font-size:20px;color:#565966;line-height:1;padding:26px 0 14px;}
.ourInfos ul li p {font-size:18px;color:#808080}
.ourInfos .conWeChat{ width:116px; float:right; margin-right:58px;}
.ourInfos .conWeChat .img{ width:111px; margin:0 auto;}
.ourInfos .conWeChat .img img{ text-align:center;}
.ourInfos .conWeChat .c{font-size:16px;color:#565966; text-align:center; margin-top:40px;}
@media (min-width:1200px) {
.ourInfos ul li:hover i {background-position-y:-95px}
}
@media (min-width:1200px) and (max-width:480px) {
.ourInfos ul li:hover i {background-position-y:-52px}
}
@media (max-width:1199px) {
.ourInfos { width:98%; margin:6% auto;}
.ourInfos ul {width:86%;}
.ourInfos ul li {width:22%;}
.ourInfos ul li.add{width:22%;}
.ourInfos ul li p{ font-size:16px;}
.ourInfos .conWeChat{margin-right:2%;}
}
@media (max-width:980px) {
.ourInfos ul {width:85%;}
}
@media (max-width:768px) {
.ourInfos ul {width:100%; float:none}
.ourInfos ul li.add{width:48%;}
.ourInfos ul li {width:48%;margin-right:0;margin-bottom:4%}
.ourInfos ul li:nth-child(2n+1) {margin-right:2%}
.ourInfos .conWeChat{margin-right:0%; width:100%;float:none; margin-top:4%;}
.ourInfos .conWeChat .c{margin-top:2%;}
}
@media (max-width:480px) {
.contactbanner .c{ display:none;}
.ourInfos ul li i {width:52px;height:52px;background-size:208px 104px}
.ourInfos ul li .faxIcon {background-position:-52px 0}
.ourInfos ul li .emailIcon {background-position:-104px 0}
.ourInfos ul li .addressIcon {margin-bottom:14px;background-position:-156px 0}
.ourInfos ul li .addressIcon ~ p {font-size:12px}
.ourInfos ul li span {font-size:14px;padding:14px 0}
.ourInfos ul li p {font-size:12px}
}
@media (max-width:320px) {
.ourInfos .conWeChat .c{ font-size:14px;}
}
.maps {width:100%;height:510px;overflow:hidden;position:relative}
.maps .floatLayer {position:absolute;width:50%;height:100%;z-index:11;top:0;left:0;background:rgba(0,105,210,0.9)}
.maps .floatLayer p {width:460px;font-size:32px;line-height:44px;text-align:center;color:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:75px}
.maps .mapCont {width:100%;height:100%}
@media (max-width:1199px) {.maps .floatLayer p {left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@media (max-width:768px) {
.maps {height:720px}
.maps .floatLayer {width:100%;height:30%}
.maps .mapCont {width:100%}
}
@media (max-width:480px) {
.maps {display:none;}
}

/* 新闻中心封面 */
.newsBanner {background:url(../images/bannernews.jpg) center no-repeat}
@media (max-width:720px) {.newsBanner {background:url(../images/bannernewsmobile.jpg) center no-repeat;background-size:100%;}
}
.news-company{ width:100%;}
.news-company .solutit{margin:64px 0 30px;}
.news-company .companycover {width:1200px;margin:0 auto;}
.news-company .companycover .bd{position:relative;float:left;width:600px;overflow:hidden;}
.news-company .companycover .showDiv {position:relative;width:100%;height:400px;}
.news-company .companycover .showDiv img {width:100%;}
.news-company .companycover .showDiv p{position:absolute;bottom:0;color:#FFF;z-index:9;width:98%; overflow:hidden; padding:0 20px}
.news-company .companycover .showDiv p a{line-height:52px; }
.news-company .companycover .foucebox_bg {position:absolute;left:0;bottom:0;width:600px;height:52px;background:#000;filter:alpha(opacity=60);opacity:0.6;z-index:8;overflow:hidden; }
.news-company .companycover .hd{width:570px;float:right;}
.news-company .companycover .hd ul li{width:100%; float:left; border-bottom:1px solid #f5f5f5; padding:32px 0}
.news-company .companycover .hd ul li H3{ font-size:18px; color:#565966;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:100%;transition:all .2s; font-weight:normal;}
.news-company .companycover .hd ul li time{ color:#999; font-size:14px; line-height:30px;}
.news-company .companycover .hd ul li .c{ color:#999; font-size:14px;}
.news-company .companycover .hd ul a {width:100%;}
.news-company .companycover .hd ul li:hover H3{color:#7fbe25;}
.news-company .companycover .hd ul li.on H3{color:#7fbe25;}
@media (min-width:1024px) {
.news-company .companycover .hd ul li:hover H3{color:#7fbe25;}
.news-company .companycover .hd ul li.on H3{color:#7fbe25;}
}
@media (max-width:1199px) {
.news-company .solutit{margin:6% 0 2%;}
.news-company .companycover {width:96%;}
.news-company .companycover .bd{width:50%;}
.news-company .companycover .showDiv {height:370px;}
.news-company .companycover .showDiv p a{ display:block; width:100%; overflow:hidden; height:52px;}
.news-company .companycover .hd{width:48%;}
.news-company .companycover .hd ul li{ padding:20px 0;}
}
@media (max-width:980px) {
.news-company .companycover .hd{ width:46%;}
.news-company .companycover .showDiv {height:354px;}
}
@media (max-width:768px) {
.news-company .companycover .bd{ display:none;}
.news-company .companycover .hd{ width:100%; float:none}
}
@media (max-width:480px) {
.news-company .companycover .hd ul li{ padding:3% 0}
}
@media (max-width:375px) {
.news-company .companycover .hd ul li H3{ font-size:16px;}
}
.news-industry{ width:100%; background:#f5f5f5; margin-top:64px;}
.news-industry .solutit{ background:#FFF; padding-bottom:30px;}
.news-industry .industrycover{ width:1200px; margin:0 auto;}
.news-industry .industrycover .indu-left{ width:598px; float:left;}
.news-industry .industrycover .indu-left .indutop{width:100%;border-bottom:1px solid #dddddd; padding:20px 0; margin-bottom:20px;}
.news-industry .industrycover .indu-left .indutop a{font-size:18px;font-weight:bold;color:#565966;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;transition:all .6s;line-height:46px;display:block;}
.news-industry .industrycover .indu-left .indutop p{color:#939393;font-size:14px; line-height:24px;}
.news-industry .industrycover .indu-left a:hover{color:#7fbe25;}
.news-industry .industrycover .indu-left li{width:100%;}
.news-industry .industrycover .indu-left li a{color:#565966;font-size:14px;line-height:30px;transition:all .6s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;}
.news-industry .industrycover .indu-left .more{width:144px;line-height:42px;color:#FFF; font-size:16px;background:#7fbe25;display:block;text-align:center;border-radius:5px; margin-top:30px;}
.news-industry .industrycover .indu-left .more:hover{color:#FFF;}
.news-industry .industrycover .indu-right{width:600px; float:right;}
.news-industry .industrycover .indu-right img{width:100%;}
@media (max-width:1199px) {
.news-industry{margin-top:6%;}
.news-industry .solutit{padding-bottom:3%;}
.news-industry .industrycover{ width:96%;}
.news-industry .industrycover .indu-left{ width:49%;}
.news-industry .industrycover .indu-left .indutop{ padding:2% 0;margin-bottom:2%;}
.news-industry .industrycover .indu-left .more{ margin-bottom:6px; margin-top:3%;}
.news-industry .industrycover .indu-right{ width:50%;}
}
@media (max-width:768px) {
.news-industry .industrycover .indu-left{ width:100%; float:none;}
.news-industry .industrycover .indu-right{ display:none;}
.news-industry .industrycover .indu-left .more{ margin-bottom:3%;}
}
@media (max-width:480px) {
.news-industry .industrycover .indu-left .more{ width:110px; line-height:36px;}
}
@media (max-width:375px) {
.news-industry .industrycover .indu-left .indutop a{ font-size:16px;}
}
@media (max-width:320px) {
.news-industry .industrycover .indu-left .more{ width:96px; line-height:26px;}
}
.news-special{ width:100%; margin-bottom:6%}
.news-special .solutit{margin:64px 0 30px;}
.news-special ul{ width:1200px; margin:0 auto;}
.news-special ul li{ width:370px; float:left; margin:0 0 20px;}
.news-special ul li:nth-child(2){margin:0 45px;}
.news-special ul li a{ width:100%;}
.news-special ul li .img{ width:100%;}
.news-special ul li .img img{ width:100%;}
.news-special ul li .t{ font-size:18px; line-height:56px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#565966;transition:all .6s;}
.news-special ul li .c{font-size:14px;color:#999;line-height:24px;}
.news-special ul li a:hover .t{color:#0069d2}
@media (max-width:1199px) {
.news-special .solutit{margin:6% 0 2%;}
.news-special ul{width:96%;}
.news-special ul li{ width:32%;margin:0 0% 2%;}
.news-special ul li:nth-child(2){margin:0 2%;}
}
@media (max-width:768px) {
.news-special ul{width:98%;}
.news-special ul li .t{ line-height:36px;}
.news-special ul li .c{ line-height:24px;}
}

@media (max-width:640px) {
.news-special ul li .t{ font-size:16px;}
.news-special ul li .c{ line-height:20px;}
}
@media (max-width:480px) {
.news-special ul li:nth-child(2){ margin:0 1%; margin-bottom:4%;}
.news-special ul li{margin:0 1%;width:48%;margin-bottom:4%;}
.news-special ul li .t{display:block; padding:0 2px;font-size:16px; font-weight:normal;}
.news-special ul li .c{ display:none;}
}
@media (max-width:375px) {
.news-special ul li .t{ font-size:14px;white-space:normal; line-height:20px;}
}

/* 新闻列表 */
.newslistBanner {background:url(../images/bannernewslist.jpg) center no-repeat}
@media (max-width:720px) {.newslistBanner {background:url(../images/bannernewslistmobile.jpg) center no-repeat;background-size:100%;}
}
.newsSeries{ margin:60px 0 38px;}
.newsSeries li{ margin:0 22px;}
.newsList{ width:1200px; margin:0 auto; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.newsList .hotNews {padding:44px 0;overflow:hidden;border-bottom:1px solid #f0f0f0}
.newsList .hotNews .newsImage {float:left;width:40%}
.newsList .hotNews section {float:left;width:60%;padding-left:32px}
.newsList .hotNews section h2{font-size:30px;color:#7fbe25}
.newsList .hotNews section span {display:block;font-size:16px;color:#808080;padding:20px 0}
.newsList .hotNews section p{font-size:16px;color:#999;line-height:30px;margin-bottom:38px}
.newsList .hotNews .moreBtn {display:block;width:138px;height:38px;border-radius:4px;background:#7fbe25;text-align:center;font-size:16px;color:#fff;line-height:38px}
.newsList img {max-width:100%;height:auto}
.newsList .newsCont {overflow:hidden;padding:38px 0;border-top:1px solid #f0f0f0}
.newsList .newsCont section H3{ font-weight:normal;}
.newsList .newsCont section H3 a{font-size:18px;line-height:28px;color:#565966;transition:all 0.6s;}
.newsList .newsCont section H3 a:hover{ color:#7fbe25}
.newsList .newsCont section span {display:block;color:#808080;font-size:16px;line-height:1;padding:10px 0}
.newsList .newsCont section p{font-size:14px;color:#999;line-height:26px}
.newsList .newsCont .newsImage {float:left;width:170px}
.newsList .newsCont section {float:left;width:1030px;padding-left:30px}
@media (max-width:1199px) {
.newsSeries{ margin:4% 0;}
.newsSeries li{ margin:0 2%;}
.newsList{ width:96%;}
.newsList .hotNews{ padding:4% 0}
.newsList .hotNews section{ padding-left:2%;}
.newsList .hotNews section span {padding:2% 0}
.newsList .hotNews section p {margin-bottom:2%}
.newsList .newsCont{ padding:3% 0;}
.newsList .newsCont .newsImage {width:15%}
.newsList .newsCont section {width:85%;padding-left:3%;}
}
@media (max-width:768px) {
.newsSeries li a{ width:158px; line-height:40px;}
.newsList .hotNews section h2{ font-size:24px;}
.newsList .hotNews section p {display:none}
.newsList .hotNews section span{ padding:7% 0}
.newsList .newsCont .newsImage {display:none}
.newsList .newsCont section {width:100%;padding-left:0}
}
@media (max-width:640px) {
.newsList .hotNews section h2{ font-size:20px;}
}
@media (max-width:480px) {
.newsSeries li a{ width:110px; line-height:30px;}
.newsList .hotNews {padding:24px 0;border-bottom-width:2px}
.newsList .hotNews .newsImage {width:28%}
.newsList .hotNews section {width:72%;padding-left:10px}
.newsList .hotNews section h2{font-size:16px;color:#565966;line-height:28px}
.newsList .hotNews section span {padding:10px 0}
.newsList .hotNews .moreBtn {display:none}

.newsList .newsCont .newsImage {display:block;width:28%}
.newsList .newsCont {padding:24px 0;border-bottom-width:2px}
.newsList .newsCont section {width:72%;padding-left:10px}
.newsList .newsCont section H3 a{font-size:16px;}
.newsList .newsCont section p{display:none}
}
@media (max-width:375px) {
.newsSeries li{ margin:0 2% 1%;}
.newsList .hotNews section h2{ line-height:24px;}
.newsList .newsCont section H3 a{ line-height:24px;}
}

/* 新闻内页 */

.newsContent {padding:50px 0 60px 0}
.newsContent h1 {text-align:center;font-size:30px;line-height:1;color:#0069d2}
.newsContent .time {display:block;text-align:center;font-size:16px;color:#808080;padding:24px 0 36px 0; border-bottom:1px solid #f0f0f0;}
.newsContent .newsText{color:#565966;padding-top:40px;font-size:16px;line-height:28px; width:1200px;margin:0 auto;}
.newsContent .newsText p {font-size:16px;line-height:28px;margin:6px 0}
.newsContent .newsText p a{transition:all .2s;}
.newsContent .newsText p a:hover{color:#00c3e5;}
.newsContent .newsText p strong{display:block;font-size:22px;padding:1% 0}
.newsContent .newsText p img {margin:6px auto;max-width:100%;height:auto}
@media (max-width:1199px) {
.newsContent .newsText{width:96%;}
.newsContent h1{ width:96%; text-align:center; margin:0 auto; line-height:38px;}
}
@media (max-width:480px) {.newsContent {padding:20px 0}
.newsContent h1 {font-size:20px;line-height:28px;}
.newsContent .time {font-size:14px;padding:12px 0}
.newsContent .newsText{padding-top:4%;}
.newsContent .newsText p{font-size:14px; line-height:26px; margin:4px 0}
.newsContent .newsText p strong {font-size:18px}
.newsContent .newsText p img {margin:20px auto}
}
.newsbelow{width:1200px;margin:0 auto;}
.newsbelow .recomnews{width:585px;float:left; margin:40px 0}
.newsbelow .recomnewsr{ width:585px; float:right;}
.newsbelow .recomnews H2{font-size:20px;color:#0069d2;font-weight:bold;}
.newsbelow .recomnews ul{width:100%; margin-top:28px;}
.newsbelow .recomnews ul li{width:100%;line-height:28px;}
.newsbelow .recomnews ul li span{float:right;font-size:16px;color:#41434f;opacity:0.7;}
.newsbelow .recomnews ul li a{font-size:16px;color:#41434f;transition:all 0.6s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block;width:82%}
.newsbelow .recomnews ul li a:hover{color:#7fbe25}
@media (max-width:1199px) {
.newsbelow{width:96%;}
.newsbelow .recomnews{width:48%;margin:4% 0}
}
@media (max-width:1024px) {
.newsbelow .recomnews ul li a{width:80%}
}
@media (max-width:768px) {
.newsbelow .recomnews{width:100%;float:none}
.newsbelow .recomnewsr{float:none;}
}
@media (max-width:480px) {
.newsbelow .recomnews{width:100%;float:none}
.newsbelow .recomnewsr{float:none;}
.newsbelow .recomnews ul{margin-top:2%;}
.newsbelow .recomnews H2{font-size:18px;}
.newsbelow .recomnews ul li a{ font-size:14px;}
}
@media (max-width:375px) {
.newsbelow .recomnews ul li span{display:none;}
.newsbelow .recomnews ul li a{width:100%;}
}
.recompro{width:100%;margin:0 auto 40px;}
.recompro H2{width:1200px;margin:0 auto;font-size:20px;color:#0069d2;font-weight:bold;}
.recompro ul{width:1220px;margin:10px auto 0;}
.recompro ul li{width:285px;float:left;margin:0 10px;}
.recompro ul li a{width:100%;}
.recompro ul li .pic{height:auto;width:100%;margin:0 auto;}
.recompro ul li .pic img{margin:auto;width:100%;}
.recompro ul li H3{font-size:16px; text-align:center;transition:all 0.6s;color:#808080}
.recompro ul li:hover H3{color:#7fbe25}
@media (max-width:1199px) {
.recompro H2{width:96%;}
.recompro ul{width:100%;}
.recompro ul li{width:23%;margin:0 1%;}
}
@media (max-width:1024px) {
.recompro ul{margin:1% auto 0;}
}
@media (max-width:768px) {
.recompro ul li H3{font-size:14px;}
}
@media (max-width:640px) {
.recompro ul li{width:46%;margin:0 2%;}
.recompro ul li H3{font-size:16px;}
}
@media (max-width:480px) {
.recompro H2{font-size:18px;}
.recompro ul li H3{font-size:14px;}
}
@media (max-width:320px) {
}

/* 专题列表 */
.specialList{width:1230px;overflow:hidden; margin:0 auto 60px;border-top:1px solid #f0f0f0; padding-top:40px;}
.specialList li{overflow:hidden;width:30%; margin:0 15px 38px; float:left;}
.specialList li .speciaImage{width:100%;}
.specialList li .speciaImage img {max-width:100%;height:auto}
.specialList li section{width:100%;}
.specialList li section H3{ width:100%;}
.specialList li section H3 a{font-size:18px;line-height:40px;color:#565966; font-weight:bold;transition:all .6s;}
.specialList li section H3 a:hover{color:#7fbe25;}
.specialList li section p {font-size:14px;color:#999;line-height:26px; margin-top:2%;}
@media (max-width:1199px) {
.specialList{ width:99%; margin:0 auto 6%; padding-top:4%;}
.specialList li{width:31%; margin:0 1.1% 3%;}
}
@media (max-width:768px) {
.specialList{ width:98%;}
.specialList li{ width:48%; margin:0 1% 3%;}
}
@media (max-width:480px) {
.specialList li section H3 a{font-size:16px;font-weight:normal;line-height:26px;display:block;padding:4px 2px;}
.specialList li section p{display:none}
}
@media (max-width:375px) {
.specialList li section H3 a{font-size:14px;white-space:normal;line-height:20px;}
}

/* 产品中心-监控和降尘 */
.mainCont {color:#565966}
.mainCont .sumary {padding:20px 0;border-bottom:1px solid #f0f0f0}
.mainCont .sumary p {padding-bottom:30px;text-indent:32px}
@media (max-width:480px) {.mainCont .sumary p {text-indent:28px;padding-bottom:0}
}
.mainCont h1 {text-align:center;font-size:36px;font-weight:bold;margin:50px 0}
@media (max-width:480px) {.mainCont h1 {font-size:20px;margin:20px 0}
}
.mainCont p {font-size:16px;line-height:28px}
@media (max-width:480px) {.mainCont p {font-size:14px;line-height:24px}
}
.mainCont .center>div {padding:20px 0;border-bottom:1px solid #f0f0f0}
.mainCont .center .mainText {padding:90px 0}
@media (max-width:480px) {.mainCont .center .mainText {padding:20px 0}
}
.mainCont .images img {width:100%;height:auto}
.mainCont h2 {font-size:24px;margin:30px 0}
@media (max-width:480px) {.mainCont h2 {font-size:18px;margin:15px 0}
}
.mainCont .feature p,.mainCont .showerPoint p,.mainCont .textPart .part2 p {margin:18px 0}
.mainCont .feature p:hover,.mainCont .showerPoint p:hover,.mainCont .textPart .part2 p:hover {color:#00c3e5}
.mainCont .feature2 p{ width:50%; float:left; margin:10px 0}
@media (max-width:480px) {.mainCont .feature p,.mainCont .showerPoint p,.mainCont .textPart .part2 p {margin:5px 0}
}
.mainCont .shower ul {overflow:hidden}
.mainCont .shower li {float:left}
@media (min-width:1200px) {.mainCont .shower li {width:15%;margin-right:2%}
.mainCont .shower li:nth-child(6n) {margin-right:0}
}
@media (max-width:1199px) and (min-width:768px) {.mainCont .shower li {width:22%;margin-right:4%}
.mainCont .shower li:nth-child(4n) {margin-right:0}
}
@media (max-width:767px) {.mainCont .shower li {width:32%;margin-right:2%}
.mainCont .shower li:nth-child(3n) {margin-right:0}
}
.mainCont .shower li .wrap {width:100%;height:180px;position:relative}
.mainCont .shower li .wrap img {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%}
.mainCont .shower li span {display:block;font-size:16px;width:100%;height:30px;text-align:center}
@media (max-width:480px) {
.mainCont .shower li span{ font-size:14px;}
}
.mainCont .systemIntro {overflow:hidden}
.mainCont .systemIntro>div {float:left;width:50%}
@media (max-width:480px) {.mainCont .systemIntro>div {float:none;width:100%}
}
.mainCont .textPart>div {margin-bottom:70px}
@media (max-width:480px) {.mainCont .textPart>div {margin-bottom:20px}
}
.mainCont .imagePart {padding-top:40px}
@media (max-width:480px) {.mainCont .imagePart {padding-top:10px}
}
.mainCont .imagePart img {width:100%;height:auto;max-width:558px}
.mainCont .advantage h2 {text-align:center;font-size:26px}
.mainCont .advantage ul li {overflow:hidden;margin-bottom:28px;width:50%;float:left;}
.mainCont .advantage ul li:hover {color:#00c3e5}
.mainCont .advantage ul h4,.mainCont .contentContain .advantage ul p,.contentContain .mainCont .advantage ul p{float:left;width:100%;font-size:24px;line-height:28px}
@media (max-width:640px) {
.mainCont .advantage ul li{width:100%;float:none;}
}
@media (max-width:480px) {.mainCont .advantage ul h4,.mainCont .contentContain .advantage ul p,.contentContain .mainCont .advantage ul p {float:none;width:100%;margin-bottom:10px}
}

@media (max-width:480px) {.mainCont .advantage ul p {float:none;width:100%}
}
/* 服务 */
.serverBanner {background:url(../images/bannerservice.jpg) center no-repeat}
@media (max-width:720px) {.serverBanner {background:url(../images/bannerservicemobile.jpg) center no-repeat;background-size:100%;}
}
.serviceBox {width:100%;padding-top:70px}
.serviceBox h2 {font-size:30px;color:#0069d2;text-align:center}
.serviceBox>p {text-align:center;font-size:16px;color:#808080;padding:20px 0 65px}
@media (max-width:768px) {
.serviceBox {padding-top:8%}
.serviceBox>p {padding:2% 0 6%}
}
@media (max-width:480px) {
.serviceBox h2 {font-size:24px}
.serviceBox>p{font-size:14px;}
}
.servicePromise .serviceCon {width:100%}
.servicePromise .serviceCon ul {overflow:hidden}
.servicePromise .serviceCon li {width:25%;float:left}
.servicePromise .serviceCon li span {display:block;width:149px;height:149px;margin:0 auto;background:url(../images/serviceicon.png) no-repeat}
.servicePromise .serviceCon li .icon1 {background-position:0 0}
.servicePromise .serviceCon li .icon2 {background-position:-149px 0}
.servicePromise .serviceCon li .icon3 {background-position:-298px 0}
.servicePromise .serviceCon li .icon4 {background-position:-447px 0}
@media (min-width:1200px) {.servicePromise .serviceCon li:hover span {-ms-background-position-y:-149px;background-position-y:-149px}
.servicePromise .serviceCon li:hover p {color:#7fbe25}
}
@media (max-width:768px) {.servicePromise .serviceCon li {width:50%;margin-bottom:3%}
}
@media (max-width:480px) {.servicePromise .serviceCon li span {width:120px;height:120px;background-size:480px}
.servicePromise .serviceCon li .icon2 {background-position:-120px 0}
.servicePromise .serviceCon li .icon3 {background-position:-240px 0}
.servicePromise .serviceCon li .icon4 {background-position:-360px 0}
}
.servicePromise .serviceCon li p {text-align:center;color:#0069d2;line-height:28px;margin-top:22px}

.serviceArea {padding-bottom:60px}
.serviceArea .part {float:left;width:33.33333333%;max-width:400px;height:490px;position:relative;overflow:hidden}
.serviceArea .part img {width:100%;max-width:400px;height:auto}
.serviceArea .textLayer {position:absolute;bottom:0;left:0;width:100%;height:90px;transition:all .6s;color:#fff}
.serviceArea .textLayer h4 {line-height:90px;text-align:center;font-size:24px;position:absolute;width:100%;top:0;transition:all .4s}
.serviceArea .textLayer p {width:100%;font-size:16px;line-height:28px;padding:0 12.5%;position:absolute;top:45%;transition:all .6s;opacity:0}
.serviceArea .bgBlue{background:#0069d2}
.serviceArea .bgGreen{background:#7fbe25}
.serviceArea .bgLightBlue{background:#00c3e5}
@media (min-width:1200px) {.serviceArea .part:hover .textLayer {height:490px;transition:all .6s}
.serviceArea .part:hover .textLayer h4 {top:30%;transition:all .4s}
.serviceArea .part:hover .textLayer p {opacity:1;transition:all .6s}
}
@media (max-width:1199px) {
.serviceArea .part {height:auto}
.serviceArea .textLayer p {display:none}
}
@media (max-width:960px) {
.serviceArea .textLayer {height:60px}
.serviceArea .textLayer h4 {line-height:60px}
}
@media (max-width:768px) {
.serviceArea {padding-bottom:6%}
}
@media (max-width:480px) {
.serviceArea .textLayer{height:28px;}
.serviceArea .textLayer h4{ line-height:28px;font-size:16px;}
}
@media (max-width:375px) {
.serviceArea .part {float:none;width:100%;margin:0 auto 3%}
.serviceArea .textLayer{height:32px;}
.serviceArea .textLayer h4{ line-height:32px;}
}


/* 常见问题页面 */
.faqcrusher{ background:#f5f5f5;width:100%; padding-bottom:50px;}
.faqcrusher .serviceBox{padding-top:30px;}
.faqcrusher .serviceBox > p{ padding:20px 0 46px}
.faqcrusher .faqcrulist{width:580px;float:left;margin-right:40px;}
.faqcrusher .faqcrulist2{margin-right:0;}
.faqcrusher .faqcrulist li{width:100%; margin-bottom:40px;}
.faqcrusher .faqcrulist li p{ background:#fff;}
.faqcrusher .faqcrulist li p.t{color:#0069d2;line-height:36px; font-size:16px; margin-bottom:10px;padding:0 16px}
.faqcrusher .faqcrulist li p.c{ font-size:14px; color:#000; line-height:30px;padding:16px}
@media (max-width:1199px) {
.faqcrusher{padding-bottom:5%;}
.faqcrusher .faqcrulist{ width:48%; margin-right:2%;}
}
@media (max-width:1024px) {
.faqcrusher .faqcrulist li p.c{ line-height:26px;}
}
@media (max-width:768px) {
.faqcrusher .serviceBox{ padding-top:6%;}
.faqcrusher .serviceBox > p{ padding:2% 0 6%;}
.faqcrusher .faqcrulist{ width:100%; margin-bottom:0%; float:none;}
.faqcrusher .faqcrulist li{ margin-bottom:4%;}
.faqcrusher .faqcrulist li p.t{ margin-bottom:1%;}
}
@media (max-width:375px) {
.faqcrusher .faqcrulist li p.t{line-height:26px;padding:5px 4%;}
.faqcrusher .faqcrulist li p.c{padding:4%}
}

/* 配品备品 */
.partsBanner {background:url(../images/bannerparts.jpg) center no-repeat}
@media (max-width:720px) {.partsBanner {background:url(../images/bannerpartsmobile.jpg) center no-repeat;background-size:100%;}
}
.others{width:100%;margin:40px auto;height:100%}
.others p.c{font-size:14px;color:#808080;line-height:24px;text-indent:30px;padding-bottom:20px;width:1200px;margin:0 auto;}
.others .otherlist{overflow:hidden;width:1252px;margin:30px auto 0;}
.others .otherlist li{float:left;width:260px;height:auto;position:relative;overflow:hidden; margin:0 26.5px 20px}
.others .otherlist li img{max-width:100%;}
.others .otherlist li span{display:block;height:30px;font-size:16px;line-height:34px;text-align:center;color:#0168d1;transition:all .4s}
@media (max-width:1199px) {
.others{margin:4% auto;}
.others p.c{width:96%;}
.others .otherlist{width:100%}
.others .otherlist li{width:21%;margin:0 2% 2%;}
}
@media (max-width:768px) {
.others p.c{padding-bottom:2%;}
}
@media (max-width:480px) {
.others .otherlist{ margin:3% auto;}
.others .otherlist li {width:46%;}
}
@media (max-width:375px) {
.others .otherlist li span{font-size:14px;}
}

/* 服务政策 */
.policyBanner {background:url(../images/bannerpolicy.jpg) center no-repeat}
@media (max-width:720px) {.policyBanner {background:url(../images/bannerpolicymobile.jpg) center no-repeat;background-size:100%;}
}
.ideaCont {width:100%;padding-top:40px}
@media (max-width:768px) {.ideaCont {padding-top:3%}
}
.ideaCont ul {overflow:hidden}
.ideaCont li {float:left;width:391px;margin-right:13px;position:relative}
.ideaCont li:last-child {margin-right:0}
@media (max-width:1199px) {.ideaCont li {width:32%;margin-right:2%}
}
.ideaCont li img {max-width:391px;width:100%;height:auto}
.ideaCont li div {width:100%;position:absolute;left:0;top:80px;top:calc(50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.ideaCont li h3 {font-size:24px;font-weight:bold;line-height:28px;color:#00c3e5;text-align:center;padding-bottom:8px}
@media (max-width:480px) {.ideaCont li h3 {font-size:18px}
}
@media (max-width:320px) {.ideaCont li h3 {font-size:14px}
}
.ideaCont li p {font-size:14px;color:#fff;line-height:28px;padding:0 20%;text-align:center}
@media (max-width:800px) {.ideaCont li p {display:none}
}
.sale {border-bottom:1px solid #f0f0f0;padding-bottom:38px}
.sale h3 {font-size:24px;line-height:1;padding:30px 0}
.sale p{margin:0 auto;max-width:1109px;width:100%}
.sale p.comp img {margin:0 auto;max-width:1109px;width:100%}
.sale p.mobile{ display:none}
.sale p.mobile img {margin:0 auto;max-width:100%;}
@media (max-width:768px) {
.sale {padding-bottom:4%}
.sale p.comp{ display:none}
.sale p.mobile{ display:block}
}
@media (max-width:480px) {.sale h3 {font-size:18px}
}
.saleBefore h3 {color:#0069d2}
.saleing h3 {color:#24b84c}
.saleAfter h3 {color:#00c3e5}


/* 法律声明 */
.bannerstatement {background:url(../images/bannerstatement.jpg) center no-repeat}
@media (max-width:720px) {.bannerstatement {background:url(../images/bannerstatementmobile.jpg) center no-repeat;background-size:100%;}
}
.statement{width:1200px;margin:32px auto 120px;}
.statement .careful{color:#41434f;font-size:14px;border-bottom:1px solid #f0f0f0; padding:20px 0; line-height:22px;}
.statement H4{font-weight:bold;font-size:18px;color:#0069d2;margin:16px 0;line-height:26px;}
.statement p{color:#41434f;font-size:14px;line-height:26px;}
@media (max-width:1199px){
.statement{width:96%;margin:3% auto 12%;}
.statement H4{margin:2% 0}
}
@media (max-width:480px){
.statement H4{font-size:16px;}
.statement p{line-height:24px;}
}

/* 网站地图 */
.websitemapBanner {background:url(../images/bannerwebsitemap.jpg) center no-repeat}
@media (max-width:720px) {.websitemapBanner {background:url(../images/bannerwebsitemapmobile.jpg) center no-repeat;background-size:100%;}
}
.websitemap{width:1200px;margin:32px auto 120px;}
.websitemap .column{width:100%;border-bottom:#e4e4e4 solid 1px;padding:30px 0}
.websitemap .column H2{font-size:20px;color:#41434f;font-weight:bold;line-height:40px;}
.websitemap .column .navclass{width:100%;}
.websitemap .column .navclass H3{font-size:18px;color:#737374;line-height:34px;width:20%; float:left; font-weight:bold;}
.websitemap .column .navclass .r{width:80%;float:right}
.websitemap .column .navclass .r a{font-size:16px;color:#565966;transition:all .4s; display:inline-block; width:33%; line-height:36px;}
.websitemap .column .navclass .r a:hover{color:#7fbe25;}
.websitemap .column .article,.websitemap .column .article2{width:100%;}
.websitemap .column .article a{font-size:16px;color:#565966;transition:all .4s;display:inline-block;line-height:36px; margin-right:10px;}
.websitemap .column .article a:hover{color:#7fbe25;}
.websitemap .column .article2 H3{line-height:36px;margin-right:6%;display:inline-block;}
.websitemap .column .article2 H3 a{font-size:18px;color:#333333;transition:all .4s;}
.websitemap .column .article2 H3 a:hover{color:#7fbe25;}
@media (max-width:1199px){
.websitemap{width:96%;margin:3% auto 12%;}
.websitemap .column{padding:3% 0}
.websitemap .column .article a{ margin-right:2%}
}
@media (max-width:1024px){
.websitemap .column .navclass H3{width:20%;}
.websitemap .column .navclass .r{width:78%;}
}
@media (max-width:768px){
.websitemap .column .navclass H3{width:100%;float:none;}
.websitemap .column .navclass .r{width:100%;float:none;}
}
@media (max-width:480px){
.websitemap .column .navclass .r a{width:50%;}
}
@media (max-width:375px){
.websitemap .column H2{font-size:18px;}
.websitemap .column .navclass .r a{width:100%; font-size:14px; line-height:26px;}
.websitemap .column .article2 H3{margin-right:4%;}
.websitemap .column .article2 H3 a{font-size:16px;}
.websitemap .column .navclass H3{font-size:16px;}
}


/* 网站地图 */
.page404 {padding:2% 0 5%}
.page404 img {width:100%;max-width:617px;margin:0 auto 2%}
.page404 p{text-align:center;color:#333;}
.page404 .returncnt{ font-size:18px;line-height:28px;}
.page404 .return{font-size:20px;line-height:30px;}
.page404 .return .red{color:#7fbe25}
.page404 .backBtn {width:456px;overflow:hidden;margin:2% auto 0}
.page404 .backBtn a {float:left;display:block;width:200px;height:55px;background:#24b84c;border-radius:4px;text-align:center;font-size:18px;color:#fff;line-height:55px}
.page404 .backBtn a:first-child {margin-right:56px}
@media (max-width:768px) {.page404 {padding:4% 0 5%}
}
@media (max-width:480px) {
.page404 {padding:5% 0% 15%}
.page404 .returncnt{font-size:16px;line-height:26px;}
.page404 .return{font-size:18px;line-height:28px;}
.page404 .backBtn {width:256px}
.page404 .backBtn a {width:100px;height:40px;line-height:40px;font-size:16px}
}
@media (max-width:375px) {
.page404 .returncnt{font-size:12px;line-height:24px;}
.page404 .return{font-size:16px;line-height:26px;}
}


.pdfContent{width:1200px;margin:0 auto;height:1000px;}
.pdfContent .review{width:100%;}
@media (max-width:1199px) {
.pdfContent{width:100%;}
}