html { overflow-y:scroll;  line-height: initial; }
html,body{overflow-x:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #282828	}
a:hover{color:#282828; -webkit-transition: color ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-family: "SourceHanSansCN"; color: #282828; background: #fff;font-size: 16px; }

/* 方正书宋 */
@font-face {
    font-family: 'FangZhengShuSong';/*这里填写字体名*/
	src:url('../fonts/FangZhengShuSong-GBK-1.ttf')
}
/* 思源黑体 */
@font-face {
    font-family: 'SourceHanSansCN';/*这里填写字体名*/
	src:url('../fonts/SourceHanSansCN-Regular.otf')
}
/* 三极行楷简体 */
@font-face {
    font-family: 'SanJiXingKaiJianTi';/*这里填写字体名*/
	src:url('../fonts/SanJiXingKaiJianTi-Cu-2.ttf')
}


@font-face {
  font-family: 'iconfont';  /* Project id 4404135 */
  src: url('https://at.alicdn.com/t/c/font_4404135_al3j5xhsp1d.woff2?t=1704873405804') format('woff2'),
       url('https://at.alicdn.com/t/c/font_4404135_al3j5xhsp1d.woff?t=1704873405804') format('woff'),
       url('https://at.alicdn.com/t/c/font_4404135_al3j5xhsp1d.ttf?t=1704873405804') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/* 导航栏 */
.hearder1,.hearder2{ width:100%;height:67px;background:rgba(0, 0,0,0.7) ; margin: 0 auto;position: fixed;	top: 0; z-index: 9999;}
.hearder2 {}
.hearder1 .content {display: flex; padding: 0 60px; justify-content: space-between;}
.menu {  position: relative;display: flex;  justify-content: center;}
.menu * {  box-sizing: border-box;}
.menu .center {  }
.menu .ul-list {  display: flex;}
.menu .ul-list > li {  flex: 1;   position: relative; }
.menu .ul-list > li > a {  height: 67px;  display: flex; position: relative; width: 100px; margin: 0 15px;  align-items: center;  justify-content: center;  font-size: 20px;  text-decoration: none;  color: #ababab;  }
.menu .ul-list > li > a::before {color: #fff; position: absolute; bottom: 1px; left: 0; width:0; height: 1px; content: ""; background: #fff; transition: all ease 0.3s;}
.menu .ul-list > li > a:hover::before {width: 100%;color: #fff; position: absolute; bottom: 1px; left: 0;height: 1px; content: ""; background: #fff;}
.menu .ul-list > li > span {  color: #fff;  font-size: 14px;  height: 67px;  display: flex;  align-items: center;  justify-content: center;  background: #222;}
/* .menu .ul-list > li:hover .ol-list {  display: block;} */
.menu .ol-list {  display: none;  position: absolute;  top: 67px; padding-top: 20px;  left: 0;  z-index: 999;    width: 100%; display: none;}
.menu .ol-list > li > a {  font-size: 18px;  text-decoration: none;  color: #ababab; height: 37px;  display: flex;  align-items: center;  justify-content: center;}
.menu .ol-list > li > a:hover {  color: #fff; text-decoration: underline;}
.bg {position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0.7) 50% ,rgba(0,0,0,0.0)  ); top: 67px; left: 0; width: 100%; display: block;}

.hearder2  {height: 83px; }
.hearder2 .down {position: relative; width: 100%; padding: 0;left: 0;margin: 0; bottom: 0; height: 83px;}
.hearder2 .down>a img {height: 83px;}

/* 第一屏 */
.part1 {height: 100vh; overflow: hidden; background: url(../img/pic111.png) no-repeat center center fixed; background-size: cover ;  position: relative;}
.part1 .pic {position: absolute;    top: 11.4%;    left: 53%;          height: 550px;}
.down {width: 850px;  position: absolute;bottom: 80px; height:98px ; overflow: hidden; left: 50%; margin-left: -425px; display: flex;  align-items: stretch;}
.downLink {display: flex; background: rgba(0, 0,0,0.5); align-items: center; padding: 5px 0;}


.downLink a {display: block; width: 108px; text-align: center; color: rgba(255,255,255,0.67); font-size: 15px;  }

.down p {}
.down .text {display: flex; background: url(../img/bg1.png) repeat-x;  }
.down .text a {display: block;width: 170px; text-align: center; padding: 10px 0 0 0; color: #d7c59c;}
.down .text a p:nth-child(1){font-family: 'FangZhengShuSong';font-size: 24px; color: #fff; position: relative; line-height: 1; }
.down .text a p:nth-child(1)::before {position: absolute; left: 15px; top:13px; height: 1px; width: 10px; content: ""; background: #8e8876;}
.down .text a p:nth-child(1)::after {position: absolute; right: 15px; top:13px; height: 1px; width: 10px; content: ""; background: #8e8876;}
.down .text a p:nth-child(3) {}
.down .text {margin-right: 10px;}

.arrow {position: absolute;    bottom: 30px;    left: 50%;    margin-left: -10px;    width: 20px;    height: 15px;}



/* 第二屏 */
.part2 {height: 100vh; display: flex; overflow: hidden;}
.part2 .left { width: 1000px; height: 100vh; position: relative; }
.part2 .left .text div{position: relative; width: 100%; height: 100vh;background-repeat: no-repeat; background-size:cover; background-position:bottom; }

.part2 .left .text div div{display: flex;      position: absolute;  font-family: 'FangZhengShuSong';   left: 12%;    top: 15%;    padding-bottom: 0.4em;    width: 1.2em;    font-size: 24px;       color: #485367;}

.part2 .left .text p:nth-child(2) {font-size: 160px; color: #fff;}
.part2 .left .text p:nth-child(2) a { color:#fff}
.part2 .left .text p span {display: block;}
.role {}
/* tab */
.part2 .left  #tab{ }
.part2 .left  .role {background: rgba(255,255,255,0.75); text-align: center;    position: absolute;    left: 23%;    top: 66%;        width: 140px;      color: #2c3d5b;        display: flex;    flex-direction: column;}
.part2 .left #tab .tab_menu li{position: relative; transition: all ease 0.5s;  border-bottom: 2px solid rgba(255,255,255,0); margin: 0 25px; border-width: 1; transition: all ease 0.3s;height: 28rpx;box-sizing: border-box;  line-height: 28px; font-size:14px;   color: #384764; cursor: pointer; font-family: 'FangZhengShuSong'; font-weight: bold;}
.part2 .left #tab .tab_menu li::before {position: absolute; transition: width ease 0.3s; width: 0px; height: 1px; background: #c9ab74; left: 5px; top: 50%; content: "";}
.part2 .left #tab .tab_menu li::after {position: absolute; transition: width ease 0.3s; width: 0px; height: 1px; background: #c9ab74; right: 5px; top: 50%; content: "";}

.part2 .left #tab .tab_box{}
.part2 .left #tab .tab_menu .selected,.part2 .left #tab .tab_menu li:hover{color:#caab75; border-width: 100%; cursor:pointer; position: relative; border-bottom: 2px solid #caab75;}
.part2 .left #tab .tab_menu .selected::before,.part2 .left #tab .tab_menu li:hover::before { width: 10px; }
.part2 .left #tab .tab_menu .selected::after,.part2 .left #tab .tab_menu li:hover::after { width: 10px; }

.part2 .left .text div.hide{display:none; }

.role p {height: 44px; line-height: 44px; background:#f4f7fb; position: relative; overflow: hidden;}
.role p a {color: #2c3d5b; display: block; height: 44px; width: 100%;  position: absolute;top:0;left: 0; transition: all ease 0.5s; }
.role p a span {display: block; width: 100%; height: 44px;}
.role p a:hover{top: -44px;}
.role p a .arr {font-size: 22px; color: #2c3d5b; }

.role p .hide{display: none;}

.part2 .left .text div.kuai {
    display: flex; 
}
.part2 .left .text div.kuai  div{animation-name: example; position: relative;
  animation-duration: 1s;}

.part2 .left .min .more{animation-name: example;animation-duration: 1s;}
@keyframes example {
  from {margin-top: 50px;}
  to {margin-top: 0px;}
}



/* 右侧 */
/* 幻灯 */
.swipe {height: 45%;}
.part2  .right {width: 920px;}
.part2  .swiper-container {        width: 920px;        height: 100%;    }
.part2  .swiper-slide { position: relative;              font-size: 38px;        background: #fff;  background-size: cover; background-position: center ; background-repeat: no-repeat;            display: flex;        justify-content: center;        align-items: center;   }
.part2  .swiper-slide img {width: 920px; height: 470px;}
.part2  .swiper-slide p {position: absolute; left: 30px; bottom: 20px; color: #fff; font-family: 'FangZhengShuSong'; }

.part2  .right #tab1{position:relative; height: 100%;}
.part2  .right #tab1 .tab_menu{width:100%;float:left;position:absolute;z-index:999; left: 40px; }
.part2  .right #tab1 .tab_menu::after {position: absolute; left: 0; width: 100px; height: 2px; bottom: -5px; background: #fff; content: "";}
.part2  .right #tab1 .tab_menu li{float:left;width:50px;height:30px;line-height:30px;cursor:pointer;text-align:center; background: #e9edf2; color: #5c698d;}
.part2  .right #tab1 .tab_box1{position: relative; height: 100%;}
.part2  .right #tab1 .tab_menu .selected1{background-color:#ccb47d;cursor:pointer; color: #fff;}
.part2  .right .hide{opacity: 0;}
.part2  .right .tab_box1>div{position: absolute;top: 0;left: 0; height: 100%;} 



.m-media {text-align: center;  background: url(../img/bg9.jpg); background-size: 100% 100%;  padding: 0 0;width: 100%;height: 20%;font-family: fzbysong, serif;font-size: 20px;color: #39476c; font-weight: bold; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.m-media .link-item {padding-top: 10px; -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-ms-flex-pack: center;;}
.m-media .link-item .icon {position: relative;/*margin-bottom: 8%;*/width: 100px;height: 100px;border-radius: 50%;-webkit-box-shadow: 0 0 34px #ffffff;box-shadow: 0 0 34px #ffffff;overflow: hidden; }

.m-media .link-item .icon {background: url(../img/icon-bg_ea6a6552.webp.jpg) center no-repeat;background-size: contain;}
.m-media .link-item:hover .icon {background-image: url(../img/icon-bg-h_08973f0a.webp.jpg);}
.m-media .link-item .icon .lottie {position: relative;display: block;width: 100%;padding-bottom: 100%;z-index: 2;}
.m-media .link-item .icon .lottie svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m-media .link-item .icon .lottie-photo svg {left: 1.5%;top: 2%;}
.m-media .link-item .icon .lottie-movie svg {top: -10%;}
.m-media .link-item .icon .lottie-guide svg {top: -18%;}

.svg-circle {width: 100%;height: 100%;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.m-media .link-item .icon .svg-circle {position: absolute;left: 0;top: 0;}
.svg-circle circle {stroke-width: 2px;stroke: rgba(194, 166, 107, 0.4);stroke-dasharray: 314px;stroke-dashoffset: 314px;-webkit-transition: 0.5s stroke-dashoffset;transition: 0.5s stroke-dashoffset;}
.m-media .link-item:hover .icon .svg-circle circle {stroke-dashoffset: 0;}
.link-name {color:#39476c ; margin-top: 8%;}


/* 新闻 */
.news {padding: 2% 50px;}
#tab2{position:relative; height: 35%;}
#tab2 .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab2 .tab_menu li{float:left;height:30px;line-height:30px;cursor:pointer; margin-right: 5%; color: #9aa4bb;}
#tab2 .tab_box2{top:30px;position:relative;}
#tab2 .tab_menu .selected2{cursor:pointer; color: #23315c; border-bottom:  2px solid #23315c;}
#tab2 .hide{display:none;opacity: 1;}
#tab2 .tab_box2 {width: 100%;}
#tab2 .tab_box2 div .title { text-align: center; padding: 25px 0 25px 0; margin: 0 0px;  box-shadow: 0 10px 16px rgba(179, 197, 231, 0.15);} 
#tab2 .tab_box2 div .title h2 {font-size: 20px;}
#tab2 .tab_box2 div .title h2 a {color: #23315c;}
#tab2 .tab_box2 ul {display: flex; flex-wrap: wrap;margin-top: 20px;position: relative;}
#tab2 .tab_box2 ul li {width: 50%; line-height: 2.4; transition: all ease 0.3s; font-size: 15px;}
#tab2 .tab_box2 ul li a { display: flex; color: #727d9b;  }
#tab2 .tab_box2 ul li a span {color: #97a0b8;}
#tab2 .tab_box2 ul li a p:nth-child(2) span { opacity: 0;}
#tab2 .tab_box2 ul li a p:nth-child(1) {width: 80%; flex-shrink: 0;white-space: nowrap;   overflow: hidden;  text-overflow: ellipsis; /* 显示省略号 */}
#tab2 .tab_box2 ul li a p:nth-child(2) {width: 20%; display: flex;}
#tab2 .tab_box2 ul li:hover:before {position: absolute; top: 3px;right: 10px; content: "";width: 30px; height: 30px; background: url(../img/arr1.png) no-repeat; background-size: 100% 100%;}
#tab2 .tab_box2 ul li:nth-child(even) { padding-left: 30px;}
#tab2 .tab_box2 ul::before{position: absolute; left: 50%; top: 0; height: 150px; width: 1px ; border-left: 1px dashed #eee; content: "";}

#tab2 .tab_box2 ul li:hover {transform: translate(10px, 0);  }
#tab2 .tab_box2 ul li:hover a{ color: #d7c59c;}
/* .part2 .icon {width: 100%; display: flex; margin-top: 20px; height: 234px; position: relative}
.part2 .icon li {padding-top:30px; width: 25%; font-size: 20px; font-family: 'FangZhengShuSong'; text-align: center; background: url(../img/bg6.jpg) no-repeat;}
.part2 .icon li img {margin-bottom: 15px; border-radius: 50%; transition: all ease 0.3s;border: 1px solid rgba(0, 0,0,0)}
.part2 .icon li img:hover {} */

/* 第三屏 */
.part3 {display: flex; height: 425px;}
.part3 .left{position: relative;      width: 31.8%;  flex-shrink: 0;  height: 100%;}
.part3 .left .con {position: absolute;    top: 0;    right: 0;    margin: 0 auto;    padding: 4% 8% 6%;    max-width: 470px;    width: 100%;    height: 100%;}
.part3 .left .con .title h2{position: relative; line-height: 1.9; color: #334168; font-size: 16px; font-weight: normal;}
.part3 .left .con .title {position: relative;}
.part3 .left .con .title h2::before {position: absolute; bottom: 0; left: 0; width: 76px; height: 2px; background: #23315c; content: "";}
.part3 .left .hot a{display: flex;}
.part3 .left .hot img{width: 170px; height: 76px; flex-shrink: 0;margin-right: 15px; }
.part3 .left .hot {box-shadow: 0 10px 16px rgba(179, 197, 231, 0.15);}
.part3 .left .hot h2 {font-size: 20px; color: #334168;}
.part3 .left .hot p {font-size: 13px; margin-top: 8px;}
.part3 .left a {color: #727d9b; }
.part3 .left .hot {margin-top: 30px;padding-bottom: 10px;}

.part3 .left ul {margin-top: 40px;}
.part3 .left ul li { line-height: 2.4;font-size: 15px;  transition: all ease 0.3s; position:relative;}
.part3 .left ul li a {display: flex;}
.part3 .left ul li p:nth-child(1){width: 80%;}
.part3 .left ul li p:nth-child(2) {text-align: right; position: relative; width: 20%; display: flex; justify-content: flex-end;}
.part3 .left ul li:hover:before {position: absolute; top: 2px;right: -30px; content: "";width: 30px; height: 30px; background: url(../img/arr.png) no-repeat; background-size: 100% 100%;}

.part3 .left ul li:hover {transform: translate(10px, 0);  }
.part3 .left ul li:hover a{ color: #d7c59c;}

.part3 .right {width: 1310px; height: 425px;}
.part3 .right .swiper-container3 {width: 1310px; height: 425px;}
/* .part3 .right img {width: 1310px; height: 425px;} */
.part3 .right .swiper-slide{background-size: contain; background-repeat: no-repeat;}


/* 底部 */
footer .share{background: #eff1f4;box-sizing: border-box; display: flex; justify-content: space-between;   padding: 3.64% 10%;    color: #909090;}
footer .share .left {display: flex;}
footer .share .icon {position: relative; width: 30px; height: 30px; margin-left: 50px;}
footer .share .iconfont {font-size: 30px; position: relative; cursor: pointer;}
footer .share .code {display: none; position: absolute; left:50%;margin-left: -65px;transition: all ease 0.3s;  bottom: 30px; text-align: center; width: 128px; height: 132px; background: url(../img/bg7.png) no-repeat;}
footer .share .code  img {width: 110px; height: 110px; padding-top: 15px;}
footer .share .icon:hover .code {display: block;}
footer .share .line {padding-left: 50px;}
footer .share  .search {margin-left: 30px;  padding: 0 10px; border: 1px solid #bfc0c2; height: 30px; display: flex;align-items: center; border-radius: 20px;}
footer .share  .search .iconfont {font-size: 18px;}
footer .share  .search input {background: none; border: none; outline: none; margin-left: 10px;width:50px;transition: all ease 0.3s; }
footer .share  .right {display: flex; color: #9e9f9f; font-size: 15px;}
footer .share  .right a {color: #9e9f9f;}
footer .share  .right a:hover {border-bottom: 1px dashed #9e9f9f;}
footer .share  .right p {margin-left: 15px;}
footer .con {background: #2a2a2a;color: #9e9f9f; font-size: 13px; line-height: 2; padding: 20px 0;}
footer .con a {color: #9e9f9f; }
footer .con a:hover {text-decoration: underline;}
footer .con .top {display: flex;justify-content: center; align-items: center;width: 800px;margin: 0 auto;}
footer .con .top .red {background: #610000; padding: 5px 10px; color: #fff; margin-left: 75px;}
footer .bottom{ text-align: center; width: 850px;margin: 0 auto; margin-top: 15px;}

.more {border: 1px solid #e0e1e5; position: absolute; width: 36px; height: 36px; line-height: 36px;text-align: center; right: 0; top: 0;}
.more .line1{left: 25%; transition: all ease 0.3s;  position: absolute;   top: 50%;    width: 50%;    border-top: 1px solid #818696;    -webkit-transform-origin: right;    transform-origin: right;}
.more .line2{left: 48%;transition: all ease 0.3s;  position: absolute;   top: 25%; width: 0;   height: 53%;    border-left: 1px solid #818696;    -webkit-transform-origin:top;    transform-origin: top;}
.more:hover .line1{transform: rotate(30deg);}
.more:hover .line2{transform: translate(0, 50%) rotate(60deg);left: 75%;}

.news .more {right: 110px;}


/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:absolute;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width: 50px;    position: absolute;    right: 10px;    cursor: pointer;    height: 30px;    margin-top: 30px; z-index: 9999999;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:rgba(255,255,255,0.95);width:100%;height:auto;padding-bottom:20px; font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:80px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:46%;height:30px;padding:0px 7px 0 7px; cursor: pointer;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{position:relative;line-height:40px;font-size:14px; text-align: center;}

.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#818eb0; font-size: 18px; display: block; line-height: 2.4;}
.sjj_nav ul li a:hover{color: #334168;  position: relative;}
/* .sjj_nav>ul>li>a:hover::before {position: absolute; bottom: 0; left: 50%; width: 100px;margin-left: -50px; height: 2px; content: "";background: rgba(51, 65, 104, 0.7);} */
.sjj_nav ul li ul li a{color:#999;display:block; font-size: 16px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
/* .sjj_nav ul li .sjj_nav_i_se svg{fill:#fff} */

.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

/* 下载页 */
.nDown {background-image: url(../img/down/bg.png);}
.nDown .pic {left: 50%; width: 250px; height: 469px; margin-left: -125px; top: 15%;}
.nDown .age {position: absolute; top: 12%; left: 2%; z-index: 999;}
.nDown .picture1 {position: absolute;bottom: 80px; display: flex; align-items: center; width: 580px; margin-left: -263px; left: 50%;}
.nDown .picture1 div {display: flex;flex-wrap: wrap;  width: 160px; margin: 0 15px;}
.nDown .picture1 div img {margin: 2px 0;}
.nDown .line {position: absolute; bottom: 70px; left: 50%; width: 1294px; height: 2px; margin-left: -647px; }

.service {position: fixed; font-size: 14px; right: 0; bottom: 30px;width: 241px; height: 253px;background: url(../img/bg8.png) no-repeat; color: #fff;}
.service a {color: #fff;}
.service .text {position: absolute; bottom: 1%; text-align: center; width: 100%;}
.service .text p:nth-child(2) {margin-top: 23px; display: flex;justify-content: space-between; padding-left: 25%;}
.service .text p:nth-child(2) a {width: 80px; text-align: center;}

/* 充值 */
.recharge {width: 100%; }
.recharge .banner {width: 100%; height: 499px;position: relative; background-attachment: fixed; background-position: top center;}
.recharge .banner img {position: absolute;left: 50%; margin-left: -50%; width: 1920px; height: 100%;}
.w_1200 {width: 1200px; margin: 0 auto;}
.recharge .top{background: url(../img/recharge/bg1.jpg) no-repeat #fff; background-position:  bottom right; min-height: 100px; border-radius: 20px; overflow: hidden; }
.recharge .top .title {display: flex;justify-content: space-between; align-items: center; height: 57px; line-height: 57px; padding: 0 20px; background: #ececf2;}
.recharge .top .title a {display: block;background-color: #fff; height: 35px;line-height: 35px; border: 1px solid #e3e4ec; border-radius: 17px; font-size: 13px; padding: 0 20px; }
.recharge .con {display: flex; padding: 30px 20px; align-items: center; font-size: 18px;}
.recharge .con img {width: 60px; height: 60px; border-radius: 50%; }
.recharge .con p {margin: 0 15px;}
.recharge .con button {background: #f54a4b; color: #fff;width: 100px; height: 35px; line-height: 35px; text-align: center; border-radius: 17px;}
.recharge .content {background: #fff;padding: 20px; margin-top: 20px;  border-radius: 20px;}
.recharge ul {display: flex;  flex-wrap: wrap; width: 100%;}

.recharge ul  li {width: 18%; border: 1px solid #ececf2; border-radius: 15px;background: #fff; text-align: center; margin: 0 1%; margin-bottom: 20px;}
.recharge ul  li .pic {background: url(../img/recharge/bg2.jpg); height: 165px; border-radius: 15px;}
.recharge ul  li .pic img {width: 120px; }
.recharge ul  li .pic p:nth-child(2){background: linear-gradient(to right, rgba(118,72,31,0) 10%,rgba(118,72,31,0.5) ,rgba(118,72,31,0) 90%); font-size: 20px; color: #fcf27c;}
.recharge ul  li .pic p:nth-child(3) { font-size: 24px; color: #76481f;}
.recharge ul  li .text p:nth-child(1) {font-size: 18px; color: #000; padding: 15px 0;}
.recharge ul  li .text p:nth-child(2) {color: #f44a4b; font-size: 30px;padding-bottom: 15px;}

.explain {background: #eff1f4; border-radius: 20px; padding: 25px; line-height: 1.8; font-size: 15px; color: #6b6b75;}
.explain .t {font-weight: bold; font-size: 17px; color: #101114;}

/* 礼包 */
.libao { width: 100%; background: url(../img/libao/bg11.png) no-repeat center top #878e9e; overflow: hidden; min-height: 1200px;}
.libao .nav {position: relative ;       left: -2px;    width: 1051px;    height: 78px;    z-index: 2;}
.libao .main .content {width: 670px;margin-top: 80px;  position: relative;    padding-top: 20px;    margin-right: 20px;    float: right;    left: 0;    margin-left: 0;    color: #fff;}
.libao .main{width: 1200px;    margin: 0 auto;    position: relative; }
.libao .main .nav {background: url(../img/libao/bg8.png); font-size: 34px; display: flex;font-family: 'FangZhengShuSong';}
.libao .main .nav p {position: relative; width: 360px; text-align: center; height: 86px; line-height: 85px; display: flex;  justify-content: center;}
.libao .main .nav p a {display: flex;}
.libao .main .nav  .iconfont {font-size: 12px; display: block; margin: 0 15px;}
.libao .main .nav .now {background:url(../img/libao/bg9.png) no-repeat;background-size: 100% 100%; color: #3b3a48;}
.libao .main .nav p.now img {position: absolute; top: 0;left: 8px;}
.libao .main .nav p img {position: absolute; top: 0;left: -10px;}
.libao .main .title {position: relative; height: 172px; background: url(../img/libao/bg2.png) no-repeat; width: 975px; margin-top: 30px;font-family: 'FangZhengShuSong'; font-size: 35px; }
.libao .main .title h2{background-image: linear-gradient(to bottom, #ffffff, #c2cdea 70%); line-height: 4;margin-left: 12%; -webkit-background-clip: text;   -webkit-text-fill-color: transparent;   color: transparent; /* Firefox/Opera */}
.libao .main .title img {position: absolute; bottom: -30px; right: 18%; width: 150px;}
.libao .main .tit {display: flex;font-size: 24px;margin-top: 30px;}
.libao .main .tit p {padding-top: 20px; margin-left: -10px; }
.libao .main  .con1 {margin-top: 30px; display: flex; align-items: center;}
.libao .main  .con1 .person {display: flex; justify-content: space-between; }
.libao .main  .con1 .person p {background: url(../img/libao/bg3.png) no-repeat;width: 29px; padding-top: 15px; line-height: 29px; writing-mode: vertical-rl;}
.libao .main  .con1 .person img:nth-child(2) {margin-left: 25px; margin-right: 15px;}
.libao .main  .con1 .person img:nth-child(3) {margin-right:  25px;}
.libao .main  .con1  button {width: 380px; font-size: 30px; position: relative; right: -50px;  color: #fff; height:60px; background: url(../img/libao/bg4.png) no-repeat;font-family: 'FangZhengShuSong';  background-size: 100% 100%;}
.libao .main  .tit1 { height: 29px;cursor: pointer; background: url(../img/libao/bg5.png) no-repeat; background-position: center center;   text-align: center; font-size: 14px; line-height: 29px; margin-top: 30px;  display:flex; justify-content:center;width:100%}
.libao .main  .tit1 span {padding-left: 5px; display:block}
.libao .main  .con2{display: flex;  margin-top: 30px; margin-bottom: 50px;}
.libao .main  .con2 h2 {writing-mode: vertical-rl;background: url(../img/libao/bg6.png) ; background-size: 100% 100%; width: 41px; height: 137px;font-family: 'FangZhengShuSong'; font-size:21px; font-weight: normal; text-align: center;line-height: 41px;}
.libao .main  .con2 .text {margin-left: 15px; line-height: 2; font-size: 14px;}
.libao .main  .con2 .text p {display: flex;}
.libao .main  .con2 .text span {font-size: 10px; padding-right: 5px; display: block;}
.libao .main  .con3 {min-height: 600px; margin-top: 20px;}
.libao .main  .con3 .p {display: flex; align-items: center; background: linear-gradient(to right, rgba(101,107,123,0),rgba(101,107,123,1)); padding: 20px 0; margin-top: 10px;}
.libao .main .con3 h2 {background: url(../img/libao/bg7.png) no-repeat; width: 137px; height: 43px; text-align: center; font-size: 21px; line-height: 43px; font-weight: normal; }
.libao .main .con3 ul {display: flex;}
.libao .main .con3 ul .pic {width: 58px; position: relative; height: 58px; text-align: center; line-height: 58px; background: #7e8498; border: 1px solid #abafb9;}
.libao .main .con3 ul li {text-align: center;margin-left: 20px;}
.libao .main .con3 ul .pic img {max-width: 58px; max-height: 58px;}
.libao .main .con3 ul .pic  p {position: absolute; bottom: 0; height: 20px; text-align: right; line-height: 20px; padding-right: 5px; width: 100%; right: 0;background: linear-gradient(to right, rgba(101,107,123,0),rgba(101,107,123,1));}

/* 新服预约 */
.yuyue {}
.yuyue .main .title {line-height: 3;}
.yuyue .main .title  p {position:relative;left: 6%; bottom: 20%; font-size: 22px; display: flex; align-items: center;}
.yuyue .main .title  p img {position: relative; width: 15px; height: 20px; margin: 0;bottom: 0; right: 0; margin:  0 10px;}
.yuyue .main .title  h2 {line-height: 2.2;}
.yuyue .main .login {margin: 30px 0;}
.yuyue #tab{width:424px;position:relative; margin: 0 auto;}
.yuyue #tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
.yuyue #tab .tab_menu li{float:left;position: relative; width:212px;border-bottom: 1px solid #cfd1da; height:40px;line-height:40px; cursor:pointer;text-align:center; font-size: 22px; text-align: center; color: #d2d2d0;}
.yuyue #tab .tab_menu li:nth-child(1):before{ position: absolute;top:10px; height: 20px; width: 1px; background: #cfd1da; right: 0; content: "";}
.yuyue #tab .tab_box{clear:both;top:40px;position:relative; overflow: hidden;}
.yuyue #tab .tab_menu .selected{cursor:pointer; color: #fff; border-bottom: 1px solid #d64a4b;}
.yuyue .hide{display:none;}
.yuyue .tab_box div{ margin-bottom: 50px;} 
.yuyue .tab_box div p {font-size: 14px; color: #bebebe; display: flex; align-items: center;margin-top: 15px; }
.yuyue .tab_box div input {border: 1px solid #acb4ba; background: #fff; width: 100%; border: none; padding: 0 10px; height: 40px; line-height: 40px; margin-top: 15px; font-size: 16px;}
.yuyue .tab_box div p input { transform: scale(0.4); background: #848c9c; border: 1px solid #a8a8a9; border-radius: 3px; width: 40px; margin: 0;padding: 0;}
.yuyue .tab_box button {width: 424px; margin-top: 20px; font-size: 30px; position: relative;  color: #fff; height:60px; background: url(../img/libao/bg4.png) no-repeat;font-family: 'FangZhengShuSong';  background-size: 100% 100%;}
.yuyue .tab_box div.code button {width: 122px; margin: 0; font-family: "SourceHanSansCN"; margin-left: 15px; margin-top: 15px; height: 40px; background: #9e7f3d; border: 1px  solid #c7cdcf; font-size: 16px;}
.yuyue .tab_box div.code {display: flex; align-items: center;}

/* 新手引导 */
.new {background: #fff;}
.new .top{margin-top:  67px; padding-top: 15px; border-bottom: 1px solid #d0d4df;font-family: 'FangZhengShuSong';}
.new .top .w_1200 {padding: 0 50px; display: flex; align-items: baseline; }
.new .top .w_1200 .tit {display: flex;color: #293861;}
.new .top .w_1200 .tit p:nth-child(1){font-size: 44px; margin-right: 5px;}
.new .top .w_1200 .tit p:nth-child(2) {font-size: 22px;}
.new .top .w_1200 .tit p span {display: block;}
.new .top .w_1200 .tit p {text-align: center;}
.new .top .w_1200 .tit p span:nth-child(1){color: #9ba4bb; font-size: 14px; text-transform: uppercase;}
.new .top .w_1200  ul {display: flex;}
.new .top .w_1200  ul li {margin: 0 30px; color: #9ba4bb; line-height: 1.9; font-size: 18px; border-bottom: 1px solid rgba(255,255,255,0); }
.new .top .w_1200  ul li.now,.new .top .w_1200  ul li:hover  {color: #293861; border-bottom: 1px solid #293861; cursor: pointer;}

.new .part { background: linear-gradient(to bottom,rgba(130,151,195,1),rgba(130,151,195,0)); }
.new .part .title {width: 1200px; height: 51px; background: url(../img/new/bg2.jpg) ; background-size: 100% 100%; }
.new .w_1300 {width: 1300px; margin: 0 auto; background: #fff; min-height: 1000px; padding: 0 50px; padding-top: 1px; padding-bottom: 50px;}
.new .title{font-family: 'SanJiXingKaiJianTi'; font-size: 30px; text-align: center; color: #fff; line-height: 51px;}
.new .con { box-shadow: 0 0 15px 13px #fcfcfc;;  padding-bottom: 35px; margin-top: 30px;}
.new .con ul {display: flex; flex-wrap: wrap; padding: 0 19px;}
.new .con ul li{position: relative;  background-repeat: no-repeat;   width: 21%; height: 75px;margin: 25px 2% 0 2%; background: url(../img/new/bg1.jpg) ;background-size: 100% 100%; text-align: center; line-height: 75px; font-size: 25px;font-family: 'FangZhengShuSong';}
.new .con ul li a{color: #fff;}
.new .con ul li  span:nth-child(1) {padding-right: 10px; color: #b4bbcd;}
.new .con ul li  span:nth-child(2) {padding-left: 10px; color: #b4bbcd;}
.new .con ul li::after {transition: all ease 0.3s; position: absolute;width: 141px; left: 50%; margin-left: -70px; height: 5px; bottom: 15px; background: url(../img/new/line2.png) ; content: "";}
.new .con ul li a.now {color: red;}
.new .con ul li:hover::after {background: url(../img/new/line1.png) ; background-repeat: no-repeat;}

.ma {position: fixed; top: 25%; left: 50px; width: 194px; height: 258px;}

.neiNews{background: linear-gradient(to bottom,rgba(130,151,195,1),rgba(130,151,195,0)); display: flex;}
.neiNews .left {width: 313px; flex-shrink: 0;}
.neiNews .left>img {width: 313px;}
.neiNews .left ul {color: #fff; display: flex; justify-content: space-around; margin-top: 30px;}
.neiNews .left ul li{width: 50%; cursor: pointer; text-align: center; color: #fff; }
.neiNews .left ul li a {color: #fff;}
.neiNews .left ul li img {margin-bottom: 10px;}
.neiNews .right {background:url(../img/news/bg3.jpg) ;  background-size: 100% 100%; min-height: 500px; width: 100%; }
.neiNews .right .swiper-container12 {width: 1400px; position: relative;}
.neiNews  .swiper-button-next,.neiNews   .swiper-container-rtl .swiper-button-prev{right: 0%!important;}
.neiNews  .swiper-button-prev,.neiNews  .swiper-container-rtl .swiper-button-next{left: 0%!important;}





.neiNews .left li .code {display: none; position: absolute; top:  75px; left: 50%; margin-left: -65px; width: 131px; height: 136px;background: url(../img/news/bg1.png) no-repeat; }
.neiNews .left li .code img {width: 120px;height: 120px; padding-top: 12px;}
.neiNews .left li:nth-child(1) .code {left: 0; margin-left: 0;}
.neiNews .left ul:nth-child(3) li{position: relative;}
.neiNews .left li:hover .code {display: block;}
.neiNews .right li { transition: all ease 0.3s; display: flex;}
.neiNews .right li a {display: flex;align-items:center;padding-left: 140px; width: 86%; padding: 30px 0 30px 140px;}
.neiNews .right li .date {text-align: center;  transition: all ease 0.3s;     width: 120px; flex-shrink: 0;    color: #6a779a;}
.neiNews .right li .date p:nth-child(1){font-size: 42px; font-weight: bold;}
.neiNews .right li .date p:nth-child(2){padding: 0 4px; width: 70px; margin: 0 auto;   font-size: 18px; background: #b7bed0;    border-radius: 4px;    color: #ffffff;}
.neiNews .right li .text p{ color: #97a0b8;}
.neiNews .right li .text {padding-right: 3%; width:100%}
.neiNews .right li .text h2 {font-size: 18px;color: #3c3d40;margin-top: 10px; margin-bottom: 10px;}
.neiNews .right li .text p:nth-child(3) {font-size: 14px;}
.neiNews .right li .line {background: #dcdee7;width: 1px;margin-top: 0px; margin-right: 20px; height: 120px;}
.neiNews .right li .arrow1 {width: 90px; height: 34px;background:url(../img/news/icon8.png); flex-shrink: 0; }
.neiNews .right li:hover .arrow1 {width: 90px; height: 34px;background:url(../img/news/icon9.png); flex-shrink: 0; }
.neiNews .right li:hover {background:url(../img/news/bg2.png);}
.neiNews .right ul {padding: 30px 0;}
.neiNews .right ul li:hover .date {color: #d4be8c;}
.neiNews .right ul li:hover .date p:nth-child(2) {background: #d4be8c;}

/* 页码 */
.pages {display: flex;color: #717e9e; align-items: center;margin: 30px 0;justify-content: center;}
.pages a {color: #717e9e;}
.pages a.now {color: #d4be8c;}
.pages a,.pages span {padding: 0 8px;}
.pages input {width: 32px; height: 15px; margin: 0 8px; outline: none;}

/* 新闻详情 */
.neiNews .detail {margin: 0 auto;    padding: 0 20px;    max-width: 1060px;margin-top: 20px;    font-size: 16px;}
.neiNews .detail .title1 {font-family: "SourceHanSansCN";}
.neiNews .detail .title1  h2{text-align: center;    font-size: 30px;    font-weight: bold;    line-height: 1.4;    color: #6d7da1; }
.neiNews .detail .title1  p {text-align: center;    margin-top: 20px;    color: #3e3a39; font-size: 17px;}
.neiNews .detail .title1 p:last-child {color: #495880;}
.neiNews .detail .con1 {line-height: 1.6; color: #697597; padding-bottom: 150px;}
.neiNews .detail .con1 p {margin-top: 15px;font-size: 18px;}
.neiNews .detail .tit {font-size: 24px; margin-left:-30px;padding-left: 30px; color: #9c8650; background: url(../img/detail/bg.png) no-repeat; background-position: bottom left;}
.neiNews .detail .titteshu {font-size: 24px;font-weight: bold;margin-top: 10px;margin-bottom: 10px;}

/* 注册 */
.reg {background: url(../img/register/pic1.png);}
.register {background: url(../img/register/bg1.png); text-align: center; background-size: 100% 100%; width: 560px;    height: 693px;    position: absolute;    left: 50%;    margin-left: 18px;    top:17%;    overflow: hidden;}
.register p:nth-child(1){color: #bebebe; font-size: 16px; padding-top: 27%;}
.register input {width: 300px;margin-top: 15px; height: 45px; border: 1px solid #cdd4e0;box-sizing: border-box; padding: 0 15px; font-size: 16px;}
.register .pic {position: relative;}
.register .line {display: flex;width: 300px;margin: 0 auto; align-items: center;}
.register .line input {width: 180px;}
.register .line button {width: 100%; margin-left: 20px; margin-top: 15px; font-size: 16px; }
.register button {height: 45px;width: 300px;margin-top: 15px; font-size: 18px;  background: #2c82ff; border: 1px solid #cdd4e0; color: #fff; line-height: 45px;}
.register p:nth-child(6) {color: #5c4f42; font-size: 20px; margin-top: 20px;}
.register p.row {display: flex;font-family: 'FangZhengShuSong'; font-weight: bold; margin-top: 20px; align-items: center;justify-content: center; color: #5c4f42;font-size: 28px;}
.register p.row span {font-size: 24px;}
.register .pic1 {display: flex; width: 500px;margin: 0 auto; margin-top: 20px;}
.register .pic1  img {width: 48%;margin: 0 1%;}

/* 图鉴 */
.wrap {position: relative; width: 100%;height: 100vh; position: relative; background: #000; overflow: hidden;background: url(../img/features/a2.png); background-size: 100% 100%; }
.wrap .rlogo {position: fixed; top: 10px; left: 20px; z-index: 9999; width: 185px;}
.wrap .rlogo .icon  {display: block; width: 35px; margin: 0 auto; margin-top: 15px;}
.wrap  .main { width:1128px; margin:  0 auto; color: #fff;}
.wrap  .main .tit {font-size:40px;font-family: 'FangZhengShuSong'; display: flex; align-items: center; margin-top: 70px;}
.wrap  .main .tit h2 {font-weight: normal;padding: 0 15px; background: linear-gradient(to bottom, #f9e3a7, #fff7d0);    -webkit-background-clip: text;  -webkit-text-fill-color: transparent; color: transparent; /* Firefox/Opera */}

.video #tab{position:relative;margin:00px auto; }
.video #tab .tab_menu{width:100%;position:absolute;z-index:1; display: flex; justify-content: flex-end; align-items: center;}
.video #tab .tab_menu li{line-height:40px;cursor:pointer;text-align:center;margin:0 10px; font-size: 18px;  border-bottom: 3px solid rgba(0,0,0,0);}
.video #tab .tab_menu img {float: right;}
.video #tab .tab_box{clear:both;top:60px;position:relative;}
.video #tab .tab_menu .selected{color: #fff3c5;cursor: pointer; border-bottom: 3px solid #bea251;}
.video .hide{display:none;}
.video .tab_box div{background:none} 
.video .tab_box li img ,.video .tab_box li video{width: 363px; height: 189px;transition: all ease 1s;}
.video .tab_box p {text-align: center; font-size: 20px;line-height: 1.6; color: #fff; width:100%;position:relative;left:0;bottom:0}
.video .tab_box .pic {width: 363px; height: 189px;overflow: hidden; }
.video .tab_box ul {display: flex; flex-wrap: wrap; margin-top: 20px;width:100%}
.video .tab_box ul li {margin: 0 6px; margin-bottom: 15px; width: 363px; position: relative;}
.video .tab_box ul  .mask {position: absolute; top: 0; left: 0;width: 363px; text-align: center; height: 189px; background: url(../img/features/icon4.png) no-repeat; background-position: center center;}
.video .tab_box ul  .mask::after{position: absolute; background: url(../img/features/icon5.png) no-repeat; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-position: center center;}
.video .tab_box ul  .mask:hover::after{animation: rotateAnimation 1.5s linear infinite;}
@keyframes rotateAnimation {            0% {transform: rotate(0deg);} /* 起始位置 */            100% {transform: rotate(360deg);} /* 结束位置 */       }
.video .tab_box ul li:hover .pic img{transform: scale(1.05);}

.video .nav{position: absolute;right: 30px; top: 100px; width: 75px; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -10%!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -10%!important;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{color:#bea251}
/* 图片鉴赏 */
 .picture  {background: url(../img/features/a1.png);}
 .picture .rlogo{left: auto;right: 20px;}
 .picture .nav {right: auto; left: 30px;}
.hearder2  .hlog {display: none;}


.moban {margin-top: 67px;}

.zhezhao {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; z-index: 999999;}
.zhezhao  .picture1 { overflow: hidden;padding: 2%;position: relative; box-sizing: border-box; height: 100%; display: flex; align-items: center; justify-content: center; }
.zhezhao  .picture1 img {max-width: 100%; max-height: 100%;}

.swiper-container12 {overflow: hidden;}
.role p.min {display:none;}
.picture video {width: 800px;} 

.min {display: none;}

.down .one {height: 98px;}
.part3 .left .hot .text {width: 50%;}
	.part3 .left .hot h2 {overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    width: 100%;}
	
.swiper-container12 li {position: relative; transition: all ease 0.3s; cursor: pointer;}
.swiper-container12 li .pmask {position: absolute; background: rgba(0, 0, 0, 0); top: 0;left: 0; width: 100%; height: 100%; }
.swiper-container12 li .pmask img {width: 92px; height: 81px; position: absolute; top: 50%;margin-top: -40px; left: 50%;margin-left: -46px; opacity: 0; }
.swiper-container12 li .pmask .xian { position: relative; margin: 5%;height: 80%;width: 90%;}
.swiper-container12 li .pmask .xian .xtop{position: absolute; top: 0;left: 0; width: 0;background: #fff; height: 1px; transition: all ease 0.5s;}
.swiper-container12 li .pmask .xian .xleft{position: absolute; top: 0;left: 0; width: 1px;background: #fff; height: 0; transition: all ease 0.5s;}
.swiper-container12 li .pmask .xian .xbottom{position: absolute; bottom: 0;left: 0; width: 0;background: #fff; height: 1px; transition: all ease 0.5s; }
.swiper-container12 li .pmask .xian .xright{position: absolute; bottom: 0;right: 0; width: 1px;background: #fff; height: 0; transition: all ease 0.5s;}
.swiper-container12 li:hover .pmask .xian .xtop {width: 100%;}
.swiper-container12 li:hover .pmask .xian .xleft {height: 100%;}
.swiper-container12 li:hover .pmask .xian .xbottom {width: 100%;}
.swiper-container12 li:hover .pmask .xian .xright {height: 100%;}
.swiper-container12 li:hover .pmask img {opacity: 1;}
.swiper-container12 li:hover .pmask {background: rgba(0, 0, 0, 0.6);}



.tiao {position: absolute; top:20px;left:20px; color:#fff; display:none}
.tiao img {width: 25px; margin-right:5px}

.pic12 {background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;}


@media  (max-width: 1713px) and (min-width: 1500px){
	.neiNews .right .swiper-container12 {width: 1200px;}
	
}	
@media  (max-width: 1500px) and (min-width: 1080px){
	.neiNews .right .swiper-container12 {width: 1000px; margin: 0 auto;}
	
}
@media  (max-width: 1080px) {
	.neiNews .right .swiper-container12 {width: 96%; margin: 0 2%;}
}
@media screen and (max-width: 1919px){
	.m-media .link-item .icon{width: 36%; height: auto;}
	/*.m-media {height: 130px;}*/
	/*#tab2{height: 254px;}*/
	.part1 .pic {height:  465px;}
	.part2 .left .text p:nth-child(2) {font-size:110px;}
	#tab2 .tab_box2 div .title {padding: 15px 0;}
	.ma {width: 150px; height:auto; left:20px}
	/*.register {transform: scale(0.8); top:12%}*/
	/* .wrap .main .tit {margin-top: -30px;} */
	/* .wrap .main{transform: scale(0.8);} */
	
}
/** width < 1440px **/
@media screen and (max-width: 1439px){
	.m-media .link-item .icon{width: 50%; height: auto;}
	
	.part3 {height: 320px;}
	.part3 .right {width: 1310px;height: 320px;}
	.part3 .right .swiper-container3 {width: 1310px; height: 320px;}
	.part3 .right img {width: 1310px; height: 320px;}
	.part3 .left ul {margin-top: 15px;}
	.part3 .left ul li {line-height: 1.8;}
	/* .recharge .banner  {height: 375px;} */
	.m-media .link-item .icon{width: 36%; height: auto;}
	/*.m-media {height: 120px;}*/
	
}
@media  (max-width: 1350px) and (min-width: 750px)
{
	.new .w_1300 {width: 96%; margin: 0 2%;}
	
}
@media  (max-width: 1000px) and (min-width: 750px){
	.new .con ul li{width: 29%;}
	.new .con ul li::after {bottom: 7px;}
}
@media (max-width: 1681px) and (min-width: 1050px){
    /*#tab2 {height: 260px;}
    /*.swipe, .swiper-container, .swiper-slide img{height: 470px;}*/
    /*.m-media {height: 175px;}*/
	/* .new .con ul li{height: 40px; line-height: 40px; font-size: 18px;}
	.new .con ul li::after {bottom: 5px;} */
    .m-media .link-item .icon {width: 47%;}
}

/** width < 1660px **/
@media screen and (max-width: 1601px){
	.m-media .link-item .icon{width: 36%; height: auto;}
	/*.m-media {height: 125px;}*/
	/* .recharge .banner  {height: 417px;} */
	/*.swipe, .swiper-container, .swiper-slide img{height: 370px;}*/
	
}
@media screen and (max-width: 1441px){
	.part1 .pic{height: 360px; top: 14.4%;}
	.part3 .left .hot img {width: 120px; height: 53px;}
	.part3 .left .hot h2 {font-size: 18px;}
	.part3 .left .hot p {
	    font-size: 13px;
	    margin-top: 8px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    /*width: 150px;*/
	}
	.part3 .left ul li p:nth-child(1){
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		
	}
	
	/*.m-media {height: 115px;}*/
	.m-media .link-item .icon {width: 40%;}
	.neiNews .left {display: none;}
	/* .new .w_1300{width: 90%; margin: 0 5%;} */
	.ma {display: none;}
	.new .part .title {width: 100%;}
	
	
	.sp_nav {margin-top: 0;top: 20px;}
	
	
	/* .hearder2 {height: 67px;} */
	/* .new .top{margin-top: 0;} */
	.sjj_nav ul li i {right: 42%;}
	.nav_show {top: 67px;}
	/* .libao {background-size: 120% auto;} */
	
	/* .libao .main .nav p {width: 300px;}
	.libao .nav {height: 65px;}
	.libao .main .nav p {height: 71px; line-height: 69px; font-size: 28px;}
	.libao .main .title {width: 100%;}
	.libao .main .title {background-size: 100% auto;}
	.libao .main .title h2 {line-height: 3; font-size: 46px;}
	.libao .main .title img {width: 120px;}
	.libao .main .con1 button {width: 260px;}
	.libao .main .con2 .text {width: 78%;} */
	/* .register {left: 45%;} */
	.part1 {height: 100vh; }
	.nDown ,.reg{height: 100vh!important; }
	.hearder1{display: none!important;}
	.hearder2{display: block!important;}
	.hearder2 .hlog{display: block!important;}
	.hearder2 {height: 67px; position: relative;}
	.new .top {margin-top: 0;}
	.hearder2 .down {display: none;}
	.wrap .main {width: 800px; margin: 0 auto;}
	.wrap {overflow-y: auto; }
	.video .tab_box ul li {margin: 0 18px; margin-top: 15px;}
	.wrap .main .tit h2 {font-size: 30px;}
	.wrap .main .tit {margin-top: 20px;}
}
@media (max-width:1900px) and (min-width: 1440px){
	.wrap .rlogo {width: 150px;}
	.wrap .main .tit {font-size: 32px;}
	.wrap .main .tit {margin-top: 20px;}
}


@media (max-width: 900px) and (min-width: 751px){
		.down{transform: scale(0.7);}
}
@media (max-width: 1200px) and (min-width: 1080px){
	.part2 .swiper-slide {font-size: 30px;}

}
@media (max-width: 1200px) and (min-width: 750px){
    .w_1200 {width: 96%;margin:0 2%}
    .wrap .rlogo {width: 50px;}
    .wrap .rlogo .icon {width: 25px;}
   
	.video .nav {display: none;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -6%!important;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -6%!important;}
	 .swiper-container12 {margin-bottom: 90px;}
	.part2 .swiper-slide {font-size: 30px;}
}
@media (max-width: 1440px) and (min-width: 1200px){
	.part2 .swiper-slide {font-size: 30px;}
	.video #tab .tab_box {}
	 .wrap .rlogo {width: 135px;}
	 .swiper-container12 {margin-bottom: 90px;}
}
	
@media (max-width:900px) and (min-width: 751px){
    
	.part2 {flex-wrap: wrap; height: auto;}
	.part2 .left {height: 600px;}
	.part2 {flex-wrap: wrap;}
	.more {display: none;}
	.part2 .left .text p:nth-child(2) {font-size: 80px;}
	.part2 .left .text div {font-size: 18px; height: 600px; background-position: top center;}
	.part2 .left .role {left: 0;top: auto; bottom: 0;width: 100%; padding: 15px 0;}
	.part2 .left .role ul {display: flex;justify-content: space-around;}
	.part2 .left #tab .tab_menu li {margin: 0;writing-mode: tb-rl;}
	.role p.max {display: none;}
	.role .min {display:block; width: 75px; height: 75px; background: url(../img/bg10.png) no-repeat; position: absolute;bottom: 300%;
    left: 20%;}
	.role .min a {display: block;  }
	.role .min .more {width: 100%; height: 100%; border: none; display:block}
	.more .line1,.more .line2 {border-color: #fff;}
	.role .min a.hide {opacity: 0;}
	.part2 .left {background-size: 100% auto;}
	.part2  .swipe { height: 270px;}
	
	
	.part2 .right  {width: 100%;}
	.part2 .swiper-slide {background-repeat: no-repeat;}
	.part2 .swiper-container {width: 100%;}
	.part2 .right .tab_box1>div {width: 100%;}
	#tab2 {height: 312px;}
	.m-media {height: 200px;}
	.part3 {flex-wrap: wrap; height: auto;}
	.part3 .left {width: 100%; height: 380px;}
	.part3 .left .con {position: relative;max-width: 100%;width: 100%; padding: 4% 3%;}
	.part3 .left ul li {line-height: 2.4;}
	.part3 .left .hot .text {width: 50%;}

	
}


/* 自适应手机端 */
@media screen and (max-width: 750px){
   
   .tiao{display: block;}
	.down {transform: scale(1);}
	.m-media {height: 120px;}
	.hearder1 {display: none!important;}
	.hearder2 .down {display: none;}
	.hearder2 {display: block!important; height: 60px;}
	.part1 {height: 60vh;background-size: cover;  background-size: 258% auto;    background-position: top center;  }
	.nDown {background-position: 46.6% center;    background-attachment: fixed; background-size: cover;}
	.down .text a {width: 140px;}
	.part1 .pic{position: absolute;    top: 12%;    left: 53%;    height: 30vh;}
	.down {	    width: 100%;	    bottom: 0;	    height: 70px;	    left: 0;	    margin-left: 0;}
	.downLink a {width: 60px; margin: 0 5px; font-size: 14px;}
	.downLink a img{transform: scale(0.7);}
	.down .text a {width:60%;}
	.down .text a p:nth-child(1) {font-size: 16px;}
	.down .text a p:nth-child(3) {font-size: 12px;margin-top: -5px;}
	.down .text {margin: 0;}
	.arrow {display: none;}
	.part2 {flex-wrap: wrap;}
	
	.part2 .left .text p:nth-child(2) {font-size: 80px;}
	.part2 .left .text div {font-size: 18px;}
	.part2 .left .role {left: 0;top: auto; bottom: 0;width: 100%; padding: 15px 0;}
	.part2 .left .role ul {display: flex;justify-content: space-around;}
	.part2 .left #tab .tab_menu li {margin: 0;writing-mode: tb-rl;}
	.role p {display: none;}
	.part2 .left {background-size: 100% auto; height: 403px;}
	.part2  .swiper-container {width: 100%; height: 300px;}
	.part2 .right .tab_box1>div {width: 100%;}
	/* .part2 .swiper-slide img {height: 24vh;} */
	.part2 .swipe {height: 300px;}
	.part2 {height: auto; overflow: inherit;}
	
	.news {padding: 2% 10px; 0}
	.news .more{transform:scale(0.7); right:0}
	#tab2 .tab_box2 ul li {width: 100%;}
	#tab2 .tab_box2 ul li:nth-child(even) {padding-left: 0;}
	#tab2 .tab_box2 ul::before {width: 0; border: none;}
	.part3 {flex-wrap: wrap;}
	.part3 .left {width: 100%; height: 36vh;}
	.part3 .left .con {padding: 4% 2%; max-width: 96%;}
	.part3 .right {width: 100%; margin-top: 15px;}
	.part3 .right .swiper-container3,.part3 .right img {width: 100%; height: 23vh;}
	.part3 {height: 51vh; margin-top: 5vh;}
	footer .share {display: none;}
	footer .con .top {width: 100%; flex-wrap: wrap;}
	footer .con .top  img {margin: 0 auto;}
	footer .con .top .text {padding: 0 2%;}
	footer .con .top .red {display: none;}
	footer .bottom {width: 96%; margin: 0 2%;}
	/*.sp_nav {margin-top: 20px;}*/
	.sjj_nav ul li i {right: 33%;}
	.nav_show {top: 60px;}
	.hearder2 {position: relative;}
	.hearder2  .hlog {position: absolute; top: 0;left: 0; height: 60px; display: block;}
	.new .top {margin-top: 0;}
	.new .top .w_1200 {width: 96%; padding: 0 2%; flex-wrap: wrap;}
	.new .top .w_1200 ul li{margin: 5px 15px; font-size: 16px;}
	.neiNews .right ul {padding: 20px 0;}
	.neiNews .right li .text h2 {
		overflow: hidden;
		    height: 30px;
		    text-overflow: ellipsis;
		    white-space: nowrap;
	}
	.neiNews .left {display: none;}
	.neiNews .right li a {width: 100%; padding: 0 2%;}
	.neiNews .right li:hover .arrow1 {display: none;}
	.neiNews .right li .date {width: 20%; transform: scale(0.7);}
	.neiNews .right li .arrow1 {display: none;}
	.neiNews .right li .text p:nth-child(1) {display: none;}
	.neiNews .right li .text p:nth-child(3){overflow: hidden; /* 隐藏超出部分内容 */
        white-space: nowrap; /* 不换行 */
        text-overflow: ellipsis; /* 显示省略号 */}
	.neiNews .right li .text {width: 80%;}
	.neiNews .right li .line {height: 70px; }
	.neiNews .right li  {border-bottom: 1px solid #eee;padding-bottom: 10px;}
	.new .top .w_1200 ul {flex-wrap: wrap;}
	.new .w_1300 {width: 96%; padding: 0 2%;}
	.new .part .title {width: 96%; margin: 0 2%;}
	.ma {display: none;}
	.service {display: none;}
	.new .con ul {justify-content: space-between;}
	.new .con ul li {font-size: 16px; width: 46%; height: 43px; line-height: 43px; height: auto; background-size: 100% 100%; margin: 15px 0 0 0;}
	.new .con {margin-top: 0;padding-top: 15px;}
	.new .con ul li::after {padding-bottom: 5px; background-repeat: no-repeat;bottom: 0;}
	/* .nDown {height: 100vh; background-repeat: no-repeat;background-size: 388% auto;} */
	/* .nDown .pic {height: auto; transform: scale(0.7); left: 50%; margin-left: -125px; top: 5%;} */
	/* .nDown .picture {width: 96%; left: 0; margin: 0 2%;} */
	/* .libao .main {width: 100%;}
	
	/* .reg {height: 100vh; background-size: 384% auto;}
	.register {position: relative; width: 96%; margin: 0 2%; left: 0; height: auto;}
	.register .pic1 {width: 96%; }
	.register input {height:35px;}
	.register button {height: 35px; line-height: 35px;}
	.register p:nth-child(6) {font-size: 16px;margin-top: 10px;}
	.register p.row {font-size: 20px; margin-top: 10px;}
	.register p.row span {font-size: 18px;}
	.register .pic1 img {display: none;} */
	.wrap .rlogo{width: 51px;}
	.video #tab .tab_menu img {margin: 0 5px;}
	/* .wrap .rlogo a:nth-child(1) {display: none;} */
	.wrap .rlogo .icon {display: none;}
	.wrap .rlogo .icon {margin: 0;}
	.wrap .main .tit {font-size: 25px;    justify-content: center;}
	.wrap .main {width: 96%; margin: 0 2%;}
	.video #tab .tab_menu {flex-wrap: wrap;justify-content: flex-start; margin: 15px 0;}
	.video #tab .tab_box {top:90px;}
	.video .swiper-wrapper {margin-bottom: 100px;}
	.video .tab_box ul {margin-top: 0;}
	.video .tab_box ul li {width: 100%; display: flex; justify-content: center; margin:15px 0 0 0  }

	.video .tab_box li img {width: 100%;}
	.wrap {min-height: 100vh; background-size: 300% 100%; background-repeat: no-repeat;}
	.video .nav {display: none;}
	.recharge .banner{
		height: 167px;
		background-attachment: inherit;   
		    background-repeat: no-repeat;
		    background-position: top center;
		    background-size: 167% auto;
	}
	.w_1200 {width: 96%; margin: 0 2%;}
	.recharge .con {padding: 10px 20px;}
	.recharge ul li {width: 48%;}
	.yuyue .main .login {width: 96%; margin:  0 2%; margin-top: 30px;}
	.yuyue #tab {width: 100%;}
	.yuyue #tab .tab_menu li {width: 50%;}
	.yuyue #tab {margin-top: 30px;}
	.yuyue .tab_box button {width: 100%;}
	.yuyue {min-height: 1300px;}
	.link-name {font-size: 16px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px; right: 10px;}
	.swiper-slide p {font-size: 18px;}
	.part3 .left .con {position: relative;}
	.part3 .left{height: auto;}
	.part3 {height: auto; margin-top: 0;}
	.part3 .right {height: auto;}
	.part2 .right {height: min-content;}
	#tab2 .tab_box2 div .title {padding:0 0 10px 0;}
	#tab2 .tab_menu {position: relative;}
	
	.video .tab_box li img {width: 100%;}
	.video .pages { display: block;margin-top: 10px; text-align: center;}
	
	.libao .main .title {height: auto;}
	.pages span:last-child,.video .tab_box p {opacity: 0; height: 0;}
	.pages {margin: 80px 0;}
	#tab2 {height:auto}
	#tab2 .tab_box2 {padding-top:  60px; top: auto;}
	.part2 .left .text div {height: 403px; background-position: top center;}
	.down {overflow: visible; display: flex; justify-content: center;}
	.down .one {position: absolute;    bottom: 71px;    height: 80%;    left: 25%;}
	.down .two {position: absolute;    bottom: 71px;    height: 80%;    left: 57%;}
	
	.min {position: absolute; width: 40px; height: 40px;bottom: 150%; left: 28%; display: block;}
	.min .more{ background: url(../img/bg10.png) no-repeat; }
	.min .more {width: 100%; height: 100%; border: none;}
	.min .more .line1,.min .more .line2 {border-color: #fff;}
	.min  .hide {display: none;}
	.part3 .right .swiper-slide {background-size: cover;background-attachment: fixed;    background-position: center center}
	.nDown .picture1 {width: 80%; left: 10%;margin-left: 0;}
	.nDown .picture1  img{height:102px}
	/*.nDown .picture1 img.d{height: 100px;}*/
	.nDown .picture1 div img {height: 30px;}
	/* .video .tab_box div {overflow-y: auto;} */
	.wrap .main .tit  {padding-top: 50px; margin-top: 0;}
	.video .tab_box .te ul li{display: block;}
	.video .tab_box .te ul li .pic {margin: 0 auto;}
	.video .tab_box .te ul li .mask {left: 50%; margin-left: -181px;}
	.picture video {width: 100%;}
	
	.nDown .picture1 div {width: 96px; margin:0 5px}
	.nDown .picture1 a img {width: 100px; flex-shrink:0}
	.libao .main {width: 100%;}
	.libao .main .content {margin: 0; padding: 0;width: 100%; margin-top: 500px;}
	.libao .main .nav {width: 100%; height: 45px; font-size: 16px;}
	.libao {background-position: left top;    background-size: 250% auto;}
	.libao .main .nav p {height: 49px; line-height: 49px;}
	.libao .main .nav p.now img {left: 0;}
	.libao .main .title {width: 100%; background-size:contain}
	.libao .main .title h2 {line-height: 3; font-size: 30px;}
	.libao .main .title img {right: 0; bottom: -10%; width: 60px;}
	.libao .main .tit {margin: 0 2%; font-size: 20px;}
	.libao .main .con1 { flex-wrap: wrap;}
	.libao .main .con1 .person {justify-content: space-around;width: 96%; margin: 0 2%;}
	.libao .main .con1 button {width: 80%; margin: 0 10%;right: 0; margin-top: 20px;}
	.libao .main .nav p img {width: 35px;left:-6px;}
	.libao .main .nav p.now img {width: 35px;left:4px;}
	.register {left:0; top:22%}
	.register {width:350px; height:433px; margin-left:0; margin:0 auto; position:relative; left:0; }
	.register p.row {margin-top: 0;padding-bottom:25px}
	.register .pic1 {width:100%;justify-content: space-around;}
	.register .pic1 img {width: 42%;}
	.register .pic1 {margin-top: 10px;}
	.register p:nth-child(1) {font-size:12px;}
	.register input ,	.register  button{margin-top:10px; height:30px;line-height:30px; font-size:14px}
	.register p:nth-child(6) {font-size:12px;margin-top:10px}
	.register p.row {font-size: 16px; padding-bottom:0}
	.register p.row span {font-size: 12px;}
	/*.register .line button {}*/
	.nDown .age {width: 40px;}
	 .swiper-container12 li .pmask img {width:92px ;}
	 .video #tab .tab_menu li {margin: 0 8px;}
	 .libao .main .tit1 {justify-content:center;}
	 .yuyue .main .title p {font-size: 18px;}
}