#banner-index{width:100%;position:relative;height:35rem;height:100vh;}
#banner-index .section-video{position:absolute;width:100%;top:0;left:0;z-index:-1;height:100%;overflow:hidden;}
#banner-index .primary-video{backface-visibility: hidden;height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;transform: translate3d(0px, 0px, 0px);transform-style: preserve-3d;width: 100%;object-fit: cover;}
#banner-index .bottom{position:absolute;bottom:0;left:0;width:100%;border-top:3px solid #fff;height:7.2rem}
#banner-index .bottom .item{height:100%;border-left:3px solid #fff}
#banner-index .bottom .item:first-child{border-left:0}
#banner-index .bottom .item a{display:block;height:100%;-webkit-transition:background-color 1s ease;-moz-transition:background-color 1s ease;-ms-transition:background-color 1s ease;-o-transition:background-color 1s ease;transition:background-color 1s ease}
#banner-index .bottom .item a h1{color:#fff;margin:0;padding-bottom:0.71rem;font-size:1rem}
#banner-index .bottom .item a span{color:#fff;font-size:0.71rem;display:block;width:12.2rem;line-height:1.7}
#banner-index .bottom .item a>.uf{height:100%;padding:0 13%}
#banner-index .bottom .item a>.uf .arrow{padding-right:3%}
#banner-index .bottom .item a>.uf .arrow img{width:0.71rem;position:absolute}
#banner-index .bottom .item a:hover{background:rgba(0,114,216,.42)}
#banner-index .bottom .item a:hover .arrow img{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:arrowGo 1.3s infinite;animation:arrowGo 1.3s infinite}


