/*bodystart*/
html, body { position: relative; height: 100%; }
body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #666;}
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { width: 100%; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */justify-content: center; align-items: center; }
.swiper-slide img { width: 100%; }
/*font color*/
.zi-qianhui { color: #999999; }
.zi-danhui { color: #d8d8d8; }
.zi-hui { color: #666666 }
.zi-bai { color: #fff; }
.zi-lan { color: #0f61cd; }
.zi-qianlan { color: rgba(4,61,186,.3); }
.zi-hong { color: #de2938; }
.module-container { padding-top: 20px; padding-bottom: 20px; min-width: 1200px;}
.module-container-default {min-width: 1200px;}
.module-title-container {padding-top: 80px; padding-bottom: 40px; min-width: 1200px;}
.module-cont-container {padding-top: 0;padding-bottom: 80px; min-width: 1200px;}
.module-cont-padding-container {padding-top: 80px;padding-bottom: 80px; min-width: 1200px;}
.module-cont-padding-top-container {padding-top: 80px; min-width: 1200px;}
.clearfix::after ,.clearfix::before { content: ""; display: table;}
.clearfix::after { clear: both;}
.clearfix { *zoom: 1;}

/*fix-right-v2start*/
.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../images/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .download img { width: 90px; height: 90px; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #4ea71d; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #4ea71d; overflow: hidden; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }
/*fix-right-v2end*/

/*wrapstart*/
.wrap-module1{background: url(../images/mb/wrap/wrap1.jpg) center no-repeat;}
.wrap-module2{background: url(../images/mb/wrap/wrap2.jpg) center no-repeat;}
.wrap-module3{background: url(../images/mb/wrap/wrap3.jpg) center no-repeat;}
.wrap-module4{background: url(../images/mb/wrap/wrap4.jpg) center repeat-y fixed;}
.wrap-module5{background: url(../images/mb/wrap/wrap5.jpg) center repeat-y fixed;}
.wrap-module6{background: url(../images/mb/wrap/wrap6.jpg) center no-repeat;}
.wrap-module7{background: url(../images/mb/wrap/wrap7.jpg) center repeat-y fixed;}
.wrap-module8{background: url(../images/mb/wrap/wrap8.jpg) center repeat-y fixed;}
.wrap-module9{background: url(../images/mb/wrap/wrap9.jpg) center no-repeat;}
.wrap-module10{background: url(../images/mb/wrap/wrap10.jpg) center repeat-y fixed;}
.wrap-module11{background: url(../images/mb/wrap/wrap11.jpg) center no-repeat;}
.wrap-module12{background: url(../images/mb/wrap/wrap12.jpg) center no-repeat;}
.wrap-module13{background: url(../images/mb/wrap/wrap13.jpg) center no-repeat;}
.wrap-module14{background: url(../images/mb/wrap/wrap14.jpg) center no-repeat;}
.wrap-module15{background: url(../images/mb/wrap/wrap15.jpg) center no-repeat;}
.wrap-module16{background: url(../images/mb/wrap/wrap16.jpg) center repeat-y fixed;}
.wrap-module17{background: url(../images/mb/wrap/wrap17.jpg) center no-repeat;}
.wrap-module18{background: url(../images/mb/wrap/wrap18.jpg) center no-repeat;}
.wrap-module19{background: url(../images/mb/wrap/wrap19.jpg) center no-repeat;}
.wrap-module20{background: url(../images/mb/wrap/wrap20.jpg) center no-repeat;}
/*wrapend*/

/*bodyend*//*top03start*/
.headtop3 { width: 100%; height: 35px; line-height: 35px; background-color: #333333; font-size: 14px; }
.headtop3 .fl { color: #fff; }
.headtop3 .fr { color: #fff; padding: 0px 15px; font-size: 14px; text-align: center; transition: all .2s linear 0s; }
.headtop3 .fr div { display: inline-block; position: relative; top: 2px; margin-right: 5px; width: 16px; height: 16px; }
.headtop3 .frl { background: url(../images/city1.png) center/16px 16px no-repeat; }
.headtop3 .fr2 { background: url(../images/qyfz1.png) center/16px 16px no-repeat; }
.headtop3 .fr3 { background: url(../images/xml1.png) center/16px 16px no-repeat; }
.headtop3 .fr4 { background: url(../images/rtxx1.png) center/16px 16px no-repeat; }
.headtop3 .fr a { color: #fff; }
/*header*/
.header3 { width: 100%; height: 125px;}
.header3 .wrap { position: relative; display: flex; padding: 30px 0px; }
.header3 .wrap div { display: inline-block; }
.header3 .wrap .phone { display: flex; padding-top:10px; }
.header3 .wrap .phone .ph1 { font-size: 14px; color: #666666; line-height: 18px; margin-left: 10px; }
.header3 .phone .ph1 span { font-size: 24px; line-height: 24px; display: block; font-weight: bold; color: #198839; }
.header3 .phone img { height:40px }
.header3 .logo { flex: 1; float: none; display: flex !important; }
.header3 .logo div { display: block; }
.header3 .logo img {  margin-top: 0; }
.header3 .logo .logo-des { padding-left: 10px; padding-top: 5px; }
.header3 .logo .logo-des .logo-des-tit { font-size: 20px; line-height: 20px; font-weight: bold; color: #198839; }
.header3 .logo .logo-des .logo-des-cont { color: #666666; font-size: 14px; line-height:48px }
.nav3 { width: 100%; min-width: 1200px; height: 50px; border-top: 1px solid #e6e6e6;}
.nav3 ul { text-transform: uppercase; font-size: 0; display: flex; }
.nav3 ul li { display: inline-block; position: relative; font-size: 14px; text-align: center; background: url(../images/mb/top03/dian.png) right center no-repeat; transition: background-color .2s linear 0s; flex: 1; }
.nav3 ul li:last-child {background: none;}
.nav3 ul li a { display: block; color: #333; line-height: 50px;}
.nav3 ul li.active a, .nav3 ul li:hover a {color: #198839;}
.nav3 ul li.gbksub { cursor: pointer; margin-right: 0; }
.sub-menu { position: absolute; top:75px; width: 100%; visibility: hidden; opacity: 0; z-index: -1; display: flex; flex-direction: column; }
.nav3 ul li:hover .sub-menu { top:49px; visibility: visible; opacity: 1; z-index: 999; }
.sub-menu > li > a { background: #333; border-top: 1px solid #CCC;height:40px; font-size:12px; line-height:40px;border-color: rgba(255, 255, 255, 0.2);}
.sub-menu li:hover a,.sub-menu li.on a { background: #198839; }
.transition {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }
/*top03end*//*banner5start*/
.banner5 { font-family: Tw Cen MT, "微软雅黑"; }
.banner5 .order {position: absolute;height: 90px;top: calc(50% - 45px); right: 50px; z-index: 10;text-align: center;line-height: normal;}
.banner5 .order-current {font-size: 20px;color: #fff;}
.banner5 .order-current::after {content: ""; width: 19px; height: 2px; background: #fff; display: block; margin-top: 24px;}
.banner5 .order-total {color: rgba(255, 255, 255, 0.5);padding-top: 28px;}
.banner5 .swiper-container .swiper-pagination {bottom: 46px;}
.banner5 .swiper-pagination-bullet { width: 55px; height: 1px; background: rgba(255, 255, 255, 0.25); border: none; padding: 10px 0; background-clip: content-box; background-origin: content-box;opacity: 1;transition: all 0.2s ease-in; }
.banner5 .swiper-container .swiper-pagination .swiper-pagination-bullet {margin: 0;}
.banner5 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}
.banner5 .swiper-pagination-bullet:hover, .banner5 .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 72px;}
.banner5 .nav-btn {display: block; color: rgba(255, 255, 255, 0.7); font-size: 12px; letter-spacing: 3px; padding: 0 20px;transition: all 0.36s ease;cursor: pointer;position: absolute; bottom: 46px;z-index: 10;}
.banner5 .nav-btn:hover {color: #fff;}
/*banner5end*//*title01start*/
.title01 { text-align: center; background: url(../images/mb/product01/nav_logo4.png) center center no-repeat;}
.title01 .wrap { text-align: center; }
.title01 h2 { font-size: 26px; letter-spacing: 1px; margin-bottom: 14px;color: #333333; }
.title01 h3 { font-size: 14px; font-weight: normal;}
/*title01end*//*product06start*/
.product06 .wrap {text-align: center;}
.product06 .product_cont .wrap{height: 511px;display: flex;display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;justify-content: space-between;-ms-flex-pack: justify;}
.product06 .product_cont .title {width: 302px;display: inline-block;}
.product06 .product_cont .title p{padding: 40px 0px;line-height: 30px;color: #fff;background: #4fa71d;}
.product06 .product_cont .title p span{font-size: 27px;color: #fff;}
.product06 .product_cont .title .titlea{border: 10px solid #4fa71d;border-top: none;}
.product06 .product_cont .title a{text-align: center;padding: 12px 0px;display: block;line-height: 30px;border-bottom: 1px #999 dashed;font-size: 16px;width: 80%;margin: 0 auto;}
.product06 .product_cont .title a:hover{margin: 0 auto;color: #4fa71d;}
.product06 .product_cont .title a:last-child{border-bottom: none;}
.product06 .product_cont ul {display: flex;display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; width: 884px;}
.product06 .product_cont .pic{overflow: hidden; padding:0px; margin:0px;}
.product06 .product_cont ul img {width: 100%; transition: all 0.5s;overflow: hidden;}
.product06 .product_cont ul img:hover {transform: scale(1.1);}   
.product06 .product_cont ul a {display: inline-block; width:280px;}
.product06 .product_cont ul a + a {margin-left: 22px;}
.product06 .product_cont ul a:nth-of-type(3n+1){margin-left: 0px;}
.product06 .product_cont ul .tit {height: 45px; background: #fff; text-align: center; line-height: 45px;}
.product06 .product_cont a:hover .tit  {color: #4ea71d;transition: all 0.2s;}
/*product06end*//*about15start*/
.iabout15 { width: 100%; min-width: 1200px; background: #fafafa url(../images/mb/about15/bg2.jpg) center bottom no-repeat;padding-bottom: 126px;margin-bottom: 80px;}
.iabout15 .titWrap,.inewsWrap .titWrap { text-align: center; position: relative; padding-bottom: 50px;}
.inewsWrap .titWrap span { display: block; }
.iabout15 h2, .iabout15 h3 {font-weight: normal;}
.iabout15 .titWrap .cn{padding: 0 30px; background: #fafafa;position: relative; z-index: 66; font-size: 24px; line-height: 56px;color: #333;font-weight: normal;display: inline-block;}
.iabout15 .titWrap h3,.inewsWrap .titWrap p { color: #777; }
.iabout15 .titWrap i,.inewsWrap .titWrap i { position: absolute; z-index: 2; width: 100%; height: 1px; background: #e5e5e5; left: 0; top: 58px; }
.iabout15 .fl {float: left;}
.iabout15 .iaboutBox { width: 1184px; margin: 0 auto;padding: 7px 8px; background: #fff;-o-box-shadow: 0px 2px 8px rgba(0,0,0,.08); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,.08); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,.1); 
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.08); box-shadow: 0px 2px 8px rgba(0,0,0,.08);}
.iabout15 .iaboutBox .img {width: 569px; height: 299px; overflow:hidden; }
.iabout15 .iaboutBox .img img { width: 569px; height:299px; transition: all 0.3s; display: block;}
.iabout15 .iaboutBox:hover .img img{ transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s;}
.iabout15 .iaboutBox .fr{ width: 575px; padding-top: 46px; float: right;}
.iabout15 .iaboutBox .fr span { display: block; font-size: 24px; color: #333; line-height: 44px;}
.iabout15 .iaboutBox .fr p { line-height: 26px; color: #666; padding-right: 30px; padding-top: 15px; padding-bottom: 30px;}
.iabout15 .iaboutBox .fr a.more { display: block; width: 140px; height: 38px; border-radius: 19px; line-height: 38px; text-align: center; background: #4ea71d; color: #fff; }
.iabout15 .iaboutBox .fr a.more i { display: inline-block; width: 20px; height: 9px; background: url(../images/mb/about15/idot.png) no-repeat; margin-left: 6px;}
.iabout15 .iaboutBox .fr a.more:hover {background-color: #ffdd20;}
.iabout15 .titWrap .en {font-size: 40px;color: #333;line-height: 32px;}
/*about15end*//*customize05start*/
.customize05{min-width: 1200px;height:500px;background:url(../images/ys.jpg) top no-repeat;}
/*customize05end*//*news31start*/
.news31 .news-img {width: 325px;height: 198px;margin-top: 40px;}
.news31 .left {flex: 1; padding-top: 98px;}
.news31 .left .title-container {border-left: 2px solid #cccccc;padding-left: 13px;}
.news31 .left .en {font-size: 34px; line-height: 27px; color: #333;margin-bottom: 7px;}
.news31 .left .cn {font-size: 22px; color: #333;}
.news31 .left .swiper-buttons {margin-top: 340px;}
.news31 .left .swiper-buttons div {background-color: #333;width: 61px;height: 37px; text-align: center;padding: 14px 0 17px 0;box-sizing: border-box;cursor: pointer;}
.news31 .left .swiper-buttons .next {background-color: #4ea71d;}
.news31 .left .swiper-buttons div:hover {background-color: #ffdd20;}
.news31 .left .swiper-buttons img {width: 24px; height: 6px;}
.news31 .right {width: 1015px;}
.news31 .right .swiper-slide {padding-top: 68px; box-sizing: border-box; position: relative;text-align: unset;}
.news31 .right .swiper-slide::before { content: ""; width: 1px; height: 100%; background-color: #f0f0f0; position: absolute; top: 0; left: 15px; z-index: 1; }
.news31 .right .more { display: block; width: 71px; line-height: 28px; box-sizing: border-box; border: 1px solid #e5e5e5; text-align: center; font-size: 14px;position: relative;left: 29px; }
.news31 .right .more:hover {background-color: #4ea71d; border-color: #4ea71d;color: #fff;position: relative;z-index: 2;}
.news31 .right .news-content {padding:30px 0 0 15px;}
.news31 .right .news-content-wrap {padding-left: 15px;}
.news31 .right .news-content .date {font-size: 12px;color: #9d9d9d;}
.news31 .right .news-content .day {font-size: 48px; color: #333; font-weight: bold; line-height: 48px;}
.news31 .right .news-content h4 {font-size: 16px; color: #333; margin-top: 15px; margin-bottom: 7px;}
.news31 .right .news-content h4:hover {color: #4ea71d;}
.news31 .right .news-content p {padding: 0;font-size: 14px;}
/*news31end*//*other02start*/
.other02 {height: 64px; line-height: 64px; border-bottom: 1px solid #163b5f; }
.other02 .wrap { color: #666;  line-height: 64px;}
.other02 .wrap a { color: #4ea71d; margin: 0 5px; }
.other02 img{width: 90px;height: 33px;}
/*other02end*//*foot08start*/
.foot08 {background: #1d1d1d; padding-top: 60px;padding-bottom: 38px;}
.foot08 h2 {color: #e1e1e1;font-size: 14px;font-weight: normal;position: relative;}
.foot08 h2::before { content: ""; display: inline-block; width: 8px; height: 8px; background: #4ea71d; position: absolute; top: 12px; left: -23px; }
.foot08 li, .foot08 li span, .foot08 li a {line-height: 34px;color: #bababa;}
.foot08 .foot-nav ul {flex-wrap: wrap;width: 205px;}
.foot08 .foot-nav ul li {margin-right: 45px;}
.foot08 .foot-nav ul li a:hover {color: #4ea71d;}
.foot08 .site {width: 490px;}
.foot08 .copyright img {position: relative; top: 5px;}
.foot08 .copyright span + span {display: inline-block;margin-right: 40px;}
/*foot08end*/