.ylbxyjs .head_top.fw{  height: 662px;  background: url(/newimages/ylbxyjs_head_01.jpg) no-repeat top center; background-size: 100% 100%; }
.ylbxyjs .titS1{padding-top: 50px;}
.ylbxyjs .ylbxyjs_wrap{padding-top: 1px;  background: url(/newimages/ylbxyjs_content_02.jpg) no-repeat top center; background-size: cover;}
.ylbxyjs .ylbxyjs_wrap .box{margin-top: -50px; padding-bottom: 110px;}
.ylbxyjs .th1.theme {position: relative;}
.ylbxyjs .th1.theme::before{ content: ''; position: absolute; left: 154px; top: -280px; width: 343px; height: 350px; background: url(/newimages/ylbxyjs_icon2.png) no-repeat top center;}
.ylbxyjs .th1.theme::after{ content: ''; position: absolute; right: 60px; top: -250px; width: 582px; height: 304px; background: url(/newimages/ylbxyjs_icon3.png) no-repeat top center;}
.ylbxyjs .th1.theme .themeBox{position: relative;z-index: 2; background-color: #76b7f8; padding: 14px; border-radius: 18px;}
.ylbxyjs .th1.theme .themeBox .themeContent{background-color: #fff; position: relative; border-radius: 8px; padding: 50px 52px 60px;}
.ylbxyjs .th1.theme .themeBox .themeContent::after{content: ''; position: absolute; left: -10px; right: -10px; bottom: -6px; height: 54px; background: url(/newimages/ylbxyjs_theme1_03.png) no-repeat bottom center;}
.ylbxyjs .th1.theme .themeBox .themeContent p{font-size: 24px; font-weight: bold; color: #0f587a; line-height: 40px; text-indent: 2em;}
.ylbxyjs .th1.theme .themeBox .toBg .i1::before{ content: ''; position: absolute; left: 67px; top: -23px; width: 46px; height: 73px; background: url(/newimages/ylbxyjs_icon1.png) no-repeat top center;}
.ylbxyjs .th1.theme .themeBox .toBg .i1::after{ content: ''; position: absolute; left: 120px; top: -23px; width: 46px; height: 73px; background: url(/newimages/ylbxyjs_icon1.png) no-repeat top center;}
.ylbxyjs .th1.theme .themeBox .toBg .i2::before{ content: ''; position: absolute; right: 67px; top: -23px; width: 46px; height: 73px; background: url(/newimages/ylbxyjs_icon1.png) no-repeat top center;}
.ylbxyjs .th1.theme .themeBox .toBg .i2::after{ content: ''; position: absolute; right: 120px; top: -23px; width: 46px; height: 73px; background: url(/newimages/ylbxyjs_icon1.png) no-repeat top center;}
.ylbxyjs .bgBox{background-color: #ecfbff; border-radius: 20px; box-shadow: 0px 0px 18px rgba(1, 137, 207, 0.4);}
.ylbxyjs .theme {margin-bottom: 152px; position: relative;}
.ylbxyjs .theme .titlebox{position: absolute; left: 50%; top: -122px; transform: translateX(-50%);}
.ylbxyjs .th2 .themeBox{ padding: 61px 40px 52px; padding-left: 320px; background-image: url(/newimages/ylbxyjs_icon4.png); background-repeat: no-repeat; background-position:20px center; background-size: 300px auto; }
.ylbxyjs .th2 .themeBox .themeContent{margin-left: -20px;}
.ylbxyjs .th2 .themeBox .ulItem{ float: left; width: 50%; box-sizing: border-box; padding-left: 20px; }
.ylbxyjs .th2 .themeBox .ulItem.ulItem1{width: 53%;}
.ylbxyjs .th2 .themeBox .ulItem.ulItem2{width: 47%;}
.ylbxyjs .th2 .themeBox ul li a{position: relative; transition: .3s; display: block; font-size: 20px; color: #0f587a; font-weight: bold; padding-left: 35px; padding-right: 15px; border-radius: 40px; margin-bottom: 9px; height: 70px; line-height: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ylbxyjs .th2 .themeBox ul li a:hover{opacity: 0.8;}
.ylbxyjs .th2 .themeBox ul li:last-child a{margin-bottom: 0px;}
.ylbxyjs .th2 .themeBox ul li a::before{content: ''; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; border-radius: 100%; background-color: #0f587a;} 

.ylbxyjs .th3 .themeBox{padding: 82px 120px 100px;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns{margin-left: -80px;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox{display: block; float: left; width: 20%; box-sizing: border-box; padding-left: 80px;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a{position: relative; display: block; height: 140px; padding: 10px; padding-top: 0px; box-sizing: border-box; }
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a.active::before{content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); border: 10px solid transparent; border-top-color: #76a5f1;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s1 a::before{border-top-color: #76a5f1;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s2 a::before{border-top-color: #6dd3f5;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s3 a::before{border-top-color: #66d9dc;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s4 a::before{border-top-color: #87db92;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s5 a::before{border-top-color: #dbea6c;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s1 a{background-image: linear-gradient(to bottom, #ecfbff, #76a5f1);}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s2 a{background-image: linear-gradient(to bottom, #ecfbff, #6dd3f5);}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s3 a{background-image: linear-gradient(to bottom, #ecfbff, #66d9dc);}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s4 a{background-image: linear-gradient(to bottom, #ecfbff, #87db92);}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s5 a{background-image: linear-gradient(to bottom, #ecfbff, #dbea6c);}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a .aContent{display: block; background-color: #fff; font-size: 30px; font-weight: bold; text-align: center; color: #333360; padding-top: 58px;box-sizing: border-box; line-height: 1; height: 100%;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a .num1{display: block; position: absolute; left: 17px; top: -14px; width: 77px; height: 51px; font-size: 32px; color: #fff; font-weight: bold; line-height: 51px; text-align: center; border-radius: 30px 0px 30px 0px ;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s1 a .num1{background-color: #6196ef;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s2 a .num1{background-color: #55ccf3;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s3 a .num1{background-color: #4dd3d6;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s4 a .num1{background-color: #75d57e;}
.ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox.s5 a .num1{background-color: #cdd575;}
.ylbxyjs .th3 .switchBox{padding-top: 58px;}
.ylbxyjs .th3 .switchBox .register{margin-left: -45px; padding-top: 19px;}
.ylbxyjs .th3 .switchBox .ritem{width: 50%; float: left; padding-left: 45px; box-sizing: border-box;}
.ylbxyjs .th3 .switchBox .boxSha{box-shadow: 0px 0px 8px #a4b5cd;}
.ylbxyjs .th3 .switchBox .ritem .ritemP{font-size: 20px; color: #0f587a; font-weight: bold; margin-bottom: 20px; }
.ylbxyjs .th3 .switchBox .ritem .ritemP > b{ color: #082736}
.ylbxyjs .th3 .switchBox .ritem .ritem_box{ border-radius: 6px; overflow: hidden; border: 1px solid #fff; background-color: #e7f4fd;}
.ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC{background-color: #fff; padding: 30px 23px; height: 102px;  position: relative;} 
.ylbxyjs .th3 .switchBox .register.hBox .ritem .ritem_box .itemC{height: 170px;}
.ylbxyjs .th3 .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 166px;}
.ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .itemCP{display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.ylbxyjs .th3 .switchBox .ritem .ritem_box .tit1{ padding: 12px 10px; background-color: #76a4f1; font-size: 23px; color: #fff; text-align: center; font-weight: bold;} 
.ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC p{font-size: 18px; line-height: 34px;}
.ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn a{display: block; width: 130px; height: 40px; line-height: 40px; transition: .3s; margin: 9px 0; box-sizing: border-box; border-radius: 6px; border: 1px solid #e9b369; font-size: 16px; color: #e9b369; text-align: center;}
.ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn a:hover{opacity: 0.8;}
.ylbxyjs .th3 .switchBox .ritem .btnBox{text-align: center; font-size: 0px; padding: 20px 0;}
.ylbxyjs .th3 .switchBox .ritem .btnBox a{display: inline-block; transition: .3s; font-size: 18px; color: #fff; padding: 6px 31px; border-radius: 6px; background-color: #e9b369; margin: 0 11px;}
.ylbxyjs .th3 .switchBox .ritem .btnBox a .icon{font-size:0px; margin-right: 12px; display: inline-block; vertical-align: middle;} 
.ylbxyjs .th3 .switchBox .ritem .btnBox a .txt{display: inline-block; vertical-align: middle;} 
.ylbxyjs .th3 .switchBox .ritem .btnBox a:hover{opacity: 0.8;}
.ylbxyjs .th3 .switchBox .ritem .btnBox a:hover .qrBox{opacity: 1;}
.ylbxyjs .th3 .switchBox .ritem .btnBox {position: relative;}
.ylbxyjs .th3 .switchBox .ritem .btnBox.moveQr .moveBtn{position: relative;}
.ylbxyjs .th3 .switchBox .ritem .btnBox.moveQr .moveBtn::before{content: ''; opacity: 1 !important; z-index: 2; position: absolute; left: 50%; top: -20px; border: 10px solid transparent; border-top-color: #fff;}
.ylbxyjs .th3 .switchBox .ritem .btnBox.moveQr .moveBtn:hover{opacity: 1;}
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBg{display: none; z-index: 1; background-color: #fff; border-radius: 6px; box-shadow: 0px 0px 13px rgba(6,56,126,0.4); position: absolute; width: 570px; height: 180px; left: 50%; transform: translateX(-50%); bottom: 80px;}
.ylbxyjs .th3 .switchBox .ritem .btnBox.moveQr .qrBg{display: block;}
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox { display: block;  margin-left: -0px;}
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem{float: left; width: 25%; padding-left: 0px; padding-top: 25px; box-sizing: border-box;}
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem .qrItem_box{display: block; text-align: center; }
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem .qrItem_box .qrImg{display: block;}
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem .qrItem_box .txt{display: inline-block; margin-top: 10px; font-size: 14px; color: #fff; padding: 8px 15px; border-radius: 30px; background-color: #76a4f1; line-height: 1; }
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem .qrItem_box .txt.s1 {padding: 8px 4px; font-size: 13px;}
.ylbxyjs .th3 .switchBox .ritem .btnBox .qrBg .closeBtn{display: none; position: absolute; font-size: 22px; color: #000; line-height: 1; right: 5px; top: 4px;}

.ylbxyjs .th3 .psBox{text-align: right; padding-top: 30px; font-size: 16px; color: #0f587a;}
.ylbxyjs .th3 .swiperBox{background-color: #4fbb9b; border-radius: 6px;  background-image: linear-gradient(to right, #86c671, #31b4b1); padding: 7px; padding-top: 30px;}
.ylbxyjs .th3 .swiperBox .titleS{text-align: center; margin-bottom: 22px;}
.ylbxyjs .th3 .yl_Swiper{ position: relative; width: 100%; height: 590px; overflow: hidden;}

.ylbxyjs .th3 .yl_Swiper .roll{height: 100%; overflow: hidden; overflow-y: auto; }
.ylbxyjs .th3 .yl_Swiper .roll::-webkit-scrollbar{width: 9px;}
.ylbxyjs .th3 .yl_Swiper .roll::-webkit-scrollbar-track{ background-color: #fff; border-radius:10px;}
.ylbxyjs .th3 .yl_Swiper .roll::-webkit-scrollbar-thumb{ background-color: #0768b9; background-image: linear-gradient(to bottom, #86c46e, #3bb5ae); border-radius:10px;}
.ylbxyjs .th3 .yl_Swiper .swiper-button-next, .ylbxyjs .th3 .yl_Swiper .swiper-button-prev{width: 26px; height: 42px; background-size: auto; border-radius: 100%; }
.ylbxyjs .th3 .yl_Swiper .swiper-button-next{background-image: url(/newimages/ylbxyjs_th3_lb_right.png); right: 17px; }
.ylbxyjs .th3 .yl_Swiper .swiper-button-prev{background-image: url(/newimages/ylbxyjs_th3_lb_left.png); left: 3px; }




.ylbxyjs .th3 .tableBox{width: 100%; border: none; }
.ylbxyjs .th3 .tableBox td, .ylbxyjs .th3 .tableBox th{ border: 1px solid #fff; padding: 12.5px 0; text-align: center; font-size: 18px; color: #000;}
.ylbxyjs .th3 .tableBox thead tr{background-color: #dce7fb}
.ylbxyjs .th3 .tableBox tbody tr:nth-child(even){background-color: #dce7fb}
.ylbxyjs .th3 .tableBox tbody tr:nth-child(odd){background-color: #f6f9fe}

 /* 地图 */
 .ylbxyjs .th4 .themeBox{padding: 58px 40px; height: 554px;}
.ylbxyjs .th4 .server_map { position:relative;   border-radius: 20px;}
.ylbxyjs .th4 .server_map  .box1 { display: table;  width: 100%;}
.ylbxyjs .th4 .server_map  .mapBox { width: 100%; height: 553px;  margin-bottom: 20px;border-radius: 25px;  background: #f8f8f8;}
.ylbxyjs .th4 .server_map  .tit_tag {display: block; box-sizing: border-box; background-color: #dfe7f7; margin-bottom: 16px; padding-top: 10px;  padding-left: 26px; padding-right: 10px;}
.ylbxyjs .th4 .server_map  .tit_tag a { display: inline-block; font-size: 18px; color: #686767; margin-right: 13px; height: 45px;  line-height: 40px; text-align: center;}
.ylbxyjs .th4 .server_map  .tit_tag a:last-child{margin-right: 0px;}
.ylbxyjs .th4 .server_map  .tit_tag a.on { border-bottom: 4px solid #73b1f9; color: #73b1f9; font-weight: 600;}
.ylbxyjs .th4 .server_map  .infoBox {display: table-cell;     box-sizing: border-box; box-shadow: 1px 1px 11px #bbc1be;  position: absolute; left: 49px; top: 0px;  background-color: #ffffff; height: 553px; width: 433px;  vertical-align: top;}
.ylbxyjs .th4 .server_map  .infoBox::after{content: ''; display: block; position: absolute; top:7px; right: -17px;  border:18px solid transparent ; border-bottom-color:#035998;  transform: rotate(225deg) }
.ylbxyjs .th4 .server_map  .infoBox::before{content: ''; display: block; position: absolute; bottom:8px ; right: -18px; border:18px solid transparent ; border-bottom-color:#035998; transform: rotate(-45deg) }
 
.ylbxyjs .th4 .server_map  .lists { height: 66%; text-align: left;  padding-right: 5px; padding-left: 38px; margin-right: 12px; overflow: hidden; overflow-y: auto; }
.ylbxyjs .th4 .server_map  .lists dl dt { height: 42px; text-align: left; margin-bottom: 10px; padding: 0 20px; line-height: 40px; border-radius: 21px; font-size: 15px; color: #464646; font-weight: 500; position: relative; padding-left: 28px; padding-right: 10px; cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ylbxyjs .th4 .server_map  .lists dl dt:after { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 20px; height: 22px;background: url(/newimages/ylbx_map_icon1.png) no-repeat; transition: .3s; }
.ylbxyjs .th4 .server_map  .lists dl dd { position: relative; padding: 15px 20px 5px; font-size: 12px; color: #373737;background-color: #eff7ff;}
.ylbxyjs .th4 .server_map  .lists dl dd::before{content: ''; display: block; position: absolute; top: -20px; left: 70px;  border:10px solid transparent ; border-bottom:10px solid #f3f3f3;}
.ylbxyjs .th4 .server_map  .lists dl dd p { padding-bottom: 6px;}
.ylbxyjs .th4 .server_map  .lists dl dd { display: none;}
.ylbxyjs .th4 .server_map  .lists dl.on dd { display: block;  }

 /* 设置滚动条的样式 */
.ylbxyjs .th4 .server_map  .lists::-webkit-scrollbar {
  width:6px;
  }
  /* 滚动槽 */
 .ylbxyjs .th4 .server_map  .lists::-webkit-scrollbar-track {
  -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
  border-radius:10px;
  }
  /* 滚动条滑块 */
 .ylbxyjs .th4 .server_map  .lists::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:rgba(0,0,0,0.1);
  -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
  }
 .ylbxyjs .th4 .server_map  .lists::-webkit-scrollbar-thumb:window-inactive {
  background:#0f587a;
  }
.ylbxyjs .th4 .server_map   .input_box { padding-left: 30px;padding-right: 35px; height: 40px; padding-bottom: 20px;}
.ylbxyjs .th4 .server_map   .input_box input{display: block; float: left; width: 82%; padding-left: 20px; box-sizing: border-box; height: 100%; background-color: #f3f3f3; outline: none; border: none; border-bottom-left-radius: 30px; border-top-left-radius: 30px; }
.ylbxyjs .th4 .server_map   .input_box a{display: block; position: relative; float: left;  width: 18%; height: 100%;box-sizing: border-box; background-color: #73b1f9;border-bottom-right-radius: 30px; border-top-right-radius: 30px;   }
.ylbxyjs .th4 .server_map   .input_box a:hover{background-color:#9dc7f7 ;}
.ylbxyjs .th4 .server_map   .input_box a em.icon_search{display: inline-block; font-size: 0px; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
/* 父级 */
.ylbxyjs .th4 .server_map  .parent_tit_tag{margin-bottom: 25px;}
.ylbxyjs .th4 .server_map  .parent_tit_tag a{display: block; float: left; box-sizing: border-box; width: 100%; height:68px; line-height: 68px; background-color: #dfe7f7; text-align: center; font-size: 30px; color: #7a9ad1;}
.ylbxyjs .th4 .server_map  .parent_tit_tag a.on{color: #ffffff; background-color:#627ba7 ;}
.ylbxyjs .th4{height: auto;}

.ylbxyjs .th5 .themeBox{ padding: 82px 0px 35px; padding-left: 56px; padding-right: 35px;}
.ylbxyjs .th5 .themeBox .leftBox{width: 832px; margin-right: 44px;}
.ylbxyjs .th5 .themeBox ul{height: 580px; overflow: hidden; overflow-y: auto; padding-right: 22px;}
 /* 设置滚动条的样式 */
 .ylbxyjs .th5 .themeBox ul::-webkit-scrollbar {
  width:10px;
  }
  /* 滚动槽 */
  .ylbxyjs .th5 .themeBox ul::-webkit-scrollbar-track {
  -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
  border-radius:10px;
  background:#ffffff;
  }
  /* 滚动条滑块 */
  .ylbxyjs .th5 .themeBox ul::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:#488ef7;
  -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
  }

.ylbxyjs .th5 .themeBox ul li{padding: 30px 40px 25px; background-color: #fff; border-radius: 20px; margin-bottom: 20px;  }
.ylbxyjs .th5 .themeBox ul li .titleBox{position: relative; margin-bottom: 22px; padding: 1px 0; padding-left: 83px; padding-right: 25px;  background-color: #5caef6; border-radius: 30px;  font-size: 18px; font-weight: bold; color: #fff;}.ylbxyjs .th5 .themeBox ul li .titleBox .iconBox{display: block; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); background-color: #fff; box-shadow: 0px 0px 12px rgba(30, 135, 225, 0.3);  text-align: center; border-radius: 100%; width: 74px; height: 74px; line-height: 111px; }
.ylbxyjs .th5 .themeBox ul li .titleBox em{ font-weight: bold; display: block;}
.ylbxyjs .th5 .themeBox ul li p{font-size: 18px; color: #0f587a; line-height: 36px;}

.ylbxyjs .th5 .rightBox{width: 532px; padding: 30px; background-color: #fff; box-sizing: border-box; height: 570px; border-radius: 20px;}
.ylbxyjs .th5 .rightBox .imgBox{ height: 200px; border-radius: 20px; overflow: hidden; margin-bottom: 30px; }
.ylbxyjs .th5 .rightBox .nameBox{ font-size: 28px; margin-bottom: 41px; padding: 16px 15px; text-align: center; color: #fff; border-radius: 40px; background-color: #59b4ea;}
.ylbxyjs .th5 .rightBox .item { position: relative; padding-left: 32px; font-size: 22px; color: #333;margin-bottom: 23px; }
.ylbxyjs .th5 .rightBox .item:last-child{margin-bottom: 0px;}
.ylbxyjs .th5 .rightBox .item .iconBox{position: absolute; left: 0px; top: 1px; vertical-align: top; font-size: 0px;}
.ylbxyjs .th5 .rightBox .item .txt{display: inline-block; vertical-align: top; margin-left: 15px;}

.ylbxyjs .th5 .rightBox .item.phone .txt a{color: #333;}
.ylbxyjs .th5 {margin-bottom: 0px !important;}
.msgBox{ font-size: 20px; color: #0f587a; padding-top: 45px; padding-left: 60px;}

@media screen and (max-width: 1660px) {
  .ylbxyjs .titS1 img{ height: 80px;}
  .ylbxyjs .theme .titlebox{top: -101px;}
  .ylbxyjs .theme .titlebox img{ height: 130px;}
  .ylbxyjs .th1.theme .themeBox .themeContent::after{background-size: 100% auto; left: -6px; right: -6px;}
  .ylbxyjs .th1.theme .themeBox .themeContent p{font-size: 20px;}
  .ylbxyjs .th1.theme::before{ top: -207px; background-size: 100% auto; width: 251px;}
  .ylbxyjs .th1.theme::after{width: 500px; top: -195px; background-size: 100% auto;}
  .ylbxyjs .th2 .themeBox{padding-left: 240px; background-size: 200px auto;}
  .ylbxyjs .th2 .themeBox ul li a{font-size: 18px;}
  .ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a .aContent{font-size: 26px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC p{font-size: 16px;}
  .ylbxyjs .th3 .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 130px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn{ right: 20px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn a{width: 110px;}
    .ylbxyjs .th3 .themeBox{padding-left: 60px; padding-right: 60px;}
  .ylbxyjs .th3 .yl_Swiper{height: 552px;}    
  .ylbxyjs .th3 .switchBox .ritem .ritemP{font-size: 18px;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox .qrBg{width: 500px;}

  .ylbxyjs .th5 .themeBox{padding:60px 30px 25px;}
  .ylbxyjs .th5 .themeBox .leftBox{width: 610px;}
  .ylbxyjs .th5 .rightBox{width: 485px;}
  .ylbxyjs .th5 .rightBox .nameBox{font-size: 24px;}
  .ylbxyjs .th5 .rightBox .imgBox{height: auto; font-size: 0px;}
  .ylbxyjs .th5 .rightBox .item{font-size: 20px;}
}
@media screen and (max-width: 1200px) {
  .ylbxyjs .head_top.fw{height: 260px; background-size: cover;}
  .ylbxyjs .titS1{padding: 0 15px; padding-top: 50px;}
  .ylbxyjs .titS1 img{height: auto;}
  .ylbxyjs .theme {margin-bottom: 66px;}
  .ylbxyjs .th1.theme::after{display: none;}
  .ylbxyjs .th1.theme::before{display: none;}
  .ylbxyjs .ylbxyjs_wrap .box{margin-top: 0px; padding: 10px 15px 25px;}
  .ylbxyjs .th1.theme .themeBox{border-radius: 10px; padding: 8px;}
  .ylbxyjs .th1.theme .themeBox .toBg .i1::before{width: 23px; height: 41px; background-size: 100% auto; left: 28px; top: -12px;}
  .ylbxyjs .th1.theme .themeBox .toBg .i1::after{width: 23px; height: 41px; background-size: 100% auto; left: 63px; top: -12px;}
  .ylbxyjs .th1.theme .themeBox .toBg .i2::before{width: 23px; height: 41px; background-size: 100% auto; right: 28px; top: -12px;}
  .ylbxyjs .th1.theme .themeBox .toBg .i2::after{width: 23px; height: 41px; background-size: 100% auto; right: 63px; top: -12px;}
  .ylbxyjs .th1.theme .themeBox .themeContent{padding: 25px 10px 10px; }
  .ylbxyjs .th1.theme .themeBox .themeContent p{font-size: 14px; line-height: 24px;}
  .ylbxyjs .th1.theme .themeBox .themeContent::after{height: 10px; left: -2px; right: -2px; bottom: -3px;}
  .ylbxyjs .th1.theme{margin-bottom: 60px;}
  .ylbxyjs .theme .titlebox img{height: 63px;}
  .ylbxyjs .theme .titlebox{top: -47px;}
    .ylbxyjs .th2 .themeBox .themeContent{margin-left: 0px;}
  .ylbxyjs .th2 .themeBox .ulItem{width: 100% !important; float: none; padding-left: 0px; margin-bottom: 9px;}

  .ylbxyjs .th2 .themeBox{background-image: none; padding: 10px; padding-top: 28px;}
  .ylbxyjs .th2 .themeBox ul li a{font-size: 13px; height: 30px; line-height: 28px; padding-left: 24px; padding-right: 10px;}
  .ylbxyjs .th2 .themeBox ul li a::before{width: 6px; height: 6px; left: 14px;}
  .ylbxyjs .th3 .themeBox{padding: 10px; padding-top: 30px;}
  .ylbxyjs .th3 .themeBox .tabSwitchBtns{margin-left: -10px;}
  .ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox{width: 50%; padding-left: 10px; margin-bottom: 30px;}
  .ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a .num1{font-size: 16px; left: 11px; top: -10px; width: 41px; height: 29px; line-height: 29px; border-radius: 22px 0px 22px 0px;}
  .ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a .aContent{font-size: 18px; padding-top: 38px;}
  .ylbxyjs .th3 .themeBox .tabSwitchBtns .spanBox a{padding: 6px; height: 97px; }
  .ylbxyjs .th3 .switchBox{padding-top: 0px;}
  .ylbxyjs .th3 .switchBox .register{padding-top: 0px; margin-left: 0px;}
  .ylbxyjs .th3 .switchBox .ritem{width: 100%; float: none; padding-left: 0px; margin-bottom: 10px;}
  .ylbxyjs .th3 .switchBox .register{padding-top: 10px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .tit1{font-size: 16px; height: auto; line-height: 26px;}
  .ylbxyjs .th3 .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 158px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .itemCP{position: initial; transform: none;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC p{font-size: 13px; line-height: 22px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn a{font-size: 13px; height: 25px; line-height: 22px;width: 120px;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox a{font-size: 13px;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox a{margin: 5px;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox{padding: 5px 0;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC{padding: 10px; height: auto !important;}
  .ylbxyjs .th3 .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 10px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .tit1{font-size: 14px;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn{position: initial; transform: none;}
  .ylbxyjs .th3 .switchBox .ritem .ritem_box .itemC .btn a{width: auto;}
    .ylbxyjs .th3 .switchBox .ritem .ritemP{font-size: 14px; margin-bottom: 10px;}
  .ylbxyjs .th3 .psBox{font-size: 13px; padding-top: 5px;}
    .ylbxyjs .th3 .tableBox td, .ylbxyjs .th3 .tableBox th{font-size: 14px; padding: 8px 0;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox .qrBg{width: 90vw; height: auto; bottom: auto; top: 50%; transform: translate(-50%, -50%); padding-bottom: 25px; position: fixed;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox .qrBg .closeBtn{display: block;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem .qrItem_box{height: 140px;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem .qrItem_box .qrImg img{max-width: 100%;}
  .ylbxyjs .th3 .switchBox .ritem .btnBox .qrBox .qrItem{width: 50%;}
  .ylbxyjs .th3 .yl_Swiper .swiper-button-next, .ylbxyjs .th3 .yl_Swiper .swiper-button-prev{width: 30px; height: 30px; background-size: auto 16px;}
  .ylbxyjs .th3 .yl_Swiper .swiper-button-next{right: 14px;}
  .ylbxyjs .th3 .yl_Swiper .swiper-button-prev{left: 5px;}
  .ylbxyjs .th3 .yl_Swiper{height: 400px;}

  .ylbxyjs .th3 .yl_Swiper .roll::-webkit-scrollbar{width: 4px;}
    .ylbxyjs .th3 .swiperBox{padding-top: 15px;}
  .ylbxyjs .th3 .swiperBox .titleS{margin-bottom: 10px;}


  .ylbxyjs .th4 .themeBox{padding: 10px; padding-top: 28px; height: auto;}
  /* 地图 */
  .ylbxyjs .th4 .server_map  .mapBox{height: 371px;}
  .ylbxyjs .th4 .server_map  .infoBox{left: 0px; width: 288px; height: 421px;}
  .ylbxyjs .th4 .server_map  .tit_tag a{height: 34px; font-size: 13px; margin-right: 14px;}
  .ylbxyjs .th4 .server_map  .tit_tag{padding: 0 0 8px; padding-left: 26px; padding-right: 10px;}
  .ylbxyjs .th4 .server_map  .lists{padding-left: 28px;}
  .ylbxyjs .th4 .server_map  .input_box{height: 29px;  padding-left: 20px}
  .ylbxyjs .th4 .server_map  .input_box a img{width: 14px;}
  .ylbxyjs .th4 .server_map  .lists dl dt{font-size: 13px;}
  .ylbxyjs .th4 .server_map {padding-left: 274px;}
  .ylbxyjs .th4 .server_map  .parent_tit_tag{margin-bottom: 10px;}
  .ylbxyjs .th4 .server_map  .parent_tit_tag a{font-size: 18px; height: 45px; line-height: 45px;}
  .ylbxyjs .th4 .server_map {padding-left: 0px;}
  .ylbxyjs .th4 .server_map  .box1{display: block;}
  .ylbxyjs .th4 .server_map  .mapBox{display: block; border-radius: 5px; height: 268px;}
  .ylbxyjs .th4 .server_map  .infoBox{display: block; width: 100%; position: initial;}
  .ylbxyjs .th4 .server_map  .infoBox::after{display: none;}
  .ylbxyjs .th4 .server_map  .infoBox::before{display: none;}

  .ylbxyjs .th5 .themeBox{padding: 10px; padding-top: 28px;}
  .ylbxyjs .th5 .themeBox .leftBox{width: 100%; float: none; margin-right: 0px;}
  .ylbxyjs .th5 .themeBox ul li{padding: 10px 15px; margin-bottom: 10px;}
  .ylbxyjs .th5 .themeBox ul li p{font-size: 13px; line-height: 24px;}
  .ylbxyjs .th5 .themeBox ul li .titleBox{font-size: 15px; margin-bottom: 10px; padding: 8px 0; padding-left: 43px; padding-right: 10px;}
  .ylbxyjs .th5 .themeBox ul li .titleBox .iconBox{ width: 45px; height: 45px; line-height: 65px;}
  .ylbxyjs .th5 .themeBox ul li .titleBox .iconBox img{width: 32px;}
  .ylbxyjs .th5 .themeBox ul{padding-right: 10px; height: 374px;}
  .ylbxyjs .th5 .themeBox ul::-webkit-scrollbar { width: 5px;}
  .ylbxyjs .th5 .rightBox{width: 100%; padding: 10px; padding-bottom: 20px; height: auto; margin-top: 15px;}
  .ylbxyjs .th5 .rightBox .nameBox{ font-size: 16px; padding:10px; margin-bottom: 20px;}
  .ylbxyjs .th5 .rightBox .imgBox{margin-bottom: 15px;}
  .ylbxyjs .th5 .rightBox .item{font-size: 14px; padding-left: 20px; margin-bottom: 10px;}
  .ylbxyjs .th5 .rightBox .item .iconBox img{ height: 24px;}
  .ylbxyjs .th5 .rightBox .item .txt{ margin-left: 10px;}
  .msgBox{padding-left: 10px; padding-top: 10px; font-size: 14px;}
}