@charset "utf-8";
*{margin:0;padding:0;}
html{font-family:"微软雅黑",Arial,Verdana,Helvetica,sans-serif;overflow-x:hidden;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{margin:0;padding:0;border:0;word-break:break-all;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
strong,b{font-weight:normal}
textarea:focus,input:focus,button:focus{outline:none}
/* input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} */
input,button,textarea,select{*font-size:100%}
li{list-style:none}
fieldset,img,input,button,textarea{border:none;margin:0;padding:0;outline:none;}
a,a:link{text-decoration:none;color:#333;outline:0}
/* a:hover{color:#f15959;}
*/
 s,i,em{font-style:normal;text-decoration:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.tl{text-align:left;}
.fl{float:left;}
.fr{float:right;}
body{background: #fff;}
/* body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
*/
 html,body{width:100%;height:100%;position:relative;border:0;}
.w1100{width:12rem;margin:0 auto; display: flex;justify-content: space-evenly;}
.w1200{width:12rem;margin:0 auto;}
/* .clear:after{display:block;content:"clear";height:0;clear:both;visibility:hidden}
*/
/*公共顶部*/
 .header{width:100%;height:1rem;position:relative;left:0;top:0;z-index:99;background:#1f2229;color:#fff;}
.header_main{width:12rem;margin:0 auto;display:flex;justify-content:space-between;}
.header_left{height:0.85rem;cursor:pointer;width:2rem;padding-top:0.15rem;}
.header_left img{width:2.03rem;height:0.62rem;float: left;}



.site_nav ul{padding:0;margin:0;list-style-type:none;display:flex;justify-content:space-around;}
.site_nav ul:hover li:not(:hover) a{opacity:1;}
.site_nav ul li{position:relative;cursor:pointer;font-size:0.16rem;list-style:none;display:inline-block;margin:0.35rem 0.25rem 0.15rem;}
.site_nav ul li:last-child{margin-top:0.35rem;margin-bottom:0.2rem;}
.site_nav ul li::after{position:absolute;content:"";top:0.28rem;left:45%;width:0.07rem;height:0.02rem;background:#f15959;transform:scaleX(0);transition:0.4s cubic-bezier(0.165,0.84,0.44,1);}
.site_nav ul li:hover::after,.site_nav ul li.active::after{transform:scaleX(1);}
.site_nav ul li.active a{color:#e85353;}
.site_nav ul li a{position:relative;display:flex;color:#dddcdc;text-decoration:none;transition:0.4s cubic-bezier(0.165,0.84,0.44,1);font-family:"微软雅黑";}
.site_nav li:hover a{color:#e85353;}
/*公共底部*/
 .site-footer{font-size:0.14rem;line-height:1.8;color:#a8aaba;background:#1f2229;color:#b8b8b8;height:1.2rem;padding-top:0.5rem;padding-bottom:0.5rem;}
.site-footer a{color:#b8b8b8;}
.site-footer a:hover{color:#f44 !important;}
.site-footer .footer-article{overflow:hidden;}
.site-footer .contact{float:left;padding-top:0.2rem;}
.site-footer .contact img{width:1.96rem;height:0.6rem;}
.site-footer .contact dt{width:0.9rem;}
.site-footer .contact a{display:block;width:0.9rem;font-size:0.14rem;line-height:0.3rem;color:#9b9ea0;text-align:center;border:0.01rem solid #9b9ea0;border-radius:0.04rem;}
.site-footer .contact a:hover{color:#fff !important;}
.site-footer .col-article{float:left;text-align:center;}
.site-footer .col-article dt{margin-bottom:0.08rem;font-size:0.16rem;font-weight:normal;color:#a8a6a7;}
.site-footer .col-article dd{margin-bottom:0.02rem;overflow:hidden;}
.site-footer .col-article dd a{font-size:0.12rem;color:#b8b8b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.site-footer .wx{float:right;margin-right:0;}
.site-footer .wx dt{font-size:0.12rem;font-weight:normal;color:#5a5e68;}
.footer_line{height:1.2rem;width:0.01rem;background-color:#2a2c33;margin-left:0.5rem;margin-right:0.5rem;float:left;}
span.zh a{color:#5a5e68; margin-right: 0.2rem; display: inline-block;}




/* @media screen and (min-width:1400px) and (max-width:1600px){
  .w1100{width:12rem;margin:0 auto;}
} */

/*首页*/
 .about_content_top_left{background-image:url(../images/about_content_title1.png);background-repeat:no-repeat;width:1.75rem;height:2.4rem;padding-top:0.44rem;padding-left:0.15rem;color:#fbafa3;font-size:0.14rem;background-size:1.88rem 2.84rem;}
.about_content_bottom_left{background-image:url(../images/about_content_title2.png);background-repeat:no-repeat;width:1.75rem;height:2.4rem;padding-top:0.44rem;padding-left:0.15rem;color:#fbafa3;font-size:0.14rem;background-size:1.88rem 2.84rem;}
.hot_game_left{background-image:url(../images/index_hot_tilte_bg.jpg);background-repeat:no-repeat;width:1.88rem;height:2.4rem;padding-top:0.44rem;color:#fbafa3;font-size:0.14rem;background-size:1.88rem 2.84rem;}
.part_news_left{background-image:url(../images/index_news_tilte_bg.jpg);background-repeat:no-repeat;width:1.88rem;height:2.4rem;padding-top:0.44rem;color:#fbafa3;font-size:0.14rem;background-size:1.88rem 2.84rem;}
.slide_about_left{background-image:url(../images/index_about_tilte_bg.png);background-repeat:no-repeat;width:1.73rem;height:2.4rem;padding-top:0.44rem;padding-left:0.15rem;color:#fbafa3;font-size:0.14rem;background-size:1.88rem 2.84rem;}
.about_content_top_left p,.slide_about_left p,.about_content_bottom_left p,.about_content_top_left p,.part_news_left p,.hot_game_left p{font-weight:bold;font-size:0.22rem;margin-bottom:0.23rem;}
.common_main{width:12rem;margin:0 auto}
.hot_game_left p{margin-left:0.15rem;}
.part_news_left p{margin-left:0.15rem;}
.hot_game_left h2{font-weight:normal;font-size:0.14rem;margin-left:0.15rem;}
.part_news_left h2{font-weight:normal;font-size:0.14rem;margin-left:0.15rem;}
.part_news_left h3,.hot_game_left h3{margin-top:1rem;}
.part_news_left h3 a img,.hot_game_left h3 a img{width:1.17rem;}
/* .part_news_left h3 a:hover img,.hot_game_left h3 a:hover img{transform:translateX(-0.1rem);} */
.relative{position:relative}
.flex{display:flex;justify-content:space-between}
.last{margin-right:0rem}
.role img{width:4.77rem;height:2.49rem;}
.role{width:4.77rem;height:2.49rem;}







/* .dt_bg{width:20rem;height:9rem;position:absolute;top:0;left:50%;margin-left:-10rem;}
  .bg1{width:19.2rem;margin:0 auto;} */

  .news_bg{background-image:url(../images/index_part1_bg_02.jpg);background-repeat:no-repeat;width:100%;height:8.25rem;position:relative; z-index: 2222;
    background-position:center top;background-repeat:no-repeat;margin-left:auto;margin-right:auto;background-size:cover;}
.bg1{background-image:url(../images/index_part1_bg_01.png);background-repeat:no-repeat;width:100%;height:9rem;position:relative;background-position:center top;background-repeat:no-repeat;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover;

z-index:1;}
/*首页视频*/
/* .video_box video{position:absolute;height:100%;width:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);z-index:10;-ms-transform:translateX(-50%);transform:translateX(-50%);top:0}
.video_box{width:100%;height:9.6rem;border:0.1rem solid #f00;position:relative;}
*/
 .video_box{position:relative;width:100%;height:9rem;z-index:10;overflow:hidden;}
#loading{width:100%;height:9rem;background:url(../images/index_banner.png);background-size:cover; background-size: 19.2rem 9rem; }
.video_box video{width:19.2rem;height:9rem;position:absolute;top:0;left:50%;margin-left:-9.6rem;}
/* .video_box video{width:100%;height:100%;object-fit:cover;z-index:5;font-family:'object-fit:cover;';-o-object-fit:cover;}
*/
/*首页冰*/
 .bg{width:10rem;height:100%;margin-left:-5rem;position:absolute;left:50%;top:0;min-height:9.35rem}
.ice{width:100%;height:100%;position:absolute;left:0;top:0}
.ice1{position:absolute;left:-3.3rem;top:5.75rem}
.ice2{position:absolute;right:-3.4rem;top:4.3rem}

/*首页热门游戏*/
 .news{width:9.8rem;margin:0 auto;padding-top:0.7rem;padding-bottom:0.8rem;position:relative;height:3rem}
.hot_game{position:absolute;top:-1rem;z-index:12;width:12rem;margin:0 auto;display:flex;justify-content:space-between}
.hot_game_center ul{display:flex;justify-content:space-between;width:9.82rem;margin-bottom:0.3rem;}
.hot_text_bg{background-image:url(../images/index_hot_text_bg.jpg);background-repeat:no-repeat;width:4.07rem;height:0.71rem;display:flex;justify-content:space-between;padding:0.15rem 0.35rem 0rem 0.35rem;background-size: 4.77rem 0.86rem;}
.hot_text_bg p{font-weight:bold;font-size:0.18rem;color:#d3d9e5;width:2.6rem;}
.hot_text_bg img{margin-right:0.2rem;float:left;width: 0.58rem;height: 0.58rem;}
.hot_text_bg p span{font-weight:normal;font-size:0.1rem;color:#646e85;}

/*首页新闻资讯*/
 .part_news{position:absolute;top:3rem;height:5rem;overflow:hidden;z-index: 1;}
.part_news_rigt{width:9.82rem;height:4.5rem;position:relative;overflow:hidden;}
.mySwiper{width:100%;height:100%;}
.mySwiper .swiper-slide{width:9.82rem;}
.mySwiper .swiper-pagination-bullet{display:block;width:0.1rem;height:0.1rem;border-radius:50%;background:#5b6170;float:left;margin-right:0.1rem;opacity:0.4;}
.mySwiper .swiper-pagination{width:0.26rem;margin:0 auto;position:absolute;height:0.1rem;z-index:1;bottom:0.36rem;width:9.82rem;display:flex;justify-content:center;}
.mySwiper .swiper-pagination-bullet-active{background-color:#ea4840;opacity:1;width:0.26rem;border-radius:0.4rem;}
.item_text{position:relative;}
.item_text{background-image:url(../images/index_news_text_bg.jpg);background-repeat:no-repeat;width:2.58rem;height:1.1rem;padding-left:0.25rem;padding-top:0.24rem;padding-right:0.25rem;background-size:3.08rem 1.34rem;}
.item_text p{font-size:0.14rem;color:#9faac6;height:0.47rem;overflow:hidden;line-height:0.22rem;}
/* .item_text h3.common_line1{height:0.01rem;width:100%;background:#3c4661;}
*/
 .item h5 b{float:right;height:0.3rem;display:inline-block;color:#8a8d99;font-size:0.14rem;display:flex;align-items:center;}
.item h5 b i{width:0.3rem;height:0.01rem;background:#8a8d99;display:inline-block;margin-right:0.07rem;}
.item h5 span{color:#757b8e;font-size:0.14rem;}
.item a:hover h5 b{float:right;height:0.3rem;display:inline-block;font-size:0.14rem;color:#ea4840;display:flex;align-items:center;}
.item a:hover h5 b i{width:0.3rem;height:0.01rem;background:#ea4840;display:inline-block;margin-right:0.07rem;}
.item_text::before{content:"";position:absolute;right:0rem;top:0rem;width:1.61rem;border-top:0.03rem solid #f5443f;-webkit-transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-o-transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
.item a:hover .item_text::before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}

.news_box_list{display:flex;justify-content:space-between;width:9.82rem;}
.news .swiper-button-next{position:absolute;top:1.4rem;right:0.1rem;width:0.2rem;height:0.5rem;color:#000;border:none;outline:none}
.news .swiper-button-prev{position:absolute;top:1.4rem;left:14.2rem;width:0.2rem;height:0.5rem;color:#000;border:none;outline:none}
.news_list .item{text-align:left;width:3.09rem;display:inline-block;height:3.53rem;padding-bottom:0.2rem;border-radius:0.02rem;overflow:hidden;transition:all .3s ease-in-out;position:relative;}
.news_list a span{transition:all 0.1s;color:#6d707c;float: left; display: inline-block; height:0.3rem; line-height: 0.3rem;}
.news_list .date{padding-left:0.3rem;font-size:0.18rem;color:#a4a4a4}
.news_list .news_img{width:3.08rem;height:2.17rem;overflow:hidden}
.news_list .item img{width:100%;height:100%;transition-delay:0s;transition-duration:1s;transition-property:all;transition-timing-function:ease;-moz-transition-delay:0s;-moz-transition-duration:1s;-moz-transition-property:all;-moz-transition-timing-function:ease;-webkit-transition-delay:0s;-webkit-transition-duration:1s;-webkit-transition-property:all;-webkit-transition-timing-function:ease;-o-transition-delay:0s;-o-transition-duration:1s;-o-transition-property:all;-o-transition-timing-function:ease}
.list_item a:hover .list_item_img img, .content_main_right ul li a:hover .img_left1 img,.news_list a:hover img{transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}


/*首页关于我们*/
 .slide_about{width:100%;background-image:url(../images/index_about_bg.jpg);background-repeat:no-repeat;height:4.84rem;background-position:center top;position:relative;overflow:hidden; background-size:cover;}
.info_text{font-size:0.16rem;margin-top:0.72rem;color:#c7d6d5;line-height:0.3rem;}
.mr_t{margin-top:0.3rem;}
.join_us a{display:block;position: relative;width:2.72rem; display: inline-block;height:0.57rem;}
.join_us a p{background: #c42e2c;width:2.11rem;height:0.57rem;font-size: 0.24rem; color: #fff;font-weight: bold; text-align: center; line-height: 0.57rem; position: absolute;right:0;top:0px;}
.join_us a h3.line_white{width: 0.27rem;height:0.02rem;background: #fff; position: absolute; left: 0.61rem;top:50%; z-index:5;-webkit-transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-o-transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
 
.join_us{float:right;margin-top: 0.38rem;}
 .join_us a h3.line_red{width: 0.61rem;height:0.02rem;background: #c42e2c; position: absolute; left: 0;top:50%;z-index:5;-webkit-transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-o-transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}




.hot_more a{position: relative;width:1.17rem; display:inline-block;height:0.3rem;margin-top: 1rem;}
.hot_more a p{background: #fba864;width:1.01rem;height:0.3rem;font-size: 0.16rem; color: #d93335;font-weight: bold; text-align: center; line-height: 0.3rem; position: absolute;right:0;top:0px;}
.hot_more a h6.line_pink{width: 0.16rem;height:0.02rem;background: #be342ffd; position: absolute; left: 0.16rem;top:0.15rem; z-index:5;-webkit-transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-o-transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
.hot_more a h6.line_yellow{width: 0.23rem;height:0.02rem;background: #fba864; position: absolute; left: 0;top:0.15rem;z-index:5;-webkit-transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-o-transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}



 /*全部缩进去*/
.join_us a:hover h3.line_red{transform: translate(0.61rem);-webkit-transform:scaleX(0.5);-ms-transform:scaleX(0.5);transform:scaleX(0.5);position:absolute;left:0.11rem;z-index: 10;width:1rem;} 

.join_us a:hover h3.line_white{background-color:#be342ffd;}
  
.hot_more a:hover h6.line_yellow{transform: translate(0.23rem);-webkit-transform:scaleX(0.5);-ms-transform:scaleX(0.5);transform:scaleX(0.5);position:absolute;
    left:-0.09rem;z-index: 10;width:0.5rem;}   

    .join_us a:hover h3.line_pink{background-color:#fba864;}
 /*只缩进一半*/
 /* .join_us a:hover h3.line_red{transform: translate(0.61rem);z-index:5;-webkit-transform:scaleX(0.5);-ms-transform:scaleX(0.5);transform:scaleX(0.5);position:absolute;left:-0.2rem;z-index: 10;
  width:1.1rem;}
  .hot_more a:hover h6.line_yellow{transform: translate(0.23rem);z-index:5;-webkit-transform:scaleX(0.5);-ms-transform:scaleX(0.5);transform:scaleX(0.5);position:absolute;
    left:-0.25rem;z-index: 10;
    width:0.57rem;} */


 .slide_about_right{width:3.7rem;}
/*其他子页面banner部分*/
 .banner_title h2{font-size:0.6rem;color:#fff;font-weight:700;margin-top:1.05rem;letter-spacing:0.03rem;}
.banner_title h4{font-size:0.24rem;color:#fff;margin-bottom:0.44rem;letter-spacing:0.03rem;}
.banner_title p.common_line{width:0.6rem;height:0.04rem;background-color:#fff;margin-bottom:1.52rem;}
/*列表页面 */
 .list_banner{width:100%;position:relative;overflow:hidden;height:5rem;background-image:url(../images/list_banner.jpg);background-position:center top; background-size:cover;}
.wrap{background:url(../images/list_bottom_bg.jpg) no-repeat center bottom;position:relative;overflow:hidden;z-index:2;background-size:100% 3.43rem;}
.wrap_list{background:url(../images/list_bottom_bg.jpg) no-repeat center bottom;position:relative;overflow:hidden;z-index:2;background-size:100% 3.43rem;}
.wrap_content{background:url(../images/list_bottom_bg.jpg) no-repeat center bottom;padding-bottom:0.5rem;position:relative;overflow:hidden;z-index:2; background-size:100% 3.43rem;}
.content_right{width:100%;background:url(../images/list_center_bg.jpg);}
.content_right_main{width:100%;background:url(../images/list_top_bg.jpg)  center top no-repeat;min-height:4.47rem;_height:4.47rem; background-size:100%  4.47rem;}
.list_top{height:1rem;margin-top:0.5rem;padding-top:1rem;height:0.6rem;color:#777777;width:12rem;display:flex;justify-content:space-between;margin:0 auto;margin-bottom:0.8rem;}
.list_top .list_title{font-size:0.3rem;color:#a9b2c8;height:0.5rem;line-height:0.5rem;}
.list_title span.news{color:#5a677b;font-size:0.2rem;}
.list_title span.mr_l{margin-right:0.1rem;margin-left:0.1rem;width:0.02rem;height:0.23rem;background:#5a677b;display:inline-block;}
.list_right{width:1.5rem;display:flex;justify-content:space-between;color:#777777;}
.list_right .red{background:#bf342d;color:#fff;padding:0rem 0rem;height:0.32rem;}
.list_right a{color:#e2f2ff;}
.list_right .red a{color:#e4e4e4;}
.list_right li.li_line{width:0.01rem;height:0.32rem;}

.list_right a:hover li{background-color:#bf342d;border-right: 1px solid #333;}
/* .contact_btn a:hover img{transform:translateY(-0.1rem);transition:transform 0.3s;;} */
/* .about_content_bottom_right li.on{transform:translateY(-0.07rem);transition:transform 0.3s;;} */
.about_content_bottom_right li img{width:1.27rem;height:1.27rem;}
.about_content_bottom_right li.on img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);transition:all 1s;}
.nav_list{height:0.32rem;margin-top:-0.21rem;float:right;margin-top:0.15rem;}
.nav_list li a{height:0.32rem;line-height:0.32rem;display:block;}



.nav_list li a.active{color:#333;border:0.02rem solid #ccc}
.list_item{width:12rem;height:2.84rem;margin:0 auto;margin-top:0.65rem;}
.list_item_img{float:left;width:3.48rem;height:2.84rem;overflow: hidden;}
.list_item_img img{width:3.48rem;height:2.84rem;transition: all 1s;}
.list_item{position:relative;}
.list_item::before{content:"";position:absolute;right:0;top:0rem;width:3.26rem;border-top:0.03rem solid #f5443f;-webkit-transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-o-transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);transition:transform .3s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
.list_item:hover::before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.list_item_bg{background-image:url(../images/list_bg.jpg);background-repeat:no-repeat;width:7.33rem;height:2.34rem;float:right;padding-left:0.55rem;padding-top:0.5rem;padding-right:0.55rem;background-size:8.43rem 2.84rem;}
.list_item_bg h2{font-size:0.2rem;color:#e4e9f3;height:0.3rem;overflow:hidden;margin-bottom:0.2rem;}
.list_item_bg p{font-size:0.14rem;color:#9faac6;height:0.48rem;overflow:hidden;margin-bottom:0.4rem;line-height:0.27rem;}
/* .list_item_bg h3.common_line1{height:0.01rem;width:100%;background:#3c4661;margin-bottom:0.25rem;}
*/
 h3.common_line1{height:0.01rem;width:100%;background:#3c4661;margin-bottom:0.1rem;margin-top:0.12rem;}
.list_item_bg h5 b{float:right;height:0.3rem;display:inline-block;color:#8a8d99;font-size:0.14rem;display:flex;align-items:center;}
.list_item_bg h5 b i{width:0.3rem;height:0.01rem;background:#8a8d99;display:inline-block;margin-right:0.07rem;}
.list_item_bg h5 span{color:#757b8e;font-size:0.14rem;float: left;}
.list_item a:hover h5 b{float:right;height:0.3rem;display:inline-block;font-size:0.14rem;color:#ea4840;display:flex;align-items:center;}
.list_item a:hover h5 b i{width:0.3rem;height:0.01rem;background:#ea4840;display:inline-block;margin-right:0.07rem;}
#box1 .hid{display:none}
#box1 .show{display:block}
.pageNum{width:2.1rem;margin:0 auto;margin-top:1rem;background-color:#c42e2c;cursor:pointer;color:#d4d4d4;margin-bottom:1.1rem;height:0.56rem;font-size:0.16rem;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.pageNum span{cursor:pointer;float:left;}
.pageNum img{width:0.2rem;height:0.2rem;}
.pageNum p i{margin-top:0.02rem;float:left;margin-left:0.15rem;}
.list_bottom div:first-child{margin-top:0rem;}
/*关于我们页面*/
 .about_content_top_right{width:9.01rem;height:3.12rem;background-image:url(../images/about_bottom_right_img.png);background-position:center top;padding-top:0.5rem;padding-left:0.5rem;padding-right:0.4rem;
background-size:9.91rem 3.62rem;}
.about_content_top_right p{color:#9faac6;font-size:0.14rem;position:relative;line-height:0.32rem;margin-bottom:0.3rem;}
.about_content_top_right p span{color:#d69446;font-size:0.14rem;}
.about_content_top_right p i{width:0.05rem;height:0.05rem;background:#9faac6;display:block;margin-top:0.13rem;margin-right:0.1rem;position: absolute;top:0rem;left:-0.15rem}
.about_banner{width:100%;position:relative;overflow:hidden;height:5rem;background-image:url(../images/about_banner.jpg);background-position:center top;background-size:cover;}
.about_content{width:100%;position:relative;overflow:hidden;height:10.4rem;background-image:url(../images/about_main_bg.jpg);background-position:center top;}
.about_content_top{width:12rem;margin:0 auto;display:flex;justify-content:space-between;margin-top:0.8rem;margin-bottom:0.85rem;}
.about_content_bottom{width:12rem;margin:0 auto;display:flex;justify-content:space-between;}
.about_content_bottom_right ul{display:flex;justify-content:space-between;margin-bottom:0.6rem;}
.about_content_top_right h2{color:#f00;font-size:0.2rem;}
.list_num1{background-image:url(../images/contact_num_01.png);background-position:right bottom;background-repeat:no-repeat;background-size:1rem 1.27rem;}
.list_num2{background-image:url(../images/contact_num_02.png);background-position:right bottom;background-repeat:no-repeat;background-size:1rem 1.27rem;}
.list_num3{background-image:url(../images/contact_num_03.png);background-position:right bottom;background-repeat:no-repeat;background-size:1rem 1.27rem;}
.list_num4{background-image:url(../images/contact_num_04.png);background-position:right bottom;background-repeat:no-repeat;background-size:1rem 1.27rem;}
.about_content_bottom_right{width:9.9rem;}
.about_content_bottom_right ul li{background-image:url(../images/about_item.png);background-repeat:no-repeat;width:2.58rem;height:3.45rem;padding-top:0.3rem;text-align:center;padding-left:0.3rem;padding-right:0.3rem;
  background-size:3.18rem 3.75rem;}
/* .about_content_bottom_right li img{margin-bottom:0.25rem;} */
.about_content_bottom_right li h2{font-size:0.24rem;color:#c9d0da;margin-bottom:0.46rem;}
.about_content_bottom_right li p{font-size:0.14rem;color:#939db5;line-height:0.22rem;text-align:left;}
/*联系我们页面*/
 .contact_banner{width:100%;position:relative;overflow:hidden;height:5.23rem;background-image:url(../images/contact_03.jpg);background-position:center top;background-size:cover;}
.contact_wrap{width:100%;position:relative;overflow:hidden;height:10.1rem;padding-top:0.8rem;background-image:url(../images/contact_bg.jpg);background-position:center top;background-size:19.2rem 13.9rem;}
.contact_wrap h4{font-size:0.48rem;margin-top:0.5rem;margin-bottom:0.4rem;text-align:center}
.contact_list{margin-bottom:0.45rem;border-bottom:0.01rem dashed #2f384b;padding-bottom:0.4rem;}
.contact_banner{width:100%;position:relative;overflow:hidden;height:5rem;background-image:url(../images/contact_banner.jpg);background-position:center top;background-size:19.2rem 5rem;}
.contact_list h5{font-weight:bold;font-size:0.26rem;margin-bottom:0.15rem}
.contact_list h5 img{width:3.34rem;height:0.65rem;}
.contact_list p{font-size:0.14rem;line-height:0.48rem;color:#858e9f;position:relative;padding-left:0.65rem;}
.contact_list p i{width:0.05rem;height:0.05rem;left:0.45rem;top:0.22rem;background:#7a8496;display:block;float:left;position:absolute}
.contact_list span{color:#7a8496;font-size:0.14rem;}
.tel{position:absolute;left:7.55rem;top:1.2rem;}
.tel h3{color:#e5e7ea;font-size:0.16rem;font-weight:normal;margin-bottom:0.2rem;}
a.mail{color:#5a5e68;font-size:0.14rem;}
/*招聘我们页面*/
 .relative{position:relative;}
.join_wrap{width:100%;position:relative;overflow:hidden;height:8rem;background-image:url(../images/join_bg.jpg);background-position:center top;    background-size: cover;}
.contact_wrap_container{width:7.5rem;margin:0 auto;position:relative;height:8rem;}
.Social_looking{position:absolute;top:6rem;left:0rem;width:2.34rem;height:0.7rem}
.School_looking{position:absolute;top:6rem;right:0rem;width:2.34rem;height:0.7rem}
/*内容页面*/
 .content_wrap{width:12rem;margin:0 auto;position:relative;}
.content_main h4{margin-bottom:0.2rem;margin-top:0.7rem;font-weight:bold;font-size:0.3rem;color:#d3d9e5;height:0.8rem; overflow: hidden;}
.content_main p.liebiao{color:#000;font-size:0.15rem;margin-bottom:0.2rem;}
.content_main p.liebiao span.zuo{display:block;float:left;margin-right:1rem;}
.border_line1{border-bottom:0.01rem solid #293249;margin-bottom:0.35rem;}
p.text_img{margin-top:0.3rem;margin-bottom:0.3rem;}
.content_main_left{width:7.6rem;}
.next{margin-bottom:0.2rem;}

.content_main_left p.liebiao{color:#4c4f5b;font-size:0.14rem;}
.content_main_left p{color:#6d7488;font-size:0.14rem;line-height:0.32rem;}
.content_main_left p img{width:7.57rem;height:4.07rem}
.content_main{width:12rem;margin-bottom:0.34rem;display:flex;justify-content:space-between;padding-bottom:0.4rem;}
.content_left_bottom p{font-size:0.24rem;color:#4c4f5b;}
.content_left_bottom ul{padding:0.25rem 0;border-bottom:0.01rem solid #3b4150;border-top:0.01rem solid #3b4150;width:7.6rem;}
.content_left_bottom li:nth-child(3){border-bottom:none;}
.content_left_bottom li img{float:left;margin:0 0.3rem 0 0.05rem;width:2.08rem;height:1.46rem;}
.content_left_bottom .info{float:left;width:5.1rem;color:#423717;font-size:0.22rem;}
.content_left_bottom .info h1{margin-bottom:0.1rem;font-size:0.18rem;color:#bfc4d1;height:0.25rem;overflow: hidden;}
.content_left_bottom .info p{height:0.75rem;color:#6d7488;font-size:0.14rem;line-height:0.25rem;overflow: hidden;}
.content_main_right{width:2.93rem;height:6.94rem;padding-left:0.36rem;padding-right:0.26rem;padding-top:0.25rem;margin-top:0.68rem;background-image:url(../images/content_sidebar_bg.png);background-position:center top;background-size:3.55rem 7.19rem;}
.content_item{border-bottom:0.01rem solid #d9d9d9;color:#131313;text-align:center;font-size:0.16rem;margin-bottom:0.35rem;padding-bottom:0.2rem;overflow:hidden;}
.content_item .scale_i{width:2.47rem;height:1.51rem;overflow:hidden;display:inline-block;}
.content_item img{width:2.47rem;height:1.52rem;transition:all 0.5s ease;}
.content_item:hover img{transform:scale(1.2);}
.content_item p{color:#131313;margin-top:0.13rem;overflow:hidden;width:2.47rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;text-justify:inter-ideograph;}
.right_title p{color:#e85353;font-size:0.2rem;text-align:left;height:0.3rem;margin-bottom:0.35rem;}
p.title1{color:#42494f;font-size:0.14rem;margin-bottom:0.15rem;line-height:0rem;}
.content_main_right ul li{margin-bottom:0.5rem;height:0.75rem;overflow: hidden;}
.content_main_right li:nth-child(3){border-bottom:none;}
.img_left1 {width:1.12rem;height:0.79rem;overflow: hidden;float: left;margin-right:0.15rem;}
.img_left1 img{width:1.12rem;height:0.79rem;float:left;margin-right:0.16rem;transition: all 1s;}
.content_main_right .info{float:left;width:1.6rem;color:#626679;font-size:0.12rem;}
.content_main_right .info h1{margin-bottom:0.1rem;font-size:0.24rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.content_main_right .info a{color:#423717;}
.content_main_right .info p{height:0.52rem;overflow:hidden;font-size:0.14rem;color:#bfc4d1;line-height:0.24rem;word-break: break-all;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden;
}
.content_main_right .info span.date{display:block;margin-top:0.05rem;font-size:0.12rem;white-space: nowrap;
    overflow: hidden; 
  
    text-overflow: ellipsis; }


.btn-holder *{
  box-sizing: border-box;
}
:active, :hover, :focus {
  outline: 0!important;
  outline-offset: 0;
}
.btn-holder ::before,.btn-holder ::after {
  position: absolute;
  content: "";
}
.btn-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1.2rem;
  margin: 0rem auto 0.05rem;
}
.btn {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0.1rem 0.25rem 0.15rem;
  min-width: 1.2rem;
}
.btn span {
  position: relative;
  display: inline-block;
  font-size: 0.14rem;
  font-weight: bold;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.1rem 0.2rem;
  transition: 0.3s;
}
.btn-5 span {
  color: rgb(28, 31, 30);
  border:2px solid #de4842;
  color:#7e8aad;
  transition: 0.2s;
}
.btn-5 span:hover {
  color:#de4842;
}
/* 21. hover-border-11 */
.btn.hover-border-11::before, .btn.hover-border-11::after {
  width: 100%;
  height:2px;
  background-color:#7985a8;
  z-index: 2;
  transition: 0.35s;
}
.btn.hover-border-11::before {
  top: 0rem;
  right: 0;
}
.btn.hover-border-11::after {
  bottom: 0rem;
  left: 0;
}
.btn.hover-border-11:hover::before, .btn.hover-border-11:hover::after {
  width: 0%;
  transition: 0.2s 0.2s ease-out;
}
.btn.hover-border-11 span::before, .btn.hover-border-11 span::after {
  width:2px;
  height: 100%;
  background-color:#7985a8;
  z-index: 2;
  transition: 0.25s;
}
.btn.hover-border-11 span::before {
  bottom: 0;
  right: -2px;
}
.btn.hover-border-11 span::after {
  top: 0;
  left: -2px;
}
.btn.hover-border-11 span:hover::before, .btn.hover-border-11 span:hover::after {
  height: 0%;
}


/* #mindscape {
	width: 1920px;
height:900px;position: absolute; left:0px;top:0px;
	overflow: hidden;
}
#monsteck_variketch {
	width: 1920px;
	height:900px;
} */


/* .video_box{position:relative;width:100%;height:9rem;z-index:10;overflow:hidden;}
#loading{width:100%;height:9.6rem;background:url(../images/index_banner.jpgs);background-size:cover;}
.video_box video{width:19.2rem;height:9rem;position:absolute;top:0;left:50%;margin-left:-9.6rem;} */





.news-cates{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:-0.3rem;margin-top:.15rem;height:.25rem}
.news-cate{position:relative;color:#e4e4e4;white-space:nowrap;cursor:pointer;height:.3rem;overflow:hidden;margin-right:-1px;color:#e2f2ff;}
.news-cate .span-wrapper{height:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.news-cate::before,.news-cate::after{content:"";position:absolute;top:50%;width:1px;height:.18rem;background:#707173;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.news-cate::before{left:0}
.news-cate::after{right:0}
.news-cate--active::before,.news-cate--active::after{background-color:#c42e2c}
.news-cate--active+.news-cate::before{background-color:#c42e2c}
.news-cate-box{height:.3rem}
.news-cate-wrap{height:.3rem;overflow:hidden}
.news-cate span{position:relative;display:block;height:.25rem;line-height:.25rem;padding:0.1rem .25rem;font-size:.16rem;color:#e2f2ff;}
.news-cate .tab-dark{color:#fff;background:#c42e2c}
.news-cate--active{color:#fff}

.news-cate--active span{background-color:#c42e2c;color:#e4e4e4;font-size: 0.16rem;}


.one::before{content:"";position:absolute;top:50%;width:0px;height:.18rem;background:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

.three:after{content:"";position:absolute;top:50%;width:0px;height:.18rem;background:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}




.mr_t_footer{margin-top: 0.05rem;}


@media screen and (min-width:1024px) and (max-width:1366px){
  
  .btn-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1.4rem;
    margin: 0rem auto 0.05rem;
  }
  .btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0.1rem 0.25rem 0.15rem;
    min-width: 1.35rem;
  }
  .w1100{width:13.5rem;margin:0 auto;}
  .footer_line{height:1.3rem;width:0.01rem;background-color:#2a2c33;margin-left:0.5rem;margin-right:0.5rem;float:left;}
}
 @media screen and (min-width:1400px) and (max-width:1680px){
  .w1100{width:12.6rem;margin:0 auto;}
  .footer_line{height:1.3rem;width:0.01rem;background-color:#2a2c33;margin-left:0.5rem;margin-right:0.5rem;float:left;}
  .wrap_content {
    background: url(../images/list_bottom_bg.jpg) no-repeat center bottom;
    padding-bottom: 1rem;
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-size: 19.2rem 5rem;
  }


  .btn-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1.3rem;
    margin: 0rem auto 0.05rem;
  }
  .btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0.1rem 0.25rem 0.15rem;
    min-width: 1.3rem;
  }
  
  
  /* .join_us a h3.line_white{width: 0.27rem;height:0.02rem;background: #fff; position: absolute; 
    left: 0.61rem;top:50%; z-index:5;-webkit-transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);
    transition:-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);
    -o-transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);
    transition:transform .3s cubic-bezier(0.215,0.61,0.355,1);
    transition:transform .3s cubic-bezier(0.215,0.61,0.355,1),
    -webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transform:scaleX(0.5);-ms-transform:scaleX(0.5);
    transform:scaleX(0.5);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
  */

} 



  
  /* #mindscape{width:19.2rem;height:9rem;overflow:hidden;margin:0 auto;} */
  img.index_bg {width:20rem;height:9rem; -webkit-animation: fadeInDown 1s ease 1;
    -moz-animation: fadeInDown 1s ease 1;
    -ms-animation: fadeInDown 1s ease 1;
    animation: fadeInDown 1s ease 1;}
    img.index_zhiwu {width:19.2rem;height:9rem;
    -webkit-animation: fadeInDown 1s ease 1;
    -moz-animation: fadeInDown 1s ease 1;
    -ms-animation: fadeInDown 1s ease 1;
    animation: fadeInDown 1s ease 1;
  }
  @-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
    }
  
    to {
        opacity: 1;
        
        transform: none;
    }
  }
  @keyframes fadeInDown {
    from {
        opacity: 0;
     
       
    }
  
    to {
        opacity: 1;
     
        transform: none;
    }
  }

.fixed{position:absolute;left:0;top:0;width:100%;height:100%;/* -webkit-transform:translate(-50%,-0.3rem);transform:translate(-50%,-0.3rem);*/}
.bg-wrapper{width:100%;height:100%;}
.bg-container{background-image:url(../images/index_top_bg1.jpg);background-size:100% 100%;transition: all 0.3s;}
#ta-wrapper{position:absolute;left:50%;top:50%;margin-left:-9.6rem;margin-top:-4.5rem;width:19.2rem;height:9rem;
 transition: all 0.3s;} 
  /* background-image:url(../images/index_top_ice11.png);background-size:19.32rem 9rem; */