@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {font-family: 'DINPro','SourceHanSansCN','Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height:1.8;}

img {display:block;max-width:100%;border:none}


/* 全局自适应字体根配置 */
html {
  /* 基准：1920屏16px = 0.8333vw，限制最小12px，最大18px */
  font-size: clamp(12px, 0.8333vw, 18px);
}
body {
  /* 继承根字号，所有rem单位自动自适应 */
  font-size: 1rem;
}
/* 1rem = 基准字号，后续所有标题统一改用rem代替px */


a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }


/*居中*/
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/
input{-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}

::-webkit-input-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder {color: #999;}

/* ===================== 全局Loading加载动画 ===================== */
.page-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
/* 加载完成隐藏遮罩 */
.page-loading.loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.loading-inner {
  text-align: center;
}
/* 环形旋转加载 */
.loading-circle {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  border: 3px solid rgba(209, 217, 219, 0.15);
  border-top-color: #d1d9db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.loading-text {
  color: #d1d9db;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 2px;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.nav-btnbox{ display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}

.pt2{ padding-top:2%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}


.pb2{ padding-bottom:2%}
.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.mr30{margin-right: 30px;}
.mr20{margin-right: 20px;}

.wow:nth-child(1){animation-delay:0.1s;}
.wow:nth-child(2){animation-delay:0.15s;}
.wow:nth-child(3){animation-delay:0.2s;}
.wow:nth-child(4){animation-delay:0.25s;}
.wow:nth-child(5){animation-delay:0.3s;}
.wow:nth-child(6){animation-delay:0.35s;}
.wow:nth-child(7){animation-delay:0.4s;}
.wow:nth-child(8){animation-delay:0.45s;}
.wow:nth-child(9){animation-delay:0.5s;}
.wow:nth-child(10){animation-delay:0.55s;}



@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Regular.otf') format('truetype');
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Light.otf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Medium.otf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Medium.eot');
    src: url('../font/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Medium.woff2') format('woff2'),
        url('../font/DINPro-Medium.woff') format('woff'),
        url('../font/DINPro-Medium.ttf') format('truetype'),
        url('../font/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Regular.eot');
    src: url('../font/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Regular.woff2') format('woff2'),
        url('../font/DINPro-Regular.woff') format('woff'),
        url('../font/DINPro-Regular.ttf') format('truetype'),
        url('../font/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}
.sixline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}

.wapshow{display: none}
.hide{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}


.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1500px; width: 90%}
.logo{width:30%; max-width:150px;}

.top{position: fixed; left: 5%;top: 0px; width: 90%; z-index: 9;height: 80px;}

.nav-btnbox {transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:flex; cursor: pointer; height:50px;}
.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#ffffff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}
.nav-btnbox a{ width: 20px}
.nav-btnbox .icon-bar+.icon-bar {margin-top:4.5px}	
.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);}	
.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);}

.menu-open .nav-btnbox{z-index: 999}
.menu-open .nav{top:0}
.menu-open .icon-bar{ background:#FFF}
.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

.menu-open .nav li:nth-child(1){animation-delay:0s;}
.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
.menu-open .nav li:nth-child(10){animation-delay:0.9s;}



@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

100% {opacity:1;-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

100% {opacity:1;-moz-transform:translateY(0)}

}

@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

100% {opacity:1;-o-transform:translateY(0)}

}

@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

