.content-wrap{width:100%;background:#f2f4f4;padding-bottom:85px}
.problem-content{width:1280px;margin:0 auto}
.left-nav{float:left}
.problem-logo{width:230px;height:118px;overflow:hidden;background:#0bb78e}
.problem-logo img{width:100%}
.problem-item{margin-top:3px;font-size:16px;color:#484848;width:230px;background:#f8f8f8;user-select:none}
.lft-nav .icon-jiantouyou{display:block;color:#d2d1d1}
.lft-nav.active-fontnav .icon-jiantouyou{color:#2fc7a0;display:block}
.lft-nav{color:#484848}
.lft-nav.active-fontnav{color:#2fc7a0}
.arrow-right{width:12px;height:12px;display:inline-block;float:right;margin-right:18px}
.arrow-right img{width:100%}
.lft-nav .top-qustion-tit{padding-left:30px;line-height:60px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;width:200px;overflow:hidden;position:relative}
.lft-nav .top-qustion-tit .qu_ico{position:absolute;right:15px;top:22px}
.problem-item li:last-child{border-bottom:none}
.lft-nav.active-fontnav .u-qustion-open{display:block}
.lft-nav .u-qustion-open{background:#f8f8f8;padding-left:0;width:100%;font-size:14px;color:#484848;display:none}
.u-qustion-open div{line-height:60px;text-indent:30px;cursor:pointer;position:relative}
.u-qustion-open div.on{color:#0bb78e}
.u-qustion-open div.on img{display:block}
.u-qustion-open div .qu_ico{position:absolute;right:15px;top:22px;display:none}
.active-font-left{color:#2fc7a0;background:url(../img/arrow-right-active.png) right 20px top 26px no-repeat;background-size:12px}
.right-content{float:left;height:100%}
.ul-box ul li{width:1036px;margin-left:12px;margin-top:10px;background:#fff}
.ul-box ul li:first-child{margin-top:0}
.ul-box ul li.cur .layouts{color:#2fc7a0}
.problem-num{color:#d6d6d6}
.problem-item-title{color:#616161;width:876px;white-space:nowrap;overflow:hidden}
.right-content-item .layouts{float:left;font-size:16px;margin-left:40px}
.option-item{width:1036px;line-height:70px;height:70px;background:#fff;cursor:pointer;user-select:none}
.arrow-icon{width:16px;height:16px;display:inline-block;float:right;margin-right:32px}
.arrow-icon img{width:100%}
.ul-box ul li .down{display:none}
.ul-box ul li .up{display:none}
.open-content{width:1036px;background:#f0f2f2;display:none}
.panda-logo{float:left;margin:15px;width:80px;height:80px;border-radius:50%;background:#fff;overflow:hidden}
.panda-logo img{width:100%;margin-top:10px}
.open-content-wrapen{float:left;width:890px;line-height:25px;color:#898585;font-size:14px;letter-spacing:2px;margin:30px 5px}
.show{display:block}
.hide{display:none}
.active-font{color:#2fc7a0}
.clear_float{clear:both}
.middle{background:#f2f4f4;padding-bottom:60px}
.products-style{height:62px;width:100%;text-align:center;background-color:#f2f4f4;border-top:1px solid #e3e3e3}
.products-style ul{height:62px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.products-style ul li{height:60px;line-height:60px;font-size:16px;color:#626363;margin:0 30px;padding:0 8px;display:inline-block}
.products-style ul li a{color:#626363}
.products-style ul li:hover a{opacity:.8;cursor:pointer;color:#2fc7a0}
.products-style ul li.active-style{color:#2fc7a0;border-bottom:2px solid #2fc7a0}
.products-style ul li.active-style a{color:#2fc7a0}
.products-box{min-width:1280px;max-width:1312px;margin:0 auto;padding:10px 30px 25px;background-color:#f2f4f4}
.product-wrap{min-width:1280px;margin:0 auto}
.product-item{float:left;width:25%;box-sizing:border-box;overflow:hidden;margin-bottom:32px;padding:0 16px;}
.product-item a { position:relative; display: block; width: 100%; height: 0; padding-bottom: 73.31%; background-repeat: no-repeat; background-position: center; background-size: 100%; transition: all .3s; }
.product-item a:hover { background-size: 110%; }
.product-item img {display: none;}
.product-item:hover .mask-products{display:block}
.product-item img{width:100%}
.mask-products{width:100%;height:100%;background-color:#43cca9;background-color:rgba(67,204,169,.86);position:absolute;top:0;left:0;color:#fff;text-align:center;display:none}
.mask-title{padding-top:15%;font-size:26px}
.msk-l{font-size:18px;vertical-align:10px}
.mas-tit-na{width:176px;height:35px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-mask p{font-size:16px;font-weight:700;margin-top:5%}
.mask-btn{margin:0 48px;height:42px;background:#fff;color:#464646;font-size:17px;text-align:center;line-height:42px;margin-top:14%;letter-spacing:2px}
.rank{min-width:1280px}
.rank img{width:100%}
.rank-text-content{width:1280px;margin:0 auto;padding-top:88px}
.rank-text-content-title p{font-size:24px;color:#2fc7a0;text-align:center}
.rank-text-content-text{margin-top:38px}
.rank-text-content-text p{font-size:14px;color:#989898;text-align:center;line-height:36px}
.middle-content{background:#f2f4f4}
.baner-2013{position:relative}
.baner-2013-text{width:1280px;padding-top:96px;margin:0 auto;vertical-align:bottom}
.baner-2013-text-box{width:560px;height:178px;margin-left:80px}
.baner-2013-text-num{width:218px;font-size:20px;color:#fff;margin-top:-12px;float:left}
.baner-2013-text-num-year img{width:158px;height:60px}
.baner-2013-text-num span:nth-child(1){float:left}
.baner-2013-text-num span:nth-child(2){float:left;margin-top:30px;margin-left:6px}
.baner-2013-text-set{font-size:38px;color:#fff}
.baner-2013-text-cont{float:left;margin-top:54px}
.baner-2013-text-cont p{font-size:16px;color:#fff}
.case-wrappen{margin:60px 0;position:relative}
.service-object{width:1280px;position:absolute;top:-270px;left:50%;margin-left:-640px}
.service-object img{width:100%}
.case-title{margin:60px 0;padding-top:178px}
.case-nav{width:1280px;margin:0 auto}
.nav-title{float:right}
.swiper-box{width:1280px;height:700px;overflow:hidden}
.swiper-box img{width:100%}
.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:246px;height:140px;background:#fff;border-bottom:1px solid #f2f4f4;cursor:pointer}
.nav-item.active-item{background:#fafbfb;border-right:2px solid #2fc7a0}
.nav-item .font-eng{font-size:60px;font-family:Centaur;color:#d9d9d9;width:100%;overflow:hidden;white-space:nowrap;display:block}
.nav-item .font-zh{font-size:18px;color:#757575;width:100%;overflow:hidden;white-space:nowrap;display:block}
.nav-item .font-des{font-size:14px;color:#d9d9d9;width:100%;overflow:hidden;white-space:nowrap;display:block}
.nav-item.active-item .font-eng{color:#2fc7a0;overflow:hidden;white-space:nowrap}
.nav-item.active-item .font-zh{color:#2fc7a0;overflow:hidden;white-space:nowrap}
.nav-item.active-item .font-des{color:#2fc7a0;overflow:hidden;white-space:nowrap}
.our-service{background:url(../img/static-img/case-service-bg.png) no-repeat;min-width:1280px;height:850px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.case-service-wrap{width:1280px;margin:0 auto;padding-top:156px}
.case-service-title{color:#2fc7a0;font-size:28px}
.case-service-text{font-size:16px;color:#989898;margin-top:44px}
.case-service-text p{height:36px}
.case-service-text2{margin-top:32px}
.case-service-icon{margin-top:78px}
.contact-us{width:172px;height:44px;background:#2fc7a0;margin:46px auto;border-radius:25px}
.contact-us p{text-align:center;line-height:44px;font-size:16px;color:#fff}
.service-promise-title-des{margin-top:24px;text-align:center;font-size:20px;color:#bfbebe}
.service-class{width:1280px;margin:0 auto;margin-top:82px}
.service-class-left{float:left;margin-top:92px}
.up-num{float:left}
.down-icon{margin-left:40px;margin-top:38px;float:left}
.state-iocn{display:inline-block;margin-right: 42px;width:92px;text-align:center;cursor:pointer;vertical-align: top;}
.state-iocn span{margin-top:10px;width:59px;text-align:center;font-size:14px;color:#666}
.service-class-left-num{float:left}
.text-class-left{float:left;margin-top:50px;margin-left:30px}
.text-class-left1{font-size:30px;color:#434343}
.text-class-left2{font-size:18px;color:#a9a9a9}
.service-class-right{float:right}
.service-class-right-nav{margin-top:84px;display:flex;flex-direction:column}
.caosini{width:130px;height:40px;border:1px solid #f0f5f4;text-align:center;line-height:40px;border-radius:30px;color:#434343;font-size:16px;margin:10px 0;margin-left:16px;cursor:pointer;display:inline-block;background:#fff}
@font-face{font-family:HelveticalNeueLTPro ThEx;src:url(../font/HelveticaNeueLTPro-ThEx.otf)}
.service-class-right-num{font-size:22px;color:#2fc7a0;height:40px;line-height:40px;font-family:HelveticalNeueLTPro ThEx}
.current-nav.caosini{background:#2fc7a0;color:#fff}
.current-nav .service-class-right-num{color:#fff}
.middle-ser-intro{min-width:1280px}
.middle-ser-intro img{width:100%}
.promise{height:940px;background:url(../img/static-img/service-promise.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.panda{min-width:1280px;height:457px;background:url(../img/static-img/service-panda.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.call-me{height:604px;background:url(../img/static-img/call.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.bottom-nav{width:100%;height:460px;background:#f2f4f4;position:relative}
.mask-click{width:100%;height:100%;background:#fff000;z-index:-1;position:absolute;top:0;left:0}
.repair-wrappen{width:1280px;margin:0 auto;position:relative}
.wrap-content{height:460px;text-align:center}
.wrap-content li{text-align:center;margin:46px 30px;cursor:pointer;z-index:103;display:inline-block;text-align:center;width:150px}
.wrap-content li.current-active .service-repaire-arrow{display:block}
.repair-icon{width:90px;height:90px;border-radius:50%;background:#fff;margin:0 auto;margin-top:60px}
.wrap-content li.current-active .gray-icon{display:none}
.wrap-content li.current-active .green-icon{display:block}
.gray-icon{display:block}
.green-icon{display:none}
.des-name{font-size:16px;font-weight:700;color:#535454;height:30px;line-height:30px;text-align:center;margin-top:9px;display:block}
.eng-name{font-size:14px;color:#b2b2b2}
.active-repair{background:#2fc7a0}
.pop-repair{width:1280px;padding:70px 0;border-radius:20px;background:#fff;background:rgba(255,255,255,.85);z-index:104;position:absolute;bottom:420px;left:0;display:flex;align-items:center}
.state1{display:none;z-index:103}
.service-repaire-arrow1{position:absolute;bottom:-17px;left:69px;display:block}
.state2{display:none;z-index:103}
.service-repaire-arrow2{position:absolute;bottom:-17px;left:283px;display:block}
.state3{display:none;z-index:103}
.service-repaire-arrow3{position:absolute;bottom:-17px;left:495px;display:block}
.state4{display:none;z-index:103}
.service-repaire-arrow4{position:absolute;bottom:-17px;left:708px;display:block}
.state5{display:none;z-index:103}
.service-repaire-arrow5{position:absolute;bottom:-17px;left:921px;display:block}
.state6{display:none;z-index:103}
.service-repaire-arrow6{position:absolute;bottom:-17px;left:1135px;display:block}
.pop-repair-icon{width:90px;height:90px;border-radius:50%;background:#fff;margin-left:50px;float:left}
.line-repair{float:left;border-right:1px solid #ededed;height:40px;margin:0 50px}
.pop-repair-text{width:960px;height:100%;float:left}
.content-text{color:#969696;line-height:32px;font-size:14px}
.laout-c{min-width:1280px}
.laout-c img{width:100%}
.want_buy{position:relative;min-width:1280px;height:502px;background:url(../img/static-img/contact-us-01buy.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.buy-text-title{font-size:30px;color:#434343;text-align:center;padding-top:99px}
.buy-text-title.animated{-webkit-animation-delay:.2s;animation-delay:.2s}
.buy-text-content.animated{-webkit-animation-delay:.6s;animation-delay:.6s}
.im-buy.animated{-webkit-animation-delay:.9s;animation-delay:.9s}
.jion-title-box-title{-webkit-animation-delay:.2s;animation-delay:.2s}
.jion-title-box-content{-webkit-animation-delay:.6s;animation-delay:.6s}
.join-store-title{-webkit-animation-delay:.4s;animation-delay:.4s}
.join-store-content{-webkit-animation-delay:.6s;animation-delay:.6s}
.join-store-content1{-webkit-animation-delay:.8s;animation-delay:.8s}
.join-store-content2{-webkit-animation-delay:1s;animation-delay:1s}
.join-store-content3{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.buy-text-content{text-align:center;font-size:16px;color:#bab9b9;margin-top:22px;line-height:30px}
.contact-btn{width:210px;height:50px;line-height:50px;background:#2fc7a0;border-radius:4px;color:#fff;font-size:18px;text-align:center}
.im-buy{position:absolute;top:50%;left:50%;margin-left:-105px;margin-top:60px}
.write-advice{position:relative;min-width:1280px;height:799px;background:url(../img/static-img/contact-us-02sugest.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.write-advice-title{text-align:left;font-size:28px;color:#fff;padding-top:260px;padding-left:50px}
.write-advice-content{text-align:left;color:#fff;font-size:16px;margin-top:24px;padding-left:50px}
.write-advice-content p{margin-top:12px}
.postion-advice{width:50%;position:relative;top:6%;left:calc(50px);height:50px;float:left;}
/*@media (max-width:1366px){*/
  /*.postion-advice{width:1280px;position:relative;top:6%;left:calc(50% - 604px);height:50px}*/
/*}*/
.advice{position:absolute}
.jion-wrap{position:relative;min-width:1280px}
.jion-title-box{height:274px;background:url(../img/static-img/contact-us-03joinqy.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.jion-post-box{height:684px;background:url(../img/static-img/contact-us-04post.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.jion-title-box-title{font-size:30px;color:#434343;text-align:center;padding-top:46px}
.jion-title-box-content{text-align:center;font-size:16px;color:#bab9b9;margin-top:26px}
.jion-title-box-content p{margin-top:12px}
.post{position:absolute;margin-top:76px;top:50%;right:27%}
.jion-post-box-content{
  font-size:28px;
  color:rgba(255,255,255,.86);
  position:absolute;
  margin-top:76px;
  top:39%;
  right:21.5%;
  line-height:42px;
}
.encontactIndex{width:35%;top:11%}
.join-store{position:relative;min-width:1280px;height:800px;background:url(../img/static-img/contact-us-05store.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.join-store-title{font-size:30px;color:#fff;text-align:center;padding-top:128px}
.join-store-content{text-align:center;font-size:16px;color:#fff;margin-top:50px}
.join-store-content p{margin-top:16px}
.store{position:absolute;top:70%;left:50%;margin-left:-105px}
.roject-coop{min-width:1280px;height:800px;background:url(../img/static-img/contact-us-06project.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.roject-coop-title{text-align:left;font-size:28px;color:#fff;padding-top:225px;padding-left:36px}
.roject-coop-content{text-align:left;color:#fff;font-size:16px;margin-top:24px;padding-left:34px}
.roject-coop-content p{margin-top:14px}
.media-coop{min-width:1280px;height:800px;background:url(../img/static-img/contact-us-07media.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.media-coop-text{width:1280px;margin:0 auto}
.media-coop-title{font-size:30px;color:#434343;padding-top:120px;text-align:center}
.media-coop-content{font-size:15px;color:#757575;margin-top:20px;text-align:center}
.media-coop-content p{margin-top:12px}
.main-content{background:#f2f4f4}
.intro-text{min-width:1280px;height:449px;background:#fff}
.intro-text-con{width:1280px;margin:0 auto;padding-top:94px}
.left-intro-text{float:left}
.right-intro-text{width:612px;float:right;margin-right:24px;margin-top:-5px}
.buliding-intro-box{position:relative;z-index:99}
.buliding-intro{min-width:1280px;height:975px;background:url(../img/static-img/qy-intro-bg.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.buliding-intro-content{width:1280px;margin:0 auto}
.buliding-intro-content-mid{padding-top:112px;text-align:center}
.buliding-intro-content-mid-tit{font-size:32px;color:#fff}
.buliding-intro-content-mid-tit p{line-height:48px}
.buliding-intro-content-mid-tet{margin-top:28px;font-size:18px;color:#fff}
.buliding-intro-content-mid-tet p{line-height:40px}
.buliding-intro-content-rig{margin-top:202px;margin-left:730px}
.buliding-intro-content-rig-tit{font-size:24px;color:#fff}
.buliding-intro-content-rig-tet{margin-top:22px;font-size:15px;color:#fff}
.buliding-intro-content-rig-tet p{line-height:36px}
.intro-wrap{min-width:1280px}
.left-spance{width:320px;float:left;height:556px;background:#fff}
.build-warp{width:1280px;margin:0 auto}
.right-spance{width:320px;background:#f2f4f4}
.lef-build{width:640px;z-index:998;overflow:hidden;float:left;position:absolute;bottom:0}
.lef-build img{width:100%}
.first-lef img{width:100%}
.secound-lef img{width:100%}
.rig-build{width:640px;overflow:hidden;float:right}
.rig-build img{width:100%}
.clear_float{clear:both}
.last-adver{width:1280px;margin:0 auto}
.adver-left{width:640px;float:left;overflow:hidden}
.adver-left img{width:100%}
.adver-right{width:640px;float:right;overflow:hidden}
.adver-right img{width:100%}
.middle-warrpen{min-width:1280px;margin:0 auto;user-select:none}
.first-wrap{min-width:1280px}
.company-mission{width:50%;float:left;height:309px;background:url(../img/static-img/culture01.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.company-mission-bg{float:right;width:50%;height:393px;background:url(../img/static-img/culture02.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.company-hope-bg{width:50%;float:left;height:409px;background:url(../img/static-img/culture03.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.company-hope{width:50%;float:right;height:325px;background:url(../img/static-img/culture04.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.clear_float{clear:both}
.second-warrpen{min-width:1280px}
.qy-mind{width:50%;float:left;height:444px;background:url(../img/static-img/culture005.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.qy-mind006{width:50%;float:left;height:444px;background:url(../img/static-img/culture05.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.qy-mind-bg{width:50%;float:right;height:444px;background:url(../img/static-img/culture06.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.qy-mind-bg006{width:50%;float:left;height:444px;background:url(../img/static-img/culture006.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.bg-culture{position:relative;min-width:1280px;height:605px;background:url(../img/static-img/bg-cultrue.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:left}
.mission-box{width:100%;height:321px;position:absolute;top:0;right:0}
.mission{width:50%;float:left;height:321px;background:url(../img/static-img/culture07.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right}
.suit-wrap{width:1280px;margin:auto;background:#fff;margin-bottom:60px;padding-bottom:50px}
.first-choose{text-align:center}
.question-answer{font-size:16px;color:#434343;margin-top:40px}
.question-title{font-size:28px;color:#434343;margin-top:25px}
.question-choose-nav{text-align:center;margin-top:40px}
.question-choose-nav .box{width:210px;overflow:hidden;margin:0 38px;position:relative;display:inline-block}
.question-choose-nav .box .checkbox{position:absolute;left:0;top:0;border:5px solid #0bb78e;width:200px;height:276px;display:none}
.question-choose-nav .box .checkbox .yes{position:absolute;left:0;bottom:0;width:100%;height:46px;line-height:46px;text-align:center;overflow:hidden;color:#fff;font-size:22px;background-color:#0bb78e;background-color:rgba(11,183,142,.8)}
.question-choose-nav .box .img{height:286px;width:100%;overflow:hidden}
.question-choose-nav .box .img img{width:100%}
.question-choose-nav .box .txt{color:#434343;font-size:18px;line-height:70px}
.btn-wrapp{text-align:center;margin-top:40px}
.suit-btn{width:168px;height:48px;line-height:50px;text-align:center;background:#0dad84;border-radius:5px;color:#fff;font-size:16px;margin:0 14px;display:inline-block}
.suit-btn.pre-btn{background-color:#d4d4d4}
#questionbox2 .question-choose-nav .box{margin:0 10px}
#questionbox3 .question-choose-nav .box{margin:0 10px}
#questionbox4 .question-choose-nav .box{width:630px;margin:0 5px}
#questionbox4 .question-choose-nav .box .img{height:420px}
.question-choose-nav .box .lookimg{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#0bb78e;background-color:rgba(11,183,142,.7);display:none}
.question-choose-nav .box .lookimg .tits{color:#fff;font-size:30px;text-align:center;margin-top:150px}
.question-choose-nav .box .lookimg .looks{width:240px;height:46px;line-height:46px;text-align:center;color:#464646;font-size:18px;background-color:#fff;margin:auto;margin-top:42px}
#questionbox4 .question-choose-nav .box:hover .lookimg{display:block}
.green-product-text1{width:1280px;height:800px;margin:0 auto}
.green-product-text1-title{font-size:46px;color:#434343;padding-top:176px;margin-left:730px}
.green-product-text1-content{width:548px;margin-top:64px;margin-left:730px}
.green-product-text1-content p{font-size:16px;color:#969696;line-height:26px}
.green-product-text1-num{font-size:18px;color:#434343;margin-top:78px;margin-left:730px}
.green-product-text1-num div{float:left}
.mid-line{border-right:1px solid #ebebeb;height:34px;margin:10px 24px}
.spcs-num{font-size:40px;color:#2fc7a0}
.green-product-text2{width:1280px;height:800px;margin:0 auto}
.green-product-text2-title{font-size:46px;color:#fff;padding-top:176px}
.green-product-text2-content{width:548px;margin-top:64px}
.green-product-text2-content p{font-size:16px;color:#fff;line-height:26px}
.green-product-text2-num{font-size:18px;color:#fff;margin-top:78px}
.green-product-text4{width:1280px;height:800px;margin:0 auto}
.green-product-text4-title{text-align:center;font-size:46px;color:#fff;padding-top:235px}
.green-product-text4-content{text-align:center;margin-top:40px}
.green-product-text4-content p{text-align:center;font-size:18px;color:#fff;line-height:38px}
.green-product-text4-num{font-size:18px;color:#fff;margin-top:26px}
.green-product-text5{width:1280px;height:800px;margin:0 auto}
.green-product-text5-title{font-size:46px;color:#434343;padding-top:164px}
.green-product-text5-content{width:548px;margin-top:64px}
.green-product-text5-content p{font-size:16px;color:#969696;line-height:26px}
.green-product-text5-num{font-size:18px;color:#434343;margin-top:78px}
.green-product-text5-num div{float:left}
.brand-container{min-width:1280px;height:786px;background:url(../img/static-img/brandidea-banner.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.brand-text{width:1280px;margin:0 auto}
.brand-eng-tit{font-size:42px;color:#0bb78e;padding-top:146px}
.brand-zh-tit{font-size:24px;color:#515151;margin-top:32px}
.brand-cut-off{width:38px;height:3px;background:#b3b2b26e;margin:32px 0}
.brand-content-text{font-size:18px;color:#404040;width:650px;line-height:42px}
.public_tab_case{width:100%;padding:0 0 55px}
.public_tab_case .tab_items{width:1280px;margin:auto;text-align:center}
.public_tab_case .tab_items a{padding:7px 30px;color:#434343;font-size:16px;margin:0 32px}
.public_tab_case .tab_items a:hover{color:#2fc7a0;border-radius:18px;cursor:pointer}
.public_tab_case .tab_items a.on{background-color:#2fc7a0;color:#fff;border-radius:30px}
.news_hover_ani{animation:news_hover_ani .5s linear 0s 1;-webkit-animation:news_hover_ani .5s linear 0s 1;-o-animation:news_hover_ani .5s linear 0s 1;-moz-animation:news_hover_ani .5s linear 0s 1}
@-webkit-keyframes news_hover_ani {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-moz-keyframes news_hover_ani {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-o-keyframes news_hover_ani {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes news_hover_ani {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}


.bg-light {
  background-color: #f0f2f2;
}
/*底部*/
.footer {
  padding: 30px 0;
  color: #333;
  border-top: 1px solid #ddd;
  /*color: #fff;*/
  /*background-color: #2f353b;*/
}
.footer a {
  color: #333;
  /*color: #fff;*/
}
.container {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.footer .bd {
  float: left;
}
.footer .copyright {
  padding-bottom: 10px;
  /*border-bottom: 1px solid #444;*/
}
.footer #sitecopy a {
  display: none;
}
.footer .links {
  margin-top: 20px;
}
.footer .links a:hover {
  color: #2fc7a0;
}
.footer .links > ul > li {
  float: left;
  margin-right: 100px;
}
.footer .links > ul > li > a {
  font-size: 16px;
}
.footer .links ul ul li {
  margin-top: 10px;
}
.footer .qrcode {
  float: right;
  width: 130px;
  padding-top: 30px;
  text-align: center;
}
.footer .qrcode img {
  width: 100%;
  margin-bottom: 5px;
}

.bg-light {
  background-color: #f2f4f4;
}

.banner-page {
  height: 320px;
  background: url(../img/banner.jpg) center no-repeat;
}

.banner-slider {
  position: relative;
}
.banner-slider .public_tab_pro {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.pagination {
  margin: 40px 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
  margin: 0 2px;
}
.pagination li a {
  display: inline-block;
  padding: 6px 15px;
  border: 1px solid #ddd;
}
.pagination li.active a,
.pagination li a:hover {
  color: #fff;
  background-color: #1184DA;
  border-color: #1184DA;
}


.anti_box.product .bd {
  width: 100%;
  height: 714px;
}
.anti_box.product .bd .slide_li {
  display: block;
  overflow: hidden;
  height: 714px;
  position: relative;
}
.anti_box.product .bd .slide_li img {
  width: 100%;
}
.anti_box.product .sPrev {
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  top: 325px;
  left: 5px;
  background: url(../img/time_prev.png) no-repeat center center;
  background-size: 64px;
}
.anti_box.product .sNext {
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  top: 325px;
  right: 5px;
  background: url(../img/time_next.png) no-repeat center center;
  background-size: 64px;
}
.anti_box.product .sPrev:hover {
  background: url(../img/time_prevon.png) no-repeat center center;
  background-size: 64px;
}
.anti_box.product .sNext:hover {
  background: url(../img/time_nexton.png) no-repeat center center;
  background-size: 64px;
}
.public_tab_pro {
  width: 100%;
  height: 74px;
  background-color: #ddd;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0px;
  /*bottom: 0px;*/
  z-index: 2;
}
.public_tab_pro .tab_items {
  width: 1280px;
  margin: auto;
  text-align: center;
}
.public_tab_pro .tab_items a {
  width: 128px;
  color: #fff;
  font-size: 16px;
  display: block;
  line-height: 74px;
  position: relative;
  float: left;
  text-align: center;
  height: 74px;
  box-sizing: border-box;
}
.public_tab_pro .tab_items a .ico {
  width: 100%;
  height: 10px;
  background: url(../img/type_on_img.png) no-repeat top center;
  display: none;
  position: absolute;
  bottom: -9px;
  z-index: 3;
  left: 0px;
}
.public_tab_pro .tab_items a.on {
  background-color: #2fc7a0;
}
.public_tab_pro .tab_items a.on .ico {
  display: block;
}
.public_tab_pro .tab_items a:hover {
  color: #2fc7a0;
}
.public_tab_pro .tab_items a.on:hover {
  color: #fff;
}
.public_tab_pro .tab_items a span {
  line-height: 20px;
  width: 80px;
  display: block;
  margin: auto;
  margin-top: 17px;
  height: 57px;
}

.banner-slider .fullslide .hd {
  display: none;
}
.fullslide .hd {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}
.fullslide .hd li {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  text-indent: -9999px;
  margin: 0px 10px;
  background: #fff;
  cursor: pointer;
  list-style-type: none;
  text-align: center;
}
.fullslide .hd li.on {
  background: #2fc7a0;
}

.article {
  overflow: hidden;
}
.article img {
  max-width: 100%;
}
.single .article {
  width: 1280px;
  min-height: 400px;
  padding-bottom: 50px;
  margin: 0 auto;
}

.bg-light {
  background-color: #f7f7f7;
}
.section {
  padding:60px 0;
}
#section-1 {
  background: url(../img/tech/bg-1.jpg) center no-repeat;
  background-size: cover;
}
#section-2 {
  background-color: #f7f7f7;
}
#section-3 {
  background-color: #0dbe94;
}
#section-5 {
  background-color: #0dbe94;
}
.section-title {
  margin-bottom: 60px;
  text-align: center;
  color: #3f444a;
}
.section-title.white {
  color: #fff;
}
.section-title h3 {
  position: relative;
  display: inline-block;
  font-size: 30px;
}
.section-title h3:after {
  position: absolute;
  left: 50%;
  bottom: -25px;
  display: block;
  content: " ";
  width: 2em;
  height: 3px;
  margin-left: -1em;
  background-color: #32c5d2;
}
.container {
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.cardlist li {
  float: left;
  display: block;
  width: 33%;
  margin-right: 2px;
  box-sizing: border-box;
  padding: 40px;
  <!--background-color: rgba(255, 255, 255, 0.04);-->
  background-color:rgba(255, 255, 255, 0.04)
}
.cardlist li h3 {
  margin: 5px 0;
  font-size: 18px;
  color: #fff;
}
.cardlist li p {
  margin-bottom: 10px;
  font-size: 17px;
  color:white;
}
.cardlist li img {
  width: 100%;
  margin-bottom: 10px;
}

.gridlist li {
  position: relative;
  float: left;
  display: block;
  width: 25%;
  height: 200px;
  <!--background-color: #fff;-->
  background-color:#f7f7f7;
}
.gridlist li:after {
  top: calc(50% - 13px);
  border: solid transparent;
  content: " ";
  position: absolute;
  pointer-events: none;
  border-width: 13px;
  z-index: 99;
}
.gridlist li#grid-1:after,
.gridlist li#grid-3:after {
  right: 0;
  border-right-color: #fff;
}
.gridlist li#grid-6:after,
.gridlist li#grid-8:after {
  left: 0;
  border-left-color: #fff;
}
.gridlist li .thumb {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gridlist li .text {
  padding: 10%;
  font-size: 17px;
  color: #5c6873;
}


/* #section-3 .half {
  float: left;
  width: 50%;
  padding: 80px;
  box-sizing: border-box;
  color: #fff;
} */
#section-3 .half {
  float: left;
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
  color: #fff;
}
#section-3 .half .text {
  font-size: 17px;
  line-height: 2em;
  text-indent: 2em;
}


#section-4 {
  background-color: #f7f7f7;
}


.piclist li {
  float: left;
  display: block;
  width: 25%;
  box-sizing: border-box;
  padding: 15px;
}
.piclist li a {
  display: block;
}
.piclist li a img {
  width: 100%;
}
.piclist li a span {
  display: none;
}






.middle-warp {
  min-width: 1280px;
}

.first-img1 {
  min-width: 1280px;
  height: 850px;
  background: url(../img/static-img/green-bg1.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.first-img2 {
  min-width: 1280px;
  height: 850px;
  background: url(../img/static-img/green-bg2.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.first-img3 {
  min-width: 1280px;
  height: 850px;
  background: url(../img/static-img/green-bg3.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.first-img4 {
  min-width: 1280px;
  height: 850px;
  background: url(../img/static-img/green-bg4.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.first-img5 {
  min-width: 1280px;
  height: 850px;
  background: url(../img/static-img/green-bg5.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.first-img6 {
  min-width: 1280px;
  height: 850px;
  background: url(../img/static-img/green-bg6.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}



.lang-en .top_div .nav_box .box {
  margin: 0 15px
}
.lang-en .quan_div .video_div .v_box .txt2 {
  font-size: 24px;
}
.lang-en .bottom_div .bottom_box .box1 .tel {
  background-size: contain !important;
}
.lang-en .public_tab .tab_items a {
  margin: 0px 17px;
}
.lang-en .intro-text-con {
  padding-top: 64px;
}
.lang-en .green-product-text1-title {
  padding-top: 100px;
}
.lang-en .green-product-text1-num div,
.lang-en .green-product-text2-num div,
.lang-en .green-product-text3-num div,
.lang-en .green-product-text4-num div,
.lang-en .green-product-text5-num div {
  font-size: 16px;
}



.partner {
  padding: 30px 0;
}
.partner .pt-title {
  text-align: center;
}
.partner .pt-title h3 {
  position: relative;
  padding-bottom: 30px;
  display: inline-block;
  font-size: 30px;
}
.partner .pt-title h3:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  content: " ";
  width: 30px;
  height: 3px;
  margin-left: -15px;
  background-color: #32c5d2;
}
.partner .hd {
  padding-top: 30px;
}
.partner .hd li {
  float: left;
  display: block;
  width: 33%;
  height: 64px;
  margin-right: 1px;
  line-height: 64px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #d5e0ea;
  cursor: pointer;
}
.partner .hd li.active,
.partner .hd li:hover {
  background-color: #5bc2ce;
}
.partner .bd .panel {
  display: none;
  padding: 20px 10px;
}
.partner .bd .panel.active {
  display: block;
}
.partner .bd .panel .text {
  float: left;
  width: 50%;
  font-size: 17px;
  color: #666;
  line-height: 1.5em;
}
.partner .bd .panel .text h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.job-data {
  margin-bottom: 30px;
}
.job-data ul {
  border: 1px solid #eee;
}
.job-data li {
  float: left;
  display: block;
  width: 32%;
  box-sizing: border-box;
  padding: 10px 15px;
  border-left: 1px solid #eee;
}

.job-table {
  width: 100%;
  font-size: 14px;
  color: #333;
}
.job-table a {
  color: #333;
}
.job-table a:hover {
  color: #f00;
}
.job-table th,
.job-table td {
  padding: 10px 20px;
  text-align: center;
}
.job-table tr:hover {
  background-color: #f5f5f5;
}
.job-table .jobtit {
  text-align: left;
}
.job-table th {
  font-size: 16px;
  background-color: #eee;
}

.coltit {
  padding: 15px 0;
  text-align: center;
  font-size: 24px;
}