html{width: 100%;}
body{width: 100%;padding-top: 130px;}

body div *{font-family: "Noto Sans","Helvetica", "Arial", sans-serif;}

a:hover{text-decoration: none;}

.header .w1600{width: 1400px;}
.header .header-area{right: 0;}
.header .nav-box{margin-right: 300px;}
.header .nav-yi span{padding: 0 25px;}
@media(max-width: 1500px){
	.header .w1600{width: 1200px;}
	.header .nav-yi span{padding: 0 15px;}
}
@media(max-width: 1300px){
	.header .nav-yi span{padding: 0;}
}
@media(max-width: 1200px){
	.header .logo{left: 0}
	.header .header-area{right: 0}
	.header .logo{top: 50%;margin-top: -8px;}
	.header .logo img{height: 16px;}
}
@media(max-width: 992px){
	.header .w1600{width: 100%;max-width: 100%;}
	.header .logo{left: 4%;}
	.header .nav-box{margin-right: 0;}
	.header .header-area{right: 50%;}
	.header-con{z-index: 1234;}
	.nav{display: block;}
    body{padding-top: 60px;}
}
@media(max-width: 768px){
	.header .logo{left: 15px;}

}

.subnavigation-box .w1600{width: 1400px;}
.subnavigation-box .menu li a{font-size: 14px;}
@media(max-width: 1500px){
	.subnavigation-box .w1600{width: 1200px;}
}
@media(max-width: 992px){
	.subnavigation-box .w1600{max-width: 92%;padding-left: 0;}
}
@media(max-width: 768px){
	.subnavigation-box .w1600{max-width: 100%;padding-left: 15px;padding-right: 15px;}
	.menu-handler{right: 15px;}
	.header-person-box{right: 15px;}
	.menu-handler{right: 10px;}
	.header-person-box{right: 10px;}
}
@media(max-width: 500px){
	.subnavigation.long .nav-bar{right: 8px;}
}

.footer .w1600{width: 1400px;}
@media(max-width: 1500px){
	.footer .w1600{width: 1200px;}
}

