@import url(ab2021_millia.css);
@import url(ab2021_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(ab2021_10.jpg) no-repeat top center;overflow:hidden;background-size:100% auto;;}
@media screen and (max-width:2000px){
    .topic{background-size:auto 700px;}
}
@media screen and (max-width:1500px){
    .topic{background-size:auto 660px;}
}
.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:#1764ce;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(ab2021_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;justify-content:flex-start;padding-top:20px;}
.nav a:hover,.blueBg a:hover{text-decoration:none;}
.nav ul:before,.nav ul:after{content:"";display:block;position:absolute;background:#1467d0;height:100%;width:100%;left:-50%;top:0;}
.nav ul:after{left:34%;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:60px;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:-600px;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:-130px;text-align:left;}
.nav ul li:nth-child(3) div{left:-300px;text-align:left;}
.nav ul li:nth-child(5) div{left:-70px;text-align:left;}
.nav ul li:last-child div{left:auto;right:-130px;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{display:flex;justify-content:space-between;padding-left:20px;position:relative;overflow:hidden;}
.ls01 li:before{content:"";display:block;width:6px;height:6px;border-radius:6px;position:absolute;left:0;top:20px;background:#1c64b5;}
.ls01 li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ls01 li span{font-size:14px;color:#999;}
.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{width:100% !important;height:100% !important;}
.focus .swiper-slide p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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;}
.tabs li{margin-right:30px;color:#999;cursor:pointer;padding-bottom:15px}
.tabs a{color:#999;}
.tabs .active{color:#115db2;transition:all .5s;font-weight:bold;position:relative;}
.tabs .active a{color:#115db2;}
.tabs .active:after{content:"";display:block;position:absolute;left:0;bottom:0;border-bottom:3px solid #115db2;width:100%;height:1px;}
.navBg .tabs li,.navBg .tabs li a{color:#fff;}
.navBg .tabs .active{color:#fff;}
.navBg .tabs .active:after{border-bottom:3px solid #daecfb;}

.tabs a:hover,.tagList li a:hover{text-decoration:none;}


.grayBg{background:#f5f5f5;padding:35px 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;}

.tagList{display:flex; flex-wrap: wrap; justify-content:space-between;color:#115db2;font-size:16px;}
.tagList li{ width: 16.66%; background:#daecfb;border:1px solid #f5f5f5;box-sizing:border-box;padding:40px 0 30px 0;}
.tagList li a{color:#115db2;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.tagList li .icon{font-size:34px;margin-bottom:20px;}

.mesTel{background:#ebf5ff;display:flex;justify-content:center;align-items:center;color:#115db2;font-weight:bold;padding:8px 0;font-weight:bold;font-size:24px;}
.mesTel .icon{font-size:28px;}
.mesTelEnter{font-weight:normal;color:#115db2;border:1px solid #115db2;border-radius:5px;font-size:16px;display:flex;justify-content:center;align-items:center;padding:6px 25px;}
.mesTelEnter .icon{margin-right:10px;}

.mesBg{background:url(ab2021_12.jpg) no-repeat left top;background-size:100% 100%;padding:45px 35px 35px 35px;}
.mesBg h6{font-weight:bold;font-size:26px;color:#115db2;text-align:center;padding-bottom:30px;}


.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:20px 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:18px;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:44px 0 42px;}
.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;}
.footImg a:nth-child(1) img{
    width: 60px; height: 72px;
}
.footImg a:nth-child(2) img{
    width: 110px; height: 55px;
}
.footImg #_span_jiucuo{
    margin-right:20px;
}
.footImg #_span_jiucuo img{
    width: 110px; height: 55px;
    margin-right: 0;
}
.footInfo{flex:1;padding:0 45px;border-right:1px solid #417dc1;border-left:1px solid #417dc1;}
.footInfo span{display:inline-block;margin-right: 16px; }
.footInfo span img{vertical-align:middle;}

.footEr{display:flex;margin-left: 10px; width: 220px;}
.footEr p{margin-left:18px;text-align:center; width: 92px;}
.footEr p img{display:block;margin:0 auto 10px auto;width: 100%; height: 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:#737373;}
#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 40%;}
.topic .millia{padding:0;}
.logo img{max-width:78% !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(ab2021_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:1rem 0;}
.blueBg .millia{display:block;}
.blueBg h1{font-size:1.8rem;line-height:2.4rem;padding:2rem 0 0 0;}
.navBg .tabs{justify-content:space-evenly}
.ls01,.ls02{line-height:2.6rem;font-size:1.5rem;}
.ls01 li,.ls02 li{padding-bottom:1rem;}
.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-slide p{
    height: 3rem;
    line-height: 3rem;
    font-size: 1.5rem;
    padding: 0 0.6rem;
}
.focus .swiper-pagination{bottom:0;text-align:center;}
.tabs{font-size:1.8rem;line-height:2.2rem;justify-content:space-evenly;}
.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}

.tagList{flex-wrap:wrap;}
.tagList li{width:50%;flex:auto;}

.mesTel{flex-direction:column;font-size:1.8rem;padding:2rem 0;}
.mesTel .icon{font-size:2rem;}
.mesTel p{padding-bottom:2rem;}
.mesTel .mesTelEnter{font-size:1.4rem;}

.mesBg{font-size:1.5rem;}
.mesBg h6{font-size:1.8rem;}

.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;}
}