@charset "utf-8";
.m-Top{margin-top:5.2vw;}
.main-width{width:75vw;margin:0 auto;}
.other-banner img{width:100%;height:auto;}


.header{position:fixed;left:0;top:0;width:100%;height:5.2vw;background-color:#fff;box-shadow:0 0 5px #999;z-index:9999;transition:all .3s;}
.header .phone-menu{display:none;float:left;width:28px;height:18px;margin-top:16px;cursor:pointer;}
.header .phone-menu span{display:block;width:28px;height:2px;background-color:#1d1d1d;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}
.header .phone-menu .b1,.header .phone-menu .b2{margin-bottom:6px;}
.header .logo{float:left;height:2.96vw;margin-top:1.12vw;transition:all .3s;}
.header .logo img{width:auto;height:100%;}
.header .search{position:relative;float:right;width:2.2vw;height:2.2vw;padding:1.5vw 0;z-index:9;transition:all .3s;}
.header .search .box{position:relative;right:0;float:right;width:2.2vw;height:2.2vw;overflow:hidden;transition:all .5s;}
.header .search .box .text{width:100%;height:2.2vw;padding:0 2.2vw 0 0.5vw;border:1px solid #fff;border-radius:1.1vw;background-color:#fff;box-sizing:border-box;transition:border .5s;}
.header .search .box .btn,.header .search .box .sub{position:absolute;top:0;right:0;width:2.2vw;height:2.2vw;background-image:url(../images/search-icon.png);background-size:1.875vw 1.875vw;background-position:center;background-color:initial;background-repeat:no-repeat;cursor:pointer;transition:background .5s;}
.header .search .box .sub{z-index:-1;opacity:0;}
.header .search .box.open{width:12vw;right:-6vw;}
.header .search .box.open .text{border-color:#999;}
.header .search .box.open .sub{z-index:1;opacity:1;background-size:0.9375vw 0.9375vw;}
.header .search .box.open .btn{z-index:-1;opacity:0;background-size:0.9375vw 0.9375vw;}
.header .nav{float:right;margin-right:5vw;}
.header .nav .one > li{position:relative;float:left;line-height:2.2vw;padding:1vw;font-size:1.19vw;transition:all .3s;}
.header .nav .one > li:hover > a{color:#0886ff;}
.header .nav .one > li.active > a{color:#0886ff;}
.header .nav .two{display:none;position:absolute;width:16vw;left:50%;top:4.58vw;margin-top:-5px;margin-left:-8vw;background-color:#fff;border-top:5px solid #93d50a;box-shadow:0 0 3px #bbb;transition:top .3s;}
.header .nav .two.big{width:15vw;margin-left:-7.5vw;}
.header .nav .two li{line-height:2vw;text-align:center;font-size:0.83vw;}
.header .nav .two li a{display:block;padding:0 1vw;}
.header .nav .two li a:hover{background-color:#0886ff;color:#fff;}
/* .header.flow{height:3.125vw;box-shadow:0 0 5px rgba(0,0,0,.2);}
.header.flow .logo{height:2.425vw;margin-top:0.35vw;}
.header.flow .search{padding:0.4875vw 0;}
.header.flow .nav .one > li{padding:0.4875vw 2.5vw;}
.header.flow .nav .two{top:3.125vw;} */
.header.active .phone-menu .b1{transform:rotate(45deg);}
.header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.header.active .phone-menu .b3{transform:rotate(-45deg);}


.subscribe{background-color:#191919;}
.subscribe .main-width{padding:2.35vw 0;overflow:hidden;border-bottom:1px solid #3b3b3b;}
.subscribe .text{float:left;width:44.8vw;}
.subscribe .text h3{float:left;width:10.35vw;line-height:2.6vw;margin-right:2vw;border-right:1px solid #3b3b3b;font-size:1.875vw;font-family:"Gotham-Bold";color:#fff;text-transform:uppercase;box-sizing:border-box;}
.subscribe .text p{float:left;width:24.75vw;line-height:1vw;padding:0.3vw 0;font-size:0.73vw;color:#fff;}
.subscribe .mail{float:right;width:26.5vw;height:2.6vw;font-size:0;}
.subscribe .mail input[type="text"]{width:75.5%;height:2.6vw;padding:0 1vw;border:1px solid #3b3b3b;border-right:none;box-sizing:border-box;background:none;color:#fff;}
.subscribe .mail .sub{width:24.5%;height:2.6vw;background-color:#0886ff;color:#fff;text-transform:uppercase;font-size:0.73vw;border:none;cursor:pointer;vertical-align:top;}


.footer{padding:2.85vw 0;background-color:#191919;overflow:hidden;}
.footer a{color:#dfdfdf;}
.footer a:hover{color:#0886ff;}
.footer h3{line-height:1.5vw;margin-bottom:1.3vw;font-size:1.25vw;text-transform:uppercase;font-family:"Gotham-Bold";color:#fff;}
.footer h3 a{color:#fff;}
.footer h3 a:hover{color:#0886ff;}
.footer li{position:relative;line-height:1vw;margin-bottom:1vw;padding-left:1.3vw;font-size:0.73vw;}
.footer li:after{content:"";position:absolute;left:0;top:0.5vw;width:0.52vw;height:2px;margin-top:-1px;background-color:#dfdfdf;}
.footer .fbox{float:left;width:33.3333%;box-sizing:border-box;}
.footer .pro{border-right:1px solid #3b3b3b;}
.footer .nav{border-right:1px solid #3b3b3b;text-align:center;}
.footer .nav .box{display:inline-block;text-align:left;padding-bottom:1.2vw;}
/*.footer .nav .box h3{margin-bottom:6.5vw;}*/
/*.footer .nav .box h3:nth-last-child(1){margin-bottom:0;}*/
.footer .contact{padding-left:6.25vw;}
.footer .contact p{line-height:1.3vw;font-size:0.73vw;color:#dfdfdf;}
.footer .contact p span{display:block;line-height:1.5vw;font-size:0.83vw;font-family:"Gotham-Bold";text-transform:uppercase;color:#fff;}
.footer .contact p:nth-last-child(1){margin-bottom:0;}


.copy-right{background-color:#191919;}
.copy-right .main-width{padding:1.3vw 0;border-top:1px solid #3b3b3b;overflow:hidden;}
.copy-right p{float:left;line-height:2vw;font-size:0.83vw;;color:#fff;}
.copy-right .sns{float:right;overflow:hidden;}
.copy-right .sns a{float:left;display:block;width:2vw;height:2vw;margin-left:0.65vw;background-image:url(../images/sns.png);background-size:400% 200%;background-position-y:0;}
.copy-right .sns a:hover{background-position-y:-100%;}
.copy-right .sns .twitter{background-position-x:0;}
.copy-right .sns .facebook{background-position-x:-100%;}
.copy-right .sns .youtube{background-position-x:-200%;}
.copy-right .sns .linkedin{background-position-x:-300%;}


.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:854px;height:480px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(../images/loadinglit.gif) no-repeat center;}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(../images/close.png);cursor:pointer;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


.search-results{padding:30px 0;}
.search-results h1{line-height:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;font-size:24px;}
.search-results .seabox{width:650px;max-width:100%;height:42px;margin-bottom:20px;font-size:0;box-sizing:border-box;overflow:hidden;}
.search-results .seabox input[type="text"]{width:80%;height:42px;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;font-size:14px;border-radius:10px 0 0 10px;}
.search-results .seabox input[type="submit"]{width:20%;height:42px;background-color:#0886ff;color:#fff;box-sizing:border-box;font-size:14px;border-radius:0 10px 10px 0;cursor:pointer;}
.search-results .cont{float:left;width:50%;}
.search-results .cont ul{margin-bottom:30px;}
.search-results .cont li{margin-bottom:30px;}
.search-results .cont li h3{line-height:25px;margin-bottom:5px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.search-results .cont li h3 a{text-decoration:underline;}
.search-results .cont li p{line-height:20px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.search-results .cont li .info{position:relative;padding-left:150px;padding-top:10px;min-height:100px;}
.search-results .cont li .info .pic{position:absolute;left:0;top:0;width:130px;height:100px;overflow:hidden;}
.search-results .cont li .info .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}
.search-results .probox{float:right;width:40%;}
.search-results .probox h2{line-height:30px;margin-bottom:20px;font-size:20px;clear:both;}
.search-results .probox ul{width:103%;overflow:hidden;}
.search-results .probox li{float:left;width:30.42%;margin:0 2.91% 2.91% 0;text-align:center;}
.search-results .probox li h3{line-height:20px;font-size:16px;}
.search-results .probox li .pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
.search-results .probox li .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}
.search-results .probox .marb{margin-bottom:30px;}
.search-results .sear-page{text-align:center;font-size:0;overflow:hidden;}
.search-results .sear-page span,.search-results .sear-page strong,.search-results .sear-page a{float:left;display:block;font-size:14px;line-height:40px;padding:0 15px;margin:0 5px 10px;background-color:#e7eaec;border-radius:5px;}
.search-results .sear-page span,.search-results .sear-page strong{cursor:default;}
.search-results .sear-page strong{background-color:#0886ff;color:#fff;}
.search-results .sear-page a:hover{background-color:#0886ff;color:#fff;}


.page{text-align:center;clear:both;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 5px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}
.page ul li.thisclass a{background-color:#45a8fc;color:#fff;}
.page ul li a:hover{background-color:#45a8fc;color:#fff;}


.index-main h2{position:relative;line-height:2.6vw;margin-bottom:3.5vw;padding-bottom:1.3vw;font-size:2.3vw;font-family:"Gotham-Book";text-align:center;}
.index-main h2:before{content:"";position:absolute;bottom:0;left:50%;width:27vw;height:1px;margin-left:-13.5vw;background-color:#ccc;}
.index-main h2:after{content:"";position:absolute;bottom:-0.24vw;left:50%;width:3.4vw;height:0.52vw;margin-left:-1.7vw;border-radius:0.26vw;background-color:#0886ff;}
.index-main .slidebox{width:100%;position:relative;z-index:99;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;left:0;bottom:2.6vw;width:100%;height:0.9375vw;text-align:center;}
.index-main .slidebox .slidelist ul{display:inline-block;height:0.9375vw;vertical-align:top;}
.index-main .slidebox .slidelist ul li{float:left;width:0.9375vw;height:0.9375vw;margin:0 0.4vw;padding:3px;box-sizing:border-box;border-radius:50%;cursor:pointer;}
.index-main .slidebox .slidelist ul li i{display:block;width:100%;height:100%;background-color:rgba(173,63,58,.5);box-sizing:border-box;border-radius:50%;}
.index-main .slidebox .slidelist ul li.active{border:1px solid #0886ff;padding:2px;}
.index-main .slidebox .slidelist ul li.active i{border:1px solid #0886ff;background-color:initial;}
.index-main .slidebox .item-btn{position:absolute;width:68px;height:58px;top:50%;margin-top:-29px;cursor:pointer;background-color:rgba(0,0,0,.5);transition:all .5s;}
.index-main .slidebox .item-btn:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:11px;margin:-5.5px 0 0 -9px;background-image:url(../images/icon-btn.png);background-size:200% 100%;}
.index-main .slidebox .item-btn:hover{background-color:rgba(173,63,58,.7);}
.index-main .slidebox .prev{left:-68px;}
.index-main .slidebox .prev:after{background-position-x:0;}
.index-main .slidebox .next{right:-68px;}
.index-main .slidebox .next:after{right:0;background-position-x:-100%;}
.index-main .slidebox:hover .prev{left:6vw;}
.index-main .slidebox:hover .next{right:6vw;}


.index-newpro{padding:5vw 0 1.5vw;}
.index-newpro h2{margin-bottom:5vw;}
.index-newpro li{height:32vw;margin-bottom:3.5vw;overflow:hidden;}
.index-newpro li .pic{float:left;width:50%;height:32vw;overflow:hidden;}
.index-newpro li .pic img{width:100%;height:auto;transition:all .5s;}
.index-newpro li .text{float:right;width:50%;height:32vw;padding-top:12vw;text-align:center;box-sizing:border-box;transition:all .5s;}
.index-newpro li .text h3{position:relative;line-height:1.8vw;margin-bottom:1vw;padding-bottom:0.8vw;font-size:1.46vw;font-family:"Gotham-Book";color:#0886ff;transition:all .5s;}
.index-newpro li .text h3:after{content:"";position:absolute;left:50%;bottom:0;width:2vw;height:2px;margin-left:-1vw;background-color:#0886ff;transition:all .5s;}
.index-newpro li .text p{line-height:1.3vw;font-size:0.83vw;font-family:"Gotham-Light";color:#0886ff;transition:all .5s;}
.index-newpro li .text a{display:inline-block;line-height:1.9vw;margin-top:1vw;padding:0 1.6vw;font-size:0.73vw;border-radius:1vw;background-color:#0886ff;color:#fff;text-transform:uppercase;transition:all .5s;}
.index-newpro li:nth-child(2n) .pic{float:right;}
.index-newpro li:nth-child(2n) .text{float:left;}
.index-newpro li:hover .pic img{transform:scale(1.05);}
.index-newpro li:hover .text{background-color:#0886ff;}
.index-newpro li:hover .text h3{color:#fff;}
.index-newpro li:hover .text h3:after{background-color:#fff;}
.index-newpro li:hover .text p{color:#fff;}
.index-newpro li:hover .text a{background-color:#fff;color:#0886ff;}


.index-hotpro{padding:1.5vw 0 2.5vw;overflow:hidden;text-align:center;}
.index-hotpro ul{width:102.7778%;overflow:hidden;}
.index-hotpro li{float:left;width:22.2973%;margin:0 2.7027% 2.7027% 0;}
.index-hotpro li .pic{height:0;padding-bottom:100%;border:1px solid #e4e4e4;background-color:#fff;box-sizing:border-box;overflow:hidden;}
.index-hotpro li .pic img{width:100%;height:auto;}
.index-hotpro li .text{position:relative;padding:0.8vw 2.8vw 0.8vw 1vw;border-bottom:1px solid #c1c1c1;text-align:left;transition:all .5s;height:45px}
.index-hotpro li .text p{line-height:0.9375vw;font-size:0.73vw;font-family:"Gotham-Medium";color:#333;transition:all .5s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-hotpro li .text a{position:absolute;right:0;top:0.8vw;width:1.875vw;height:1.875vw;border-radius:50%;background-color:#0886ff;transition:all .5s;}
.index-hotpro li .text a:after{content:"";position:absolute;left:50%;top:50%;width:0.73vw;height:0.47vw;margin:-0.235vw 0 0 -0.365vw;background-image:url(../images/arrow.png);background-size:100% 200%;}
.index-hotpro li .text:after{content:"";position:absolute;left:0;top:0.8vw;width:0.2vw;height:1.875vw;background-color:#0886ff;transition:all .5s;}
.index-hotpro li:hover .text{padding:0.8vw 3vw 0.8vw 2vw;background-color:#0886ff;}
.index-hotpro li:hover .text p{color:#fff;}
.index-hotpro li:hover .text a{right:1vw;background-color:#fff;}
.index-hotpro li:hover .text a:after{background-position-y:-100%;}
.index-hotpro li:hover .text:after{left:1vw;background-color:#fff;}
.index-hotpro .all{display:inline-block;line-height:3vw;padding:0 3.6vw;margin-top:1vw;background-color:#0886ff;color:#fff;border-radius:1.5vw;text-transform:uppercase;font-size:0.9375vw;font-family:"Gotham-Medium";}


.index-about{padding:5vw 0;}
.index-about .pic img{width:100%;height:auto;}
.index-about .text{position:relative;width:87.5%;margin:-6.25vw auto 0;padding:3.4vw 3.6vw 2.1vw;background-color:#fff;text-align:center;box-sizing:border-box;z-index:2;box-shadow:0 0 2vw rgba(0,0,0,.05);}
.index-about .text p{line-height:1.5vw;margin-bottom:1.3vw;font-size:0.83vw;color:#212121;}
.index-about .text p span{color:#0886ff;}
.index-about .list{overflow:hidden;}
.index-about .list ul{width:101%;}
.index-about .list li{float:left;width:32.343%;margin-right:0.99%;}
.index-about .list li img{width:100%;height:auto;}


.index-why{padding:1.5vw 0 6vw;overflow:hidden;}
.index-why ul{width:101%;}
.index-why li{position:relative;float:left;width:24.01%;margin-right:0.99%;overflow:hidden;}
.index-why li .pic{position:relative;height:0;padding-bottom:131.42857%;overflow:hidden;}
.index-why li .pic img{width:100%;height:auto;}
.index-why li .pic:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:60%;background-image:url(../images/index-why-shadow.png);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;}
.index-why li .text{position:absolute;left:0;top:0;width:100%;height:100%;padding:3.65vw 1.8vw 0;box-sizing:border-box;background-color:rgba(167,36,28,0);transform:translateY(73%);transition:all .5s;}
.index-why li .text h3{line-height:1.3vw;font-size:0.95vw;color:#fff;text-align:center;font-family:"Gotham-Book";}
.index-why li .text hr{width:1.6vw;height:1px;margin:2vw 0 1.1vw;text-align:left;border:1px solid #fff;background-color:#fff;}
.index-why li .text p{line-height:1.3vw;font-size:0.95vw;color:#fff;}
.index-why li:hover .text{background-color:rgba(167,36,28,.85);transform:translateY(0);}
.index-why li:hover .text h3{text-align:left;}



.main-about{padding:4vw 0;}
.main-about .info{margin-bottom:1.85vw;overflow:hidden;}
.main-about .info .left{float:left;}
.main-about .info .right{float:right;}
.main-about .info .text{width:50%;padding:1.5vw 2.8vw 0;box-sizing:border-box;}
.main-about .info .text span{line-height:1.3vw;font-size:0.83vw;color:#0886ff;}
.main-about .info .text h1{line-height:3vw;margin:0.5vw 0 0.9vw;font-size:2.5vw;font-family:"Gotham-Medium";}
.main-about .info .text p{line-height:1.3vw;margin-bottom:0.8vw;font-size:0.73vw;}
.main-about .info .text.right{padding-top:7vw;}
.main-about .info .pic{width:50%;}
.main-about .info .pic img{width:100%;height:auto;}
.main-about .certificate{padding:3vw 0 1vw;overflow:hidden;}
.main-about .certificate h2{position:relative;line-height:2.6vw;margin-bottom:3.5vw;padding-bottom:1.3vw;font-size:2.3vw;font-family:"Gotham-Book";text-align:center;}
.main-about .certificate h2:before{content:"";position:absolute;bottom:0;left:50%;width:27vw;height:1px;margin-left:-13.5vw;background-color:#ccc;}
.main-about .certificate h2:after{content:"";position:absolute;bottom:-0.24vw;left:50%;width:3.4vw;height:0.52vw;margin-left:-1.7vw;border-radius:0.26vw;background-color:#0886ff;}
.main-about .certificate li{float:left;width:18%;margin:0 1%;}
.main-about .certificate li .pic{height:0;padding-bottom:136.47%;overflow:hidden;}
.main-about .certificate li .pic img{width:100%;height:auto;}



.list-faq{padding:4vw 0;}
.list-faq li{position:relative;padding:3.2vw 9.5vw 3.2vw 3.65vw;border-bottom:1px solid #cdcdcd;}
.list-faq li i{position:absolute;right:2.85vw;top:4vw;width:1.875vw;height:1.875vw;margin-top:-0.9375vw;background-color:#666;cursor:pointer;}
.list-faq li i:before{content:"";position:absolute;left:50%;top:50%;width:0.95vw;height:2px;margin:-1px 0 0 -0.475vw;background-color:#fff;}
.list-faq li i:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:0.95vw;margin:-0.475vw 0 0 -1px;background-color:#fff;}
.list-faq li h3{position:relative;line-height:1.6vw;padding-left:2.6vw;font-size:1.25vw;font-family:"Gotham-Book";}
.list-faq li h3:after{content:"Q";position:absolute;left:0;top:0;width:1.6vw;height:1.6vw;line-height:1.6vw;text-align:center;background-color:#0886ff;color:#fff;font-size:1vw;border-radius:3px;}
.list-faq li .answer{display:none;position:relative;line-height:1.6vw;padding-left:2.6vw;margin-top:1.5vw;font-size:0.9375vw;}
.list-faq li .answer p{line-height:1.6vw;font-size:0.9375vw;}
.list-faq li .answer:after{content:"A";position:absolute;left:0;top:0;width:1.6vw;height:1.6vw;line-height:1.6vw;text-align:center;background-color:#0886ff;color:#fff;font-size:1vw;border-radius:3px;}
.list-faq li:after{content:"";position:absolute;left:0;top:0;width:0.35vw;height:100%;transition:all .5s;}
.list-faq li.on i{background-color:#0886ff;}
.list-faq li.on i:after{display:none;}
.list-faq li.on:after{background-color:#0886ff;}


.main-support{padding:4vw 0;}
.main-support .cont{margin-bottom:3vw;overflow:hidden;}
.main-support .cont h1{line-height:2.6vw;margin-bottom:3vw;font-size:2.3vw;}
.main-support .cont .text{float:left;margin-right:10vw;}
.main-support .cont .text p{line-height:1.5vw;margin-bottom:1vw;font-size:0.9375vw;color:#666;}
.main-support .cont .text p a{color:#666;}
.main-support .cont .text p a:hover{color:#0886ff;}
.main-support .cont .text p span{color:#000;font-family:"Gotham-Bold";}
.main-support .cont .text .qr{margin-top:2.5vw;}
.main-support .cont .code{float:left;width:10vw;}
.main-support .cont .code img{width:100%;height:auto;}
.main-support .list{border-top:1px solid #ccc;}
.main-support .list li{position:relative;line-height:1.3vw;padding:1.8vw 10vw 1.8vw 4vw;border-bottom:1px solid #ccc;font-size:0.83vw;}
.main-support .list li .down{position:absolute;right:0;top:1.4vw;width:130px;height:2.1vw;line-height:2.1vw;border:1px solid #0886ff;text-align:center;box-sizing:border-box;color:#0886ff;}
.main-support .list li .down:hover{background-color:#0886ff;color:#fff;}
.main-support .list li:after{content:"";position:absolute;left:0.5vw;top:1.4vw;width:1.9vw;height:2.1vw;background-image:url(../images/icon-pdf.png);background-size:100% 100%;}



.list-products{padding-bottom:4vw;}
.list-products .category{margin-bottom:2vw;background-color:#fff;overflow:hidden;}
.list-products .category li{float:left;width:25%;height:3.6vw;line-height:3.6vw;border:1px solid #dadada;font-size:0.73vw;font-family:"Gotham-Medium";box-sizing:border-box;}
.list-products .category li a{position:relative;display:block;padding:0 3.6vw;}
.list-products .category li a:after{content:"";position:absolute;left:2.5vw;top:50%;width:0.47vw;height:0.84vw;margin-top:-0.42vw;background-image:url(../images/cate-icon.png);background-size:200% 100%;}
.list-products .category li:hover a,.list-products .category li.active a{background-color:#0886ff;color:#fff;}
.list-products .category li:hover a:after,.list-products .category li.active a:after{background-position-x:-100%;}
.list-products .cont{margin-bottom:2vw;overflow:hidden;}
.list-products .cont ul{width:102.7778%;overflow:hidden;}
.list-products .cont li{float:left;width:22.2973%;margin:0 2.7027% 2.7027% 0;}
.list-products .cont li .pic{height:0;padding-bottom:100%;border:1px solid #e4e4e4;background-color:#fff;box-sizing:border-box;overflow:hidden;}
.list-products .cont li .pic img{width:100%;height:auto;}
.list-products .cont li .text{position:relative;padding:0.8vw 2.8vw 0.8vw 1vw;border-bottom:1px solid #c1c1c1;text-align:left;transition:all .5s;}
.list-products .cont li .text p{line-height:0.9375vw;font-size:0.73vw;font-family:"Gotham-Medium";color:#333;transition:all .5s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-products .cont li .text a{position:absolute;right:0;top:0.8vw;width:1.875vw;height:1.875vw;border-radius:50%;background-color:#0886ff;transition:all .5s;}
.list-products .cont li .text a:after{content:"";position:absolute;left:50%;top:50%;width:0.73vw;height:0.47vw;margin:-0.235vw 0 0 -0.365vw;background-image:url(../images/arrow.png);background-size:100% 200%;}
.list-products .cont li .text:after{content:"";position:absolute;left:0;top:0.8vw;width:0.2vw;height:1.875vw;background-color:#0886ff;transition:all .5s;}
.list-products .cont li:hover .text{padding:0.8vw 3vw 0.8vw 2vw;background-color:#0886ff;}
.list-products .cont li:hover .text p{color:#fff;}
.list-products .cont li:hover .text a{right:1vw;background-color:#fff;}
.list-products .cont li:hover .text a:after{background-position-y:-100%;}
.list-products .cont li:hover .text:after{left:1vw;background-color:#fff;}
.list-products .cont h3{display:none;line-height:1.5vw;margin:50px 0;font-size:0.9375vw;text-align:center;}
.list-products .cont h3.show{display:block;}


.main-products{padding:2vw 0 4vw;overflow:hidden;}
.main-products .overview{margin-bottom:4vw;overflow:hidden;}
.main-products .overview .slide-pro{float:left;width:31.25vw;}
.main-products .overview .slide-pic{width:31.25vw;height:31.25vw;margin-bottom:0.6vw;overflow:hidden;}
.main-products .overview .slide-pic li{float:left;width:31.25vw;height:31.25vw;}
.main-products .overview .slide-pic li img{width:100%;height:100%;}
.main-products .overview .slide-dot{position:relative;}
.main-products .overview .slide-dot .pos{width:28.4vw;margin:0 auto;overflow:hidden;}
.main-products .overview .slide-dot .pos ul{width:1000%;}
.main-products .overview .slide-dot .pos li{float:left;width:5.2vw;height:5.2vw;margin-right:0.6vw;border:1px solid #dad4e2;box-sizing:border-box;cursor:pointer;overflow:hidden;}
.main-products .overview .slide-dot .pos li img{width:100%;height:100%;}
.main-products .overview .slide-dot .pos li.active{border-color:#0886ff;}
.main-products .overview .slide-dot .btn{position:absolute;top:50%;width:0.625vw;height:1.1vw;margin-top:-0.55vw;background-image:url(../images/btn.png);background-size:200% 200%;cursor:pointer;}
.main-products .overview .slide-dot .btn:hover{background-position-y:-100%;}
.main-products .overview .slide-dot .prev{left:0;background-position-x:0;}
.main-products .overview .slide-dot .next{right:0;background-position-x:-100%;}
.main-products .overview .text{float:right;width:37vw;padding-top:4vw;}
.main-products .overview .text span{display:block;line-height:1.5vw;font-size:0.83vw;text-transform:uppercase;color:#0886ff;}
.main-products .overview .text h1{line-height:1.65vw;margin:0.8vw 0 2.35vw;font-size:1.35vw;}
.main-products .overview .text .desc{min-height:9vw;line-height:1.5vw;margin-bottom:2vw;font-size:0.83vw;}
.main-products .overview .text .desc p{line-height:1.5vw;font-size:0.83vw;}
.main-products .overview .text .share{margin-bottom:2vw;overflow:hidden;}
.main-products .overview .text .share span{display:block;float:left;line-height:1.98vw;margin-right:0.8vw;text-transform:uppercase;font-size:0.83vw;font-family:"Gotham-Bold";color:#333;}
.main-products .overview .text .share a{display:block;float:left;width:1.98vw;height:1.98vw;margin-right:0.8vw;background-image:url(../images/sns.png);background-size:400% 200%;background-position-y:0;}
.main-products .overview .text .share a:hover{background-position-y:-100%;}
.main-products .overview .text .share .twitter{background-position-x:0;}
.main-products .overview .text .share .facebook{background-position-x:-100%;}
.main-products .overview .text .share .linkedin{background-position-x:-300%;}
.main-products .overview .text .get{display:inline-block;height:2.65vw;line-height:2.65vw;padding:0 1.8vw;margin-right:2.6vw;text-align:center;background-color:#0886ff;color:#fff;border-radius:5px;font-size:0.73vw;font-family:"Gotham-Medium";clear:both;vertical-align:top;text-transform:uppercase;cursor:pointer;}
.main-products .d-box h2{line-height:1.5vw;margin-bottom:1vw;font-size:1.25vw;font-family:"Gotham-Medium";}
.main-products .d-box h3{line-height:1.5vw;margin-bottom:0.5vw;font-size:0.9375vw;}
.main-products .d-box p{line-height:1.5vw;font-size:0.83vw;}
.main-products .d-box li{position:relative;;line-height:1.5vw;padding-left:1vw;font-size:0.83vw;}
.main-products .d-box li:after{content:"";position:absolute;left:0;top:0.5vw;width:0.4vw;height:0.4vw;background-color:#333;border-radius:50%;}
.main-products .d-box img{max-width:100% !important;height:auto !important;}
.main-products .detail table{width:100%;text-align:center;}
.main-products .detail table th,.main-products .detail table td{width:33.3333%;padding:1.3vw 2vw;box-sizing:border-box;vertical-align:top;}
.main-products .detail img{max-width:70% !important;height:auto !important;}
.main-products .detail h3{line-height:1.3vw;margin:1vw 0 0.5vw;font-size:1vw;color:#0886ff;}
.main-products .detail p{line-height:1.3vw;font-size:0.73vw;}
.main-products .spec{margin-bottom:3vw;}
.main-products .spec table{width:100%;}
.main-products .spec table th{line-height:1.5vw;padding:0.5vw 1vw 0.5vw 1.5vw;background-color:#0886ff;color:#fff;font-size:0.9375vw;font-family:"Gotham-Bold";text-align:left;text-transform:uppercase;}
.main-products .spec table td{line-height:1.3vw;padding:0.26vw 1vw 0.26vw 1.5vw;font-size:0.73vw;border:1px solid #dadada;}
.main-products .desc{margin-bottom:3vw;}
.main-products .video{margin-top:3vw;font-size:0;}
.main-products .video iframe,.main-products .video video{width:36vw;height:20.25vw;border:none;}
.main-products .video iframe:nth-child(2),.main-products .video video:nth-child(2){margin-right:3vw;}




.map{height:30.5vw;}
.map iframe{width:100%;height:100%;border:none;box-sizing:border-box;}
.main-contact{padding:4.2vw 0;background-color:#f2f2f2;overflow:hidden;}
.main-contact .way{float:left;width:29.65vw;margin-left:2.85vw;padding-top:3.5vw;}
.main-contact .way h2{line-height:1.875vw;margin-bottom:0.8vw;font-size:1.5625vw;text-transform:uppercase;}
.main-contact .way h4{line-height:1.3vw;font-size:0.9375vw;text-transform:uppercase;}
.main-contact .way p{line-height:1.3vw;font-size:0.73vw;color:#333;}
.main-contact .way .info{margin:1vw 0 2vw;padding:2vw 0 1vw;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.main-contact .way .info h4{margin-bottom:1.2vw;}
.main-contact .way .info p{line-height:1.3vw;margin-bottom:1.5vw;font-size:0.83vw;color:#333;}
.main-contact .way .info p span{display:block;margin-bottom:0.2vw;font-family:"Gotham-Bold";font-size:1vw;}
.main-contact .way .info .fl{float:left;}
.main-contact .way .info .cl{clear:both;}
.main-contact .way .info .wechat{margin-right:5.2vw;}
.main-contact .way .sns{overflow:hidden;}
.main-contact .way .sns h4{color:#0886ff;margin-bottom:1vw;}
.main-contact .way .sns a{float:left;display:block;width:2vw;height:2vw;margin-right:0.65vw;background-image:url(../images/sns.png);background-size:400% 200%;background-position-y:0;}
.main-contact .way .sns a:hover{background-position-y:-100%;}
.main-contact .way .sns .linkedin{background-position-x:0;}
.main-contact .way .sns .facebook{background-position-x:-100%;}
.main-contact .way .sns .youtube{background-position-x:-200%;}
.main-contact .way .sns .twitter{background-position-x:-300%;}
.main-contact .enter{float:right;width:36.5vw;padding:3.5vw 3.65vw;background-color:#fff;box-sizing:border-box;}
.main-contact .enter h2{line-height:1.875vw;margin-bottom:0.8vw;font-size:1.5625vw;text-transform:uppercase;}
.main-contact .enter p{line-height:1.3vw;margin-bottom:1.875vw;font-size:0.73vw;}
.main-contact .enter p span{color:#0886ff;}
.main-contact .enter li{margin-bottom:1vw;}
.main-contact .enter li label{display:block;line-height:1vw;margin-bottom:0.3vw;font-size:0.73vw;color:#999;text-transform:uppercase;}
.main-contact .enter li label i{line-height:1vw;color:#0886ff;font-size:1vw;vertical-align:top;}
.main-contact .enter li input[type="text"]{width:100%;height:2.6vw;line-height:2.6vw;padding:0 0.5vw;border-radius:0.3vw;font-size:0.73vw;;box-sizing:border-box;background-color:#edf1f4;}
.main-contact .enter li textarea{width:100%;height:7.3vw;line-height:1.3vw;padding:0.3vw 0.5vw;font-size:0.73vw;box-sizing:border-box;background-color:#edf1f4;}
.main-contact .enter .sub{width:9.375vw;height:2.6vw;border-radius:0.3vw;background-color:#0886ff;color:#fff;font-size:0.9375vw;text-transform:uppercase;border:none;cursor:pointer;}
.main-contact .enter .half{float:left;width:47.3%;}
.main-contact .enter .half.left{margin-right:5.4%;}