.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:250px;
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;
}

.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:#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;
}