﻿

.indexBody{background: url(../images/index_bg.jpg) no-repeat center;background-size: cover;background-position: top center}

.Top002990{position: relative; z-index: 100;}
.Top002990 .auto{width: 88.542%;margin: 0 auto}
.Top002990 .top{padding: .2rem 0 .4rem;display: flex;justify-content: space-between;align-items: center}
.Top002990 .top .mm{width: 40%;display: flex;align-items: center;}
.Top002990 .top .logo{text-align: center;width: 20%;flex: 0 0 auto}
.Top002990 .top .logo img{max-height: 1.3rem;}
.Top002990 .open-search{background: url("../images/search.svg") no-repeat center center; width: 20px; height: 20px;display: inline-block; cursor: pointer;position: relative;margin-right: .25rem;background-size: contain;}
.Top002990 .open-search.on{background-color: #000!important;}
.Top002990 .member ,
.Top002990 .member a{ color: #fff;}
.Top002990 .member a.yh { display: flex;align-items: center;;}
.Top002990 .member a.yh i{ width: .3rem; height: .3rem; border-radius: 50%; margin-right: .1rem; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.Top002990 .search{ text-align: right;width: 40%}
.Top002990 .search .flex{ display: flex;align-items: center;justify-content: flex-end;}
.Top002990 .top-search{position: absolute;right: 110%;}
.Top002990 .top-search .btn{background: url("../images/search_b.png") no-repeat center center #fff;}
.Top002990 .search .lan{ color: #fff;display: flex;align-items: center;;position: relative;padding: .1rem 0}
.Top002990 .search .lan span{ display: inline-block;width: 20px;height: 20px;background: url(../images/icon-language.svg)no-repeat center;background-size: contain;filter: grayscale(100) brightness(100);}
.Top002990 .search .lan figure{ position: absolute;top: 100%;width: 1rem;background: #fff;border-radius: .1rem;left: 50%;transform: translateX(-50%);display: none}
.Top002990 .search .lan a{ color: #333;display: block;text-align: center;line-height: 2;}
.Top002990 .search .lan:hover figure{display: block}

.Top002990 .open-nav a{font-weight: 100; cursor: pointer;padding-right: 28px;display: inline-block;line-height:.4rem;color: #fff;font-size: 15px;}
.Top002990 .top-menu{padding: 0 0 .2rem 0;line-height: .36rem;}
.Top002990 .top-menu ul{display: table; margin: 0 auto;}
.Top002990 .top-menu li{float: left; padding: 0 .6rem;}
.Top002990 .top-menu li a{display: block;color: #fff;position: relative;font-size:0.21rem;}
.Top002990 .top-menu li a:before{position: absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%);height: 3px; width: 0;background: #fff; transition: 0.3s;}
.Top002990 .top-menu li.aon>span>a:before,
.Top002990 .top-menu li a:hover:before{width: 100%;}

.Top002990 menu li .sub a:before{position: absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%);height: 1px; width: 0;background: #000; transition: 0.3s;}
.Top002990 menu li .sub a:hover:before{width: 100%;}

@media(min-width:1025px){
.Top002990 .search,
.Top002990 .top .member{font-size:0.18rem;}
.Top002990 .search{position: relative;}
.Top002990 .top-search{width: 320px;top: 50%; margin-top: -23px;}
.Top002990 .open-nav,
.Top002990 .close-nav{display: none}
.Top002990 menu li .sub{position: absolute; top: 100%; background-color: #fff;overflow: hidden;}
.Top002990 menu li .sub a{color: #333;}
}
@media(max-width:1024px){
.Top002990 .top-nav{display: none;}
.Top002990 .search,
.Top002990 .top .open-nav{}
.Top002990 .top-search{left: 2%;right: 2%; top: 100%;}
.Top002990 .open-nav a{ padding-right: 15px}

.Top002990 .top-menu{position: fixed; left:-100%;opacity: 0; top: 0; height: 100%; width: 100%; z-index: 100;background: rgba(0,0,0,0.3); }
.Top002990 .top-menu menu{background: #fff;height: 100%;position: relative;padding-top: 15.523vh; padding-bottom: 13.516vh; max-width: 510px; width: 100%; opacity: 0; transform: translateX(-100%); }
.Top002990 .top-menu menu ul{height: 100%;overflow: auto;padding-left: 5.68vw; margin-right: 5.68vw;}
.Top002990 .top-menu .close-nav{position:absolute; top:5.28vh; left:5.68vw;padding-left:30px;font-size:28px;color:#000;cursor: pointer; background:url("../images/Top002990_close.png") no-repeat left center;}

.Top002990 .top-menu li{ width:100%;}
.Top002990 .top-menu li span{display: block;position: relative;padding-right: 20px;line-height:50px;}
.Top002990 .top-menu li span a{font-size: 18px;color: #000;}
.Top002990 .top-menu li span i{position:absolute; right:0;top:0; height:100%; width:40px; cursor:pointer;}
.Top002990 .top-menu li span i:before,
.Top002990 .top-menu li span i:after{position: absolute; content: '';background: #888; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.Top002990 .top-menu li span i:before{width: 12px; height: 2px; }
.Top002990 .top-menu li span i:after{width: 2px; height: 12px;}
.Top002990 .top-menu li span i.active:after{display: none;}
.Top002990 .top-menu li span i.active:before{background: #000;}

.Top002990 .top-menu li dl{padding:5px 0;font-weight: 100;}
.Top002990 .top-menu li dt{line-height:30px;text-align:left;}
.Top002990 .top-menu li dt a{color:#888; font-size:16px;}
.Top002990 .top-menu li dt a:hover{color: #000;}

.menu-in .Top002990 .top-menu{opacity: 1; left: 0;transition:opacity  0.3s;}
.menu-in .Top002990 .top-menu menu{opacity: 1; transform: translateX(0);transition: 0.3s  0.3s;}
.menu-in.menu-out .Top002990 .top-menu{opacity: 0; left: -100%; transition:opacity  0.3s  0.3s, left 0s 0.6s;}
.menu-in.menu-out .Top002990 .top-menu menu{opacity: 0;transform: translateX(-100%);transition: 0.3s;}
}

@media(max-width:480px){
.Top002990 .top{padding: 2vw 0;}
.Top002990 .top .logo img{ height: 60px;}
.Top002990 .top-menu .share .bdsharebuttonbox a{width: 30px; height: 30px;}
.Top002990 .top-menu .close-nav{font-size: 5vw;}
}





.HomeBan{overflow: hidden;position: relative;padding: 0 1rem}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li .img{position: relative;overflow: hidden;width: 100%}
.HomeBan li .img figure{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.HomeBan li .img figure img{width: 100%;height: 100%;object-fit: cover;}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .text{font-size: 0.7rem;line-height: 1.29;text-align: center;line-height: .8}
.HomeBan li .txt .text span{font-size: 0.3rem;text-transform: uppercase;}
.HomeBan li .txt .HomeMore{margin:0.5rem auto 0;border-color: #fff;}
.HomeBan li .txt .HomeMore span{transition: .5s all;color: #fff;}
.HomeBan .imgbox img{ width:100%;}
.HomeBan .pic_pc{ display:block;}
.HomeBan .pic_web{ display:none;}
@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.1);-webkit-transform:scale(1.1);}
}

.HomeBan .slick-dots{position: absolute;bottom:5%;left:0;width:100%;text-align: center;}
.HomeBan .slick-dots li{display: inline-block;margin:0 0.1rem;width:0.14rem;height:0.14rem;border-radius: 50%;background:#fff;opacity: .3;cursor: pointer}
.HomeBan .slick-dots li button{display: none;}
.HomeBan .slick-dots li.slick-active{opacity: 1;}

@media(max-width:1024px){
.HomeBan{ padding:.3rem 4% 0;}
.HomeBan li .txt .text{font-size: 0.4rem;}
.HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
.HomeBan .slick-dots{bottom:0.2rem;}
.HomeBan .pic_pc{ display:none;}
.HomeBan .pic_web{ display:block;}
}

@media(max-width:640px){
.HomeBan li .txt .text{font-size: 0.22rem;}
.HomeBan li .txt .btn{margin-top:0.2rem;}
.HomeBan li .txt .btn a{line-height: 0.36rem;padding:0 0.1rem;font-size: 0.16rem;}
.HomeBan .slick-dots li{width:0.16rem;height:0.16rem;}
}


.indexbg{}
.pd100{padding:1rem 0;}
.f24{font-size: 0.24rem;}
.f28{font-size: 0.28rem;}
.HomeTit{margin-bottom:0.4rem;position: relative}
.HomeTit.ct{text-align: center}
.HomeTit .en{font-size: 0.8rem;text-transform: uppercase;line-height: 1;color: #e5e9ec;position: relative;z-index: 1;opacity: .5;font-family: Barlow-Bold;position: absolute;top: 50%;transform: translateY(-50%)}
.HomeTit .cn{font-size: 0.46rem;text-transform: uppercase;line-height: 1;color: #09243f;font-family: Regular;z-index: 2;position: relative}
.HomeTit .desc{max-width:7.4rem;margin:0.2rem 0 0;font-size: .18rem;color: #333;position: relative;}
.HomeTit .desc::before{content: '';position: absolute;width: .1rem;height: .1rem;background:#092478;left: 0;top: .08rem;display: none}



.home-works{padding: 1rem 0; }

.home-works .auto-inner{margin-top: 0.49rem;display: flex;justify-content: space-between;width: 87.6%;max-width: 1000px;margin: 0 auto;}
.home-works .left{position: relative;}
.home-works .swiper-slide{position: relative;z-index: 1;}
.home-works .pic-inner{position: relative;padding-bottom: calc(676 / 1200 * 100%);background-color: #000;}
.home-works .pic-inner .Ispic{position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.home-works .pic-inner::before{content: ''; position: absolute; right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);z-index: 10}
.home-works .swiper-txt :where(.tit,h3,.sub-tit){transform: translateX(0.3rem); opacity: 0; transition: 0.5s 0.3s ease-in-out;color: #fff}
.home-works .swiper-txt .tit{font-weight: 500; font-size: .24rem;}
.home-works .swiper-txt h3{font-weight: 700;font-size: .3rem;margin: 0 0 0.3rem 0;text-indent: -0.5em; transition-delay: 0.6s;}
.home-works .swiper-txt .sub-tit{transition-delay: 0.9s;padding-left: 40%;line-height: 1.75}
.home-works .swiper-txt .swiper-slide-active :where(.tit,h3,.sub-tit){transform: translateX(0); opacity:1;}
.home-works .swiper-video{padding-bottom: 0.3rem;}
.home-works .swiper-video .controls{position: absolute;left: 0.4rem;bottom: 0;display: flex;z-index: 10;}
.home-works .swiper-video .controls a + a{margin-left: 0.32rem;}
.home-works .swiper-thumb .Ispic{padding-bottom: calc(55 / 77 * 100%);position: relative; opacity: 0.4;transition: 0.3s;cursor: pointer;}
.home-works .swiper-slide-thumb-active .Ispic{opacity: 1;}
.home-works .swiper-slide-thumb-active .Ispic:after{position: absolute; content: '';left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border: 2px solid #fff;}
.home-works .pages{color: rgba(255,255,255,0.37);margin-top: 0.22rem;}
.home-works .pages span{color: #fff;}
.home-works .pages .swiper-pagination-current{color: var(--hover-color); font-size: .3rem;}


.home-works .controls a{display: block;width: 0.6rem;height: 0.6rem;background: no-repeat center center/contain;border-radius: 50%; background-size: auto 0.24rem;cursor: pointer;transition: 0.3s;}
.home-works .controls a.full{background-color: #fff;}
.home-works .controls a.border{border: 1px solid rgba(255,255,255,0.6);}
.home-works .controls a.full.prev{background-image: url(../images/btn-prev.svg);}
.home-works .controls a.full.next{background-image: url(../images/btn-next.svg);}
.home-works .controls a.border.prev{background-image: url(../images/btn-prev-white.svg);}
.home-works .controls a.border.next{background-image: url(../images/btn-next-white.svg);}
.home-works .controls a.border:not(.swiper-button-disabled):hover{border: 0;background-color: #fff;}
.home-works .controls a.border.prev:not(.swiper-button-disabled):hover{background-image: url(../images/btn-prev.svg);}
.home-works .controls a.border.next:not(.swiper-button-disabled):hover{background-image: url(../images/btn-next.svg);}
.home-works .controls a.swiper-button-lock{visibility: hidden;}
.home-works .controls a.swiper-button-disabled{cursor: default; opacity: 0.2;}

@media (min-width:1025px) {
    .home-works .right{width: calc(90 / 1400 * 100%); flex-shrink: 0;}
    .home-works .left{width: calc(1200 / 1400 * 100%); }
    .home-works .swiper-txt{position: absolute;left: 0;bottom: 0.8rem;width: calc(1400 / 1200 * 100%);z-index: 3;text-align: right}
    .home-works .swiper-txt,
    .home-works .swiper-txt *{pointer-events: none;}
    .home-works .swiper-thumb{height: calc(0.5rem * 3);width: calc(77 / 90 * 100%);}
}
@media (max-width:1024px) {
    .home-works .auto-inner{flex-direction: column-reverse;}
    .home-works .left{margin-top: 0.3rem;position: relative;z-index: 3;}
    .home-works .pages{position: absolute; bottom: 100%;right: 0;width: auto; left: auto;}
    .home-works .swiper-thumb{margin: 0 -0.1rem;}
    .home-works .swiper-thumb .swiper-slide{padding: 0 0.1rem;}
}



.home-pro{padding: .8rem 0 1rem;}
.home-pro .left {border-right: 1px solid rgba(255,255,255,.1);padding-right: .5rem}
.home-pro .left li{color: #fff;border-bottom: 1px solid rgba(255,255,255,.1);line-height: .6rem;text-align: center;cursor: pointer}
.home-pro .left li.active{color: #fff;background: #093268;border-color: #093268}
.home-pro .right .box{display: none}
.home-pro .right li{float: left;width: 32%;margin-right: 2%; margin-bottom:3%;}
.home-pro .right li:nth-child(3n){margin-right: 0}
.home-pro .right li figure{padding-bottom: 140%;background-size: cover;background-repeat: no-repeat;background-position: center}
.home-pro .right li span{text-align: center;color: #fff;padding-top: .1rem;display:block}
@media(min-width:1025px){
    .home-pro .w1400{display: flex;justify-content: space-between;}
    .home-pro .w1400 .left{width: 20%;flex: 0 0 auto}
    .home-pro .w1400 .right{width: 75%;}
}
@media (max-width:1024px) {
    .home-pro{ padding:.5rem 0;}
    .home-pro .left{ margin-bottom:.3rem; padding-right:0; border-right:none;}
    .home-pro .left ul{display: flex;flex-wrap: wrap;}
    .home-pro .left li{padding: 0 .2rem;}
    
    .home-pro .right li{width: 100%;margin-right: 0;margin-bottom: .2rem}
}




.Bottom003207{--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.75);--hover-color:#fff; font-size: var(--font-size16);position: relative;}
.Bottom003207,
.Bottom003207 a:not(:hover){color:var(--white);}
.Bottom003207 .logo{width: 2.6rem;}
.Bottom003207 .logo img{max-height: 1.2rem;}
.Bottom003207 .f-top{padding-bottom: .5rem; position: relative;border-bottom: 1px solid rgba(255,255,255,.1)}
.Bottom003207 .f-mid{margin-bottom: 0.8rem;position: relative;z-index: 2}
.Bottom003207 .f-bottom{padding: 0.38rem 0;position: relative;}
.Bottom003207 .f-bottom,
.Bottom003207 .f-bottom a:not(:hover){color: var(--white-opacity-50);}

.Bottom003207 .follow-us{display: flex;align-items: center}
.Bottom003207 .follow-us li{position: relative;z-index: 10}
.Bottom003207 .follow-us li +li{margin-left: 0.3rem;}
.Bottom003207 .follow-us li a{display: flex; width: 0.18rem; height: 0.18rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;}
.Bottom003207 .follow-us li a .icon{width:0.22rem; height: 0.22rem;background-position: center center; background-repeat: no-repeat; background-size:contain; opacity: 0.5;transition: 0.3s;display: block;}
.Bottom003207 .follow-us li a:hover .icon{opacity:1;}
.Bottom003207 .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); margin-left:-0.55rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; width: 1.1rem; height: 1.1rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom003207 .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom003207 .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left:-3px;}


.Bottom003207 nav dl{display: flex;flex-wrap: wrap;flex-direction: row;}
.Bottom003207 nav dt{ position: relative; font-weight: 500;font-size: .18rem;}
.Bottom003207 nav dd{width: 50%;line-height:.36rem;}
.Bottom003207 nav dd:nth-child(2) ~ dd{margin-top: 0.25rem;}
.Bottom003207 nav dd a:not(:hover){color: var(--white-opacity-50);}
.Bottom003207 nav dd a:hover{color: var(--hover-color)}


.f-contact li .tit{font:var(--ff-hm-l); margin-bottom: 0.29rem;}
.f-contact li h3{font-weight: 100;margin: 0;}
.f-contact li p{margin: 0.05rem 0 0 0; font-size: .18rem;display: flex;flex-wrap: wrap;align-items: center;}
.f-contact li p:after{display: block; content: '';margin-left: 0.1rem; background-position: center center; background-repeat: no-repeat; background-size:contain;}
.f-contact li p.email:after{background-image: url(../images/email.svg);width: 0.2rem;height: 0.16rem; }


.Bottom003207 .code{display: flex;align-items: center;}
.Bottom003207 .code span{padding-left: .25rem;}


.Bottom003207 .icp{display: flex;align-items: center;}
.Bottom003207 .icp a{display: flex;}
.Bottom003207 .icp a:before{display: block; content: ''; background: url(../images/Bottom003207-security.png) no-repeat center center / contain; width: 0.18rem; height: 0.2rem; margin-right: 0.06rem;}
@media (min-width:1025px) {
    .Bottom003207 .f-top{display: flex;align-items: center;justify-content: space-between}
    .Bottom003207 .f-top .f-left{width: 1rem;}
    .Bottom003207 .f-top .f-right{flex: 1;padding-left: 10%;display: flex;align-items: center;justify-content: space-between}
    .Bottom003207 .f-mid{display: flex;justify-content: space-between}
    .Bottom003207 .f-mid nav{display: flex;justify-content: space-between}
    .Bottom003207 .f-bottom{display: flex;align-items: center;justify-content: space-between }
    .Bottom003207 .contact{}
    .Bottom003207 nav{width: calc(500 / 1440 * 100%);}
    .Bottom003207 nav dt{margin-bottom: 0.2rem;}
    .Bottom003207 nav dd{display: block!important;}
}
@media (max-width:1024px) {
    .Bottom003207 .logo{margin: 0 auto 0.2rem; text-align:center;}   
    .Bottom003207 .follow-us{justify-content: center; margin-top:.2rem;}
    .Bottom003207 .follow-us li a{ width:.3rem; height:.3rem;}
    .Bottom003207 .follow-us li a:after{ width:.26rem; height:.26rem;}
    .Bottom003207 .contact{margin-bottom: 0.3rem;}
    .Bottom003207 nav{border-top: 1px solid var(--white-opacity-10);border-bottom: 1px solid var(--white-opacity-10); padding:.2rem 0; margin-bottom:.3rem;}
    .Bottom003207 nav dl{transition: 0.3s;}
    .Bottom003207 nav dt{overflow: hidden;padding:0.1rem 0;}
    .Bottom003207 nav dd{ text-align:center;}
    .Bottom003207 nav dd:nth-child(2) ~ dd{margin:0;}
    .Bottom003207 .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom003207-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
    .Bottom003207 dl.active{padding-bottom: 0.2rem;}
    .Bottom003207 .active .wap-b-op{transform: rotate(45deg);}
    .Bottom003207 .f-bottom{text-align: center;}
    .Bottom003207 .icp{margin-top: 0.3rem;}
    .Bottom003207 .icp a{display: inline-flex;}
    
    .Bottom003207 .code{flex-direction: column;flex-direction: column-reverse;}
    .Bottom003207 .code span{padding-left: 0;padding-top: .1rem}
}

@keyframes transform_width{
	0%{transform: translateX(0);}
	100%{transform: translateX(100%);}
}

.cbanner{padding: 0 1rem}
.cbanner img{ width:100%;}
.cbanner .pic_pc{ display:block;}
.cbanner .pic_web{ display:none;}
@media (max-width:1024px) {
.cbanner .pic_pc{ display:none;}
.cbanner .pic_web{ display:block;}  
}
@media (max-width:1024px) {
.cbanner{padding: 0 4%;}
.cbanner figure{ padding-bottom:30%;}
}

.location{color: #fff;font-size: .14rem;padding-top: .2rem}
.location .w1400{display: flex;align-items: center;}
.location a{color: rgba(255,255,255,.5)}
.location a:hover{color: #fff}
.location i{width: .2rem;height: .2rem;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .14rem;margin: 0 .15rem;opacity:.5}

.ctitle{text-align: center;font-size: .36rem;color: #fff;padding: .5rem 0;font-family: Regular;}


.NewList{padding-top:2%; padding-bottom: .3rem}
.NewList li{border-bottom: 1px solid rgba(255,255,255,.2);padding: .26rem 0;}
.NewList li a{position: relative;transition: .5s;height: .62rem}
.NewList li .time{color: #fff;}
.NewList li .img{position: absolute;left: 1.36rem;opacity: 0;transition: .5s;width: 2.6rem}
.NewList li .img figure{background-size: cover;background-position: center;background-repeat: no-repeat;padding-bottom: 57.693%;}
.NewList li .tit{height: .62rem;overflow: hidden;transition: margin .5s;} 
.NewList li .tit span{font-size: .22rem;color: #fff} 
.NewList li .btn{display: flex;align-items: center;} 
.NewList li .btn i{width: .36rem;height: .36rem;border: 1px solid #fff;border-radius: 50%;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .2rem auto;position: relative} 
.NewList li .btn i::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .2rem auto;} 

.NewList li:hover a{height: 1.5rem}
.NewList li:hover .img{opacity: 1}
.NewList li:hover .tit{margin-left: 2.4rem;}
.NewList li:hover .btn i{background: #fff;}
.NewList li:hover .btn i::before{filter: grayscale(0) brightness(0);}
@media(min-width:1025px){
.NewList li a{display: flex;justify-content: space-between;} 
.NewList li .tit{width: 55%} 
.NewList li .btn{width: .9rem;}
}
@media(max-width:1024px){
.NewList li a{ display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; height:auto;}
.NewList li .img{ left:0; position:relative; margin:0; opacity:1;}
.NewList li .time{ width:100%; margin-bottom:.1rem;}
.NewList li .tit{ height:auto; width:calc(100% - 3.5rem);}
.NewList li:hover .tit{ margin-left:0;}
.NewList li:hover a{ height:auto;}
}
@media(max-width:640px){
.NewList li .tit{ padding:.2rem 0; width:100%;}
.NewList li .tit span{ font-size:.18rem;}
.NewList li .img{ width:100%;}
}


.searchList{padding-top:2%; padding-bottom: .3rem}
.searchList .tab{color:#fff;margin-bottom:0.4rem;border-bottom:1px solid rgba(255,255,255,0.1);}
.searchList .tab a{color:#fff;font-size:0.24rem;margin-right:0.3rem;display: inline-block;padding-bottom:0.2rem;}
.searchList .tab a:hover,
.searchList .tab a.on{border-bottom:2px solid #fff;}
.searchList li{border-bottom: 1px solid rgba(255,255,255,.2);padding: .3rem 0;}
.searchList li a{position: relative;transition: .5s;}
.searchList li .time{color: #fff;}
.searchList li .img{position: absolute;left: 1.36rem;opacity: 0;transition: .5s;width: 2.6rem}
.searchList li .img figure{background-size: cover;background-position: center;background-repeat: no-repeat;padding-bottom: 57.693%;}
.searchList li .tit{overflow: hidden;transition: margin .5s;} 
.searchList li .tit span{font-size: .22rem;color: #fff} 
.searchList li .btn{display: flex;align-items: center;} 
.searchList li .btn i{width: .36rem;height: .36rem;border: 1px solid #fff;border-radius: 50%;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .2rem auto;position: relative} 
.searchList li .btn i::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .2rem auto;} 

.searchList li:hover .img{opacity: 1}
.searchList li:hover .btn i{background: #fff;}
.searchList li:hover .btn i::before{filter: grayscale(0) brightness(0);}
@media(min-width:1025px){
.searchList li a{display: flex;justify-content: space-between;} 
.searchList li .tit{width: 80%} 
.searchList li .btn{width: .9rem;} 
}



.Page002623{padding: 2vw 0 1rem 0; text-align: center;font-family: Arial;font-size: .18rem;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 3vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: 50px; width: 50px; margin: 0 1px;color: #fff}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #000;background: #fff;}
.Page002623 .Pages .p_page > a{font-size: 0;height: 50px;position: relative;}
.Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;}
.Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #fff;border-right-width: 8px;}
.Page002623 .Pages .p_page > a.a_next:before{border-left-color: #fff;border-left-width: 8px; margin-left: -4px;}
.Page002623 .Pages a.a_prev:hover:before{border-right-color: #000;}
.Page002623 .Pages a.a_next:hover:before{border-left-color: #000;}
@media(max-width:640px){
.Page002623{padding: 6vw 0 8vw 0;}
.Page002623 .Pages em{display: none;}
}




.singpaper{padding: 1rem 0 1.6rem;}
.singpaper .title{text-align: center;border-bottom: 1px solid rgba(255,255,255,.4);padding-bottom: .5rem;margin-bottom: .7rem}
.singpaper .title span{font-size: .36rem;color: #fff;font-family: Regular;}
.singpaper .con{line-height: 2;color: #fff;}
.singpaper .con p{margin: 0}
.singpaper .con .atlas{ text-align:center;}

.operating{margin-top: .5rem;padding-top: .5rem;border-top: 1px solid rgba(255,255,255,.4);}
.operating .btns a {line-height: 2;color: rgba(255,255,255,.6)}
.operating .btns a b{font-weight: normal;}
.operating .btns a:hover {color: #fff}
.operating .back a{display: flex;align-items: center;justify-content: center;border-radius: 36px;color: #000;transition: .3s;color: #fff;}
.operating .back a::after{width: .22rem;height: .16rem;content: '';background: url(../images/back.png)no-repeat center;margin-left: .2rem;background-size: .22rem auto}

.VideoDetail .singpaper .title{text-align: left}
.VideoDetail .singpaper .title dl{margin-top:0.2rem;}
.VideoDetail .singpaper .title dl dd{display: inline-block;color:#fff;margin-right:0.3rem;}
.VideoDetail .singpaper video{width:100%;}

@media(min-width:1025px){
.operating{display: flex;align-items: center;justify-content: space-between;}
.operating .btns{width: 75%;flex: 0 0 auto;}
}
@media(max-width:1024px){
.operating .back{margin-top:.2rem}
}
@media(max-width:640px){
.singpaper .title{ margin-bottom:.35rem; padding-bottom:.35rem;}
.singpaper .title span{ font-size:.26rem;}
}


.Member_dl{padding-bottom: 1rem}

.Member_dl ul{max-width: 6rem;margin: 0 auto;width: 60%}
.Member_dl li{border-bottom:1px solid rgba(255,255,255,.4) ;position: relative;margin-bottom: .2rem}
.Member_dl li .tit{color: #fff;position: absolute;left: 0;top: 0;line-height: .6rem;}
.Member_dl li .tit i{color: #ff0000;}
.Member_dl li .flex{display: flex;align-items: center;}
.Member_dl li .tit2{color: #fff;line-height: .6rem;}
.Member_dl li .text{color: #fff;line-height: .6rem;height: .6rem;width: 100%}
.Member_dl li select{border: none;line-height: .6rem;height: .6rem;width: 100%;text-align: right;padding-right: .3rem}
.Member_dl li .yzm{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1rem}
.Member_dl li .fs{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #fff}
.Member_dl li .wjmm{color: rgba(255,255,255,.6);width:100%;text-align: right;}
.Member_dl li .wjmm:hover{color: #fff}
.Member_dl li.gt{color: rgba(255,255,255,.6);font-size: .14rem;border-bottom: 0;display: flex;align-items: center;justify-content: space-between}
.Member_dl li.gt a{color:rgba(255,255,255,0.6);}
.Member_dl li.gt a:hover{color:#fff;}
.Member_dl li.gt .custom-checkbox { display: block; position: relative; margin-right: .1rem; cursor: pointer; user-select: none;height: .16rem; width: .16rem;}
.Member_dl li.gt .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 100%; width: 100%;z-index: 100;left: 0;top: 0}
.Member_dl li.gt .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border: 1px solid #ccc; border-radius: 4px;}
.Member_dl li.gt .custom-checkbox:hover input ~ .checkmark { background-color: #fff;}
.Member_dl li.gt .custom-checkbox input:checked ~ .checkmark { background-color: #2196F3;border-color: #2196F3}
.Member_dl li.gt .checkmark:after { content: ""; position: absolute; display: none;}
.Member_dl li.gt .custom-checkbox input:checked ~ .checkmark:after { display: block;}
.Member_dl li.gt .custom-checkbox .checkmark:after {content: ''; left: 5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}

.Member_dl .btn{width: 100%;height: .5rem;background: rgba(255,255,255,.1);line-height: .5rem;color: #fff;cursor: pointer;transition: .3s;margin-top: .5rem}
.Member_dl .btn:hover{background: #fff;color: #000}

@media(max-width:640px){
.Member_dl ul{ width:80%;}
}

/*
 .Form002324 为demo编号
 */
.Form002324 {position:fixed;background: rgba(0,0,0,0.5);width: 100%;height: 100%;top: 0;left: 0;z-index: 999;display: none}
.Form002324 .wrap-container{position: fixed;top: 15vh;width: 60%;height: 70vh; left: 20%;background: #fff;z-index: 100;border-radius: 0.1rem}
.Form002324 .closeBtn {position: absolute;top: 25px;right: 25px;height: 17px; width: 17px;display: block;background: url(../images/Form002324-colseBtn.jpg) no-repeat;}
.Form002324 .Title {font-size:0.28rem;color: #000;text-align: center;line-height: 100px;font-family: Regular;}
.Form002324 .wrap-container .text{width:94%;margin:0 auto;height: 55vh;overflow: auto}
.Form002324 .wrap-container .text p{margin:0.1rem 0;line-height: 1.75}
@media only screen and (max-width: 664px ) {
.Form002324 .wrap-container {top:0;margin-top: 0;width: 100%;height: 100%;margin-left: 0;left: 0;padding: 5%;}
.Form002324 .Title {font-size: 20px;line-height: 70px;}
}


.About{padding:1rem 0;}
.About .ctitle{padding-top: 0}
.About{color: #fff;line-height: 2;text-align: center}
.About h1{color: #fff;font-size: .4rem;padding-bottom: .2rem;font-weight: normal;font-family: Regular;}
.About h3{color: #fff;font-size: .2rem;padding-bottom: .2rem;font-weight: normal;font-family: Regular;}
.About .desc{color: #fff;font-size: .18rem;padding-bottom: .2rem;max-width: 80%;margin: 0 auto;line-height: 2}
@media(max-width:1024px){
.About{padding:.5rem 0;}
.About h1{font-size:.32rem;}
}

.Culture{padding: .5rem 0 1rem}
.Culture .title{font-size: .2rem;padding-bottom: .2rem;}
.Culture .left{color: #fff;}
.Culture h3{font-size: .5rem;font-weight: lighter;padding-bottom: .8rem;line-height: 1.25}

@media(min-width:1025px){
.Culture .flex{display:flex;align-items:center;justify-content:space-between;}
.Culture .flex .left{width: 48%;}
.Culture .flex .right{width: 42.85714285714286%;}
}
@media(max-width:1024px){
.Culture .flex{ flex-wrap:wrap;}
.Culture .left{ margin-bottom:.3rem;}
.Culture h3{ font-size:.36rem; padding-bottom:.3rem;}
}


.jobs-list{padding-bottom: .5rem;}
.jobs-list .items:last-child{border-bottom: 1px solid rgba(255,255,255,.4);}
.jobs-list .items{border-top: 1px solid rgba(255,255,255,.4);}
.jobs-list .tit{display: flex;cursor: pointer;}
.jobs-list .tit li{display: flex;}
.jobs-list .tit li:not(.btn){flex-shrink: 0;}
.jobs-list .tit .inline{text-align: center;color: #fff}
.jobs-list .items.active .tit li{color: var(--hover-color);}
.jobs-list .tit .name{display: flex; align-items:center;width: calc(429 / 1400 * 100%); }


.jobs-list .tit .name p{margin: 0;font-size: .3rem;color: #fff}
.jobs-list .tit .btn{flex: 1;display: flex;justify-content: flex-end;align-items: center;pointer-events: none;}
.jobs-list .tit .num,
.jobs-list .tit .age{display: flex;}
.jobs-list .tit .btn:before{display: block; content: '';flex-shrink: 0;width: 0.6rem;height: 0.6rem;background: url(../images/close.gif) no-repeat center center; background-size: 0.14rem auto;}
.jobs-list .items.active .btn:before{transform: rotate(90deg)}
.jobs-list .label-name{display: block; font-weight: 100;color:rgba(255,255,255,0.6); margin-bottom: 1em;}
.jobs-list .details{padding-bottom: 0.57rem;color: #fff;display: none;}
.jobs-list .details .infos .info{flex: 1;}
.jobs-list .details > .info{ margin-top: 0.37rem;}
.jobs-list .details .edit-singlepage{line-height: calc(34 / 16);}
@media(min-width:1025px){
.jobs-list .tit{align-items: stretch;height: 1.41rem;}
.jobs-list .tit li{align-items: center;}
.jobs-list .tit .num{width: calc(269 / 1400 * 100%);}
.jobs-list .tit .age{width: calc(267 / 1400 * 100%);}
.jobs-list .tit .edu{width: calc(173 / 1400 * 100%);justify-content: center;}
.jobs-list .tit .btn{padding-right: 0.1rem;}
.jobs-list .details{padding-left: calc(429 / 1400 * 100%);}
}
@media (max-width:1024px) {
.jobs-list .tit{flex-wrap: wrap; padding-top:0.2rem;}
.jobs-list .tit li{width:26%; padding-bottom:0.2rem;}
.jobs-list .tit .name{width: 100%;}
.jobs-list .details{padding-top: 0.3rem;}
}




.FAQ{padding-bottom: .5rem;}
.FAQ .item:first-child{border-top: 1px solid rgba(255,255,255,.2)}
.FAQ .item .Q{ margin:0; line-height:.8rem; padding-left:.3rem; padding-right:.5rem;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; position:relative;cursor:pointer;transition:all 0.5s ease-out 0s;border-bottom: 1px solid rgba(255,255,255,.2)}
.FAQ .item i.icon{ display:block; position:absolute; right:.1rem; top:50%; margin-top: -.15rem;background:url(../images/icon-jt2.svg)no-repeat right center; width:.3rem; height:.3rem;transition:all 0.5s ease-out 0s; overflow:hidden;background-size: .3rem auto}

.FAQ .item .Q>a{ color:#fff;font-weight: normal;font-size: .2rem}
.FAQ .item em.icon{ position:absolute; top:0; left:0; width:.5rem; height:100%; display:block; text-align:center; font-family:Arial; font-size:.24rem; font-weight:bold; font-style:normal; color:#333;}
.FAQ .item .Q em.icon{ background:#efefef;transition:all 0.5s ease-out 0s;}
.FAQ .item .A{ position:relative;padding:.3rem;display:none;color: #fff;line-height: 1.75;background:rgba(255,255,255,.05) }
.FAQ .item .A em.icon{color:#fff;transition:all 0.5s ease-out 0s;border-right: 1px solid rgba(255,255,255,.1)}
.FAQ .item.active .Q{ border-bottom: none;}
.FAQ .item.active .Q em.icon{ background:#fff; color:#000;}
.FAQ .item.active i.icon{transform: rotate(90deg)}





.Contact{padding-bottom: 1rem}

.Contact .box1{padding: .2rem 0 1rem}
.Contact .details{margin:0 0 1rem 0;}
.Contact .details .logo{width: 1.68rem;flex-shrink: 0;}
.Contact .details .logo img{border-radius: 0.05rem;}
.Contact .details .left {display:-webkit-flex; display:flex;align-items: center; flex-wrap:wrap;}
.Contact .details .left dl{margin-left: 0.65rem;flex: 1;}
.Contact .details .left dt{font-size: .24rem;color: #fff; margin-bottom: 0.13rem;font-family: Medium;}
.Contact .details .left dd{padding-left: 0.31rem;background: left top 0.6em no-repeat;background-size: auto 0.19rem; line-height: calc(40 / 16);color: #fff}
.Contact .details .left dd a{color: #fff}
.Contact .details .left dd.tel{font-size: .24rem; background-image: url(../images/tel2.svg);line-height: calc(40 / 24);color: #fff}
.Contact .details .left dd.email{font-size: .2rem;background-image: url(../images/email2.svg); background-size: auto 0.16rem;line-height: calc(40 / 20);color: #fff}
.Contact .details .left dd.add{background-image: url(../images/add.svg); }
.Contact .details .left dd + dd{margin-top: 0.05rem;}
.Contact .follow-us ul{display: flex;align-items: center;}
.Contact .follow-us li{position: relative;z-index: 50;cursor: pointer;}
.Contact .follow-us li a > img{height: 0.21rem;width: auto; filter: grayscale(0) brightness(0);}
.Contact .follow-us li a{display: flex;align-items: center; justify-content: center;width: 0.4rem;height: 0.4rem;background-color: #fff;border-radius: 50%;}
.Contact .follow-us li + li{margin-left: 0.6rem;}
.Contact .follow-us li:not(:last-child):after{position: absolute; content: '';width: 1px;height: 0.22rem;background-color: rgba(255,255,255,0.21); left: calc(100% + 0.3rem); top:50%;margin-top: -0.11rem;}

.follow-us li .hover{position: absolute; bottom: calc(100% + 0.2rem);width: 1.08rem;background-color: var(--white);left: 50%;margin-left: -0.54rem; visibility: hidden; transform: translateY(-0.3rem); opacity: 0;transition: 0.3s; border-radius: 0.1rem;}
.follow-us li .hover img{border-radius: 0.05rem;}
.follow-us li .hover:after{position: absolute; content: '';border: 5px solid transparent;border-top-width: 10px; border-top-color: #fff; left: 50%;margin-left: -5px;top: 100%;}
.follow-us li a > img{height: 0.16rem;filter: contrast(0.1);}
.follow-us li:hover .hover{opacity: 1;transform: translateY(0);visibility: visible;}


.Contact .box2{padding:.5rem 0 1rem; background-size:cover;background-repeat:no-repeat;background-position:center center; }
.Contact .form li{border-bottom:1px solid rgba(255,255,255,.4) ;position: relative;margin-bottom: .2rem}
.Contact .form li .tit{color: #fff;position: absolute;left: 0;top: 0;line-height: .6rem;}
.Contact .form li .text{color: #fff;line-height: .6rem;height: .6rem;width: 100%}
.Contact .form li textarea.text{height: 1.2rem;}
.Contact .form .btn{width: 2rem;height: .5rem;background: rgba(255,255,255,.1);line-height: .5rem;color: #fff;cursor: pointer;transition: .3s;margin: .5rem auto 0;display: block;}
.Contact .form .btn:hover{background: #fff;color: #000}
@media(min-width:1025px){
    .Contact .details{display: flex;align-items: center;justify-content: space-between}
    .Contact .form ul{display: flex;flex-wrap: wrap;justify-content: space-between}
    .Contact .form ul li{width: 31%;}
    .Contact .form ul li.w100{width: 100%;}
}
@media(max-width:1024px){
.Contact .details .left{ margin-bottom:.3rem;}
}
@media(max-width:640px){
.Contact .details .left{ margin-bottom:.3rem;}
.Contact .details .left dl{ margin-top:.3rem; margin-left:0; width:100%; flex:initial;}
}


.Member_zx {padding:.5rem 0 1rem}
.Member_zx .ctitle{padding:0 0 .3rem;text-align: left;line-height: 1}
.Member_zx .left ul li{line-height: .7rem;border-top:1px solid rgba(255,255,255,.1)}
.Member_zx .left ul li a{display: block;color: #fff;padding-left: .3rem;}
.Member_zx .left ul li a.li1{background: url(../images/icon-yh.svg)no-repeat center left;background-size: .16rem auto;}
.Member_zx .left ul li a.li2{background: url(../images/icon-mm.svg)no-repeat center left;background-size: .18rem auto;}
.Member_zx .left ul li a.li3{background: url(../images/icon-exit.svg)no-repeat center left;background-size: .16rem auto;}

.Member_zx .right{position: relative}
.Member_zx .right .toux{position: absolute;right: 10%;top: 1rem;text-align: center}
.Member_zx .right .toux .pic{border: 1px solid rgba(255,255,255,.5);border-radius: 50%;width: 1rem;height: 1rem;overflow: hidden;margin-bottom: .15rem}
.Member_zx .right .toux .pic img{width: 100%;height: 100%}
.Member_zx .right .toux .sc{color: #fff}
.Member_zx .right .title{font-size: .24rem;color: #fff;border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: .28rem;margin-bottom: .2rem}
.Member_zx .right ul{max-width: 6rem;width: 60%}
.Member_zx .right li{position: relative;display: flex;}
.Member_zx .right li .tit{color: rgba(255,255,255,.5);line-height: .6rem;margin-right: .2rem;width: 1rem;text-align: right}
.Member_zx .right .ul2 li .tit{width: 1.5rem;text-align: right}
.Member_zx .right li .tit i{color: #ff0000;}
.Member_zx .right li .flex{display: flex;align-items: center;}
.Member_zx .right li .tit2{color: #fff;line-height: .6rem;}
.Member_zx .right li .text{color: #fff;line-height: .6rem;height: .6rem;}
.Member_zx .right li .fs{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: rgba(255,255,255,.3);font-size: .14rem}
.Member_zx .right .btn{width: 2rem;height: .5rem;background: rgba(255,255,255,.1);line-height: .5rem;color: #fff;cursor: pointer;transition: .3s;margin-top: .5rem}
.Member_zx .right .btn:hover{background: #fff;color: #000}
@media(min-width:1025px){
    .Member_zx .w1400{display: flex;justify-content: space-between;}
    .Member_zx .left{width: 20%;}
    .Member_zx .right{width: 70%;}
}
@media(max-width:1024px){
    .Member_zx .left ul {display: flex;padding-bottom: .2rem}
    .Member_zx .left ul li{border-top: none;}
    .Member_zx .left ul li:not(:last-child){margin-right: .3rem;}
}



/* .RighInfo001108 为demo编号 */
.RighInfo001108{padding:1rem 0 1rem; width:100%;}
.RighInfo001108 .pic{ float:left; width:24%;}
.RighInfo001108 .pic img{ width:100%;}
.RighInfo001108 .txt{ float:right; width:71%; padding-right:0; color:#fff;}
.RighInfo001108 .txt h1{ font-size:0.36rem; font-weight:normal;}
.RighInfo001108 .txt dl{  padding:1% 0 1.5%; border-bottom:1px solid rgba(255,255,255,0.1);margin:2% 0;}
.RighInfo001108 .txt dd{ line-height:26px; padding:5px 0;}
.RighInfo001108 .txt p{ line-height:36px;}
.RighInfo001108 .txt .contact{ padding:3% 0;}
.RighInfo001108 .txt .contact a{ color:#fff; text-align:center; background:#093268; border-radius:5px; padding:0.1rem 0.2rem; display:inline-block;}
.RighInfo001108 .tab-tit{color:#fff;font-size:0.28rem;margin-top:0.3rem;}
.RighInfo001108 .tab{ margin-top:2%;  overflow:hidden; font-weight:bold;}
.RighInfo001108 .tab span{ cursor:pointer; display:inline-block; min-width:132px;text-align: center; line-height:40px;color:#fff;border-radius: 0.5rem;margin-right:0.2rem;}
.RighInfo001108 .tab span.on{ background-color:#093268; color:#fff;}
.RighInfo001108 .tab_info{ padding:2% 0 0;color:#fff;}
.RighInfo001108 .tab_info ul{overflow:hidden; display:none;}
.RighInfo001108 .tab_info ul li{width:18.4%;float:left;margin-right:2%;margin-bottom:2%; border:1px solid rgba(255,255,255,0.1);border-radius: 5px;padding:0.12rem 0.2rem;}
.RighInfo001108 .tab_info ul li:nth-child(5n){margin-right:0;}
.RighInfo001108 .tab_info ul li a{color:#fff;}
.RighInfo001108 .tab_info ul li:hover{background:#093268;border:1px solid #093268;}
@media(max-width:640px){
.RighInfo001108 .pic,
.RighInfo001108 .txt{ float:none; width:auto;}
.RighInfo001108 .txt{ padding-top:.3rem;}
.RighInfo001108 .tab{ margin:4% 0;}
.RighInfo001108 .tab span{ margin-right:.2rem; min-width:1.25rem;}
.RighInfo001108 .tab span:last-child{ margin-right:0;}
.RighInfo001108 .tab_info ul li:nth-child(5n),
.RighInfo001108 .tab_info ul li{ width:48%; margin-right:4%;}
.RighInfo001108 .tab_info ul li:nth-child(2n){margin-right:0;}
}

/*PicList002582 */
.PicList002582{ padding-top:2%;}
.PicList002582 li{ float:left; margin-right:2%; margin-bottom:2%;}
@media(min-width:1025px){
.PicList002582 li{ width:18.4%;}
.PicList002582 li:nth-child(5n){ margin-right:0;}
}
@media(max-width:1024px) and (min-width:641px){
.PicList002582 li{ width:32%;}
.PicList002582 li:nth-child(3n){ margin-right:0;}
}

@media(max-width:640px){
.PicList002582 li{ width:49%;}
.PicList002582 li:nth-child(2n){ margin-right:0;}
}
.PicList002582 li a{ display:block; transition:0.3s;}
.PicList002582 li .Ispic{ padding-bottom:133.34%; background-size:cover; background-color:#fff; transition:0.3s;}
.PicList002582 li .txt{ padding:8% 0 0; text-align:left;}
.PicList002582 li .txt p{ margin:0; color:#fff; font-size:16px;}

/*
 .PicList000593 为demo编号
 */
.PicList000593{ padding-top:2%;}
.PicList000593 .ul{ color:#fff;}
.PicList000593 li{ float:left; width:31.3%; margin-right:3%; position:relative; margin-bottom:3%;}
.PicList000593 li:nth-child(3n){ margin-right:0;}
.PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;}
.PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList000593 li .video_files .close::before,
.PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList000593 li .video_files .close::before{ transform:rotate(45deg);}
.PicList000593 li .video_files .close::after{ transform:rotate(-45deg);}
.PicList000593 li figure{ position:relative;}
.PicList000593 li figure em{ display:block; padding-bottom:64%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.35); }
.PicList000593 li figure a::before,
.PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList000593 li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,1);margin-left: -35px;margin-top: -35px;border-radius: 50%;}
.PicList000593 li figure a::after{width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 18px solid rgba(255,255,255,1);margin-left: -5px;margin-top: -12px;}
.PicList000593 li p{text-align:center;color:#fff;margin-top:0.15rem;}
@media(max-width:768px){
.PicList000593 li{width:49%; margin-right:2%;}
.PicList000593 li:nth-child(3n){ margin-right:2%;}
.PicList000593 li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.PicList000593 li figure a::before{width:50px;height: 50px;margin-left:-25px;margin-top:-25px;}
.PicList000593 li figure a::after{border-top-width:10px;border-bottom-width:10px;border-left-width:10px;margin-left:-5px;margin-top: -10px;}
}
@media(max-width:375px){
.PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
.PicList000593 li{width:100%; float:none; margin-right:0 !important;}
}



.Returnlist{position:fixed;top:60%;right:2%;z-index:100;}
.Returnlist a{color:#093268;font-weight:bold;width:0.7rem;height:0.7rem;text-align: center;border-radius: 50%;background:#fff; display:-webkit-flex; display:flex; align-items:center; justify-content:center; margin:.1rem 0;}
.Returnlist a:hover{background:#093268; color:#fff;}


.worldoutlook{padding:2% 0 1rem;}
.worldoutlook .box{color:#fff;margin-bottom:3%;}
.worldoutlook .box p{line-height: 1.8}
.worldoutlook .box1 .text{margin-bottom:2vw;}
.worldoutlook .box2 .item{padding-bottom:3%;margin-bottom:3%; border-bottom:1px solid rgba(255,255,255,0.1); direction:rtl;}
.worldoutlook .box2 .item:last-child{border-bottom:0;}
.worldoutlook .box2 .txt{padding-right:6%; direction:ltr;}
.worldoutlook .box2 .item:nth-child(2n){ direction:ltr;}
.worldoutlook .box2 .item:nth-child(2n) .txt{padding-left:6%; direction:ltr;}
.worldoutlook .box2 .txt h2{font-size:0.28rem; margin-bottom:0.2rem;font-family: Regular;font-weight: normal;}
.worldoutlook .box2 .txt h2:after{content:'';width:0.26rem;height: 2px;background:#093268;display: block;margin-top:0.15rem;display: none;}
.worldoutlook .box2 .pic{width:50%;}
@media(max-width:640px){
    .worldoutlook .box2 .ytable-cell{width:100%;display: block;}
    .worldoutlook .box2 .txt h2{ font-size:.22rem;}
    .worldoutlook .box2 .txt{padding:6% 0 6% 0!important;}
}

.gods{padding:2% 0 1rem;}
.gods .box{color:#fff;margin-bottom:3%;}
.gods .box p{line-height: 1.8;margin:0.1rem 0;}
.gods .box1 .text{margin-bottom:2vw;}
.gods .box1 .pic{margin-bottom:2vw;}


/*PicList002938 */
.PicList002938{padding:0 0 1rem;}
.PicList002938 ul{padding: 2vw 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.PicList002938 li .inner{padding-left: 0.6rem;}
.PicList002938 li p{color: #fff;line-height: 1.625em;margin:0.08rem 0;}
.PicList002938 li aside{font-size: 0.28rem;font-family: Regular;margin-bottom:0.2rem;}
.PicList002938 li aside a{color: #fff;}
@media(min-width:481px){
.PicList002938 ol{width: 300px;}
}
@media(max-width:640px){
.PicList002938 li .inner{padding-left: 3vw;font-size: 14px; }
.PicList002938 li aside{font-size: 16px;}
}
@media(max-width:480px){
.PicList002938 .ytable,
.PicList002938 .ytable-cell{display: block;}
.PicList002938 ul{padding: 3vw 0;}
.PicList002938 li .inner{padding: 3vw;}
}


.Tribe{padding:0 0 0.6rem;color:#fff;}
.Tribe ul{display: flex;flex-wrap: wrap;}
.Tribe ul li{width:48%;float:left;margin-right:4%;margin-bottom:4%;}
.Tribe ul li:nth-child(2n){margin-right:0;}
.Tribe ul li figure{padding-bottom:55%;background-color:#fff;}
.Tribe ul li .txt{margin-top:0.3rem;}
.Tribe ul li .txt h2{font-size:0.28rem;margin-bottom:0.1rem;font-family: Regular;font-weight: normal;}
.Tribe ul li .txt p{line-height: 1.8}

@media(max-width:1024px){
    .Tribe ul li{width:100%;margin-right:0;margin-bottom: .5rem}
}


/*PicList002949 */
.PicList002949{padding:0 0 0.5rem;}
.PicList002949 .item{margin-bottom:5%;}
.PicList002949 .item a{color:#fff;}
.PicList002949 .item a:hover{color: #fff;}
.PicList002949 .txt .inner{padding: 0 3vw 0 0vw;}
.PicList002949 .item:nth-child(2n) .txt .inner{padding:0 0 0 3vw;}
.PicList002949 .txt p{line-height: 1.8;color: #fff;margin:0.08rem 0;}
.PicList002949 .tit{font-size: 0.28rem; line-height: 1em;margin-bottom:0.3rem;font-family: Regular;}
@media(min-width:1025px){
.PicList002949 .pic{ width:550px;}
}
@media(min-width:641px) and (max-width:1024px){
.PicList002949 .pic{ width:50%;}
.PicList002949 .tit{font-size: 3vw;}
}
@media(max-width:640px){
.PicList002949 .ytable,
.PicList002949 .ytable-cell{display: block;}
.PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;}
.PicList002949 .tit{font-size: 5vw;}
}


/*
 .RighInfo002225 为demo编号
 */
.RighInfo002225{padding:0 0 1rem;}
.RighInfo002225 .item{}
.RighInfo002225 .wrap-content{}
.RighInfo002225 .item{ color:#fff; margin:0 auto; padding:15px 0; max-width:553px;}
.RighInfo002225 .item .word{margin-bottom:15px;}
.RighInfo002225 .item .pic{ text-align:center;}
.RighInfo002225 .item .tit{ margin-top:0; font-size:0.28rem; font-weight:normal;margin-bottom:0.25rem; }
.RighInfo002225 .item .con{line-height:22px; position:relative; margin:0;}
.RighInfo002225 .item .con:before{ display:none;}
.RighInfo002225 .item .con p{margin:0.08rem 0;}


@media screen and (min-width: 768px){
  .RighInfo002225 .item{ max-width:none;margin:0; padding:0;}
  .RighInfo002225 .item .word{ float:left; width:50%; text-align:left; padding-right:5%; padding-left:0; margin-bottom:0;}
  .RighInfo002225 .item .pic{ float:right; width:50%;}
  .RighInfo002225 .item.odd .word{ float:right; padding-left:5%; padding-right:0;}
  .RighInfo002225 .item.odd .pic{ float:left;}  
  .RighInfo002225 .item .word{ padding-top:40px;}   
  .RighInfo002225 .item .con{line-height:24px; padding-left:32px;} 
  .RighInfo002225 .item .con:before{ position:absolute; left:0; top:7px; height:50%; max-height:45px; width:3px; content:""; background-color:#fff; display:block;}
}
@media screen and (min-width: 1024px){
  .RighInfo002225 .item .word{ padding-top:70px;}
  .RighInfo002225 .item .con{line-height:1.8;}    
}







