body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; font-family: Microsoft YaHei}
a:hover { text-decoration:none; }
a:visited{text-decoration:none;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
.wrapper{width:100%; margin: 0 auto; overflow:hidden;position: relative;}
.g-in{width: 1032px;margin:0 auto;}
@keyframes heart{
    0%{transform:translate(0,0)}
    25%{transform:translate(0,4px)}
    50%{transform:translate(0,0)}
    75%{transform:translate(0,-4px)}
    100%{transform:translate(0,0)}
}
@keyframes bubble{
    0%{transform:translate(0,0);}
    50%{transform:translate(0,6px);}
    100%{transform:translate(0,0);}
}
html{overflow-y: auto;transition: all 0.4s}
body{overflow: hidden;font-size: 16px;font-family: Microsoft YaHei}
body.z-open .m-nav {transform:translate3d(-240px,0,0);-webkit-transform:translate3d(-240px,0,0);}
.first-page{background: url(https://qiniu.huati6.com/static/images/section1-bg.png) 0 0/100% 100% no-repeat;position: relative;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;}
#nav-header{position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;}
.fixed-nav-wrap {width: 100%;height: 66px;position: fixed;top:-200px;left: 0;right: 0;z-index:99;background-color: rgba(0,0,0,.7);top: -80px;transition: all .5s ease; }
.nav .logo{float: left;margin-top:16px;font-size: 16px;}
.nav .nav-header-list{float: right;margin-top:24px;position: relative;}
.nav .nav-header-list .nav-header-item{float: left;margin-left: 40px;font-size: 16px;}
.nav .nav-header-list .nav-header-item a{color:#fff;position: relative;}
.nav .nav-header-list #navslip-fixed,
.nav .nav-header-list #navslip{display: block;position: absolute;bottom: -4px;left: 0; width: 15px;height: 4px;background: #004dcf;border-right: 1px solid #204c95;border-left: 1px solid #204c95;}
.first-page{height: 100vh;}
.first-page .content{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%)}
.first-page .content{font-family: Microsoft YaHei;color:#fff;line-height: 1;text-align: center;}
.first-page .content .change{font-size: 72px;margin-bottom: 25px;font-weight: 300;letter-spacing:10px}
.first-page .content .title{font-size: 40px;font-weight: bold;margin-bottom: 40px;letter-spacing:2px}
.first-page .tips{position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);text-align: center}
.first-page .tips p{margin-top: 5px;font-size: 16px;color:#fff;animation: heart 2s infinite linear;-webkit-animation: heart 2s infinite linear;}


.m-nav {display: none; width:240px; height:100%; right:-240px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:101; }
.m-nav-close{position: absolute;top: 20px;right: 24px;}
.m-nav li { position:relative;height: 48px;margin-top: 24px; line-height: 48px; font-size:16px;text-align: center;transition: all 0.4s;}
.m-nav li a { display:block; color:#333333;}
.m-nav ul{margin-top:100px;}
.m-nav li.active{ background: #f2f4f8; }
.m-nav .active:after { position:absolute; top:50%; left:0; width:5px; height:48px; margin-top:-24px; border-left:4px solid #0048d2; content:"" }
.pad-logo,
.pad-logo-move  {display: none;transition: all 0.4s;}


#fp-nav ul li a span, .fp-slidesNav ul li a span{border:1px solid #fff!important;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #044dc8!important;border:1px solid #044dc8!important;}

#example_video{position: relative;z-index: 999;}

#play-video:hover{cursor: pointer;}
.video-playing {display: none; position: absolute;width: 720px;height: 408px;top:50%;left:50%;transform: translate(-50%,-50%); z-index: 100}
#video-player {width: 100%;height: 100%;object-fit:fill;}
.video-close {position: absolute;top: 10px;right: 10px;z-index: 101;font-weight: 400;color: #fff;text-decoration: none;font-size: 20px;transition: all 1s;line-height: 1;cursor: pointer;}
.video-close:hover {-ms-transform: rotate(180deg);transform: rotate(180deg)}
.video-js .vjs-tech {object-fit:fill;}
.vjs-poster{background-size: cover!important}
.video-js .vjs-big-play-button{display: none!important;}
.pad-video-play{display: none;}
.pc-video-group {display: block;}
.pad-video-group {display: none;}
@media screen and (max-width: 1080px) {
    .pc-video-group {display: none;}
    .pad-video-group {display: block;}
    body{height: auto!important;overflow-y: auto;transition: all 0.4s}
    .g-in{padding: 0 32px;width: auto;position: relative;}
    .hide{display: none;}
    .u-mask {position: absolute;width: 100%;height: 100%;z-index: 10; left: 0;right: 0;bottom:0;top:0;background: rgba(0, 0, 0, 0.502);}
    .fixed-nav-wrap,
    .nav{display: none;}
    .m-nav {display: block;}
    .pad-logo {display: block;padding: 16px 0 0;width: 100%;}
    .pad-logo .logo{float: left;margin-left: 32px}
    .pad-logo .m-nav-icon{float: right;margin-right: 32px}
    .video-playing {width: 80%;}
    .first-page .tips{display: none;}
    .pad-logo-move{display: block; position: fixed;top: -200px;left: 0;right: 0; padding: 0 32px;height: 56px;background: #fff;z-index: 99;}
    .pad-logo-move .logo{float: left;}
    .pad-logo-move .m-nav-icon{float: right;margin-top: 17.5px;}
}

@media screen and (max-width: 750px) {
    .video-playing{width: 90%;height: 290px;}
    .g-in{padding: 0 0.24rem;width: auto;position: relative;}

}


.second-page .g-in{text-align: center;}
.second-page .fp-tableCell{vertical-align: top}
.second-page .con-title{margin: 96px auto 0;position: relative;display: inline-block;line-height: 1;}
.second-page .con-title .inner{color: rgb(242, 244, 248);font-size: 64px;position: absolute;left: -7px;bottom: -6px; z-index: -1;font-weight: bold;}
.second-page .con-title .out{font-weight: 600; text-align: center;font-size: 32px;color:#333333;position: relative;}
.second-page .con-title .out:after{position: absolute;left: 0;bottom: -8px;width: 24px;height: 4px;background: #004ac9;content: '';display: block;}
.second-page .programme-list{margin-top: 72px;}
.second-page .programme-list .item{position: relative;float: left;width: 344px;line-height: 1;text-align: center;color:#333333;}
.second-page .programme-list .item span{position: absolute;left: 0;font-size: 140px;font-family: "Arial";color: rgb(242, 244, 248);z-index: -1;line-height: 1;font-weight: bold;}
.second-page .programme-list .item .pic{margin-top:48px;}
.second-page .programme-list .item .pic img{width: 81px;height: 81px;}
.second-page .programme-list .item .name{margin-top:40px;font-size: 18px;font-weight: 600}
.second-page .programme-list .item .info-f{margin-top:24px;font-size: 14px;}
.second-page .programme-list .item .info-s{margin-top:16px;font-size: 14px;}
.second-page .programme-list .item:nth-child(1){background: url(https://qiniu.huati6.com/static/images/p2-pic1.png) no-repeat left top;background-size: 225px 105px;}
.second-page .programme-list .item:nth-child(2){background: url(https://qiniu.huati6.com/static/images/p2-pic2.png) no-repeat left top;background-size: 219px 105px;}
.second-page .programme-list .item:nth-child(3){background: url(https://qiniu.huati6.com/static/images/p2-pic3.png) no-repeat left top;background-size: 218px 105px;}
.second-page .moudle-video{margin: 64px 0 80px;position: relative;}
.second-page .moudle-video .video-group{float: right;width: 568px;}
.second-page .moudle-video .video-group .item{margin:0 8px 8px 0;position: relative;width: 280px;height: 210px;float: left;}
.second-page .moudle-video .video-group .item:nth-child(2n){margin-right:0;}
.second-page .moudle-video .video-group .item:nth-child(5),
.second-page .moudle-video .video-group .item:nth-child(6){margin-bottom:0;}
.second-page .moudle-video .video-group .item .title{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;font-size: 14px;color:#fff;line-height: 1;text-align: right;}
.second-page .moudle-video .video-group .item .title .title-bg{width: 100%;height: 100%;position: relative;background: url(https://qiniu.huati6.com/static/images/video-group-bg.png) no-repeat center bottom;background-size: cover;}
.second-page .moudle-video .video-group .item .title p{display: inline-block;position: absolute;bottom:16px;right: 16px;}
.second-page .moudle-video .video-group .item .title img{width: 16px;height: 16px;position: absolute;bottom:8px;right: 16px;display: none;}
.second-page .moudle-video .video-group .item.active em{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.6);left: 0;bottom: 0;}
.second-page .moudle-video .video-group .item.active .title{display: none;}

@media screen and (max-width: 1080px) {
    .second-page .moudle-video .video-group .item em{display: none!important;}
    .second-page .moudle-video .video-group .item.active .title{display: block;}
}

.second-page .moudle-video .module-video-left{position: absolute;left: 0;top: 80px;z-index: 2;}
.second-page .moudle-video .module-video-left .focus-video{box-shadow: 0px 6px 20px 0px rgba(19, 19, 29, 0.3);width: 592px;height: 444px;overflow: hidden;z-index: 2;background: #fff;position: relative;}
.second-page .moudle-video .module-video-left .focus-video #focus-video-player{width: 100%;height: 100%;object-fit:fill;}
/* .second-page .moudle-video .module-video-left .focus-video #focus-screen{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%; background:url(https://qiniu.huati6.com/static/images/video-play-big.png) no-repeat center;background-color: rgba(0,77,207,0.7) ; z-index: 9;} */
.second-page .moudle-video .module-video-left .focus-video #focus-screen{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0,77,207,0.7) ; z-index: 9;}
.second-page .moudle-video .module-video-left .focus-video #focus-screen img{width: 100%;height: 100%;}
.second-page .moudle-video .module-video-left .focus-video p{font-size: 18px;text-align: center;color:#fff;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 10;width: 100%;letter-spacing: 3px;line-height: 33px;}
.second-page .moudle-video .module-video-left .tips{font-size: 18px;color:#333333;line-height: 1;margin-top: 40px;text-align: left;}
.second-page .moudle-video .module-video-left .btn{cursor: pointer; height: 32px;width: 120px;border-radius: 16px;font-size: 12px;color:#fff;text-align: center;line-height: 32px;background: #004dcf;margin-top: 24px;}

@media screen and (max-width: 1080px) {
    .second-page .con-title{margin:50px auto 0;}
    .second-page .moudle-video{margin: 40px 0 66px;}
    .second-page .con-title .inner{font-size: 40px;left: -3px;}
    .second-page .con-title .out{font-size: 26px;}
    .second-page .programme-list .item{width: 33%;}
    .second-page .programme-list .item:nth-child(1){background: url(https://qiniu.huati6.com/static/images/p2-pic1.png) no-repeat left top;background-size: 144px auto;}
    .second-page .programme-list .item:nth-child(2){background: url(https://qiniu.huati6.com/static/images/p2-pic2.png) no-repeat left top;background-size: 144px auto;}
    .second-page .programme-list .item:nth-child(3){background: url(https://qiniu.huati6.com/static/images/p2-pic3.png) no-repeat left top;background-size: 144px auto;}
    .second-page .programme-list .item .pic{margin-top:16px;}
    .second-page .programme-list .item .pic img{width: 66px;height: 66px;}
    .second-page .programme-list .item .name{margin-top:30px;}
    .second-page .programme-list .item .info-s{margin-top:12px;font-size: 14px;}
    #moudle-video .module-video-left{display: none;}
    .second-page .moudle-video .video-group{float: none;width: 100%;overflow: hidden;}
    .second-page .moudle-video .video-group .item{width: calc((100% - 32px) / 3);height: 168px; margin:0 16px 16px 0;}
    .second-page .moudle-video .video-group .item img{width: 100%;height: 100%;}
    .second-page .moudle-video .video-group .item:nth-child(3n){margin-right: 0;}
    .second-page .moudle-video .video-group .item:nth-child(2n){margin-right:16px;}
    .second-page .moudle-video .video-group .item:nth-child(4),
    .second-page .moudle-video .video-group .item:nth-child(5),
    .second-page .moudle-video .video-group .item:nth-child(6){margin-bottom:0;}
    .second-page .moudle-video .video-group .item:nth-child(6){margin-right: 0;}
    .pad-video-play{position: fixed;z-index: 11; top:50%;left:50%;transform: translate(-50%,-50%);width: 80%;height: 408px;}
}

@media screen and (max-width: 750px) {
    .second-page .con-title .inner{font-size: 0.40rem;}
    .second-page .con-title .out{font-size: 0.26rem;}
    .second-page .con-title{margin:0.5rem auto 0;}
    .second-page .programme-list .item{float: none;margin:0.4rem auto 0;width: 100%;padding-top: 0.24rem;}
    .second-page .programme-list .item .pic img{width: 0.58rem;height: 0.58rem;}
    .second-page .programme-list{margin-top: 0.55rem;}
    .second-page .programme-list .item:nth-child(1){background: url(https://qiniu.huati6.com/static/images/p2-pic1.png) no-repeat left 40% top;background-size: 1.44rem auto;}
    .second-page .programme-list .item:nth-child(2){background: url(https://qiniu.huati6.com/static/images/p2-pic2.png) no-repeat left 40% top;background-size: 1.44rem auto;}
    .second-page .programme-list .item:nth-child(3){background: url(https://qiniu.huati6.com/static/images/p2-pic3.png) no-repeat left 40% top;background-size: 1.44rem auto;}
    .second-page .programme-list .item .pic{margin-top: 0;}
    .second-page .programme-list .item .name{margin-top: 0.3rem;}
    .second-page .programme-list .item .info-f{margin-top: 0.16rem;}
    .second-page .programme-list .item .info-s{margin-top: 0.12rem;}
    .second-page .moudle-video .video-group .item{width: 48%;margin:0 4% 4% 0;height: 1.6rem;}
    .second-page .moudle-video .video-group .item:nth-child(2n){margin-right: 0!important;}
    .second-page .moudle-video .video-group .item:nth-child(3n){margin-right:4%;}
    .pad-video-play{width: 90%;height: 290px;}
    .second-page .moudle-video{margin:30px 0 40px;}
}

.third-page{position: relative;height: 100vh;}
.third-page .g-in{position: relative;}
.third-page .fp-tableCell{vertical-align: top}
.third-page .header-content-top{height:calc(100vh - 144px);}
.third-page .third-page-bg{background: #f2f4f8;height: 100vh;width: calc((100% - 1032px) / 2 + 768px); position: absolute;z-index: -1;top: 0;right: 0;}
.third-page .example-info{line-height: 1;color:#333333;position: relative;top: 50%;transform: translateY(-50%)}
.third-page .example-info .con-title{position: relative;}
.third-page .example-info .con-title span:nth-child(1){color: rgb(242, 244, 248);font-size: 64px;font-weight: bold;}
.third-page .example-info .con-title span:nth-child(2){font-weight: 600;font-size: 32px;position: absolute;left: 0;bottom: 8px;}
.third-page .example-info .con-title span:nth-child(2):after{position: absolute;left: 0;bottom: -12px;width: 24px;height: 4px;background: #004ac9;content: '';display: block;}
.third-page .example-info .info-sub-title{margin-top: 40px;font-size: 18px;font-weight: 600;}
.third-page .example-info .info-sub-title2{margin-top: 24px;font-size: 18px;font-weight: 600;}
.third-page .example-info .info-advantage{margin-top: 40px;font-size: 14px;}
.third-page .example-info .info-advantage span{margin:0 4px;}
.third-page .example-info .info-advantage span:first-child{margin-left: 0}
.third-page .example-info .info-advantage span:last-child{margin-right: 0}
.third-page .example-info .info-example{margin-top: 32px;width: 504px;}
.third-page .example-info .info-example .item{width: 238px;height: 62px;font-size: 14px; border: 1px solid #676769;text-align: center;line-height: 64px;float: left;margin:0 24px 24px 0;}
.third-page .example-info .info-example .item:nth-child(2n){margin-right: 0}
.third-page .example-info .info-example .item:nth-child(3),
.third-page .example-info .info-example .item:nth-child(4){margin-bottom: 0}
.third-page .feature-list{position: absolute;right: 0;bottom: 0;width: 505px;height: 331px;}
.third-page .feature-list .feature-item{width: 505px;height: 331px;position: relative;}
.third-page .feature-list .feature-item p{position: absolute;top: 288px;right: 24px;font-size: 16px;color:#fff;line-height: 1;z-index: 999;}
.third-page .feature-list .feature-item img{width: 100%;height: 100%;}

.third-page #gallery{position: absolute;bottom: 0;right: 0;width: 505px;height: 331px;box-shadow: 0px 6px 20px 0px rgba(19, 19, 29, 0.3);}
.third-page #gallery .swiper-slide{width: 100%;height: 100%;position: relative;overflow: hidden;}
.third-page #gallery .swiper-slide em{left: 0;bottom: 0;width: 100%;height: 100%; position: absolute;background: url(https://qiniu.huati6.com/static/images/video-group-bg.png) no-repeat center bottom;background-size: cover;}
.third-page #gallery .swiper-slide p{position: absolute;bottom: 24px;right: 24px;font-size: 16px;color:#fff;z-index: 1;}
.third-page #gallery .swiper-slide img{width: 100%;height: 100%;}

.third-page .swiper-class{position: absolute;bottom: 0;left: 0;width: 100%;height: auto}
.third-page .pad-thumbs{display: none}
.third-page #thumbs{width: 85%;float: left;}
.third-page #thumbs .swiper-slide{width: 20%;height: auto;position: relative;cursor: pointer;overflow: hidden;background: url(https://qiniu.huati6.com/static/images/video-group-bg.png) no-repeat center bottom;background-size: cover;}
.third-page #thumbs .swiper-slide em{left: 0;bottom: 0;width: 100%;height: 100%;  position: absolute;background: url(https://qiniu.huati6.com/static/images/video-group-bg.png) no-repeat bottom;background-size: cover;}
.third-page #thumbs .swiper-slide img{width: 100%;height: 100%;}
.third-page #thumbs .swiper-slide p{position: absolute;left: 16px;bottom: 16px;z-index: 1;font-size: 14px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.third-page .next-btn {width: 15%;height: 100%; position: absolute; margin: 0;top: 0;right: 0; padding: 0;background: #fff url(https://qiniu.huati6.com/static/images/right.png) no-repeat center;background-size: auto 25px;}
.third-page .next-btn:focus{outline: none;}

@media screen and (max-width: 1080px) {
    .third-page{position: relative;height: auto;}
    .third-page .example-info{top:0;transform: none;text-align: center;}
    .third-page .third-page-bg{background: #f2f4f8;height: 100%;width: 100%; position: absolute;z-index: -1;top: 0;right: 0;}
    .third-page .example-info .con-title{display: inline-block; position: relative;margin:50px auto 0;text-align: center;}
    .third-page .example-info .con-title span:nth-child(1){color: #e6e9f1;font-size: 40px;bottom:-6px;left: -3px; position: absolute;}
    .third-page .example-info .con-title span:nth-child(2){font-size: 24px;position: relative!important;z-index: 1;bottom: 0;}
    .third-page .example-info .con-title span:nth-child(2):after{position: absolute;left: 0;bottom: -12px;width: 24px;height: 4px;background: #004ac9;content: '';display: block;}
    .third-page .example-info .info-sub-title2{margin-top:16px;}
    .third-page .example-info .info-example{margin-top:24px;width: 100%;}
    .third-page .example-info .info-example .item{width: calc((100% - 20px) / 2);margin:0 16px 16px 0}
    .third-page .swiper-class{position: static;padding: 0 32px;width: auto;}
    .third-page #gallery{position: static;width: 100%;margin-top:24px;height: 627px;box-shadow:none;}
    .third-page .pad-thumbs{display: block;}
    .third-page .next-btn{position: static;width: 25%;float: right;height: 158px;}
    .third-page .header-content-top{height: auto;}
    .third-page #thumbs .swiper-slide{width: calc(100% / 3);height: 158px;}
    .third-page #thumbs{width: 75%;}
}
@media screen and (max-width: 800px) {
    .third-page #gallery{height: 500px;}
    .third-page .next-btn{height: 117px;}
    .third-page #thumbs .swiper-slide{height: 117px;}
}
@media screen and (max-width: 750px) {
    .third-page .example-info .con-title{margin:0.5rem auto 0;}
    .third-page .example-info .info-sub-title{margin-top: 0.45rem;}
    .third-page .example-info .info-sub-title2{margin-top: 0.16rem;}
    .third-page .example-info .info-advantage{margin-top: 0.3rem;}
    .third-page .example-info .info-advantage{line-height: normal;}
    .third-page #gallery{height: 280px;}
    .third-page .swiper-class{padding: 0 0.24rem;}
    .third-page #thumbs{width: 70%;}
    .third-page .next-btn{width: 30%;}
    .third-page #thumbs .swiper-slide{width: 50%;}
    .third-page #thumbs .swiper-slide{height: 1rem;}
    .third-page .next-btn{height: 1rem;}
    .third-page #thumbs .swiper-slide p{left: 0.1rem;bottom: 0.1rem;width: calc(100% - 0.1rem);}
}

.fourth-page .product-one{width: 100%;height: 100vh; background: url(https://qiniu.huati6.com/static/images/section-4-bg.png) no-repeat center;position: relative; background-size: cover;-webkit-background-size: cover;-o-background-size: cover;color:#fff;line-height: 1;}
.fourth-page .g-in{text-align: center;}
.fourth-page .product-one .g-in{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.fourth-page .fp-tableCell{vertical-align: top}
.fourth-page .con-title{margin:0 auto;position: relative;display: inline-block;}
.fourth-page .con-title .inner{color: #131620;font-size: 64px;position: absolute;left: -7px;bottom: -6px;font-weight: bold;}
.fourth-page .con-title .out{text-align: center;font-size: 32px;color:#fff;position: relative;z-index: 1;}
.fourth-page .con-title .out:after{position: absolute;left: 0;bottom: -8px;width: 24px;height: 4px;background: #004ac9;content: '';display: block;}
.fourth-page .sub-title1{font-size: 18px;margin-top:32px;}
.fourth-page .sub-title2{font-size: 14px;margin-top:40px;}
.fourth-page .sub-title2 span{margin:0 4px;}
.fourth-page .sub-title2 span:first-child{margin-left: 0}
.fourth-page .sub-title2 span:last-child{margin-right: 0}
.fourth-page .content{margin-top: 24px;}
.fourth-page .content .content-left{float: left;background: url(https://qiniu.huati6.com/static/images/xports-driver.png) no-repeat center bottom;background-size: cover;padding-bottom: 110px;}
.fourth-page .content .content-left .content-left-info{margin-top: 40px;font-size: 14px;color:#569cf6;}
.fourth-page .content .content-left img{margin-top: 24px;}
.fourth-page .content .content-left .content-left-name{margin-top: 16px;font-size: 32px;}
.fourth-page .content .content-mid{float: left;vertical-align: top;margin-left: -24px}
.fourth-page .content .content-mid img{float: left;}
.fourth-page .content .content-right{float: right;width: 195px;position: relative;}
.fourth-page .content .content-right .item{width: 64px;height: 64px;border-radius: 50%;overflow: hidden;background: url(https://qiniu.huati6.com/static/images/icon-bubble.png) no-repeat center;background-size: 100%;}
.fourth-page .content .content-right .item .inner-item{width: 100%;height: 100%;position: relative;}
.fourth-page .content .content-right .item img{margin-top: 10px;vertical-align: top}
.fourth-page .content .content-right .item p{width: 100px;font-size: 12px;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);color:rgba(255,255,255,0.7);}
.fourth-page .content .content-right .item1{animation: bubble 2s infinite linear;-webkit-animation: bubble 2.2s infinite linear;position: absolute;left: 0;top: 24px;}
.fourth-page .content .content-right .item2{animation: bubble 2s infinite linear;-webkit-animation: bubble 2.6s infinite linear;position: absolute;left: 33px;top: 107px;}
.fourth-page .content .content-right .item3{animation: bubble 2s infinite linear;-webkit-animation: bubble 1.8s infinite linear;position: absolute;left: 43px;top: 194px;}
.fourth-page .content .content-right .item4{animation: bubble 2s infinite linear;-webkit-animation: bubble 2.8s infinite linear;position: absolute;left: 33px;top: 282px;}
.fourth-page .content .content-right .item5{animation: bubble 2s infinite linear;-webkit-animation: bubble 2.4s infinite linear;position: absolute;left: 5px;top: 364px;}
.fourth-page .content .content-right .item6{animation: bubble 2s infinite linear;-webkit-animation: bubble 3s infinite linear;position: absolute;left: 95px;top: 24px;width: 74px;height: 74px;}
.fourth-page .content .content-right .item7{animation: bubble 2s infinite linear;-webkit-animation: bubble 2.7s infinite linear;position: absolute;left: 120px;top: 140px;width: 74px;height: 74px;}
.fourth-page .content .content-right .item8{animation: bubble 2s infinite linear;-webkit-animation: bubble 1.9s infinite linear;position: absolute;left: 120px;top: 255px;width: 74px;height: 74px;}
.fourth-page .content .content-right .item9{animation: bubble 2s infinite linear;-webkit-animation: bubble 1.7s infinite linear;position: absolute;left: 100px;top: 360px;width: 74px;height: 74px;}
.fourth-page .content .content-right .item6 img,
.fourth-page .content .content-right .item7 img,
.fourth-page .content .content-right .item8 img,
.fourth-page .content .content-right .item9 img{margin-top:15px;width: 24px;}
.fourth-page .content .content-right .item7 img,
.fourth-page .content .content-right .item8 img{width: 22px;}
.fourth-page .content .content-right .item9 img{width: 16px;}
.fourth-page .content .content-right .item6 p,
.fourth-page .content .content-right .item7 p,
.fourth-page .content .content-right .item8 p,
.fourth-page .content .content-right .item9 p{bottom:16px;}
.fourth-page .pad-content {display: none;}
#phone-sub-title1{display: none}

@media screen and (max-width: 1080px) {
    .fourth-page .pad-content {display: block;margin-top:50px;}
    .fourth-page .pad-content img{width: 100%;}
    .fourth-page .content {display: none;}
    .fourth-page .product-one .g-in{position: relative;left: 0;top:0;transform: none;}
    .fourth-page .con-title{margin:50px auto 0;}
    .fourth-page .con-title .inner{font-size: 40px;}
    .fourth-page .con-title .out{font-size: 26px;font-weight: 600;}
    .fourth-page .sub-title2{margin-top:32px;}
    .fourth-page .pad-content .content-top .content-left{float: left;width: 46%;padding-top: 60px;background: url(https://qiniu.huati6.com/static/images/xports-driver.png) no-repeat center bottom;background-size: cover;padding-bottom: 110px;}
    .fourth-page .pad-content .content-top .content-left .content-left-info{font-size: 14px;color:#529af9;margin-bottom: 32px;}
    .fourth-page .pad-content .content-top .content-left .content-left-name{font-size: 26px;}
    .fourth-page .pad-content .content-top .content-left .content-left-name p{margin-top: 12px;}
    .fourth-page .pad-content .content-top .content-right{float: right;width: 54%;}
    .fourth-page .pad-content .content-top .content-right img{width: 50%;float: left;}
    .fourth-page .content-bottom{margin-top:32px;}
    .fourth-page .content-bottom .item{float: left;margin-right: 24px; width: calc((100vw - 256px) / 9);height:  calc((100vw - 256px) / 9);border-radius: 50%;overflow: visible;background: url(https://qiniu.huati6.com/static/images/icon-bubble.png) no-repeat center;background-size: 100%;}
    .fourth-page .content-bottom .item .inner-item{width: 100%;height: 100%;position: relative;font-size: 12px;}
    .fourth-page .content-bottom .item img{margin-top: 20px;vertical-align: top;width:auto;height: auto;}
    /* .fourth-page .content-bottom .item:first-child img{width: 18px;} */
    .fourth-page .content-bottom .item:last-child{margin-right: 0;}
    .fourth-page .content-bottom .item p{position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);width: 100%;color:rgba(255,255,255,0.7);}
    .third-page #gallery .swiper-slide p{bottom: 12px;right: 12px;}
    .fourth-page .product-one{height: auto;padding-bottom: 48px;}
    #phone-icons{display: none;}
}
@media screen and (max-width: 865px){
    .fourth-page .content-bottom .item p{bottom: 15%;}
    .fourth-page .content-bottom .item img{margin-top: 10px;vertical-align: top;width:auto;height: auto;}
}
@media screen and (max-width: 768px){
    .fourth-page .content-bottom .item p{bottom: 7px;}
}
#phone-icons{display: none;}
@media screen and (max-width: 750px){
    #pad-icons{display: none;}
    #phone-icons{display: block;}
    .fourth-page .con-title{margin:0.5rem auto 0;}
    #pad-sub-title1{display: none;}
    #phone-sub-title1{display: block;line-height: normal;}
    #phone-sub-title1 p:last-child{margin-top: 10px;}
    .fourth-page .sub-title2{margin-top: 0.3rem;line-height: normal;}
    .fourth-page .pad-content{margin-top: 0.36rem;}
    .fourth-page .pad-content .content-top .content-left{width: 37%;}
    .fourth-page .pad-content .content-top .content-right{width: 63%;}
    .fourth-page .pad-content .content-top .content-left{padding: 0.5rem 0 0.8rem;}
    .fourth-page .pad-content .content-top .content-right{position: relative;}
    .fourth-page .pad-content .content-top .content-right img:nth-child(1){position: absolute;left: -0.35rem;width: 1.9rem;}
    .fourth-page .pad-content .content-top .content-right img:nth-child(2){position: absolute;right: 0;width: 1.9rem;}
    .fourth-page .pad-content .content-top .content-left .content-left-name p{font-size: 0.18rem;}
    .fourth-page .content-bottom{margin-top:70px;}
    .fourth-page .content-bottom .item{width: 56px;height: 56px;margin-right: calc((100% - 280px) / 4)}
    .fourth-page .content-bottom .phone-icons-top .item:last-child{margin-right: 0;}
    .fourth-page .content-bottom .phone-icons-bottom .item:first-child{margin-left: 0.45rem;}
    .fourth-page .content-bottom .phone-icons-bottom .item:last-child{margin-right: 0;}
    .fourth-page .content-bottom .phone-icons-bottom {margin-top: 0.2rem;}
}

.product-two{text-align: center;line-height: 1;margin-top:64px;padding-bottom: 80px;}
.product-two .fifth-header .item{width: 214px;text-align: left;padding-left: 130px;float: left;}
.product-two .fifth-header .item .title{font-size: 56px;font-weight: bold;color:#333333;}
.product-two .fifth-header .item .title span{font-size:28px;}
.product-two .fifth-header .item .info{font-size:14px;margin-top: 24px;color:#333333;position: relative;}
.product-two .fifth-header .item .info:after{width: 24px;height: 8px;content: '';display: block;background: #004dcf;position: absolute;bottom: -16px;left: 0;}
.product-two .fifth-body{margin-top:88px;}
.product-two .fifth-body .item-pic{float: left;position: relative;overflow: hidden;}
.product-two .fifth-body .item-pic img{width: 100%;height: 100%;}
.product-two .fifth-body .item-pic em{color:#fff;font-size: 12px;position: absolute;background-color: rgba(0, 77, 207, 0.702);width: 100%;height: 100%; bottom: -100%;left: 0;right: 0;transition: all 0.4s;}
.product-two .fifth-body .item-pic em i {font-style: normal;position: relative;top:50%;transform: translateY(-50%);}
.product-two .fifth-body .item-pic:nth-child(2) em{bottom: 0;left: -100%;}
.product-two .fifth-body .item-pic:nth-child(4) em{bottom: 0;left: -100%;}
.product-two .fifth-body .item-pic:nth-child(2):hover em,
.product-two .fifth-body .item-pic:nth-child(4):hover em{left: 0;}
.product-two .fifth-body .bd-mid-bottom .item-pic:nth-child(1) em{bottom: 0;right: -100%;left: auto;}
.product-two .fifth-body .bd-mid-bottom .item-pic:nth-child(2) em{bottom: 0;right: -100%;}
.product-two .fifth-body .bd-mid-bottom .item-pic:nth-child(1):hover em,
.product-two .fifth-body .bd-mid-bottom .item-pic:nth-child(2):hover em{right: 0;}
.product-two .fifth-body .bd-right em{bottom: 0;right: -100%;left: auto;}
.product-two .fifth-body .bd-right:hover em{right: 0;}
.product-two .fifth-body .item-pic:hover em{bottom: 0;text-align: center;}
.product-two .fifth-body .item-pic:hover{box-shadow: 0px 8px 15px 0px rgba(13, 5, 9, 0.18);}
.product-two .fifth-body .bd-left{width: 152px;height: 424px;margin-right: 24px;height: 424px;}
.product-two .fifth-body .bd-mid{float: left;margin-right: 24px;width: 592px;height: 200px;}
.product-two .fifth-body .bd-mid .bd-mid-top{margin-bottom: 24px;}
.product-two .fifth-body .bd-mid .bd-mid-top .top-left{width: 152px;height: 200px;margin-right: 24px;}
.product-two .fifth-body .bd-mid .bd-mid-top .top-right{width: 416px;height: 200px;}
.product-two .fifth-body .bd-mid .bd-mid-bottom .bottom-left{width: 240px;height: 200px;margin-right: 24px;}
.product-two .fifth-body .bd-mid .bd-mid-bottom .bottom-mid{width: 152px;height: 200px;margin-right: 24px;}
.product-two .fifth-body .bd-mid .bd-mid-bottom .bottom-right{width: 152px;height: 200px;}
.product-two .fifth-body .bd-right{width: 240px;height: 424px;height: 424px;}
.phone-modules{display: none;}
@media screen and (max-width: 1080px) {
    .product-two .fifth-body .item-pic em{display: none;}
    .product-two .fifth-header .item{width: 33%;padding: 0;}
    .product-two img{display: none;}
    .product-two .fifth-header .item .title,
    .product-two .fifth-header .item .info{margin-left: 70px}
    /* .product-two .fifth-body .bd-left{width: 104px;height: 289px;margin-right: 16px;} */
    .product-two .fifth-body .bd-left{width: 16%;height: 430px;margin-right: 2%;background: url(https://qiniu.huati6.com/static/images/fifhth-pic1.png) no-repeat center; background-size: cover;}
    .product-two .fifth-body .bd-mid{width: 57%;margin-right: 2%;height: 430px; }
    .product-two .fifth-body .bd-right{width: 23%;height: 430px;background: url(https://qiniu.huati6.com/static/images/fifth-pic7.png) no-repeat center; background-size: cover;}
    .product-two .fifth-body .bd-mid .bd-mid-top .top-left{width: 25%;height: 100%;margin-right: 5%;background: url(https://qiniu.huati6.com/static/images/fifth-pic2.png) no-repeat center; background-size: cover;}
    .product-two .fifth-body .bd-mid .bd-mid-top .top-right{width: 70%;height: 100%;background: url(https://qiniu.huati6.com/static/images/fifth-pic3.png) no-repeat center; background-size: cover;}
    .product-two .fifth-body .bd-mid .bd-mid-bottom .bottom-left{width: 40%;height: 100%;margin-right: 5%;background: url(https://qiniu.huati6.com/static/images/fifth-pic4.png) no-repeat center; background-size: cover;}
    .product-two .fifth-body .bd-mid .bd-mid-bottom .bottom-mid{width: 25%;height: 100%;margin-right: 5%;background: url(https://qiniu.huati6.com/static/images/fifth-pic55.png) no-repeat center; background-size: cover;}
    .product-two .fifth-body .bd-mid .bd-mid-bottom .bottom-right{width: 25%;height: 100%;background: url(https://qiniu.huati6.com/static/images/fifth-pic6.png) no-repeat center; background-size: cover;}
    .product-two .fifth-body .bd-mid .bd-mid-top{margin-bottom: 4%;height: 48%;}
    .product-two .fifth-body .bd-mid .bd-mid-bottom{height: 48%;}
    .product-two .fifth-body{margin:64px auto 0;}
    .product-two{padding-bottom: 64px;}
}
@media screen and (max-width: 750px) {
    .product-two .fifth-header .item .title{font-size: 0.4rem;margin-left: 0.24rem;}
    .product-two .fifth-header .item .title span{font-size: 0.24rem}
    .product-two .fifth-header .item .title, .product-two .fifth-header .item .info{margin:0.16rem 0 0 0.25rem;}
    .product-two .fifth-body{margin:0.6rem auto 0;}
    .product-two .fifth-body{display: none;}
    .phone-modules{display: block;margin-top: 0.6rem;}
    .phone-modules .top .item-left{width: 48%;height: 3.65rem;float: left;}
    .phone-modules .top .item-left .item{width: 100%;height: 100%;background: url(https://qiniu.huati6.com/static/images/fifhth-pic1.png) no-repeat center; background-size: cover;}
    .phone-modules .top .item-right{float: right;width: 48%;height: 3.65rem;}
    .phone-modules .top .item-right .item:nth-child(1){width: 100%;height: 1.75rem;margin-bottom: 0.15rem; background: url(https://qiniu.huati6.com/static/images/fifth-pic2.png) no-repeat center; background-size: cover;}
    .phone-modules .top .item-right .item:nth-child(2){width: 100%;height: 1.75rem;background: url(https://qiniu.huati6.com/static/images/fifth-pic3.png) no-repeat center; background-size: cover;}
    .phone-modules .mid{margin-top: 0.15rem}
    .phone-modules .mid .item-left{width: 48%;float: left;height: 3.65rem;}
    .phone-modules .mid .item-left .item:nth-child(1){width: 100%;height: 1.75rem;margin-bottom: 0.15rem; background: url(https://qiniu.huati6.com/static/images/fifth-pic4.png) no-repeat center; background-size: cover; }
    .phone-modules .mid .item-left .item:nth-child(2){width: 100%;height: 1.75rem; background: url(https://qiniu.huati6.com/static/images/fifth-pic5.png) no-repeat center; background-size: cover;}
    .phone-modules .mid .item-right{width: 48%;float: right;height: 3.65rem;}
    .phone-modules .mid .item-right .item{width: 100%;height: 100%;background: url(https://qiniu.huati6.com/static/images/fifth-pic6.png) no-repeat center; background-size: cover;}
    .phone-modules .bottom{margin-top: 0.15rem;height: 2rem;background: url(https://qiniu.huati6.com/static/images/fifth-pic7.png) no-repeat center; background-size: cover;}
    .phone-modules .item {position: relative;overflow: hidden;text-align: center;}
    .product-two{padding-bottom: 0.5rem;}
}

.fifth-page .fp-tableCell{vertical-align: top;line-height: 1;color:#fff;}
.fifth-page .about-history {background: #f2f4f8 url(https://qiniu.huati6.com/static/images/history-bg.png) no-repeat center;background-size: 1280px 719px;padding-bottom: 60px;}
.fifth-page .about-history .about-us{width: 264px;height: 227px;background: #004dcf;text-align: center;position: relative;padding-top: 62px;color:#fff;}
.fifth-page .about-history .about-us .title{font-size: 64px;color:#0043bc;position: absolute;left: 50%;top: 35px;transform: translateX(-50%);font-weight: bold;}
.fifth-page .about-history .about-us .sub-title{font-size: 32px;position: relative;}
.fifth-page .about-history .about-us .sub-title:after{width: 24px;height: 4px;background: #fff;content:'';display: block;position: absolute; left: 50%;bottom: -12px;transform: translateX(-50%);}
.fifth-page .about-history .about-us .xports-significance{margin-top:38px;font-size: 18px;position: relative;}
.fifth-page .about-history .about-us .xports-significance:after{content: '';display: block;width: 168px;height: 1px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: -24px;}
.fifth-page .about-history .about-us .focus-sports{margin-top:40px;font-size: 14px;}
.fifth-page .about-history .about-us .serve-customer{margin-top:12px;font-size: 14px;}

#timeline{color:#0000;}
.fifth-page .box{width: 1032px;margin:-289px auto 0;height: 510px;}
#timeline {width: 100%;height: 100%;margin:0 auto;position: relative;}
#timeline .year-title{position: absolute;color: #fff;font-size: 180px;left:336px;top:0;}
.dates-bg{position: absolute;top: 490px;left: 50%;transform: translateX(-50%); width: 100vw;height: 4px;background: linear-gradient(to right, #f2f2f2 0%, #677b9d 50%,#cbcfda 50%,#f2f2f2 100%); }
#dates {width: 100%;height: 60px;position: relative;position: absolute;top: 480px;z-index: 1;}
/* #dates:after{display:block;content:'';position: absolute;height: 4px;width: 100%; } */
#dates li {list-style: none;float: left;width: 120px;height: 4px;margin:10px 0 0; font-size: 24px;text-align: center;position: relative;}
#dates li a:after{content: '';display: block;background: #e5e8ee;position: absolute; width: 16px;height: 16px;border-radius: 8px!important;overflow: hidden;left: 50%;top: 50%;transform: translate(-50%,-50%)}
#dates a {width: 100%;height: 100%;display: block;position: relative;}
#dates a p{line-height: 1;width: 100px; position: absolute;top:24px;left: 50%;transform: translateX(-50%);font-size: 12px;color:#676769;}
#dates .selected p{color:#004dcf;}
#dates .selected:after{background: #004dcf!important;}
#dates .prev-one a:after{background: linear-gradient(to right, #6d80a1 0%, #6c7fa0 100%);}
#dates .prev-two a:after{background: linear-gradient(to right, #7f90ac 0%, #7c8daa 100%);}
#dates .prev-three a:after{background: linear-gradient(to right, #9aa7bd 0%, #96a3ba 100%);}
#dates .prev-four a:after{background: linear-gradient(to right, #bbc4d3 0%, #b6c0d0 100%);}
#dates .prev-five a:after{background: linear-gradient(to right, #c4ccd9 0%, #c3cbd9 100%);}
#dates .prev-six a:after{background: linear-gradient(to right, #c4ccd9 0%, #c3cbd9 100%);}
#dates .next-one a:after{background: linear-gradient(to right, #cdd1dc 0%, #ced2dc 100%);}
#dates .next-two a:after{background: linear-gradient(to right, #d3d7e0 0%, #d4d7e1 100%);}
#dates .next-three a:after{background: linear-gradient(to right, #e5e8ee 0%, #dce0e7 100%);}
#issues {overflow: hidden;}
#issues li {width: 730px;height: 400px; list-style: none;float: left;position: relative;}
/* #issues li h1 {color: #fff;font-size: 180px;margin: 24px 0 0 40px;line-height: 1;} */
#issues li .time {font-size: 16px;margin-left: 64px;line-height: 1;color:#333333;margin-top:220px;font-weight: 600;}
#issues li .info {font-size: 14px;width: 260px; margin-left: 64px;color:#333333;line-height: 26px;text-align: left;margin-top: 10px;}
#issues li img{position: absolute;right: 16px;bottom:16px;filter: drop-shadow( 0px 3px 10px rgba(19, 19, 29, 0.3));-webkit-filter: drop-shadow( 0px 3px 10px rgba(19, 19, 29, 0.3)) ;}
/* #issues li:nth-child(7) img{right: 46px;bottom:16px;} */
@media screen and (max-width: 1080px) {
    .dates-bg{background: linear-gradient(to right, #9da9c0 0%, #677b9e 50%,#cbcfda 51%,#f2f2f2 100%); }
    #dates .prev-one a:after{background: linear-gradient(to right, #6a7da0 0%, #697d9f 100%);}
    #dates .prev-two a:after{background: linear-gradient(to right, #7184a4 0%, #7083a3 100%);}
    #dates .prev-three a:after{background: linear-gradient(to right, #7d8eab 0%, #7a8baa 100%);}
    #dates .prev-four a:after{background: linear-gradient(to right, #8d9bb5 0%, #8a98b3 100%);}
    /* #issues li:nth-child(7) img{right: 46px;bottom:auto;top:100px;} */
}
@media screen and (max-width: 800px) {
    /* #issues li:nth-child(7) img{left: 190px;top:110px;} */
}
@media screen and (max-width: 750px) {
    /* #dates{margin-left: 30px!important;} */
    .dates-bg{background: linear-gradient(to right, #cbcfda 0%, #ccd0db 50%,#ccd0db 51%,#dadde5 100%); }
    #dates a:after{background: #cfd3dd!important;}
}
/* .fifth-page.active .box #issues .selected img{
    -webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
} */
.fifth-page .box #issues .selected .info,
.fifth-page .box #issues .selected .time{
    -webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.fifth-page .box #issues .selected img{
    -webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.history-content{position: absolute;width: 730px;right: 0;top: 0;overflow: hidden;}
.box .next-btn{position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 14px;height: 24px;background: url(https://qiniu.huati6.com/static/images/next-btn.png) no-repeat center;}
.box .prev-btn{position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 14px;height: 24px;background: url(https://qiniu.huati6.com/static/images/prev-btn.png) no-repeat center;}

/* .xports-list{background: #004dcf;padding: 40px 0;position: absolute;bottom: 0;left: 0;right: 0;height: 292px;} */
.xports-list{background: #004dcf;padding: 40px 0;}
.xports-list .item{float: left;color: #fff; width: 238px;height: 290px;border: 1px solid #fff;margin-right: 156px;position: relative;font-size: 14px;text-align: center;line-height: 1;}
.xports-list .item:after{position: absolute;top: 50%;transform: translateY(-50%);right: -108px; content: '';width: 62px;height: 10px;background: url(https://qiniu.huati6.com/static/images/xports-list-after.png) no-repeat center; background-size: contain;}
.xports-list .item:last-child{margin-right: 0;}
.xports-list .item:last-child:after{display: none;}
.xports-list .item h3{font-size: 24px;font-weight: normal;margin-top:24px;}
.xports-list .item p{margin-top:12px;}
.xports-list .item p:nth-child(2){margin-top:24px;}
.xports-list .item:nth-child(1){background: url(https://qiniu.huati6.com/static/images/xports-list1.png) no-repeat center bottom 24px;background-size: 48px;}
.xports-list .item:nth-child(2){background: url(https://qiniu.huati6.com/static/images/xports-list2.png) no-repeat center bottom 24px;background-size: 48px;}
.xports-list .item:nth-child(3){background: url(https://qiniu.huati6.com/static/images/xports-list3.png) no-repeat center bottom 24px;background-size: 48px;}
#phone-xports-list{display: none}
@media screen and (max-width: 1080px) {
    .fifth-page .about-history{height: auto;}
    .fifth-page .about-history .about-us{width: calc((100vw - 64px) * 0.35);color:#fff;height: 261px;}
    .fifth-page .about-history .about-us .title{font-size: 40px;}
    .fifth-page .about-history .about-us .sub-title{font-size: 26px;font-weight: normal;}
    .fifth-page .box{width: auto;padding: 0 32px;height: 410px;}
    .history-content{width: calc((100vw - 64px) * 0.6);}
    #issues li{height: 350px;width: 700px;}
    #timeline .year-title{position: absolute;color: #fff;font-size: 110px;left:calc((100vw - 64px) * 0.35 + 74px);top:-40px;}
    #issues li .time{margin-left: 43px;margin-top:120px;}
    #issues li .info{margin-left: 43px;width: 220px;}
    #issues li img{top:130px;left: 290px;width: 240px}
    #dates{top:380px;}
    .dates-bg{top:390px;}
    .xports-list .item{margin-right: 16px;width: calc((100% - 38px) / 3);}
    .xports-list .item:after{content:none;}
}

@media screen and (max-width: 960px) {
    #issues li{width: 650px;}
    #issues li img{left: 270px;}
}
@media screen and (max-width: 800px) {
    #issues li{width: 500px;}
    #issues li .info{margin-left: 43px;width: 140px;}
    #issues li img{left: 200px;width: 200px}
}
@media screen and (max-width: 750px) {
    #pc-xports-list{display: none}
    #phone-xports-list{display: block}
    .fifth-page .about-history .about-us{width: 100vw;margin-left: -0.24rem;}
    .fifth-page .box{margin:0;}
    .fifth-page .box{padding: 0 0.24rem;}
    .history-content{position: static;width: 100%;}
    #issues li .time{display: none;}
    #issues li .info{margin:-0.4rem 0 0 0.4rem;width: 1.8rem;margin-top:1rem;}
    #timeline .year-title{position: absolute;color: #fff;left:0.15rem;top:-0.15rem;}
    #issues li img{left: auto;right: 0.1rem;width: 1.8rem;top: 115px;}
    #issues li{width: calc(100vw - 48px);}
    .fifth-page .box{height: 270px;}
    .dates-bg{top:275px;}
    #dates{top:265px;}
    .xports-list{padding: 0.4rem 0;}
    .xports-list .item{float: none;width: 100%;height: 167px;text-align: left;margin-bottom: 16px;line-height: 24px;}
    .xports-list .item h3,
    .xports-list .item p{margin-left: 100px;padding-right: 16px;text-align: justify}
    .xports-list .item:last-child{margin-bottom: 0;}
    .xports-list .item:nth-child(1){background: url(https://qiniu.huati6.com/static/images/xports-list1.png) no-repeat center left 24px;background-size: 48px;}
    .xports-list .item:nth-child(2){background: url(https://qiniu.huati6.com/static/images/xports-list2.png) no-repeat center left 24px;background-size: 48px;}
    .xports-list .item:nth-child(3){background: url(https://qiniu.huati6.com/static/images/xports-list3.png) no-repeat center left 24px;background-size: 48px;}
    .xports-list .item p:nth-child(2){margin-top:14px;}
    .xports-list .item .special{line-height: normal;}
}


.sixth-page .connect{height: 436px;line-height: 1;background: url(https://qiniu.huati6.com/static/images/connect-bg.png) no-repeat center top 72px;background-size: cover;margin-top:80px;}
.sixth-page .connect .connect-left{float: left;}
.sixth-page .connect .connect-right{float: right;width: 466px;font-size: 18px;color:#fff;line-height: 1;}
.sixth-page .connect .connect-right .con-title{position: relative;}
.sixth-page .connect .connect-right .con-title .inner{font-size: 64px;color:#f1f3f8;font-weight: bold;}
.sixth-page .connect .connect-right .con-title .out{position: absolute;left: 0;bottom: 8px;font-size: 32px;color:#333333;}
.sixth-page .connect .connect-right .con-title:after{position: absolute;left: 0;bottom:-8px;width: 24px;height: 4px;background: #004ac9; content: '';}
.sixth-page .contact-info{position: relative;}
.sixth-page .xports-name{margin-top:40px;}
.sixth-page .xports-phone{margin-top:40px;color:#515357;font-size: 14px;}
.sixth-page .xports-phone-num{margin-top:16px;}
.sixth-page .xports-email{margin-top:24px;color:#515357;font-size: 14px;}
.sixth-page .xports-email-num{margin-top:16px;}
.sixth-page .xports-adress{margin-top:24px;color:#515357;font-size: 14px;}
.sixth-page .xports-adress-content{margin-top:16px;font-size: 14px;}
.sixth-page .contact-info .xports-wechat{position: absolute;bottom: 0;right: 0;color:#515357;font-size: 14px;}
.sixth-page .contact-info .xports-wechat p{margin-bottom: 16px;}
.sixth-page .contact-info .xports-wechat img{width: 150px;}
.sixth-page .copr-right{font-size: 12px;height: 160px; color:#fff;text-align: center;background: #0e1015;}
.sixth-page .copr-right img{margin-top:50px;}
.sixth-page .copr-right p{margin-top:24px;line-height: normal;}

.ant-modal-content {
    border-radius: 10px!important
}

.ant-modal-content .ant-result {
    padding: 48px 32px 0
}

.ant-modal-content .ant-modal-close .ant-modal-close-x {
    position: relative
}

.ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
    width: 30px;
    height: 30px;
    border: 2px solid #ccc;
    color: #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: 12px
}

.ant-modal {
    top: 50%!important;
    margin-top: -192px!important
}

@media screen and (max-width: 1080px) {
    .sixth-page .connect{position: static;margin-top: 64px;height: auto;}
    .sixth-page .copr-right{position: static;height: auto;padding-bottom:0.4rem;}
    .sixth-page .connect-left{width: 49%;}
    .sixth-page .connect-left img{width: 100%;height: auto;}
    .sixth-page .connect .connect-right{width: 50%;padding:24px 0 0 1%;}
    .sixth-page .connect .connect-right .con-title .inner{font-size: 40px;}
    .sixth-page .connect .connect-right .con-title .out{font-size: 26px;}
    .sixth-page .xports-phone{margin-top:32px;}
    .sixth-page .xports-phone-num,
    .sixth-page .xports-email-num,
    .sixth-page .xports-adress-content{margin-top:5px;}
    .sixth-page .contact-info .xports-wechat{position: static;margin:32px 0;}
    .sixth-page .copr-right img{margin-top:40px;}
    .sixth-page .copr-right p{margin-top: 32px;}
}
@media screen and (max-width: 750px) {
    .sixth-page .connect{background: #333333;margin-top: 0;}
    .sixth-page .connect .connect-right .con-title{display: inline-block;margin-top: 0.5rem}
    .sixth-page .connect .connect-right{width: 100%;text-align: center;}
    .sixth-page .connect .connect-right .con-title .inner{color:#0e0f18;position: absolute;top:-10px;}
    .sixth-page .connect .connect-right .con-title .out{color:#fff;position: relative;bottom: 0;}
    .sixth-page .connect .connect-right{padding: 0;}
    .xports-pic{margin-top: 0.2rem;}
    .xports-pic img{width: 100%;}
    .sixth-page .phone-xports-name{margin-top:0.4rem;}
    
    .sixth-page .xports-name{margin-top:0;}
    .sixth-page .xports-phone{margin-top:0;}
    .sixth-page .copr-right img{margin-top:0.4rem;}
    .sixth-page .copr-right p{margin-top: 0.32rem;}
    .sixth-page .contact-info .xports-wechat{margin:32px 0 0;}
}
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px
}
::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #b8b8b8;
    -webkit-border-radius: 6px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}
::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #878987;
    -webkit-border-radius: 6px
}

.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0,0,0,.45);
}
.ant-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
}
.ant-modal {
    box-sizing: border-box;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    padding: 0 0 24px;
    top: 50%!important;
    margin-top: -192px!important;
    width: 400px;
    transform-origin: 648px -439.5px;
}

.login-pop{
    
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word;
}
.ant-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    pointer-events: auto;
}

.ant-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word;
}
.form {
    padding: 16px 26px;
}
.form .title {
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #333;
    line-height: 25px;
    text-align: center;
    margin-bottom: 20px;
}

.form .form-item {
    margin-bottom: 11px;
    position: relative;
}
.form .submit {
    text-align: center;
    width: 100%;
    height: 36px;
    background: #004dcf;
    border-radius: 2px;
    color: #fff;
    margin-top: 25px;
    line-height: 36px;
    border: none;
    cursor: pointer;
}
.ant-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0,0,0,.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
}
.ant-modal-content .ant-modal-close .ant-modal-close-x {
    position: relative;
}
.ant-modal-close-x {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
}
.ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
    width: 24px;
    height: 24px;
    border: 2px solid #ccc;
    color: #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: 12px;
}

.form .form-item .label {
    display: inline-block;
    width: 60px;
    color: #333;
    font-family: PingFangSC-Regular,PingFang SC;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 5px;
}
.form .form-item .data {
    display: inline-block;
    width: 98%;
    color: #333;
}
.form .form-item .waring {
    border: 1px solid #ffbb94;
}
.ant-input:placeholder-shown {
    text-overflow: ellipsis;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation;
}
input[type=number], input[type=password], input[type=text], textarea {
    -webkit-appearance: none;
}
.ant-input {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
}
.form .form-item .data .ant-input:focus {
    border: 1px solid #d9d9d9;
    box-shadow: none;
}

.form .form-item .data .ant-input:hover {
    border: 1px solid #d9d9d9;
}

.form .form-item .data .ant-input:focus {
    border: 1px solid #d9d9d9;
    box-shadow: none;
}

.form .form-item .waring {
    border: 1px solid #ffbb94;
}
.ant-input-focused, .ant-input:focus {
    border-color: #40a9ff;
    border-right-width: 1px!important;
    outline: 0;
    box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);
}
.form .form-item .ant-btn {
    height: 32px;
    width: 40%;
    color: #004dcf;
    border: 1px solid #004dcf;
    padding: 2px;
    background-color: #fff;
}
.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0,0,0,.45);
}