@import url(rab2021_millia.css);
@import url(rab2021_swiper3.4.2.css);
.millia{width:1200px;margin:0 auto;position:relative;z-index:1;}
.icon{width:1em; height:1em;vertical-align:-0.15em;fill:currentColor;
overflow: hidden;}
.topic{background:url(rab2021_10.jpg) no-repeat top center;background-size:100% 60%; }
.topic .millia{display:flex;flex-direction:column;justify-content:center;padding-bottom:50px;}
.topTxt{display:flex;justify-content:space-between;padding-top:20px;align-items:center;}
.topTxt p{display:flex;align-items:center;}
.topTxt p img{display:inline-block;margin-right:10px;}
#changeOldCss{background:#115db2;color:#fff;padding:10px;border-radius:5px;margin-left:10px;}
.logo{text-align:center;padding:20px 0;}
.searBg{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.sear{display:flex;box-shadow:0 0 5px #c7c7c7;padding-left:100px;position:relative;background:#fff;border-radius:5px;}
.analogSelect{position:absolute;left:0;top:0;padding:0 25px 0 0;box-sizing:border-box;font-size:18px;border-radius:5px;width:100px;}
.analogSelect:after{content:"";display:block;position:absolute;right:0;top:15px;width:1px;height:24px;background:#cbcbcb;}
.analogSelect:before{content:"";display:block;position:absolute;right:20px;top:25px;border:7px solid transparent;border-top-color:#666;}
.analogSelect input{border:none;line-height:56px;height:56px;padding:0 20px;border-radius:5px;width:50px;color:#666;}
.analogSelect ul{position:absolute;left:0;top:50px;z-index:9999;background:#fff;padding:10px 0 0 0;box-sizing:border-box;border-radius:0 0 5px 5px;overflow:hidden;display:none;}
.analogSelect ul li{line-height:42px;cursor:pointer;padding:0 20px;}
.analogSelect ul li.on{background-color:#e0e0e0;}
.int01{height:56px;padding:10px 10px 10px 20px;box-sizing:border-box;border:none;background:#fff;font-size:18px;width:480px;}
.bt01{background:url(rab2021_03.png) #1764ce no-repeat 25px center;color:#fff;border:none;padding:0 30px 0 55px;font-size:18px;line-height:56px;height:56px;border-radius:0 5px 5px 0;}
.hotCode dt,.hotCode dd{display:inline-block;}
.hotCode dt{font-size:16px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.hotCode dd{background:#ef920e;color:#fff;padding:3px 12px;margin-left:10px;border-radius:10px;font-size:14px;}
.hotCode dd a{color:#fff;}
.navBg{padding:30px 0 0 0;position:relative;}
.nav{position:absolute;width:1200px;left:50%;top:0;margin-left:-600px;padding:0 0 56px 0;color:#fff;}
.nav a{color:#fff;}
.nav ul{display:flex;align-items:center;padding-top:20px;}
.nav a:hover,.blueBg a:hover{text-decoration:none;}
.nav ul:before,.nav ul:after{content:"";display:block;position:absolute;background:#1367d0;height:100%;width:100%;left:-50%;top:0;}
.nav ul:after{left:50%;width:50%;transform:skewX(30deg);}
.nav .icon{font-size:26px;margin-right:10px;color:#fff;}
.nav ul li{position:relative;font-size:24px;margin-right:36px;z-index:1;cursor:pointer;}
.nav ul li b{font-weight:normal;display:inline-block;box-sizing:border-box;height:42px;position:relative;z-index:2;color:#fff;}
.nav ul li:hover b{border-bottom:4px solid #fff;}
.nav ul li div{position:absolute;left:-500px;top:24px;font-size:16px;color:#9cd3fd;padding:30px 0 20px 0;display:none;width:1200px;text-align:center;z-index:1;}
.nav ul li div a{color:#9cd3fd;display:inline-block;margin:0 25px;}
.nav ul li:nth-child(2) div{left:-300px;}
.nav ul li:last-child div{left:auto;right:-100px;text-align:right;}
.blueBg{background:#1467d0;padding:70px 0 30px 0;background-size:100% auto; }
.blueBg .millia{display:block;padding-bottom:0;}
.blueBg h1{font-size:32px;line-height:48px;font-weight:bold;color:#fff;}
hr.line{height:1px;border:none;border-top:1px dashed #62a3ea;margin:20px 0;float:none;display:block;}
.blueBg a{color:#fff;}

.ls01 li,.ls02 li{display:flex;justify-content:space-between;padding-left:20px;position:relative;overflow:hidden;}
.ls01 li:before,.ls02 li:before{content:"";display:block;width:6px;height:6px;border-radius:6px;position:absolute;left:0;top:20px;background:#1c64b5;}
.ls01 li a,.ls02 li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ls01 li span,.ls02 li span{font-size:14px;color:#999;}
.ls02{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ls02 li{width:47%;}
.ls02 li a{flex:1;}

.blueBg .ls01 li:before{background:#fff;}
.blueBg .ls01 li span{color:#fff;}
.focus{height:320px;padding-bottom:40px;position:relative;}
.focus .swiper-slide{width:100%;height:320px;overflow:hidden;position:relative;}
.focus .swiper-slide img,.imgList li img,.tagsList dt img,.imgsList li img,.spSwiper .swiper-slide img{width:100% !important;height:100% !important;}
.focus .swiper-slide b{display:block;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;font-size:16px;line-height:42px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;}
.focus .swiper-pagination{text-align:right;width:100%;bottom:0;}
.focus .swiper-pagination-bullet{background:#9abfee;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.focus .swiper-pagination-bullet-active{background:#fff;width:30px;}
.tabs{border-bottom:1px solid #eaeaea;font-size:24px;display:flex;align-items:center;}
.tabsSpace{justify-content:space-between;}
.tabs li{color:#999;cursor:pointer;padding-bottom:12px;}
.tabs a{color:#999;}
.tabs .active{color:#115db2;font-weight:bold;}
.tabs .active a{color:#115db2;}
.tabs .active a:hover{text-decoration:none;}
.blueBg .tabs li{padding:0 0 12px 0;color:#fff;}
.blueBg .tabs li a{color:#fff;}
.blueBg .tabs .active{border-bottom:4px solid #fff;}
.blueBg .tabs .active a{color:#fff;}
.grayBg .tabs li{margin-right:30px;}
.grayBg .tabs li.active{border-bottom:4px solid #115db2;}
.grayBg{background:#f5f5f5;padding:40px 0 50px 0;}

.ht01{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ht01:before,.ht01:after{content:'';display:block;width:50%;height:50%;border-bottom:2px solid #115db2;position:absolute;left:-10%;top:0;}
.ht01:after{left:auto;right:-10%;}
.ht01 b{font-size:32px;color:#115db2;}
.ht01 i{display:flex;margin-right:10px;background:#115db2;color:#fff;width:38px;height:38px;justify-content:center;align-items:center;border-radius:40px;}
.ht01 i .icon{font-size:22px;}

.tagItems{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.tagItems li{width:13.2%;margin-top:10px;border:1px solid #eeeded;padding:20px 0;transition:all 0.5s;background:#fff;}
.tagItems li a{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.tagItems li i{font-size:30px;margin-bottom:10px;font-style:normal;color:#115db2;transition:all 0.5s;}
.tagItems li:hover{background:#115db2;border:1px solid #115db2}
.tagItems li:hover a,.tagItems li:hover i{color:#fff;}
.tagItems li:hover i{transform:rotateY(-180deg);}
.tagItems li a:hover{text-decoration:none;}

.tagImg li{margin-top:23px;}
.tagImg li:first-child{margin:0;}
.tagImg li img{width:100%;height:auto;}

.spSwiper{padding-bottom:50px;position:relative;}
.spSwiper .swiper-pagination{width:100%;text-align:center;left:0;bottom:0;}
.spSwiper .swiper-pagination-bullet{width:14px;height:14px;border-radius:14px;background:#999;margin:0 5px;}
.spSwiper .swiper-pagination-bullet-active{background:#db4e5c;}

.friendBg{background:#daecfb;padding:10px 0;}
.friendList{display:flex;justify-content:space-between;}
.friendList li{padding-right:20px;position:relative;font-size:16px;color:#115db2;cursor:pointer;}
.friendList li b{font-weight:normal;}
.friendList a{color:#115db2;}
.friendList li:after{content:"";display:block;position:absolute;right:0;top:45%;border:5px solid transparent;border-top-color:#115db2;}
.friendList li div{position:absolute;left:-20px;bottom:20px;padding:10px 20px 20px 20px;display:none;background:#daecfb;z-index:999;height:300px;overflow-y:auto;}
.friendList li div a{display:block;white-space:nowrap;padding-bottom:10px;}

.foot{background:#115db2;padding:45px 0;}
.foot .millia{display:flex;justify-content:space-between;align-items:center;}
.footImg{padding-right:30px;display:flex;align-items:center;}
.footImg img{margin-right:20px;}
.footInfo{flex:1;padding:0 50px;border-right:1px solid #417dc1;border-left:1px solid #417dc1;}
.footInfo span,.footInfo a{display:inline-block;margin-right:0px;}
.footInfo span img{margin-right:5px;vertical-align:middle;}

.footEr{display:flex;}
.footEr p{margin-left:22px;text-align:center;}
.footEr p img{display:block;margin:0 auto 10px auto;}

#uper{position:fixed;right:5%;bottom:5%;z-index:99;}
#uper p{display:block;font-size:40px;width:60px;height:60px;line-height:60px;text-align:center;border:1px solid #ddd;margin-top:10px;position:relative;}
#uper p:nth-child(1){background:#fff;color:#999;}
#uper p:nth-child(2){background:#ddd;color:#fff;}
#uper p:nth-child(2) a{color:#fff;display:block;}
#uper p span{display:none;position:absolute;right:63px;bottom:0;}
#uper p span img{max-width:210px;height:auto;}

@media screen and (max-width:640px){
.millia{width:94%;}
.topic{padding:3rem 0 0 0;background-size:auto 60%;}
.topic .millia{padding:0;}
.logo img{max-width:92% !important;height:auto !important;}
.sear{padding:0;border-radius:0.5rem;overflow:hidden;}
.int01{flex:1;width:auto;font-size:1.4rem;line-height:4.6rem;height:4.6rem;padding:0 0 0 1rem;}
.bt01{line-height:4.6rem;height:4.6rem;font-size:1.4rem;}
.navBg{padding:0;}
.nav{position:fixed;top:1%;right:1%;box-sizing:border-box;z-index:9999;display:block;padding:0;width:auto;left:0;margin:0;}
.nav span{background:url(rab2021_04.png) #1367d0 no-repeat center center;width:46px;height:46px;border-radius:50%;display:block;position:absolute;right:0;top:0;z-index:99;}
.nav ul{background:#1367d0;display:none;position:absolute;right:0;top:50px;width:12rem;padding:1rem 0;}
.topTxt,.nav ul:after,.nav ul:before,.nav .icon,.ls01 li span,.ls02 li span,.tabs .icon{display:none;}
.nav ul li{font-size:1.6rem;width:100%;text-align:center;border:none;margin-top:1rem;}
.nav ul li b{height:2.6rem;}
.nav ul li:hover b{border-bottom:0.1rem solid #fff;}
.nav ul li div{left:auto;right:12rem;top:0;width:auto;background:#1367d0;padding:0 0 1rem 0;}
.nav ul li div a{display:block;white-space:nowrap;margin:1rem 1rem 0 1rem;color:#fff;}
.nav ul li:nth-child(2) div,.nav ul li:last-child div{left:auto;right:12rem;text-align:center;}
#markbg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:998;display:none;}
.blueBg{padding:2rem 0 1rem 0;}
.blueBg .millia{display:block;}
.blueBg h1{font-size:1.8rem;line-height:2.4rem;padding:2rem 0 0 0;}
.ls01,.ls02{line-height:2.6rem;font-size:1.5rem;}
.ls01 li,.ls02 li{padding-bottom:1rem;border:none;}
.ls02 li{width:100%;}
.ls01 li:before,.ls02 li:before{top:1rem;}
.ls01 li a,.ls02 li a{white-space:normal;}
.focus,.focus .swiper-slide{height:auto;}
.focus{padding-bottom:3rem;}
.focus .swiper-slide img,.spSwiper .swiper-slide img{width:100% !important;height:auto !important;}

.focus .swiper-pagination{bottom:0;text-align:center;}
.tabs{font-size:1.7rem;line-height:2.2rem;}
.tabs li{white-space:nowrap;margin:0;}
.tabs li:last-child{margin:0;}
.tabs .active{font-weight:normal;}
.ht01:before,.ht01:after{display:none;}
.ht01 i{padding:0;}
.ht01 b,.ht01 i{font-size:2rem}
.ht01 b{font-size:2.6rem}
.grayBg .tabs li{margin-right:2rem;}

.grayBg{padding:3rem 0 2rem 0;}

.tagItems{padding:0 1rem 1rem 1rem;}
.tagItems li{width:48%;font-size:1.5rem;margin-top:1rem;}

.hotTab ul li{font-size:1.5rem;line-height:3rem;padding:0 1rem;}

.spSwiper{padding-bottom:3rem;}
.spSwiper .swiper-pagination-bullet{width:1rem;height:1rem;}

.foot .millia{display:block;}
.footInfo{border:none;font-size:1.3rem;line-height:2.4rem;padding:0 1rem;text-align:center;}
.footEr{padding-top:2rem;justify-content:space-evenly;}
.footEr p{margin:0;}
.footEr p img{max-width:90%;height:auto;}

}