html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none;height:auto}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
h1,h2,h3,h4,h5,ul,li,p,div{margin:0;padding:0}
a{text-decoration:none;color:#222;transition:color .2s ease}
a:hover{color:#034ea2}
ul,li{list-style:none}
body{font-size:16px;color:#222;font-family:"Lato",sans-serif}
input{border:0;outline:0}
article p{line-height:1.8em}
article li{margin-bottom:10px}
article img{max-width:100%;height:auto}
@media screen and (max-width:769px){body{font-size:16px}
article p{font-size:16px;color:#222}
}
.l-wrap{max-width:1600px;margin:0 auto}
header+main{margin-top:100px}
@media screen and (max-width:1700px){.l-wrap{max-width:1400px}
}
@media screen and (max-width:1500px){.l-wrap{max-width:1400px}
}
@media screen and (max-width:1300px){.l-wrap{max-width:1100px;padding:0 15px}
}
@media screen and (max-width:769px){header+main{margin-top:60px}
.l-wrap{padding:0 4vw}
}
.home-title{text-align:center;margin-bottom:50px}
.home-title span{font-size:46px;font-weight:bold;color:#222;padding-bottom:16px;position:relative}
.home-title span:after{content:"";display:block;position:absolute;top:100%;left:50%;width:60px;height:3px;background:#034ea2;transform:translateX(-50%)}
.top-btn{cursor:pointer;display:none;height:40px;width:40px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;position:fixed;bottom:145px;right:24px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:1}
.top-btn:hover{background:#c1c1c1}
img.lazy{opacity:0}
img:not(.initial){transition:opacity 1s,transform .3s ease}
img.initial,img.loaded,img.error{opacity:1}
img:not([src]){visibility:hidden}
.load{position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;background-color:#ccc;animation:loading 1.5s ease infinite;border-radius:100%}
@keyframes loading{to{opacity:0;transform:scale(2)}
}
.pswp{z-index:2999}
.product-view .singglepic{z-index:0;display:-ms-flexbox;display:flex;width:450px;height:450px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #eee;box-sizing:border-box}
.product-view .singglepic img{max-width:100%;max-height:100%}
@media screen and (max-width:768px){.product-view .singglepic{width:100%;height:100vw}
.pro-main .common-breadcrumb{display:none}
}
.table-responsive{-ms-touch-action:auto;touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.pop-up-btn-1{background-color:#034ea2 !important}
.feedbackForm{margin-top:10px}
.feedbackForm table{width:100%}
.feedbackForm table tbody{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}
.feedbackForm tr{width:50%;padding:0 10px;margin-bottom:20px;box-sizing:border-box;display:-ms-flexbox;display:flex}
.feedbackForm tr td:nth-of-type(1){width:80px;min-width:80px}
.feedbackForm tr td:nth-of-type(2){width:100%;-ms-flex:1;flex:1}
.feedbackForm tr input{width:100%;height:50px;padding:0;margin:0}
.feedbackForm tr textarea{width:100%;padding:14px;height:250px}
.feedbackForm tr input,.feedbackForm tr textarea{border:1px solid #d5d5d5;border-radius:5px;padding-left:14px;box-sizing:border-box}
.feedbackForm tr:nth-last-child(2){width:100%}
.feedbackForm tr:nth-last-child(3){width:100%}
.feedbackForm .lable{height:50px;line-height:50px}
.feedbackForm .xh{color:red}
.feedbackForm button{background-color:#034ea2;border-radius:5px;box-sizing:border-box;cursor:pointer;height:50px;margin:10px 0;width:200px;outline:0;border:0;color:#FFF}
@media screen and (max-width:768px){.feedbackForm tr:nth-of-type(2),.feedbackForm tr:nth-of-type(4){display:none}
.feedbackForm tr{width:100%}
.feedbackForm tr input{height:40px}
.feedbackForm .lable{height:40px;line-height:40px}
}
#map{margin:30px 0;min-height:500px}
@media screen and (max-width:768px){#map{margin:4vw -4vw;width:100vw;height:100vw}
}
.footlinks{height:auto;line-height:1.4;padding:10px 0;background:#151821;color:#707070;text-align:center;font-size:12px}
.footlinks a{color:#707070}
header{z-index:999;position:fixed;top:0;left:0;right:0;width:100%;background:#FFF;box-shadow:0 1px 6px 0 rgba(0,0,0,.1)}
header>.l-wrap{height:100px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;transition:height .3s ease}
header.is-fix>.l-wrap,header.is-fix .head-logo{height:80px}
header.is-fix .head-nav>ul>li>a{height:80px;line-height:80px}
header.is-fix .head-nav>ul>li>a:after{bottom:20px}
.head-nav{margin-left:auto}
.head-nav>ul{display:-ms-flexbox;display:flex;transition:opacity .3s ease,max-height .3s ease}
.head-nav>ul>li{margin:0 20px;position:relative}
.head-nav>ul>li>a{display:block;position:relative;box-sizing:border-box;height:100px;line-height:100px;font-size:18px;transition:color .2s ease}
.head-nav>ul>li>a:after{content:"";position:absolute;display:block;bottom:24px;width:0;height:2px;background:#034ea2;transition:all .3s ease}
.head-nav>ul>li>a.inmenu_1{color:#034ea2}
.head-nav>ul>li>a.inmenu_1:after{width:100%}
.head-nav>ul>li:hover>a{color:#034ea2}
.head-nav>ul>li:hover>a:after{width:100%}
.head-nav .submenu{display:none;position:absolute;background:#FFF;top:100%;left:0;z-index:2}
.head-nav .submenu>li>a{font-size:16px;display:block;line-height:2.5em;padding:0 20px;white-space:nowrap;text-transform:capitalize;transition:color .2s ease}
.head-nav .submenu>li>a:hover{color:#034ea2}
.head-nav .nav-btn{display:none;position:relative;cursor:pointer;width:30px;height:30px}
.head-nav .nav-btn span{display:block;position:absolute;border-radius:999px;background:#222;width:30px;height:3px}
.head-nav .nav-btn span:nth-child(1){top:4px}
.head-nav .nav-btn span:nth-child(2){top:14px}
.head-nav .nav-btn span:nth-child(3){top:24px}
.head-nav.is-active .nav-btn span:nth-child(1){transform:rotate(45deg);top:14px}
.head-nav.is-active .nav-btn span:nth-child(2){opacity:0}
.head-nav.is-active .nav-btn span:nth-child(3){transform:rotate(-45deg);top:14px}
.head-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:300px;height:100px}
.head-logo>img{max-width:100%;max-height:100%}
.head-search{position:relative;margin-left:30px}
.head-search>input{width:160px;height:30px;font-size:14px;border:1px solid #e9e9e9;padding-left:14px;padding-right:28px;box-sizing:border-box;border-radius:999px;overflow:hidden}
.head-search>i{position:absolute;cursor:pointer;right:12px;top:8px;font-size:14px;font-weight:bold;color:#999}
@media screen and (max-width:1080px){header.is-fix .head-nav>ul>li>a{line-height:50px;height:50px}
.head-nav>ul{display:block;max-height:0;overflow:hidden;z-index:9;background-color:#FFF;position:absolute;top:100%;left:0;width:100%}
.head-nav>ul>li{width:100%;border-bottom:1px solid #eee}
.head-nav>ul>li ul{display:none}
.head-nav>ul>li>a{line-height:50px;height:50px}
.head-nav>ul>li>a:after{display:none}
.head-nav .nav-btn{display:inline-block}
.head-nav.is-active>ul{max-height:calc(100vh - 60px);overflow-y:auto;opacity:1}
}
@media screen and (max-width:1500px)and (min-width:1081px){.head-nav>ul>li>a{font-size:16px}
}
@media screen and (max-width:769px){.head-search{margin-left:0;margin:4vw}
.head-search>input{width:100%;height:10vw;border-radius:5px}
.head-search>i{top:3vw}
header>.l-wrap{height:60px}
.head-nav>ul>li>a{font-size:18px}
.head-logo{height:60px;max-width:33vw;padding:6px 0;box-sizing:border-box}
.head-nav .nav-btn{width:20px;height:20px}
.head-nav .nav-btn span{width:20px;right:0}
.head-nav .nav-btn span:nth-child(1){top:3px}
.head-nav .nav-btn span:nth-child(2){top:10px;width:18px}
.head-nav .nav-btn span:nth-child(3){top:17px;width:16px}
.head-nav .submenu{background:transparent;position:relative;display:block}
.head-nav .submenu>li>a{font-size:16px;padding-left:28px}
.head-nav>ul>li{box-sizing:border-box;position:relative;padding:0;margin:0}
.head-nav>ul>li .arrow{width:25px;height:25px;cursor:pointer;display:inline-block;position:absolute;top:12px;right:4vw;transition:.2s ease-in-out;text-align:left;transform:rotate(0)}
.head-nav>ul>li .arrow:after,.head-nav>ul>li .arrow:before{content:"";transition:.2s ease-in-out;background-color:transparent;width:1.8px;height:8px;display:inline-block;position:absolute;border-bottom:10px solid #222;top:7px;right:11px}
.head-nav>ul>li .arrow:after{transform:rotate(135deg)}
.head-nav>ul>li .arrow:before{transform:rotate(-135deg)}
.head-nav>ul>li .arrow.is-active{transform:rotate(-90deg)}
.head-nav>ul>li>a{padding:0 4vw}
.head-nav>ul{border-top:1px solid #eee;background:rgba(255,255,255,.98);position:fixed;display:block;top:60px;bottom:0;opacity:0;overflow-y:auto;max-height:0;overflow:hidden;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.head-nav.is-active .nav-btn span{width:20px}
.head-nav.is-active .nav-btn span:nth-child(3),.head-nav.is-active .nav-btn span:nth-child(1){top:10px}
}
footer{background:#121521;color:#FFF}
footer .l-wrap{padding:70px 0;display:-ms-flexbox;display:flex}
footer a{color:#FFF}
footer:before{content:"";display:block;height:8px;width:100%;background:#034ea2}
.foot-item{width:250px; margin-left:20px;}
.foot-item2{width:450px; margin-left:20px;}
.foot-title{margin-bottom:30px;font-size:20px}
.foot-cate ul,.foot-contact ul,.foot-nav ul{}
.foot-cate ul>li,.foot-contact ul>li,.foot-nav ul>li{margin-bottom:24px}
.foot-cate ul a,.foot-contact ul a,.foot-nav ul a{display:block;font-size:16px}
.foot-contact ul{max-height:inherit;margin-top:-4px;font-size:16px}
.foot-contact ul>li{display:-ms-flexbox;display:flex; line-height:15px;}
.foot-contact ul .icon{position:relative;top:2px;margin-right:10px}
.foot-contact ul .iconfont{font-size:20px}
.foot-contact ul .con{line-height:25px}
.foot-right{background:#0e111a;height:auto;padding:1em 0;line-height:2em;text-align:center;font-size:14px}
.foot-right img{vertical-align:sub}
.bottom-btn{position:fixed;display:none;padding:0 4vw;box-sizing:border-box;left:0;bottom:-16vw;width:100%;z-index:996;background-color:#034ea2;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);-ms-flex-pack:justify;justify-content:space-between;transition:bottom .2s ease}
.bottom-btn .btn-item{width:16vw;height:16vw}
.bottom-btn .btn-item>a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.bottom-btn .iconfont{font-size:28px;color:#FFF}
.bottom-btn p{font-size:12px;color:#FFF;text-transform:capitalize}
.bottom-btn .btn-item.cart{display:none}
.bottom-btn .btn-item.cart>div{width:100%;height:100%}
.bottom-btn.is-active{bottom:0}
@media screen and (max-width:1500px){.foot-cate ul,.foot-contact ul,.foot-nav ul{padding-right:50px}
}
@media screen and (max-width:1080px){footer .l-wrap{padding:40px 40px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.foot-item{width:50%}
.foot-nav,.foot-cate{margin-bottom:30px}
}
@media screen and (max-width:769px){.foot-item{width:100%}
.foot-contact ul,.foot-nav ul{padding-right:0}
.foot-cate{display:none}
.foot-right{padding:1em 4vw;font-size:12px}
.foot-nav,.foot-cate,.foot-title,.foot-cate ul>li,.foot-contact ul>li,.foot-nav ul>li{margin-bottom:5.3333333333vw}
.foot-nav ul{-ms-flex-direction:row;flex-direction:row}
.foot-nav ul>li{width:33.3333%}
.bottom-btn{display:-ms-flexbox;display:flex}
}
.rem-news{margin-top:30px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
.rem-news li{padding-bottom:6px;margin-bottom:1em;width:49%;border-bottom:1px dashed #eee}
@media screen and (max-width:767px){footer{margin-bottom:calc(16vw + constant(safe-area-inset-bottom));margin-bottom:calc(16vw + env(safe-area-inset-bottom))}
footer .l-wrap{padding:5.3333333333vw 4vw}
.index footer{margin-bottom:0}
.footlinks{padding-bottom:calc(10px + 16vw + constant(safe-area-inset-bottom));padding-bottom:calc(10px + 16vw + env(safe-area-inset-bottom))}
.rem-news li{width:100%}
}
.home-swiper{min-height:500px}
.home-swiper .swiper-slide img{display:block;width:100%;height:auto}
.home-swiper .swiper-prev,.home-swiper .swiper-next{position:absolute;top:50%;margin-top:-23px;width:46px;height:46px;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;background:rgba(255,255,255,.3);transition:background .2s ease}
.home-swiper .swiper-prev>i,.home-swiper .swiper-next>i{color:#FFF;font-weight:bold}
.home-swiper .swiper-prev:hover,.home-swiper .swiper-next:hover{background:#034ea2}
.home-swiper .swiper-prev{left:0;right:auto}
.home-swiper .swiper-next{right:0;left:auto}
.home-swiper .swiper-pagination-bullet{width:11px;height:11px;background:transparent;border:2px solid #FFF;box-sizing:border-box;opacity:1}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;top:1px;width:14px;height:14px;background:#034ea2;border-color:#034ea2}
@media screen and (max-width:769px){.home-swiper{min-height:100px}
.home-swiper .swiper-prev,.home-swiper .swiper-next{width:6.1333333333vw;height:6.1333333333vw;margin-top:-3.0666666667vw}
.home-swiper .swiper-pagination-bullet{width:1.4666666667vw;height:1.4666666667vw;border:1px solid #FFF}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.8666666667vw;height:1.8666666667vw}
}
.home-product{margin:80px 0; background-image:url(../bg4.jpg);}
.home-product-cate{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin-bottom:46px}
.home-product-cate>li:after{content:"/";color:#666;margin:0 14px}
.home-product-cate>li:nth-last-child(1):after{content:""}
.home-product-cate a{color:#666;line-height:1.5em}
.home-product-cate a:hover{color:#034ea2}
.home-product-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -13px}
.home-product-list>li{width:25%;padding:0 13px;margin-bottom:30px;box-sizing:border-box; text-align:center;}
.home-product-list>li:nth-last-child(1){margin-bottom:0}
.home-product-list .home-product-name{padding:6px 10px;background:#034ea2;opacity:0;color:#FFF;max-width:80%;transform:translate3d(0,20px,0);transition:all .35s;overflow:hidden;text-overflow:ellipsis;line-height:1.3em;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5em}
.home-product-list .home-product-link{position:absolute;left:0;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .35s ease;background:rgba(0,0,0,.1)}
.home-product-list .home-product-item:hover{box-shadow:0px 10px 15px 0px rgba(0,0,0,.05);border-color:#034ea2}
.home-product-list .home-product-item:hover .home-product-name{transform:translate3d(0,0,0);opacity:1}
.home-product-list .home-product-item:hover .home-product-link{opacity:1}
.home-product-list .home-product-item{padding-top:75%;position:relative;border:1px solid #eee;box-sizing:border-box}
.home-product-list .home-product-item .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.home-product-list .home-product-item img{max-height:100%;max-width:100%}
@media screen and (max-width:769px){.home-product{margin:10.6666666667vw 0}
.home-title span{font-size:20px;padding-bottom:8px}
.home-title span:after{width:8vw;height:2px}
.home-product-cate{margin-bottom:9.3333333333vw}
.home-product-list>li{width:50%;margin-bottom:5.3333333333vw}
.home-product-list .home-product-item{margin-bottom:4em}
.home-product-list .home-product-link{top:100%;width:100%;height:auto;opacity:1;background-color:#034ea2;display:block;padding:4px 0}
.home-product-list .home-product-name{padding:0 10px;opacity:1;max-width:100%;transform:none;transform:initial;-webkit-line-clamp:1;max-height:1.3em}
.home-product-list .home-product-item:hover{border-color:#eee}
}
@media screen and (max-width:767px){.home-product-list>li{margin-bottom:4vw;padding:0 2vw}
.home-product-list{margin:0 -2vw}
}
.home-news{margin:80px 0 50px}
.home-news-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}
.home-news-list>li{width:25%;padding:0 15px;box-sizing:border-box}
.home-news-list .img-wrap{padding-top:66.67%;position:relative}
.home-news-list .news-img{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.home-news-list .news-img>img{max-width:100%;max-height:100%;transition:transform .4s ease}
.home-news-list .news-date{padding:10px;position:absolute;background:#034ea2;text-align:center;color:#FFF;top:0;left:0}
.home-news-list .news-date>.day{font-size:20px}
.home-news-list .news-date>.mon{font-size:12px}
.home-news-list .news-title{width:100%;display:block;margin-top:28px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-news-list .news-intro{margin:20px 0;display:-webkit-box;color:#888;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:22px;height:44px;overflow:hidden}
.home-news-list .home-news-item:hover .news-img>img{transform:scale(1.08)}
.home-news-list .home-news-item:hover .news-title{color:#034ea2}
@media screen and (max-width:769px){.home-news{margin:12vw 0 0}
.home-news .home-title{margin-bottom:10.6666666667vw}
.home-news-list>li{width:100%;margin-bottom:8vw}
.home-news-list .news-title{margin-top:5.3333333333vw}
.home-news-list .news-intro{margin:4vw 0}
.home-news-list .news-img>img{width:100%;height:auto}
}
.home-partners{background:#f5f8f8}
.home-partners .l-wrap{position:relative}
.home-partners .swiper-next,.home-partners .swiper-prev{position:absolute;cursor:pointer;width:46px;height:46px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:50%;margin-top:-23px;background:#FFF;transition:background .2s ease}
.home-partners .swiper-next .iconfont,.home-partners .swiper-prev .iconfont{color:#034ea2;font-weight:bold;font-size:14px;transition:color .2s ease}
.home-partners .swiper-next:hover,.home-partners .swiper-prev:hover{background:#034ea2}
.home-partners .swiper-next:hover .iconfont,.home-partners .swiper-prev:hover .iconfont{color:#FFF}
.home-partners .swiper-prev{left:0;right:auto}
.home-partners .swiper-next{right:0;left:auto}
.home-partners .swiper-slide{padding:20px 15px;box-sizing:border-box; height:200px; overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.home-partners .swiper-slide img{max-width:100%}
.home-partners .swiper-slide:hover{box-shadow:0 1px 10px rgba(34,25,25,.1);border-radius:5px;transform:translateY(-2px)}
.partners-swiper{padding:26px 4px;margin:0 140px;position:relative}
@media screen and (max-width:769px){.partners-swiper{margin:0 5.6666666667vw;padding:4.3333333333vw 0}
.home-partners .swiper-next,.home-partners .swiper-prev{width:6.1333333333vw;height:3.1333333333vw;margin-top:-3.0666666667vw}
.home-partners .swiper-prev{left:4vw}
.home-partners .swiper-next{right:4vw}
}
.home-certi{padding:40px 0 60px;background:url("../image/certi_bg.jpg") no-repeat;background-size:cover; color:#fff; font-size:45px;}
.certi-swiper{padding:30px 0 40px}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease}
.certi-swiper .swiper-slide img{max-width:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:100%}
.certi-swiper .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.certi-swiper .certi-name{ font-size:22px;text-align:center;color:#FFF}
.certi-swiper .certi-dot{    width: 30px;
    margin-top: -10px;
    height: 30px;background:#FFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.certi-swiper .swiper-slide.is-active{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide.is-active .certi-dot{display:none}
.certi-swiper .swiper-slide.is-active .certi-name{width: 20px;
    margin-top: -17px;
    height: 20px;background:#FFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
	
.certi-swiper .swiper-slide.is-active .certi-name:after{}
	
	
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#FFF;left:0}
@media screen and (max-width:769px){.home-certi{padding:5.6666666667vw 0 5.3333333333vw;overflow:hidden}
.certi-swiper .certi-name{font-size:15px;padding:1.3333333333vw 0}
.certi-swiper{padding:4vw 0 5.3333333333vw}
.certi-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}
.home-certi .l-wrap{margin:0 -10vw;padding:0}
}
.home-about{width:100%;overflow:hidden}
.home-about .about-item{display:-ms-flexbox;display:flex}
.home-about .about-item>div{width:50%}
.home-about .about-con{padding:76px 165px 76px 80px;box-sizing:border-box}
.home-about .about-title{font-size:34px;margin-bottom:28px;padding-bottom:18px; font-weight:bold;position:relative}
.home-about .about-title:after{content:"";position:absolute;top:100%;left:0;display:block;width:60px;height:3px;background:#FFF}
.home-about .about-article{line-height:1.5em}
.home-about .about-article ul{margin-top:20px}
.home-about .about-article li{margin-bottom:16px;}
.home-about .about-icon-list{margin:60px 0;display:-ms-flexbox;display:flex}
.home-about .about-icon-list>li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-right:50px;-ms-user-select:none;user-select:none}
.home-about .about-icon-list>li:hover .about-icon{transition:transform .5s ease-out;transform:rotateX(1turn) scale(1.1)}
.home-about .about-icon-list .about-icon{display:block;margin-bottom:8px;width:24px;height:24px;background:url("../image/about_icon.png") no-repeat}
.home-about .about-icon-list .icon2{background-position:-24px 0}
.home-about .about-icon-list .icon3{background-position:-48px 0}
.home-about .about-icon-list .icon4{background-position:-72px 0}
.home-about .about-more{padding:8px 48px;border:2px solid #FFF;font-size:20px;display:inline-block;border-radius:999px;color:#FFF;transition:color .3s ease,background .3s ease}
.home-about .about-img{background-size:cover;background-repeat:no-repeat}
.home-about .item1 .about-con{color:#FFF;background:#034ea2}
.home-about .item1 .about-article{color:#fff; line-height:32px;}
.home-about .item1 .about-img{background-image:url("../image/about_bg1.jpg")}
.home-about .item1 .about-more:hover{background:#FFF;color:#034ea2}
.home-about .item2 .about-con{padding:76px 30px 76px 165px; background: linear-gradient(to left,#fff, #eee);
}
.home-about .item2 .about-article{color:#777}
.home-about .item2 .about-img{background-image:url("../image/about_bg2.jpg")}
.home-about .item2 .about-title:after{background:#034ea2}
.home-about .item2 .about-more{margin-top:20px;border-color:#034ea2;color:#034ea2}
.home-about .item2 .about-more:hover{background:#034ea2;color:#FFF}
@media screen and (max-width:1500px){.home-about .about-con{padding:76px 80px 76px 30px}
.home-about .item2 .about-con{padding:76px 30px 76px 80px}
}
@media screen and (max-width:1300px){.home-about .about-item{-ms-flex-direction:column;flex-direction:column}
.home-about .about-item>div{width:100%}
.home-about .about-item .about-img{padding-top:40%}
}
@media screen and (max-width:769px){.home-title{margin-bottom:4vw}
.home-about .about-item .about-img{padding-top:80%}
.home-about .item2 .about-con,.home-about .item1 .about-con{padding:6.6666666667vw 4vw}
.home-about .about-title{padding-bottom:10px;margin-bottom:3.7333333333vw;font-size:15px}
.home-about .about-title:after{width:8vw}
.home-about .item1 .about-article{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;margin-bottom:8vw}
.home-about .about-icon-list{margin:0 0 10.6666666667vw;-ms-flex-pack:justify;justify-content:space-between}
.home-about .about-icon-list span{font-size:12px}
.home-about .about-icon-list>li{margin-right:0}
.home-about .about-more{font-size:13px;padding:2.4vw 8vw}
.home-about .item2 .about-more{margin-top:8vw}
.home-about .about-article li{padding-bottom:4.8vw;margin-bottom:0}
}
.news-list .new-wrap{position:relative;display:-ms-flexbox;display:flex;color:#222}
.news-list .new-img{position:relative;margin-right:40px;overflow:hidden;-ms-flex:3;flex:3}
.news-list .new-img>img{display:block;width:100%;height:auto}
.news-list .new-img:hover img{transform:scale(1.05)}
.news-list .new-info{padding-top:24px;-ms-flex:7;flex:7}
.news-list .new-date{position:absolute;background-color:#034ea2;padding:4px 0;color:#FFF;min-width:40px;top:0;left:0}
.news-list .new-date>p{text-align:center}
.news-list .new-date .mon{padding:6px 8px;font-size:12px}
.news-list .new-title{line-height:1.5em;font-weight:bold;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:block;font-size:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.news-list .new-con{line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;margin-bottom:20px;color:#888}
.news-list li{margin-bottom:40px}
.news-list.list0 ul{margin:0 -18px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.news-list.list0 ul>li{padding:0 18px;margin-bottom:18px;box-sizing:border-box;width:33.3333%}
.news-list.list0 .new-wrap{display:block}
.news-list.list0 .new-img{overflow:hidden;margin-right:0}
.news-list.list0 .new-img>img{transition:transform .2s ease}
.news-list.list0 .new-img:hover img{transform:inherit}
.news-list.list0 .new-info{padding-top:18px}
.news-list.list0 .new-title{font-weight:400;display:block;display:-webkit-box;width:100%;text-align:center}
.new-share{margin-top:100px}
.common-content>.new-title{color:#222;font-weight:bold;line-height:1.5em;font-size:24px;text-align:center}
.common-content>.new-date{margin:16px 0 26px;color:#999;text-align:center}
.common-content .new-con p{color:#222}
.common-content .news-views{margin-left:20px}
.pagelink{margin-top:50px;padding-top:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #eee}
.pagelink .pagelink-item{width:calc(50% - 10px);display:-ms-flexbox;display:flex;border:1px solid #eee;padding:1.5% 4% 2% 1.5%;box-sizing:border-box}
.pagelink .pagelink-item.next{-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding:1.5% 1.5% 2% 4%}
.pagelink .pagelink-item.next .pagelink-icon{margin-right:0;margin-left:20px}
.pagelink .pagelink-icon{width:46px;height:46px;-ms-flex:0 0 46px;flex:0 0 46px;margin-right:20px;background-color:#222;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;transition:background .2s ease}
.pagelink .pagelink-icon>i{color:#FFF}
.pagelink .pagelink-icon:hover{background-color:#034ea2}
.pagelink .pagelink-info>a{line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;color:#222}
.pagelink .pagelink-info>a:hover{color:#034ea2}
.pagelink .link-intro{margin-bottom:4px;color:#999;font-size:14px}
@media screen and (max-width:1500px)and (min-width:1300px){.news-list .new-con{max-height:3em;-webkit-line-clamp:2}
}
@media screen and (max-width:769px){.news-list .new-wrap{-ms-flex-direction:column;flex-direction:column}
.news-list .new-img{margin-right:0}
.news-list .new-info{padding-top:5.3333333333vw}
.news-list .new-title{font-size:16px}
.news-list .new-con{margin-bottom:4vw;-webkit-line-clamp:2;max-height:3em}
.news-list .new-date .day{font-size:16px}
.news-list li{margin-bottom:8vw}
.common-content>.new-title{font-size:20px;text-align:left}
.common-content>.new-date{margin:4vw 0 5.3333333333vw;text-align:left;font-size:12px}
.news-list.list0 ul>li{margin-bottom:4vw;padding:0 2vw;width:50%}
.news-list.list0 ul{margin:0 -2vw}
.news-list.list0 .new-info{padding-top:4.8vw}
.new-share{margin-top:9.3333333333vw}
.pagelink{-ms-flex-direction:column;flex-direction:column}
.pagelink .pagelink-item{width:100%}
.pagelink .pagelink-item.next{padding:2% 2% 3% 5%}
.pagelink .pagelink-item{padding:2% 5% 3% 2%}
.pagelink-item.next .pagelink-info>a,.pagelink-item.next .link-intro{text-align:right}
.pagelink .pagelink-icon{margin-right:10px}
.pagelink .pagelink-item.next .pagelink-icon{margin-left:10px}
.pagelink .link-intro{font-size:12px}
.pagelink .pagelink-item.prev{margin-bottom:4vw}
}
.inner-banner>img{display:block;width:100%;height:auto}
.common-breadcrumb{height:50px;line-height:50px;background-color:#f5f8f8}
.common-breadcrumb a.home{color:#034ea2}
.common-main{margin:84px 0 84px}
.common-main .l-wrap{display:-ms-flexbox;display:flex}
.common-main .common-content{-ms-flex:1;flex:1;width:calc(100% - 360px)}
.common-main .sidebar{width:300px;margin-right:60px;-ms-flex:0 0 300px;flex:0 0 300px}
.common-page{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.common-page a,.common-page span{background-color:#f5f8f8;margin-right:14px;margin-bottom:14px;padding:10px 14px;color:#222;transition:background .2s,color .2s}
.common-page a:hover{background-color:#222;color:#FFF}
.common-page span{opacity:.4}
.common-page .last a{font-style:normal;display:inline-block}
.common-page .ctxt{opacity:1;background-color:#222;color:#FFF}
.common-page .tol{color:#222;opacity:1;background:transparent}
.common-inquiry{margin-top:70px}
.common-inquiry .common-inquiry-title{font-size:22px;padding-bottom:20px;border-bottom:1px solid #eee;color:#222}
.common-inquiry .send-inquiry{margin-top:26px}
.content-title{padding-left:18px;position:relative;color:#034ea2;margin-bottom:22px;font-size:22px}
.content-title:after{content:"";position:absolute;display:block;left:-4px;top:6px;width:0;height:0;border-top:6px solid transparent;border-left:10px solid #034ea2;border-bottom:6px solid transparent}
.sidebar .sidebar-title{color:#222;margin-bottom:30px;font-size:22px;font-weight:500;padding-bottom:18px;border-bottom:1px solid #eee}
.sidebar .sidebar-item{margin-bottom:40px}
.sidebar-nav li{position:relative;padding-left:12px;margin-bottom:30px}
.sidebar-nav li:after{content:"";position:absolute;display:block;width:6px;height:6px;top:7px;border-radius:50%;background-color:#222;left:-2px}
.sidebar-contact li{color:#666;display:-ms-flexbox;display:flex;margin-bottom:16px;line-height:1.5em}
.sidebar-contact i{margin-right:5px}
.sidebar-contact .icon-map{font-size:17px;margin-right:3px}
.sidebar-contact a{color:#666}
.siderbar-search{display:-ms-flexbox;display:flex;border:1px solid #e7eeee}
.siderbar-search .search-input{width:100%;height:40px;padding:0 14px;box-sizing:border-box}
.siderbar-search>button{height:40px;cursor:pointer;padding:0 12px;line-height:40px;background-color:#222;color:#FFF;border:0;outline:0;white-space:nowrap}
.sidebar-newlist .new-item{display:-ms-flexbox;display:flex}
.sidebar-newlist .new-item>a{-ms-flex:1;flex:1}
.sidebar-newlist .new-img{display:block;margin-right:18px;overflow:hidden}
.sidebar-newlist .new-img>img{width:100%;height:auto;display:block}
.sidebar-newlist .new-img:hover img{transform:scale(1.07)}
.sidebar-newlist .new-title{padding-top:10px;display:-ms-flexbox;display:flex;line-height:1.5em;overflow:hidden;max-height:4.5em}
.sidebar-newlist>li{margin-bottom:20px}
.sidebar-cate li{position:relative;font-size:16px;color:#222}
.sidebar-cate li a{display:block;width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;text-overflow:ellipsis;padding-right:30px;line-height:36px}
.sidebar-cate li.menu-item{padding-left:10px}
.sidebar-cate li.menu-item:after{content:"";position:absolute;left:-4px;top:16px;width:6px;height:6px;border-radius:50%;background-color:#222}
.sidebar-cate li.menu-item ul{display:none}
.sidebar-cate li.is-current>a{color:#034ea2}
.sidebar-cate .sub-menu li{font-size:14px;color:#666}
.sidebar-cate .sub-menu .LiLevel2{padding-left:14px}
.sidebar-cate .sub-menu .pro-menu{margin-left:14px}
.sidebar-cate i{width:24px;height:36px;cursor:pointer;display:inline-block;position:absolute;top:0;right:0;transition:.2s ease-in-out;margin-top:2px;text-align:left;transform:rotate(0)}
.sidebar-cate i:before,.sidebar-cate i:after{content:"";transition:.2s ease-in-out;background-color:transparent;width:1.8px;height:8px;display:inline-block;position:absolute;border-bottom:10px solid #222;top:10px;left:10px}
.sidebar-cate i:before{transform:rotate(-135deg)}
.sidebar-cate i:after{position:absolute;transform:rotate(135deg)}
.sidebar-cate i.is-open{transform:rotate(0);transform:translate(0,-6px)}
.sidebar-cate i.is-open:before{transform:rotate(-45deg)}
.sidebar-cate i.is-open:after{transform:rotate(45deg)}
.sidebar-prolist>li{margin-bottom:20px}
.sidebar-prolist .pro-item{display:-ms-flexbox;display:flex}
.sidebar-prolist .pro-item>div{-ms-flex:1;flex:1}
.sidebar-prolist .pro-img{position:relative;border:1px solid #eee;box-sizing:border-box;overflow:hidden}
.sidebar-prolist .pro-img:after{content:"";display:block;padding-top:75%}
.sidebar-prolist .pro-img img{max-width:100%;max-height:100%}
.sidebar-prolist .pro-img>.img-wrap{position:absolute;width:100%;height:100%;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.sidebar-prolist .pro-img:hover img{transform:scale(1.05)}
.sidebar-prolist .pro-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:20px}
.sidebar-prolist .pro-info>p{color:#222;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.sidebar-prolist .pro-more{margin-top:10px;color:#888}
@media screen and (max-width:1300px){.common-main .sidebar{display:none}
}
@media screen and (max-width:769px){.inner-banner{display:none}
.content-title{display:none}
.common-main{margin:8vw 0 4vw}
.common-breadcrumb{height:auto;min-height:9.3333333333vw;line-height:9.3333333333vw;font-size:14px}
.common-breadcrumb a{font-size:14px}
.common-inquiry .common-inquiry-title{font-size:16px}
}
.send-inquiry{margin-top:46px}
.send-inquiry .inquiry-form{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{padding-right:40px;transition:.3s}
.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder{color:#999;-webkit-transition:.3s;transition:.3s;transform-origin:top left}
.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder{color:#999}
.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder{color:#999}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus{border-color:#034ea2}
.send-inquiry .inquiry-form input{position:relative;box-sizing:border-box;padding-left:20px;width:49%;height:50px;border:1px solid #d5d5d5;outline:none;margin-bottom:30px}
.send-inquiry .inquiry-form textarea{padding-top:20px;box-sizing:border-box;padding-left:20px;width:100%;outline:none;height:250px;border:1px solid #d5d5d5;resize:none}
.send-inquiry .inquiry-form .input-error{border:1px solid #f77}
.send-inquiry .send-btn{width:180px;height:50px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;margin:50px 0;box-sizing:border-box;background-color:#222}
.send-inquiry .send-btn .span:nth-child(1){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-weight:bold;color:#FFF;text-transform:uppercase;-ms-user-select:none;user-select:none}
.send-inquiry .send-btn .span:nth-child(2){display:none}
.inquiry .l-wrap{padding:0;max-width:900px}
.inquiry .send-inquiry .send-btn{margin:50px auto}
.inquiry-tip{margin-bottom:30px;line-height:1.5em}
.inquiry-tip a{text-decoration:underline}
.inquiry-tip a:hover{color:#034ea2}
.send-tit{margin:70px 0 30px;font-size:34px;color:#222;font-weight:bold;text-transform:uppercase}
@media screen and (max-width:769px){.send-tit{margin:20px 0 20px;font-size:18px;color:#222;font-weight:bold}
.send-inquiry .inquiry-form input{padding-left:2.6666666667vw;width:100%;height:12vw;margin-bottom:4vw}
.send-inquiry .inquiry-form textarea{padding-top:3.3333333333vw;padding-left:2.6666666667vw;width:100%;height:33.3333333333vw}
.send-inquiry .inquiry-form #in-company{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-name{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-title{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-phone{background-size:4.6666666667vw 4.6666666667vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-email{background-size:4.6666666667vw 4.6666666667vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-content{background-size:4vw 4vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .send-btn{width:150px;height:50px;margin:20px auto 20px}
.send-inquiry .send-btn .span:nth-child(1){font-size:14px}
.send-inquiry .send-btn .span:nth-child(2){width:6.6666666667vw}
.l-main-single .inquiry{padding:8vw 0}
.inquiry .send-inquiry .send-btn{margin:8vw auto 4vw}
.inquiry-tip{margin-bottom:6vw}
.send-inquiry .send-btn{height:10.6666666667vw;margin:20px 0 0;padding:0 6.6666666667vw}
.send-inquiry{margin-top:6.6666666667vw}
}
.hvr-bounce-to-right,.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#034ea2;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
.common-content .pro-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -16px}
.common-content .pro-list>li{width:33.3333%;margin-bottom:40px;padding:0 16px;box-sizing:border-box}
.common-content .pro-list .pro-img{border:1px solid #eee;box-sizing:border-box;position:relative;overflow:hidden;transition:box-shadow .2s ease,border .2s ease}
.common-content .pro-list .pro-img:after{content:"";display:block;padding-top:75%}
.common-content .pro-list .pro-img .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.common-content .pro-list .pro-img img{max-width:100%;max-height:100%}
.common-content .pro-list .pro-name{display:block;margin:20px 0;width:100%;text-align:center;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.common-content .pro-list .pro-price{text-align:center;color:#666}
.common-content .pro-list .pro-item:hover .pro-img{box-shadow:0px 10px 15px 0px rgba(0,0,0,.05);border-color:#034ea2}
.common-content .pro-list .pro-img:hover img{transform:scale(1.05)}
.common-content .pro-bottom{margin-top:30px;font-size:14px;line-height:1.5em;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;line-height:1.7em;color:#2b2b2b}
.keywords{margin-top:10px}
.keywords span a{padding:4px 8px;border-radius:999px;background-color:#eee;margin-right:6px}
.common-content .pro-list.list0{-ms-flex-direction:column;flex-direction:column;margin:0}
.common-content .pro-list.list0>li{padding:0;width:100%}
.common-content .pro-list.list0 .pro-item{display:-ms-flexbox;display:flex}
.common-content .pro-list.list0 .pro-img{-ms-flex:3;flex:3;margin-right:30px}
.common-content .pro-list.list0 .pro-info{-ms-flex:7;flex:7}
.common-content .pro-list.list0 .pro-price,.common-content .pro-list.list0 .pro-name{text-align:left}
.common-content .pro-list.list0 .pro-price{font-weight:bold;margin-top:36px}
.common-content .pro-list.list0 .pro-intro{color:#888;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em}
.product-detail .detail-content{margin-top:50px}
.product-detail .detail-content article p{color:#222}
.product-detail .detail-title{font-size:22px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid #e7eeee}
.product-detail .detail-hot-tag{margin:20px 0;line-height:1.5em}
.product-detail>.wrap{display:-ms-flexbox;display:flex}
.product-detail .product-info{margin-left:40px}
.product-detail .product-name{font-size:20px}
.product-detail .product-intro{color:#888;margin:20px 0;line-height:1.5em}
.product-detail .product-price{color:#666}
.product-detail .share-btn-list{margin:30px 0 40px}
.product-detail .btn-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-detail .btn-list>button,.product-detail .btn-list div{margin-right:10px;margin-bottom:10px;transition:background .2s ease}
.product-detail .btn-list>button:hover,.product-detail .btn-list div:hover{background-color:#034ea2}
.product-detail .btn-list button{width:260px;height:48px;cursor:pointer}
.product-detail .btn-list a{color:#FFF}
.product-detail .btn-list button.send{outline:0;border:0;color:#FFF;background-color:#222}
.product-detail .btn-list button.send:hover{background-color:#034ea2}
.product-detail .btn-list .pdown1{width:260px;height:48px;background-color:#222}
.product-detail .btn-list .pdown1 a{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}
.product-detail .btn-list .addToCart{background-color:#222;cursor:pointer;width:260px;height:48px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.product-detail .btn-list .addToCart span{color:#FFF}
.product-detail .btn-list .addToCart.is-active{background-color:#034ea2 !important}
.preview-container{position:relative;width:450px;background:#FFF;padding-bottom:1px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #eee;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;background-color:#FFF;cursor:move}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #eee;display:none}
.preview-container .thumbnail-box{margin:20px 0;position:relative;width:100%;box-sizing:border-box;background:#FFF}
.preview-container .thumbnail-box .list{width:390px;margin:0px auto;overflow:hidden;position:relative}
.preview-container .thumbnail-box .list ul{width:100000px;display:-ms-flexbox;display:flex;padding:2px 0}
.preview-container .thumbnail-box .list ul .item{width:76px;height:76px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 10px;box-sizing:border-box;overflow:hidden;border:1px solid #ccc}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%;display:block}
.preview-container .thumbnail-box .list ul .item-cur{border:none;outline:2px solid #034ea2}
.preview-container .thumbnail-box .btn{position:absolute;width:22px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%}
.preview-container .thumbnail-box .btn-prev{left:0;border-radius:5px 0px 0px 5px}
.preview-container .thumbnail-box .btn-next{right:0;border-radius:0px 5px 5px 0px}
.preview-container .thumbnail-box .btn_prev_disabled{cursor:not-allowed;opacity:.4}
.preview-container .thumbnail-box .btn_next_disabled{cursor:not-allowed;opacity:.4}
.preview-container .thumbnail-box .arrow{width:24px;height:36px;display:inline-block;position:absolute;top:50%;margin-top:-18px;right:0;transform:rotate(0)}
.preview-container .thumbnail-box .arrow:before,.preview-container .thumbnail-box .arrow:after{content:"";transition:.2s ease-in-out;background-color:transparent;width:1.8px;height:8px;display:inline-block;position:absolute;border-bottom:10px solid #222;top:10px;left:10px}
.preview-container .thumbnail-box .arrow:before{transform:rotate(-135deg)}
.preview-container .thumbnail-box .arrow:after{transform:rotate(135deg)}
.preview-container .thumbnail-box .arrow-left{transform:rotate(90deg)}
.preview-container .thumbnail-box .arrow-right{transform:rotate(-90deg)}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:449px;border:1px solid #eee;position:absolute;width:550px;height:553.5px;box-sizing:border-box;background:#FFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:130%}
.preview-container .banner-page{display:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:absolute;padding:1.3333333333vw 5.3333333333vw;border-radius:999px;background:#034ea2;bottom:2.6666666667vw;right:4vw;z-index:9}
.preview-container .banner-page span{color:#FFF}
.preview-container .banner-page .of{margin:0 4px}
.preview-container #media{position:absolute;top:0;left:0;width:450px;height:450px;z-index:2}
.preview-container .video-switch{position:absolute;cursor:pointer;top:10px;right:10px;z-index:3}
.preview-container .video-switch>i{font-size:30px}
.rec-products .rec-list{display:-ms-flexbox;display:flex;margin:0 -6px}
.rec-products li{padding:0 6px;box-sizing:border-box;width:16.667%}
.rec-products .pro-img{position:relative;border:1px solid #eee}
.rec-products .pro-img::after{content:"";padding-top:75%;display:block}
.rec-products .pro-img:hover img{transform:scale(1.05)}
.rec-products .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.rec-products .img-wrap>img{transition:transform .2s ease;max-width:100%;max-height:100%}
.rec-products .pro-name{margin-top:10px;display:block;font-size:14px;text-align:center;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
@media screen and (max-width:769px){.common-content .pro-list>li{width:100%;padding:0 4vw;margin-bottom:5.3333333333vw}
.common-content .pro-list .pro-item:hover .pro-img{box-shadow:none;border-color:#eee}
.common-content .pro-list .pro-name{font-size:16px;margin:4vw 0}
.common-content .pro-bottom{margin:8vw 0 5.3333333333vw;font-size:12px}
.common-content .pro-list.list1{margin-bottom:4vw;margin:0 -2vw}
.common-content .pro-list.list1 .pro-item{-ms-flex-direction:column;flex-direction:column}
.common-content .pro-list.list1 .pro-img{margin-right:0}
.common-content .pro-list.list1 .pro-price{margin-top:4vw}
.common-content .pro-list.list1 .pro-intro{-webkit-line-clamp:2;max-height:3em}
.common-content .pro-list.list1>li{width:50%;padding:0 2vw}
.common-content .pro-list.list0 .pro-img{width:30vw;height:30vw;-ms-flex:0 0 30vw;flex:0 0 30vw}
.common-content .pro-list.list0 .pro-info{-ms-flex:1;flex:1}
.common-content .pro-list.list0 .pro-name{-webkit-line-clamp:1}
.common-content .pro-list.list0 .pro-intro{-webkit-line-clamp:2}
.common-content .pro-list.list0 .pro-price{margin-top:6px}
.common-content .pro-list.list0 .pro-name{margin:4px 0}
.product-detail>.wrap{-ms-flex-direction:column;flex-direction:column}
.product-detail .product-info{margin:0}
.rec-products .rec-list{-ms-flex-wrap:wrap;flex-wrap:wrap}
.preview-container{width:100%}
.preview-container .small-box,.preview-container .thumbnail-box .btn,.preview-container .thumbnail-box a{display:none}
.preview-container .thumbnail-box .list,.preview-container .thumbnail-box .list .wrapper{width:100%}
.preview-container .thumbnail-box .list ul .item{height:75vw;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;outline:none}
.preview-container .banner-page{display:-ms-flexbox;display:flex}
.preview-container .thumbnail-box .list{min-height:75vw}
.preview-container .thumbnail-box .list .wrapper{display:none}
.product-view{border-top:1px solid #eee;border-bottom:1px solid #eee;margin:0 -4vw 5.8666666667vw}
.product-detail .product-name{font-size:18px}
.product-detail .btn-list .addToCart,.product-detail .btn-list .pdown1,.product-detail .btn-list>button,.product-detail .btn-list>div{width:100%;height:10.6666666667vw;overflow:hidden;margin:0 0 4vw}
.product-detail .share-btn-list{margin:8vw 0 9.3333333333vw}
.product-detail .detail-content{margin-top:6.6666666667vw}
.product-detail .detail-title{font-size:18px;font-weight:bold}
.common-inquiry,.pagelink{margin-top:9.3333333333vw}
.rec-products{margin-top:9.3333333333vw}
.rec-products li{width:50%}
.preview-container #media{position:relative;width:100vw;height:75vw;padding-bottom:4vw;border-bottom:1px solid #eee}
.preview-container .video-switch{display:none}
.product-detail .product-intro{font-size:16px}
.product-detail .btn-list .addToCart:hover{background-color:#222}
}
@media screen and (max-width:767px){.rec-products li{margin-bottom:4vw}
}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos]{pointer-events:none}
[data-aos].aos-animate{pointer-events:auto}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:none}
html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0,100px,0)}
html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0,-100px,0)}
html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px,0,0)}
html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px,0,0)}
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-youtube:before{content:"\e61d";}
.icon-tiktok:before{content:"\ecdc";}
.icon-cart:before{content:"\e613";}
.icon-view:before{content:"\e860";}
.icon-video:before{content:"\e73c";}
.icon-skype:before{content:"\e882";}
.icon-message1:before{content:"\e626";}
.icon-home:before{content:"\e618";}
.icon-whatsapp:before{content:"\e97b";}
.icon-mail:before{content:"\e70b";}
.icon-map2:before{content:"\e813";}
.icon-fax:before{content:"\e6e5";}
.icon-map:before{content:"\e758";}
.icon-phone2:before{content:"\e86e";}
.icon-pinterest:before{content:"\e697";}
.icon-instagram:before{content:"\e87f";}
.icon-facebook:before{content:"\e634";}
.icon-linkedin:before{content:"\e978";}
.icon-twitter:before{content:"\e9b2";}
.icon-angle-up:before{content:"\e60a";}
.icon-cc-arrow-left:before{content:"\e609";}
.icon-cc-arrow-right:before{content:"\e60c";}
.icon-earth:before{content:"\e781";}
.icon-mail_fill:before{content:"\e70a";}
.icon-search:before{content:"\e607";}
.icon-phone:before{content:"\e787";}
.icon-map-filling:before{content:"\e68c";}
.toast-title{font-weight:700}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFF}
.toast-message a:hover{color:#CCC;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #FFF;text-shadow:0 1px 0 #FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.toast-top-center{top:0;right:0;width:100%}
.toast-bottom-center{bottom:0;right:0;width:100%}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;z-index:999999;pointer-events:none}
#toast-container *{box-sizing:border-box}
#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51A351}
.toast-error{background-color:#BD362F}
.toast-info{background-color:#2F96B4}
.toast-warning{background-color:#F89406}
.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}
}