﻿
a,b,body,dd,div,dl,dt,form,h3,h4,header,html,i,img,li,nav,p,section,span,ul{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
header,nav,section{display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1;text-size-adjust:none}
ul{list-style:none}
input{border-radius:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a{outline:0;color:#333;text-decoration:none}
body,input{font-family:"Microsoft YaHei","微软雅黑",sans-serif}
input[type=text]:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}
img{display:inline-block}
[class*=' icon-'],[class^=icon-]{text-transform:none;font-style:normal;font-variant:normal;font-family:iconfont;line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}
input[type=text]::-ms-clear{display:none}
.bg-cover{background-position:center center;background-size:cover;background-repeat:no-repeat}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-right:auto;margin-left:auto}
.slick-track::after,.slick-track::before{display:table;content:""}
.slick-track::after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;display:none;height:100%;min-height:1px;outline:0}
.slick-slide a{outline:0}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.banner-dots{position:absolute;right:0;bottom:20px;left:0;text-align:center;font-size:0}
.banner-dots li{display:inline-block;margin:0 8px;vertical-align:top}
.banner-dots li button{position:relative;display:inline-block;padding:0;outline:0;border:0;background-color:transparent;font-size:0;cursor:pointer}
.banner-dots li button::before{display:block;width:6px;height:6px;background-color:#e0e0e0;content:"";-webkit-transition:background .3s ease-out;-moz-transition:background .3s ease-out;-o-transition:background .3s ease-out;transition:background .3s ease-out}
.banner-dots li.slick-active button::before{background-color:#000}
.header{position:fixed;top:0;left:0;z-index:999;display:none;width:100%;max-height:82px;background-color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header:after{position:absolute;bottom:0;left:0;z-index:200;display:block;width:100%;height:1px;background-color:#ccc;content:'';-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}
.header-handle{position:fixed;top:0;left:0;z-index:888;width:100%;height:82px;opacity:0}
/*.home .header{background-color:rgba(255,255,255,.7)}*/
.home .header:after{opacity:0}
.home .header:hover{background-color:#fff}
.home .header:hover:after{opacity:1}
.pageScroll .header{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);-ms-transform:translateY(-100%)}
.active-navItem,.m-header__cont,.sub-arrow{display:none}
.header-content,.header-lang,.logo,.navigation{display:inline-block;vertical-align:middle}
.logo{backface-visibility:hidden;float: left;line-height: 82px;}
.logo img{width:100%;margin-top:25px;}
.header-lang{margin-left:40px}
.header-lang a,.header-lang i{display:inline-block;vertical-align:middle}
.header-lang .line{margin:0 16px;width:1px;height:16px;background-color:#202020}
.header-lang .icon-chaxun{font-size:18px}
.header-lang a{color:#202020;font-size:16px;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s}
.header-lang a:hover{color:#019fe9}
.ib-column{display:inline-block;vertical-align:top}
.header-search__outbox{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:82px;background-color:#fff}
.header-search__outbox .search-box{position:absolute;padding-right:60px;width:100%}
.header-search__outbox .search-close{position:absolute;right:0;z-index:10;color:#202020;font-size:16px}
.header-search__outbox .search-box,.header-search__outbox .search-btn,.header-search__outbox .search-close{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.header-search__outbox .search-btn{position:absolute;left:20px;padding:0;outline:0;border:none;background-color:transparent;color:#202020;font-size:18px;cursor:pointer;-webkit-transition:color .4s;transition:color .4s}
.header-search__outbox input{padding:0 45px;width:100%;height:40px;outline:0;border:1px solid #019fe9;border-radius:50px;color:#202020;font-size:14px}
.header-search__outbox input::-webkit-input-placeholder{color:rgba(0,0,0,.3)}
.header-search__outbox input:-moz-placeholder{color:rgba(0,0,0,.3)}
.header-search__outbox input:-ms-input-placeholder{color:rgba(0,0,0,.3)}
.header-search__cont{position:relative;margin-right:auto;margin-left:auto;height:100%;max-width:510px;text-align:center}
@media (min-width:1025px){.header-search__outbox .search-close:before{display:block;-webkit-transition:transform .4s;transition:transform .4s}
.header-search__outbox .search-close:hover:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.header-content{text-align:right;font-size:0; float: right;}
.header-navs li{position:relative;display:inline-block;width: 100px;padding:32px 0;vertical-align:top;text-align:center;-webkit-transition:padding .3s;-moz-transition:padding .3s;-o-transition:padding .3s;transition:padding .3s}
.header-navs li:after,.header-navs li:before{position:absolute;left:50%;display:block;visibility:hidden;width:1px;height:12px;background-color:#019fe9;content:'';opacity:0;-webkit-transition:opacity .3s,visibility .3s,height .3s;-moz-transition:opacity .3s,visibility .3s,height .3s;-o-transition:opacity .3s,visibility .3s,height .3s;transition:opacity .3s,visibility .3s,height .3s}
.header-navs li:before{top:12px}
.header-navs li:after{bottom:12px}
.header-navs li:hover .sub-menu{visibility:visible;opacity:1}
.header-navs li:hover:after,.header-navs li:hover:before{visibility:visible;opacity:1}
.header-navs li:hover .ne{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
.header-navs li:hover .nc{visibility:hidden;opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);-ms-transform:translateY(-100%)}
.header-navs li.on:after,.header-navs li.on:before{visibility:visible;opacity:1}
.header-navs li.on .ne{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
.header-navs li.on .nc{visibility:hidden;opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);-ms-transform:translateY(-100%)}
.header-navs .sub-item{position:relative;display:block;overflow:hidden;height:18px;line-height:18px}
.header-navs span{font-size:16px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.header-navs .nc{color:#202020}
.header-navs .ne{position:absolute;top:0;left:0;display:block;visibility:hidden;width:100%;color:#019fe9;text-align:center;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%);-ms-transform:translateY(100%)}
.header-navs .sub-menu{position:absolute;top:82px;left:50%;z-index:200;visibility:hidden;padding:0 20px 20px;width:280px;background-color:#fff;text-align:center;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
.header-navs .nav-column{padding-top:20px}
.header-navs .nav-column dd{margin-bottom:16px}
.header-navs .nav-column a{position:relative;display:inline-block;padding-bottom:3px;color:#202020;font:15px "Montserrat Light";-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s}
.header-navs .nav-column a:after{position:absolute;right:0;bottom:0;left:0;display:block;margin:auto;width:0;height:1px;background-color:#019fe9;content:'';-webkit-transition:width .3s;-moz-transition:width .3s;-o-transition:width .3s;transition:width .3s}
.header-navs .nav-column a:hover{color:#019fe9}
.header-navs .nav-column a:hover:after{width:100%}
.header-navs .nav-product .sub-menu{position:fixed;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;overflow:hidden;padding-bottom:0;padding-left:10.375vw;width:100vw;text-align:left;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0);justify-content:space-between}
.header-navs .nav-product .nav-column{/*display:inline-block;*/padding-top:60px;padding-right:30px;padding-bottom:60px;width:12%;vertical-align:top}
.header-navs .nav-product .nav-column2{/*display:inline-block;*/padding-top:60px;padding-right:30px;padding-bottom:60px;width:30%;vertical-align:top}
.header-navs .nav-product .nav-column2 img{width: 90%; height: auto; margin-bottom: 15px;}
.header-navs .nav-product .nav-column2 p{font-size:18px; color: #666;line-height: 36px;}
.header-navs .nav-product .sub-menu__left,.header-navs .nav-product .sub-menu__right{position:relative;z-index:20;display:inline-block;vertical-align:top}
.header-navs .nav-product .sub-menu__left{padding:0 60px 32px 0;width:70%;background-color:#fff}
.header-navs .nav-product .sub-menu__left .nav-column{margin-bottom:80px}
.header-navs .nav-product .sub-menu__right{padding-top:0;width:30%}
.header-navs .nav-product .sub-right__cont{padding-bottom:32px;padding-left:40px;background-color:#f7f7f7}
.header-navs .nav-product .sub-right__cont .nav-column{width:100%}
.header-navs .nav-product dt{position:relative;display:table;margin-bottom:30px}
.header-navs .nav-product dt:after{position:absolute;bottom:-5px;left:0;display:block;width:100%;height:1px;background-color:#019fe9;content:''}
.header-navs .nav-product dt a{font-size:16px}
.header-navs .nav-product dt a:after{display:none}
.header-navs .nav-product dd a{color:#999;font-size:14px}
}
@media (max-width:1440px){.logo{width:200px}
.logo img{margin-top:30px;}
.header-navs span{font-size:15px}
.header-navs .nav-column a{font-size:14px}
}
@media (max-width:1024px){
.header-handle{display:none}
.active-navItem{position:absolute;top:50%;left:-3px;display:none;padding-left:20px;color:#202020;font-weight:700;font-size:14px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.active-navItem i{position:absolute;top:2px;left:0;color:#202020;font-size:18px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}
.active-navItem.active{visibility:visible;opacity:1}
.m-header__cont{position:absolute;top:50%;right:0;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.m-header__cont .js-search__btn,.m-header__cont .line,.m-header__cont .m-menu{display:inline-block;vertical-align:middle}
.m-header__cont .js-search__btn{color:#202020;font-size:22px}
.m-header__cont .line{margin:0 10px;width:1px;height:20px;background-color:#202020}
.m-menu{width:24px;cursor:pointer}
.m-menu i{display:block;margin:6px 0;width:100%;height:2px;background:#019fe9;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.open .m-menu i:nth-of-type(1){-webkit-transform:translateY(8px) rotate(-45deg);-moz-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg);-ms-transform:translateY(8px) rotate(-45deg)}
.open .m-menu i:nth-of-type(2){visibility:hidden;opacity:0}
.open .m-menu i:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(45deg);-moz-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg);-ms-transform:translateY(-8px) rotate(45deg)}
.open .header-content{visibility:visible;opacity:1}
.header{padding:16px 0;height:57px}
.header-main{height:100%}
.header-content{position:fixed;top:53px;right:0;z-index:540;visibility:hidden;padding:30px 0;width:100%;height:calc(100vh - 53px);background-color:#fff;opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.logo{width:180px;line-height: 30px;}
.logo img{margin-top:3px;}
.sub-menu{position:fixed;top:53px;right:0;bottom:0;left:0;z-index:999;visibility:hidden;overflow-y:auto;padding-top:30px;width:100%;background-color:#fff;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-ms-transform:translateX(100%)}
.sub-menu.active{visibility:visible;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
.sub-menu .nav-column{padding:0 24px 38px 24px}
.sub-menu dd{border-bottom: 1px solid #eaeaea; padding: 15px 0;}
.sub-menu dt{position:relative;display:table;margin-bottom:25px;padding-bottom:10px;color:#202020}
.sub-menu dt:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background-color:#019fe9;content:''}
.sub-menu dt a{font-size:15px}
.sub-menu a{color:#202020}
.sub-menu__left{padding-bottom:0}
.sub-menu__right{padding-top:30px;background-color:#f7f7f7}
.navigation{display:block}
.header-navs .sub-item{position:relative;display:block;padding:20px 24px 18px 24px;border-bottom:1px solid #eaeaea}
.header-navs .sub-item span{color:#202020;font-size:16px}
.header-navs .nav-column a{font-size:15px}
.header-navs .ne{position:absolute;top:50%;left:21px;display:none;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.header-navs .nav-product dt a{font-size:16px}
.header-navs .nav-product dd{margin-bottom:20px}
.header-navs .nav-product dd a{color:#999;font-size:14px}
.header-navs .on .ne{display:block}
.header-navs .on .nc{visibility:hidden;opacity:0}
.has-sub__item .sub-arrow{position:absolute;top:50%;right:24px;display:block;color:#202020;font-size:18px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.header-lang{margin-top:40px;margin-left:0;padding:0 24px;width:auto}
.header-lang .js-search__btn,.header-lang .line{display:none}
.header-lang i{margin:0 10px}
.header-search__outbox{height:57px}
}
@media (max-width:700px){.header-search__outbox .search-box{padding-right:38px}
.header-search__outbox input{height:35px}
.header-search__outbox .search-btn{margin-top:1px;font-size:16px}
.header-search__cont{margin-right:20px;margin-left:20px}
}
body,html{background-color:#fff;font-size:16px}
body{overflow-x:hidden;min-width:320px}
.hide{display:none}
.show{display:block}
.relative{position:relative}
.lazy{background-size:24px}
.w1600{margin-right:auto;margin-left:auto;max-width:1600px}
.wrap{position:relative;z-index:10;padding-top:82px}
.link-btn{display:inline-block;font-size:0}
.link-btn span{position:relative;display:inline-block;vertical-align:middle}
.link-btn span{width:34px;height:34px;border-radius:50%}
.link-btn i{position:absolute;top:50%;left:50%;font-size:30px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.white-btn span{background-color:#fff}
.white-btn span i{color:#019fe9}
video::-internal-media-controls-download-button{display:none}
@media (max-width:1740px){.w1600{width:90%}
}
@media (max-width:1440px){.w1600{width:92%}
.link-btn span{width:30px;height:30px}
.link-btn i{font-size:26px}
}
@media (max-width:1024px){.w1600{margin-right:24px;margin-left:24px;width:auto}
.wrap{padding-top:53px}
.link-btn span{width:28px;height:28px}
.link-btn i{font-size:20px}
}
@media (max-width:750px){.link-btn span{width:24px;height:24px}
.link-btn i{font-size:18px}

}
/*.home .wrap{padding-top:0}*/
.index-banner__slick .item{position:relative;height:100%}
.index-banner__slick .pic img{width:100%}

.index-banner__slick .item-cont{position:absolute;top:50%;left:160px;z-index:80;max-width:1200px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.index-banner__slick .item-cont h4{margin-bottom:10px;color:#fff;letter-spacing:1px;font:18px "Montserrat Light"}
.index-banner__slick .item-cont h3{color:#fff;font-weight:700;font-size:80px;line-height:1.4}
.index-banner__slick .item-cont p{margin-top:50px;color:#fff;letter-spacing:10px;font-size:20px;line-height:1.6}
.index-banner__btn{position:absolute;right:90px;bottom:80px}
.index-banner__btn .ib-page,.index-banner__btn a{display:inline-block;vertical-align:middle}
.index-banner__btn .ib-page{font-size:0}
.index-banner__btn .ib-page span{width:25px}
.index-banner__btn .ib-page b,.index-banner__btn .ib-page span{display:inline-block;vertical-align:middle}
.index-banner__btn .ib-page b,.index-banner__btn .ib-page span{color:#fff;font-size:16px}
.index-banner__btn .current-page{text-align:right}
@media (max-width:1920px){
.index-banner__slick .item-cont{position:absolute;top:50%;left:8.33333vw;z-index:80;max-width:62.5vw;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.index-banner__slick .item-cont h4{margin-bottom:.52083vw;color:#fff;letter-spacing:1px;font:18px "Montserrat Light"}
.index-banner__slick .item-cont h3{color:#fff;font-weight:700;font-size:4.16667vw;line-height:1.4}
.index-banner__slick .item-cont p{margin-top:2.60417vw;color:#fff;letter-spacing:.52083vw;font-size:20px;line-height:1.6}
.index-banner__btn{right:4.6875vw;bottom:3.16667vw}
}
@media (max-width:1024px){

.index-banner__slick .item-cont{left:0;padding:0 24px;max-width:84%}
.index-banner__slick .item-cont h4{margin-bottom:8px;font-size:16px}
.index-banner__slick .item-cont h3{font-size:50px}
.index-banner__slick .item-cont p{margin-top:15px;font-size:18px}
}
@media (max-width:750px){.index-banner__slick .item-cont{max-width:100%}
.index-banner__slick .item-cont h3{font-size:40px}
}
@media (max-width:640px){.index-banner__slick .item-cont{top:auto;bottom:30%;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
.index-banner__slick .item-cont h3{font-size:22px}
}