.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}.build-warp .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; padding: 10px 30px 25px; background-color: #f2f4f4}.product-wrap { min-width: 1280px; margin: 0 auto}.product-item { display: inline-block; overflow: hidden; margin: 0 16px 32px; position: relative; width: calc((100% / 5) - 32px)}.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; transition: ease .4s;}.caosini:hover { background: #2fc7a0; color: #fff}.caosini:hover .service-class-right-num { color: #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; transition: ease .4s;}.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.jpg) 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.jpg) 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: 420px; 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: 420px; text-align: center}.wrap-content li { text-align: center; margin: 20px 0; 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}.overAour { width: 90%; max-height: 400px; overflow-y: auto; margin: 0 auto}.overAour .icon_btnOff { position: absolute; width: 24px; right: 30px; top: 30px; cursor: pointer}.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: 20px; float: left}.line-repair { float: left; border-right: 1px solid #ededed; height: 40px; margin: 0 45px}.pop-repair-text { width: 81%; height: 100%; float: left}.pop-repair-text img { max-width: 100%}.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.jpg) 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: 36px}.write-advice-content { text-align: left; color: #fff; font-size: 16px; margin-top: 24px; padding-left: 34px}.write-advice-content p { margin-top: 12px}.postion-advice { width: 1280px; position: relative; top: 6%; left: calc(50% - 640px); 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: 9%; 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}.store a { display: block;}.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 { position: relative; background: #fff}.intro-text-con { width: 90%; max-width: 1300px; margin: 0 auto; position: relative; display: flex; justify-content: space-between; padding: 100px 0px;}.left-intro-text { width: 286px;}.right-intro-text { width: calc(100% - 286px); padding-left: 100px;}.right-intro-text p{ font-size: 16px; line-height: 2; color: #878787;}.right-intro-text b{ display: block; font-size: 20px; line-height: 1.4; width: 100%; font-weight: normal; margin-bottom: 1.5vw;}.right-intro-text b span{ font-size: 32px; font-weight: normal; color: #0bb78e; margin-right: 15px;}.buliding-intro-box { position: relative; z-index: 99}.buliding-intro { width: 100%; height: 70vh; background: url(../img/qy-intro-bg.jpg) center center no-repeat; background-size: cover; position: relative;}.buliding-intro img { max-width: initial;}.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 { color: #fff; line-height: 2; font-size: 16px; width: 25%; position: absolute; left: 55%; bottom: 10%;}.buliding-intro-content-rig b{ display: block; font-size: 24px; line-height: 2; width: 100%; font-weight: normal;}.secound-lef,.adver-right{ width: 100%; padding: 100px 10%; font-size: 16px; line-height: 2; background: #fff; color: #878787;}.adver-right{ padding: 100px 5%;}.buliding-intro-content-rig-tit { font-size: 24px;}.buliding-intro-content-rig-tet { margin-top: 22px; font-size: 15px;}.buliding-intro-content-rig-tet p { line-height: 36px}.intro-wrap { min-width: 1280px}.left-spance { width: 320px; float: left; height: 556px; background: #fff}.buli-line{ width: 90%; max-width: 1300px; margin: 0 auto; position: relative; height: 100%;}.buli-line::after,.buli-line::before{ width: 1px; height: 100%; position: absolute; top: 0%; content: ''; background: rgba(255, 255, 255, .2);}.buliding-intro::before{ width: 100%; height: 1px; position: absolute; top: 50%; content: ''; background: rgba(255, 255, 255, .2);}.buli-line::after{ left: 0%;}.buli-line::before{ right: 0%;}.build-warp { width: 90%; max-width: 1300px; margin: 0 auto; position: relative; padding: 0px 0px; margin-top: -25vh;}.right-spance { width: 320px; background: #f2f4f4}.lef-build { width: 50%; z-index: 998; overflow: hidden; position: relative; bottom: 0; float: left; }.lef-build img { width: 100%}.first-lef img { width: 100%}.secound-lef img { width: 100%}.rig-build { width: 50%; overflow: hidden; float: left; margin-top: 37%;}.rig-build img { width: 100%}.clear_float { clear: both}.last-adver { width: 90%; max-width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; background: #f2f4f4;}.adver-right{ background: #f2f4f4;}.adver-right b{ display: block; font-size: 24px; line-height: 2; width: 100%; font-weight: normal; color: #0bb78e; margin-bottom: 1vw;}.adver-left { width: 50%; overflow: hidden}.adver-left img { width: 100%}.adver-right { width: 50%; overflow: hidden}.adver-right img { width: 100%}.middle-warrpen { min-width: 1280px; margin: 0 auto; user-select: none}.first-wrap { min-width: 1280px; overflow: hidden}.company-mission { width: 50%; float: left; height: 393px; position: relative;}.com_box{ width:60%; height: auto; position: absolute; left: 20%; top: 50%; -webkit-transform: translateY(-50%);}.com_box b{ display: block; font-size: 24px; line-height: 2; width: 100%; font-weight: normal; margin-bottom: 1vw; color: #6f6f6f;}.com_box p{ font-size: 16px; line-height: 2; color: #878787;}.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: 409px; position: relative;}.clear_float { clear: both}.second-warrpen { min-width: 1280px; overflow: hidden}.qy-mind { width: 50%; float: left; height: 444px; position: relative;}.qy-mind006 { width: 50%; float: left; height: 444px; position: relative;}.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; position: relative; background-color: #fff;}.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 }}@media screen and (max-width:1400px) { .overAour { max-height: 250px }}