html {overflow-x: hidden;}
/*body {overflow: hidden;}*/
#pageNavi{margin-bottom: 0}
.mimg{display: none}
.wimg{display: block;}
.px-20{padding: 0 20px;box-sizing: border-box;}
.new-product-wrap {background:#ffffff;font-size: 1em;position: relative;overflow: hidden;}
.new-product-wrap *{font-family: 'NanumSquare';text-shadow: 1px 1px 1px rgba(0,0,0,0.004);text-stroke: 0.6px; /*마치 맥의 폰트처럼 두께 라인을 살려준다. */}
.new-product-wrap > div{position: relative;}
.new-product-wrap .bg{padding: 80px 0;}
.new-product-wrap .white-color{color: #fff !important}
.new-product-wrap .orange-color{color: #563928 !important}
.new-product-wrap .bg.white-bg{background: #ffffff}
.new-product-wrap .bg.gray-bg{background: #ecedee}
.new-product-wrap .bg.blue-bg{background: #5b8ebd}
.new-product-wrap img.background{width: 100%}
.new-product-wrap .container1{max-width: 1024px;margin: 0 auto}
.new-product-wrap .container2{max-width: 860px;margin: 0 auto}
.new-product-wrap .container h3{color: #000031;font-size: 4.7em;font-weight: 400;margin-bottom: 40px;line-height: 110%}
.new-product-wrap .container h3 small{font-size: 0.67em}
.new-product-wrap .container p{color: #000031; font-size: 2.5em;line-height: 130%;font-weight: 100;}
.new-product-wrap .container > p{font-weight: 400;}
.new-product-wrap .container .text-center{text-align: center;}
.new-product-wrap .container .icon_img_wrap{margin-top: 30px;text-align: center;}
.new-product-wrap .container .icon_img_wrap .icon_img{width: 19.7%;display: inline-block;margin: 0;vertical-align: top;}
.new-product-wrap .container .icon_img_wrap .icon_img img{width: 80%}
.new-product-wrap .container .icon_img_wrap.type2 {margin-top: 70px}
.new-product-wrap .container .icon_img_wrap.type2.mtsm {margin-top: 75px}
.new-product-wrap .container .icon_img_wrap.type2 .icon_img{width: 31%;}
.new-product-wrap .container .icon_img_wrap.type2 .icon_img:nth-of-type(1){float: left;}
.new-product-wrap .container .icon_img_wrap.type2 .icon_img:nth-of-type(3){float: right;}
.new-product-wrap .container .icon_img_wrap.type2 .icon_img img{width: 74%;}
.new-product-wrap .container .icon_img_wrap.type2 p{font-size: 3.7em;color: #466795;margin-top: 20px}
.new-product-wrap .container .harf-content-wrap{margin: 90px 0}
.new-product-wrap .container .harf-content-wrap.first{margin-top: 60px}
.new-product-wrap .container .harf-content-wrap:nth-of-type(2){margin: 60px 0 50px }
.new-product-wrap .container .harf-content-wrap .harf-content{width: 49%;float: left;}
.new-product-wrap .container .harf-content-wrap .harf-content:nth-child(2n+1){margin-right: 2%}
.new-product-wrap .container .harf-content-wrap .harf-content img{width: 100%;display: block;margin: 0 auto}
.new-product-wrap .container .harf-content-wrap .harf-content p{margin-top: 20px;width: 100%;margin: 20px auto 0;font-size: 2.2em;line-height: 100%;font-weight: 400}
.new-product-wrap .container .harf-content-wrap.first .harf-content p{ width: 92% }
.new-product-wrap .container .three-content-wrap{margin-bottom: 30px}
.new-product-wrap .container .three-content-wrap .three-content{width: 32.3333%;background: #f68563;float: left;min-height: 405px}
.new-product-wrap .container .three-content-wrap .three-content:nth-of-type(2){margin: 0 1%}
.new-product-wrap .container .three-content-wrap .three-content h3{font-size: 2.6em;padding: 15px 20px 10px;margin-bottom: 0}
.new-product-wrap .container .three-content-wrap .three-content p{font-size: 1.9em;padding: 0px 20px 10px;line-height: 150%;font-weight: 400}
.new-product-wrap .container .three-content-wrap .three-content p.white-color{font-size: 1.9em;padding: 25px;line-height: 110%;font-weight: 100}
.new-product-wrap .container .three-content-wrap .three-content .three-content-img-wrap{}
.new-product-wrap .container .three-content-wrap .three-content .three-content-img-wrap img{width: 100%}
.new-product-wrap .container .three-content-wrap.type2 .three-content{background: #f6d9c9}
.new-product-wrap .container .certification-wrap{margin-top: 50px}
.new-product-wrap .container .certification-wrap .certification{width: 32.333%;float: left;}
.new-product-wrap .container .certification-wrap .certification:nth-of-type(2){margin: 0 1%}
.new-product-wrap .container .certification-wrap .certification img{width: 100%}
.new-product-wrap .container .certification-wrap .certification p{font-size: 2.8em;padding: 10px;font-weight: 400}
.new-product-wrap .section.section-1{padding: 0;background: url(/static/image/product/Afit/main1.png) 50% 100% no-repeat;background-size: cover;padding-top: 150px}
.new-product-wrap .section.section-1 .container.container2{max-width: 920px;}
.new-product-wrap .section.section-1 .section-1-cotent-1{width: 48%;float: left;text-align: center;padding-top: 55px;margin-left: 2%}
.new-product-wrap .section.section-1 .section-1-cotent-1 img{margin-bottom: 22px;width: 223px}
.new-product-wrap .section.section-1 .section-1-cotent-1 h1{font-size: 6em;font-weight: 100;border-top: 1px solid #fdddd0;border-bottom: 1px solid #fbc1af;padding: 5px 0;color: #f68563;letter-spacing: -0.07em;margin-bottom: 15px;width: 95%}
.new-product-wrap .section.section-1 .section-1-cotent-1 h3{font-weight: 100;line-height: 120%;font-size: 2.83em;margin-bottom: 30px; letter-spacing: 0.9px}
.new-product-wrap .section.section-1 .section-1-cotent-1 p{color: #000031;font-weight: 400}
.new-product-wrap .section.section-1 .section-1-cotent-1 strong{font-weight: 500;display: block;margin-top: 15px}
.new-product-wrap .section.section-1 .section-1-cotent-2{width: 50%;float: right;margin-top: -150px;margin-right: -45px}
.new-product-wrap .section.section-1 .section-1-cotent-2 img{width: 100%;float: right}
.new-product-wrap .section.section-2 {background: url(/static/image/product/Afit/background2.png)50% 0% no-repeat;background-size: auto 100%;padding: 0;background-color: #f1ceb6}
.new-product-wrap .section.section-2 .container{height: 550px ;}
.new-product-wrap .section.section-2 .container .section-2-content{position: absolute;left: 50%;top: 10%;}
.new-product-wrap .section.section-2 > div img{float: right;margin-top: 10%}
.new-product-wrap .section.section-3 {background: url(/static/image/product/Afit/main9.png) 50% 0% no-repeat;background-size: cover;position: relative;background-color:#fbfbfb;padding-bottom: 47px ;padding-top: 64px}
.new-product-wrap .section.section-3 .animation-img-wrap{overflow: hidden;}
.new-product-wrap .section.section-3 .animation-img-wrap .container{position: relative;}
.new-product-wrap .section.section-3 .animation-img-wrap.type2{margin-top: -133px}
.new-product-wrap .section.section-3 .animation-img-wrap.type3{margin-top: -190px}
.new-product-wrap .section.section-3 .animation-img-wrap img{;opacity: 0}
.new-product-wrap .section.section-3 .animation-img-wrap img.img1{display: block;margin-left: 10%;margin-top: -4%;padding-bottom: 4%}
.new-product-wrap .section.section-3 .animation-img-wrap img.img2{display: block;margin-left: 10%;margin-top: -4%;padding-bottom: 4%}
.new-product-wrap .section.section-3 .animation-img-wrap img.img3{display: block;margin-left: 10%;margin-top: -4%;padding-bottom: 4%}
.new-product-wrap .section.section-3 .animation-img-wrap img.text-img1{top:71%;left : 2%;position: absolute;width: 100%}
.new-product-wrap .section.section-3 .animation-img-wrap img.text-img2{top:80%;left : 1%;position: absolute;width: 100%}
.new-product-wrap .section.section-3 .animation-img-wrap img.text-img3{top:52%;left : 1%;position: absolute;width: 100%}
.new-product-wrap .section.section-3 .animation-img-wrap img.addon-img3{bottom:-22%;left : -21%;position: absolute}
.new-product-wrap .section.section-4{background: #f4f4f4;background-size: cover;padding: 130px 0 75px}
.new-product-wrap .section.section-4 .harf-content-wrap{;margin-top: 1%}
.new-product-wrap .section.section-4 .harf-content-wrap .harf-content.left-content{width: 50%}
.new-product-wrap .section.section-4 .harf-content-wrap .harf-content.left-content{width: 50%;margin-right: 0}
.new-product-wrap .section.section-4 .harf-content-wrap .harf-content.right-content{width: 50%}
.new-product-wrap .section.section-4 p{font-size:2.3em}
.new-product-wrap .section.section-4 img{margin-top: 25px;width: 100%}
.new-product-wrap .section.section-4 h3{margin-bottom: 38px}
.new-product-wrap .section.section-4 small{font-weight: 100}
.new-product-wrap .section.section-4 .harf-content-wrap{margin-bottom: 0}
.new-product-wrap .section.section-5 {background: url(/static/image/product/Afit/background14.png) 50% 0% no-repeat;background-size: cover;padding-bottom: 70px}
.new-product-wrap .section.section-5 h3{margin-bottom: 45px}
.new-product-wrap .section.section-5 img{width: 100%;max-width: 786px;margin-top: 70px;margin-left: -50px}
.new-product-wrap .section.section-6{background: #f68563}
.new-product-wrap .section.section-6 .three-content{min-height: 378px}
.new-product-wrap .section.section-7 {background:#ffe9ca}
.new-product-wrap .section.section-8 {background: url(/static/image/product/Afit/background3.png) 50% 0% no-repeat;background-size: 100% auto;position: relative;background-color:#fbfbfb }
.new-product-wrap .section.section-8 .box-content {margin-bottom: 10px;margin-top: 75px}
.new-product-wrap .section.section-8 .box-content .bg{background: #f69c80;padding: 70px 30px}
.new-product-wrap .section.section-8 .box-content .left{float: left;width: 50%}
.new-product-wrap .section.section-8 .box-content .left img{width: 100%}
.new-product-wrap .section.section-8 .box-content .right{float: right;width: 45%;text-align: center;}
.new-product-wrap .section.section-8 .box-content .right h3{color: #fff;font-size: 5.7em ;font-weight: 100;margin-top: -20px}
.new-product-wrap .section.section-8 .box-content .right ul{;font-size: 2em;font-weight: 100;margin-left: 35px;list-style: square url("/static/image/product/Afit/sqpurple.png");text-align: left;}
.new-product-wrap .section.section-8 .box-content .right ul li{list-style: square url(/static/image/product/Afit/sqpurple.png);margin-bottom: 20px;color: #000031}
.new-product-wrap .section.section-8 .box-content .inline-content{background: rgba(245,156,128,0.2);text-align: center}
.new-product-wrap .section.section-8 .box-content .inline-content .img-wrap{width: 105px;padding: 10px 0;display: inline-block;margin: 0}
.new-product-wrap .section.section-8 .box-content .inline-content .img-wrap img{width: 100%}
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap{display: inline-block;vertical-align: middle;text-align: left;margin-right: 20px;color: #932f0f;font-weight: 400;font-size:2.4em}
/*.new-product-wrap .section.section-8 .box-content .inline-content br{display: none}*/
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap div{font-size: 1em;display: inline-block;vertical-align: middle;}
.new-product-wrap .section.section-8 .box-content.type2 {margin-top: 0}
.new-product-wrap .section.section-8 .box-content.type2 .bg{background: #ffe9ca}
.new-product-wrap .section.section-8 .box-content.type2 .right h3{color: #932f0f}
.new-product-wrap .section.section-8 .box-content.type2 .inline-content{background: #f68562}
.new-product-wrap .section.section-8 .box-content.type2 .inline-content div{color: #fff}
.new-product-wrap .section.section-8 .box-content.type2 .right ul{list-style: square url("/static/image/product/Afit/sqpurple_y.png")}
.new-product-wrap .section.section-8 .box-content.type2 .right ul li{list-style: square url("/static/image/product/Afit/sqpurple_y.png")}
.new-product-wrap .section.section-8 h3{font-size: 4.4em}
.new-product-wrap .section.section-8 img{width: 100%}
.new-product-wrap .section.section-8 img.wimg{margin-top: 45px}
.new-product-wrap .section.section-8 .{}
.new-product-wrap .section.section-9 {background: #f68563;padding-top: 70px;padding-bottom: 60px}
.new-product-wrap .section.section-9 .content-wrap {text-align: center;}
.new-product-wrap .section.section-9 .content-wrap img{width: 24.7%;margin: 0 0.5%}
.new-product-wrap .section.section-9 img{width: 100%}
.new-product-wrap .section.section-9 img.bimg{margin-bottom: 40px}
.new-product-wrap .section.section-9 h3{color: #000031}
.new-product-wrap .section.section-9 p{color: #fff}
.new-product-wrap .section.section-10 {background: url(/static/image/product/Afit/main8.png) 50% 0% no-repeat;background-size: cover;position: relative;padding-top: 90px;padding-bottom: 66px}
.new-product-wrap .section.section-10 h3{margin-bottom: 45px}
.new-product-wrap .section.section-10 p{margin-bottom: 37px; font-size: 2.4em}
.new-product-wrap .section.section-10 .slideimg-wrap{}
.new-product-wrap .section.section-10 .slideimg-wrap2{width: 100%;height: 100%;;}
.new-product-wrap .section.section-10 .slideimg-wrap2 img{transform: translate(-20%,-5%);opacity: 0}
.new-product-wrap .section.section-10.on .slideimg-wrap img{animation-duration: 1.5s;animation-name: SlideTB;opacity: 1}
.new-product-wrap .section.section-10.on .slideimg-wrap img{transform: translate(-32%,10%);}
.new-product-wrap .section.section-11 {background: #cfcfcf;padding-bottom: 51px;overflow: hidden;}
.new-product-wrap .section.section-11 h3{margin-bottom: 41px}
.new-product-wrap .section.section-11 .container{position: relative;}
.new-product-wrap .section.section-11 img{margin-top: 61px;width: 100%;margin-bottom: -2px;padding-bottom: 0}
.new-product-wrap .section.section-11 #bar_circle{position: absolute;bottom: 39.1%;z-index: 10;left: 37.5%;width: 220px;height: 220px}
.new-product-wrap .section.section-11 .hand-animation{position: absolute;bottom: 39.1%;z-index: 10;left: 37.5%;width: 220px;height: 220px}
.new-product-wrap .section.section-11 .hand-animation img{position: absolute;display: inline;width: auto;bottom: -275%;left: 8%;-ms-transform: translate(-40%);}
.new-product-wrap .section.section-11 .hand-animation.text-wrap{text-align: center;}
.new-product-wrap .section.section-11 .hand-animation.text-wrap p{font-size: 8em;margin-top: 24%;font-family: 'HelveticaCdBd';color: #4e4e4e}
.new-product-wrap .section.section-11 .hand-animation.dot-wrap {transform: rotate(0deg);}
.new-product-wrap .section.section-11 .hand-animation.dot-wrap img.dot{top: 10%;left: 9%;}
.new-product-wrap .section.section-12 {background: url(/static/image/product/Afit/background4.png) 50% 0% no-repeat;background-size: cover;}
.new-product-wrap .section.section-12 h3{margin-bottom: 58px}
.new-product-wrap .section.section-12 p{font-weight: 300}
.new-product-wrap .section.section-12 small{font-size: 0.94em; color: #dddddd}
.new-product-wrap .section.section-12 .content-box{margin-top: 29px;padding: 20px 15px}
.new-product-wrap .section.section-12 .content-box span{padding:0px 6px;background-color: #f68563;position: absolute;left: 0;top: 0;font-weight: bold;text-align: center;font-size:0.9em;}
.new-product-wrap .section.section-12 .content-box p{padding-left: 25px;box-sizing: border-box;margin-bottom: 10px;position: relative;font-size: 2.1em}
.new-product-wrap .section.section-12 .content-box strong{font-size: 1.1em}
.new-product-wrap .section.section-12 h3{font-size: 4.4em;color: #fff}
.new-product-wrap .section.section-12 p{font-size: 2.3em;color: #cccbcb; font-weight: 400}
.new-product-wrap .section.section-12 img{margin-top: 76px;width: 100%}
.new-product-wrap .section.section-12 .img-wrap{position: relative;}
.new-product-wrap .section.section-12 .onpng{position: absolute;width: 100%;left: 0;top: 0;opacity: 0}
.new-product-wrap .section.section-12.on .onpng{ animation-duration: 3s;animation-name: Fadein;opacity: 1}
.new-product-wrap .section.section-13 {background: #f68563}
.new-product-wrap .section.section-13 .three-content{min-height: 380px}
.new-product-wrap .section.section-14 {background: #f4cfbc}
.new-product-wrap .section.section-14 .icons-wrap {text-align: center}
.new-product-wrap .section.section-14 .icons-wrap .icons {width: 22%;display: inline-block;margin: 0 0.5%}
.new-product-wrap .section.section-14 .icons-wrap .icons img{background-color: #f68563;border-radius: 500px;}
.new-product-wrap .section.section-14 .icons-wrap .icons p{ color: #f68563;margin-top: 10px;font-size: 3em}
.new-product-wrap .section.section-14 .icons-wrap .icons p strong{display: block;font-weight: bold;color: #f68563}
.new-product-wrap .section.section-15 {background: url(/static/image/product/Afit/background5.png) 50% 0% no-repeat;background-size: cover;padding-bottom: 120px}
.new-product-wrap .section.section-15 img{margin-bottom: 10px;width: 100%}
.new-product-wrap .section.section-15 img.margin-top{margin-top: 30px}
.new-product-wrap .section.section-16 {background: url(/static/image/product/Afit/background6.png) 50% 0% no-repeat;background-size: cover;}
.new-product-wrap .section.section-18 {background: #f68563}
.new-product-wrap .section.section-18 h3{margin-bottom: 0;color: #000031}
.new-product-wrap .section.section-18 img{display: inline-block;vertical-align: middle;margin-left: 20px}
/*.new-product-wrap .section.section-18:hover img{display: inline-block;vertical-align: middle;margin-left: 10px}*/
.new-product-wrap .section.section-17 {background: #f4cfbc}
.new-product-wrap .section.section-17 h3{margin-bottom: 20px}
.new-product-wrap .section.section-17 .container > p{font-size: 1.85em;color: #000031;margin-top: 10px}
.new-product-wrap .section.section-17 .section-17-content{float: left;width: 32.333%;margin: 20px 0.5% 0;min-height: 385px}
.new-product-wrap .section.section-17 .section-17-content.content1{background: #5a81b4}
.new-product-wrap .section.section-17 .section-17-content.content2{background: #84a5cc}
.new-product-wrap .section.section-17 .section-17-content.content3{background: #a1bcda}
.new-product-wrap .section.section-17 .section-17-content img{width: 100%}
.new-product-wrap .section.section-17 .section-17-content h4{text-align: center;font-size:2.8em;color: #000031;margin-top: 10%;font-weight: 400}
.new-product-wrap .section.section-17 .section-17-content p{padding: 12%;font-size: 1.9em;font-weight: 400;text-align: center;}
.new-product-wrap .section.section-17 .p{font-size: 0.7em; font-weight: 500; padding-top: 40px}
.new-product-wrap .section.section-17 .p p{font-weight: 500; }
.new-product-wrap .section.section-17 .p p span{position: relative;display: inline-block;padding-left: 1.5%}
.new-product-wrap .section.section-17 .p p strong{position: absolute;left: 0;top: 0;font-weight: 500}
.new-product-wrap .section.section-18 {background:#f68563}
.new-product-wrap .section.section-18 h3{font-size: 7.1em;padding: 44px 0}
.new-product-wrap .section.section-18 .section-18-content{float: left;width: 49%;margin: 60px 0.5% 0;min-height: 440px;}
.new-product-wrap .section.section-18 .section-18-content.content1{background: #6b8ebd}
.new-product-wrap .section.section-18 .section-18-content.content2{background: #c0d3e6}
.new-product-wrap .section.section-18 .section-18-content img{width: 100%}
.new-product-wrap .section.section-18 .section-18-content .text-content-wrap{padding: 0 30px;box-sizing: border-box;}
.new-product-wrap .section.section-18 .section-18-content h4{text-align: left;font-size:2em;color: #000031;margin-top: 20px;font-weight: 400;margin-bottom: 15px}
.new-product-wrap .section.section-18 .section-18-content ul{;font-size: 2em;font-weight: 100;margin-left: 10px;list-style: square url("/static/image/product/UV/sqpurple.png");}
.new-product-wrap .section.section-18 .section-18-content ul li{list-style: square url(/static/image/product/UV/sqpurple.png);margin-bottom: 10px;color: #000031}
.new-product-wrap .section.section-19 {background: url(/static/image/product/Afit/background13.png) 50% 0% no-repeat;background-size: cover;padding-top: 58px;padding-bottom: 97px}
.new-product-wrap .section.section-19 h3{margin-bottom: 47px}
.new-product-wrap .section.section-19 p{color: #000000}
.new-product-wrap .section.section-19 img{padding-top: 20px;width: 100%;cursor: pointer;}
.new-product-wrap .section.section-20 {background: url(/static/image/product/Afit/background10.png) 50% 0% no-repeat;background-size: cover;}
.new-product-wrap .section.section-20 img{width: 100%;cursor: pointer;}
.new-product-wrap .section.section-21 {background: #ffffe0}
.new-product-wrap .section.section-21 .three-content{min-height: 310px}
.new-product-wrap .section.section-22 {background: url(/static/image/product/Afit/background11.png) 50% 0% no-repeat;background-size: cover;}
.new-product-wrap .section.section-22 img{width: 100%;cursor: pointer;}
.new-product-wrap .section.section-23 {background: url(/static/image/product/Afit/background12.png) 50% 0% no-repeat;background-size: cover;}
.new-product-wrap .section.section-23 img{width: 100%;cursor: pointer;}
.new-product-wrap .section.section-24 {background-color: #ffdcaf}
.new-product-wrap .section.section-25 {background: url(/static/image/product/Afit/background7.png) 50% 0% no-repeat;background-size: cover;}
.new-product-wrap .section.section-25 .certification p{padding: 10px 0;font-size: 1.7em}
.new-product-wrap .section.section-26 {background-color: #f4e7d0}
.new-product-wrap .section.section-26 .three-content-wrap .three-content{width: 48%;margin: 1%;min-height: 355px}
.new-product-wrap .section.section-26 .three-content-wrap .three-content p{font-size:2.8em}
.new-product-wrap .section.section-27 {background: url(/static/image/product/Afit/background15_1.png) 50% 0% no-repeat;background-size: cover;padding-top: 100px;padding-bottom: 90px}
.new-product-wrap .section.section-27 h3{letter-spacing: -1.5px}
.new-product-wrap .section.section-27 p{letter-spacing: -0.5px}
.new-product-wrap .section.section-27 .harf-content-wrap {margin: 60px 0 0}
.new-product-wrap .section.section-27 .harf-content-wrap img{cursor: pointer;}
.new-product-wrap .section.section-27 .harf-content-wrap p{text-align: center;font-size: 2.8em; margin-top: 32px; font-weight: 500}
.new-product-wrap .section.section-28 {background: #fcf9d7}
.new-product-wrap .section.section-28 h3{letter-spacing: -1.5px}
.new-product-wrap .section.section-28 p{letter-spacing: -0.5px}
.new-product-wrap .section.section-28 .harf-content-wrap {margin: 60px 0 0}
.new-product-wrap .section.section-28 .harf-content-wrap img{width: 100%}
.new-product-wrap .section.section-28 .harf-content-wrap p{background-color: #ff7b5a;color: #fff;width: 100%;box-sizing: border-box;padding: 0 15%;margin: 0 !important;font-size:2.5em ;letter-spacing: 0;height: 82px;width: 100% !important}
.new-product-wrap .section.section-28 .harf-content-wrap span{display: inline-block;vertical-align: middle;}
.new-product-wrap .section.section-29{background: url(/static/image/product/Afit/background29.png) 50% 0% no-repeat;background-size: cover;padding-top: 88px;padding-bottom: 64px}
.new-product-wrap .section.section-29 img{margin: 10% 0 0 8%;display: block;width: 100%;max-width: 776px}
.clear{clear: both;display: block;content: ''}
.testimonial-wrap .testimonial {position: relative;margin: 10px 0;background: #f7f7f7;}
.testimonial-wrap .testimonial .testimonial-left{width: 24%;display: inline-block;background: #F68563;padding: 30px 0;vertical-align: middle;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content{background: url(/static/image/product/Afit/testimonialT3_new.png) 50% 20% no-repeat;background-size: 100%;width: 130px;height: 130px;border-radius: 50%;margin: 0 auto;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content-1{background: url(/static/image/product/Afit/testimonial1.png) 50% 20% no-repeat;background-size: 100%;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content-2{background: url(/static/image/product/Afit/testimonial2.png) 50% 20% no-repeat;background-size: 100%;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content-3{background: url(/static/image/product/Afit/testimonial3.png) 50% 20% no-repeat;background-size: 100%;}
.testimonial-wrap .testimonial .testimonial-left img{width: 100%;display: none}
.testimonial-wrap .testimonial .testimonial-left p{color: #221815;background: none;width: 100%;padding: 10px 0;text-align: center;font-size:1.8em;font-weight: 400;margin-top: 20px}
.testimonial-wrap .testimonial .testimonial-left p span{ color: #728aa4 }
.testimonial-wrap .testimonial .testimonial-right{display: inline-block;width: 74%;font-size: 2em;color: #221815;box-sizing: border-box;padding:7% 5%;line-height: 130%;vertical-align: middle;}
.testimonial-wrap .testimonial .testimonial-right p{position: absolute;right: 30px;bottom: 30px;font-size: 1em;color: #c0c0c2;vertical-align: middle;}
.media-wrap {margin-bottom: 80px}
.media-wrap .imgwrap{width: 33.333%;display: block;margin: 2% 0 0;float: left;cursor: pointer;border-bottom: 1px #95a9ce solid;position: relative;border-bottom: 1px #95a9ce solid;position: relative;padding-bottom: 20px}
.media-wrap .imgwrap:nth-of-type(3):after{display: block;content: '';clear: both}
.media-wrap .imgwrap:nth-of-type(4){border-bottom:0;padding-bottom: 0}
.media-wrap .imgwrap:nth-of-type(5){border-bottom:0;padding-bottom: 0}
.media-wrap .imgwrap:nth-of-type(6){border-bottom:0;padding-bottom: 0}
.media-wrap .imgwrap img{display: block;width: 90%}
.media-wrap .imgwrap:nth-child(3n+2) img{margin: 0 auto}
.media-wrap .imgwrap:nth-child(3n) img{float: right;}
.media-wrap img.m-r-n{margin-right: 0}
.media-wrap hr{}
.video-wrap {margin-bottom: 80px}
.video-wrap .video-content{width: 48%;margin-right: 4%;display: block;float: left;cursor: pointer;}
.video-wrap .video-content img{width: 100%}
.video-wrap .video-content p{color: #727272;text-align: center;}
.video-wrap .video-content.m-r-n{margin-right: 0}
.exhibition-wrap {}
.exhibition-wrap .exhibition {background: #f68563;width: 32.333%;display: block;margin: 2% 1.3333% 2% 0;float: left;cursor: pointer;}
.exhibition-wrap .exhibition.m-r-n {margin-right:0}
.exhibition-wrap .exhibition img{display: block;width: 100%;}
.exhibition-wrap .exhibition .title{font-size: 1.7em;padding: 5% ;font-weight: bold;color: #030303}
.exhibition-wrap .exhibition .content{font-size: 1.6em;padding: 0% 5% 5% 5%;color: #fff;line-height: 130%;box-sizing: border-box;}
.exhibition-wrap .exhibition .modal-text{display: none}
.exhibition-wrap .exhibition .minfo{display: none;position: relative;}
.exhibition-wrap .exhibition .minfo{width: 100%;max-width: 1000px;display: none;margin: 3% auto 0;padding: 8% 4% 4%;box-sizing: border-box;background: #ffe9ca;}
.exhibition-wrap .exhibition .minfo .title{background: #f58563;color: #fff;font-size: 2em;padding: 12px;margin-bottom: 20px;font-weight: bold;}
.exhibition-wrap .exhibition .minfo .thumbimg{margin:0 auto;width: 80%;margin-bottom: 20px}
.exhibition-wrap .exhibition .minfo .content{width: 100%;color: #030303}
.exhibition-wrap .exhibition .minfo .slideimg{width: 100%;margin-bottom: 20px}
.exhibition-wrap .exhibition .minfo .minfo-close-btn{position: absolute;top: 1%;right: 5%;}
.exhibition-wrap .exhibition-slider-controller{text-align: center;font-size: 1.9em;}
.exhibition-wrap .exhibition-slider-controller span{color: #000;display: inline-block;margin: 0 5px;cursor: pointer;}
.product-news {width: 100%;height: 90%;max-width: 700px;margin: 2.5% auto;padding: 50px 50px;box-sizing: border-box;background: #fff;overflow: auto;position: relative;display: none}
.product-news > div >div{display: none}
.product-news > div >div h4{font-size: 1.5em;margin-bottom: 50px;font-weight: 400;color: #000000;line-height: 120%}
.product-news > div >div p{font-size: 1.4em;font-weight: 400;color: #000000;line-height: 120%}
.product-news > div >div p br{display: block !important;}
.product-back-wrap {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 999;left: 0;top:0;display: none}
.product-back-wrap .product-video{width: 100%;height: 100%;max-width: 1024px;box-sizing: border-box;padding: 8% 0;margin: 0 auto;display: none;position: relative;}
.product-back-wrap .product-video iframe{width: 100%;height: 100%;position: relative !important;}
.product-modal-btn{position: absolute;right: 30px;top: 30px;z-index: 99999}
.product-media{width: 100%;height: 100%;max-width: 1024px;display: none;margin: 0 auto;padding: 8% 0;box-sizing: border-box;position: relative;}
.product-media .center{width: 100%;position: relative !important;}
.product-exhibition{width: 100%;height: 90%;max-width: 860px;display: none;margin: 2.5% auto;padding: 60px 20px;box-sizing: border-box;background: #ffe9ca;overflow: hidden;position: relative;}
.product-exhibition .title{background: #f68563;color: #fff;font-size: 2em;padding: 12px;margin-bottom: 20px}
.product-exhibition .thumb{float: left;width: 40%}
.product-exhibition .content{float: right;width: 60%;box-sizing: border-box;padding: 2%;font-size: 1.5em;line-height: 130%}
.product-exhibition .product-bxSlider-wrap {width: 80%;float: left;padding: 3% 3% 0 0;overflow: hidden;box-sizing: border-box;position: relative;}
.product-exhibition .product-bxSlider-wrap .left{position: absolute;top: 50%;left: 0;z-index: 99;cursor: pointer;transform: translate(0,-50%);}
.product-exhibition .product-bxSlider-wrap .right{position: absolute;top: 50%;right: 3.7%;z-index: 99;cursor: pointer;transform: translate(0,-50%);}
.product-exhibition .product-bxSlider-thumb{width: 20%;float: right;margin-top: 3%}
.product-exhibition .product-bxSlider-thumb a{margin: 5px 0;display: block;}
.product-exhibition .product-bxSlider-thumb img{display: block;width: 100%}
body{position: relative;}
/*@media only screen and (max-width:1026px) {
.new-product-wrap .bg{padding: 80px 0;}
.new-product-wrap{font-size: 0.7em}
.new-product-wrap .container1{box-sizing: border-box;padding: 0 2%}
.new-product-wrap .container2{box-sizing: border-box;padding: 0 2%}
.new-product-wrap .container .icon_img_wrap{margin-top: 60px}
.new-product-wrap .section.section-4 img{margin-top: 0}
.new-product-wrap .section.section-6 .imgcontent1 {margin-bottom: 160px}
.new-product-wrap .section.section-7 img{width: 100%}
.new-product-wrap .section.section-9 img{width: 100%}
.new-product-wrap .section.section-17 .section-17-content{min-height: 425px}
.product-exhibition{font-size: 0.7em}
}*/
/*@media only screen and (max-width:767px) {*/
/*.new-product-wrap .bg{padding: 60px 0;}*/
.new-product-wrap{font-size: 0.7em}
/*.new-product-wrap .container h3{margin-bottom: 20px}*/
/*.new-product-wrap .container p{font-size: 2.1em}*/
.new-product-wrap .container .icon_img_wrap{margin-top: 30px}
/*.new-product-wrap .container .icon_img_wrap .icon_img {width: 19.5%}*/
/*.new-product-wrap .container .icon_img_wrap .icon_img img{width: 80%;text-align: center;display: block;margin:0 auto}*/
/*.new-product-wrap .container .icon_img_wrap.type2 .icon_img img{width: 90%}*/
/*.new-product-wrap .section.section-4 img{margin-top: -70px;width: 100%}*/
/*.new-product-wrap .section.section-6 .imgcontent1 {margin-bottom: 120px}*/
/*.new-product-wrap .section.section-17 .section-17-content{min-height: 320px}*/
/*.product-back-wrap .product-video iframe{width: 100%;height: 40%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}*/
.product-exhibition{font-size: 0.7em}
/*}*/
@media only screen and (max-width:950px) {
.new-product-wrap .section.section-1 .container.container2{padding-left: 3%;padding-right: 3%;font-size: 0.9em}
}
@media only screen and (max-width:880px) {
.new-product-wrap .section.section-1 .container.container2{padding-left: 3%;padding-right: 3%;font-size: 0.9em}
.new-product-wrap .section.section-3 .animation-img-wrap.type2{margin-top: -95px}
.new-product-wrap .section.section-3 .animation-img-wrap.type3{margin-top: -130px}
.new-product-wrap .section.section-3 p{margin-bottom: 3%}
.container {padding-left: 5%;padding-right: 5%}
.new-product-wrap{font-size: 0.6em}
.new-product-wrap .section.section-1{background-size: auto 100%;padding-top: 120px}
.new-product-wrap .section.section-1 .section-1-cotent-2{width: 51%;float: right;margin-top: -120px}
.new-product-wrap .section.section-2 .container {height: 460px}
.new-product-wrap .container .icon_img_wrap .icon_img img{width: 90%;margin:0 auto;}
.new-product-wrap .section.section-4 img.wimg {margin-top: -60px}
.new-product-wrap .container .three-content-wrap .three-content{min-height: 330px}
.new-product-wrap .container .three-content-wrap.type2 .three-content{min-height: 360px}
.new-product-wrap .section.section-8 .box-content .inline-content .img-wrap{width: 80px}
.new-product-wrap .section.section-14 .icons-wrap .icons img{width: 100%}
.new-product-wrap .section.section-11 {overflow: hidden;}
.new-product-wrap .section.section-11 .px-20{position: relative;}
.new-product-wrap .section.section-11 img{margin-top: 0}
.new-product-wrap .section.section-11 >div>div> img{margin-top: 10%;padding-bottom: 24% !important}
.new-product-wrap .section.section-11 >div>div> img{}
.new-product-wrap .section.section-11 .hand-animation.hand-wrap img{width: 144%;bottom:-311%;}
.new-product-wrap .section.section-11 .hand-animation.hand-wrap img{}
.new-product-wrap .section.section-11 .hand-animation.text-wrap p{font-size: 8em}
.new-product-wrap .section.section-11 .hand-animation.dot-wrap img.dot{ top: 44%;left: 8%;width: 9%}
.new-product-wrap .section.section-11 .hand-animation{width: 24.6% !important;top:24.2%;left:37.8%;}
.new-product-wrap .section.section-11 #bar_circle{width: 24.6% !important;top:24.2%;left:37.8%;}
/*.new-product-wrap .section.section-3 .animation-img-wrap {height: auto !important}*/
.new-product-wrap .section.section-3 .animation-img-wrap {margin-left: -10%}
.new-product-wrap .section.section-3 .animation-img-wrap .container{height: auto !important}
.new-product-wrap .section.section-3 .animation-img-wrap img.img1{width: 140%}
.new-product-wrap .section.section-3 .animation-img-wrap img.img2{width: 140%}
.new-product-wrap .section.section-3 .animation-img-wrap img.img3{width: 140%}
.new-product-wrap .section.section-3 .animation-img-wrap img.text-img1{width: 120%;}
.new-product-wrap .section.section-3 .animation-img-wrap img.text-img2{width: 120%;}
.new-product-wrap .section.section-3 .animation-img-wrap img.text-img3{width: 120%;}
.new-product-wrap .section.section-3 .animation-img-wrap img.addon-img3{top: 77%;bottom:auto;width: 170%;}
/*.new-product-wrap .section.section-3 .animation-img-wrap.type3{margin-top: -83%}*/
.new-product-wrap .section.section-29 img{margin: 6% auto 0}
}
@media only screen and (max-width:768px) {
.new-product-wrap .section.section-1{padding-top: 100px}
.new-product-wrap .section.section-1 .section-1-cotent-2{width: 51%;float: right;margin-top: -100px}
.new-product-wrap .section.section-1 .section-1-cotent-2 img {margin-top: -30px}
.new-product-wrap{font-size: 0.55em}
.new-product-wrap .container .icon_img_wrap .icon_img {width: 19.5%}
.new-product-wrap .section.section-11 .hand-animation.text-wrap p{font-size: 7em}
/*.new-product-wrap .section.section-3 .animation-img-wrap.type3{height: 410px}*/
/*.new-product-wrap .section.section-11 img{margin-top: 40px}*/
}
@media only screen and (max-width:640px) {
.mimg{display: block;}
.wimg{display: none !important;}
br {display: none}
.new-product-wrap{font-size: 0.62em}
.new-product-wrap .bg{padding: 70px 0 !important;}
.new-product-wrap .container h3{margin-bottom: 10px;letter-spacing: -0.5px}
.new-product-wrap .container p{font-size: 2.6em;font-weight: 400;letter-spacing: -0.5px}
.new-product-wrap .container1{box-sizing: border-box;padding: 0 5%}
.new-product-wrap .container2{box-sizing: border-box;padding: 0 5%}
.new-product-wrap .container .icon_img_wrap.type2 p{font-size: 3em}
.new-product-wrap .container .three-content-wrap{margin-bottom: 0}
.new-product-wrap .container .three-content-wrap .three-content{width: 100%;background: #f68563;float: none;min-height: 0;margin-bottom: 3%}
.new-product-wrap .container .three-content-wrap .three-content:nth-of-type(2){margin: 0;margin-bottom: 3%}
.new-product-wrap .container .three-content-wrap .three-content h3{font-size: 2.8em;padding: 4% 2% 1%;font-weight: 400}
.new-product-wrap .container .three-content-wrap .three-content p{font-size: 2.4em;padding: 0px 2% 0;line-height: 110%;font-weight: 400}
.new-product-wrap .container .three-content-wrap .three-content .three-content-img-wrap{width: 46%;float: left;padding-right: 4%}
.new-product-wrap .container .three-content-wrap .three-content .three-content-img-wrap img{margin-bottom: -1%}
.new-product-wrap .container .certification-wrap {margin-top: 50px}
.new-product-wrap .container .certification-wrap .certification{width: 100%;float: left;text-align: center;}
.new-product-wrap .container .certification-wrap .certification a{width: 70%;display: inline-block;vertical-align: middle;}
.new-product-wrap .container .certification-wrap .certification p{display: inline-block;vertical-align: middle;width: 50%;;padding: 0 5%;font-size: 2.5em;font-weight: 400}
.new-product-wrap .container .certification-wrap .certification{margin: 0 0 5% 0 !important}
.new-product-wrap .section.section-1{padding-top: 0;background:url(/static/image/product/Afit/background1_m.png) 50% 100% no-repeat;background-size: cover}
/*.new-product-wrap .section.section-1 img{display: block}*/
.new-product-wrap .section.section-1 .section-1-cotent-1 {margin-bottom: -2%;padding-top: 10%}
.new-product-wrap .section.section-1 .section-1-cotent-1 p br {display: block;}
.new-product-wrap .section.section-1 >div > img{;margin: 0 auto;width: 60%;padding: 30px 0}
.new-product-wrap .section.section-1 .section-1-cotent-1{width: 100%;text-align: center;}
.new-product-wrap .section.section-1 .section-1-cotent-1 img{display: block;margin: 0 auto;margin-bottom: 3.5%;width: 35%}
.new-product-wrap .section.section-1 .section-1-cotent-1 h1{margin-bottom: 3%;display: inline-block;width: auto;padding: 5px 5%}
.new-product-wrap .section.section-1 .section-1-cotent-1 h1 span{}
.new-product-wrap .section.section-1 .section-1-cotent-1 p{font-size: 3.1em}
.new-product-wrap .section.section-1 .section-1-cotent-1 h3{line-height: 120%;margin-bottom: 4%}
.new-product-wrap .section.section-1 .section-1-cotent-1 strong{font-size: 1.3em}
.new-product-wrap .section.section-1 .section-1-cotent-2{width: 100%;margin-top: 0;margin-left: 0;float: none !important}
.new-product-wrap .section.section-1 .section-1-cotent-2 img{margin-top: 0;float: none;margin-left: -2.5%;margin-right: auto;width: 105%}
.new-product-wrap .section.section-2 {background:#eec0a8 ;background-size: 100%}
.new-product-wrap .section.section-2 h3{color: #954b4a !important}
.new-product-wrap .section.section-2 .container{background:url(/static/image/product/Afit/indications.png) 20% 100% no-repeat;background-size: 100%;height: 710px;padding-top: 80px;box-sizing: content-box;}
.new-product-wrap .section.section-2 .container .section-2-content{position: absolute;left: 7%;top: 30px;width: 85%}
.new-product-wrap .section.section-2 .container .section-2-content img{width: 24%;margin-right: 33%;margin-top: 7.5%}
.new-product-wrap .container .icon_img_wrap{margin-top: 10px}
.new-product-wrap .container .icon_img_wrap.type2{margin-top: 10px}
.new-product-wrap .container .icon_img_wrap.type2.mtsm {margin-top: 5px}
.new-product-wrap .container .icon_img_wrap .icon_img {width: 32%;margin-top: 5%}
.new-product-wrap .container .icon_img_wrap .icon_img img{}
.new-product-wrap .container .harf-content-wrap{margin: 30px 0}
.new-product-wrap .container .harf-content-wrap.first{margin:60px 0 30px;}
.new-product-wrap .container .harf-content-wrap .harf-content{width: 100%;float: left;margin-bottom: 30px}
.new-product-wrap .container .harf-content-wrap .harf-content img{width: 100%}
.new-product-wrap .container .harf-content-wrap .harf-content p{width: 95%}
.new-product-wrap .section.section-3 .animation-img-wrap.type2{margin-top: -95px}
.new-product-wrap .section.section-3 .animation-img-wrap.type3{margin-top: -130px}
.new-product-wrap .section.section-4{padding: 70px 0}
.new-product-wrap .section.section-4 img{margin-top: 20px}
.new-product-wrap .section.section-4 .harf-content-wrap .harf-content.left-content{width: 100%;margin-top: -20%}
.new-product-wrap .section.section-4 .harf-content-wrap .harf-content.right-content{width: 100%;margin-bottom: 0}
.new-product-wrap .section.section-5 img{margin-top: 30px;margin-left: 0}
.new-product-wrap .section.section-6 .imgcontent1 {margin-top: 20px;text-align: center;margin-bottom: 0}
.new-product-wrap .section.section-6 .imgcontent1 img{width: 49%;display: inline-block;vertical-align: top;}
.new-product-wrap .section.section-6 .imgcontent1 img.first{width: 52%}
.new-product-wrap .section.section-6 .imgcontent2 {position: relative;margin-top: 5%}
.new-product-wrap .section.section-6 .imgcontent2 img.small{width: 48%;position: absolute;}
.new-product-wrap .section.section-6 .imgcontent2 img.big{width: 68%;float: right;}
.new-product-wrap .section.section-8 .box-content {}
.new-product-wrap .section.section-8 .box-content .bg{padding: 30px}
.new-product-wrap .section.section-8 .box-content .left{width: 100%}
.new-product-wrap .section.section-8 .box-content .right{width: 100%}
.new-product-wrap .section.section-8 .box-content .right h3{margin-top: 20px}
.new-product-wrap .section.section-8 .box-content .right ul{padding: 0 20px;margin:0;margin-top: 20px}
.new-product-wrap .section.section-8 .box-content .inline-content {text-align: center;padding: 0 20px 10px}
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap{text-align: center; width: 19%}
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap div{display: block;}
.new-product-wrap .section.section-8 .box-content .inline-content {}
.new-product-wrap .section.section-8 .box-content .inline-content .img-wrap{width: 50px;margin-right: 10px;margin: 0 auto}
.new-product-wrap .section.section-9 .mimg{margin-bottom: 6%}
.new-product-wrap .section.section-9 .content-wrap img{width:29.5%;margin: 0.8%}
.new-product-wrap .container .three-content-wrap .three-content{min-height: 0 !important}
.new-product-wrap .section.section-10 .slideimg-wrap img{width: 200%}
.new-product-wrap .section.section-11 .hand-animation.text-wrap p{font-size: 5.5em}
.new-product-wrap .section.section-12 h3 br{display: block;}
.new-product-wrap .section.section-14 .icons-wrap .icons {width: 40%;display: inline-block;margin: 3% 3.5%}
.new-product-wrap .section.section-14 .icons-wrap .icons p strong{display: inline-block;margin-left: 5%}
.new-product-wrap .section.section-15 {padding-bottom: 70px}
.new-product-wrap .section.section-17 .section-17-content{width: 100%;margin-bottom: 1%;min-height: 0;margin-top: 0}
.new-product-wrap .section.section-17 .section-17-content img{width: 50%;display: block;float: left;}
.new-product-wrap .section.section-17 .section-17-content .text-content-wrap{width: 50%;display: block;float: left;position: relative;}
.new-product-wrap .section.section-17 .section-17-content .text-content-wrap .text-content{padding: 5%}
.new-product-wrap .section.section-17 .section-17-content h4{text-align: left;margin-bottom: 20px;margin-top: 5%}
.new-product-wrap .section.section-17 .section-17-content p{padding: 0;font-size: 2.2em;text-align: left;}
.new-product-wrap .section.section-17 .section-17-content p br{display: block;}
.new-product-wrap .section.section-17 .p p br{display: block;}
.new-product-wrap .section.section-18 .section-18-content{width: 100%;margin-bottom: 1%;min-height: 0;margin-top: 0}
.new-product-wrap .section.section-18 .section-18-content:nth-of-type(1){margin-top: 20px;margin-bottom: 0}
.new-product-wrap .section.section-18 .section-18-content img{width: 100%;display: block;float: left;}
.new-product-wrap .section.section-18 .section-18-content .text-content-wrap{width: 100%;display: block;float: left;position: relative;padding: 20px;font-size: 1.2em}
.new-product-wrap .section.section-18 .section-18-content .text-content-wrap .text-content{padding: 3%}
.new-product-wrap .section.section-18 .section-18-content h4{text-align: left;margin-top: 0}
.new-product-wrap .section.section-18 .section-18-content ul{font-weight: 100;margin-left: 10px;list-style: square url("/static/image/product/UV/sqpurple.png");}
.new-product-wrap .section.section-18 .section-18-content ul li{margin-bottom: 5px;}
.new-product-wrap .section.section-19 .certification-wrap .certification{position: relative;}
.new-product-wrap .section.section-19 .certification-wrap .certification{padding-top: 15%;margin-bottom: 10%;}
.new-product-wrap .section.section-19 .certification-wrap .certification p{position: absolute;top: 0;left: 0;width: 100%;padding: 0;font-size: 2.7em}
.new-product-wrap .section.section-21 .three-content-wrap .three-content{width: 100%;;margin-bottom: 3%;padding: 0;margin:0;}
.new-product-wrap .section.section-21 .three-content-wrap .three-content .three-content-img-wrap{width: 100%;float: none;padding: 0;margin:0;}
.new-product-wrap .section.section-21 .three-content-wrap .three-content p{width: 100%;box-sizing: border-box;padding: 5%}
.new-product-wrap .section.section-25 .certification {position: relative;margin-bottom: 10% !important;float: none;margin-left: auto!important;margin-right: auto!important;width: 85%;}
.new-product-wrap .section.section-25 .certification a{width: 100%;padding-top: 60px}
.new-product-wrap .section.section-25 .certification p{position: absolute;top: 0;left: 0;width: 100%;padding: 0;font-size:3em ;padding-bottom: 5%;letter-spacing: -0.5px;line-height: 100%}
.new-product-wrap .section.section-26 .three-content-wrap .three-content{width: 100%;;margin-bottom: 3%;padding: 0;margin:0;}
.new-product-wrap .section.section-26 .three-content-wrap .three-content .three-content-img-wrap{width: 100%;float: none;padding: 0;margin:0;}
.new-product-wrap .section.section-26 .three-content-wrap .three-content p{width: 100%;box-sizing: border-box;padding: 5%}
.new-product-wrap .section.section-28 .harf-content-wrap p{font-size: 3em}
.video-wrap {margin-bottom: 70px}
.video-wrap .video-content{width: 100%;margin-right: 0;display: block;float: left;cursor: pointer;margin-bottom: 20px}
.product-back-wrap .product-video {}
.product-back-wrap .product-video iframe{width: 100%;height: 80%;max-height: 230px}
.exhibition-wrap {}
.exhibition-wrap .exhibition {width: 100%;margin: 20px auto;}
.exhibition-wrap .exhibition .title{font-size: 3.4em;padding: 5%}
.exhibition-wrap .exhibition .content{font-size: 2.5em;padding: 0% 5% 5% 5%;color: #fff;line-height: 130%;min-height: 60px}
.exhibition-wrap .exhibition .modal-text{display: none}
.testimonial-wrap .testimonial {}
.testimonial-wrap .testimonial .testimonial-left{width: 30%;float: left;background: #f68563;padding: 50px 0}
.testimonial-wrap .testimonial:nth-of-type(3) .testimonial-left{padding:100px 0;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content{background: url(/static/image/product/Afit/testimonialThumb3_new.png) 50% 50% no-repeat;background-size: 100%;width: 100px;height: 100px;border-radius: 50%;margin: 0 auto}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content-1{background: url(/static/image/product/Afit/testimonial1.png) 50% 50% no-repeat;background-size: 100%;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content-2{background: url(/static/image/product/Afit/testimonial2.png) 50% 50% no-repeat;background-size: 100%;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content-3{background: url(/static/image/product/Afit/testimonial3.png) 50% 50% no-repeat;background-size: 100%;}
.testimonial-wrap .testimonial .testimonial-left img{display: none}
.testimonial-wrap .testimonial .testimonial-left p{color: #221815;;width: 100%;padding: 10px 5%;text-align: center;font-size:2.57em;font-weight: bold;box-sizing: border-box;}
.testimonial-wrap .testimonial .testimonial-right{float: right;width: 70%;font-size: 2.7em;color: #221815;box-sizing: border-box;padding:5%;line-height: 110%;font-weight: bold}
.testimonial-wrap .testimonial .testimonial-right br{display: block;}
.testimonial-wrap .testimonial .testimonial-right p{text-align: right;}
.product-news {margin: 5% auto;padding: 20px;height: 90%;width: 95%}
.media-wrap {margin-bottom: 70px}
.media-wrap .imgwrap{width: 50%;margin-top: 20px}
.media-wrap .imgwrap:nth-of-type(4){border-bottom:1px #95a9ce solid; padding-bottom: 20px;}
.media-wrap .imgwrap:nth-of-type(5){border-bottom:0; padding-bottom: 20px;}
.media-wrap .imgwrap img{display: block;width: 90%}
.media-wrap .imgwrap:nth-child(3n+2) img{margin: 0}
.media-wrap .imgwrap:nth-child(3n) img{float: none;}
.media-wrap .imgwrap:nth-child(2n) img{float: right;}
}
@media only screen and (max-width:540px) {
.new-product-wrap .section.section-3 .animation-img-wrap.type2{margin-top: -75px}
.new-product-wrap .section.section-3 .animation-img-wrap.type3{margin-top: -100px}
.new-product-wrap .section.section-8 .box-content .inline-content {}
.new-product-wrap .section.section-8 .box-content .inline-content {}
.new-product-wrap .section.section-8 .box-content .inline-content .img-wrap{width: 50px;margin-right: 10px;margin: 0 auto}
.new-product-wrap .section.section-2 .container{height: 630px}
.new-product-wrap .section.section-9 .container .text-wrap{top:50px;}
.new-product-wrap{font-size: 0.52em}
.new-product-wrap .bg{padding: 50px 0 !important;}
.new-product-wrap .section.section-15 {padding-bottom: 50px}
.new-product-wrap .section.section-11 .hand-animation{width: 24.3% !important;}
.new-product-wrap .section.section-11 #bar_circle{width: 24.3% !important;}
.new-product-wrap .section.section-11 .hand-animation.text-wrap p{font-size: 4em}
.new-product-wrap .section.section-11 .hand-animation.hand-wrap img {bottom: -300%}
}
@media only screen and (max-width:440px) {
.new-product-wrap .section.section-2 .container{height: 520px}
.new-product-wrap .section.section-3 .animation-img-wrap.type2{margin-top: -55px}
.new-product-wrap .section.section-3 .animation-img-wrap.type3{margin-top: -70px}
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap{width: 17%}
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap div{font-size: 0.8em}
.new-product-wrap .section.section-11 .hand-animation{width: 23.8% !important;left: 38.3%}
.new-product-wrap .section.section-11 #bar_circle{width: 23.8% !important;left: 38.3%}
}
@media only screen and (max-width:375px) {
.new-product-wrap .container .three-content-wrap .three-content .three-content-img-wrap img{margin-bottom: -1.1%}
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap{width: 16%}
.new-product-wrap .section.section-8 .box-content .inline-content .content-wrap div{font-size: 0.7em}
.new-product-wrap .section.section-8 .box-content .inline-content .img-wrap{width: 30px;margin-right: 10px;margin: 0 auto}
.new-product-wrap .section.section-2 .container{height: 445px}
.new-product-wrap .section.section-9 .container .text-wrap{top:30px;}
.testimonial-wrap .testimonial .testimonial-left .testimonial-content{width: 70px;height: 70px}
.new-product-wrap{font-size: 0.4em}
.new-product-wrap .bg{padding: 30px 0 !important;}
.new-product-wrap .section.section-15 {padding-bottom: 30px}
.new-product-wrap .section.section-11 .hand-animation{width: 23% !important;}
.new-product-wrap .section.section-11 #bar_circle{width: 23% !important;}
.new-product-wrap .section.section-11 .hand-animation.text-wrap p{margin-top: 30%}
}
@media only screen and (max-width:370px) {
.new-product-wrap .section.section-2 .container{height: 370px}
}
@keyframes SlideTB {
from {
transform: translate(-20%,-5%);
opacity:0;
}
to {
transform: translate(-32%,10%);
opacity:1;
}
}
@-moz-keyframes rotatebox_R {
from {
-moz-transform: rotate(-90deg)
translate(30%)
rotate(90deg);
}
to {
-moz-transform: rotate(160deg)
translate(40%)
rotate(-160deg);
}
}
@-webkit-keyframes rotatebox_R {
from {
-webkit-transform: rotate(-90deg)
translate(30%)
rotate(90deg);
}
to {
-webkit-transform: rotate(160deg)
translate(40%)
rotate(-160deg);
}
}
@keyframes rotatebox_R {
from {
transform: rotate(-90deg)
translate(30%)
rotate(90deg);
}
to {
transform: rotate(160deg)
translate(40%)
rotate(-160deg);
}
}
@-moz-keyframes rotatebox_RM {
from {
-moz-transform: rotate(-90deg)
translate(20%)
rotate(90deg);
}
to {
-moz-transform: rotate(160deg)
translate(40%)
rotate(-160deg);
}
}
@-webkit-keyframes rotatebox_RM {
from {
-webkit-transform: rotate(-90deg)
translate(20%)
rotate(90deg);
}
to {
-webkit-transform: rotate(160deg)
translate(40%)
rotate(-160deg);
}
}
@keyframes rotatebox_RM {
from {
transform: rotate(-90deg)
translate(20%)
rotate(90deg);
}
to {
transform: rotate(160deg)
translate(40%)
rotate(-160deg);
}
}
@-moz-keyframes rotatebox_RD {
from {
-moz-transform: rotate(-270deg);
}
to {
-moz-transform: rotate(-35deg);
}
}
@-webkit-keyframes rotatebox_RD {
from {
-webkit-transform: rotate(-270deg);
}
to {
-webkit-transform: rotate(-35deg);
}
}
@keyframes rotatebox_RD {
from {
transform: rotate(-270deg);
}
to {
transform: rotate(-35deg);
}
}