@charset "utf-8";

.banner .swiper-pagination-bullets{bottom: .4rem;z-index: 10}
.banner .swiper-pagination-bullets span{width: .26rem;;height: .06rem;background:#fff;margin: 0 .1rem;opacity: .6; position: relative;transition: .3s}
.banner .swiper-pagination-bullets span.swiper-pagination-bullet-active{width: .46rem;opacity: 1}
.balink{position: absolute;right: 50%;top:53%;transform: translateY(-50%);z-index: 5;background: rgba(0,0,0,.3);padding: .35rem;margin-right: -7.8rem;/* height: 680px; */}
.balink img{width: 4.7rem}
.balink ul li{position: absolute;z-index: 8;width: 1.12rem;height: 1.12rem;background: rgba(0,0,0,0);}
.balink ul li a{text-align: center;color: #fff;height: 100%}
.balink ul li a i{font-size: .4rem;display: block;margin-bottom: .1rem}
.balink ul li:hover i{transform: rotateY(360deg);transition: .5s}
.balink ul li:hover a{background:#5eace5;}
.balink ul li:nth-child(1){left:45.53%;top:7.58%;}
.balink ul li:nth-child(2){left:75.96%;top:38.53%;}
.balink ul li:nth-child(3){left:45.53%;top:68.84%;}
.balink ul li:nth-child(4){left:0;top:38.53%;width: 1.8rem;}



.homea{background:url(../images/habg.jpg)  no-repeat right bottom;padding: .4rem 0 .65rem;background-size: cover}
.homea .more{margin-top: .4rem}
.homea .more a{display: inline-block;width: 2.4rem;height: .55rem;line-height: .55rem;background: #fff;text-align: center;box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.homea .tit h3{font-size: .32rem;font-weight: normal;position: relative;bottom: -.1rem}
.homea .aleft{width:30%;padding: .2rem;-webkit-box-shadow: 0 0 .1rem rgba(0,0,0,.1);box-shadow: 0 0 .1rem rgba(0,0,0,.1);background: #fff;height: 6.5rem  }
.homea .aleft .tits h4{position: absolute;left:0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;z-index: 2;color: #fff;font-size: .24rem;font-weight: bold;}
.homea .aleft ul{margin-top: .2rem }
.homea .aleft ul li h4{font-weight: normal;line-height: 1.4em;margin-bottom: 5px}

.homea .aleft ul li{border-bottom: 1px solid #ddd}
.homea .aleft ul li:last-child{border-bottom: 0}
.homea .aleft ul li a:hover{text-decoration: underline;}
.homea .aleft ul li.li1{padding: .15rem 0}
.homea .aleft ul li.li2{line-height: .62rem;padding-right: .8rem;position: relative;}
.homea .aleft ul li.li2 time{position: absolute;right: 0;top: 0;}
.homea .aleft ul li time{color: #186fc8;font-size: .12rem}
.homea .aleft ul li time span{font-size: .18rem}

.homea .amid{width:40%;position: relative;z-index: 3;-webkit-box-shadow: 0 0 .18rem rgba(0,0,0,.15) ;box-shadow: 0 0 .18rem rgba(0,0,0,.15) ;margin-top: .5rem;background: #fff }
.homea .amid .txtbox{}
.homea .amid .slide-newsp .pic{height: 3.95rem}
.homea .amid .slide-newstp{padding: .2rem .35rem 0}
.homea .amid .slide-newstp h4{margin: .1rem 0 .15rem;line-height: 1.4em;font-weight: normal;}
.homea .amid .slide-newstp p{line-height: 1.8em;font-size: .14rem;color: #666;margin-bottom: .1rem;max-height: .5rem\0}
.homea .amid .slide-newstp .mor{color: #0e60a6;font-size: .14rem}
.homea .amid .slide-newstp h4 a{font-size: .18rem;max-height: .5rem;display: block\0;}
.homea .amid .pagHa{position: static;width: 100%;text-align: center;margin-top: .1rem}
.homea .amid .swiper-pagination-bullets span{opacity: 1;background: #b7cde6;width: 8px;height: 8px;margin: 0 .1rem;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;position: relative;}
.homea .amid .swiper-pagination-bullets span.swiper-pagination-bullet-active:before{content: '';width: 14px;height: 14px;position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -8px;border-radius: 50%;border: 1px solid  #0f5aab}
.homea .amid .swiper-pagination-bullets span.swiper-pagination-bullet-active{background: #0f5aab;}

.homea .aright{width:30%;padding: .2rem;-webkit-box-shadow: 0 0 .1rem rgba(0,0,0,.1);box-shadow: 0 0 .1rem rgba(0,0,0,.1);background: #fff;height: 6.5rem  }
.homea .aright .tits h4{position: absolute;left: 0;bottom: 0;right: 0;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;padding: .5rem .2rem .2rem;color: #fff}
.homea .aright .tits h4 span{font-size: .22rem;font-weight: normal;}
.homea .aright .tits h4 i{font-size: .12rem;font-weight: normal;display: block;width: .24rem;height: .24rem;text-align: center;line-height: .22rem;border: 1px solid rgba(255,255,255,.7)}
.homea .aright ul{margin-top: .2rem }
.homea .aright ul li{line-height: .49rem;padding-left: .2rem;background: url(../images/dot.png) no-repeat left center;}
.homea .aright ul li:hover a{text-decoration: underline;}


.intit {margin-bottom: .3rem}
.intit span{font-size: .28rem}
.intit i{font-size: .15rem;font-weight: normal;display: block;width: .32rem;height: .32rem;text-align: center;line-height: .3rem;border: 1px solid rgba(0,0,0,.2)}
.intit a:hover i{border-color: #1665b9;color: #1665b9}
 .homeb{padding: .9rem 0 .8rem;background: url(../images/hbbg.jpg) no-repeat center;background-size: cover}
.homeb .aleft{width: 65%;height: 6rem;overflow: hidden;}
.homeb .aleft .mapBox{width: 100%}
.homeb .aleft .mapBox svg{height: 9rem;width: 10.9rem}
.homeb .aright{width:4.6rem}
.homeb .aright .intit{margin-bottom: .2rem}
.homeb .aright .intit span{border-left: 4px solid #0f5aab;line-height: 1em;padding-left: .2em}
.homeb .aright .con{background: url(../images/hbbg2.png) no-repeat bottom right;background-size: 100% 100%;padding: .3rem;height: 5.12rem;position: relative;}
.homeb .aright .con:before{content: '';position: absolute;left: -.2rem;top: -.2rem;bottom: .3rem;right: .4rem;background: rgba(255,255,255,.2);}
.homeb .aright .desc{font-size: .14rem;line-height: 1.8em;color: #666}
.homeb .aright .tel{font-size: .24rem;color: #eaa230;padding: .2rem 0;}
.homeb .aright .tel p{font-weight: bold;}
.homeb .aright .tel i{font-size: .3rem;margin-right: 5px;float: left;}
.homeb .aright .tabNav{border:1px solid #ddd;padding: .15rem 0;border-left: 0;border-right: 0;margin-bottom: .2rem}
.homeb .aright .tabNav li{line-height: .3rem;position: relative;font-size: .18rem;cursor: pointer;width: 23%;text-align: center;cursor: pointer;}
.homeb .aright .tabNav li.on{font-size: .24rem}
.homeb .aright .tabNav li:before{content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 3px;width: 0;opacity: 0; background: #0f5aab;bottom: -.15rem;z-index: 2;-webkit-transition: .3s;-o-transition: .3s;transition: .3s}
.homeb .aright .tabNav li.on:after{content: '';width: 0;height: 0;border: 8px solid transparent;border-top-color: #0f5aab;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom:-.3rem;z-index: 3}
.homeb .aright .tabNav li.on:before{width: 100%;opacity: 1}
.homeb .aright .slide-tabs{margin-bottom: .3rem}
.homeb .aright .slide-tabs p{font-size: .15rem;line-height: 1.6;}
.homeb .aright .slide-tabs p span em{font-size: .32rem;font-weight: bold;}
.homeb .aright .slide-tabs p span{font-size: .18rem;color: #0f5aab}
.homeb .aright .slide-tabs p:before{content: "\e676";font-family: "swiper-icons" !important;color: #666;}
.homeb .aright .more a{display: block;width: 1.35rem;height: .4rem;line-height: .38rem;border:1px solid #0f5aab;text-align: center;color:#0f5aab;font-size: .15rem }
.homeb .aright .more a:hover{background:#0f5aab;color: #fff }

.homec{padding: .6rem 0 .8rem;background: url(../images/hcbg.jpg) no-repeat center;background-size: cover}
.homec .aleft{width: 48%}
.homec .aleft ul li{height: 1.24rem;width: 48%;background: #fff;margin-bottom: .3rem;position: relative;}
.homec .aleft ul li:after{font-family: "iconfont" !important;position: absolute;right: .2rem;top: 0;z-index: 0;pointer-events: none;font-size: .9rem;color: #f1f6fb;top:50%;transform: translateY(-50%);}
.homec .aleft ul li:nth-child(1):after{content: "\e619";}
.homec .aleft ul li:nth-child(2):after{content: "\e6a0";}
.homec .aleft ul li:nth-child(3):after{content: "\e9fc";}
.homec .aleft ul li:nth-child(4):after{content: "\e6ad";}
.homec .aleft ul li:nth-child(5):after{content: "\e95f";}
.homec .aleft ul li:nth-child(6):after{content: "\e692";}
.homec .aleft ul li a{height: 100%;padding: .2rem .35rem}
.homec .aleft ul li i{font-size: .55rem;color: #1665b9}
.homec .aleft ul li .txt{width: calc(100% - .7rem);position: relative; z-index: 2}
.homec .aleft ul li p{font-size: .18rem}
.homec .aleft ul li:hover{background:  linear-gradient(45deg,#1c67b1 0%,#20A1C9 100%);color: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,.15)}
.homec .aleft ul li:hover:after{color:rgba(255,255,255,.1)}
.homec .aleft ul li:hover i{color: #fff;transform: rotateY(360deg);transition: .5s}
.homec .aleft ul li:hover a{color: #fff}
.homec .aleft ul li:nth-last-child(1){margin-bottom:0}
.homec .aleft ul li:nth-last-child(2){margin-bottom:0}
.homec .aright{width: 48%}
.homec .aright .sbtn a{position: absolute;top:50%;transform: translateY(-50%);color: #fff;font-size: .4rem;z-index: 3}
.homec .aright .sbtn a.prev{left: .1rem}
.homec .aright .sbtn a.next{right: .1rem}
.homec .aright .pic{height: 4.25rem}
.homec .aright .pic .play{width: .59rem;height: .59rem;border-radius: 50%;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;background: url(../images/play.png) no-repeat center;background-size: 100% 100%;z-index: 4}
.homec .aright .pic h4{position: absolute;left: 0;bottom: 0;right: 0;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;padding: .5rem .2rem .2rem;color: #fff}
.homec .aright .pic h4 span i{font-weight: normal;font-size: .26rem;margin-right: 5px;vertical-align: -4px}

@media screen and (max-width: 1680px){
.balink{right: 4%;margin-right: 0}
}
@media screen and (max-width: 1180px){
.banner .swiper-pagination-bullets{bottom: .3rem;z-index: 10}
.balink{top: 50%}
.balink img{width: 34vw}
.balink ul li{width:8vw;height: 8vw;}
.balink ul li:nth-child(4){width: 13.2vw;}
.balink ul li p{font-size: .14rem;}
.balink ul li a i{font-size: .3rem;margin-bottom: 5px}

.homeb .aleft{width: 100%;height: 7rem;overflow: hidden;margin-bottom: .3rem}
.homeb .aleft .mapBox svg{height: 10rem;width: auto;margin-left: 0!important}
.homeb .aright{width: 100%;}
.homeb .aright .con{height: auto;padding-bottom: .35rem}
.homeb .aright .con:before{right: .5rem;bottom: .5rem}
}
@media screen and (max-width: 980px){
.balink{position: static;transform: none;padding: .2rem 5%;background: linear-gradient(45deg,#1c67b1 0%,#20A1C9 100%);}
.balink ul{display: flex;justify-content: space-between;}
.balink ul li{position: static;width: auto;height: auto}
.balink ul li:nth-child(4){width: auto}
.balink ul li p{font-size: .16rem;}
.balink ul li a i{font-size: .4rem;margin-bottom: 10px;}
.balink ul li a{background:none !important;}
.balink img{display: none}
.banner .swiper-pagination-bullets{bottom: .2rem;z-index: 10}
.homea .aleft{width: 100%;height: auto}
.homea .amid{width: 100%;margin-bottom: .4rem;margin-top: .4rem}
.homea .amid .slide-newsp .pic{height: 50vw}
.homea .amid .slide-newstp{padding: .2rem .35rem .35rem;}
.homea .aright{width: 100%;height: auto}
.homea .tit h3{bottom: 0;margin-bottom: .3rem}
.homec .aleft{width: 100%;margin-bottom: .5rem}
.homec .aright{width: 100%}
.homec .aright .pic{height: 45vw}
.homeb .aleft .mapBox svg{height: 90vw;}
.homeb .aleft{height: 64vw}
}
@media screen and (max-width: 640px){
.banner .swiper-pagination-bullets{bottom: .15rem;z-index: 10}
.homeb .aleft .mapBox svg{height: 105vw;margin-left: -.4rem!important}
.homeb .aleft{height: 70vw}
.homeb .aright .tabNav li.on:after{bottom: -.34rem}
.homeb{padding: .6rem 0}
}
@media screen and (max-width: 480px){
.homec .aleft ul li{width: 100%;height: 1rem;margin-bottom: .2rem}
.homec .aleft ul li:after{font-size: .7rem}
.homec .aleft ul li:nth-last-child(2){margin-bottom:.2rem}
.homec .aleft ul li p{font-size: .2rem}
.homec .aright .pic{height: 50vw}
.homeb .aright .slide-tabs p span em{font-size: .28rem}
}
@media screen and (max-width: 360px){
.balink ul li{width: 23%}
}