100% {opacity:1;transform:translateY(0)}

}
.nav{position: fixed; left: 0px; top:-100%; height: 100%; width: 100%; background:#000000; z-index: 9;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;}
.nav ul{width: 80%;}
.nav p a{color: #FFFFFF; font-size:16px; font-weight: bold}
.nav p a:hover{color: #e22d35}
.navdown{margin-top: 15px;}
.navdown span{display: block; padding:8px 0px;}
.navdown span a{color: #b2b2b2}
.navdown span a:hover{color: #ffffff}
.navlogo{width:30%; max-width:150px; position: absolute; left:5%; top:20px;}






.language{width:24px; margin-right: 30px; position: relative}

.language_box{position: absolute; left: 50%; top:calc(100% + 8px); -webkit-backdrop-filter:blur(30px);backdrop-filter: blur(30px);background-color: rgba(26, 26, 27, .63); width: 100px; transform: translate(-50%,0); border-radius: 5px; padding:0px 15px; display:none}
.language_box:before{content: ''; border-bottom:8px solid #1a1a1b;border-left: 8px solid transparent;border-right:8px solid transparent;height: 0;width: 0; position: absolute; left: 50%; top: -8px; transform: translate(-50%,0)}

.language_box a{color: #ffffff; display: block;border-bottom: 1px solid rgba(71, 73, 78, .53); padding:15px;}
.language_box a:last-child{border: none}

.language_box a:hover{text-decoration: underline}



.indexbox .swiper{height: 100vh; overflow: hidden}
.indexbox .swiper-slide{height: 100vh; overflow: hidden; background: #000000}

.bantxt{position: absolute; left: 0px; top:15%; color: #ffffff; text-align: center; text-align: center; width: 100%; z-index: 9}


.banner{width: 100%; height: 100vh; overflow: hidden; position: relative }

.banvideo{ position: absolute; left: 0%;top:50%; width: 100%;transform: translate(0%,-50%); object-fit: cover; z-index:0}

.banleft{position: absolute; left:15%; bottom:20%; text-align: center; color: #fff; transform: translate(0,-50%)}


.banright{position: absolute; right:15%; bottom: 20%; text-align: center; color: #fff; transform: translate(0,-50%)}


/* 顶部标题文字 */
.bantxt h2 {
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 1.2;
}
.bantxt h1 {
  font-weight: 300;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-top: 0.625rem;
}

.bantxt p{ font-weight: 300;
  font-size:1rem;
  line-height: 1.2;
  margin-top: 1.5rem;}
.bantxt p span{margin: 0px 2.5%}
/* 中间物理AI大字 */
.bantop{  position: absolute;left: 50%;bottom:33%;transform: translate(-50%,-50%); text-align: center; }

.bantop h3 {
  font-size:3rem;background-image: linear-gradient(to top, #3c5c73, #d1d9db);-webkit-background-clip: text;color: transparent;font-weight: 500;}

/* 副标题小字 */
.bantop p {
  color: #fff;
  font-weight: normal;
  font-size:1rem;
  text-align: center;
}
.bantop img{width:80%; margin: 0 auto; display: block}
/* 左右两侧模块文字 */
.banleft p, .banright p {
  font-size:1.5rem;
  background-image: linear-gradient(to top, #3c5c73, #d1d9db);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 500;
}
.banleft span, .banright span {
  display: block;
  font-size:1rem
}

/* 底部中间四维文字 */
.bancenter {
  position: absolute;
  left:50%;
  bottom:5%;
  text-align: center;
  color: #fff;
  transform: translate(-50%,-50%);
  background-image: linear-gradient(to top, #3c5c73, #d1d9db);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
}

.lineone{width:18%; position: absolute; left: 25%;bottom:10%; }
.linetwo{width:18%; position: absolute; right: 25%;bottom:10%;}

/* 初始全部隐藏 */
.bantop,.banleft,.bancenter,.banright {
/*  opacity: 0;
  visibility: hidden;*/
  transition: opacity 0.7s ease;	
}

/* 连线擦除动画容器 */
.lineone, .linetwo {
  overflow: hidden;
}
.lineone img, .linetwo img {
  width: 100%;
  display: block;
  /* 初始裁切：只显示最左侧0宽度 */
  clip-path: inset(0 100% 0 0);
  /* 裁切过渡，从左向右逐步露出完整线条 */
  transition: clip-path 0.9s ease;
}

/* 动画激活：完整显示整张弯曲线条，无变形 */
.lineone.show img,
.linetwo.show img {
  clip-path: inset(0 0 0 0);
}


.morebtn a{height: 40px; border: 1px solid rgba(255,255,255,0.9); display: inline-block; border-radius: 5px; line-height: 40px; padding: 0px 10px; color: #fff; padding-right: 40px; position: relative;font-size:1rem; margin-top: 30px;overflow: hidden;}
.morebtn a:before{content:''; width: 12px; height: 100%; position: absolute; right:10px; background: url("../images/youjian.svg") no-repeat center center; background-size: 100% auto; top: 50%; transform: translate(0,-50%); z-index: 2;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.morebtn a:after{width: 0px; height: 100%; position: absolute; left: 0px; top: 0px;content: ''; background: rgba(255,255,255,1);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 0; border-bottom-right-radius: 50px;border-top-right-radius: 50px; }
.morebtn a:hover{color: #000000!important;}
.morebtn a:hover:after{width: 150%}
.morebtn a:hover:before{background: url("../images/youjian2.svg") no-repeat center center; background-size: 100% auto; animation: rotateArrow 0.5s linear; }
@keyframes rotateArrow {
  0% { right:0px; opacity: 0}
  50% { right:20px;}
  100% { right:10px; opacity: 1}	
}
.morebtn a em{position: relative; z-index:2; display: block}

.bantxt h2,.bantxt h1,.bantxt p,.bantxt .morebtn {opacity: 0;transform: translateY(30px);transition: all 0.6s ease;}
.bantxt h2 { transition-delay: 0.2s; }
.bantxt h1 { transition-delay: 0.4s; }
.bantxt p { transition-delay: 0.6s; }
.bantxt .morebtn { transition-delay: 0.8s; }

/* 激活时显示动画 */
.swiper-slide-active .bantxt h2,.swiper-slide-active .bantxt p,.swiper-slide-active .bantxt h1,.swiper-slide-active .bantxt .morebtn{opacity: 1;transform: translateY(0);}

.indexbox .swiper-pagination-bullet{background: rgba(255,255,255,0.2)!important; opacity: 1; margin: 20px 0px!important;}
.indexbox .swiper-pagination-bullet-active{background: rgba(255,255,255,1)!important}

.partfour_left{width: 20%}
.partfour_center{width:50%; position: relative;overflow: hidden}

.partfour_right{width: 20%}

.partfourbox{height: 100vh; overflow: hidden}


.footer{position: absolute; left: 5%; width: 90%;  bottom: 20px; color: #ffffff; font-size:1rem;}
.footer a{color: #fff}
.footer a:hover{text-decoration: underline}

.video_play{position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.9); width: 100%; height: 100%; z-index: 3;opacity: 0;visibility: hidden;transition: all 0.6s ease; text-align: center;color: #ffffff; margin: 0 auto; font-size: 1rem;}
.video_play img{width: 40px; margin: 0 auto;margin-bottom:5px}

.partfour_center:hover .video_play{opacity: 1; visibility: visible}

.videotan{width: 90%; max-width:1100px; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.close{width: 30px; position: absolute; left:50%; bottom: -40px;transform: translate(-50%,0%);}

.videotanbox{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;z-index: 9; background: #000000; display: none}

.videotan iframe{width: 100%; height: 560px;}


.wapimgbox{background-position:center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #000; height: 100vh; width: 100%; display: none}