.section-home {position: relative;height: 85vh;}
.w-background-video {position: relative;overflow: hidden;height: 500px;color: white;}
.home-masking{position: fixed;left: 0%;top: 0%;right: 0%;bottom: 0%;height: 85vh;z-index: 2;background: rgba(0,0,0,.2);/*background: #000000;opacity: 0.7;*/}
.home-video {position: fixed;left: 0%;top: 0%;right: 0%;bottom: 0%;height: 85vh;z-index: 1;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
.w-background-video > video {background-size: cover;background-position: 50% 50%;position: absolute;margin: auto;width: 100%;height: 100%;right: -100%;bottom: -100%;top: -100%;left: -100%;object-fit: cover;z-index: -100;}

.header{position: absolute;top: 0;left: 0;z-index: 3;padding-left: 60px;background-color: transparent;width: 100%;box-sizing: border-box;}
.header-container {height: 80px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 40px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.header-logo-b {position: relative;z-index: 2000;display: block;margin-bottom: 40px;}
.header-logo {/*position: absolute;left: 0%;top: 0%;right: 0%;bottom: auto;*/width: 240px;opacity: 1;transition: all 0.2s;}

.popup-scroll{position: absolute;left: 50%;transform: translateX(-50%);}
.popup-scroll .nav-link-b{float: left;}
.popup-scroll .nav-link-b .nav-link{color:#fff;padding:0 20px;border-right: 2px solid #fff;font-weight: bold;opacity: .8;}
.popup-scroll .nav-link-b:last-child .nav-link {border-right: 0;}
.popup-scroll .nav-link-b .nav-link:hover{font-weight: bold;transition: all 0.2s;opacity: 1;}
.popup-scroll .nav-link-b .nav-link-c{position: absolute;top: 25px;padding-top: 15px;min-width: 800px;transform: rotateX(-90deg);z-index: 100;max-height: 0;transform-origin: 50% 0;transition: .3s ease-in-out;overflow: hidden;}
.popup-scroll .nav-link-b .nav-link-c li {float: left;/*position: absolute;*/transition: all .3s;opacity: 1;}
.popup-scroll .nav-link-b .nav-link-c li a{padding:0 20px;color:#fff;border-right: 2px solid #fff;transition: all 0.2s;font-weight: bold;opacity: .8;}
.popup-scroll .nav-link-b .nav-link-c li:last-child a {border-right: 0;}
.popup-scroll .nav-link-b .nav-link-c li a:hover{font-weight: bold;opacity: 1;}
.popup-scroll .nav-link-b:hover .nav-link-c{transform: rotate3d(0,0,0,0deg);transform-origin: 50% 0;max-height: 1000px;border-radius: 0 0 4px 4px;}
.popup-scroll .nav-link-b:hover .nav-link-c li{opacity: 1;}




.banner-txt-b {position: absolute;left: 0%;top: 50%;right: 0%;bottom: auto;padding-right: 200px;padding-left: 200px;-webkit-transform: translate(0px, -50%);-ms-transform: translate(0px, -50%);transform: translate(0px, -50%);}
.banner-txt-b, .btn-discover {z-index: 2;}
.banner-txt01 {color: #fff;font-size: 60px;line-height: 70px;text-align: center;letter-spacing: 4px;text-transform: none;transform: translateX(0px) translateY(0px) translateZ(0px);transform-style: preserve-3d;transition: transform 800ms ease 0s;}
.txt-bold {font-family: itc-avant-garde-gothic-pro, sans-serif, 'Microsoft YaHei', 'Microsoft JhengHei';font-style: normal;font-weight: 700;}
html.w-mod-js *[data-ix="mask-txt"] {-webkit-transform: translate(0px, 100%);-ms-transform: translate(0px, 100%);transform: translate(0px, 100%);}

.txt-mask {overflow: hidden;}
.txt-mask.banner-txt02-b {margin-top: 10px;}

.banner-txt02 {color: #fff;text-align: center;transform: translateX(0px) translateY(0px) translateZ(0px);transform-style: preserve-3d;transition: transform 800ms ease 0s;}
.txt-medium {font-family: itc-avant-garde-gothic-pro, sans-serif, 'Microsoft YaHei', 'Microsoft JhengHei';font-style: normal;font-weight: 500;}

.w-inline-block {max-width: 100%;display: inline-block;}
.btn-transparent {opacity: .5;display: inline-block;padding: 7px 20px;/*border-style: solid;border-width: 1px;border-color: #fff;border-radius: 100px;*/-webkit-transition: color 500ms ease, background-color 500ms ease;transition: color 500ms ease, background-color 500ms ease;color: #000;font-size: 14px;line-height: 24px;letter-spacing: 2px;text-decoration: none;text-transform: uppercase;color: white;}
.btn-transparent:hover {/*border-color: #fff;background-color: #fff;*/color: #cecece;opacity: .5;}

.btn-play {display: block;margin-top: 30px;cursor: pointer;opacity: .7;}
.btn-play[not-playing] {display: block;}
/*.btn-play:hover{opacity: .7;}*/
    /*.btn-play .btn-play-border{width: 46px;height: 46px;border:1px solid #fff;border-radius: 50%;}
    .btn-play .btn-play-border .fa{width: 46px;height: 46px;}*/

.btn-discover {position: absolute;left: 50%;top: auto;right: auto;bottom: 0%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-transform: translate(-50%, 0px);-ms-transform: translate(-50%, 0px);transform: translate(-50%, 0px);color: #fff;font-size: 14px;line-height: 24px;letter-spacing: 2px;text-decoration: none;text-transform: uppercase;margin-bottom:0;}
.btn-discover-txt {margin-bottom: 10px;}
.btn-discover-line {width: 10px;/*height: 60px;*//*border-left: 3px double #fff;*/}


/*剪切过来*/
#banner{margin: 0 auto;}
#banner .swiper-slide{width: 600px;}

.main-box{position: relative;background:#F5F5F7;z-index: 2;width: 100%;padding-bottom: 40px;}
.accordion-box{/*overflow: hidden;*//*margin:auto;*//*padding:0 20px;*/}

/*了解杰恩 系列产品 pc端*/
.accordionlist{width: 1400px;display: block;}
.accordionlist ul{margin: 20px 0;position: relative;min-height: 222px;}
.accordionlist ul li{box-shadow: 5px 5px 10px #9f9f9f;border-radius: 30px;width: 311px;display: inline-block;margin: 0;padding: 0;/*margin-left: -80px;*/position: relative;transition:ease-in-out .5s;position: absolute;}
.accordionlist ul .acc{margin-left: -5px;}
.accordionlist ul li:nth-child(1){z-index: 10;left: 0;}
.accordionlist ul li:nth-child(2){z-index: 9;left: 155.5px;}
.accordionlist ul li:nth-child(3){z-index: 8;left: 311px;}
.accordionlist ul li:nth-child(4){z-index: 7;left: 466.5px;}
.accordionlist ul li:nth-child(5){z-index: 6;left: 622px;}
.accordionlist ul li:nth-child(6){z-index: 5;left: 777.5px;}
.accordionlist ul li:nth-child(7){z-index: 4;left: 933px;}
.accordionlist ul li:nth-child(8){z-index: 3;left: 1088.5px;}
.accordionlist ul li img{width: 100%;border-radius: 30px;}


/*了解杰恩 系列产品 手机端隐藏*/
.acc-banner{display: none;}




.module-title{padding: 60px 0 40px;}
.module-title h2{font-size: 26px;color:#B5B5B5;font-weight: bold;transition: all 0.2s;}
.module-title h2 span{color:#224B7D;}

.module-title2{padding: 60px 0 40px;}
.module-title2 h2{font-size: 26px;color:#727171;font-weight: bold;transition: all 0.2s;}
.module-title2-line{border-top: 2px solid #9f9f9f;max-width: 300px;}

.news-box{width: 100%}
.news-box .news-banner{box-shadow: 5px 5px 10px #9f9f9f;border-radius: 10px;}
.news-banner img{width: 100%;}

.contact-box{padding:0;}
.contact-title{margin:40px 0 30px;}
.contact-title p{color:#9f9f9f;font-weight: bold;font-size: 20px;}
.contact-title p.contact-title-en{font-size: 12px;}

.contact-detail{margin-bottom: 10px;}
.contact-detail p{color:#9f9f9f;font-size: 14px;font-weight: bold;}
.contact-detail p span{padding-right: 10px;font-weight: normal;}

.partner-box{padding:0 40px;width: 100%;}
.partner-img{display: block;height: 100px;position: relative;transition: all 0.2s;}
.partner-img a{position: absolute;top:50%;transform: translateY(-50%);/*box-shadow: 5px 5px 10px #9f9f9f;*/}
.partner-img img{max-width: 100%;}



@media (max-width: 1220px){
    .header-logo{width: 200px;}
}

@media screen and (max-width: 991px){
    .section-home {height: 85vh;}
    .home-video {height: 85vh;}
    .banner-txt-b {padding-right: 60px;padding-left: 60px;}

    .header{display: none;}
}

@media screen and (max-width: 767px){
    body {font-size: 13px;line-height: 23px;letter-spacing: 0.5px;}
    .banner-txt-b {padding-right: 30px;padding-left: 30px;}
    .txt-bold {font-size: 15px;line-height: 25px;}
    .banner-txt01 {font-size: 35px;line-height: 45px;}
    .btn-discover {font-size: 11px;line-height: 21px;letter-spacing: 1px;}
    .btn-discover-txt {margin-bottom: 5px;}
    .btn-discover-line {height: 90px;}

    .accordionlist{display: none;}
    .acc-banner{display: block;}
    /*.container {max-width: 800px;margin: 0 auto;}*/
    .slide {width: 100%;min-height: 180px;overflow: hidden;position: relative;}
    .slide .img {overflow: hidden;position: absolute;transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;}
    .slide .img img {width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
    .slide .img1 {width: 40%;height: 40%;top: 30%;left: -50%;z-index: 1;}
    .slide .img2 {width: 60%;height: 60%;top: 20%;left: -20%;z-index: 2;}
    .slide .img3 {width: 80%;height: 80%;top: 10%;left: 10%;z-index: 3;}
    .slide .img4 {width: 60%;height: 60%;top: 20%;left: 60%;z-index: 2;}
    .slide .img5 {width: 40%;height: 40%;top: 30%;left: 110%;z-index: 1;}
    .slide-bt {position: absolute;left: 50%;bottom: 13%;z-index: 10;}
    .slide-bt span {width: 24px;height: 8px;background: #c9caca;float: left;margin: 5px;border-radius: 4px;}
    .slide .slide-bt .on {background: #ffd200;}
    button {width: 50px;margin: 20px;}


    .swiper-pagination-bullet{width: 6px;height: 6px;}
    .swiper-pagination-bullet-active{width: 24px;}
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}

    .module-title{padding:40px 0;}
    .module-title2{padding: 40px 0;}
    .module-title h2{font-size: 20px;}
    .module-title2 h2{font-size: 20px;}
    .contact-title p{font-size: 18px;}
    .contact-title p.contact-title-en{font-size: 12px;}
    .contact-detail p{font-size: 14px;}
    .contact-detail p span{font-size: 12px;}
    .partner-img{height: 70px;}
}