.menu li{transition: all .3s;}
.menu li:hover,
.menu li.active{background-color: #0E2D53;}
@media(max-width: 992px){
	.menu li a{padding: 0 15px;}
}
@media(max-width: 760px){
	.menu li a{padding: 0 5px;}
}


.footer{z-index: 1;}

sup{font-size: 12px;}

@font-face {
    font-family: manrope3-bold;
    font-weight:800;
    src: url("../font/manrope3-bold.woff2"),
    url("../font/manrope3-bold.woff"),
    url("../font/manrope3-bold;.ttf");
}


body b,body strong,.d-bold{font-family:notosansbold,"Noto Sans","Helvetica","Arial",sans-serif;font-weight:500} 

.gv-top{width:48px;height:48px;border-radius:50%;position:fixed;right:25px;bottom:60px;z-index:999;transition:all .3s;cursor:pointer;overflow:hidden;background-color:#fff;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.08);background-size:29.166% auto;background-repeat:no-repeat;background-position:center center;cursor:pointer;background-image:url(../images/3d_ov1.png)}
.gv-top.hide{visibility:hidden;opacity:0}
.gv-top:after{content:"";display:block;width:1px;height:1px;background-image:url(../images/3d_ov1-b.png);position:absolute;left:-10px;top:0}
@media(min-width:1201px){
    .gv-top:hover{background-color:#006BD3;background-image:url(../images/3d_ov1-b.png)}
}
@media(max-width:992px){
    .gv-top{width:40px;height:40px;right:16px;bottom:40px}
    .gv-top.hide-phone{visibility:hidden;opacity:0}
}
 
.da-main{overflow: hidden; position: relative;width: 100%;padding: 179px 0 171px;}
.da-inner{width: 1400px;max-width: 92%;margin: 0 auto;position: relative;z-index: 18;} 
.da-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.da-left{width: 43.71%;}
.da-titles{width: 100%;margin-bottom: 40px;font-size: 56px;color: #FFFFFF;line-height: 76px;}
.da-intro{width: 100%;color: #FFFFFF;line-height: 30px;font-size: 18px;}
.da-span{font-size: 22px;}
.da-linkbox{font-size: 0;width: calc(100% + 16px);padding-top: 45px;}
.da-linkbox a{display: inline-block;vertical-align: middle;margin-top: 12px;font-size: 16px;line-height: 46px;padding: 0 24px;border: 1px solid #fff;border-radius:8px;color: #fff;margin-right: 16px;transition: all .3s;text-align: center;}
.da-linkbox a:first-child{background: #fff;color: #222;}
.da-linkbox a:hover{background: #FFFFFF;border-color:#FFFFFF;transition: all .3s;color: #222;}
.da-linkbox a:first-child:hover{background: #DCE5F5;border-color:#DCE5F5;color: #222;cursor: pointer;}
.da-right{position: absolute;top: 27px;left: 46.35%;width: 60%;}
.da-box{width: 100%;position: relative;}
.da-img{width: 100%;}
.da-img img{width: 100%;}
.da-wistia{width: 100% !important;height: 100%;position: absolute;left: 0;top: 0;z-index: 123;}
.da-wistia .wistia_click_to_play{width: 100%;height: 100%;}
.da-video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 123;}
.da-play{position: absolute;left: 47.5%;top:34%;transform: translate(-50%,-50%);transition: all .3s;z-index: 12;cursor: pointer;width: 73px;height: 73px;border-radius: 50% !important;background-color: rgba(18,17,17,0.5);border: 1px solid rgba(255,255,255,0.5);background-image: url(../images/3d_ov22.png);background-size: 35.9375% auto;background-repeat: no-repeat;background-position: 54% 50%;}
.da-play:hover{background-color: rgba(18,17,17,0.8);}
 

@media(max-width: 1500px){
	.da-inner{width: 1200px;}
	.da-titles{font-size: 40px;line-height: 60px;}
	.da-main{padding: 146px 0 137px;}
} 

@media(max-width: 1200px){
	.da-titles{font-size: 28px;line-height: 38px;}
}

@media(min-width:992px){ 
   .da-main{background-color: #0766EB;background: linear-gradient( 180deg, #001B4C 0%, #01306D 49%, #0766EB 100%);}
   .da-main:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/3d_ov21.png');background-size: 74.37% auto;background-position: right center;background-repeat: no-repeat;}
}
@media(max-width:992px){ 
	.da-main{padding-top: 85px;padding-bottom: 20px;background-color: #0766EB; background: linear-gradient( 180deg, #001B4C 0%, #01306D 49%, #0766EB 100%);}
	.da-left{width: 100%;margin-bottom: 56px;}
	.da-titles{margin-bottom: 25px;}
	.da-linkbox{padding-top: 25px;}
	.da-linkbox a{min-width: 225px;text-align: center;}

	.da-right{position: relative;top: 0;left: 0;width: 100%;}
}
 

.db-main{width: 100%;padding-top: 92px;padding-bottom: 136px;}
.db-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.db-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;} 
.db-left{position: relative;width: 45.71%;}
.db-img{width: 100%;}
.db-img img{width: 100%;}
.db-gif{position: absolute;top: 78px;right: 2px;width: 83.07%; }
.db-gif img{width: 100%;}
.db-gif video{width: 100%;}
.db-right{width: 44.78%;padding-top: 8px;}
.db-tip{display: inline-block;margin-bottom: 26px;padding: 0 30px;font-size: 28px;color: #FFFFFF;line-height: 57px;background: #000000;border-radius: 29px;}
.db-titles{width: 100%;margin-bottom: 34px;color: #222222;font-size: 40px;line-height: 55px;}
.db-span{color: #005BFE !important;}
.db-textbox{width: 100%;max-width: 580px;font-size: 18px;color: #222222;line-height: 30px;}
.db-textbox *{line-height: inherit;}
.db-textbox p{margin-bottom: 0;}

@media(max-width: 1500px){
	.db-inner{width: 1200px;}
	.db-textbox{font-size: 16px;line-height: 25px;}
	.db-cont{align-items: center;}
	.db-right{padding-top: 0;}
	.db-left{margin-bottom: 108px;}
	.db-titles{font-size: 36px;line-height: 49px;}
} 

@media(max-width:992px){
	.db-main{padding-top: 40px;padding-bottom: 175px;}
	.db-cont{display: block;}
	.db-left{display: block; width: 100%;max-width: 352px;margin-bottom: 0;}
	.db-right{width: 100%;margin-bottom: 50px;padding-top: 0;}
	.db-tip{margin-bottom: 30px;}
	.db-titles{margin-bottom: 30px;font-size: 28px;line-height: 38px;} 
	.db-textbox{font-size: 18px;line-height: 30px;}
	.db-gif{width: 82.95%;top: 42px;right: 0;}
}



.dd-main{width: 100%; padding-bottom: 109px;background: #F4F6F9;}
.dd-inner{width: 1400px;max-width: 92%;margin: 0 auto;} 
.dd-cont{width: 100%;position: relative;padding: 40px 45px 23px 50px;background: #FFFFFF;box-shadow: 0px 32px 40px 0px rgba(0,0,0,0.02);border-radius: 40px;}
.dd-one{opacity: 0;z-index: -1;visibility: hidden;transition: opacity  .3s; position: absolute;top: 0;left: 0;width: 100%;}
.dd-one.show{opacity: 1;z-index: 1;visibility: visible;position: relative;}
.dd-top{width: 100%;margin-bottom: 52px;}
.dd-name{width: 100%;margin-bottom: 25px;font-size: 32px;color: #222222;line-height: 30px;}
.dd-synopsis{width: 100%;max-width: 850px;font-size: 18px;color: #222222;line-height: 24px;}
.dd-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}
.dd-left{width: 45.21%;}
.dd-nav{display: block;width: 100%;border-bottom: 1px solid #DDDDDD;position: relative;}
.dd-nav:last-child{border-bottom:none} 
.dd-nav{width: 100%;}
.dd-buttom{width: 100%;padding: 25px 0; position: relative;cursor: pointer;padding-right: 37px;}
.dd-buttom:after{transform: rotate(0);transition: all .3s; content: '';position: absolute;top: 0;right: 13px;width: 24px;height: 100%;background-image: url('../images/3d_ov42.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.dd-classify{width: 100%;padding-right: 10px; font-size: 18px;color: #222222;line-height: 24px;}
.dd-line{display: none;position: absolute;bottom: -1px;left: 0;width: 0;background-color: #007CFF;background: linear-gradient( 270deg, #007CFF 0%, #40AD83 100%);border-radius: 8px;height: 3px;}
.dd-line.show{display: block;}

.dd-nav.show .dd-buttom:after{transform: rotate(-180deg);}

.dd-sub{display: none;width: 100%;padding-right: 50px;padding-bottom: 14px;}
.dd-tr{width: 100%;}
.dd-td{width: 100%;margin-bottom: 14px;font-size: 16px;color: #666;line-height: 22px;} 
.dd-td span{color: #222;}

.dd-right{width: 52.26%;position: relative;padding-bottom: 39px;padding-top: 33px;}
.dd-imgbox{width: 100%;} 
.dd-img{cursor: zoom-in !important;width: 100%;position: relative;padding: 20px;background: #060606;border-radius: 20px;}
.dd-img img{width: 100%;}
.dd-img video{width: 100%;}
.dd-img:after{content: '';position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);width: 109%;height: 39px;background-image: url('../images/3d_ov43.png');background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
 
@media(max-width: 1500px){
	.dd-inner{width: 1200px;}
	.dd-bottom{align-items: center;}
} 

@media(max-width:992px){
	.dd-main{padding-bottom: 40px;}
	.dd-top{margin-bottom: 9px;}
	.dd-cont{padding: 30px 20px;}
	.dd-left{width: 100%;}
	.dd-img{border-radius: 9px;padding: 9px;}
	.dd-img:after{width: 100%;}
	.dd-buttom{padding-right: 24px;}
	.dd-buttom:after{right: 0;}
	.dd-sub{padding-right: 0;}
	.dd-td{margin-bottom: 20px;}

	.dd-right{width: 100%;}
}

.dd-query{display: inline-block;vertical-align: middle;position: relative;font-size: 0;line-height: 1;} 
.ddq-icon{display: block;position: relative; width: 14px;}
.ddq-icon img{width: 100%;}
.ddq-icon:after{opacity: 0;z-index: -1;visibility: hidden;transition: opacity  .3s;content: '';position: absolute;bottom: calc(100% + 3px);left: 50%;transform: translate(-50%,0);border-top: 12px solid rgba(0,0,0,0.8);border-left: 12px solid transparent;border-right: 12px solid transparent;}
.ddq-sub{opacity: 0;z-index: -1;visibility: hidden;transition: opacity  .3s;position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);width: 471px;padding-bottom: 15px;}
.ddq-box{width: 100%;background: rgba(0,0,0,0.8);border-radius: 8px;} 
.ddq-textbox{width: 100%;max-height: 350px;overflow: auto;padding: 26px 24px 10px;font-size: 16px;color: #FFFFFF;line-height: 22px;}
.ddq-textbox p{margin-bottom: 20px;}

.dd-query.show .ddq-sub{opacity: 1;z-index: 18;visibility: visible;}
.dd-query.show .ddq-icon:after{opacity: 1;z-index: 18;visibility: visible;}

@media(max-width: 1500px){
	.ddq-sub{left: -100px;transform: translate(0,0);} 
}

@media(max-width:992px){
	.dd-query{position: static;}
	.dd-query.show .ddq-icon:after{bottom: auto; top: calc(100% + 3px);left: 50%;transform: translate(-50%,0);border-top: none;border-bottom: 12px solid rgba(0,0,0,0.8);}
	.ddq-sub{bottom: auto; top: calc(100% - 13px);padding-bottom: 0; left: 0;width: 100%;}
	.ddq-textbox{max-height: 300px;padding: 20px 20px 10px;}
	.ddq-textbox p{margin-bottom: 10px;}
}

.dd-swiperbox *{box-sizing: border-box;}
.dd-swiperbox{width: 100%;}  
.dd-swiper{width: 1400px;max-width: 92%;margin: 0 auto;} 
.dds-b{position: relative;left: -10px;width: calc(100% + 20px);}
.dds-item{width: auto;min-width: 16.66%;padding:35px 10px;}
.dds-link{display: block;cursor: pointer;position: relative;width: 100%;padding: 2px;border-radius: 16px;background: #FFFFFF;}
.dds-name{width: 100%;text-align: center;padding: 0 10px;font-size: 16px;color: rgba(34,34,34,0.5);line-height: 56px;border-radius: 14px;background: #FFFFFF;}
.dds-item.active .dds-link{background: linear-gradient( 90deg, rgba(0, 235, 149, 1) 0%,  rgba(0, 107, 211, 1) 100%);  box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.04);} 
.dds-item.active .dds-link:after{content: '';position: absolute;top: calc(100% - 2px);left: 50%;transform: translate(-50%,0);display: block;width: 32px;height: 12px;background-image: url('../images/3d_ov46.png');background-size: cover;background-position: center center;background-repeat: no-repeat; }
.dds-item.active .dds-name{color: #222222;}

@media(max-width: 1500px){
	.dd-swiper{width: 1200px;}
} 

@media(max-width:992px){
	.dd-swiper{width: 100%;max-width: 100%;padding: 0 10px;overflow: hidden;}
	.dds-item{min-width: 217px;}
	.dds-b{width: 100%;left: 0;overflow: visible;}
}

.dc-main *{box-sizing: border-box;}
.dc-main{overflow: hidden; width: 100%;padding-top: 43px;padding-bottom:25px;background: #F4F6F9;}
.dc-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.dc-cont{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} 
.dc-left{width: 41.64%;}
.dc-titles{width: 100%;margin-bottom: 54px;color: #222222;font-size: 40px;line-height: 55px;}
.dc-span{color: #005BFE !important;}
.dc-intro{width: 100%;max-width: 454px;font-size: 18px;color: #222222;line-height: 30px;}

.dc-right{width: 52%;}
.dc-scalebox{position: relative;width: 100%;padding-top: calc(594/728*100%);}
.dc-scale{position: absolute;top: 0;left: 0;width: 728px;height: 594px;position: absolute;left: 0;top: 0;transform-origin: left top;}
 
@media(max-width: 1500px){
	.dc-inner{width: 1200px;}
	.dc-titles{font-size: 36px;line-height: 49px;}
} 

@media(max-width:992px){
	.dc-main{padding-top: 40px;padding-bottom: 21px;}
	.dc-left{width: 100%;margin-bottom: 54px;}
	.dc-titles{margin-bottom: 30px;font-size: 28px;line-height: 38px;}
	.dc-right{width: 100%;}
}

.dca-one{z-index: 18; position: absolute;left: -1200%;transition-duration: 1.2s;transition-timing-function: ease-out;}
.dca-img{display: block;}
.dca-img img{width: 100%;}
.dca-text{position: absolute;width: 200px;}
.dca-text span{display: inline-block;font-size: 14px;color: #222222;padding: 0 16px 0 13px;line-height: 32px;background: #FFFFFF;border-radius: 16px;border: 1px solid #DBDBDB;}
.dca-img img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;transition-duration: 1.2s;}

.dca-one1{top: 306px;left: 281px;}
.dca-one1 .dca-img{width: 192px;} 
.dca-one1 .dca-text{top: 108px;left:-141px;}
.dca-one1 .dca-text2{top: 120px;left:calc(100% + 3px);} 
.dc-right.is-visible .dca-one1 {top: 319px;left: 284px;transition-delay: 1.2s;} 
.dc-right.is-visible .dca-one1 .dca-text{top: 81px;left: -128px;} 
.dc-right.is-visible .dca-one1 .dca-text2{top: auto;bottom: 0; left: 3px;} 

.dca-one2{top:295px;left: 143px;}
.dca-one2 .dca-img{width: 503px;} 
.dca-one2 .dca-text{top: -7px;left:-98px;}
.dc-right.is-visible .dca-one2{top: 271px;left: 145px;transition-delay: 1.2s;} 
.dc-right.is-visible .dca-one2 .dca-img{width: 485px;} 
.dc-right.is-visible .dca-one2 .dca-text{top: -19px;left: -108px;} 
.dc-right.is-visible .dca-one2 .dca-img img:nth-child(1){position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}
.dc-right.is-visible .dca-one2 .dca-img img:nth-child(2){position: relative;opacity: 1;visibility: visible;}

.dca-one3{top:130px;left: 276px;}
.dca-one3 .dca-img{width: 101px;}

.dca-one4{top:258px;left: 469px;}
.dca-one4 .dca-img{width: 149px;}  

.dca-one5{top:218px;left: 231px;}
.dca-one5 .dca-img{width: 268px;}
.dca-one5 .dca-text{top: -63px;left: calc(100% + 12px);}
.dc-right.is-visible .dca-one5{top: 112px;left: 225px;transition-delay: 1.2s;} 
.dc-right.is-visible .dca-one5 .dca-text{top: 59px;left: -157px;} 

.dca-one6{top:249px;left: 215px;}
.dca-one6 .dca-img{width: 298px;}

.dca-one7{top:216px;left: 205px;}
.dca-one7 .dca-img{width: 318px;}  
.dca-one7 .dca-text{top: -28px;left: -132px;} 
.dc-right.is-visible .dca-one7{top: -10px;left: 221px;transition-delay: 1.2s;} 
.dc-right.is-visible .dca-one7 .dca-text{top:10px;left:150px;} 
.dc-right.is-visible .dca-one7 .dca-img img:nth-child(1){position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}
.dc-right.is-visible .dca-one7 .dca-img img:nth-child(2){position: relative;opacity: 1;visibility: visible;}

.dca-one8{top:183px;left: 423px;}
.dca-one8 .dca-img{width: 89px;} 

.dca-one9{top:136px;left:346px;}
.dca-one9 .dca-img{width: 112px;}  

.dca-one10{top:213px;left: 276px;}
.dca-one10 .dca-img{width: 55px;}

.dca-one11{top:226px;left: 210px;}
.dca-one11 .dca-img{width: 302px;} 

.dca-special{top: 92px;left: 210px;}
.dca-special .dca-img{transition-duration: 1.2s;opacity: 0;width: 126px;}
.dca-special .dca-text{top: -12px;left: 105px;} 
.dc-right.is-visible .dca-special{top: 127px;left: 559px; transition-delay: 1.2s;}
.dc-right.is-visible .dca-special .dca-text{top: -34px;left: 3px;}
.dc-right.is-visible .dca-special .dca-img{opacity: 1;transition-delay: 1.2s;}
 
.dc-right.is-visible .dca-one3, 
.dc-right.is-visible .dca-one4,  
.dc-right.is-visible .dca-one6,  
.dc-right.is-visible .dca-one8, 
.dc-right.is-visible .dca-one9, 
.dc-right.is-visible .dca-one10, 
.dc-right.is-visible .dca-one11{opacity: 0;transition-delay: 1.2s;}

.dc-right.mouseenter .dca-one3, 
.dc-right.mouseenter .dca-one4,  
.dc-right.mouseenter .dca-one6,  
.dc-right.mouseenter .dca-one8, 
.dc-right.mouseenter .dca-one9, 
.dc-right.mouseenter .dca-one10, 
.dc-right.mouseenter .dca-one11{transition-delay: 0s;}
.dc-right.mouseenter  .dca-special{transition-delay: 0s;}
.dc-right.mouseenter  .dca-one1{transition-delay: 0s;}
.dc-right.mouseenter  .dca-one2{transition-delay: 0s;}
.dc-right.mouseenter  .dca-one5{transition-delay: 0s;}
.dc-right.mouseenter  .dca-one7{transition-delay: 0s;}

.dcb-main{opacity: 0;z-index: -1;visibility: hidden;transition-duration: 1.2s;position: absolute;bottom: 18px;left:260px;perspective: 1000px;width: 259px;height: 93px;}
.dcb-cont{position: absolute;width: 100%;height: 100%;transform-style: preserve-3d;animation: dcb_rotation 20s infinite linear;}
.dcb-item{display: none;position: absolute;top: 0;left: 0;transform: scale(.8); align-items: center;padding: 10px 10px 10px 30px;width: 259px;height: 93px;background: #FFFFFF;}
.dcb-icon{width: 43px;}
.dcb-icon img{width: 100%;}
.dcb-text{flex: 1;padding-left: 16px;font-size: 14px;color: #222222;line-height: 19px;}

.dcb-item:nth-child(1){display: flex;transform: rotateY(0deg) translateZ(288px) scale(.8);}
.dcb-item:nth-child(2){display: flex;transform: rotateY(45deg) translateZ(288px) scale(.8);}
.dcb-item:nth-child(3){display: flex;transform: rotateY(90deg) translateZ(288px) scale(.8);}
.dcb-item:nth-child(4){display: flex;transform: rotateY(135deg) translateZ(288px) scale(.8);}
.dcb-item:nth-child(5){display: flex;transform: rotateY(180deg) translateZ(288px) scale(.8);}
.dcb-item:nth-child(6){display: flex;transform: rotateY(225deg) translateZ(288px) scale(.8);} 
.dcb-item:nth-child(7){display: flex;transform: rotateY(270deg) translateZ(288px) scale(.8);} 
.dcb-item:nth-child(8){display: flex;transform: rotateY(315deg) translateZ(288px) scale(.8);} 
.dcb-cont:hover{animation-play-state: paused;}

.dc-right.is-visible .dcb-main{opacity: 1;z-index: 1;visibility:visible;transition-delay: 2.4s;}
.dc-right.mouseenter .dcb-main{transition-delay: 1.2s;}

@keyframes dcb_rotation{
	from{
		transform: rotateY(0deg);
	}
	to{
		transform: rotateY(360deg);
	}
}

.dcd-cont{opacity: 0;visibility: hidden;transition-duration: 1.2s; position: absolute;top: 483px;left: 163px;width: 430px;height: 69px;border: 1px dashed #979797;border-radius: 50%;}
.dcd-item{opacity: 0;position: absolute;}
.dcd-icon{display: block;width: 31px;}
.dcd-icon img{width: 100%;}
.dcd-name{position: absolute;white-space: nowrap;font-size: 12px;color: #222222;line-height: 17px;} 
.dcd-item:nth-child(1){opacity: 1;top: 15px;left: -12px;}
.dcd-item:nth-child(1) .dcd-name{top: 40px;left: -56px;}
.dcd-item:nth-child(2){opacity: 1;top: 45px;left: 115px;}
.dcd-item:nth-child(2) .dcd-name{top: 40px;left: -40px;}
.dcd-item:nth-child(3){opacity: 1;top: 46px;left: 270px;}
.dcd-item:nth-child(3) .dcd-name{top: 37px;left: -43px;}
.dcd-item:nth-child(4){opacity: 1;top:10px;left:417px;}
.dcd-item:nth-child(4) .dcd-name{top: 47px;left: -34px;}
.dc-right.is-visible .dcd-cont{opacity: 1;visibility:visible;transition-delay: 2.4s;}
.dc-right.mouseenter.is-visible .dcd-cont{transition-delay: 1.2s;}


/* 


3d_ov
d-bold
<strong></strong> 
.dg-main{width: 100%;padding-top: 100px;padding-bottom: 50px;}
.dg-inner{width: 1400px;max-width: 92%;margin: 0 auto;} 

@media(max-width: 1500px){
	.dg-inner{width: 1200px;}
} 

@media(max-width:992px){ 
	.dg-main{padding-top: 52px;padding-bottom: 20px;}
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

*/

.de-main{width: 100%;padding-top: 100px;padding-bottom: 129px;}
.de-inner{width: 1400px;max-width: 92%;margin: 0 auto;} 
.de-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;} 
.de-left{ width: 51.85%;padding-top: 10px;}
.de-img{width: 100%;}
.de-img img{width: 100%;}
.de-right{ width: 41.21%;}
.de-titles{width: 100%;margin-bottom: 49px;font-size: 40px;color: #222222;line-height: 55px;}
.de-span{color: #005BFE !important;}
.de-list{width: 100%;padding-bottom: 4px;}
.de-one{position: relative;padding-left: 30px;margin-bottom: 36px;}
.de-icon{position: absolute;top: 4px;left: 0;width: 16px;}
.de-icon img{width: 100%;vertical-align: top;}
.de-text{width: 100%;font-size: 16px;color: #222222;line-height: 22px;}
.de-link{display: inline-block;cursor: pointer;font-size: 16px;color: #005BFE !important;line-height: 24px;}
.de-arrows{display: inline-block;vertical-align: middle;margin-left: 8px;width: 24px;height: 24px;line-height: 1; border-radius: 50%;text-align: center;background: #005BFE;}
.de-arrows img{width: 100%;height: 100%;object-fit: contain;}
.de-link:hover{text-decoration: underline !important;color: #004ACC !important;}
.de-link:hover .de-arrows{background: #004ACC;}

@media(max-width: 1500px){
	.de-inner{width: 1200px;}
	.de-cont{align-items: center;}
	.de-titles{font-size: 36px;line-height: 49px;}
} 

@media(max-width:992px){
	.de-main{padding-top: 30px;padding-bottom: 40px;}
	.de-left{width: 100%;padding-top: 0;}
	.de-right{width: 100%;padding-bottom: 42px;}
	.de-titles{margin-bottom: 32px;font-size: 28px;line-height: 38px;}
	.de-list{padding-bottom: 10px;}
	.de-one{margin-bottom: 20px;}
	.de-link{max-width: 267px;}
}

.df-main{width: 100%;padding-top: 89px;padding-bottom: 63px;background: #F4F6F9;}
.df-inner{width: 1400px;max-width: 92%;margin: 0 auto;} 
.df-tip{display: inline-block;margin-bottom: 36px;padding: 0 46px;font-size: 28px;color: #FFFFFF;line-height: 57px;border-radius: 29px;background: #222222;}
.df-titles{width: 100%;margin-bottom: 49px;font-size: 40px;color: #222222;line-height: 55px;}
.df-span{color: #005BFE !important;}
.df-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.df-item{transition: all .3s;top: 0; display: block;position: relative;width: 23.21%;margin-right: 2.38%;margin-bottom: 20px; background: #FFFFFF;border-radius: 20px;box-shadow: 0px 32px 40px 0px rgba(0,0,0,0.02);}
.df-item:nth-child(4n){margin-right: 0;}
.df-top{width: 100%;text-align: center;padding: 32px 20px 67px;}
.df-icon{width: 100%;margin-bottom: 33px;}
.df-icon img{height: 70px;}
.df-name{width: 100%;margin-bottom: 28px;font-size: 20px;color: #222222;line-height: 27px;}
.df-intro{width: 100%;font-size: 16px;color: #666666;line-height: 22px;}
.df-buttom{position: absolute;bottom: 18px;right: 18px;z-index: 18;}
.df-icon1{display: block;width: 20px;}
.df-icon1 img{width: 100%;}
.df-icon2{display: none;width: 20px;}
.df-icon2 img{width: 100%;}

.df-sub{opacity: 0;z-index: -1;visibility: hidden; position: absolute;top: 80%;left: 0;transform: translate(0,-50%);width: 100%;padding: 10px 20px;max-height: 100%;overflow: auto;}
.df-textbox{width: 100%;text-align: center; font-size: 18px;color: #222222;line-height: 24px;}

.df-item:hover{top: -10px;}
.df-item:hover .df-sub{top: 50%;opacity: 1;z-index: 1;visibility: visible; transition: all .5s;}
.df-item:hover .df-icon{opacity: 0;transition: all .3s;}
.df-item:hover .df-icon1{display: none;}
.df-item:hover .df-icon2{display: block;}
.df-item:hover .df-name{opacity: 0;transition: all .3s;}
.df-item:hover .df-intro{opacity: 0;transition: all .3s;}

@media(max-width: 1500px){
	.df-inner{width: 1200px;}
	.df-titles{font-size: 36px;line-height: 49px;}
} 

@media(max-width:992px){ 
	.df-main{padding-top: 52px;padding-bottom: 20px;}
	.df-titles{margin-bottom: 40px;font-size: 28px;line-height: 38px;}
	.df-item{width: 100%;margin-right: 0;}
	.df-top{padding: 32px 17px 90px;}
	.df-sub{padding: 10px 20px;}
}

.dg-main{width: 100%;padding-bottom: 100px;background: #F4F6F9;}
.dg-inner{width: 1500px;max-width: 92%;margin: 0 auto;padding: 60px 50px  47px; box-shadow: 0px 32px 40px 0px rgba(0,0,0,0.02);background: #FFFFFF;border-radius: 20px;} 
.dg-titles{width: 100%;margin-bottom:  64px;font-size: 40px;color: #222222;line-height: 55px;}
.dg-span{color: #005BFE !important;}
.dg-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;} 
.dg-right{ width: 54.28%;padding-right: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.dg-one{width: calc(50% - 20px);position: relative;padding-left: 48px;margin-bottom: 55px;}
.dg-icon{position: absolute;top: 0;left: 0;width: 32px;}
.dg-icon img{width: 100%;}
.dg-text{width: 100%;}
.dg-name{width: 100%;margin-bottom: 10px;font-size: 20px;color: #222222;line-height: 26px;}
.dg-intro{width: 100%;font-size: 16px;color: #666666;line-height: 26px;}
.dg-left{ width: 40.5%;}

@media(max-width: 1500px){
	.dg-inner{width: 1200px;}
	.dg-right{padding-right: 0;}
	.dg-cont{align-items: center;}
	.dg-titles{font-size: 36px;line-height: 49px;}
	.dg-one{width: calc(50% - 5px); margin-bottom: 20px;}
} 

@media(max-width:992px){ 
	.dg-main{padding-bottom: 90px;}
	.dg-inner{padding: 30px 20px 24px;}
	.dg-titles{margin-bottom: 32px;font-size: 28px;line-height: 38px;}
	.dg-right{width: 100%;padding-bottom: 20px;}
	.dg-one{width: 100%;margin-bottom: 20px;}
}

.dh-main{width: 100%;padding-bottom: 140px;background: #F4F6F9;}
.dh-inner{width: 1400px;max-width: 92%;margin: 0 auto;} 
.dh-top{width: 100%;margin-bottom: 70px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.dh-titles{width: 39.85%;font-size: 40px;color: #222222;line-height: 55px;}
.dh-span{color: #005BFE !important;}
.dh-synopsis{width: 47.28%;padding-top: 7px; font-size: 18px;color: #222222;line-height: 24px;}
.dh-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.dh-left{width: 49.71%;display: flex;align-items: center;padding: 20px 30px 20px 32px;background: #FFFFFF;box-shadow: 0px 32px 40px 0px rgba(0,0,0,0.02);border-radius: 20px;}
.dh-list{width: 100%;}
.dh-one{width: 100%;position: relative;padding-left: 48px;margin-bottom: 62px;}
.dh-one:last-child{margin-bottom: 0;}
.dh-icon{position: absolute;top: 0;left: 0;width: 32px;}
.dh-icon img{width: 100%;}
.dh-text{width: 100%;}
.dh-name{width: 100%;margin-bottom: 30px;font-size: 20px;color: #222222;line-height: 26px;}
.dh-textbox{width: 100%;font-size: 16px;color: #666666;line-height: 26px;}
.dh-textbox *{line-height: inherit;}
.dh-textbox p{margin-bottom: 0;position: relative;padding-left: .8em;}
.dh-textbox p:before{content: '•';position: absolute;top: 0;left: 0;}

.dh-right{width: 48.42%;}
.dh-img{width: 100%;border-radius: 20px;overflow: hidden;}
.dh-img img{width: 100%;}
.dh-img.pc{display: block;}
.dh-img.phone{display: none;}

@media(max-width: 1500px){
	.dh-inner{width: 1200px;}
	.dh-one{margin-bottom: 30px;}
	.dh-left{display: flex; align-items: center;}
	.dh-right{display: flex;align-items: center;}
	.dh-titles{font-size: 36px;line-height: 49px;}

	.dh-left{width: 48.33%;}
	.dh-right{width: 50%;}
	.dh-img.pc{display: none;}
    .dh-img.phone{display: block;}
} 

@media(max-width:992px){ 
	.dh-main{padding-bottom: 30px;}
	.dh-top{margin-bottom: 20px;}
	.dh-titles{width: 100%;font-size: 28px;line-height: 38px;}
	.dh-synopsis{width: 100%;padding-top: 20px;}
	.dh-left{width: 100%;margin-bottom: 20px;padding:30px 20px;}
	.dh-one{margin-bottom: 20px;}
	.dh-name{margin-bottom: 4px;}
	.dh-right{width: 100%;}
}

 
.di-main{width: 100%;padding-top: 108px;padding-bottom: 100px;overflow: hidden;}
.di-inner{width: 1400px;max-width: 92%;margin: 0 auto;} 
.di-top{width: 100%;text-align: center;margin-bottom: 60px;}
.di-titles{width: 100%;font-size: 40px;color: #222222;line-height: 55px;}
.di-span{color: #006BD3 !important;}
.di-synopsis{width: 100%;margin-top: 20px;font-size: 20px;color: #222222;line-height: 27px;}
.di-center{left: -15px;position: relative;width: calc(100% + 35px);text-align: center;font-size: 0;}
.di-logo{display: inline-block;vertical-align: middle;text-align: center;padding: 0 15px;margin-bottom: 30px;height: 53px;line-height: 53px;}
.di-logo img{max-width: 155px;max-height: 98.64%;} 
.di-bottom{width: 100%;position: relative;}
.di-b{width: 77.5%;margin:  0 auto;overflow: visible; padding-bottom: 115px;padding-top: 27px;}
.di-prev{transition: all ease .3s; position: absolute;top: auto;bottom: 0;left: calc(50% - 70px);width: 60px;height: 60px;border-radius: 50%;background: #FFFFFF;box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.08);background-image: url('../images/3d_ov39.png');background-size: 24px auto;background-position: center center;background-repeat: no-repeat;}
.di-prev:after{display: none;content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/3d_ov39-b.png');background-size: 24px auto;background-position: center center;background-repeat: no-repeat;}
.di-prev:hover{background-size: 0 0; background-color: #005BFE;}
.di-prev:hover:after{display: block;}
.di-next{transition: all ease .3s; position: absolute;top: auto;bottom: 0;right: calc(50% - 70px);width: 60px;height: 60px;border-radius: 50%;background: #FFFFFF;box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.08);background-image: url('../images/3d_ov40.png');background-size: 24px auto;background-position: center center;background-repeat: no-repeat;}
.di-next:after{display: none; content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/3d_ov40-b.png');background-size: 24px auto;background-position: center center;background-repeat: no-repeat;}
.di-next:hover{background-size: 0 0; background-color: #005BFE;}
.di-next:hover:after{display: block;}

.di-buttom{width: 100%;text-align: center;padding-top: 50px;}
.di-more{transition: all ease .3s;display: inline-block;vertical-align: middle;cursor: pointer;padding: 0 29px 0 36px;font-size: 20px;color: #222222 !important;line-height: 58px;border-radius: 8px;border: 1px solid #CECECE;}
.di-more:after{transition: all ease .3s;content: '';display: inline-block;vertical-align: middle;margin-left: 17px;width: 24px;height: 24px;background-image: url('../images/3d_ov40.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.di-more:hover{background-color: #005BFE;color: #fff !important;border: 1px solid #005BFE;}
.di-more:hover:after{background-image: url('../images/3d_ov40-b.png');}

.dib-item{width: 100%;height: auto;}
.dib-link{transform:scale(.9);transition:all .3s;display: block;height: 100%;background: #FFFFFF;border-radius: 20px;padding: 30px;box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.06);}
.dib-link:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.dib-left{float: left;position: relative;width: 38.43%;}
.dib-img{position: relative;width: 100%;padding-top: calc(280/394*100%);overflow: hidden;border-radius: 8px;}
.dib-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.dib-wistia{width: 100% !important;height: 100%;position: absolute;left: 0;top: 0;z-index: 123;}
.dib-wistia .wistia_click_to_play{width: 100%;height: 100%;}
.dib-video{width: 100%;height: 100%;position: absolute !important;left: 0;top: 0;z-index: 123;}
.dib-play{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition: all .3s;z-index: 12;cursor: pointer;width: 73px;height: 73px;border-radius: 50% !important;background-color: rgba(18,17,17,0.5);border: 1px solid rgba(255,255,255,0.5);background-image: url(../images/3d_ov22.png);background-size: 35.9375% auto;background-repeat: no-repeat;background-position: 54% 50%;}
.dib-play:hover{background-color: rgba(18,17,17,0.8);}
 

.dib-right{float: right;position: relative;width:calc(61.57% - 30px);padding-right: 30px;}
.dib-top{width: 100%;}
.dib-quot{width: 100%;margin-bottom: 25px;}
.dib-quot img{height: 19px;}
.dib-intro{width: 100%;font-size: 18px;color: #222222;line-height: 24px;min-height: 160px;padding-bottom: 25px;}
.dib-bottom{width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.dib-lt{flex: 1;padding-right: 15px;}
.dib-name{width: 100%;margin-bottom: 8px;font-size: 20px;color: #222222;line-height: 27px;}
.dib-post{width: 100%;font-size: 16px;color: #666666;line-height: 22px;}
.dib-rt{font-size: 0;}
.dib-logo{display: block;width: 140px;height: 48px;line-height: 48px;text-align: right;}
.dib-logo img{max-width: 100%;max-height: 100%;}

.dib-item.swiper-slide-active .dib-link{transition:all .3s;transform:scale(1);}
.dib-item.swiper-slide-active .dib-link{transition-delay: .2s;}
@media(max-width: 1500px){
	.di-inner{width: 1200px;}
	.di-b{width: 80%;}
	.di-center{text-align: left;}
	.di-logo{width: 20%;}
	.di-titles{font-size: 36px;line-height: 49px;}
} 

@media(max-width:992px){ 
	.di-main{padding-top: 49px;padding-bottom: 56px;}
	.di-top{margin-bottom: 68px;}
	.di-titles{font-size: 28px;line-height: 38px;}
	.di-synopsis{display: none;}
	.di-logo{width: 50%;height: 51px;line-height: 51px;margin-bottom: 34px;}
	.di-logo img{max-width: 90%;max-height: 100%;}
	.di-buttom{padding-top: 40px;}
	.di-more{width: 100%;max-width: 330px;text-align: center;padding: 0 5px;}
	.di-more:after{margin-left: 8px;}

	.di-b{width: 100%;padding-bottom: 100px;padding-top: 14px;}
	.dib-right{width: 100%;padding: 0 10px 25px;}
	.dib-link{padding: 30px 10px 20px;}
	.dib-intro{min-height: 10px;padding-bottom: 23px;}
	.dib-lt{flex: none;width: 100%;padding-right: 0;margin-bottom: 40px;}
	.dib-rt{width: 100%;}
	.dib-left{width: 100%;}

}

@media(max-width:350px){ 
	.di-more{font-size: 18px;}
}

.dj-main{width: 100%;padding-bottom: 55px;}
.dj-inner{width: 1400px;max-width: 92%;margin: 0 auto;} 
.dj-cont{width: 100%;position: relative; display: flex;align-items: center; flex-wrap: wrap;justify-content: space-between;background: #222;padding: 60px 80px;border-radius: 20px;overflow: hidden;}
.dj-cont:after{content: '';position: absolute;bottom: -85px; right: -35px;width: 511px;height: 315.25px; background-image: url('../images/3d_ov24.png');background-size:  100% auto;background-position: top center;background-repeat: no-repeat;}
.dj-left{position: relative;z-index: 1;width: 50.19%;max-width: 576px;}
.dj-titles{width: 100%;margin-bottom: 30px;font-size: 40px;color: #FFFFFF;line-height: 55px;}
.dj-intro{width: 100%;font-size: 18px;color: rgba(255,255,255,0.8);line-height: 24px;}

.dj-right{position: relative;z-index: 1;right: -17px; width: 41%;font-size: 0;}
.dj-img{display: inline-block;vertical-align: top; width: 100%;max-width: 33.33%;padding:   4px;}
.dj-img img{width: 100%;} 

@media(max-width: 1500px){
	.dj-inner{width: 1200px;}
	.dj-cont{padding: 66px 80px;}
} 

@media(max-width:992px){ 
	.dj-main{padding-bottom: 15px;}
	.dj-cont{padding: 49px 36px 61px;}
	.dj-left{width: 100%;margin-bottom: 52px;}
	.dj-titles{margin-bottom: 27px;font-size: 28px;line-height: 38px;}
	.dj-right{width: 100%;text-align: center;right: 0;}
	.dj-cont:after{bottom: 0;right: 0;width: 100%;height: 100%;background-image: url('../images/3d_ov24-b.png');background-size:  100% auto;background-position: bottom center;}
}

.dk-main *{box-sizing: border-box;}
.dk-main{width: 100%;padding-bottom: 115px;overflow: hidden;}
.dk-inner{width: 1430px;max-width: calc(92% + 30px);margin: 0 auto;} 
.dk-cont{width: 100%;font-size: 0;position: relative;}
.dk-b{width: 100%;}
.dk-item{width:33.33%;height: auto;padding: 15px;}
.dk-link{display: block;position: relative;padding: 38px 32px 112px;width: 100%;height: 100%;background: #FFFFFF;box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.08);border-radius: 20px;}
.dk-top{width: 100%;display: flex;margin-bottom: 28px;}
.dk-img{width: 65px;}
.dk-img img{width: 100%;}
.dk-text{flex: 1;padding-left: 26px;}
.dk-name{width: 100%;margin-bottom: 9px;font-size: 20px;color: #222222;line-height: 27px;}
.dk-pro{width: 100%;font-size: 14px;color: #666666;line-height: 19px;}
.dk-exp{width: 100%;font-size: 14px;color: #666666;line-height: 19px;} 
.dk-quot{width: 100%;margin-bottom: 15px;}
.dk-quot img{height: 19px;}
.dk-intro{width: 100%;font-size: 16px;color: #333333;line-height: 22px;}
.dk-last{position: absolute;bottom: 42px;left: 0;width: 100%;padding: 0 32px;font-size: 0; display: flex;align-items: center;justify-content: space-between;}
.dk-star{width: 150px;height: 22px;vertical-align: top;float: left;position: relative;}
.dk-star-gray{vertical-align: top;height: 100%;}
.dk-star-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 12;overflow: hidden;}
.dk-star-yellow{max-width: none;height: 100%;} 
.dk-points{font-size: 16px;color: #333333;line-height: 22px;}
.dk-pagination{display: none;position: static;bottom: 0;width: 100%;text-align: center;font-size: 0;padding-top: 20px;}
.dk-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 5px 5px 0; width: 8px;height: 8px;border-radius: 50%; background: rgba(0,0,0,0.3);}
.dk-pagination .swiper-pagination-bullet-active{background: #006BD3;}
@media(max-width: 1500px){
	.dk-inner{width: 1230px;}
} 

@media(max-width: 1200px){
	.dk-pagination{display: block;}
}

@media(max-width:992px){ 
	.dk-main{padding-bottom: 40px;}
	.dk-link{padding: 38px 32px 99px;}
	.dk-last{bottom: 38px;}

}

 
@media(max-width: 350px){ 
	.dk-link{padding: 38px 20px 99px;}
	.dk-last{padding: 0 20px;}
}
 

  
/* 视频相关 */
.play-box.is-video{cursor: pointer;}
.play-box.is-img{cursor: zoom-in;} 
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%) !important;margin-top: 0 !important;margin-left: 0 !important; width: 800px;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index: 9;}
.video_t a .close{font-size: 40px;color: #fff;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;display: block;max-width: 100%;max-height: none !important;}
.video_t embed{width: 800px;height:560px;vertical-align: bottom;display: block;max-width: 100%;}
.shipin-con{width: 100%;height: 100%;background-color: transparent !important;  color: #fff;min-height: 200px;line-height: 200px;text-align: center;}
.shipin-con iframe{width: 100%;height: 450px;vertical-align: middle;}
.sptc{background-color: rgba(0,0,0,0.7);}
.video_t a{right: -38px;}
.shipin-con{width: 100%;padding-top: calc(990/1760*100%);position: relative;}
.shipin-con>img{width: 100%;height: 100%;vertical-align: top;object-fit: contain;position: absolute;left: 0;top: 0;} 
.shipin-con video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;}
.shipin-con iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
@media(max-width: 500px){
	.video_t a{right: 0;top: -38px;}
}
.sptc{display: block;visibility: hidden;opacity: 0;transition: all .3s;}
.sptc.show{visibility: visible;opacity: 1;}
.video_t{transform: translateY(0);}
.video_t.is-img{width: 1000px;margin-left: -500px;}
.video_t.is-img .shipin-con{background-color: transparent;}
.video_t a{width: 21px;height: 18px;top: -2px;right: -31px;display: inline-block;vertical-align: top;background-image: url(../images/zc-close.gif);background-size: 34px 34px;background-position: -15px 1px;background-repeat: no-repeat;}
.video_t a:active{outline: 2px solid #fff;}

@media(max-width: 900px){
	.video_t a{right: 0;top: -34px;}
} 
.shipin-con>img{object-fit: contain;}
/* .sptc.big .shipin-con{background-color: transparent;padding-top: calc(100vh - 100px);}
.sptc.big .video_t{width: 1320px;margin-left: -660px;}
@media(max-width: 1500px){
	.sptc.big .shipin-con{padding-top: calc(100vh - 60px);}
	.sptc.big .video_t{width: 800px;margin-left: -400px;}
}
@media(max-width: 900px){
	.sptc.big .shipin-con{padding-top: calc(100vh - 100px);}
	.sptc.big .video_t{width: 92%;left: 4%;margin-left: 0;}
	.sptc.big .video_t a{right: -2px;top: -31px;}
}
@media(max-width: 600px){
	.sptc.big .shipin-con{padding-top: 75.757%;}
} */
 
/* 视频相关 */

.tf-right{float: left;width:  40.5%;overflow: hidden;background-image: url(../images/3d_ov15.png);background-repeat: no-repeat;background-position: center center;background-size: 45% auto;background-repeat: no-repeat;border-radius: 20px;background-color: #F4F6F8;}
.tf-box{width: 100%;padding-top: 67.9%;position: relative;}
.tf-in{width: 642px;height: 476px;position: absolute;left: 0;top: 0;transform-origin: left top;}
.tf-one{border-radius: 50%;position: absolute;left: 284px;top: 204px;background-color: #1582EB;transition-duration: 1.2s;transition-timing-function: ease-out;opacity: 0;}
.tf-one.green{background-color: #1ECE6E;}
.tf-mid{width: 100%;font-size: 12px;color: #fff;line-height: 1.5;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;}
.tf-one1{width: 53px;height: 53px;transition-delay: 1.2s;animation-delay: 3.0s !important;}
.tf-one2{width: 38px;height: 38px;transition-delay: 1.3s;animation-delay: 3.3s !important;}
.tf-one3{width: 53px;height: 53px;transition-delay: 1.4s;animation-delay: 3.6s !important;}
.tf-one4{width: 48px;height: 48px;transition-delay: 1.5s;animation-delay: 3.9s !important;}
.tf-one5{width: 32px;height: 32px;transition-delay: 1.6s;animation-delay: 4.0s !important;}
.tf-one6{width: 41px;height: 41px;transition-delay: 1.7s;animation-delay: 4.3s !important;}
.tf-one7{width: 31px;height: 31px;transition-delay: 1.8s;animation-delay: 4.6s !important;}
.tf-one8{width: 40px;height: 40px;transition-delay: 1.9s;animation-delay: 4.9s !important;}
.tf-one9{width: 63px;height: 63px;transition-delay: 2.0s;animation-delay: 3.0s !important;}
.tf-one10{width: 61px;height: 61px;transition-delay: 2.1s;animation-delay: 3.3s !important;}
.tf-one11{width: 39px;height: 39px;transition-delay: 2.2s;animation-delay: 3.6s !important;}
.tf-one12{width: 38px;height: 38px;transition-delay: 2.3s;animation-delay: 3.9s !important;}
.tf-one13{width: 66px;height: 66px;transition-delay: 2.4s;animation-delay: 4.0s !important;}
.tf-one14{width: 29px;height: 29px;transition-delay: 2.5s;animation-delay: 4.3s !important;}
.tf-one15{width: 72px;height: 72px;transition-delay: 2.6s;animation-delay: 4.6s !important;}
.tf-one16{width: 38px;height: 38px;transition-delay: 2.7s;animation-delay: 4.9s !important;}
.tf-one17{width: 66px;height: 66px;transition-delay: 2.8s;animation-delay: 3.0s !important;}
.tf-one18{width: 49px;height: 49px;transition-delay: 2.9s;animation-delay: 3.3s !important;}
.tf-one19{width: 45px;height: 45px;transition-delay: 3.0s;animation-delay: 3.6s !important;}
.tf-one20{width: 36px;height: 36px;transition-delay: 3.1s;animation-delay: 3.9s !important;}
.tf-one21{width: 31px;height: 31px;transition-delay: 3.2s;animation-delay: 4.0s !important;}
.tf-box.is-visible .tf-one{animation: float 3.6s ease-in-out infinite;opacity: 1;}
.tf-box.is-visible .tf-one1{left: 232px;top: 77px;}
.tf-box.is-visible .tf-one2{left: 492px;top: 86px;}
.tf-box.is-visible .tf-one3{left: 394px;top: 88px;}
.tf-box.is-visible .tf-one4{left: 152px;top: 106px;}
.tf-box.is-visible .tf-one5{left: 70px;top: 117px;}
.tf-box.is-visible .tf-one6{left: 311px;top: 132px;}
.tf-box.is-visible .tf-one7{left: 538px;top: 148px;}
.tf-box.is-visible .tf-one8{left: 412px;top: 160px;}
.tf-box.is-visible .tf-one9{left: 93px;top: 178px;}
.tf-box.is-visible .tf-one10{left: 456px;top: 195px;}
.tf-box.is-visible .tf-one11{left: 203px;top: 202px;}
.tf-box.is-visible .tf-one12{left: 541px;top: 253px;}
.tf-box.is-visible .tf-one13{left: 171px;top: 273px;}
.tf-box.is-visible .tf-one14{left: 66px;top: 277px;}
.tf-box.is-visible .tf-one15{left: 419px;top: 278px;}
.tf-box.is-visible .tf-one16{left: 357px;top: 285px;}
.tf-box.is-visible .tf-one17{left: 340px;top: 344px;}
.tf-box.is-visible .tf-one18{left: 75px;top: 346px;}
.tf-box.is-visible .tf-one19{left: 243px;top: 354px;}
.tf-box.is-visible .tf-one20{left: 495px;top: 359px;}
.tf-box.is-visible .tf-one21{left: 168px;top: 377px;}
.tf-size14{font-size: 14px;}
@keyframes float {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-20px)
    }

    100% {
        transform: translateY(0px)
    }
}
@media(max-width: 1500px){
	.tf-cont{padding: 4.06vw 4.86vw 5.13vw 6vw;}
	.tf-dls{width: 50%;}
	.tf-title{margin-bottom: 3.33vw;}
	.tf-dl{margin-bottom: 2.46vw;}
}
@media(max-width: 992px){
	.tf-cont{padding: 37px 20px 48px;margin-bottom: 30px;}
	.tf-wrap{display: block;}
	.tf-title{margin-bottom: 30px;}
	.tf-dls{width: 100%;margin-bottom: 42px;}
	.tf-dl{margin-bottom: 20px;}
	.tf-right{width: 100%;}
	.tf-dt{font-size: 20px;}
}
@media(max-width: 500px){
	.tf-cont{border-radius: 16px;padding-left: 15px;padding-right: 15px;}
	.tf-title{padding-left: 5px;padding-right: 5px;}
	.tf-dls{padding-left: 5px;padding-right: 5px;}
}

.g-size60{font-size: 60px;}
@media(max-width: 1920px){
	.g-size60{font-size: 3.125vw;}
}
@media(max-width: 896px){
	.g-size60{font-size: 28px;}
}

.g-size36{font-size: 36px;}
@media(max-width: 1920px){
	.g-size36{font-size: 1.875vw;}
}
@media(max-width: 1493px){
	.g-size36{font-size: 28px;}
}

.g-size20{font-size: 20px;}
.g-size16{font-size: 16px;}
.g-size14{font-size: 14px;}
.g-size12{font-size: 12px;}

.gu-main{width: 100%;padding: 80px 0;background-image: url(../images/3d_ov19.jpg);background-size: cover;background-position: center center;}
.gu-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.gu-title{color: #fff;line-height: 1.36;font-weight: bold;font-family: notosansbold,"Noto Sans","Helvetica", "Arial", sans-serif;margin-bottom: 12px;text-align: center;}
.gu-des{color: #fff;line-height: 1.375;text-align: center;margin-bottom: 48px;}
.gu-btns{font-size: 0;width: calc(100% + 16px);text-align: center;}
.gu-btns a{display: inline-block;min-width: 165px;line-height: 46px;padding: 0 24px;border: 1px solid #fff;border-radius:8px;color: #fff;font-weight: bold;font-family: notosansbold,"Noto Sans","Helvetica", "Arial", sans-serif;margin: 0 10px;transition: all .3s;}
.gu-btns a.white{background: #fff;color: #222;}
@media(min-width: 1201px){
	.gu-btns a:hover{background: #fff;border-color:#fff;color: #222;transition: all .3s;}
	.gu-btns a.white:hover{background: #DCE5F5;border-color:#DCE5F5;color: #222;cursor: pointer;}
}
@media(max-width: 1920px){
	.gu-main{padding: 4.166vw 0;}
	.gu-title{margin-bottom: 0.625vw;}
	.gu-des{margin-bottom: 2.5vw;}
}
@media(max-width: 1500px){
	.gu-inner{width: 1200px;}
}
@media(max-width: 768px){
	.gu-main{padding: 40px 37px 77px;}
	.gu-inner{max-width: 100%;}
	.gu-title{margin-bottom: 14px;}
	.gu-des{margin-bottom: 31px;}
}
@media(max-width: 650px){
	.gu-main{background-image: url(../images/3d_ov19-b.png);}
	.gu-btns{width: 100%;}
	.gu-btns a{width: 100%;margin: 0 0 12px;}
	.gu-btns a:last-child{margin-bottom: 0;}
	.gu-title{max-width: 10em;margin: 0 auto 14px;}
}

.p18{
	font-size: 18px !important;
	line-height: 28px;
	font-weight: 400 !important;
}

.p16-r{
	font-size: 16px !important;
	line-height: 24px;
	font-weight: 400 !important;
}

@media(max-width:1200px){
	.p18{
		font-size: 16px !important;
		line-height: 24px;
	}
	.p16-r{
		font-size: 14px !important;
		line-height: 20px;
	}
}