@charset "utf-8";
/*font*/
@font-face {font-family:"Lato-Black";src:url("font/Lato-Black.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Lato-Bold";src:url("font/Lato-Bold.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Lato-Medium";src:url("font/Lato-Medium.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Lato-Light";src:url("font/Lato-Light.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Lato-Thin";src:url("font/Lato-Thin.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Abel";src:url("font/Abel.ttf") format("truetype");font-weight:normal;font-style:normal;}
/*global style*/
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,.object,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:14px/1.5em "Lato-Light", Arial;color:#666;overflow-x:hidden;background:#fff;margin:0;}
table{ border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:#068BC9;}
ul,li{list-style:none;}
img{vertical-align:top;}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
.clearm{*zoom:1;}
input{ outline:none;vertical-align:middle;font-family:"Lato-Light";}
textarea{resize:none;outline:none;overflow:hidden;font-family:"Lato-Light";}
input.submit,input.reset{cursor:pointer;}
.text_overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
p{line-height:25px;}
h1{font-size:32px;color:#333;line-height:34px;font-weight:normal;font-family:"Lato-Bold";}
h2{font-size:32px;color:#333;line-height:34px;font-weight:normal;font-family:"Lato-Bold";}
h3{font-size:24px;color:#333;line-height:26px;font-weight:normal;}
h4{font-size:14px;color:#333;line-height:16px;font-weight:normal;}
/* backToTop */
.hidden{display:none;}
.bread{padding:1vw 0;line-height:1.2vw;font-size:0.73vw;border-bottom:1px solid #d6d6d6;}
.bread a,.bread span{color:#999;}
.bread a:hover,.bread a:nth-last-child(1){color:#019FE8;}
.bread a:nth-last-child(1){font-family:"Lato-Medium";}
.bread span{margin:0 1vw;}

.main-width{width:75vw;margin:0 auto;}
.other-banner img{width:100%;height:auto;}

.header{height:8vw;background-color:#fff;}
.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 .top{position:relative;height:5.45vw;padding-top:1vw;box-sizing:border-box;}
.header .top .tel{position:relative;float:left;line-height:2.35vw;padding-left:1.6vw;font-size:0.83vw;font-family:"Lato-Bold";}
.header .top .tel:after{content:"";position:absolute;left:0;top:0.5vw;width:1.35vw;height:1.35vw;background-image:url(tel-icon.png);background-size:100% 100%;}
.header .top .logo{position:absolute;left:50%;top:1.225vw;height:3vw;transform:translateX(-50%);}
.header .top .logo img{width:auto;height:100%;}
.header .top .search{position:relative;float:right;width:2.35vw;height:2.35vw;z-index:9;transition:all .3s;}
.header .top .search .box{position:relative;float:right;width:2.35vw;height:2.35vw;overflow:hidden;transition:all .5s;}
.header .top .search .box .text{width:100%;height:2.35vw;padding:0 2.35vw 0 0.5vw;border:1px solid #fff;border-radius:1.2vw;background-color:#fff;box-sizing:border-box;transition:border .5s;}
.header .top .search .box .btn,.header .top .search .box .sub{position:absolute;top:0;right:0;width:2.35vw;height:2.35vw;background-image:url(search-icon.png);background-size:1.2vw 1.2vw;background-position:center;background-color:initial;background-repeat:no-repeat;cursor:pointer;}
.header .top .search .box .sub{display:none;}
.header .top .search .box.open{width:14vw;cursor:default; }
.header .top .search .box.open .text{border-color:#999;}
.header .top .search .box.open .sub{display:block;}
.header .top .search .box.open .btn{display:none;}
.header .nav{left:0;top:0;width:100%;height:2.55vw;text-align:center;font-size:0;background-color:#fff;transition:all .5s;}
.header .nav li{position:relative;display:inline-block;line-height:2.55vw;margin:0 3.125vw;font-size:0.73vw;font-family:"Lato-Bold";text-transform:uppercase;}
.header .nav li.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#019FE8;}
.header .nav li.active a{color:#068DCB;}
.header.flow .nav{position:fixed;box-shadow:0 0 5px #999;z-index:9999;}
.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);}
.footer{padding:2.85vw 0 1.3vw;background-color:#004666;overflow:hidden;}
.footer h3{line-height:1.6vw;margin-bottom:0.52vw;font-size:0.9375vw;font-family:"Lato-Bold";color:#fff;text-transform:uppercase;}
.footer h3 a{color:#fff;}
.footer li{position:relative;line-height:1.6vw;padding-left:1.3vw;margin-bottom:0.52vw;font-size:0.9375vw;text-transform:uppercase;}
.footer li a{color:#c9dbd0;}
.footer li:after{content:"";position:absolute;left:0;top:50%;width:0.52vw;height:2px;margin-top:-1px;background-color:#7ab096;}
.footer p{line-height:1.15vw;margin-bottom:0.5vw;font-size:0.83vw;color:#c5c4c4;}
.footer p span{font-family:"Lato-Bold";color:#fff;text-transform:uppercase;}
.footer .func{float:left;margin-bottom:1.5vw;padding:0.8vw 0;box-sizing:border-box;}
.footer .product{width:25%;}
.footer .nav{width:41%;text-align:center;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;}
.footer .nav .box{display:inline-block;text-align:left;}
.footer .contact{width:34%;padding-left:6%;text-align:right;}
.footer .subox{float:left;clear:both;}
.footer .subox .ibox{position:relative;width:18.75vw;height:2.6vw;background-color:#fff;}
.footer .subox .ibox input[type="text"]{width:100%;height:2.6vw;padding:0 2.6vw 0 0.52vw;box-sizing:border-box;}
.footer .subox .ibox input[type="button"]{position:absolute;right:0;top:0;width:2.6vw;height:2.6vw;font-family:"Lato-Bold";cursor:pointer;}
.footer .subox .ibox input[type="button"]:hover{background-color:#068BC9;color:#fff;}
.footer .sns{float:right;}
.footer .sns a{float:left;display:block;width:1.6vw;height:1.6vw;margin-left:0.5vw;background-image:url(sns.png);background-size:400% 200%;font-size:0;}
.footer .sns a:hover{background-position-y:-100%;}
.footer .sns .twitter{background-position-x:0;}
.footer .sns .facebook{background-position-x:-100%;}
.footer .sns .youtube{background-position-x:-200%;}
.footer .sns .linkedin{background-position-x:-300%;}
.copy-right{line-height:1vw;padding-bottom:3.65vw;background-color:#004666;color:#a7d8be;font-size:0.73vw;}
.art .copy-right{display:none;}
.copy-right a{color:#a7d8be;}
.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(loadinglit.gif) no-repeat center;}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(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;}
.page{text-align:center;clear:both;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 5px 5px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}
.page ul li.thisclass a{background-image:linear-gradient(90deg,#81c49c,#019FE8);color:#fff;}
.page ul li a:hover{background-image:linear-gradient(90deg,#81c49c,#019FE8);color:#fff;}
.sear-page{text-align:center;font-size:0;overflow:hidden;}
.sear-page span,.sear-page strong,.sear-page a{float:left;display:block;font-size:14px;line-height:36px;padding:0 14px;margin:0 5px 5px;background-color:#e7eaec;}
.sear-page span,.sear-page strong{cursor:default;}
.sear-page strong{background-color:#009349;color:#fff;}
.sear-page a:hover{background-color:#009349;color:#fff;}
.sear-page .pagelistbox{display:inline-block;}
.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;width:100vw;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;left:0;bottom:1.5vw;width:100%;height:0.9375vw;text-align:center;}
.index-main .slidebox .slidelist ul{display:inline-block;vertical-align:top;}
.index-main .slidebox .slidelist ul li{float:left;width:0.9375vw;height:0.9375vw;margin:0 0.3125vw;border:1px solid #9A9A9A;border-radius:50%;box-sizing:border-box;}
.index-main .slidebox .slidelist ul li.active{background-color:#019FE8;}
.index-main .slidebox .item-btn{position:absolute;width:3.65vw;height:3.65vw;top:50%;margin-top:-1.825vw;cursor:pointer;background-color:rgba(0,0,0,.3);transition:all .5s;}
.index-main .slidebox .item-btn:after{content:"";position:absolute;left:50%;top:50%;width:1.46vw;height:0.625vw;margin:-0.3125vw 0 0 -0.73vw;background-image:url(btn.png);background-size:200% 200%;background-position-x:0;}
.index-main .slidebox .item-btn:hover{background-color:rgba(1,159,232,.5);}
.index-main .slidebox .prev{left:-4vw;}
.index-main .slidebox .prev:after{background-position-y:0;}
.index-main .slidebox .next{right:-4vw;}
.index-main .slidebox .next:after{background-position-y:-100%;}
.index-main .slidebox:hover .prev{left:1.5vw;}
.index-main .slidebox:hover .next{right:1.5vw;}
.index-cate{padding:2.85vw 5.2vw;overflow:hidden;}
.index-cate ul{width:102.03488%;}
.index-cate li{float:left;width:31.339%;margin-right:1.994%;overflow:hidden;}
.index-cate li img{width:100%;height:auto;transition:all .5s;}
.index-cate li img:hover{transform:scale(1.1);}
.index-about{padding:5.2vw 0;background-color:#f2f6f7;overflow:hidden;}
.index-about .title{float:left;width:38%;padding:1.25vw 0 1.25vw 3.5vw;border-left:1px dashed #47a775;box-sizing:border-box;}
.index-about .title h2{line-height:2.35vw;font-size:1.875vw;}
.index-about .text{float:right;width:54.85%;}
.index-about .text p{line-height:1.8vw;font-size:0.9375vw;}
.index-products{padding:2vw 0 6vw;}
.index-products .tab{height:2.6vw;margin-bottom:3.6vw;font-size:0;text-align:center;}
.index-products .tab span{position:relative;display:inline-block;line-height:2.6vw;padding:0 3.6vw;border-right:1px dashed #dbdbdb;font-size:0.9375vw;font-family:"Lato-Bold";text-transform:uppercase;color:#999;cursor:pointer;}
.index-products .tab span:nth-last-child(1){border-right:none;}
.index-products .tab .on{color:#068BC9;}
.index-products .tab .on:after{content:"";position:absolute;left:50%;top:2.3vw;width:1.1vw;height:0.677vw;margin-left:-0.55vw;background-image:url(arrow.png);background-size:100% 100%;}
.index-products .cont{margin-bottom:5.2vw;}
.index-products .slide-pro{display:none;position:relative;}
.index-products .slide-pro.on{display:block;}
.index-products .slide-pic{overflow:hidden;}
.index-products .slide-pic ul{width:1000%;}
.index-products .slide-pic li{float:left;width:18.75vw;text-align:center;}
.index-products .slide-pic li span{display:block;line-height:1vw;margin-bottom:0.26vw;font-size:0.625vw;color:#999;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-products .slide-pic li h3{line-height:1vw;font-size:0.83vw;font-family:"Lato-Bold";color:#333;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-products .slide-pic li .pic{height:0;padding:0 8.5% 83%;margin-bottom:0.42vw;overflow:hidden;}
.index-products .slide-pic li .pic img{width:100%;height:auto;transition:all .5s;}
.index-products .slide-pic li .pic img:hover{transform:scale(1.1);}
.index-products .btn{position:absolute;top:50%;width:3.2vw;height:3.2vw;margin-top:-2.6vw;border:2px solid #fff;border-radius:50%;cursor:pointer;}
.index-products .btn:after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-0.5vw;border:0.5vw solid transparent;}
.index-products .btn:hover{border-color:#068BC9;}
.index-products .prev{left:-7.2vw;}
.index-products .prev:after{border-right-color:#b8b8b8;left:50%;margin-left:-0.8vw;}
.index-products .prev:hover:after{border-right-color:#068BC9;}
.index-products .next{right:-7.2vw;}
.index-products .next:after{border-left-color:#b8b8b8;right:50%;margin-right:-0.8vw;}
.index-products .next:hover:after{border-left-color:#068BC9;}
.index-products .partner ul{display:flex;justify-content:space-between;}
.index-products .partner li{height:6.458vw;}
.index-products .partner li img{width:auto;height:100%;}
.index-message{padding-top:4.15vw;background-color:#f0f5f2;overflow:hidden;}
.index-message .pic{float:left;width:45.347%;}
.index-message .pic img{width:100%;height:auto;}
.index-message .enter{float:right;width:53.125%;font-size:0;}
.index-message .enter input,.index-message .enter textarea{width:100%;height:2.8125vw;line-height:2.8vw;padding:0 0.5vw;margin-bottom:1.4%;border:1px solid #cbdbd2;box-sizing:border-box;font-size:0.73vw;}
.index-message .enter input::-webkit-input-placeholder,.index-message .enter textarea::-webkit-input-placeholder{color:#ccc;}
.index-message .enter input:-moz-placeholder,.index-message .enter textarea:-moz-placeholder{color:#ccc;}
.index-message .enter input::-moz-placeholder,.index-message .enter textarea::-moz-placeholder{color:#ccc;}
.index-message .enter input:-ms-input-placeholder,.index-message .enter textarea:-ms-input-placeholder{color:#ccc;}
.index-message .enter textarea{height:10vw;line-height:1.3vw;padding:0.3vw 0.5vw;}
.index-message .enter .tho{width:32.4%;}
.index-message .enter .two{width:49.3%;}
.index-message .enter .mar{margin-right:1.4%;}
.index-message .enter .sub{width:8.85vw;height:2.8vw;border-radius:1.4vw;background-color:#068BC9;color:#fff;font-size:0.73vw;font-family:"Lato-Medium";cursor:pointer;text-transform:uppercase;}
.index-message .enter .sub:hover{background-color:#019FE8;}
.index-show{overflow:hidden;}
.index-show li{float:left;width:20%;height:0;padding-bottom:20%;overflow:hidden;}
.index-show li img{width:100%;height:auto;transition:all .5s;}
.index-show li img:hover{transform:scale(1.1);}
.list-products .category{height:3.125vw;border-left:1px solid #e6e6e6;;border-bottom:1px solid #e6e6e6;}
.list-products .category li{float:left;width:20%;line-height:3.125vw;border-right:1px solid #e6e6e6;box-sizing:border-box;font-size:0.83vw;font-family:"Lato-Bold";text-transform:uppercase;text-align:center;}
.list-products .category li a{display:block;}
.list-products .category li.active{background-image:linear-gradient(90deg,#81c49c,#019FE8);}
.list-products .category li.active a{color:#fff;}
.list-products .category li.search{overflow:hidden;}
.list-products .category li.search .box{position:relative;width:190px;max-width:90%;height:3.125vw;padding-right:2vw;margin:0 auto;box-sizing:border-box;}
.list-products .category li.search .box input[type="text"]{width:100%;height:3.125vw;line-height:3.125vw;box-sizing:border-box;text-align:center;vertical-align:top;font-family:"Lato-Medium";}
.list-products .category li.search .box input[type="submit"]{position:absolute;right:0;top:0;width:2vw;height:3.125vw;background-image:url(search-icon.png);background-size:1.2vw 1.2vw;background-position:center;background-color:initial;background-repeat:no-repeat;cursor:pointer;}
.list-products .cont{padding:3.125vw 0;}
.list-products .cont .list{padding-bottom:1vw;overflow:hidden;}
.list-products .cont .list ul{width:102%;}
.list-products .cont .list li{float:left;width:23.039%;margin:0 1.961% 2% 0;border:1px solid #fff;box-sizing:border-box;transition:all .5s;}
.list-products .cont .list li .pic{height:0;padding-bottom:100%;}
.list-products .cont .list li .pic img{width:100%;height:auto;}
.list-products .cont .list li .text{text-align:center;}
.list-products .cont .list li .text h3{line-height:1vw;;margin-bottom:0.25vw;font-size:0.83vw;font-family:"Lato-Bold";color:#55ae85;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-products .cont .list li .text p{height:1vw;line-height:1vw;font-size:0.73vw;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-products .cont .list li .text .more{display:inline-block;vertical-align:top;line-height:1.85vw;padding:0 1.55vw;margin:1vw 0 -0.925vw;border-radius:1vw;background-image:linear-gradient(90deg,#019fe8,#004666);color:#fff;font-family:"Lato-Medium";font-size:0.625vw;text-transform:uppercase;opacity:0;transition:all .5s;}
.list-products .cont .list li:hover{border-color:#019FE8;}
.list-products .cont .list li:hover .text .more{opacity:1;}
.flow-article{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:all .5s;}
.flow-article .box{position:absolute;left:50%;top:50%;width:80vw;height:90vh;margin:-45vh 0 0 -40vw;background-color:#fff;background-image:url(loadinglit.gif);background-repeat:no-repeat;background-position:center;transform:translateY(100vh);transition:all .5s;}
.flow-article .box i{position:absolute;right:-1.8vw;top:-1.8vw;width:4.5vw;height:4.5vw;background-image:url(close.png);background-size:100% 100%;border-radius:50%;cursor:pointer;}
.flow-article .box iframe{width:100%;height:100%;border:none;}
.flow-article.on{z-index:99999;opacity:1;}
.flow-article.on .box{transform:translateY(0);}
.main-products{padding:3vw;}
.main-products .overview{margin-bottom:4.5vw;overflow:hidden;}
.main-products .overview .slide-pro{float:left;width:46.5vw;}
.main-products .overview .slide-pic{float:left;width:38.961vw;height:38.961vw;border:1px solid #e6e6e6;overflow:hidden;}
.main-products .overview .slide-pic li{float:left;width:38.961vw;height:38.961vw;}
.main-products .overview .slide-pic li img{width:100%;height:100%;}
.main-products .overview .slide-dot{position:relative;float:right;width:6.4935vw;height:38.961vw;padding-top:1.74675vw;box-sizing:border-box;}
.main-products .overview .slide-dot .pos{width:6.4935vw;height:35.4675vw;overflow:hidden;}
.main-products .overview .slide-dot .pos li{width:6.4935vw;height:6.4935vw;margin-bottom:0.75vw;border:1px solid #e6e6e6;box-sizing:border-box;cursor:pointer;}
.main-products .overview .slide-dot .pos li img{width:100%;height:100%;}
.main-products .overview .slide-dot .pos li.active{border-color:#019FE8;}
.main-products .overview .slide-dot .btn{position:absolute;left:50%;width:1.36vw;height:0.78vw;margin-left:-0.68vw;background-image:url(btnpro.png);background-size:200% 200%;cursor:pointer;}
.main-products .overview .slide-dot .btn:hover{background-position-y:-100%;}
.main-products .overview .slide-dot .prev{top:0;background-position-x:0;}
.main-products .overview .slide-dot .next{bottom:0;background-position-x:-100%;}
.main-products .overview .text{float:right;width:40vw;padding-top:2.6vw;}
.main-products .overview .text h1{line-height:2.6vw;margin-bottom:0.65vw;font-size:2.34vw;color:#019fe8;text-transform:uppercase;font-family:"Lato-Bold";}
.main-products .overview .text h2{line-height:2.6vw;margin-bottom:3.8vw;font-size:2.34vw;color:#333;font-family:"Lato-Medium";}
.main-products .overview .text .info{line-height:2.25vw;margin-bottom:2.25vw;font-size:1vw;font-family:"Lato-Medium";}
.main-products .overview .text .info p{line-height:2.25vw;font-size:1vw;font-family:"Lato-Medium";}
.main-products .overview .text .info p span{font-family:"Lato-Bold";color:#000;}
.main-products .overview .text .share{margin-bottom:4.25vw;overflow:hidden;}
.main-products .overview .text .share span,.main-products .overview .text .share a{display:block;float:left;margin-right:2.15vw;}
.main-products .overview .text .share span{line-height:2.8vw;font-size:1vw;font-family:"Lato-Bold";color:#000;}
.main-products .overview .text .share a{width:2.8vw;height:2.8vw;background-image:url(snspro.png);background-size:400% 200%;}
.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 .youtube{background-position-x:-200%;}
.main-products .overview .text .share .linkedin{background-position-x:-300%;}
.main-products .overview .text .inq{display:inline-block;line-height:2.85vw;padding:0 3.25vw;border-radius:1.5vw;background-image:linear-gradient(90deg,#019fe8,#004666);color:#fff;text-transform:uppercase;font-size:0.9vw;font-family:"Lato-Medium";}
.main-products .overview .text .tn{display:none;}
.main-products .desc{margin-bottom:4.5vw;overflow:hidden;}
.main-products .desc h2{line-height:2.6vw;padding-bottom:1vw;margin-bottom:1vw;border-bottom:1px solid #e6e6e6;font-size:2.34vw;color:#333;font-family:"Lato-Medium";}
.main-products .desc .pic{float:left;width:38.961vw;}
.main-products .desc .pic img{width:100%;height:auto;}
.main-products .desc .pic li{position:relative;line-height:2.25vw;padding-left:1.2vw;font-size:1vw;font-family:"Lato-Medium";box-sizing:border-box;}
.main-products .desc .pic li:after{content:"";position:absolute;left:0;top:1.125vw;width:0.8vw;height:2px;margin-top:-1px;background-color:#019FE8;}
.main-products .desc .tabox{float:right;width:47.5vw;padding-top:7vw;}
.main-products .desc .tabox table{width:100%;}
.main-products .desc .tabox table th,.main-products .desc .tabox table td{line-height:1.25vw;padding:1vw 0.5vw;text-align:center;border:1px solid #c1c1c1;}
.main-products .desc .tabox table th{background-color:#e6e6e6;font-family:"Lato-Medium";}
.main-products .related{overflow:hidden;}
.main-products .related h2{line-height:2.6vw;padding-bottom:1vw;margin-bottom:1vw;border-bottom:1px solid #e6e6e6;font-size:2.34vw;color:#333;font-family:"Lato-Medium";}
.main-products .related ul{width:104%;}
.main-products .related li{display:none_;float:left;width:21.1538%;margin-right:3.8462%;border:1px solid #fff;box-sizing:border-box;transition:all .5s;}
.main-products .related li .pic{height:0;padding-bottom:100%;}
.main-products .related li .pic img{width:100%;height:auto;}
.main-products .related li .text{padding-bottom:1vw;text-align:center;}
.main-products .related li .text h3{line-height:1.25vw;;margin-bottom:0.4vw;font-size:1vw;font-family:"Lato-Bold";color:#019fe8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-products .related li .text p{line-height:1.25vw;font-size:0.9vw;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-products .related li.on{display:block;}
.main-about h2{line-height:2.6vw;font-size:2.5vw;font-family:"Abel";}
.main-about .text{padding:3vw 2.6vw 0;background-color:#fff;border:1px solid #e6e6e6;box-sizing:border-box;overflow-y:auto;}
.main-about .text h2{margin-bottom:1.1vw;}
.main-about .text p{line-height:1.4vw;margin-bottom:1vw;font-size:0.83vw;font-family:"Lato-Medium";}
.main-about .text p span{color:#019fe8;}
.main-about .profile{padding:6vw 0;overflow:hidden;}
.main-about .profile .text{float:left;width:47.92%;height:22.82vw;margin-top:1.46vw;}
.main-about .profile .slide-about{position:relative;float:right;width:52.08%;}
.main-about .profile .slide-about .slide-pic{width:39vw;height:25.74vw;overflow:hidden;}
.main-about .profile .slide-about .slide-pic li{float:left;width:39vw;height:25.74vw;}
.main-about .profile .slide-about .slide-pic li img{width:100%;height:100%;}
.main-about .profile .slide-about .slide-dot{position:absolute;left:0;bottom:0;width:100%;height:2.85vw;padding-top:1vw;background-color:rgba(1,159,232,.8);box-sizing:border-box;text-align:center;}
.main-about .profile .slide-about .slide-dot ul{display:inline-block;vertical-align:top;}
.main-about .profile .slide-about .slide-dot li{float:left;width:0.85vw;height:0.85vw;margin:0 0.3vw;border-radius:50%;background-color:#004666;cursor:pointer;}
.main-about .profile .slide-about .slide-dot li.active{background-color:#fff;}
.main-about .adv{padding:2.6vw 0;background-image:linear-gradient(180deg,#019fe8,#52B3E3);overflow:hidden;}
.main-about .adv li{float:left;width:25%;padding:1.5625vw 0;border-right:1px solid #7fc3a1;text-align:center;box-sizing:border-box;}
.main-about .adv li h3{line-height:2.85vw;margin-bottom:0.52vw;font-size:3.125vw;font-family:"Abel";color:#fff;}
.main-about .adv li p{line-height:1.5vw;font-size:0.9375vw;color:rgba(255,255,255,.7);}
.main-about .adv li:nth-last-child(1){border-right:none;}
.main-about .what{padding:6vw 0;}
.main-about .what .main-width{position:relative;}
.main-about .what .text{position:absolute;top:50%;right:0;width:51.4%;height:22.82vw;margin-top:-11.41vw;}
.main-about .what .pic{width:39vw;height:25.74vw;}
.main-about .what .pic img{width:100%;height:auto;}
.main-about .detail{padding:6vw 0;background-color:#f5f5f5;overflow:hidden;}
.main-about .detail .text{float:left;width:51.4%;height:28vw;}
.main-about .detail .text strong{color:#019fe8;}
.main-about .detail .pic{float:right;width:48.6%;height:25vw;margin-top:1.5vw;}
.main-about .detail .pic img{width:100%;height:auto;}
.main-about .why{padding:6vw 0;text-align:center;overflow:hidden;}
.main-about .why h2{margin-bottom:3.5vw;}
.main-about .why li{float:left;width:33.3333%;padding:0 2.4%;box-sizing:border-box;}
.main-about .why li img{width:6.25vw;height:auto;}
.main-about .why li h3{height:3.125vw;line-height:1.5625vw;margin-top:1.8vw;font-size:1.25vw;font-family:"Lato-Medium";}
.main-about .why li hr{margin:1vw auto;width:3.125vw;border:none;border-top:1px solid #019FE8;}
.main-about .why li p{line-height:1.3vw;font-size:0.83vw;color:#999;}
.main-about .equipment{padding:6vw 0;background-color:#f5f5f5;}
.main-about .equipment .main-width{position:relative;padding-top:1.5vw;}
.main-about .equipment .text{position:relative;width:51.4%;padding:3vw 3.8vw 3vw 2.6vw;z-index:2;}
.main-about .equipment .text ul{margin-top:1.8vw;}
.main-about .equipment .text li{position:relative;line-height:1.3vw;padding-left:1vw;font-size:0.83vw;margin-bottom:0.7vw;font-family:"Lato-Medium";color:#999;cursor:pointer;transition:all .5s;}
.main-about .equipment .text li:after{content:"";position:absolute;left:0;top:50%;margin-top:-0.3vw;border:0.3vw solid transparent;border-left-color:#b7b8b7;transition:all .5s;}
.main-about .equipment .text li.on{color:#019FE8;}
.main-about .equipment .text li.on:after{border-left-color:#019FE8;}
.main-about .equipment .pic{position:absolute;right:0;top:0;width:52.08%;z-index:1;}
.main-about .equipment .pic img{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;z-index:-1;transition:all .5s;}
.main-about .equipment .pic .on{opacity:1;z-index:2;}
.main-about .certificate{padding:6vw 0;}
.main-about .certificate h2{margin-bottom:3.5vw;text-align:center;}
.main-about .certificate .slide{position:relative;height:23.9583vw;}
.main-about .certificate .slide .slide-pic ul{position:relative;width:16.927vw;margin:0 auto;box-sizing:border-box;}
.main-about .certificate .slide .slide-pic ul li{position:absolute;left:0;top:0;width:100%;height:23.9583vw;transform:translateX(0) scale(0.34);opacity:0;transition:all .8s;z-index:-1;}
.main-about .certificate .slide .slide-pic ul li img{width:100%;height:auto;}
.main-about .certificate .slide .slide-pic ul li.on{opacity:1;transform:scale(1);z-index:3;box-shadow:0 0 1vw rgba(0,0,0,.2);}
.main-about .certificate .slide .slide-pic ul li.le{opacity:1;transform:translateX(-84.3%) scale(0.895);z-index:2;}
.main-about .certificate .slide .slide-pic ul li.left{opacity:1;transform:translateX(-165%) scale(0.8);z-index:1;}
.main-about .certificate .slide .slide-pic ul li.leftout{transform:translateX(-210%) scale(0.5);z-index:-1;}
.main-about .certificate .slide .slide-pic ul li.rig{opacity:1;transform:translateX(84.3%) scale(0.895);z-index:2;}
.main-about .certificate .slide .slide-pic ul li.right{opacity:1;transform:translateX(165%) scale(0.8);z-index:1;}
.main-about .certificate .slide .slide-pic ul li.rightout{transform:translateX(210%) scale(0.5);z-index:-1;}
.main-about .certificate .slide .btn{position:absolute;top:50%;width:3.2vw;height:3.2vw;margin-top:-1.6vw;border:2px solid #fff;border-radius:50%;cursor:pointer;}
.main-about .certificate .slide .btn:after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-0.5vw;border:0.5vw solid transparent;}
.main-about .certificate .slide .btn:hover{border-color:#068BC9;}
.main-about .certificate .slide .prev{left:-4vw;}
.main-about .certificate .slide .prev:after{border-right-color:#b8b8b8;left:50%;margin-left:-0.8vw;}
.main-about .certificate .slide .prev:hover:after{border-right-color:#068BC9;}
.main-about .certificate .slide .next{right:-4vw;}
.main-about .certificate .slide .next:after{border-left-color:#b8b8b8;right:50%;margin-right:-0.8vw;}
.main-about .certificate .slide .next:hover:after{border-left-color:#068BC9;}
.main-about .partner{padding:6vw 0 4.5vw;background-color:#f5f5f5;overflow:hidden;}
.main-about .partner h2{margin-bottom:3.5vw;text-align:center;}
.main-about .partner ul{width:101.736%;}
.main-about .partner li{float:left;width:18.2935%;margin:0 1.7065% 1.7065% 0;}
.main-about .partner li img{width:100%;height:auto;}
.main-contact{padding-bottom:2.85vw;}
.main-contact .cont{padding:7vw 0 4.2vw;margin-bottom:2.85vw;background-color:#f5f5f5;background-image:url(map-bg.jpg);background-size:100% auto;overflow:hidden;}
.main-contact .cont .way{float:right;padding:2.8vw 5.2vw;text-align:center;background-color:#019fe8;}
.main-contact .cont .way h2{line-height:2.85vw;margin-bottom:1vw;font-size:2.5vw;font-family:"Lato-Bold";color:#fff;}
.main-contact .cont .way p{line-height:1.5625vw;font-size:0.9375vw;font-family:"Lato-Medium";color:#fff;}
.list-news .category{height:4vw;background-color:#222;overflow:hidden;}
.list-news .category a{float:left;display:block;width:33.33333%;line-height:4vw;text-align:center;color:#fff;font-size:1.25vw;font-family:"Lato-Medium";}
.list-news .category .active{background-color:#4aa876;}
.list-news .filter{position:relative;height:3.9vw;}
.list-news .filter .main-width{height:3.9vw;border-bottom:1px solid #dadada;}
.list-news .filter .fbox{padding:1.16875vw 0;overflow:hidden;}
.list-news .filter .fbox label{position:relative;display:block;float:left;height:1.5625vw;line-height:1.5625vw;padding-left:2.6vw;margin-right:2.6vw;font-size:0.83vw;font-family:"Lato-Medium";color:#068BC9;text-transform:uppercase;}
.list-news .filter .fbox label:after{content:"";position:absolute;left:0;top:0;width:1.5625vw;height:1.5625vw;background-image:url(filter-icon.png);background-size:100% 100%;}
.list-news .filter .fbox .fli{float:left;height:1.5625vw;padding:0.28125vw 0;box-sizing:border-box;}
.list-news .filter .fbox .fli span{display:inline-block;line-height:1vw;padding:0 2.6vw;border-left:1px solid #dadada;font-size:0.73vw;;cursor:pointer;vertical-align:top;}
.list-news .filter .fbox .fli .on{font-family:"Lato-Medium";color:#068BC9;}
.list-news .cont{padding:4vw 0;overflow:hidden;}
.list-news .cont ul{width:102%;overflow:hidden;}
.list-news .cont li{display:none;float:left;width:31.372%;margin:0 1.961% 3% 0;}
.list-news .cont li .pic{height:0;padding-bottom:65.2%;overflow:hidden;}
.list-news .cont li .pic img{width:100%;height:auto;transition:all .5s;}
.list-news .cont li .pic img:hover{transform:scale(1.1);}
.list-news .cont li .text{padding-top:1vw;}
.list-news .cont li .text span{display:none;}
.list-news .cont li .text h3{line-height:1.5vw;margin-bottom:0.5vw;font-size:1.25vw;font-family:"Abel";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-news .cont li .text p{line-height:1.1vw;font-size:0.73vw;font-family:"Lato-Medium";overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;}
.list-news .cont li .text .more{display:inline-block;line-height:1.72vw;padding:0 2.3vw;margin-top:1vw;font-size:0.83vw;font-family:"Abel";border-radius:0.9vw;background-color:#666;color:#fff;transition:all .5s;}
.list-news .cont li .text .more:hover{background-color:#4aa876;}
.list-news .cont li.onli.show{display:block;}
.main-news{padding:40px 0;}
.main-news .main-width{overflow:hidden;}
.main-news .cont{float:left;width:70%;}
.main-news .cont .title{border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:30px;overflow:hidden;}
.main-news .cont .title h1{font-size:22px;padding-bottom:15px;color:#333;}
.main-news .cont .title span{display:inline-block;margin-right:20px;}
.main-news .cont .title span a{display:block;border:1px solid #dcdcdc;color:#aaa;height:25px;width:60px;line-height:25px;text-align:center;border-radius:5px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.main-news .cont .title span a:hover{border-color:#068BC9;background-color:#068BC9;color:#fff;}
.main-news .cont .title label{font-style:italic;}
.main-news .cont .news-content{line-height:25px;margin-bottom:30px;padding-bottom:30px;font-size:16px;border-bottom:1px solid #ccc;font-family:"Lato-Medium";}
.main-news .cont .news-content h3{line-height:30px;font-size:18px;font-family:"Lato-Bold";color:#333;margin-bottom:10px;}
.main-news .cont .news-content p{line-height:25px;font-size:16px;margin-bottom:15px;}
.main-news .cont .news-content ul{padding-left:20px;margin-bottom:20px;}
.main-news .cont .news-content li{list-style:disc;line-height:30px;font-size:15px;}
.main-news .cont .news-content img{max-width:100% !important;height:auto !important;margin-bottom:20px;}
.main-news .cont .subpage li{color:#333;margin-bottom:5px;font-family:"Lato-Medium";}
.main-news .re-list{float:right;width:25%;padding-bottom:20px;box-sizing:border-box;border:1px solid #ccc;overflow:hidden;}
.main-news .re-list h2{line-height:35px;background-color:#e1e1e1;font-size:16px;padding-left:12px;font-weight:500;}
.main-news .re-list ul{padding:20px 0;}
.main-news .re-list li a{display:block;line-height:24px;border-bottom:1px dashed #ccc;padding:10px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;}
.main-news .re-list li a:hover{color:#068BC9;}
.main-news .re-list .more{display:block;width:100px;height:30px;background-color:#999;text-align:center;float:right;margin:5px 15px 0 0;line-height:30px;font-size:13px;color:#FFF;border-radius:4px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
.main-news .re-list .more:hover{background-color:#068BC9;}
.main-info .category{background-color:#222;overflow:hidden;}
.main-info .category a{float:left;line-height:4vw;width:20%;border-right:1px solid #474747;box-sizing:border-box;text-align:center;font-size:1vw;font-family:"Lato-Medium";color:#fff;}
.main-info .category a:nth-last-child(1){border-right:none;}
.main-info .category a:hover{color:#019FE8;}
.main-info .category .active{background-color:#4aa876;}
.main-info .category .active:hover{color:#fff;}
.main-info .category.cwhy a{width:33.33333%;}
.main-info .cateson{background-color:#f3f3f3;overflow:hidden;}
.main-info .cateson span{float:left;display:block;line-height:3.6vw;margin-right:5.7vw;font-size:0.9375vw;font-family:"Lato-Medium";}
.main-info .cateson span:nth-last-child(1){margin-right:0;}
.main-info .cateson .active a{color:#019FE8;text-decoration:underline;}
.main-info .cont{padding:4.7vw 0 0.2vw;}
.main-info .cont h1{line-height:2.35vw;margin-bottom:2vw;font-size:2.5vw;font-family:"Abel";}
.main-info .cont h2{line-height:2.35vw;margin-bottom:2vw;font-size:2.5vw;font-family:"Abel";}
.main-info .cont p{line-height:1.4vw;margin-bottom:1.3vw;font-size:0.75vw;font-family:"Lato-Medium";text-align:justify;word-wrap:break-word;}
.main-info .cont p strong{color:#333;}
.main-info .cont p span{color:#019FE8;}
.main-info .cont .item{margin-bottom:4.5vw;overflow:hidden;}
.main-info .cont .left{float:left;}
.main-info .cont .right{float:right;}
.main-info .cont .text{position:relative;width:50%;min-height:20.7vw;padding:4.4vw 3vw 2.5vw;margin-top:1.65vw;border:1px solid #e6e6e6;box-sizing:border-box;background-color:#fff;z-index:2;}
.main-info .cont .pic{width:50%;}
.main-info .cont .pic img{width:105.4%;height:auto;float:right;}
.main-info .cont .pic:after{content:"";display:block;height:0;clear:both;}
.main-info .cont .pic.left img{float:none;}
.main-info .cont .quality h2{position:relative;padding:4.5vw 0 0 5.2vw;margin-top:1.5vw;}
.main-info .cont .quality h2 i{position:absolute;left:0;top:0;height:6.875vw;line-height:5vw;font-size:6.25vw;font-family:"Lato-Black";color:#b7d6c3;}
.main-info .cont .quality h2 i:after{content:"";position:absolute;left:0;bottom:0;width:10vw;height:4.95vw;background-image:url(num-icon.png);background-size:100% 100%;}
.main-info .cont .quality h2 span{position:relative;display:block;line-height:2.85vw;}
.main-info .cont .quality p{line-height:1.5625vw;}
.main-info .cont .quality img{width:100%;height:auto;margin-bottom:2vw;}
.main-info .cont .quality li{position:relative;line-height:1.4vw;padding-left:1.3vw;margin-bottom:0.5vw;font-size:0.75vw;font-family:"Lato-Medium";}
.main-info .cont .quality li:after{content:"";position:absolute;left:0;top:50%;width:0.8vw;height:2px;margin-top:-1px;background-color:#45a674;}
.main-info .cont .quality .box{padding:4.5vw 0 3.2vw;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.main-info .cont .quality .left{width:47.5%;}
.main-info .cont .quality .right{width:47.5%;}
.main-info .cont .quality .full{clear:both;}
.main-info .cont .printing{padding-bottom:4.5vw;overflow:hidden;}
.main-info .cont .printing .tab{float:left;width:17%;padding-right:1.45%;padding-top:7%;box-sizing:border-box;}
.main-info .cont .printing .tab span{position:relative;display:block;line-height:1.3vw;margin-bottom:0.9vw;padding-left:1.2vw;font-size:0.73vw;font-family:"Lato-Medium";cursor:pointer;transition:all .5s;}
.main-info .cont .printing .tab span:after{content:"";position:absolute;left:0;top:0.65vw;margin-top:-0.4vw;border:0.3vw solid transparent;border-left-color:#b7b7b7;}
.main-info .cont .printing .tab .on{color:#019FE8;}
.main-info .cont .printing .tab .on:after{border-left-color:#019FE8;}
.main-info .cont .printing .contbox{position:relative;float:right;width:83%;height:27.6vw;}
.main-info .cont .printing .sitem{position:absolute;left:0;top:0;width:100%;opacity:0;z-index:-1;transition:all .5s;}
.main-info .cont .printing .sitem.on{opacity:1;z-index:2;}
.main-info .cont .printing .text{position:relative;float:left;width:48%;padding:2vw 3vw;overflow-y:auto;}
.main-info .cont .printing .text h2{position:relative;padding:3vw 0 0 3.5vw;margin-bottom:1.5vw}
.main-info .cont .printing .text h2 i{position:absolute;left:0;top:0;height:4.6875vw;line-height:3.9vw;font-size:4.375vw;font-family:"Lato-Black";color:#b7d6c3;}
.main-info .cont .printing .text h2 i:after{content:"";position:absolute;left:0;bottom:0;width:6.8vw;height:3.37vw;background-image:url(num-icon.png);background-size:100% 100%;}
.main-info .cont .printing .text h2 span{position:relative;display:block;line-height:2.85vw;}
.main-info .cont .printing .pic{float:right;width:52%;height:0;padding-bottom:43.2833%;}
.main-info .cont .printing .pic img{float:right;width:122.5%;height:auto;}
.main-info .cont.why .text{margin-top:3vw;}
.loadbtn{padding-top:1vw;text-align:center;clear:both;}
.loadbtn .more{display:block;clear:both;display:inline-block;line-height:2.9vw;padding:0 3.125vw;font-size:0.83vw;background-color:#068BC9;color:#fff;text-transform:uppercase;border-radius:1.5vw;cursor:pointer;}
.loadbtn .nomore{display:none;font-size:0.83vw;color:#068BC9;text-transform:uppercase;}
.loadbtn .loading{display:none;position:relative;width:36px;height:36px;margin:0 auto;}
.loadbtn .loading i:before{content:"";position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background-color:#fff;animation:load .4s;animation-iteration-count:infinite;}
.loadbtn .loading i:after{content:"";position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background-color:#fff;animation:load .4s;animation-iteration-count:infinite;}
.loadbtn .loading .i1:before{top:0;left:50%;}
.loadbtn .loading .i1:after{top:14.65%;left:85.35%;animation-delay:.05s;}
.loadbtn .loading .i2:before{top:50%;left:100%;animation-delay:.1s;}
.loadbtn .loading .i2:after{top:85.35%;left:85.35%;animation-delay:.15s;}
.loadbtn .loading .i3:before{top:100%;left:50%;animation-delay:.2s;}
.loadbtn .loading .i3:after{top:85.35%;left:14.65%;animation-delay:.25s;}
.loadbtn .loading .i4:before{top:50%;left:0;animation-delay:.3s;}
.loadbtn .loading .i4:after{top:14.65%;left:14.65%;animation-delay:.35s;}
.loadbtn.on .more{display:none;}
.loadbtn.on .loading{display:block;}
.loadbtn.hide .more{display:none;}
.loadbtn.hide .loading{display:none;}
.loadbtn.hide .nomore{display:block;}
@keyframes load{
0% {transform:scale(1);background-color:#4aa876;}
40% {transform:scale(2);background-color:#068BC9;}
80% {transform:scale(1);background-color:#4aa876;}
100% {transform:scale(1);background-color:#4aa876;}
}
.an-overall .animate{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:transform .8s ease,opacity .8s ease;}
.an-overall .ant{transform:translateY(80px);}
.an-overall .anl{transform:translateX(-80px);}
.an-overall .anr{transform:translateX(80px);}
.an-overall .t1{transition-delay:.2s;}
.an-overall .t2{transition-delay:.4s;}
.an-overall .t3{transition-delay:.6s;}
.an-overall .t4{transition-delay:.8s;}
.an-overall .t5{transition-delay:1s;}
.an-overall .t6{transition-delay:1.2s;}
.an-overall .t7{transition-delay:1.4s;}
.an-overall .t8{transition-delay:1.6s;}
.an-overall.action .animate{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.an-overall.action .ant{transform:translateY(0);}
.an-overall.action .anl{transform:translateX(0);}
.an-overall.action .anr{transform:translateX(0);}

/*�����˵�*/
.dropMenu {
	position:absolute;
	top:0;
	z-index:10001;
	width:13vw;
	visibility:hidden;
	margin:0.8vw 0 0 0;
	border:0px solid #aec1df;
	border:0px solid #ccc;
	border-top:none;
	background:#019FE8;
	padding-top:6px;
	padding-bottom:6px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;font-family:"Lato-Bold";text-transform:uppercase;
}
.dropMenu li {
	margin-top:2px;
	margin-bottom:4px;
	padding-left:12px;
	float:left;
	line-height:20px;
}
.dropMenu li a {
	width:10vw;
	display:block;
	background:url('subdot.gif') no-repeat left 8px;
	text-align:left;
	text-decoration:none;
	color:#fff;
	padding:2px 0 2px 8px;
	line-height:20px;white-space:nowrap;
}
.dropMenu li a {
	border-top:none;font-size:0.73vw;
}
* html .dropMenu a {
	width:100%;
	color:#000;
}
.dropMenu a:hover {
	text-decoration:none;
	color:#f00;
}
#dropmenu1{width:14vw;}
#dropmenu3{width:9vw;}

@media only screen and (min-width:1600px){
	
}
@media only screen and (max-width:980px){
.dropMenu {display:none;}
.main-width{width:92vw;}
.flow-video .box{width:92.7vw;height:52.14375vw;margin:-26vw 0 0 -46.35vw;transform:translate(0,0);}
.flow-video .box iframe{width:92.7vw;height:52.14375vw;}
.flow-video .box i{right:0;top:-40px;width:40px;height:40px;background-size:100% 100%;}
.header{height:50px;}
.header .phone-menu{display:block;}
.header .top{position:fixed;left:0;top:0;width:100%;height:50px;padding:0;background-color:#fff;box-shadow:0 0 5px #999;z-index:9999;}
.header .top .tel{display:none;}
.header .top .logo{position:absolute;top:10px;left:50%;width:auto;height:30px;margin:0;}
.header .top .search{position:absolute;right:4vw;top:8px;width:34px;height:34px;margin:0;padding:0 !important;z-index:99999;}
.header .top .search .box{width:34px;height:34px;}
.header .top .search .box .text{height:34px;line-height:32px;background:#fff;color:#333;padding:0 35px 0 10px;z-index:99999;border-radius:17px;}
.header .top .search .box .btn,.header .top .search .box .sub{width:32px;height:32px;z-index:99999;background-size:18px 18px;}
.header .top .search .box .btn{display:block;}
.header .top .search .box .sub{display:none;}
.header .top .search .box.open{width:250px;border-color:#c6c6c6;}
.header .top .search .box.open .btn{display:none;}
.header .top .search .box.open .sub{display:block;}
.header .nav{position:fixed;left:-100%;top:50px;width:100%;height:100%;padding-bottom:50px;border-top:1px solid #e3e3e3;box-sizing:border-box;background-color:#fff;transition:all .5s;overflow-y:auto;z-index:999;}
.header .nav li{position:relative;display:block;line-height:30px;padding:10px 0;margin:0;font-size:18px;border-bottom:1px solid #ddd;text-align:left;font-family:"Lato-Medium";}
.header .nav li > a{display:block;padding:0 10px;color:#068BC9;}
.header .nav li:hover{background-color:#fff;}
.header.active .nav{left:0;}
.header.flow .nav{box-shadow:none;}
.footer{padding:40px 0;}
.footer h3{line-height:25px;margin-bottom:10px;font-size:16px;}
.footer li{line-height:25px;margin-bottom:10px;font-size:14px;padding-left:20px;}
.footer li:after{width:10px;}
.footer p{line-height:20px;margin-bottom:10px;font-size:14px;}
.footer .func{padding:15px 0;}
.footer .product{width:21%;}
.footer .nav{width:34%;}
.footer .contact{width:45%;padding-left:3%;}
.footer .subox .ibox{width:240px;height:30px;}
.footer .subox .ibox input[type="text"]{width:240px;height:30px;padding:0 40px 0 10px;}
.footer .subox .ibox input[type="submit"]{width:30px;height:30px;}
.footer .sns a{width:30px;height:30px;margin-left:10px;}
.copy-right{line-height:20px;padding-bottom:40px;font-size:14px;}
.bread{line-height:20px;padding:10px 0;font-size:12px;}
.bread span{margin:0 10px;}
.loadbtn{padding-top:20px;}
.loadbtn .more{line-height:40px;padding:0 20px;border-radius:20px;font-size:14px;}
.loadbtn .nomore{font-size:16px;}
.index-cate{padding:4vw;}
.index-about{padding:40px 0;}
.index-about .title{float:none;width:100%;padding:0;margin-bottom:20px;border:none;}
.index-about .title h2{line-height:30px;font-size:20px;}
.index-about .text{float:none;width:100%;}
.index-about .text p{line-height:25px;font-size:16px;}
.index-products{padding:40px 0;}
.index-products .tab{height:30px;margin-bottom:30px;}
.index-products .tab span{line-height:30px;padding:0 30px;font-size:16px;}
.index-products .tab .on:after{top:initial;bottom:0;width:10px;height:6px;margin-left:-5px;}
.index-products .cont{margin-bottom:40px;}
.index-products .slide-pic{width:100% !important;}
.index-products .slide-pic ul{position:static !important;width:102% !important;}
.index-products .slide-pic li{float:left;width:23.039% !important;margin:0 1.961% 2% 0;}
.index-products .slide-pic li span{line-height:15px;margin-bottom:0;font-size:12px;}
.index-products .slide-pic li h3{line-height:20px;font-size:14px;}
.index-products .slide-pic li .pic{margin-bottom:5px;}
.index-products .slide-pic li.clone{display:none;}
.index-message .enter input{height:35px;line-height:34px;padding:0 10px;font-size:14px;}
.index-message .enter textarea{height:120px;line-height:25px;padding:5px 10px;font-size:14px;}
.index-message .enter .sub{width:120px;height:35px;border-radius:18px;font-size:14px;}
.list-products .category{height:40px;}
.list-products .category li{width:25%;height:40px;line-height:40px;font-size:14px;}
.list-products .category li.search{display:none;}
.list-products .cont{padding:40px 0;}
.list-products .cont .list{padding-bottom:20px;}
.list-products .cont .list ul{width:102%;}
.list-products .cont .list li{width:23.039%;margin:0 1.961% 3% 0;border-color:#019FE8;}
.list-products .cont .list li .text h3{line-height:20px;font-size:14px;margin-bottom:0;}
.list-products .cont .list li .text p{height:15px;line-height:15px;font-size:12px;}
.list-products .cont .list li .text .more{line-height:25px;padding:0 15px;margin:10px 0 -13px;border-radius:13px;font-size:12px;opacity:1;}
.flow-article .box{left:0;top:0;width:100%;height:100%;margin:0;}
.flow-article .box i{width:40px;height:40px;top:0;right:0;}
.main-products{padding:4vw 0;}
.main-products .overview{width:92vw;margin:0 auto 40px;}
.main-products .overview .text{width:41vw;}
.main-products .overview .text h1{line-height:25px;margin-bottom:10px;font-size:20px;}
.main-products .overview .text h2{line-height:25px;margin-bottom:20px;font-size:20px;}
.main-products .overview .text .info{margin-bottom:30px;}
.main-products .overview .text .info p{line-height:25px;font-size:14px;}
.main-products .overview .text .share{margin-bottom:30px;}
.main-products .overview .text .share span{line-height:30px;font-size:14px;margin-right:15px;}
.main-products .overview .text .share a{width:30px;height:30px;margin-right:15px;}
.main-products .overview .text .inq{line-height:34px;padding:0 30px;border-radius:17px;font-size:14px;}
.main-products .desc .pic li{line-height:25px;padding-left:15px;font-size:14px;}
.main-products .desc .pic li:after{top:12.5px;width:10px;}
.main-products .desc{width:92vw;margin:0 auto 40px;}
.main-products .desc h2{line-height:30px;padding-bottom:10px;margin-bottom:10px;font-size:24px;}
.main-products .desc .tabox table th,.main-products .desc .tabox table td{line-height:15px;padding:10px;font-size:14px;}
.main-products .related{width:92vw;margin:0 auto;}
.main-products .related h2{line-height:30px;padding-bottom:10px;margin-bottom:10px;font-size:24px;}
.main-products .related ul{width:102%;}
.main-products .related li{width:23.039%;margin-right:1.961%;}
.main-products .related li .text{padding-bottom:10px;}
.main-products .related li .text h3{line-height:20px;font-size:14px;margin-bottom:0;}
.main-products .related li .text p{line-height:15px;font-size:12px;}
.main-about h2{line-height:30px;font-size:30px;}
.main-about .text{padding:20px 20px 5px;}
.main-about .text h2{margin-bottom:10px;}
.main-about .text p{line-height:25px;font-size:14px;margin-bottom:15px;}
.main-about .profile{padding:40px 0;}
.main-about .profile .text{float:none;width:100%;height:auto;}
.main-about .profile .slide-about{float:none;width:100%;}
.main-about .profile .slide-about .slide-pic{width:92vw;height:60.72vw;}
.main-about .profile .slide-about .slide-pic li{width:92vw;height:60.72vw;}
.main-about .profile .slide-about .slide-dot{height:40px;padding-top:15px;}
.main-about .profile .slide-about .slide-dot li{width:10px;height:10px;margin:0 5px;}
.main-about .adv{padding:30px 0;}
.main-about .adv li{padding:15px 0;}
.main-about .adv li h3{line-height:30px;margin-bottom:5px;font-size:26px;}
.main-about .adv li p{line-height:20px;font-size:14px;}
.main-about .what{padding:40px 0;}
.main-about .what .text{position:static;width:100%;height:auto;margin:0;}
.main-about .what .pic{width:100%;height:auto;}
.main-about .detail{padding:40px 0;}
.main-about .detail .text{float:none;width:100%;height:auto;}
.main-about .detail .pic{float:none;width:100%;height:auto;margin:0;}
.main-about .why{padding:40px 0;}
.main-about .why h2{margin-bottom:25px;}
.main-about .why li img{width:65px;}
.main-about .why li h3{height:40px;line-height:20px;font-size:14px;margin-top:10px;}
.main-about .why li hr{margin:10px auto;}
.main-about .why li p{line-height:18px;font-size:14px;}
.main-about .equipment{padding:40px 0;}
.main-about .equipment .main-width{padding:0;}
.main-about .equipment .text{width:100%;padding:20px 20px 5px;}
.main-about .equipment .text ul{margin-top:15px;}
.main-about .equipment .text li{line-height:20px;padding-left:12px;margin-bottom:10px;font-size:14px;}
.main-about .equipment .text li:after{border-width:5px;margin-top:-5px;}
.main-about .equipment .pic{position:relative;width:100%;height:0;padding-bottom:66%;}
.main-about .certificate{padding:40px 0;}
.main-about .certificate h2{margin-bottom:20px;}
.main-about .certificate .slide{height:29.44vw;}
.main-about .certificate .slide .slide-pic ul{width:20.8vw;}
.main-about .certificate .slide .btn{width:30px;height:30px;margin-top:-15px;border-color:#068BC9;}
.main-about .certificate .slide .btn:after{border-width:5px;margin-top:-5px;}
.main-about .certificate .slide .prev{left:-2vw;}
.main-about .certificate .slide .prev:after{border-right-color:#068BC9;margin-left:-8px;}
.main-about .certificate .slide .next{right:-2vw;}
.main-about .certificate .slide .next:after{border-left-color:#068BC9;margin-right:-8px;}
.main-about .partner{padding:40px 0;}
.main-about .partner h2{margin-bottom:20px;}
.list-news .category{height:45px;}
.list-news .category a{line-height:45px;font-size:16px;}
.list-news .filter{height:auto;}
.list-news .filter .main-width{height:auto;}
.list-news .filter .fbox{position:relative;width:100%;padding:10px 0 10px 110px;box-sizing:border-box;overflow:hidden;}
.list-news .filter .fbox label{position:absolute;left:0;top:10px;height:30px;line-height:30px;padding-left:35px;font-size:16px;}
.list-news .filter .fbox label:after{width:30px;height:30px;}
.list-news .filter .fbox .fli{height:auto;padding:5px 0;text-align:left;}
.list-news .filter .fbox .fli span{line-height:14px;margin:3px 0;padding:0 15px;font-size:14px;vertical-align:top;}
.list-news .cont{padding:40px 0;}
.list-news .cont li .text{padding-top:10px;}
.list-news .cont li .text h3{line-height:20px;margin-bottom:5px;font-size:16px;}
.list-news .cont li .text p{line-height:18px;font-size:14px;font-family:"Lato-Light";}
.list-news .cont li .text .more{line-height:25px;padding:0 25px;margin-top:10px;border-radius:13px;font-size:14px;}
.main-news .cont{float:none;width:100%;}
.main-news .re-list{display:none;}
.main-info .category{height:45px;}
.main-info .category a{line-height:45px;font-size:16px;}
.main-info .cateson{padding:10px 0;}
.main-info .cateson span{line-height:25px;font-size:14px;margin-right:60px;}
.main-info .cont{padding:40px 0 25px;}
.main-info .cont h1{line-height:30px;font-size:30px;margin-bottom:20px;}
.main-info .cont h2{line-height:30px;font-size:30px;margin-bottom:15px;}
.main-info .cont p{line-height:25px;font-size:14px;margin-bottom:15px;}
.main-info .cont .item{margin-bottom:4vw;box-shadow:0 0 5px #999;}
.main-info .cont .left{float:none;}
.main-info .cont .right{float:none;}
.main-info .cont .text{width:100%;min-height:0;padding:20px 20px 5px;margin:0;}
.main-info .cont .text p{line-height:25px;font-size:14px;margin-bottom:15px;}
.main-info .cont .pic{width:100%;}
.main-info .cont .pic img{width:100%;float:none;}
.main-info .cont .quality h2{padding:45px 0 0 55px;}
.main-info .cont .quality h2 span{line-height:30px;}
.main-info .cont .quality h2 i{height:65px;line-height:50px;font-size:60px;}
.main-info .cont .quality h2 i:after{width:100px;height:50px;}
.main-info .cont .quality p{line-height:25px;}
.main-info .cont .quality img{margin-bottom:15px;}
.main-info .cont .quality li{line-height:25px;margin-bottom:5px;padding-left:15px;font-size:14px;}
.main-info .cont .quality li:after{top:12.5px;width:10px;}
.main-info .cont .quality .box{padding:20px 0;}
.main-info .cont .quality .left{width:100%;}
.main-info .cont .quality .right{width:100%;}
.main-info .cont .printing .tab{display:none;}
.main-info .cont .printing .contbox{float:none;width:100%;height:auto;}
.main-info .cont .printing .sitem{position:static;margin-bottom:4vw;opacity:1;z-index:1;}
.main-info .cont .printing .text{float:none;width:100%;}
.main-info .cont .printing .text h2{padding:45px 0 0 55px;margin-bottom:15px;}
.main-info .cont .printing .text h2 span{line-height:30px;}
.main-info .cont .printing .text h2 i{height:65px;line-height:50px;font-size:60px;}
.main-info .cont .printing .text h2 i:after{width:100px;height:50px;}
.main-info .cont .printing .pic{float:none;width:100%;height:auto;padding:0;}
.main-info .cont .printing .pic img{float:none;width:100%;height:auto;}
.main-info .cont.why .text{margin:0;}
}
@media only screen and (max-width:780px){
.footer ul{overflow:hidden;}
.footer li{float:left;width:33.3333%;box-sizing:border-box;}
.footer .func{float:none;padding:0;margin-bottom:30px;}
.footer .product{width:100%;}
.footer .nav{width:100%;border:none;overflow:hidden;}
.footer .nav h3{float:left;width:33.3333%;}
.footer .nav h3:nth-child(1){width:100%;}
.footer .nav .box{display:block;}
.footer .contact{width:100%;padding-left:0;text-align:left;}
.footer .subox{float:none;margin-bottom:30px;}
.footer .sns{float:none;}
.index-products{padding-bottom:25px;}
.index-products .slide-pic li{width:31.372% !important;}
.index-products .partner ul{display:block;overflow:hidden;}
.index-products .partner li{float:left;width:33.333%;height:50px;margin-bottom:15px;text-align:center;}
.index-message{padding:40px 0;}
.index-message .pic{float:none;width:550px;max-width:100%;}
.index-message .enter{float:none;width:100%;}
.index-show li{width:33.33333%;padding-bottom:33.33333%;}
.index-show li:nth-child(4),.index-show li:nth-child(5){width:50%;padding-bottom:50%;}
.list-products .cont .list li{width:31.372%;margin-bottom:4%;}
.main-products .desc .pic{float:none;width:600px;max-width:100%;}
.main-products .desc .tabox{float:none;width:100%;padding-top:10px;overflow-x:auto;}
.main-products .related li{width:48.039%;margin-bottom:2%;}
.main-products .overview .slide-pro{float:none;width:92vw;overflow:hidden;}
.main-products .overview .slide-pic{width:77vw;height:77vw;}
.main-products .overview .slide-pic li{width:77vw;height:77vw;}
.main-products .overview .slide-dot{width:12.847vw;height:77vw;padding-top:3.4165vw;}
.main-products .overview .slide-dot .pos{width:12.847vw;height:70.167vw;}
.main-products .overview .slide-dot .pos li{width:12.847vw;height:12.847vw;margin-bottom:1.483vw;}
.main-products .overview .slide-dot .btn{width:12px;height:7px;margin-left:-6px;}
.main-products .overview .text{float:none;width:92vw;}
.main-about .why li{position:relative;float:none;width:100%;padding:10px 0 0 80px;margin-bottom:20px;text-align:left;}
.main-about .why li img{position:absolute;left:0;top:0;}
.main-about .why li h3{height:auto;margin:0 0 10px;}
.main-about .why li hr{display:none;}
.main-about .partner li{width:31.6268%;}
.list-news .cont li{width:48.039%;}
}
@media only screen and (max-width:640px){
.index-cate{padding-bottom:1px;}
.index-cate ul{width:100%;}
.index-cate li{float:none;width:100%;margin-bottom:4vw;}
.index-products .tab span{width:33.3333%;padding:0;box-sizing:border-box;}
.index-products .slide-pic li{width:48.039% !important;}
.index-products .slide-pic li h3{font-size:12px;}
.list-products .category li{width:33.33333%;}
.list-products .category li:nth-child(4){display:none;}
.list-products .cont .list li{width:48.039%;margin-bottom:25px;}
.main-products{padding:40px 0 4vw;}
.main-products .overview .text h2{margin-bottom:10px;}
.main-about .adv li{width:50%;}
.main-about .adv li:nth-child(2){border-right:none;}
.main-about .certificate .slide{height:56.615vw;}
.main-about .certificate .slide .slide-pic ul{width:40vw;}
.main-about .certificate .slide .btn{z-index:9;}
.main-about .certificate .slide .prev{left:20px;}
.main-about .certificate .slide .next{right:20px;}
.list-news .category{height:auto;}
.list-news .category a{line-height:18px;padding:10px 15px;font-size:14px;box-sizing:border-box;}
.list-news .filter .fbox{padding:10px 0 10px 40px;}
.list-news .filter .fbox label{top:50%;margin-top:-15px;font-size:0;}
.list-news .filter .fbox .fli{padding:0;}
.list-news .filter .fbox .fli span{margin:5px 0;}
.list-news .cont li .text h3{height:40px;margin:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .cont li .text p{display:none;}
.list-news .cont li .text .more{display:none;}
.main-info .category{height:auto;}
.main-info .category a{width:33.33333%;height:57px;line-height:18px;padding:10px 15px;border-bottom:1px solid #474747;font-size:14px;box-sizing:border-box;}
.main-info .category a:nth-child(3){border-right:none;}
.main-info .category a:nth-child(5){border-bottom:none;}
.main-info .cateson span{margin-right:20px;}
.main-info .cont .text{padding:15px 15px 1px;}
}