/*wrap*/
.wrap{width: 60.23394908167046rem; margin: 0 auto;}
.wrap .list-content{padding-top: 3%; }
.wrap .list-content ul li.a{height:17.96079676776231rem;margin-bottom: 2%;overflow:hidden}
.wrap .list-content ul li.a .video{ width: 50%; float: left; position: relative;height:100%;overflow:hidden}
.wrap .list-content ul li.a .video img{width:100%;display:block;}
.wrap .list-content ul li.a .video .button{background:url("/statics/yikai/en/images/index/icon-play.png") center/100% no-repeat; width: 3.5286437657686265rem; height: 3.5286437657686265rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;cursor:pointer}
.wrap .list-content ul li.a .text{background: #fff; width: 18%; height: 90%; padding:0 3%;padding-top:3.5%;cursor:pointer}
.wrap .list-content ul li.a .text:hover{background:#EBEBEB}
.wrap .list-content ul li.a .video-information:hover{background:#FFF !important}
.wrap .list-content ul li.a .text.left{float: left;}
.wrap .list-content ul li.a .text.right{float: right;}
.wrap .list-content ul li.a .text.right .col-md-12{height:95%;}
.wrap .list-content ul li.a .text.right .col-md-12 .swiper-container{height:100%;}
.wrap .list-content ul li.a .text .title{margin-bottom: 0.2rem;  overflow: hidden;}
.wrap .list-content ul li.a .text .title span{font-size: 0.93rem; color: #2763a2; font-weight: bold;line-height:1.3;}
.wrap .list-content ul li.a .text .title a{font-size: 0.93rem; color: #2763a2; font-weight: bold;line-height:1.3;}
.wrap .list-content ul li.a .text time{margin-bottom: 1.5rem; color:#bbcada; font-size: 0.7763016284690979rem; display: inline-block;}
.wrap .list-content ul li.a .text p{font-size: 0.75rem; line-height: 1.6; margin-bottom: 1.2350253180190194rem; color: #989898;max-height: 7rem;overflow: hidden;}
.wrap .list-content ul li.a .text a.button{display: inline-block; border: 1px solid #7c909c; width: 65%; line-height:2.117186259461176rem; color: #7c909c;text-align: center; border-radius: 30px;font-size:0.7763016284690979rem}
.wrap .list-content ul li.a .text a.button:hover{color: #fff;border: 1px solid #418cff;background-color: #418cff;}
.swiper-slide{height:88%;overflow:hidden}
.wrap .list-content ul li.b{height: 18.52537977028529rem; margin-bottom: 2%;overflow:hidden}
.wrap .list-content ul li.b .pdf .title{padding-top: 7%; margin-bottom: 5%; text-align: center;font-size: 0.93rem; color: #2763a2; font-weight: bold;}
.wrap .list-content ul li.b .pdf .content{}
.wrap .list-content ul li.b .pdf .content .box{text-align:center;    font-size: 0;}
.wrap .list-content ul li.b .pdf{background: #fff; float: left; width:48%; height: 100%;padding-left:2%;}
.wrap .list-content ul li.b .pdf .list{display:inline-block; border: 1px solid #dfdfdf;border-radius:2px; width: 30%; height:11.856243052982586rem; background:url("/statics/yikai/en/images/index/icon-pdf.png") right bottom/2.2936184477496075rem no-repeat;margin:0 1%;box-shadow: 0px 0px 0.07057287531537254rem 0px #DADADA;overflow:hidden;box-sizing:border-box;float:left}
.wrap .list-content ul li.b .pdf .list:hover{border-color: #418cff;}
.wrap .list-content ul li.b .pdf .list a{display: block;overflow:hidden;vertical-align:top;height:100%}
.wrap .list-content ul li.b .pdf .list a .img{width: 3.4227844527955678rem; height: 3.4227844527955678rem; margin: 1rem auto;margin-bottom:0.4rem; border-radius: 100%; overflow: hidden;}
.wrap .list-content ul li.b .pdf .list a .img img{width: 100%; height: 100%;}
.wrap .list-content ul li.b .pdf .list a .name{text-align: center; color: #9C9C9C; font-size: 0.7057287531537253rem; margin-bottom: 0.4114575063074506rem;}
.wrap .list-content ul li.b .pdf .list a b{display: block; text-align: center; color: #102039; margin-bottom: 0.3rem;    font-size: 0.7763016284690979rem;}
.wrap .list-content ul li.b .pdf .list a p{margin: 0 0.6351558778383528rem; color: #9C9C9C; text-align: center; font-size: 0.6351558778383528rem;line-height:1.4;}
.wrap .list-content ul li.b .pdf .list:last-child{margin-right:0;}

.wrap .list-content ul li.b>.img{float: right; position: relative;width:50%;overflow:hidden}
.wrap .list-content ul li.b>.img img{width:100%;display:block;-webkit-transition-duration: .75s;-webkit-transition-property: transform,opacity;-webkit-transition-delay: 0s;-webkit-transition-timing-function: 'ease-in-out';transition-duration: .75s;transition-property: transform,opacity;transition-delay: 0s;transition-timing-function: 'ease-in-out';}
.wrap .list-content ul li.b>.img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);opacity: .9;}
.wrap .list-content ul li.b>.img .content_text{position: absolute; top: 35%; text-align: center; color: #fff; width:100%;font-size: 1.340884630992078rem;font-weight:bold}
.wrap .list-content ul li.b>.img .content_text span{display: block; font-size: 0.7763016284690979rem; margin-bottom: 0.7763016284690979rem;font-weight:normal}
.wrap .list-content ul li.b>.img .content_text a{ border: 1px solid #fff; width: 29%; line-height:2.117186259461176rem; color: #fff;text-align: center; border-radius: 30px; font-size: 0.7763016284690979rem; display: block; margin:0 auto; margin-top: 1.4114575063074506rem; background: rgba(255,255,255,0.15);}
.wrap .list-content ul li.b>.img .content_text a:hover{color: #fff;border: 1px solid #418cff;background-color: #418cff;}

.wrap .list-content ul li.c{height:32.851673459305914rem; margin-bottom: 2%;overflow:hidden}
.wrap .list-content ul li.c .content_text{position: relative; float: left; width: 48%;}
.wrap .list-content ul li.c .content_text>a{display:block;overflow: hidden;}
.wrap .list-content ul li.c .content_text .bg{width:100%;display:block;-webkit-transition-duration: .75s;-webkit-transition-property: transform,opacity;-webkit-transition-delay: 0s;-webkit-transition-timing-function: 'ease-in-out';transition-duration: .75s;transition-property: transform,opacity;transition-delay: 0s;transition-timing-function: 'ease-in-out';}
.wrap .list-content ul li.c .content_text>a:hover .bg{transform: scale(1.05);-webkit-transform: scale(1.05);opacity: .9;}
.wrap .list-content ul li.c .content_text .text{position: absolute; top: 48%; left: 1.7643218828843132rem; width:58%; bottom: 1.587889694595882rem; color: #fff;line-height:1.4;}
.wrap .list-content ul li.c .content_text .text .title{font-size: 0.93rem; margin-bottom: 0.3rem;font-weight:bold}
.wrap .list-content ul li.c .content_text .text .time{font-size: 0.7763016284690979rem; margin-bottom: 1.4114575063074506rem;}
.wrap .list-content ul li.c .content_text .text p{ font-size: 0.7763016284690979rem; line-height: 1.4;}
.wrap .list-content ul li.c .content_text .user{position: absolute; width: 100%; bottom: 0; }
.wrap .list-content ul li.c .content_text .user .img{width: 2.2936184477496075rem; height: 2.2936184477496075rem; border-radius: 100%; overflow: hidden; margin-right: 0.35286437657686265rem; float: left;}
.wrap .list-content ul li.c .content_text .user .img img{width: 100%; height: 100%;}
.wrap .list-content ul li.c .content_text .user .name{ line-height: 2.2936184477496075rem; font-size: 0.7057287531537253rem;}

.wrap .list-content ul li.c .video{float: right; width: 50%; height: 100%; background: #fff;cursor:pointer}
.wrap .list-content ul li.c .video:hover{background:#EBEBEB}
.wrap .list-content ul li.c .video-information:hover{background:#FFF !important}
.wrap .list-content ul li.c .video .video_box{position: relative;}
.wrap .list-content ul li.c .video .video_box img{display:block;width:100%;}
.wrap .list-content ul li.c .video .video_box .button{background:url("/statics/yikai/en/images/index/icon-play.png") center/100% no-repeat; width: 3.5286437657686265rem; height: 3.5286437657686265rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;cursor:pointer}
.wrap .list-content ul li.c .video .box{padding:2.4700506360380388rem 1.7643218828843132rem;}
.wrap .list-content ul li.c .video .box .title{margin-bottom: 0.2rem;}
.wrap .list-content ul li.c .video .box .title span{font-size: 0.93rem; color: #2763a2; font-weight: bold;}
.wrap .list-content ul li.c .video .box .title a{font-size: 0.93rem; color: #2763a2; font-weight: bold;}
.wrap .list-content ul li.c .video .box .time{margin-bottom: 0.9rem; color:#BBCADA; font-size: 0.7057287531537253rem; display: inline-block;}
.wrap .list-content ul li.c .video .box p{font-size: 0.7763016284690979rem; margin-bottom: 1.4114575063074506rem; color: #9B9B9B;}
.wrap .list-content ul li.c .video .box a.button{display: inline-block; border: 1px solid #7c909c; width: 28%; line-height:2.117186259461176rem; color: #7c909c;text-align: center; border-radius: 30px;font-size:0.7763016284690979rem}

.wrap .list-content ul li.d{height: 17.96079676776231rem; margin-bottom: 2%;overflow:hidden}
.wrap .list-content ul li.d .video{height: 100%; width: 50%; float: right; position: relative;overflow:hidden}
.wrap .list-content ul li.d .video img{display:block;width:100%;}
.wrap .list-content ul li.d .video .button{background:url("/statics/yikai/en/images/index/icon-play.png") center/100% no-repeat; width: 3.5286437657686265rem; height: 3.5286437657686265rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;cursor:pointer}
.wrap .list-content ul li.d .text{background: #fff; width: 18%; height: 9.35090597928686rem; padding:3% 3%; float: left;height:80%;cursor:pointer}
.wrap .list-content ul li.d .text:hover{background:#EBEBEB}
.wrap .list-content ul li.d .video-information:hover{background:#FFF !important}
.wrap .list-content ul li.d .text:last-child{margin-left: 2%;}
.wrap .list-content ul li.d .text.blue{background: #5ea3ff; margin-right: 2%; }
.wrap .list-content ul li.d .text .title{margin-bottom: 0.5rem;}
.wrap .list-content ul li.d .text.blue .title{margin-bottom: 1.7643218828843132rem;}
.wrap .list-content ul li.d .text .title{font-size: 0.93rem; color: #2763a2; font-weight: bold;}
.wrap .list-content ul li.d .text time{margin-bottom: 1.4114575063074506rem; color:#bccbdb; font-size: 0.7763016284690979rem; display: inline-block;}
.wrap .list-content ul li.d .text p{font-size: 0.7763016284690979rem; line-height: 1.6; margin-bottom: 0.7057287531537253rem; color: #989898;}
.wrap .list-content ul li.d .text a.button{display: inline-block; border: 1px solid #7c909c; width: 4.587236895499215rem; line-height:1.4114575063074506rem; color: #7c909c;text-align: center; border-radius: 20px;}
.wrap .list-content ul li.d .text a.more{display: inline-block; border: 1px solid #7c909c; width: 7.41rem; line-height:2.117186259461176rem; color: #7c909c;text-align: center; border-radius: 30px;font-size:0.7763016284690979rem;margin-top: 1.5rem;}

.wrap .list-content ul li.d .text.blue time{color: #fff;}
.wrap .list-content ul li.d .text.blue p{color: #fff;}
.wrap .list-content ul li.d .text.blue .col-md-12{}
.wrap .list-content ul li.d .text.blue .col-md-12 .swiper-container{padding-bottom: 38%;}
.wrap .list-content ul li.d .text.blue .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}


/*关于ng电子游戏*/

.join .top{overflow:hidden;height:25.406235113534112rem;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}
.join .top .topBox{overflow:hidden;width:90%;margin:0 auto;padding:8.5% 0 0 0;}
.join .top .topBox .left{float:left;padding:1.058593129730588rem 6%;width:31%;}
.join .top .topBox .left h2{font-size:1.9054676335150584rem;font-weight:700;text-align:left;color:#fff;padding-bottom:1.340884630992078rem}
.join .top .topBox .left span{font-size:0.7763016284690979rem;line-height:1.79;text-align:left;color:#fff;display:block}
.join .top .topBox .left a{display:block;color:#fff;width:66%;font-size:0.7763016284690979rem;border-radius:30px;background-color:#5ea3ff;text-align:center;line-height:2.117186259461176rem;font-weight:400;cursor:pointer;margin-top:2.117186259461176rem}
.join .top .topBox .left a:hover{background:#5390E2;color:white}
.join .top .topBox .right{float:right;width:50%;position:relative}
.join .top .topBox .right img{width:100%;display:block}
.join .top .topBox .right .button{background:url(/statics/yikai/en/images/index/icon-play.png) center/100% no-repeat;width:3.5286437657686265rem;height:3.5286437657686265rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer}


/* contact */
.contact { position:relative; width:100%; padding:2.117186259461176rem 0; text-align:center; background-color: #102039;overflow:hidden}
.contact ul { position:relative; display:block; }
.contact ul:after { content:"."; clear:both; display:block; height:0; font-size:0; visibility:hidden; }
.contact ul li { position:relative; z-index:1; float:left; width:33.3%; height:100%; }

.contact-pic { position:absolute; left:50%; top:0; width:100%; height:100%; pointer-events:none; opacity:0; 
-webkit-transition-duration:.45s; 
-webkit-transition-property:opacity; 
-webkit-transition-delay:0s; 
-webkit-transition-timing-function:"ease-in-out"; 
-webkit-transform:translate(-50%, 0); 
-webkit-backface-visibility:hidden; 
transition-duration:.45s;
transition-property:opacity; 
transition-delay:0s; 
transition-timing-function:"ease-in-out"; 
transform:translate(-50%, 0); 
backface-visibility:hidden; 
}
.contact-pic .mask { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#0C192F; overflow:hidden; }
.contact-pic .mask img { position:relative; left:0; top:0; height:100%; }

.contact-text { position:relative; z-index:1; height:14.114575063074506rem; color:rgba(255,255,255,0.4); 
-webkit-transition-duration:.45s; 
-webkit-transition-property:color; 
-webkit-transition-delay:0s; 
-webkit-transition-timing-function:"ease-in-out"; 
transition-duration:.45s;
transition-property:color; 
transition-delay:0s; 
transition-timing-function:"ease-in-out"; 
}
.contact-text h3 { position:relative; padding:15% 0 0.6351558778383528rem; font-size:0.93rem; line-height:200%; }
.contact-text h3:after { content:""; position:absolute; bottom:0; left:50%; width:2.0466133841458034rem; height:1px; margin-left:-1.0233066920729017rem; background-color:rgba(255,255,255,0.2); 
-webkit-transition-duration:.45s; 
-webkit-transition-property:background-color; 
-webkit-transition-delay:0s; 
-webkit-transition-timing-function:"ease-in-out"; 
transition-duration:.45s;
transition-property:background-color; 
transition-delay:0s; 
transition-timing-function:"ease-in-out"; 
}
.contact-text p { margin-top:1.2350253180190194rem; font-size:0.6351558778383528rem; line-height:180%; }
.contact-text p span { display:block; }

.contact ul li.active { z-index:2; }
.contact ul li.active h3{color:rgba(255, 255, 255, 0.8);}
.contact ul li.active .contact-pic { opacity:0.6; }
.contact ul li.active .contact-text { color:rgba(255,255,255,1); }
.contact ul li.active .contact-text h3:after { background-color:rgba(255,255,255,0.5); }


.footer-split{background:#102039}
.footer-split .line{border-top: 1px solid #3a475c;margin: 0 5.2%;}






@media screen and (max-width: 817px) {
    #banner-index .section-video video{display:none;visibility:hidden}
    #banner-index .section-video{background:url(/statics/yikai/en/images/index/banner.jpg) no-repeat center;background-size:cover}
    #banner-index .bottom{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;border-top-width:1px;}
    #banner-index .bottom .item{width:100%;height:5rem;border-bottom:1px solid #fff;border-left:0}
    #banner-index .bottom .item:last-child{border-bottom:0}
    #banner-index .bottom .item a>.uf{padding:0 6%;padding-left:6%}
    #banner-index .bottom .item a h1{font-size:1rem;    padding-bottom: 0.31rem;}
    #banner-index .bottom .item a span{font-size:0.75rem;white-space:nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
    #banner-index .bottom .item a>.uf .arrow{margin-top:-0%}
    .anim{transform:translate(0,0);backface-visibility:hidden;-webkit-transform:translate(0,0);-webkit-backface-visibility:hidden;opacity:1}
    /*wrap*/
    .wrap{width: 100%;}
    
    .wrap .list-content ul li.a{margin-bottom: 0; height: auto; overflow: hidden;}
    .wrap .list-content ul li.a .video{height: auto; width: 100%; position: relative;overflow:hidden;background: white;}
    .wrap .list-content ul li.a .video img{width: 100%; display: block;}
    .wrap .list-content ul li.a .video .button{background:url("/statics/yikai/en/images/index/icon-play.png") center/100% no-repeat; width: 3rem; height: 3rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
    .wrap .list-content ul li.a .text{width: auto; background: #fff;  padding:8% 5%; margin-bottom: 0.5rem; clear: both;padding-bottom:5%;}
    .wrap .list-content ul li.a .text.left{float: none;}
    .wrap .list-content ul li.a .text.right{float: none;}
    .wrap .list-content ul li.a .text.right .col-md-12{height:100%;}
    .wrap .list-content ul li.a .text.right .col-md-12 .swiper-container{}
    .wrap .list-content ul li.a .text.right .col-md-12 .swiper-wrapper{padding-bottom:5%;}
    .wrap .list-content ul li.a .text.right .col-md-12 .swiper-pagination{bottom: -0.3rem;}
    .swiper-pagination-bullet{width:8px;height:8px}
    .wrap .list-content ul li.a .text .title{margin-bottom: 0.5595829987493319rem; line-height: 0.6994787484366649rem;}
    .wrap .list-content ul li.a .text .title span{font-size: 1.1rem; color: #2763a2; font-weight: bold;}
    .wrap .list-content ul li.a .text .title a{font-size: 1.1rem; color: #2763a2; font-weight: bold;}
    .wrap .list-content ul li.a .text time{margin-bottom: 0.8393744981239979rem; color:#bccbdb; font-size: 0.8rem; display: inline-block;}
    .wrap .list-content ul li.a .text p{font-size: 0.8rem; line-height: 1.6; margin-bottom: 0.8393744981239979rem; color: #989898;}
    .wrap .list-content ul li.a .text a.button{display: inline-block; border: 1px solid #7c909c; width: 35%; line-height:1.9585404956226617rem; color: #7c909c;text-align: center; border-radius: 35px;font-size:0.7834161982490647rem}

    .wrap .list-content ul li.b{height: auto; margin-bottom: 0.5rem;}
    .wrap .list-content ul li.b .pdf .title{padding-top: 0; margin-bottom: 1.1191659974986639rem; text-align: center;font-size: 1.0072493977487975rem; color: #2763a2; font-weight: bold; }
    .wrap .list-content ul li.b .pdf{background: #fff; float: none; width:100%;  margin-bottom: 0.5rem;padding:8% 0;}
    .wrap .list-content ul li.b .pdf .content{overflow-x: auto; width:100%;height:11.891138723423303rem}
    .wrap .list-content ul li.b .pdf .content .box{width: 133%; overflow:hidden;height:99%;}
    .wrap .list-content ul li.b .pdf .content .box .list{float: left; border: 1px solid #e2e2e2; width: 31.5%; margin-right: 0; /*margin-left: 2.5%;*/   height:100%; background:url("/statics/yikai/en/images/index/icon-pdf.png") right bottom/2.098436245309995rem no-repeat;box-sizing:border-box}
    .wrap .list-content ul li.b .pdf .content .box .list a{display: block;}
    .wrap .list-content ul li.b .pdf .content .box .list a .img{width: 3.4414354423083915rem; height: 3.4414354423083915rem; margin: 0.9792702478113309rem auto 0.5595829987493319rem auto; border-radius: 100%; overflow: hidden;}
    .wrap .list-content ul li.b .pdf .content .box .list a .img img{width: 100%; height: 100%;}
    .wrap .list-content ul li.b .pdf .content .box .list a .name{text-align: center; color: #a9a9a9; font-size: 0.7834161982490647rem; margin-bottom: 0.1191659974986639rem;}
    .wrap .list-content ul li.b .pdf .content .box .list a b{display: block; text-align: center; color: #0d1e37; margin-bottom: 0.5rem;    font-size: 0.7834161982490647rem;}
    .wrap .list-content ul li.b .pdf .content .box .list a p{margin: 0 14%; color: #a4a4a4; text-align: center; font-size: 0.7rem;}

    .wrap .list-content ul li.b>.img{float: none; position: relative; height: auto; overflow: hidden;width:100%;}
    .wrap .list-content ul li.b>.img img{width: 100%; display: block;}
    .wrap .list-content ul li.b>.img .content_text{position: absolute; text-align: center; color: #fff; width:100%;font-size: 0.9512910978738643rem;top:28%}

    
    .wrap .list-content ul li.b>.img .content_text span{display: block; font-size: 0.85rem; margin-bottom: 0.8393744981239979rem;}
    .wrap .list-content ul li.b>.img .content_text a{ border: 1px solid #fff; width: 40%; line-height:2.2rem; color: #fff;text-align: center; border-radius: 35px; font-size: 0.8rem; display: block; margin:0 auto; margin-top: 1.3989574968733298rem; background: rgba(255,255,255,0.15);}

    .wrap .list-content ul li.c{height:auto; margin-bottom: 0.5rem; overflow: hidden;}
    .wrap .list-content ul li.c .content_text{position: relative; width: 100%;overflow: hidden;margin-bottom: 0.5rem; }
    .wrap .list-content ul li.c .content_text img{width: 120%; height: 100%; display: block;}
    .wrap .list-content ul li.c .content_text .text{position: absolute; top: 10rem; left: 5%; bottom: 8%; color: #fff;width:85%;}
    .wrap .list-content ul li.c .content_text .text .title{font-size: 1.0072493977487975rem; margin-bottom: 0.5595829987493319rem;}

    .wrap .list-content ul li.c .content_text .text .time{font-size: 0.7834161982490647rem; margin-bottom: 0.9792702478113309rem;}
    .wrap .list-content ul li.c .content_text .text p{ font-size: 0.8rem; line-height: 1.4;}
    .wrap .list-content ul li.c .content_text .user{height: 2.2383319949973277rem; position: absolute; width: 100%; bottom: 0; }
    .wrap .list-content ul li.c .content_text .user .img{width: 2.2383319949973277rem; height: 2.2383319949973277rem; border-radius: 100%; overflow: hidden; margin-right: 0.5595829987493319rem; float: left;}
    
    .wrap .list-content ul li.c .content_text .user .name{ line-height: 2.2383319949973277rem; font-size: 0.8rem;}

    .wrap .list-content ul li.c .video{float: none; width: 100%; height: auto; background: #fff; clear: left;}
    .wrap .list-content ul li.c .video .video_box{height: auto; width: 100%; position: relative;}
    .wrap .list-content ul li.c .video .video_box img{width: 100%; display: block;}
    .wrap .list-content ul li.c .video .video_box .button{background:url("/statics/yikai/en/images/index/icon-play.png") center/100% no-repeat; width: 3rem; height: 3rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
    .wrap .list-content ul li.c .video .box{padding:8% 5%;}
    .wrap .list-content ul li.c .video .box .title{margin-bottom: 0.5595829987493319rem;}
    .wrap .list-content ul li.c .video .box .title span{font-size: 1.1rem; color: #2763a2; font-weight: bold;}
    .wrap .list-content ul li.c .video .box .title a{font-size: 1.1rem; color: #2763a2; font-weight: bold;}
    .wrap .list-content ul li.c .video .box .time{margin-bottom: 0.8393744981239979rem; color:#bccbdb; font-size: 0.8rem; display: inline-block;}
    .wrap .list-content ul li.c .video .box p{font-size: 0.8rem; margin-bottom: 1.1191659974986639rem; color: #989898;}
    .wrap .list-content ul li.c .video .box a.button{display: inline-block; border: 1px solid #7c909c; width: 35%; line-height:2.2rem; color: #7c909c;text-align: center; border-radius: 35px;font-size:0.7834161982490647rem}

    .wrap .list-content ul li.d{height: auto; margin-bottom: 0;}
    .wrap .list-content ul li.d .video{height: auto; width:100%; position: relative; margin-bottom: 0rem;}
    .wrap .list-content ul li.d .video img{width: 100%; display: block;}
    .wrap .list-content ul li.d .video .button{background:url("/statics/yikai/en/images/index/icon-play.png") center/100% no-repeat; width: 3rem; height: 3rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
    .wrap .list-content ul li.d .text{background: #fff; width: auto; height: auto; padding:8% 5%; float: none; clear: both; margin-bottom: 0.5rem;}
    .wrap .list-content ul li.d .text:last-child{margin-left:0}
    .wrap .list-content ul li.d .text.blue{background: #5ea3ff; margin-right: 0; padding-bottom:10%;}
    .wrap .list-content ul li.d .text .title{margin-bottom: 0.6994787484366649rem;margin-top:0.6994787484366649rem; font-size: 1.1rem; color: #2763a2; font-weight: bold;}
    .wrap .list-content ul li.d .text .title img{width: 1.3989574968733298rem;}
    .wrap .list-content ul li.d .text.blue .title img{width:1.3989574968733298rem}
    .wrap .list-content ul li.d .text time{margin-bottom: 0.5595829987493319rem; color:#bccbdb; font-size: 0.8rem; display: inline-block;}
    .wrap .list-content ul li.d .text p{font-size: 0.8rem; margin-bottom: 2.2383319949973277rem; color: #989898;line-height:1.6;}
    .wrap .list-content ul li.d .text a.button{display: inline-block; border: 1px solid #7c909c; width: 3.6372894918706575rem; line-height:2.2rem; color: #7c909c;text-align: center; border-radius: 20px;}
    .wrap .list-content ul li.d .text a.more{line-height:2.2rem}
    .wrap .list-content ul li.d .text.blue time{color: #fff;font-size:0.7274578983741316rem;margin-bottom:5%;}
    .wrap .list-content ul li.d .text.blue p{color: #fff;font-size:0.7274578983741316rem;line-height: 1.5;}
    .wrap .list-content ul li.d .text.blue .col-md-12 .swiper-container{padding-bottom:5%;}
    /*join*/
    .join .top .topBox{width:auto;padding:1.9585404956226617rem 0 0 0;}
    .join .top{height:auto}
    .join .top .topBox .left{float:none;width:100%;padding:0;}
    .join .top .topBox .left h2{text-align:center;font-size:1.1191659974986639rem;}
    .join .top .topBox .left span{font-size:0.7834161982490647rem;line-height:1.4;text-align:center;color:#fff;display:block;width:auto;padding:0 8%;}
    .join .top .topBox .left a{display:block;color:#fff;width:80%;border-radius:40px;background-color:#5ea3ff;text-align:center;line-height:2.2383319949973277rem;font-weight:400;cursor:pointer;font-size:0.7834161982490647rem;margin:1.3989574968733298rem auto 2.7979149937466596rem}
    .join .top .topBox .right{float:none;width:auto;margin:0 40px 60px}
    .join .top .topBox .right .button{width:3rem;height:3rem}
    /*contact*/
    .contact { position:static; width:100%; margin-top:0.41968724906199895rem; padding:0; text-align:left; background-color:#f5f5f5; }
    .contact ul { position:static; }
    .contact ul li { position:static; z-index:1; float:none; width:100%; height:auto; margin-bottom:0.41968724906199895rem; background-color:#fff; }
    .contact-pic { position:static; left:auto; top:auto; width:100%; height:auto; pointer-events:none; opacity:1; 
    -webkit-transition-duration:0s; 
    -webkit-transition-property:opacity; 
    -webkit-transition-delay:0s; 
    -webkit-transition-timing-function:"ease-in-out"; 
    -webkit-transform:none; 
    -webkit-backface-visibility:hidden; 
    transition-duration:0s;
    transition-property:opacity; 
    transition-delay:0s; 
    transition-timing-function:"ease-in-out"; 
    transform:none; 
    backface-visibility:hidden; 
    }
    .contact-pic .mask { position:static; left:auto; top:auto; width:100%; height:auto; background-color:transparent; overflow:hidden; }
    .contact-pic .mask img { position:static; left:auto; top:auto; width:100%; height:auto; }
    .contact-text { position:static; z-index:1; height:auto; padding:6% 5% 7%; color:#989898; 
    -webkit-transition-duration:0s; 
    -webkit-transition-property:color; 
    -webkit-transition-delay:0s; 
    -webkit-transition-timing-function:"ease-in-out"; 
    transition-duration:0s;
    transition-property:color; 
    transition-delay:0s; 
    transition-timing-function:"ease-in-out"; 
    }
    .contact-text h3 { position:static; padding:0; font-size:1rem; color:#66767f; line-height:150%; }
    .contact-text h3:after { display:none; }
    .contact-text p { margin-top:0.41968724906199895rem; font-size:0.8rem; color:#8d9fa9; line-height:160%; }
    .contact ul li.active .contact-pic { opacity:1; }
}




/* 横屏样式 */
@media all and (orientation : landscape) and (max-width:800px) {
    #banner-index {
        height: 250vh;
    }
}









































































































































<!--耗时1752896555.4375秒-->