/*公用部分 style start*/

.box { max-width: 1920px; margin: 0 auto; }
.box2 { max-width: 1440px; margin: 0 auto; }
.auto-img { max-width: 100%; height: auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.dpb { display: block; }
.fb { font-weight: bold; }
.ovh { overflow: hidden; }
* { word-wrap: break-word; }
.banner, .ban, .mt90 { margin-top: 90px; }
.header { height: 90px; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; }
.header .logo { display: block; width: 287px; margin-top: 28px; }
.header ul.mainMenu li { float: left; position: relative; }
.header ul.mainMenu li > a { display: block; line-height: 90px; padding: 0 1.2em; }
.header ul.mainMenu li:hover > a, .header ul.mainMenu li.cr > a { color: #6fba2b; background: url(../images/line3.jpg) center bottom repeat-x; }
.header ul.mainMenu li > a span { display: block; }
.header ul.mainMenu li .subMenu { display: none; position: absolute; left: -35%; top: 100%; width: 170%; background: #fff; }
.header ul.mainMenu li .subMenu a { display: block; line-height: 2.4; text-align: center; }
.header ul.mainMenu li .subMenu a:hover { color: #6fba2b; }
.header ul.mainMenu li:hover .subMenu { display: block; }
.header .logReg { padding-top: 28px; }
.header .logReg a { line-height: 2; padding: 0 0.5em; border: 1px solid #fff; display: block; margin: 0 0.7em; }
.header .logReg a:hover { color: #6fba2b; border-color: #6fba2b; }
.header .headerSearch { margin-top: 24px; }
.header .headerSearch .sub { height: 3em; line-height: 3; width: 2em; background: url(../images/icon2.png) right center no-repeat; border: none; }
.header .headerSearch .txt { left: -202px; top: 0; display: none; }
.header .headerSearch:hover .txt { display: block; }
.header .headerSearch .txt input { width: 180px; padding: 0 10px; height: 3em; line-height: 3; border: 1px solid #e5e5e5; border-radius: 4px; }
.caseView a.item { display: block; color: #fff; width:100%;  overflow: hidden; }
.caseView a.item span { display: block; }
.caseView a.item .font { left: 5%; right: 5%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.caseView a.item .font .f1 { margin-bottom: 1em; }
.caseView a.item .font .f2 { line-height: 1.2; }
.footer { background: #f3f4f8; padding: 120px 0 100px 0 }
.footer .footerLogo { width: 340px; padding-top: 0.6em; }
.footer .footerLogo p { margin-top: 1.5em; }
.footer h3 { font-weight: bold; padding-bottom: 1em; background: url(../images/line.jpg) left bottom no-repeat; }
.footer .footerMenu { margin-left: 70px; }
.footer .footerMenu .sub { margin-top: 1.5em; }
.footer .footerMenu .sub a { display: block; line-height: 2; color: #999; }
.footer .footerForm h3 { margin-bottom: 2em; }
/*.footer .footerForm input { display: block; border: none; color: #fff; line-height: 2.4; border-radius: 4px; }
.footer .footerForm input.txt { background: #ddd; width: 250px; padding: 0 10px; margin-bottom: 1.5em; }
 .footer .footerForm input.txt::placeholder {
color:black;
  font-weight: bolder;
}
.footer .footerForm input.submit { background: #8dc63f; width: 140px;opacity: 0.6 }
.footer .footerForm input.submit:hover { background: #7cad37; }*/
.copyright { background: #313f49; padding: 28px 0; }
.copyright .share a { display: inline-block; margin-left: 1.2em; }
.page { text-align: center; padding-bottom: 20px; }
.page a { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #3b3218;padding-bottom:0;}
.page a:hover, .page a.cr { background: #454545; color: #fff; }
.page a.prev, .page a.next { text-indent: -9999px; opacity: 0.6 }
.page a.prev { background: url(../images/prev.png) center no-repeat; }
.page a.next { background: url(../images/next.png) center no-repeat; }
.page a.prev:hover, .page a.next:hover { opacity: 1; }
/*公用部分 style end*/



/*index start*/

.banner .item, .indProduct .item, .indProduct .item span, .indProduct2 .item, .indProduct2 .item span, .indNews .item span { display: block; }
.banner .flex-control-nav { bottom: 10px; z-index: 999999; }
.flex-control-paging li a { width: 10px; height: 10px; opacity: 1; background: #e5e5e5; box-shadow: none; }
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #8dc63f }
.indProductBox { padding: 120px 0; }
.indProduct .item .font { padding-top: 4em; }
.indProduct .item .img { margin-left: 5em; width: 38.8% }
.indProduct .item .num { font-size: 56px; color: #b6c79f; background: url(../images/line2.jpg) left center no-repeat; padding-left: 1em; margin-right: 1.2em; }
.indProduct .item .f2, .indProduct .item .f3 { margin-top: 3em; }
.indProduct .flex-control-nav { bottom: -60px; z-index: 999999; }
.indProduct2 .item { width: 33.3%; float: left; }
.indProduct2 .item img{width:100%;}
.indProduct2 .item .font { left: 5%; bottom: 2.4em; right: 5%; transition: 0.5s all ease; }
.indProduct2 .item .font .f2 { margin-top: 1.5em; overflow: hidden; height: 0; transition: 0.5s all ease; }
.indProduct2 .item:hover .font .f2 { height: 3em; }
.indProduct2 .item:hover .font { bottom: 5em; }
.indNewsBox { padding: 170px 0; }
.indNewsBox h2 { text-align: center; margin-bottom: 150px; font-style: italic; }
.indNews .item .img { width: 55.6%; }
.indNews .item .font { color: #fff; width: 40%; padding: 3em; background: rgba(141,198,63,0.8); left: 240px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.indNews .item .font .f2 { margin: 1em 0 2em 0; }
.indNews .item .font a.f3 { display: block; color: #fff; }
.indNews .item .font a.f3:hover { text-decoration: underline; }
.indNews .flex-control-nav { bottom: -80px; }
/*index end*/



/*产品 start*/

.ban span { display: block; }
.ban1 .font { max-width: 1440px; top: 50%; left: 50%; margin-left: -720px; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ban1 .font p { width: 52%; margin-top: 1em; }
.ban2 a { background: #8dc63f; color: #fff; }
.ban2 .cont { width: 1440px; top: 0; left: 50%; margin-left: -720px; height: 100%; }
.ban2 .cont .font { left: 0; top: 20%; width: 42%; }
.ban2 .cont .font .f2 { line-height: 1.8; margin-top: 1.6em; }
.ban2 .img { width: 54.8%; right: 0; bottom: -32%; }
.ban3 .font { left: 20%; top: 50%; text-align: center; width: 40%; left: 30%; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ban3 .font .f1 { text-transform: uppercase; }
.ban3 .font .f2 { margin-top: 0.5em; }
.title { padding: 100px 0 80px 0; }
.title p { width: 45%; margin-top: 30px; line-height: 1.8; }
.productMenu { background: #fff; padding: 1.6em 0;}
.productMenu .item { width: 25%; float: left;}
.productMenu .item a { display: block; margin: 0 1.6em; text-align: center; background: #e5e5e5; color: #fff; line-height: 2.6; height: 2.6em; }
.productMenu .item a:hover, .productMenu .item a.cr { background: #8dc63f; }
.productList { margin: 70px -30px 0 -30px; padding-top: 70px; border-top: 1px solid #8dc63f; }
.productList .proItem { width: 33.3%; float: left; margin-bottom: 42px; padding: 0; }
.proItem { padding: 16px 0; }
.proItem .w { margin: 0 30px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.proItem:hover .w { box-shadow: 0 0 12px #999;}
.proItem a { display: block; }
.proItem .font { padding: 26px; background: #fff;}
.proItem a.f-24{height:72px;}
.proItem .f2 { color: #999; margin: 1.2em 0; }
.proItem .price { color: #fe0000; margin-top: 0.2em;}
.proItem .price em { color: #999; text-decoration: line-through; }
.proItem .btn { width: 181px; line-height: 2.8; border-radius: 1.4em; overflow: hidden; }
.proItem .btn a { display: block; float: left; width: 90px; text-align: center; color: #fff; }
.proItem .btn a:hover { text-decoration: underline; }
.proItem .btn a.btn1 { border-right: 1px solid #fff; background: #333; }
.proItem .btn a.btn2 { background: #ff0000; }
.productInfo h2 { text-align: center; margin: 80px 0 70px 0; }
.productInfo .section1 { margin-bottom: 80px; }
.productInfo .section1 .imgbox { width: 48.12%; overflow: hidden; margin-right: 50px; }
.productInfo .section1 .flex-direction-nav a { width: 96px; height: 96px; margin-top: -48px; background-color: rgba(0,0,0,0.4); opacity: 0.6; background-position: center; background-repeat: no-repeat; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.productInfo .section1 .flex-direction-nav a:hover, .related .owl-prev:hover, .related .owl-next:hover { opacity: 1; }
.productInfo .section1 .imgbox .flex-direction-nav .flex-prev { left: 0; background-image: url(../images/prev2.png); }
.productInfo .section1 .imgbox .flex-direction-nav .flex-next { right: 0; background-image: url(../images/next2.png); }
.productInfo .section1 .font .ff { padding: 1em 0; border-bottom: 1px solid #e9e9e9; color: #666; line-height: 1.8 }
.infoContact { padding: 3.4em 0; }
.infoContact span { display: inline-block; margin: 0.5em 2em 0 0; }
.infoContact span img { margin: 0.2em 0.5em 0 0; }
.infoShare { margin-bottom: 1.4em; }
.infoShare .item { display: inline-block; margin-right: 2em; padding-bottom: 1em; border-bottom: 1px solid #fff; }
.infoShare .item .pic2, .infoShare .item:hover .pic1 { display: none; }
.infoShare .item:hover .pic2, .infoBtn .item:hover .pic1 { display: inline-block; }
.infoShare .item:hover { border-color: #6fba2b; }
.infoBtn .item { display: block; width: 200px; text-align: center; float: left; margin-right: 2em; background: #eee; border-radius: 4px; color: #6fba2b; line-height: 3em; }
.infoBtn .item .pic1, .infoBtn .item:hover .pic2 { display: none; }
.infoBtn .item img { margin: 0.8em 0.5em 0 0; }
.infoBtn .item:hover { background: #6fba2b; color: #fff; }
.infoMenu { text-align: center; background: #6fba2b; }
.infoMenu a.item { display: inline-block; line-height: 70px; height: 70px; color: #fff; padding: 0 70px; }
.productInfo .section2 { padding-bottom: 40px; }
.productInfo .section2 .font { margin-top: 90px; }
.productInfo .section2 .font h3 { margin-bottom: 0.6em; }
.productInfo .section2 .font p { line-height: 1.8; }
.productInfo .section2 .img { margin-top: 46px; }
.productInfo .section3 { background: url(../upload/proinfo7.jpg) center no-repeat; background-size: cover; padding: 70px 0; }
.productInfo .section3 .itemBox { margin: 0 -15px; }
.productInfo .section3 .item { width: 33.3%; float: left; }
.productInfo .section3 .item .w { margin: 0 15px; }
.productInfo .section4 { background: #f5f7f8; padding: 86px 0 50px 0; }
.productInfo .section4 p { width: 50%; margin-top: 0.5em; }
.productInfo .section4 .readmore { width: 170px; height: 3em; line-height: 3; text-align: center; margin: 0 auto; border-radius: 4px; border: 1px solid #ccc; }
.productInfo .section4 .readmore:hover { background: #ccc; color: #fff; }
.related { margin: 50px 0 30px 0; }
.related .owl-prev, .related .owl-next { width: 90px; height: 90px; overflow: hidden; text-indent: -9999px; margin-top: -45px; position: absolute; top: 50%; background-color: #dcdcdc; opacity: 0.6; background-position: center; background-repeat: no-repeat; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.related .owl-prev { left: -100px; background-image: url(../images/prev2.png); }
.related .owl-next { right: -100px; background-image: url(../images/next2.png); }
.productInfo .section5 { padding: 90px 0; }
.productInfo .section5 .f1 { margin: 1em 0 80px 0; width: 50%; }
.contItem { background: #fff; }
.contItem .img { width: 50%; margin-left: 40px; float: right; }
.contItem .font { max-width: 680px; float: right; }
.contItem .font .top { margin-top: 70px; }
.contItem .font .line { width: 82%; border-top: 1px solid #8dc63f; margin-top: 0.75em; }
.contItem .font h4 { margin-top: 60px; }
.contItem .font .f2 { line-height: 1.8; margin-top: 40px; }
.contItem .font .f3 { margin-top: 70px; line-height: 46px; }
.contItem .font .f3 img { width: 46px; margin-right: 1em; }
.contItem.odd .img { float: left; margin: 0 40px 0 0; }
.contItem.odd .font { float: left; }
.msgForm { background: #f5f7f8; padding: 60px 0; }
.msgForm h3 { text-align: center; padding-bottom: 0.6em; background: url(../images/line4.jpg) bottom center no-repeat; margin-bottom: 1em; }
.msgForm .msgFormBg { background: #fff; padding: 40px 30px; }
.msgForm .top .item { width: 25%; float: left; }
.msgForm .top .item .w { margin: 0 10px; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; }
.msgForm .top .item input { border: none; background: none; width: 100%; padding: 0 1em; line-height: 3; height: 3em; }
.msgForm .textarea { margin: 30px 10px; border: 1px solid #ccc; border-radius: 4px; padding: 1em; }
.msgForm .textarea textarea { width: 100%; border: none; height: 5.4em; line-height: 1.8; }
.msgForm .sub { border: none; width: 170px; line-height: 3; height: 3em; border-radius: 4px; background: #8dc63f; color: #fff; margin: 0 auto; display: block; }
/*产品 end*/



/*案例 start*/

.caseCont .contItem { margin-bottom: 70px; }
.infoContent { padding: 80px 0 54px 0; }
.infoContent .leftCont { width: 72%; margin-right: 50px; }
.infoContent .leftCont h2 { text-align: center; }
.infoContent .articleinfo { text-align: center; padding: 1.2em 0; margin-bottom: 1.2em; border-bottom: 1px solid #e0e0e0; line-height: 24px; }
.infoContent .articleinfo span, .infoContent .articleinfo a { display: inline-block; margin: 0 3px; }
.editor { line-height: 1.8; color: #777; }
.editor img { max-width: 100% !important; height: auto !important; display: block; margin: 0 auto; }
.infoContent .fanye { margin-top: 50px }
.infoContent .fanye a { display: block; width: 50%; float: left; height: 3em; line-height: 3; color: #fff; text-align: center; }
.infoContent .fanye a.prev { background: #808080; }
.infoContent .fanye a.next { background: #8dc63f; }
.infoContent .rightCont .ff { margin-bottom: 50px; }
.infoContent .rightCont .ff p { margin-top: 0.6em; line-height: 1.8; }
.hotNews .item { display: block; margin-top: 1em; }
.hotNews .item span { display: block; }
.hotNews .item .img { margin-right: 1em; width: 28%; }
.hotNews .item .font .f2 { color: #ccc; margin-top: 0.4em; }
/*案例 end*/



/*404 搜索 start*/

.breadNav { background: #8dc63f; padding: 1.5em 0; }
.breadNav span, .breadNav a { color: #fff; text-transform: uppercase; }
.breadNav a { margin-right: 1.4em; }
.breadNav .pic1 { margin: 0.2em 0.8em 0 0; }
.breadNav .pic2 { margin: 0.5em 1.2em 0 0; }
.noFind { padding: 80px 0 100px 0; }
.noFind h2 { margin-bottom: 120px; }
.noFind .img { width: 32.8%; }
.noFind .noFindMenu { margin-left: 120px; }
.noFind .noFindMenu a { display: block; padding-left: 1em; background: url(../images/icon9.png) left center no-repeat; line-height: 2.4; }
.noFind .noFindMenu a:hover, .noFind .noFindMenu a.cr { color: #8dc63f; }
.searchCenter { width: 560px; }
.searchCenter h3 { margin-bottom: 0.4em; }
.searchCenter .searchBox1 { border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; background: #fff; }
.searchCenter .txt { border: none; height: 3.2em; width: 460px; padding-left: 24px; }
.searchCenter .sub { width: 74px; border: none; height: 3.2em; background: url(../images/icon10.png) center no-repeat; }
.searchCenter .popSearch { padding-left: 24px; margin-top: 1.4em; }
.searchCenter .popSearch form{display: inline-block;}
.searchCenter .popSearch a,.searchCenter .popSearch input { background:none; border:none; outline: none; border-bottom:1px solid #8dc63f; color: #8dc63f; display: inline-block; margin: 0 0.5em 1em 0.5em; }
.search { padding: 90px 0; background: #f4f4f4; }
.search .searchCenter { width: 560px; margin: 0 auto; }
.search .searchCenter h3 { text-align: center; }
.search .searchCenter .popSearch a { color: #2e3092; }
.searchList h2 { margin: 1.8em 0 1.6em 0; }
.searchList h2 span { font-weight: normal; font-size: 14px; color: #8dc63f; border: 1px solid #8dc63f; padding: 0 0.6em; line-height: 1.2; height: 1.2em; border-radius: 0.6em; vertical-align: 0.4em; margin-left: 1em; }
.searchList .item { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #e3e4e4; }
.searchList .item .img { width: 27.6%; margin-right: 60px; border: 1px solid #eee; }
.searchList .item .font .f1 { margin-top: 1em; }
.searchList .item .font .f2 { margin: 1em 0; line-height: 1.8 }
.searchList .item .font .f3 { background: #8dc63f; color: #fff; width: 140px; line-height: 3; height: 3em; border-radius: 4px; text-align: center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.searchList .item .font .f3:hover { background: #6a942f }
/*404 搜索 end*/



/*联系我们 strat*/

.philosophy { background: #f5f7f8; padding: 70px 0 150px 0; }
.philosophy p { width: 52%; margin-top: 2em; }
.touchUs { padding-bottom: 70px; }
.touchUs .font { width: 42.2%; margin-bottom: 60px; padding-top: 280px; }
.touchUs .font .ff { margin: 1.4em 0 2.4em }
.touchUs .font .share { border-bottom: 1px solid #ebebeb; padding-bottom: 1.4em; }
.touchUs .font .share a { display: inline-block; margin-right: 1em; }
.touchUs .font .item { padding: 1.4em 0; line-height: 1.8; border-bottom: 1px solid #ebebeb; }
.touchUs .formBox { right: 0; top: -10%; width: 46%; box-shadow: 0 0 12px #ccc; background: #fff; border-radius: 4px 0px 0px 4px; }
.touchUs .formBox .w { margin: 80px 70px; }
.touchUs .formBox h3 { text-transform: uppercase; }
.touchUs .formBox h4 { text-transform: uppercase; margin: 0.2em 0 0.4em 0; }
.touchUs .formBox .item { overflow: hidden; border-bottom: 1px solid #ebebeb; margin-top: 3em; }
.touchUs .formBox .item input { width: 100%; padding: 0 1em; height: 3em; line-height: 3; border: none; }
.touchUs .formBox .sub { width: 220px; border: none; background: #8dc63f; color: #fff; border-radius: 4px; line-height: 3; height: 3em; margin-top: 6em; }
.touchUs .scrollDown { width: 12px; top: -64px; left: 16%; }
#map { height: 500px; }
/*联系我们 end*/



/*服务 start*/

.trainingCourse { background: #e5e5e5; padding: 90px 0 210px 0; }
.trainingCourse h2 { text-transform: uppercase; }
.trainingCourse p { line-height: 1.8; width: 50%; margin-top: 1em; }
.trainingCourse.areaFont { background: none; padding: 110px 0 70px 0; }
.specialArea1 .trainingCourse { padding-bottom: 110px; }
.specialArea1 .trainingCourse .contactBtn { margin-top: 50px; }
.serviceBox { padding-top: 450px; }
.serviceBox .svBox { width: 67.7%; right: 5%; top: -160px; }
.serviceBox .svBox .flex-direction-nav a { width: 90px; height: 90px; margin: 0; opacity: 1; background-color: #dcdcdc; background-repeat: no-repeat; background-position: center; top: auto; }
.serviceBox .svBox .flex-direction-nav .flex-prev { left: -90px; bottom: 96px; background-image: url(../images/prev2.png); }
.serviceBox .svBox .flex-direction-nav .flex-next { right: auto; left: -90px; bottom: 5px; background-image: url(../images/next2.png); }
.serviceBox .scrollDownBox { top: 130px; max-width: 1440px; left: 50%; margin-left: -720px; }
.serviceBox .service1 { margin-bottom: 90px; margin-top: 130px; }
.serviceBox .service1 .img { width: 43%; margin-right: 40px; }
.serviceBox .service1 .font { max-width: 810px; }
.serviceBox .service1 .font h3, .serviceBox .service2 .font h3 { margin: 110px 0 1em 0; }
.serviceBox .service1 .font p, .serviceBox .service2 .font p { line-height: 1.8; }
.contactBtn { width: 150px; line-height: 3; border: 1px solid #6fba2b; border-radius: 4px; display: block; text-align: center; margin-top: 90px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; -moz-transition: 0.5s all ease; }
.contactBtn:hover, .msgForm .sub:hover { background: #6fba2b; color: #fff; }
.serviceBox .service2 { margin-bottom: 260px; }
.serviceBox .service2 .img { width: 52.2%; margin-left: 40px; }
.serviceBox .service2 .img .pic1 { width: 54.4%; }
.serviceBox .service2 .img .pic2 { width: 38.8%; left: 30%; top: 76%; }
.serviceBox .service2 .img .pic3 { width: 36%; right: 0; top: 30%; }
.serviceBox .service2 .font { max-width: 636px; }
/*服务 end*/
.ban img{max-width: none;width:100%;}


/*三大专区 strat*/

.specialList { margin-bottom: 100px; }
.specialList .item { position: relative; }
.specialList .item .img { width: 50%; float: right; margin-left: 86px; }
.specialList .item .font h3 { margin-top: 68px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #efefef; text-transform: uppercase; position: relative; }
.specialList .item .font h3::after {content:""; height: 2px; width: 2em; background: #8dc63f; left: 0; bottom: 0; position: absolute; }
.specialList .item .font p { max-height: 10.8em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-height: 1.8; }
.specialList .item .font .contactBtn { margin-top: 70px; }
.specialList .item.odd .img { float: left; margin: 0 86px 0 0; }
.specialList1 .item .font h3{margin-top:40px;padding-bottom:20px;padding-bottom:20px;}
.specialList1 .item .font .contactBtn{margin-top:35px;}
.specialArea2 { margin-bottom: 90px;margin-top:-100px; } 
.specialArea2.owl-carousel .owl-wrapper-outer{padding-top:100px;}
.specialArea2 .item .font { bottom: 0; left: 0; width: 100%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.specialArea2 .item .font .w { padding: 30px 38px; }
.specialArea2 .item .font h3 { text-transform: uppercase; }
.specialArea2 .item .font p { margin-top: 0; height:0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.specialArea2 .item .font span { color: #fff; display: none; margin-top: 1em; }
.specialArea2 .item:hover .font p {margin-top:1em; height: 12em; }
.specialArea2 .item:hover .font { background: #8dc63f; }
.specialArea2 .item:hover .font span { display: block; }
.specialArea3 { padding: 60px 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.specialArea3 .font { text-align: center; width: 50%; margin: 0 auto; }
.specialArea3 .font p { line-height: 1.8; margin: 20px 0; }
.specialArea3 .font a { display: block; width: 170px; text-align: center; line-height: 3; height: 3em; color: #fff; background: #8dc63f; border-radius: 4px; margin: 0 auto; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.specialArea3 .font a:hover { background: #7cad37; }
/*三大专区 end*/



/*zzh style start*/

.about_txt { width: 48%; padding: 80px 0; }
.about_txt h3 { color: #333333; margin-bottom: 30px; }
.about_txt p { line-height: 1.8; }
.aboutbox1 .aboutimg { width: 62%; }
.aboutbox1 h3 { position: absolute; width: 57%; right: 7%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 90px 65px; background: rgba(141,197,63,0.8); color: #fff; z-index: 20; }
.aboutbox2 { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 120px 0; }
.aboutbox2_txt { width: 70%; margin: 0 auto; text-align: center; color: #fff; }
.aboutbox2_txt p { line-height: 1.8; margin-top: 20px; }
.aboutbox2_txt a { display: inline-block; padding: 12px 34px; color: #fff; background: #8dc53f; border-radius: 4px; margin-top: 40px; }
.aboutbox2_txt a:hover { background: #7cad37; }
.aboutbox2_txt a img { vertical-align: middle; margin-right: 15px; margin-top: -2px; }
.aboutbox3 { margin-bottom: 180px; }
.aboutbox3 .aboutimg { width: 49%; right: 0; z-index: 1; }
.about_text { width: 220px; margin-left: 24%; margin-top: 35px; z-index: 10; }
.about_text .bar { width: 75%; height: 2px; background: #333333; right: -95%; top: 50px; }
.aboutdesc { width: 62%; padding: 95px 60px; background: rgba(141,197,63,0.8); color: #fff; margin-top: 60px; z-index: 10; }
.aboutdesc p { line-height: 1.8; }
/*研发实力*/
.aboutbox4{width:100%;overflow: hidden;}
.aboutbox4 .aboutimg { width: 62.7%; }
.aboutbox4 .about_text { margin: 100px 0 0 0; }
.aboutbox4 .about_text p { color: #666; }
.aboutbox4 .about_text .bar { width: 2px; height: 180px; left: 0; right: auto; top: -200px; }
.aboutimg1 { width: 68%; right: -5%; bottom: 0; z-index: 10; }
.rd_display { margin-top: 140px; padding: 70px 0; background: url(../images/disbg.jpg) no-repeat 0 0/cover; }
.rd_display h2 { color: #ffffff; text-align: center; margin-bottom: 4%; }
.rd_display li { width: 90%; margin:0 auto;} 
.rd_display li a { display: block; position: relative; }
.rd_display li span { display: block; width: 90%; position: absolute; bottom: 5%; left: 5%; color: #fff; }
.rd_display .owl-prev, .rd_display .owl-next ,.caseView .owl-prev, .caseView .owl-next,.specialArea2 .owl-prev, .specialArea2 .owl-next { width:50px; height: 50px; overflow: hidden; text-indent: -9999px; margin-top: -25px; position: absolute; top: 50%; background-color: #dcdcdc; opacity: 0.8; background-position: center; background-repeat: no-repeat; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.rd_display .owl-prev ,.caseView .owl-prev,.specialArea2 .owl-prev { left: 0; background-image: url(../images/prev2.png); }
.rd_display .owl-next ,.caseView .owl-next,.specialArea2 .owl-next{ right: 0; background-image: url(../images/next2.png); }
.aboutbox5 .aboutimg { width: 64%; }
.aboutbox5 .about_text { width: 370px; margin: 28% 0 0 0; }
.aboutbox5 .about_text .bar { width: 150px; left: -50%; right: auto; top: 33px; }
.aboutbox6 { margin-bottom: 130px; }
.aboutbox6 .aboutimg { width: 55%; }
.aboutbox6 .about_txt { width: 52%; padding: 65px 50px; background: rgba(141,197,63,0.8); color: #fff; left: 0; top: 0; margin-top: 7%; }
.aboutbox6 .about_txt h3 { color: #ffffff; font-weight: normal; }
.aboutbox6 .about_txt a { display: block; width: 130px; height: 40px; text-align: center; line-height: 40px; color: #8dc63f; border-radius: 4px; background: #fff; }
.aboutbox6 .about_txt a:hover { text-decoration: underline; }
/*专利证书*/

.ban_txt { width: 64%; left: 18%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 10; text-align: center; color: #ffffff; }
.ban_txt p { margin-top: 30px; line-height: 2; }
.certificate { background: #f2f7f3; padding: 70px 0 60px; }
.cerlist a { display: block; width: 27%; padding: 2%; float: left; margin-left: 3.33%; margin-bottom: 5%; text-align: center; background: #fff; position: relative; }
.cerlist a:nth-child(3n+1) { margin-left: 0; }
.cerlist a span { display: block; color: #666666; margin-top: 2em; }
.cerlist a:hover .posterbg { display: block; }
.posterbg { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3) url(../images/scale.png) no-repeat center center/3em; z-index: 11; cursor: pointer; }
.cerlist .img { height: 200px; text-align: center; }
.cerlist .img { transition: -webkit-filter .4s, filter .4s; filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.cerlist .img img{width:auto;height: 100%;}
.cerlist img:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.table { width: 100%; overflow: auto; }
.table table { width: 100%; overflow: auto; }
.table table { width: 1440px; }
.table table tr { text-align: center; height: 50px; line-height: 52px; font-size: 16px; color: #000; border: 1px solid #eee; }
.table table tr td { border: 1px solid #eee }
.table table tr:first-child { background: #6fba2b; font-size: 22px; font-weight: bold; }
.table table tr:first-child td { color: #fff; }
.table table tr { border: 1px solid #eee; }
.table table tr:hover { background: #e3f0d8; color: #333; }
/*blog*/

.blog_txt { width: 44%; padding: 60px 40px 50px; background: rgba(141,197,63,0.8); color: #fff; right: 0; top: 50%; }
.blog_txt h3 { margin: 0.3em 0; }
.blog_txt a { display: block; width: 130px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #fff; font-size: 16px; color: #8dc63f; border-radius: 4px; background: #fff; margin-top: 25px; }
.blog_txt a:hover { background: none; color: #fff; }
.blog .about_txt { width: 65%; }
.bloglist dl { width: 48%; float: left; margin-bottom: 4%; }
.bloglist dl:nth-child(2n) { float: right }
.bloglist dl dd { position: relative; color: #fff; background: rgba(141,197,63,0.8); padding: 25px 30px 40px; margin-top: -60px; z-index: 10; }
.bloglist dl dd a { color: #fff; }
.bloglist dl dd h3 { margin: 15px 0 15px; }

/*zzh style start*/
.msgForm .usedComp{ width: 49%; float: left;margin-right: 1%; margin-top: 20px; }
.msgForm .xhl-form-text {clear:both;float:none;width:100%;padding-top:20px;}
.xhl-control-label{display:block;margin-bottom:5px; }
.xhl-controls{width:100%;}
.xhl-controls input{width:96%; padding: 12px; border: 1px solid #eee; box-sizing: border-box; background-color: #fff; }
.xhl-form-tip{color: #ff0000; vertical-align:middle;padding-left:3px;}
.xhl-form-text textarea{ width: 97%;height:100px; padding: 12px;border: 1px solid #eee; box-sizing: border-box;vertical-align:middle;}
.xhl-footer{margin-top:60px;text-align:center;}
.xhl-submit{display:inline-block; background-color: #8dc63f; color: #fff; border-radius: 50px; border: none; padding: 12px 60px; cursor:pointer;}
.footerForm .xhl_form{padding:0!important;}
.footerForm .usedComp{ width: 100%;margin-top: 0;margin-bottom:10px; }
.footerForm .xhl-form-text {clear:both;float:none;width:100%;}
.footerForm .xhl-control-label{font-size:14px;}
.footerForm .xhl-controls input,.footerForm .xhl-form-text textarea{width:94%;padding:5px;}
.footerForm .xhl-form-text textarea{height:60px;}
.footerForm .xhl-footer{margin:15px 0 0;text-align:left;}
.footerForm .xhl-submit{padding:7px 25px;font-size:14px;}
body .f-24{line-height:36px;}
body .f-24.ellipsis{white-space: inherit;text-overflow: inherit;}
@media only screen and (max-width:1800px) {
.ban2 .img { bottom: -40% }
.related .owl-prev, .related .owl-next { width: 50px; height: 50px; margin-top: -25px; }
.related .owl-prev { left: -50px; }
.related .owl-next { right: -50px; }
}
 @media only screen and (max-width:1660px) {
body .f-40 { font-size: 36px; }
body .f-50 { font-size: 44px; }
.ban2 .img { width: 48%; }
.contItem .font .top, .contItem .font h4, .contItem .font .f3 { margin-top: 40px; }
.contItem .font { padding-bottom: 40px; }
.contItem .font .f3 { line-height: 1.8; }
.contItem .font .f3 img { width: 1.8em; }
.infoBtn .item { width: auto; padding: 0 1em; }
.serviceBox .service1 { margin-top: 100px; }
.serviceBox .service2 { margin-bottom: 200px; }
.serviceBox .service1 .font h3, .serviceBox .service2 .font h3 { margin: 1em 0; }
}
 @media only screen and (max-width:1560px) {
.box2 { margin: 0 60px; }
.ban2 .cont { margin-left: 0; left: 60px; right: 60px; width: auto; }
.ban1 .font, .serviceBox .scrollDownBox { margin: 0; left: 60px; right: 60px; }
body .f-20 { font-size: 18px; }
body .f-24 { font-size: 22px; }
body .f-28 { font-size: 24px; }
body .f-30 { font-size: 26px; }
body .f-36, body .f-40 { font-size: 32px; }
body .f-50 { font-size: 36px; }
.indNewsBox, .indProductBox, .aboutbox2 { padding: 100px 0; }
.indNewsBox h2, .noFind h2, .aboutbox3 { margin-bottom: 100px; }
.indNews .item .font { left: 60px; }
.indProduct .item .num { font-size: 50px; }
.footer { padding: 80px 0; }
.footer .footerLogo { width: 300px; padding-top: 0.2em; }
.footer .footerMenu { margin-left: 50px; }
.aboutbox1 h3, .aboutdesc { padding: 60px; }
.contItem .font { overflow: hidden; min-width: 0; margin-left: 60px; float: none; }
.contItem.odd .font { float: none; }
.contItem.odd .font { margin: 0 60px 0 0; }
.infoBtn .item { margin-bottom: 1em; font-size: 14px; }
.serviceBox .service1 .font { width: auto; margin-right: 60px; float: none; overflow: hidden; }
.serviceBox .service2 .font { width: auto; margin-left: 60px; float: none; overflow: hidden; }
/*.serviceBox { padding-top: 400px; }*/
.serviceBox .service2 { margin-bottom: 200px; }
.specialArea3 { margin-top: 80px; }
.rd_display { margin-top: 100px; }
}
 @media only screen and (max-width:1440px) {
.header .logo { width: 260px; margin-top: 30px; }
.footer .footerLogo { width: 260px; }
.footer .footerMenu { margin-left: 40px; }
.indNewsBox, .indProductBox, .noFind, .aboutbox2, .title, .search { padding: 80px 0; }
.indNewsBox h2, .noFind h2, .specialArea2 { margin-bottom: 80px; }
.productInfo .section2 .font, .contactBtn, .rd_display { margin-top: 80px; }
.indProduct .flex-control-nav, .indNews .flex-control-nav { bottom: -40px; }
.proItem .price, .proItem .btn { float: none; }
.proItem .btn { margin-top: 1em; }
.trainingCourse { padding: 80px 0 190px 0; }
.specialList .item { margin-bottom: 50px; }
.specialList .item .img { margin-left: 2em; }
.specialList .item.odd .img { margin: 0 2em 0 0; }
}
 @media only screen and (max-width:1360px) {
body .f-16 { font-size: 14px; }
body .f-18, body .f-20 { font-size: 16px; }
body .f-24 { font-size: 18px; }
body .f-28 { font-size: 20px; }
body .f-30 { font-size: 22px; }
body .f-36, body .f-40 { font-size: 26px; }
body .f-50 { font-size: 28px; }
.indProduct2 .item .font { bottom: 1em; }
.indProduct .item .num { font-size: 40px; }
.noFind .noFindMenu { margin-left: 80px; }
.searchCenter .txt { width: 400px; }
.searchCenter { width: 500px; }
.touchUs .font { padding-top: 200px; }
.infoMenu a.item { padding: 0 1em; }
.infoBtn .item { margin-bottom: 1em; font-size: 12px; }
.search .searchCenter { width: 500px; }
/*.serviceBox { padding-top: 300px; }*/
.specialList .item .font h3 { margin-top: 1em; }
.specialArea2 .item:hover .font p { height: 9em; }
}
 @media only screen and (max-width:1280px) {
.header ul.mainMenu li > a { padding: 0 0.6em; }
.header .logo { overflow: hidden; width: 100px; }
.header .logo img { max-width: 100%; width: 260%; }
.footer .footerLogo{width:26%;}
.footer .footerMenu {width:14%;margin-left:3%;  }
.footer .footerMenu .sub a{font-size:12px;}
.footerForm{width:21%;}
.footer .footerForm input.txt{width:100%; box-sizing: border-box;}
.indProduct .item .font { padding-top: 2em; }
.indProduct .item .f2, .indProduct .item .f3 { margin-top: 2em; }
.indNewsBox, .indProductBox, .footer, .noFind, .about_txt, .aboutbox2, .title, .certificate, .productInfo .section5, .productInfo .section3, .search, .rd_display { padding: 60px 0; }
.productInfo .section4 { padding: 60px 0 50px 0; }
.productInfo h2 { margin: 60px 0; }
.proItem .w { margin: 0 1em; }
.productInfo .section2 .font, .contactBtn, .rd_display { margin-top: 60px; }
.productList { padding-top: 60px; margin: 60px -1em 0 -1em; }
.touchUs .formBox .w { margin: 60px; }
.philosophy { padding: 60px 0 120px 0 }
.indNewsBox h2, .noFind h2, .aboutbox3, .caseCont .contItem, .productInfo .section1 { margin-bottom: 60px; }
.page { padding-bottom: 60px; }
.indProduct2 .item:hover .font { bottom: 1em; }
.indNews .item .font { padding: 2em; }
.caseView a.item { height: 160px; }
.caseView a.item img { max-width: 1000%; min-width: 100%; min-height: 100%; }
.noFind .noFindMenu { margin-left: 60px; }
.searchCenter .txt { width: 270px; }
.searchCenter { width: 370px; }
.aboutbox1 h3, .aboutdesc, .blog_txt { padding: 40px; }
.blog_txt { width: 60%; }
.contItem .font .top, .contItem .font h4, .contItem .font .f3 { margin-top: 30px; }
.contItem .font { padding-bottom: 30px; }
.ban2 .cont .font { top: 10%; }
.ban2 .img { bottom: -32%; }
.search .searchCenter { width: 370px; }
.trainingCourse { padding-top: 60px; }
.specialArea2 .item:hover .font p { height: 6em; }
.specialArea3 { margin-top: 60px; }
.specialArea2 { margin-bottom: 60px; }
.aboutbox5 .about_text { float: none; overflow: hidden; width: auto; margin-top: 18%; }
.aboutbox5 .about_text .bar { display: none; }
.aboutbox5 .aboutimg { margin-right: 2em; }
.header ul.mainMenu li .subMenu { width: 200%; left: -50%; }
.about_text .bar{ display: none;}
}
 @media only screen and (max-width:1023px) {
.box2 { margin: 0 2em; }
.breadNav { padding: 1em 0; }
body { overflow-x: hidden; }
body .f-24 { font-size: 16px; }
body .f-28 { font-size: 18px; }
body .f-30 { font-size: 20px; }
body .f-36, body .f-40 { font-size: 22px; }
body .f-50 { font-size: 24px; }
.banner, .ban, .mt90 { margin-top: 48px; }
.header { height: 48px; }
.header .logo { width: 70px; margin-top: 12px; }
.mobileMenu { position: fixed; width: 20px; height: 19px; transition: 0.5s all; right: 1em; top: 14px; z-index: 9999999; }
.mobileMenu:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top: 2px solid #666; border-bottom: 2px solid #666; transition: 0.2s all; -webkit-transition: 0.2s all; }
.mobileMenu:after { content: ''; position: absolute; top: 8px; right: 0; left: 0; height: 2px; overflow: hidden; background: #666; transition: 0.2s all; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; }
.mobileMask { display: none; transition: 0.2s all; -webkit-transition: 0.2s all; position: fixed; z-index: 999998; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) }
.menuBox { position: fixed; right: -60%; width: 60%; background: #fff; top: 0; bottom: 0; overflow-y: auto; z-index: 999999; transition: 0.2s all; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; }
.open .mobileMenu::before { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate(-2px, 3px); transform: rotate3d(0, 0, 1, 45deg) translate(-2px, 3px); border-bottom: 0; top: 7px; left: 1px; right: 1px; }
.open .mobileMenu::after { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate(-2px, 2px); transform: rotate3d(0, 0, 1, -45deg) translate(-2px, 2px); top: 6px; left: 1px; right: 1px; }
.open .mobileMask { display: block; }
.open .menuBox { right: 0; }
.header .mainMenu, .header ul.mainMenu li, .header .logReg a, .header .headerSearch, .header .logReg { float: none; }
.header ul.mainMenu li > a { padding: 0 1em; line-height: 3; height: 3em; }
.header .logReg { padding-top: 0; }
.header .logReg a { padding: 0; margin: 0; padding-left: 1em; border: none; line-height: 3; height: 3em; }
.header .headerSearch { margin: 1em 1em 0 1em; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; }
.header .headerSearch .txt { position: static; display: block; overflow: hidden; }
.header .headerSearch .txt input { border: none; height: 2.4em; line-height: 2.4; }
.header .headerSearch .sub { float: right; width: 2.4em; background-position: center; height: 2.4em; line-height: 2.4; }
.header ul.mainMenu li .subMenu { display: block; position: static; width: auto; }
.header ul.mainMenu li .subMenu a { text-align: left; padding-left: 2em; height: 2em; line-height: 2; }
.copyright { padding: 1.5em 0; }
.copyright .share { float: none; }
.copyright .share a { margin: 0 1em 0 0; }
.copyright .font { float: none; margin-bottom: 1em; }
.indProduct .item .num { display: none; }
.indProduct .item .img { margin-left: 2em; }
.indProduct .item .f2, .indProduct .item .f3 { margin-top: 1em; }
.indProduct .item .font { padding-top: 0; }
.indNewsBox, .indProductBox, .footer, .noFind, .about_txt, .aboutbox2, .title, .infoContent, .productInfo .section5, .productInfo .section4, .msgForm, .productInfo .section3, .search, .trainingCourse, .specialArea1 .trainingCourse, .specialArea3, .rd_display { padding: 50px 0; }
.productList { padding-top: 50px; margin: 50px -1em 0 -1em; }
.philosophy { padding: 50px 0; }
.productInfo h2 { margin: 50px 0; }
.productInfo .section1 .imgbox {width:100%; float: none;margin:0 auto 2em;}
.productInfo .section1 .imgbox img{width:100%;}
.productInfo .section2 .font, .specialList .item .font .contactBtn, .specialArea3, .rd_display { margin-top: 30px; }
.touchUs { padding-bottom: 50px; }
.indNewsBox h2, .noFind h2, .aboutbox3, .contItem, .productInfo .section1, .productInfo .section5 .f1 { margin-bottom: 50px; }
.page { padding-bottom: 50px; }
.indProduct2 .item { width: 50%; }
.indNews .item .font { left: 2em; }
.indNews .item .font .f2 { margin: 1em 0; }
.noFind .noFindMenu { display: none; }
.about_txt { width: auto; }
.about_txt h3 { margin-bottom: 1em; }
.blog_txt { width: auto; position: static; }
.blogbox1, .contactBtn { margin-top: 50px; }
.contItem .font .top, .contItem .font h4, .contItem .font .f3 { margin-top: 1em; }
.contItem .font { padding-bottom: 1em; }
.contItem .font { margin-left: 2em; }
.contItem.odd .font { margin: 0 2em 0 0; }
.ban2 { padding: 50px 0; background: #8dc63f; }
.ban2 a > img { display: none; }
.ban2 .cont { margin: 0 2em; position: static; }
.ban2 .cont .font { position: static; }
.ban2 .cont .img { position: static; float: right; }
.infoContent .leftCont { width: auto; margin: 0 0 50px 0; float: none; }
.cerlist .img { height: 120px; }
.certificate { padding: 50px 0 0 0; }
.scrollDown { display: none; }
.touchUs .formBox { position: static; width: 100%; box-shadow: none; }
.touchUs .font { padding-top: 50px; margin-bottom: 50px; width: auto; }
.touchUs .formBox .w { margin: 0; padding: 50px 2em; }
.productMenu { padding: 1em 0; }
.productMenu .item a { margin: 0 1em 1em 1em; padding: 0 1em; font-size: 14px; }
.productMenu .item { width: auto; }
.productInfo .section1 .flex-direction-nav a { width: 60px; height: 60px; margin-top: -30px; }
.ban3 .font { position: static; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); width: auto; margin: 0 2em; color: #333; padding: 2em 0; }
.infoMenu a.item { line-height: 3; height: 3em; }
.productInfo .contItem { margin-bottom: 0; }
.related .owl-prev, .related .owl-next { width: 40px; height: 40px; margin-top: -20px; }
.related .owl-prev { left: 1em; }
.related .owl-next { right: 1em; }
.searchList .item .img { margin-right: 1em; }
.serviceBox .svBox { position: relative; width: auto; top: 0; right: 0; }
.serviceBox { padding-top: 0px; }
.serviceBox .svBox .flex-direction-nav a { width: 60px; height: 60px; margin-top: -30px; opacity: 0.6 }
.serviceBox .svBox .flex-direction-nav .flex-prev { left: 0; bottom: auto; top: 50%; }
.serviceBox .svBox .flex-direction-nav .flex-next { left: auto; right: 0; bottom: auto; top: 50%; }
.serviceBox .service1, .serviceBox .service2, .specialArea2 { margin-bottom: 50px; }
.serviceBox .service2 .img .pic3 { display: none; }
.serviceBox .service2 .img .pic1 { width: 70%; }
.serviceBox .service2 .img .pic2 { right: 0; left: auto; top: 62%; }
.ban1 .font { right: 2em; left: 2em; }
.serviceBox .service1 .font { margin-right: 2em; }
.serviceBox .service2 .font { margin-left: 2em; }
.specialArea2 {margin-top:0; } 
.specialArea2.owl-carousel .owl-wrapper-outer{padding-top:0;}
.specialArea2 .item {padding:0 10px;  }
.specialArea2 .item .img img{width:100%;}
.specialArea2 .item .font .w { padding: 2em; }
.specialArea2 .item .font { background: #8dc63f; position: static; min-height: 180px; }
.specialArea2 .item .font p { height: 6em }
.specialArea2 .item .font span { display: block; }
.aboutbox6 .about_txt { padding: 50px; } 
.footer .footerMenu{display: none;}
.footer .footerLogo{width:53%;}
.footer .footerLogo img{width:60%;}
.footerForm{width:36%; }
.title p{width:100%;}
.contItem .font .line{display: none;}
.rd_display li span{font-size:18px;}
.hotNews .item .img{width:16%;}
.proItem a.f-24{line-height:1.8;height:56px;}
}
 @media only screen and (max-width:768px) {
.breadNav { padding: 0.6em 0; }
.fb { font-weight: normal; }
.box2 { margin: 0 1em; }
body .f-30, body .f-36, body .f-40 { font-size: 18px; }
body .f-50 { font-size: 20px; }
.breadNav { font-size: 12px; }
.breadNav a, .breadNav .pic2 { margin-right: 0.6em; }
.breadNav .pic1 { width: 1em; margin: 0.3em 0.6em 0 0; } 
.page, .productInfo .section2 { padding-bottom: 2em; }
.indProduct .item .img, .indProduct2 .item, .indNews .item .img, .caseView a.item, .searchCenter { width: 100%; float: none; }
.indProduct .item .img { margin: 0 0 1em 0; }
.indNewsBox, .indProductBox, .footer, .noFind, .about_txt, .aboutbox2, .title, .ban2, .infoContent, .philosophy, .productInfo .section5, .productInfo .section4, .msgForm, .productInfo .section3, .search, .trainingCourse, .trainingCourse, .specialArea1 .trainingCourse, .specialArea3 { padding: 3em 0; }
.productList, .specialArea1 .trainingCourse .contactBtn { margin-top: 2em; }
.indNewsBox, .indProductBox { padding-bottom: 3em; }
.productInfo .section2 .font, .productInfo .section2 .img, .rd_display { margin-top: 2em; }
.productInfo h2, .related { margin: 1em 0; }
.indProduct2 .item .font .f2 { height: 3em; }
.indNewsBox h2, .noFind h2, .aboutbox3, .infoContent .leftCont, .infoContent .rightCont .ff, .productInfo .section5 .f1 { margin-bottom: 2em; }
.indNews .item .font { position: static; padding: 1em; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); width: auto; }
.noFind .img { width: 60%; float: none; text-align: center; margin: 0 auto; }
.searchCenter { margin-top: 2em; }
.searchCenter .searchBox1, .search .searchCenter { width: 290px; }
.searchCenter .txt { width: 192px; }
.searchCenter .popSearch { padding-left: 0; }
.aboutbox1 .aboutimg { width: auto; }
.aboutbox1 h3 { position: static; width: auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }
.about_text { position: static; width: auto; margin: 1em 0; }
.aboutbox3 .aboutimg { position: static; width: auto; }
.aboutdesc { width: auto; margin: 0; }
.aboutbox1 h3, .aboutdesc, .bloglist dl dd, .blog_txt { padding: 2em; }
.bloglist dl { margin-bottom: 1em; width: 100%; float: none; }
.bloglist dl dd { margin-top: 0; }
.blogbox1, .infoContent .fanye, .contactBtn, .specialArea3 { margin-top: 2em; }
.blog .about_txt { width: auto; }
.caseCont .contItem, .productInfo .section1, .specialArea2, .specialList .item, .aboutbox6 { margin-bottom: 2em; }
.aboutbox6 .about_txt { margin-top: 2em; }
.ban2 .cont .img { float: none; width: auto; margin-bottom: 1em; }
.ban2 { padding: 0; }
.ban2 .cont { margin: 0; }
.ban2 .cont .font { width: auto; padding: 0 1em 1em 1em; }
.ban2 .cont .font .f2, .contItem .font .f2 { margin-top: 1em; }
.title p { width: auto; margin-top: 1em; }
.contItem.odd .font, .contItem .font { margin: 0 1em 1em 1em; }
.contItem .img, .contItem.odd .img { width: auto; margin: 0; float: none; }
.cerlist a { width: 45%; margin: 0 0 1em 0; }
.cerlist a:nth-child(2n) { margin-left: 2%; }
.ban_txt { position: static; transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); width: auto; color: #333; padding: 2em 0; }
.ban_txt p, .specialList .item .font .contactBtn { margin-top: 1em; }
.certificate { padding: 2em 0 0 0; }
.touchUs { padding-bottom: 2em; }
.touchUs .formBox .w { padding: 2em 1em; }
.touchUs .formBox .sub, .touchUs .formBox .item { margin-top: 2em; }
.touchUs .font { padding-top: 2em; margin-bottom: 2em; }
#map { height: 300px; }
.proItem .w { margin: 0 0.5em; }
.productList .proItem { margin-bottom: 1em; width: 50%; }
.productList { margin: 2em -0.5em 0 -0.5em; padding-top: 2em; }
.proItem .btn { width: 121px; }
.proItem .btn a { width: 60px; font-size: 12px; }
.proItem .font { padding: 1em; }
.productInfo .section4 p { width: 100%; }
.productInfo .section5 .f1 { width: auto; }
.msgForm .top .item { width: 100%; margin-bottom: 1em; }
.msgForm .msgFormBg { padding: 1em; }
.productInfo .section3 .item { float: none; width: 100%; padding-bottom: 1em; }
.productInfo .section3 .item .w { margin: 0; }
.productInfo .section3 { padding-bottom: 1em; }
.productInfo .section3 .itemBox { margin: 0; }
.ban3 .font { margin: 0 1em; }
.related .owl-prev { left: 0.6em; }
.related .owl-next { right: 0.6em; }
.searchList .item { margin-bottom: 2em; padding-bottom: 2em; }
.searchList .item .img { width: auto; float: none; margin: 0; margin-bottom: 1em; }
.ban1 .font { position: static; transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); color: #000; padding: 2em 1em; }
.serviceBox .service1 .img { width: auto; margin-right: 0; float: none; }
.serviceBox .service1 .font, .serviceBox .service2 .font { margin: 0 1em; }
.serviceBox .service2 .img { width: auto; float: none; margin: 0 1em; }
.serviceBox .service2 .img .pic2 { display: none; }
.serviceBox .service2 .img .pic1 { width: 100%; }
.serviceBox .service1, .serviceBox .service2 { margin-bottom: 2em; }
.ban1 .font p, .trainingCourse p { width: auto; }
.specialList .item.odd .img, .specialList .item .img { width: auto; margin: 0; margin-bottom: 1em; float: none; }
.specialArea2 .item .font .w { padding: 1em; }
.specialArea2 .item .font h3{ font-size:14px;}
.specialList .item .font h3 { margin-bottom: 1em; padding-bottom: 1em; } 
.aboutbox4 .aboutimg { width: auto; }
.aboutimg1, .aboutbox4 .about_text .bar { display: none; }
.aboutbox4 .about_text { margin-top: 2em; }
.aboutbox6 .about_txt { padding: 1em; }
.aboutbox5 .aboutimg { float: none; margin-right: 0; width: auto; }
.aboutbox5 .about_text { margin-top: 2em; }
.aboutbox6 .aboutimg { width: auto; float: none; }
.aboutbox6 .about_txt { position: static; width: auto; }
.msgForm .usedComp{width:100%;margin-right:0;}
.msgForm .xhl-footer{margin-top:40px;text-align:center;padding:10px 50px;}
}
 @media only screen and (max-width:480px) {
.footer .footerLogo,.footerForm{width:100%;float: none;} 
.footerForm{margin-top:2em;}
.productList .proItem{width:100%;} 	
.rd_display li { width: 100%; } 
.caseView a.item span{text-align:center;}
.hotNews .item .img{width:20%;}
.hotNews .item .font .f2{font-size:12px;}
.page{padding:2em 0;}
.page a{width:30px;height:30px; line-height: 30px;}
.page a.prev, .page a.next { background-size: 100%; }
}