@charset "utf-8";
/*CSS Document*/
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

html, body{ width: 100%; height: 100%;background:#b0b9c0; }
body{ position: relative;  width: 100%;overflow-x: hidden;}
.wrap{ position: relative;  left: 50%; width: 100%; height: 100%; max-width: 1920px;   transform: translate(-50%, 0);  }
.top{background: url(../images/top.jpg) no-repeat center center;height: 1080px;width: 100%; }
.navbox{width: 100%;background: url(../images/nav.jpg) no-repeat;height: 80px;position: absolute;z-index: 100; display: block; max-width: 1920px;transform: translate(-50%, 0);left: 50%;}
.nav{color: #2b566a;font-size: 24px;line-height: 80px;  position: absolute; width: 1000px;top: 0;left: 400px;}
.nav a{margin: 0 50px 0 0;color: #2b566a;}
.logo{width: 360px;height: 80px;background: url(../images/logo.png) no-repeat;float: left;}
.logo2{width: 104px;height: 92px;background: url(../images/logo2.png) no-repeat;position: absolute;left: 10px;top: 10px;display: none;}
@-webkit-keyframes rotate {
    0%{
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100%{
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
}

@keyframes rotate {
    0%{
      transform: rotate(0);

    }
    100%{
      transform: rotate(360deg);
    }
}
.yy_btn {
    position: absolute;
    top: 760px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 330px;
    height: 90px;  
    background: url(../images/btn_yy.png) no-repeat 0 0; cursor: pointer;transition:all .3s ease-in-out;
}
.yy_btn:hover{  background: url(../images/btn_yy_hover.png) no-repeat 0 0;}
.slogan{width: 700px;height: 570px;background: url(../images/slogan.png) no-repeat;position: absolute;transform: translate(-50%, 0);left: 50%; top: 170px;}
.follow_us{ position: absolute; right:30px; top:850px; width: 295px; height: 50px;  z-index: 1; }
.follow_us a{float: left; width: 44px;height: 45px; background: url(../images/follow_us_a.png) no-repeat;margin: 0 30px 0 0; }
.follow_us a.bilibili{ top: 69px;  background-position: 0 0; }
.follow_us a.bilibili:hover{ background-position: 0px -100px; }
.follow_us a.sina{ top: 110px;   background-position: -74px 0px; }
.follow_us a.sina:hover{ background-position: -74px -100px; }
.follow_us a.wechat{ top: 147px;   background-position: -148px 0px; }
.follow_us a.wechat:hover{ background-position: -148px -100px; }
#code_box{ position: absolute; top: -230px; right: 0px;   width: 457px; height: 210px; display: none; }
#code_box img{ position: absolute; top: 35px; left: 33px; width: 142px; height: 142px; display: none; }
.box_bilibili{ background: url(../images/box_bilibili.png) no-repeat 0 0; }
.box_sina{ background: url(../images/box_sina.png) no-repeat 0 0; }
.box_wechat{ background: url(../images/box_wechat.png) no-repeat 0 0; }
.sidebar{width: 160px;height: 0px;position: fixed;top: 250px;left: 50px; z-index: 10; display: none;}
.sidebar.on{height: 410px;}
.sidebar a{width: 160px;height: 60px;font-size: 18px;color: #fff;line-height: 60px;position: relative;  display: block;text-indent: 30px;margin: 30px 0 ;}
.sidebar a:hover,.sidebar a.on{font-size: 27px;border-left: 2px solid #0098ff;}
.sidebar2{width: 58px;height:188px; position: fixed;top: 250px;right: 50px; z-index: 10;display: none;}
.sidebar2.s1{ background: url(../images/sider1.png) no-repeat 0 0;}
.sidebar2.s2{ background: url(../images/sider2.png) no-repeat 0 0;}
.sidebar2.s3{ background: url(../images/sider3.png) no-repeat 0 0;}
.sidebar2.s4{ background: url(../images/sider4.png) no-repeat 0 0;}
.sidebar .con{overflow: hidden; height: 0px; left: -2px;position: relative;transition: height 0.8s;}
.sidebar .con .line{height: 410px;border-left: 1px solid #fff;position: absolute;width: 5px;left: 0;}
.sidebar.on .con{ height: 580px;}
 
.side_ico{background: url(../images/side_bg2.png)   no-repeat;width: 120px;height: 184px;position: absolute;left: -60px;top: -175px; cursor: pointer;background-size:100% ;transition: all 0.5s;}
.sidebar.on .side_ico{background: url(../images/side_bg.png)  no-repeat;background-size:100% ;}
.qrbox{width: 111px;height: 128px;background: url(../images/qrbg.png) no-repeat;position: absolute;top: 450px;}
.qrbox img{width: 95px;height: 95px;position: absolute;left: 8px;top: 28px;}
.title{width: 100%;background: url(../images/title.jpg) center no-repeat;  height: 219px;}
.page1{width: 100%;height: 1044px;background: url(../images/page1.jpg) center no-repeat;position: relative;transform: translate(-50%, 0);left: 50%;  }
.page2{width: 100%;height: 996px;background: url(../images/vocation1.jpg) center no-repeat;position: relative;transform: translate(-50%, 0);left: 50%; overflow: hidden;}
.page2 .con{width: 100%;height: 996px;position: absolute;top: 0;}
.page2 .con h2{bottom: 80px;position: absolute;transform: translate(-50%, 0);left: 50%; transition:all .3s ease-in-out;}
.page2 .con h2.on{bottom: 50px;}
.page2 .con1{background: url(../images/vocation1.jpg) center no-repeat;}
.page2 .con2{background: url(../images/vocation2.jpg) center no-repeat; display: none;}
.page2 .con3{background: url(../images/vocation3.jpg) center no-repeat; display: none;}
.page3{width: 100%;height: 987px; position: relative;overflow: hidden;  background: url(../images/page3.jpg) center no-repeat;}
.pagebottom{width: 100%;height: 350px; position: relative;overflow: hidden;}
.page3 .bg{ height: 100%;width: 100%; position: relative;  overflow: hidden;position: absolute;z-index: 0; filter: blur(8px)  brightness(30%); -webkit-filter:blur(8px) brightness(30%);}
.banner{width: 1200px;height: 1000px;position: relative; transform:translate(-50%, 0);left: 50%;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version1{border-top:1px solid #818793; width:fit-content; display: flex;justify-content:space-between;position: absolute;bottom: 20px;z-index: 100;left: auto; right: 50px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version1 .swiper-pagination-bullet{margin: -8px 30px 0 -5px;background:url(../images/bullet.png) no-repeat; width: 15px;height: 15px;position: relative;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version1 .swiper-pagination-bullet:last-child{margin: -8px -5px 0 0px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/bullet_on.png) no-repeat;}
.swiperVersion1 {overflow-y: hidden;height: 478px;}
.swiperVersion1 .swiper-slide img{height: 100%;}
.swiperVersion1 .swiper-slide .tit{font-size: 22px;color: #fff;line-height: 34px;height: 34px;background:url(../images/ico1.png) no-repeat;text-indent: 50px;position: absolute;bottom: 20px;z-index: 100;left: 50px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version2{  width:fit-content; display: flex;justify-content:space-between;position: absolute; z-index: 100;left: 50%;transform: translate(-50%, 0);bottom: 10px; }
 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version2 .swiper-pagination-bullet{margin: 0px 30px 0 -5px;background:url(../images/bullet2.png) no-repeat; width: 28px;height: 32px;position: relative;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version2 .swiper-pagination-bullet:last-child{margin: 0px -5px 0 0px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/bullet2_on.png) no-repeat;}

.swiperVersion2{width: 1200px;height: 420px;margin: 35px 0 0 0;transform: translate(-50%, 0);left: 50%;}
.swiperVersion2 .swiper-slide{width: 303px;height: 317px;background:url(../images/news1.png) center no-repeat;position: relative;margin: 10px 0 0 0;}
.swiperVersion2 .swiper-slide img{width: 100%;}
.swiperVersion2 .swiper-slide .cover{width: 292px;height: 166px;position: absolute;background:url(../images/cover.png) no-repeat;left: 6px;}
.swiperVersion2 .swiper-slide .img{width: 288px;height: 162px;margin:2px 8px 0;overflow: hidden;}
.swiperVersion2 .swiper-slide .img img{height: 100%; width: auto;}
.swiperVersion2 .swiper-slide h3{font-size: 20px;color: #000;width: 270px;height: 70px;margin: 20px auto 0;}
.swiperVersion2 .swiper-slide .pop{display: block;opacity: 0; width:303px;height: 326px;background:url(../images/lay.png) no-repeat;position: absolute;z-index: 1;top: -10px;left: 0px;transition:all .3s ease-in-out;}
.swiperVersion2 .swiper-slide:hover .pop{display: block;opacity: 1;}

.swiperVersion3{width: 100%;height: 460px;margin: 80px 0 0 0;transform: translate(-50%, 0);left: 50%;}

.swiperVersion3 .swiper-slide{width: 545px;height: 306px; position: relative;margin: 20px 0 0 0; cursor: pointer;}
.swiperVersion3 .swiper-slide video{width: 545px;height: 306px;border-radius: 10px;overflow: hidden;margin: 50px 0 0 0;}
.swiperVersion3 .swiper-slide .img{border-radius: 10px;overflow: hidden;width: 545px;height: 306px;margin: 50px 0 0 0;}
.swiperVersion3 .swiper-slide .img img{height: 100%;}
.swiperVersion3 .swiper-slide .tit{font-size: 22px;color: #fff;line-height: 34px;height: 34px;background:url(../images/ico1.png) no-repeat;text-indent: 50px;position: absolute;bottom: 20px;z-index: 100;left: 50px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version3{  width:fit-content; display: flex;justify-content:space-between;position: absolute; z-index: 100;left: 50%;transform: translate(-50%, 0);bottom: 10px; }
 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version3 .swiper-pagination-bullet{margin: 0px 10px 0 -5px;background:url(../images/bullet2.png) no-repeat; width: 28px;height: 32px;position: relative;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version3 .swiper-pagination-bullet:last-child{margin: 0px -5px 0 0px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version3 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/bullet2_on.png) no-repeat;}
.swiperVersion3 .swiper-slide .tag{width: 68px;height: 137px;background:url(../images/tag.png) no-repeat;position: absolute;top: 0px;left: 30px;}
.swiperVersion3 .swiper-slide .tag .t{color: #d4d7e0;font-size: 27px;width: 30px;height: 110px;position: absolute;left: 10px;top: 10px;}
.swiperVersion3 .swiper-slide .tag .s{color: #d4d7e0;font-size: 18px;width: 25px;height: 110px;top: 10px;position: absolute;right: 0px;text-align: right;}
.detail{ width: 92px;height: 20px;background:url(../images/detail.png) no-repeat; display: block;margin: 10px 0 0 30px;position: absolute;z-index: 2;}
.swiperVersion2 .swiper-slide .tit{font-size: 30px;color: #6b5b2f;width: 270px;height: 40px;line-height: 40px;text-align: center;margin: 30px auto 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.swiperVersion2 .swiper-slide .txt{font-size: 16px;color: #fff;width: 260px;margin: 10px auto 0;}
.swiperVersion2 .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.swiperVersion3 .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1.1);
	}
.swiperVersion4{width: 100%;height: 800px;margin: 35px 0 0 0;transform: translate(-50%, 0);left: 50%;}
.contentbox{width: 1200px;height: 675px; transform: translate(-50%, 0);left: 50%;position: absolute;top: 200px;}
.popclose{width: 65px;height: 65px;background:url(../images/popclose.png) no-repeat;position: absolute;left: 50%;transform: translate(-50%, 0);top: 70px; cursor: pointer; z-index: 20;}
.swiperVersion4 .swiper-slide{width: 1200px;height: 675px; position: relative;margin: 80px 0 0 0;}
.swiperVersion4 .swiper-slide .img,.contentbox .img{border-radius: 10px;overflow: hidden;width: 1200px;height: 675px;margin: 0px 0 0 0;}
.swiperVersion4 .swiper-slide .img img,.contentbox .img img{height: 100%;}
.swiperVersion4 .swiper-slide .tit{font-size: 22px;color: #fff;line-height: 34px;height: 34px;background:url(../images/ico1.png) no-repeat;text-indent: 50px;position: absolute;bottom: 20px;z-index: 100;left: 50px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version4{  width:fit-content; display: flex;justify-content:space-between;position: absolute; z-index: 100;left: 50%;transform: translate(-50%, 0);bottom: 0px; }
 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version4 .swiper-pagination-bullet{margin: 0px 30px 0 -5px;background:url(../images/bullet2.png) no-repeat; width: 28px;height: 32px;position: relative;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version4 .swiper-pagination-bullet:last-child{margin: 0px -5px 0 0px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-version4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/bullet2_on.png) no-repeat;}

.swiperVersionInfo{width: 1400px;height: 687px;margin: 0px 0 0 0;transform: translate(-50%, 0);left: 50%;}

.swiperVersionInfo .swiper-slide{width: 346px;height: 687px; position: relative;margin: 0px 0 0 0;}

.pre{width: 53px;height: 52px;background:url(../images/pre.png) no-repeat; position: absolute; cursor: pointer; z-index: 11;bottom: 0;left: 50px;}
.next{width: 53px;height: 52px;background:url(../images/next.png) no-repeat; position: absolute; cursor: pointer; z-index: 11;bottom: 0;right: 50px;}
.pre2{width: 67px;height: 68px;background:url(../images/pre.png) no-repeat; position: absolute; cursor: pointer; z-index: 11;bottom: 0;left: 50px;}
.next2{width: 67px;height: 68px;background:url(../images/next.png) no-repeat; position: absolute; cursor: pointer; z-index: 11;bottom: 0;right: 50px;}
.btn_more{width: 202px;height: 57px;background:url(../images/btn_more.png) no-repeat;margin: 0 auto 0; display: block; cursor: pointer;}
.pre3{width: 67px;height: 68px;background:url(../images/pre2.png) no-repeat; position: absolute; cursor: pointer; z-index: 11;top: 180px;left: 50px;}
.next3{width: 67px;height: 68px;background:url(../images/right2.png) no-repeat; position: absolute; cursor: pointer; z-index: 11;top: 180px;right: 50px;}

.pre4{width: 67px;height: 68px;background:url(../images/pre2.png) no-repeat; position: absolute; cursor: pointer; z-index: 111;top: 430px;left: 50px;}
.next4{width: 67px;height: 68px;background:url(../images/right2.png) no-repeat; position: absolute; cursor: pointer; z-index: 111;top: 430px;right: 50px;}

.title1{width: 1770px;height: 100px;background:url(../images/title1.png) no-repeat;position: relative;transform: translate(-50%, 0);left: 50%;margin: 20px 0 0 0;opacity: 0; z-index: 1;}
.title2{width: 1770px;height: 100px;background:url(../images/title2.png) no-repeat;position: relative;transform: translate(-50%, 0);left: 50%;margin: 20px 0 0 0;opacity: 0;}
.waite{position: absolute; color: #fff;width: 100%;text-align: center;top: 470px;font-size: 36px;}
.v1{width: 346px;height: 687px;background:url(../images/v1.png)  no-repeat;  position: absolute;transition:all .3s ease-in-out;  }
.v1:hover{background:url(../images/v1_hover.png)  no-repeat;transform: translateY(10px);}
.v2{width: 346px;height: 687px;background:url(../images/v2.png)  no-repeat;  position: absolute; transition:all .3s ease-in-out; }
.v2:hover{background:url(../images/v2_hover.png)  no-repeat;transform: translateY(10px);}
.v3{width: 346px;height: 687px;background:url(../images/v3.png)  no-repeat;  position: absolute; transition:all .3s ease-in-out; }
.v3:hover{background:url(../images/v3_hover.png)  no-repeat;transform: translateY(10px);}
.v1 .ico{background:url(../images/v1ico.png)  no-repeat; width: 175px;height: 188px;position: absolute;transition:all .3s ease-in-out;left: 90px;top: 230px; }
.v1:hover .ico{top: 340px;background:url(../images/v1ico_on.png)  no-repeat;}
.v2 .ico{background:url(../images/v2ico.png)  no-repeat; width: 175px;height: 188px;position: absolute;transition:all .3s ease-in-out;left: 90px;top: 230px; }
.v2:hover .ico{top: 340px;background:url(../images/v2ico_on.png)  no-repeat;}
.v3 .ico{background:url(../images/v3ico.png)  no-repeat; width: 175px;height: 188px;position: absolute;transition:all .3s ease-in-out;left: 90px;top: 230px; }
.v3:hover .ico{top: 340px;background:url(../images/v3ico_on.png)  no-repeat;}
.v2:hover .waite{display: none;}
.v3:hover .waite{display: none;}
.page2 .btn_enter{width: 130px;height: 70px;display: block;position: absolute;cursor: pointer;bottom: 80px;left: 110px;}
.content{width: 1220px;height: 700px;transform: translate(-50%, 0);left: 50%;position: relative;}
.btn_play{width: 92px;height: 92px;background:url(../images/btn_play.png) center top no-repeat;position: absolute;transform: translate(-50%, -50%);left: 50%;top: 65%; z-index: 1;}
h2{font-size: 60px; color: #ffff; font-weight: bold;text-align: center;}
h2 span{font-size: 24px; display: block;clear: both;font-weight: normal;}
.popimg{width: 100%;height: 100%;background:rgba(0,0,0,0.8);position: fixed; left: 0; top: 0; z-index: 200;display: none;}
.popimg .popclose,.popvideo .popclose{left: auto; right: 0;}
.popimg .contentbox,.popvideo .contentbox{position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.popvideo{width: 100%;height: 100%;background:rgba(0,0,0,0.8);position: fixed; left: 0; top: 0; z-index: 200;display: none;}
.popvideo .contentbox video{border-radius: 10px;overflow: hidden;width: 1200px;height: 675px;margin: 0px 0 0 0;}
 
.btn_yy2{ width: 330px; cursor: pointer;
    height: 90px; background:url(../images/btn_yy.png) no-repeat;position: relative;left: 50%;margin:20px 0 0 -158px;transition:all .3s ease-in-out;}
.btn_yy2:hover{background:url(../images/btn_yy_hover.png) no-repeat;}
 
.zoom{width: 120px;height: 68px;background:url(../images/ico_zoom.png) no-repeat;position: absolute; z-index: 10;transform: translate(-50%, -50%);left: 50%;top: 50%; cursor: pointer;}

.navswiper{color: #9a9fab;font-size: 22px;position: absolute; z-index: 30;text-align: right;right: 100px;}
.navswiper span{width: 110px;height: 30px;display: inline-block;cursor: pointer;text-align: center;}
.navswiper span.on{ color: #0098ff;background:url(../images/navbg.png) 0 5px no-repeat;}

.pagebottom .follow_us{width: 100%; bottom: auto;right: 0;text-align: center;bottom: 50px;}
.pagebottom .follow_us a{display: inline-block; float: none;}
.pagebottom{display: none;}
/*弹出框：游戏预约*/
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9) url(../images/pop.png) no-repeat center center; display: none; z-index: 900; }
.pop-big-pic{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); display: none; z-index: 11; }

.pop_content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pop .close{ position: absolute;   width: 30px; height: 30px; background: url(../images/yyclose.png) no-repeat 0 0;  z-index: 100;right: 0; top: -40px; }
#pop_bigPic .close{ position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -36px;
    width: 71px;
    height: 72px;
    background: url(../images/pop-big-close.png) no-repeat center;
    cursor: pointer;
    border: 0;}
.pop0{ width:745px; height: 529px; background: url(../images/pop0.png) no-repeat 0 0; }
.pop_tit1{ height: 163px; background: url(../images/pop_tit1.png) no-repeat center 70px; }
.user_phone{ display: block; margin: 0 auto 20px auto; width: 430px; height: 50px; line-height: 50px; text-align: center; background: #fff; border: 1px solid #818793; font-size: 20px; color: #87a2ca; }
.area_code{ margin-top: 12px; width: 176px; height: 26px; text-align: center; background: none; border: none; border-right: 1px solid #485872; font-size: 18px; color: #87a2ca; outline:none; }
.phone_num{ margin-top: 12px; width: 252px; height: 26px; line-height: 26px; text-align: center; background: none; border: none; font-size: 18px; color: #87a2ca; }
.wanmeiCaptcha{ margin: 0 auto 20px auto; width: 432px; height: 48px; background: #5878bb; }
.tel_code{ position: relative; margin: 0 auto 30px auto; width: 430px; height: 50px; background: #fff; border: 1px solid #818793; overflow: hidden; }
.tel_code_input{ position: absolute; top: 0; left: 0; width: 237px; height: 52px; line-height: 52px; background: none; border: none; text-align: center; font-size: 20px; color: #87a2ca; }
.get_tel_code{ position: absolute; top: 0; right: 0; width: 154px; height: 52px; line-height: 52px; text-align: center; background: #30415b; font-size: 20px; color: #9badc9; }
.pop_submit{ display: block; margin: 0 auto; width: 234px; height: 58px; background: url(../images/pop_submit.png) no-repeat 0 0; }
/* .pop_submit:hover{ background-position: 0 -58px; } */
.yy_tip{ margin-top: 40px; text-align: center; font-size: 16px; color: #9ab3d8; }
#wanmeiCaptcha_0{ max-width:592px!important; height:52px!important;}
#wanmeiCaptcha_0 .tester-doneicon,#wanmeiCaptcha_0 .tester-failicon{ top:9px!important;}
.tester-ringicon{ top: 10px!important; left: 30px!important;}
#wanmeiCaptcha_0 p{ line-height:50px!important; font-size: 24px!important; color: #1875f0;}
#wanmeiCaptcha_0 .tester-ringouter{ border-width: 1px!important; width: 18px!important; height: 18px!important; border-radius: 10px!important; -webkit-border-radius: 10px!important;}
#wanmeiCaptcha_0 .tester-ringinner{ background-color: #1875f0!important;}

/*弹出框：预约成功*/
.pop1{ width: 840px; height: 501px; background: url(../images/pop1.png) no-repeat 0 0; }
.pop_tit2{ height: 270px; background: url(../images/pop_tit2.png) no-repeat center 184px; }
.yy_success_tip{ margin-top: 40px; text-align: center; font-size: 26px; color: #394a61; }

/*弹出框：提示*/
#pop_alert{ z-index: 901; }
.pop2{ width: 740px; height: 402px; background: url(../images/pop2.png) no-repeat 0 0; }
.table{ display: table; width: 100%; height: 100%; }
.table_cell{ display: table-cell; vertical-align: middle; text-align: center; font-size: 26px; color: #394a61; }
 

.fadein{animation: f_in 1s forwards;-webkit-animation: f_in 1s forwards;}
@keyframes bigger{
  0%{transform: scale(0);opacity: 0}
  100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes bigger{
  0%{transform: scale(0);opacity: 0}
  100%{transform: scale(1);opacity: 1}
}
.ewm_light{ position:absolute; width:111px; height:12px; left:-8px; top:10px;background:url(../images/ewm_light.png); animation:key_line 1s linear infinite alternate; -webkit-animation:key_line 1s linear infinite alternate; -ms-animation:key_line 1s linear infinite alternate;}
@keyframes key_line{
	0%{ transform:translate3d(0,0,0)}
	100%{ transform:translate3d(0,110px,0)}
}
@-webkit-keyframes key_line{
	0%{ -webkit-transform:translate3d(0,0,0)}
	100%{ -webkit-transform:translate3d(0,110px,0)}
}
@-ms-keyframes key_line{
	0%{ -ms-transform:translate3d(0,0,0)}
	100%{ -ms-transform:translate3d(0,110px,0)}
}

@keyframes f_in{
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}
@-webkit-keyframes f_in{
0%{ opacity: 0;}
	100%{ opacity: 1;}
}
@-ms-keyframes f_in{
0%{ opacity: 0;}
	100%{ opacity: 1;}
}
.down-box{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100px;background: rgba(0,0,0,.6);z-index: 2;}
.down-info{width: 100%;margin:0 auto;position: relative;color: #ffffff;font-size: 16px;line-height: 100px;text-align: center;}
.down-info span{display:inline-block;margin-right: 25px;}
.down-info ul{display: inline-block;}
.down-info ul li{display:inline-block;margin-right: 25px;}
.down-info ul li a{display:block;color: #ffffff;width: 130px;height: 24px;line-height: 24px;border: 1px solid transparent;border-radius: 13px;text-align: center;}
.down-info ul li a:hover{border-color: #7c7c7c;}
.down-info .down-pic{display:inline-block;color: #ffffff;}
.down-info .pop-big-close{position: absolute;right: 10px;top:50%;margin-top:-36px; ;width: 71px;height: 72px;background: url(../images/pop-big-close_1.png) no-repeat center;cursor: pointer;border: 0;}
 
@media screen and (min-width: 801px) and (max-width: 1280px) {
      .banner{width: 820px;height: 1000px;position: relative; transform:translate(-50%, 0);left: 50%;overflow: hidden;}
      .swiperVersion2{width: 820px;}
      .swiperVersion1{width: 820px;height: 412px;}
      .swiperVersion1 .swiper-slide{height: 412px;}
      .swiperVersion1 .swiper-slide img{height: 100%;}
      .content{width: 823px;}
      .content .v1{width: 274px;background-size: 100%;}
      .content .v2{width: 274px;background-size: 100%;}
      .content .v3{width: 274px;background-size: 100%;}
      .sidebar{left: 10px;}
      .side_ico{width: 100px;height: 154px;left: -50px;top:-145px}
      .contentbox{width: 700px;height: 400px;}
.contentbox .img{width: 700px;height: 400px;}
      .popvideo .contentbox video{width: 700px;height: 400px;}
 }
 
@media screen and (min-width: 1px) and (max-width: 800px) {
body{background: url(../images/bg.jpg) no-repeat 0 0;}
.page1{background:none;}
.page2{background:none;height: 1030px;}
.page3{background:none;height: 840px;}
.navbox{width: 100%;background: #000;height: 80px;position: fixed; height: 100%; z-index: 100;display: none;}
.nav{color: #2b566a;font-size: 24px;line-height: 80px;float: left; width: 100%;left: 0;}
.nav a{margin: 50px 0px 0 0;display: block;height: 70px;width: 100%;line-height: 70px;text-align: center;font-size: 28px; color: #fff;}
.top{background: url(../images/top2.jpg) no-repeat 0 0;}
.btn_show{width: 42px;height: 42px;background: url(../images/btn_show.png) no-repeat 0 0;position: absolute; cursor: pointer;right: 25px;top: 25px; z-index: 1; }
.btn_close{width: 42px;height: 42px;background: url(../images/btn_close.png) no-repeat 0 0;position: fixed;right: 15px;top: 15px; cursor: pointer; z-index: 10;}
.slogan{width: 740px;height: 210px;background: url(../images/slogan2.png) no-repeat;position: absolute;transform: translate(-50%, 0);left: 50%; top: 500px;}
.content{width: 823px;margin: 40px auto 0;}
.banner{width: 670px;height: 1000px;position: relative; transform:translate(-50%, 0);left: 50%;overflow: hidden;}
      .swiperVersion2{width: 670px;}
      .swiperVersion1{width: 670px;height: 350px;overflow: hidden;}
      .swiperVersion1 .swiper-slide{height: 350px; }
      .swiperVersion1 .swiper-slide img{height: 100%;}
.swiperVersionInfo{width: 100%;}
.title1{width: 1770px;height: 100px;background:#d7dce2 url(../images/title1_2.png) no-repeat;position: relative;transform: translate(-50%, 0);left: 50%;margin: 20px 0 0 0;}
.page3 .bg{display: none;}
.navswiper{width: 100%;right: 0;text-align: center;top: 150px;}
.navswiper span{}
.pagebottom{display: block;}
.top .follow_us{display: none;}
.pagebottom .qrbox{width: 111px;height: 128px;background: url(../images/qrbg.png) no-repeat;position: absolute;top:  0px;transform: translate(-50%, 0);left: 50%;}
.pagebottom .qrbox img{width: 95px;height: 95px;position: absolute;left: 8px;top: 28px;}
.follow_us a{float: left; width: 44px;height: 45px; background: url(../images/follow_us_a.png) no-repeat;margin: 0 30px 0  ; }
.pagebottom #code_box {right: 120px;}
.sidebar{display: none;left: 10px;}
.sidebar2{display: block;}
.sidebar{left: 10px;}
      .side_ico{width: 100px;height: 154px;height: 154px;left: -50px;top:-145px}
.contentbox{width: 700px;height: 400px;}
.contentbox .img{width: 700px;height: 400px;}
.popvideo .contentbox video{width: 700px;height: 400px;}
.logo{display: none;}
.logo2{display: block;}
h2{font-size: 40px;}
h2 span{font-size: 21px;}
.general_20220704{display: none;}
.generalBox_20220704{display: none;}
}
.top{overflow: hidden;position: relative;}
 .wrap video{position: absolute; width: 1920px;transform:translate(-50%, 0);left: 50%; }
@media screen and (min-width: 1921px) and (max-width: 3600px) {
  .navbox{width: 100%;background:#bbc6ce url(../images/nav.jpg) no-repeat;height: 80px;position: absolute;z-index: 100; display: block; max-width: 3600px;transform: translate(-50%, 0);left: 50%;}
 .wrap,.wrap video{width: 100%; max-width: 3600px; }
 .page2 .con1,.page2 .con2,.page2 .con3{background-size: 100%;}
 .page2,.page3{background-size: 100%;}
 .page1{background-size: 100%;}
}