@charset "utf-8";

/* layout */
.viewport { width:100%; }
.wrapper { margin:0 5.2%; }


/* header */
.header { position:absolute; z-index:99; top:2.25rem; left:5.2%; width:89.6%; height:2rem; color:#fff; }
.header .logo { float:left; width:16%; }
.header .logo a { display:block; width:100%; height:2rem; background:url("/statics/yikai/en/images/logo_1x.png") no-repeat center / 100% auto; }
.header .logo span { display:none; }
.header .head { height:2rem; margin-left:21.45%; }
.header .btn-language { display:block; width:1.15rem; height:1.15rem; margin:0 auto; text-indent:-9999rem; background:url("/statics/yikai/en/images/icon/language_1x.png") no-repeat center / contain; overflow:hidden; }
.header .btn-search { position:absolute; top:0.35rem; right:0; width:1.15rem; height:1.15rem; text-indent:-9999rem; background:url("/statics/yikai/en/images/icon/search_1x.png") no-repeat center / contain; overflow:hidden; }
.header .btn-search-active { background-image:url("/statics/yikai/en/images/icon/cancel_white_1x.png"); }
.header .btn-nav { display:none; }
.header .nav li { position:relative; float:left; }
.header .nav li h2 { position:relative; font-weight:normal; }
.header .nav li h2:after { content:""; position:absolute; top:50%; right:0; width:1px; height:0.8rem; margin-top:-0.4rem; background-color:rgba(255,255,255,0.8); }
.header .nav li:last-child h2:after { display:none; }
.header .nav li h2 a { position:relative; display:block; font-size:0.9rem; padding:0 2.25rem; color:#fff; line-height:2rem; }
.header .nav li h2 a span:after { content:""; display:block; width:0; height:1px; margin:0 auto; background-color:#fff; 
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.header .nav li.active h2 a span:after { width:100%; }
.header .nav li .sub { display:none; position:absolute; top:2rem; left:0; width:100%; padding-top:0.5rem; font-size:0.7rem; }
.header .nav li .sub li { float:none; line-height:1.8rem; text-indent:2.25rem; }
.header .nav li .sub li a { color:#fff;white-space: nowrap; }
.header .nav li.active .sub { display:block; }
.header .language { position:absolute; top:0; right:1.3rem; width:5.9rem; height:2.75rem; padding-top:0.35rem; }
.header .language .sub { display:none; position:absolute; left:-1.3rem; top:2.75rem; width:8.5rem; padding:0.75rem 0; font-size:0.7rem; line-height:1.8rem; background-color:#fff; }
.header .language .sub li { padding:0 0.5rem 0 2rem; }
.header .language .sub li a { position:relative; display:inline-block; }
.header .language .sub li a:hover:after { content:""; position:absolute; top:1.7rem; left:0; width:100%; height:1px; background-color:#418cff; }
.header .language-active .btn-language { opacity:0.6; }
.header .language-active .sub { display:block; }
.header .search { /*display:none;*/overflow:hidden; position:relative; float:left; height:0;    opacity: 0;
    -webkit-transition: opacity .3s ease-in,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-in,transform .3s ease-out; }
/*.header .search:before { content:""; position:absolute; top:50%; left:2.25rem; width:1px; height:1.3rem; margin-top:-0.65rem; background-color:rgba(255,255,255,0.3); }*/
.header .search-keywords { width:28rem; height:2rem; padding-left:2rem; font-size:0.8rem; border:none; border-bottom:1.5px solid rgba(255,255,255,0.8); background:none; box-sizing:border-box}
.header .search-button { position:absolute; left:0; top:0.35rem; width:1.15rem; height:1.15rem; text-indent:-9999em; border:none; background:url("/statics/yikai/en/images/icon/search_1x.png") no-repeat center / cover; overflow:hidden; }

.header-active .nav,
.header-active .language { display:none; }
.header-active .search { /*display:block;*/height:2rem; opacity:1;    margin-left: 2rem;}

/* video-model */
.video-model {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.80);
    z-index: 999;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.video-model .box{width:51.97rem;margin:0 auto;background:#000000;height:29.48rem;position:absolute;top:50%;margin-top:-14.74rem;left:50%;margin-left:-25.985rem;overflow: hidden;}
.video-model .full-screen{width: 100%;left: 0;margin-left: 0;height: 100%;top: 0;margin-top: 0;}
.video-model .box h5{height:3.26rem;position:absolute;width:100%;left:0;top:0;background-image: linear-gradient(0deg, rgba(0,0,0,0.00) 3%, rgba(0, 0, 0, 0.4) 100%);line-height:3.26rem;color:white;text-indent:1.16rem;z-index:999}
.video-model .box span{float:left}
.video-model .box .btn-close{width:1.2rem;height:1.2rem;float:right;background:url(/statics/yikai/en/images/icon/cancel_white_2x.png) no-repeat center;background-size:contain;border:0;margin-top:1.02rem;margin-right:1.02rem;cursor:pointer}
.video-model video{/*object-fit: cover;*/width: 100%;height: 100%;}
.video-model .btn-play{width:3.35rem;height:3.35rem;position:absolute;position: absolute;background: url(/statics/yikai/en/images/icon/play_1x.png) no-repeat center;background-size: auto auto;background-size: cover;z-index: 9999;left:50%;top:50%;margin-left:-1.675rem;margin-top:-1.675rem;cursor:pointer}
.video-model .video-controls{height:3.03rem;position:absolute;bottom:0;left:2%;width:96%;}
.video-model .video-controls .progress{height:3px;background:#6d7279;position:relative;border-radius:2px;overflow:hidden}
.video-model .video-controls .progress i {position: absolute;height: 100%;background: #f52714;left: 0;top: 0;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.video-model .video-controls .btns{}
.video-model .video-controls .btns div{position:absolute;bottom:0.83rem;width:1.1rem;height:1.1rem;background-size:contain;background-position:center;background-repeat:no-repeat;cursor:pointer}
.video-model .video-controls .btns div.play-i{background-image:url(/statics/yikai/en/images/icon/icon-play.png)}
.video-model .video-controls .btns div.pause-i{background-image:url(/statics/yikai/en/images/icon/icon-pause.png)}
.video-model .video-controls .btns div.audio-i{background-image:url(/statics/yikai/en/images/icon/icon-audio.png);left:2rem}
.video-model .video-controls .btns div.audio-no-i{background-image:url(/statics/yikai/en/images/icon/icon-no-audio.png);}
.video-model .video-controls .btns div.time-i{left:4rem;color:white;min-width:5.5rem;line-height:1.1rem;font-size:0.7rem;cursor:default}
.video-model .video-controls .btns div.time-i span{float:none}
.video-model .video-controls .btns div.full-i{background-image:url(/statics/yikai/en/images/icon/icon-full.png);right:0}
.video-model .video-controls .btns div.full-no-i{background-image:url(/statics/yikai/en/images/icon/icon-no-full.png);}

@media only screen and (min-width: 817px){
    .header-black .header a {color:#67767F!important}
    .header-black .header .logo a {background: url(/statics/yikai/en/images/logo_b_1x.png) no-repeat center / 100% auto;}
    .header-black .header .btn-language{background: url(/statics/yikai/en/images/icon/language_b_1x.png) no-repeat center / contain;}
    .header-black .header .nav li h2:after {background-color: rgba(103, 118, 127, 0.8);}
    .header-black .header .nav li h2 a span:after{background-color: rgba(103, 118, 127, 0.61);}
    .header-black .header .btn-search{background: url(/statics/yikai/en/images/icon/search_b_1x.png) no-repeat center / contain;}
    .header-black .header .search-keywords{border-bottom: 1.5px solid rgba(103, 118, 127, 0.81);color:#67767F}
    .header-black .header .search-button{background: url(/statics/yikai/en/images/icon/search_b_1x.png) no-repeat center / cover;}

    .header-black .header .search-keywords::-webkit-input-placeholder{ color: #67767F}
    .header-black .header .search-keywords:-moz-placeholder{color: #67767F}
    .header-black .header .search-keywords::-moz-placeholder{ color: #67767F}
    .header-black .header .search-keywords:-ms-input-placeholder{ color: #67767F}
    .header-black .header .btn-search-active{background-image: url(/statics/yikai/en/images/icon/cancel_black_1x.png);}
    .header-black .header .language .sub{    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
}

/* banner */
.banner {
    height: 16.75rem;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0,0,0,1);
}
.banner .wrapper { padding-top:7.25rem; }
.banner h3 { font-size:1.35rem; font-weight:normal; color:#fff; line-height:150%; }
.banner p { margin:0.6rem 0; font-size:0.8rem; line-height:150%; }
.banner-about { background-image:url("/statics/yikai/en/images/banner/about_1x.jpg"); }
.banner-news { background-image:url("/statics/yikai/en/images/banner/news_1x.jpg"); }
.banner-business { background-image:url("/statics/yikai/en/images/banner/business_1x.jpg"); }
.banner-join { background-image:url("/statics/yikai/en/images/banner/join.jpg"); }


/* category */
.category { position:relative; z-index:9; height:4.3rem; margin-top:-2.15rem; }
.category .category-list { margin:0 5.2%; }
.category .category-list ul { box-shadow:0 4px 8px rgba(0,0,0,0.06); background-color:rgba(255,255,255,1); }
.category .category-list ul li { float:left; width:25%; text-align:center; }
.category .category-list a { display:block; height:3.7rem; padding-top:0.6rem; }
.category .category-list a span { display:block; margin-top:0.25rem; font-size:0.8rem; color:#858d9c; line-height:150%; }
.category .category-list a:hover span,
.category .category-list .active a span { color:#418cff; }

.category .category-list-1 ul li { width:100%; }
.category .category-list-2 ul li { width:50%; }
.category .category-list-3 ul li { width:33.33%; }
.category .category-list-4 ul li { width:25%; }
.category .category-list-5 ul li { width:20%; }
.category .category-list-6 ul li { width:16.66%; }


/* pc & mobile common icon */
.category-list .cat-icon { display:block; width:1.5rem; height:1.5rem; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover; }

.category-list .cat-icon-01 { background-image:url("/statics/yikai/en/images/icon/cat_01_1x.png"); }
.category-list .cat-icon-02 { background-image:url("/statics/yikai/en/images/icon/cat_02_1x.png"); }
.category-list .cat-icon-03 { background-image:url("/statics/yikai/en/images/icon/cat_03_1x.png"); }
.category-list .cat-icon-04 { background-image:url("/statics/yikai/en/images/icon/cat_04_1x.png"); }

.category-list .cat-icon-11 { background-image:url("/statics/yikai/en/images/icon/cat_11_1x.png"); }
.category-list .cat-icon-12 { background-image:url("/statics/yikai/en/images/icon/cat_12_1x.png"); }
.category-list .cat-icon-13 { background-image:url("/statics/yikai/en/images/icon/cat_13_1x.png"); }
.category-list .cat-icon-14 { background-image:url("/statics/yikai/en/images/icon/cat_14_1x.png"); }

.category-list .cat-icon-21 { background-image:url("/statics/yikai/en/images/icon/cat_21_1x.png"); }
.category-list .cat-icon-22 { background-image:url("/statics/yikai/en/images/icon/cat_22_1x.png"); }
.category-list .cat-icon-23 { background-image:url("/statics/yikai/en/images/icon/cat_23_1x.png"); }
.category-list .cat-icon-24 { background-image:url("/statics/yikai/en/images/icon/cat_24_1x.png"); }
.category-list .cat-icon-25 { background-image:url("/statics/yikai/en/images/icon/cat_25_1x.png"); }
.category-list .cat-icon-26 { background-image:url("/statics/yikai/en/images/icon/cat_26_1x.png"); }

.category-list a:hover .cat-icon-01,.category-list .active .cat-icon-01 { background-image:url("/statics/yikai/en/images/icon/cat_01_hover_1x.png"); }
.category-list a:hover .cat-icon-02,.category-list .active .cat-icon-02 { background-image:url("/statics/yikai/en/images/icon/cat_02_hover_1x.png"); }
.category-list a:hover .cat-icon-03,.category-list .active .cat-icon-03 { background-image:url("/statics/yikai/en/images/icon/cat_03_hover_1x.png"); }
.category-list a:hover .cat-icon-04,.category-list .active .cat-icon-04 { background-image:url("/statics/yikai/en/images/icon/cat_04_hover_1x.png"); }

.category-list a:hover .cat-icon-11,.category-list .active .cat-icon-11 { background-image:url("/statics/yikai/en/images/icon/cat_11_hover_1x.png"); }
.category-list a:hover .cat-icon-12,.category-list .active .cat-icon-12 { background-image:url("/statics/yikai/en/images/icon/cat_12_hover_1x.png"); }
.category-list a:hover .cat-icon-13,.category-list .active .cat-icon-13 { background-image:url("/statics/yikai/en/images/icon/cat_13_hover_1x.png"); }
.category-list a:hover .cat-icon-14,.category-list .active .cat-icon-14 { background-image:url("/statics/yikai/en/images/icon/cat_14_hover_1x.png"); }

.category-list a:hover .cat-icon-21,.category-list .active .cat-icon-21 { background-image:url("/statics/yikai/en/images/icon/cat_21_hover_1x.png"); }
.category-list a:hover .cat-icon-22,.category-list .active .cat-icon-22 { background-image:url("/statics/yikai/en/images/icon/cat_22_hover_1x.png"); }
.category-list a:hover .cat-icon-23,.category-list .active .cat-icon-23 { background-image:url("/statics/yikai/en/images/icon/cat_23_hover_1x.png"); }
.category-list a:hover .cat-icon-24,.category-list .active .cat-icon-24 { background-image:url("/statics/yikai/en/images/icon/cat_24_hover_1x.png"); }
.category-list a:hover .cat-icon-25,.category-list .active .cat-icon-25 { background-image:url("/statics/yikai/en/images/icon/cat_25_hover_1x.png"); }
.category-list a:hover .cat-icon-26,.category-list .active .cat-icon-26 { background-image:url("/statics/yikai/en/images/icon/cat_26_hover_1x.png"); }


/* menu */
.menu { float:left; width:13.85rem; }
.menu > ul > li { padding-bottom:1rem; border-bottom:1px solid #dfdfdf; }
.menu > ul > li:last-child { border-bottom:none; }
.menu > ul > li h3 a { position:relative; display:block; height:4rem; padding-left:2rem; font-size:1.1rem; line-height:4rem;color:#8D9FA9 }
.menu > ul > li h3 a:before { display:none; content:""; position:absolute; left:0; top:50%; width:0.25rem; height:0.35rem; margin-top:-0.2rem; background-color:#5ea3ff; overflow:hidden; }
.menu > ul > li.active h3 a/*,
.menu > ul > li h3 a:hover*/ { color:#525A66; }
.menu > ul > li.active h3 a:before/*,
.menu > ul > li h3 a:hover:before*/ { display:block; }
.menu > ul > li .sub { display:none; padding-left:2rem; }
.menu > ul > li .sub li { padding:0.4rem 0; }
.menu > ul > li .sub li a { display:inline-block; padding:0 1.5rem; line-height:2rem; border-radius:2rem;color: #8D9FA9;}
.menu > ul > li.active .sub { display:block; }
.menu > ul > li .sub li a:hover,
.menu > ul > li.active .sub li.selected a { color:#fff; background-color:#5ea3ff; }


/* module */
.module { padding:4rem 0; }
.module-title { margin-bottom:1rem; font-size:2rem; font-weight:normal; color:#102039; line-height:150%; text-align:center; }
.module-info { margin:0 22%; color:#525A66}
.text-center{text-align: center}
.module-info-2 { margin:0 16%; text-align:center;color:#525A66 }
.module-info-white{color:white}
.text-left{text-align: left!important;}
/* module style */
.module-white { background-color:#fff; }
.module-pic { color:#fff; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; }
.module-pic .module-title { color:#fff; }


/* more */
.more { margin-top:2rem; text-align:center; }
.btn-more { display:inline-block; width:11rem; height:2.25rem; font-size:0.8rem; text-align:center; line-height:2.25rem; border-radius:2.25rem; border:1px solid #8d9fa9; }
.btn-more:hover { color:#fff; border:1px solid #418cff; background-color:#418cff; }
.btn-more-white { color:#fff; border-color:#fff; background-color:rgba(255,255,255,0.2); }
.btn-more-white:hover { color:#fff; border:1px solid #418cff; background-color:#418cff; }
.btn-more-blue { color:#fff; border-color:#5EA3FF; background-color:#5EA3FF; }
.btn-more-blue:hover { color:#fff; border:1px solid #5390E2; background-color:#5390E2; }


/* footer */
.footer { min-height:10rem; padding-top:2rem; background-color:#102039; }
.footer .footer-nav { float:left; width:70%; font-size:0.7rem; }
.footer .footer-nav > ul > li { float:left; width:25%; }
.footer .footer-nav > ul > li h5 { font-size:0.7rem; font-weight:normal; color:rgba(255,255,255,0.6); line-height:210%;cursor:pointer }
.footer .footer-nav > ul > li h5 a { color:rgba(255,255,255,0.6); }
.footer .footer-nav > ul > li h5 a:hover { color:rgba(255,255,255,0.8); }
.footer .footer-nav .sub { margin-top:0.5rem; }
.footer .footer-nav .sub li { line-height:210%; }
.footer .footer-nav .sub li a { color:rgba(255,255,255,0.35); white-space: nowrap;}
.footer .footer-nav .sub li a:hover { color:rgba(255,255,255,0.6); }
.footer .footer-social { float:right; margin-top:0.25rem; }
.footer .footer-social ul li { position:relative; float:left; margin-left:2.1rem; }
.footer .footer-social ul li a img { width:2.5rem; height:2.5rem; opacity:0.4; }
.footer .footer-social ul li .sub { display:none; position:absolute; top:-2rem; right:2.5rem; padding-right:0.5rem; }
.footer .footer-social ul li .sub .inner { position:relative; width:12rem; height:9.5rem; padding:2rem 0.5rem; font-size:0.65rem; line-height:180%; text-align:center; background-color:#fff; }
.footer .footer-social ul li .sub .inner:after { content:""; position:absolute; right:-0.3rem; top:2.95rem; width:0.6rem; height:0.6rem; background-color:#fff; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.footer .footer-social ul li .sub img { display:block; width:60%; margin-bottom:0.5rem; margin:0 auto}
.footer .footer-social ul li .sub span { display:block; }
.footer .footer-social ul li.active a img,
.footer .footer-social ul li a:hover img { opacity:1; }
.footer .footer-social ul li.active .sub { display:block; }
.footer .footer-bar { height:2.75rem; margin-top:1.5rem; font-size:0.7rem; color:rgba(255,255,255,0.35); background-color:#0d182a; }
.footer .copyright { float:left; line-height:2.75rem; }
.footer .footer-lang { position:relative; float:right; width:3.65rem; height:1.75rem; margin:0.5rem 0; line-height:1.75rem; }
.footer .footer-lang a { position:absolute; left:0; width:100%; height:1.75rem; color:rgba(255,255,255,0.6); }
.footer .footer-lang a:hover { color:rgba(255,255,255,0.8); }
.footer .footer-lang i { display:inline-block; width:1.25rem; height:1.25rem; margin-top:-2px; margin-right:0.5rem; vertical-align:middle; border-radius:50%; background-repeat:repeat; background-position:center; background-size:cover; overflow:hidden; }
.footer .footer-lang .en {  bottom:1.75rem; }
/* .footer .footer-lang .zh { bottom:1.75rem; } */
.footer .footer-lang .none { display: none; }
.footer .footer-lang .en i { background-image:url("/statics/yikai/en/images/icon/lang_en_1x.png"); }
.footer .footer-lang .zh i { background-image:url("/statics/yikai/en/images/icon/lang_zh_1x.png"); }
.footer .footer-lang-active .none,
.footer .footer-lang:hover .none { display:block; }

/* model-video */
.model-video{background:black;width:100%;height:100%;overflow: hidden;}
.model-video 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;}

/* animate */
@-webkit-keyframes arrowGo{
    0%{opacity:1;-webkit-transform:translate(0,0)}
    40%{opacity:.5}
    80%{opacity:0;-webkit-transform:translate(25px,0)}
    100%{opacity:0;transform:translate(25px,0)}
}
@keyframes arrowGo{
    0%{opacity:1;transform:translate(0,0)}
    40%{opacity:.5}
    80%{opacity:0;transform:translate(25px,0)}
    100%{opacity:0;transform:translate(25px,0)}
}
.anim-bottomIn{-webkit-transition-property:transform,opacity;-webkit-transition-delay:0s;-webkit-transition-timing-function:'ease-in-out';transition-duration:.95s;transition-property:transform,opacity;transition-delay:0s;transition-timing-function:'ease-in-out';transform:translate(0,75px);backface-visibility:hidden;-webkit-transform:translate(0,75px);-webkit-backface-visibility:hidden;opacity:0}
.anim-topIn{-webkit-transition-property:transform,opacity;-webkit-transition-delay:0s;-webkit-transition-timing-function:'ease-in-out';transition-duration:.95s;transition-property:transform,opacity;transition-delay:0s;transition-timing-function:'ease-in-out';transform:translate(0,-75px);backface-visibility:hidden;-webkit-transform:translate(0,-75px);-webkit-backface-visibility:hidden;opacity:0}
.anim-leftIn{-webkit-transition-property:transform,opacity;-webkit-transition-delay:0s;-webkit-transition-timing-function:'ease-in-out';transition-duration:.95s;transition-property:transform,opacity;transition-delay:0s;transition-timing-function:'ease-in-out';transform:translate(-75px,0);backface-visibility:hidden;-webkit-transform:translate(-75px,0);-webkit-backface-visibility:hidden;opacity:0}
.anim-rightIn{-webkit-transition-property:transform,opacity;-webkit-transition-delay:0s;-webkit-transition-timing-function:'ease-in-out';transition-duration:.95s;transition-property:transform,opacity;transition-delay:0s;transition-timing-function:'ease-in-out';transform:translate(75px,0);backface-visibility:hidden;-webkit-transform:translate(75px,0);-webkit-backface-visibility:hidden;opacity:0}
.loaded{transform:translate(0,0)!important;backface-visibility:hidden!important;-webkit-transform:translate(0,0)!important;-webkit-backface-visibility:hidden!important;opacity:1!important}
video.video-box{object-fit:cover;width:100%;height:100%}
@-webkit-keyframes leftIn{
    from{-webkit-transform:translateX(-1%);opacity:0}
    to{-webkit-transform:translateX(0);opacity:1}
}
@keyframes leftIn{
    from{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
    to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes rightIn{
    from{-webkit-transform:translateX(100%);opacity:0}
    to{-webkit-transform:translateX(0);opacity:1}
}
@keyframes rightIn{
    from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
    to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes topIn{
    from{-webkit-transform:translateY(-100%);opacity:0}
    to{-webkit-transform:translateY(0);opacity:1}
}
@keyframes topIn{
    from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
    to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes bottomIn{
    from{-webkit-transform:translateY(100%);opacity:0}
    to{-webkit-transform:translateY(0);opacity:1}
}
@keyframes bottomIn{
    from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}
    to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}


@media screen and (max-width: 817px) {

/* header */
.header-m { position:absolute; z-index:99; top:0; left:0; width:100%; height:auto; color:#fff; }
.header-m .logo { position:absolute; z-index:100; top:1.5rem; left:5.2%; width:7rem; }
.header-m .logo a { display:block; width:100%; height:2rem; background:url("/statics/yikai/en/images/logo_1x.png") no-repeat center / 100% auto; }
.header-m .logo span { display:none; }
.header-m .logo-active a { background-image:url("/statics/yikai/en/images/logo_m_1x.png"); }
.header-m .head {position: absolute;bottom: 0;left: 0;width: 100%;box-shadow: 0 0 8px rgba(0,0,0,0.06);background-color: #fff;overflow: hidden;opacity: 0;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
.header-m .btn-search { display:none; }
.header-m .btn-nav { position:absolute; z-index:100; top:1.5rem; right:1.25rem; width:1.75rem; height:1.75rem; text-indent:-9999rem;/* background:url("/statics/yikai/en/images/icon/nav_1x.png") no-repeat center / cover;*/ overflow:hidden;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.header-m .btn-nav span{position: absolute;left: calc((100% - 20px) / 2);top: calc((100% - 1px) / 2);width: 20px;height: 1px;background-color: rgba(255,255,255,1);}
.header-m .btn-nav span:nth-child(1) {transform: translateY(5px) rotate(0deg);animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.header-m .btn-nav span:nth-child(2) {transform: translateY(-4px) rotate(0deg);animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.header-m .btn-nav-active { /*background-image:url("/statics/yikai/en/images/icon/cancel_blue_1x.png");*/ }
.header-m .btn-nav-active span{background-color:#3483ee}
.header-m .btn-nav-active span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
.header-m .btn-nav-active span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {0% {transform: translateY(4px) rotate(0deg);}100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {0% {transform: translateY(-4px) rotate(0deg);}100% {transform: translateY(0) rotate(-45deg);}}
.header-m .btn-language { display:none; }
.header-m .nav { padding-top:4.5rem;overflow:hidden }
.header-m .nav li {}
.header-m .nav li h2 a { display:block; padding:0 5.2%;  font-size:0.95rem; line-height:3rem;}

.header-m .nav li .sub { display:none; background-color:#fafafa; }
.header-m .nav li .sub li a { display:block; padding:0 5.2%; font-size:0.8rem; line-height:2.5rem; }
.header-m .search { height:2.25rem; margin:1rem 5.2%; border-radius:5px; background-color:#eee; }
.header-m-active .nav{}
.header-m .search-keywords { box-sizing:border-box; float:left; width:80%; height:2.25rem; padding:0 10px; color:#525a66; border:none; background:none; }

.header-m .search-keywords::-webkit-input-placeholder{ color: rgba(103, 118, 127, 0.5)}
.header-m .search-keywords:-moz-placeholder{color: rgba(103, 118, 127, 0.5)}
.header-m .search-keywords::-moz-placeholder{ color: rgba(103, 118, 127, 0.5)}
.header-m .search-keywords:-ms-input-placeholder{ color: rgba(103, 118, 127, 0.5)}

.header-m .search-button { box-sizing:border-box; float:left; width:20%; height:2.25rem; color:#525a66; line-height:2.25rem; border:none; background:none;background-color: #80B1F4;color: white; }
.header-m .language .sub { height:3rem; }
.header-m .language .sub li { float:left; width:50%; text-align:center; line-height:3rem; }
/* active */
.header-m-active .head {opacity:1}
.header-black .header-m .logo a{background: url(/statics/yikai/en/images/logo_m_1x.png) no-repeat center / 100% auto;}
.header-black .header-m .btn-nav{background:url("/statics/yikai/en/images/icon/nav_b_1x.png") no-repeat center / cover; }
.header-black .header-m .btn-nav-active{background-image: url(/statics/yikai/en/images/icon/cancel_blue_1x.png);}
/* banner */
.banner { height:15.5rem; }
.banner .wrapper { padding-top:6.25rem; }


/* category */
.category-m { position:relative; z-index:9; width:100%; height:3.25rem; margin-top:-1.875rem; }
.category-m .category-list { position:absolute; top:0; left:5.2%; width:89.6%; height:3.25rem; box-shadow:0 4px 8px rgba(0,0,0,0.06); background-color:rgba(255,255,255,1); overflow:hidden; }
.category-m .category-list ul { width:100%; }
.category-m .category-list ul li { position:relative; width:100%; height:3.25rem; overflow:hidden; }
.category-m .category-list ul li:after { display:none; content:""; position:absolute; bottom:0; left:8%; width:84%; border-bottom:1px solid #eee;  }
.category-m .category-list ul li:last-child:after { display:none; }
.category-m .category-list a { display:block; height:3.25rem; }
.category-m .category-list a:after { display:none; content:""; position:absolute; right:1.75rem; top:1rem; width:0.7rem; height:0.7rem; border-right:2px solid #aaa; border-bottom:2px solid #aaa; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.category-m .category-list a span { display:block; height:3.25rem; margin-left:5rem; font-size:1rem; color:#858d9c; line-height:3.25rem; }
.category-m .category-list a:hover span { color:#418cff; }
.category-m .category-list .active a span { color:#418cff; }
.category-m .category-list .active a:after { display:block; }
/* icon */
.category-m .cat-icon { float:left; display:block; width:3.25rem; height:3.25rem; margin-left:0.75rem; background-repeat:no-repeat; background-position:center; background-size:55%; }
/* active */
.category-m-active .category-list ul li:after { display:block; }
.category-m-active .category-list ul li.active a:after { top:1.5rem; 
-webkit-transform:rotate(225deg);
transform:rotate(225deg);
}


/* menu */
.menu { float:none; width:100%; }
.menu > ul { position:relative; height:7rem; width:100%; }
.menu > ul.all{height:3rem}
.menu > ul > li { float:left; margin-right:0.5rem; padding-bottom:0; border-bottom:none; }
.menu > ul > li:last-child { margin-right:0; border-bottom:none; }
.menu > ul > li h3 a { position:relative; display:block; height:3.25rem; padding-left:0.7rem; font-size:1.1rem; line-height:3.25rem; overflow:hidden; }
.menu > ul > li h3 a:before { display:none; content:""; position:absolute; left:0; top:50%; width:0.25rem; height:0.35rem; margin-top:-0.2rem; background-color:#5ea3ff; }
.menu > ul > li.active a:before/*,
.menu > ul > li a:hover:before*/ { display:block; }
.menu > ul > li .sub { display:none; position:absolute; top:3.25rem; left:0; width:100%; height:2rem; padding-left:0; padding-top:1rem; border-top:1px solid #dfdfdf; overflow:hidden; }
.menu > ul > li .sub li { float:left; margin-right:0.5rem; padding:0; }
.menu > ul > li .sub li:last-child { margin-right:0; }
.menu > ul > li .sub li a { display:inline-block; padding:0 1.5rem; font-size:0.8rem; line-height:2rem; border-radius:2rem; }
.menu > ul > li .sub li a:hover{background:none;color:#8D9FA9}
.menu > ul > li.active .sub { display:block; }
.menu > ul > li.active .sub li.selected a { color:#fff; background-color:#5ea3ff; }
.menu > ul > li.active .sub #mCSB_1_scrollbar_horizontal{opacity:0!important;bottom:-1rem}
.menu .mCSB_scrollTools.mCSB_scrollTools_horizontal{opacity:0!important;bottom:-1rem}
.menu-long > ul > li{margin-right:0.8rem}
.menu-long > ul > li h3 a{font-size:0.85rem}
/* module */
.module { padding:3rem 0; }
.module .wrapper { margin:0; }
.module-title { margin:0 5.2% 1rem; font-size:1.4rem; }
.module-info { margin:0 5.2%; }
.module-info-2 { margin:0 5.2%; }


/* footer */
.footer-m { background-color:#102039; }
.footer-m .footer-nav { padding-top:0.5rem; }
.footer-m .footer-nav > ul > li { border-bottom:1px solid #3f4c60; }
.footer-m .footer-nav > ul > li h5 { position:relative; height:3rem; font-size:0.8rem; font-weight:normal; line-height:3rem; color:rgba(255,255,255,0.6); }
.footer-m .footer-nav > ul > li h5:after { content:"+";line-height: 3rem;font-size: 1rem;position:absolute; right:0; /*width:0.6rem; height:0.6rem; background:url("/statics/yikai/en/images/icon/on_1x.png") no-repeat center / cover;*/-webkit-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);-webkit-transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center; }
.footer-m .footer-nav > ul > li.active h5:after/*,
.footer-m .footer-nav > ul > li:last-child h5:after*/ { /*background-image:url("/statics/yikai/en/images/icon/off_1x.png");*/    -webkit-transform: rotate(45deg) scale(1.1);rotate(45deg) scale(1.1);-ms-transform: rotate(45deg) scale(1.1);transform: rotate(45deg) scale(1.1); }
.footer-m .footer-nav > ul > li h5 a { display:block; color:rgba(255,255,255,0.6); }
.footer-m .footer-nav > ul > li h5 a:hover { color:rgba(255,255,255,0.8); }
.footer-m .footer-nav .sub { /*display:none; padding-bottom:0.5rem;*/max-height:0;overflow:hidden }
.footer-m .footer-nav .sub li { height:2.5rem; font-size:0.75rem; line-height:2.5rem;-webkit-transform: translateY(-120px);-ms-transform: translateY(-120px);transform: translateY(-120px);opacity: 0;-webkit-transition: opacity .3s ease-in,-webkit-transform .3s ease-out;transition: opacity .3s ease-in,transform .3s ease-out;}
.footer-m .footer-nav .sub li a { display:block; color:rgba(255,255,255,0.35); }
.footer-m .footer-nav .sub li a:hover { color:rgba(255,255,255,0.6); }
.footer-m .footer-nav .active .sub { /*display:block;*/max-height:100%;padding-bottom:0.5rem }
.footer-m .footer-nav .active .sub li{    opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.footer-m .footer-social { padding:1.25rem 0; text-align:center; }
.footer-m .footer-social ul li { display:inline-block; }
.footer-m .footer-social ul li a img { width:2.75rem; height:2.75rem; margin:0 1.5rem; opacity:0.4; }
.footer-m .footer-social ul li .sub { display:none; }
.footer-m .footer-bar { margin-top:0; }
.footer-m .footer-bar { padding:1rem 0; color:rgba(255,255,255,0.35); background-color:#0d182a; }
.footer-m .copyright { margin-top:0.5rem; font-size:0.75rem; text-align:center; line-height:150%; }
.footer-m .footer-lang { width:4.5rem; height:1.75rem; margin:0 auto; line-height:1.75rem; text-align:center; }
.footer-m .footer-lang a { display:block; width:100%; height:1.75rem; color:rgba(255,255,255,0.6); }
.footer-m .footer-lang i { display:inline-block; width:1.4rem; height:1.4rem; margin-top:-2px; margin-right:0.5rem; vertical-align:middle; border-radius:50%; background:url("/statics/yikai/en/images/icon/lang_zh_1x.png") no-repeat center / cover; overflow:hidden; }
.footer-m .footer-lang .en { display:none; }


}

/* player_bar */
.video-model .video-controls .bar-box{line-height:0}
.BarControl{ width:100%; height:100%; padding:0; margin:0; display:inline-block; line-height:0}
.BarBeginTime{  }
.TheBar{ position:relative; width:100%; margin-left:2px; height:3px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#6d7279; overflow:visible; }
.TheColorBar{ width:0px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; height:100%; background:#f52714; float:left; }
.TimeBall{ width:8px; height:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f52714; position:absolute; left:0px; top:-2px; z-index:2; cursor:pointer; }
.BarTimeBall{ width:10px; height:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f52714; position:absolute; left:0px; top:-3px; z-index:2; cursor:pointer; }
.BarFinishTime{ }
.BarBeginTime,.BarFinishTime,.TheBar{ display:inline-block; vertical-align:middle; padding:0px; }


/* retina */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .banner-about{background-image: url(/statics/yikai/en/images/banner/about_2x.jpg);}
    .banner-business{background-image: url(/statics/yikai/en/images/banner/business_2x.jpg);}
    .banner-news{background-image: url(/statics/yikai/en/images/banner/news_2x.jpg);}
    .banner-hr{    background-image: url(/statics/yikai/en/images/banner/hr_2x.png)!important;}
}
pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family: "PingFang-SC-Regular","HanHei SC","Interstate-Regular",arial,helvetica,tahoma,verdana,"microsoft yahei",\5FAE\8F6F\96C5\9ED1;
}

/* page */
.pages { margin:1.75rem 0; }
.pages ul { font-size:0; text-align:center; }
.pages ul li { display:inline-block; margin:0 0.3rem; font-size:0.8rem; line-height:1.25rem; }
.pages ul li a,
.pages ul li span,
.pages ul li strong { display:block; height:1.25rem; padding:0 0.4rem; color:#858D9C; border-radius:0.15rem; border:1px solid #858D9C ; }
.pages ul li a:hover,
.pages ul li strong { font-weight:normal; color:#fff; border-color:#418cff; background-color:#418cff; }
.pages .list-more{display:none}

/* ie11 */
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    #banner-index .primary-video {
        height: auto !important;
    }
}

.icp { float: left; line-height: 2.75rem; margin-left: 2px; }
.icp a { color: rgba(255,255,255,0.35); }
.icp a:hover { color: rgba(255,255,255,0.6); }

}<!--ºÄʱ1752811667.4026Ãë-->