@charset "utf-8";
/* CSS Document */




.slideBox{ position:relative; width:100%;  height:auto; margin: .52rem 0 0 0; overflow:hidden;}
.slideBox .hd{ position:absolute; width:100%; height:14px; line-height:14px; bottom:.35rem; right:0; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; width:7px; height:7px; border-radius:50%; background-color: #bfbfbf; text-indent:9999px; overflow:hidden; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.slideBox .hd li.on{ opacity: 1; background-color: #c91f3a ; width: 20px ; border-radius: 3px;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; }
.slideBox .bd li img{ width:100%;  height: 80vw; max-height: 512px; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }


.main-bj{ width: 100%; margin-bottom: .52rem ;}

.bka-bj{ width: 100% ; background-color: #fff ; background-image: url(../images/bka-bj.jpg) ; background-position: top center; background-size: 100% auto; background-repeat: no-repeat;}
.bka-c{ width: 94%; margin: 0 auto ;}
.notice-bj{ width: 94% ; padding: 3% ; background: rgba(255, 255, 255, 0.95) ; border-radius: .04rem; -webkit-border-radius: .04rem; -moz-border-radius: .04rem; -ms-border-radius: .04rem; -o-border-radius: .04rem; overflow: hidden; position: relative; top: -.3rem ; z-index: 9; box-shadow: 0 .03rem .03rem rgba(0, 0, 0, 0.08);}
.notice-bj .tz{ width: .34rem ; margin: .02rem 0 0 0 ;}
.slideBox2{ width: 100% ; height: .2rem; margin: .1rem 0 .02rem 0; overflow: hidden;}
.slideBox2 .bd{ width: 100%}
.slideBox2 .bd ul{ width: 100%}
.slideBox2 .bd ul li{ width: 100%}
.slideBox2 .bd ul li a{ width: 100% ; height: .2rem; display: block ; white-space: nowrap;text-overflow: ellipsis; font-size: .12rem; color: #333333; overflow: hidden;} 

.titel{ width: 100% ; height: .38rem; border-bottom: 1px solid #bfbfbf ; padding:0; position: relative; overflow: hidden;}
.titel h3{ height: .16rem; font-size: .16rem; line-height: .16rem; border-left: 3px solid #c91f3a ; color: #041855; padding: 0 0 0 .06rem ; margin: .12rem 0 0 0}
.titel a{ font-size: .12rem; color: #888 ; position: absolute;right: 0; bottom: .08rem ;text-transform: uppercase}

.slideBox3{ position:relative; width:100%;  height:auto; margin: .14rem 0 0 0; overflow:hidden;}
.slideBox3 .hd{ position:absolute; width:94%; height:14px; line-height:14px; bottom:.05rem; left:0; z-index:1; text-align:right;}
.slideBox3 .hd li{ display:inline-block; width:6px; height:6px; border-radius:50%; background-color: #bfbfbf; text-indent:9999px; overflow:hidden; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.slideBox3 .hd li.on{ opacity: 1; background-color: #c91f3a ; width: 20px ; border-radius: 3px;  }
.slideBox3 .bd{ position:relative; z-index:0; }
.slideBox3 .bd li{ position:relative; }
.slideBox3 .bd li img{ width:100%;  height: 70vw; max-height: 480px; }
.slideBox3 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
.slideBox3 .bd li .jb-bj{  width: 100%; background: rgba(0, 0, 0, 0.5) ; padding: .1rem 0 .25rem 0; position: absolute; left: 0; bottom: 0;}
.slideBox3 .bd li .jb-bj h3{ width: 92%; margin: 0 auto;text-align: center; font-size: .12rem ;color: #fff ; white-space: nowrap;text-overflow: ellipsis ; overflow: hidden;}


.xw-tim{ width: 100% ; padding:.05rem 0 .16rem 0;}
.xw-tim ul{ width: 100% ;}
.xw-tim ul li{ width: 100% ; border-bottom: 1px dashed #bfbfbf ; padding: .1rem 0;}
.xw-tim ul li a{width: 100% ; display: block ; overflow: hidden;}
.xw-tim ul li a .xl{ width: .7rem; float: left; border-right: 1px solid #bfbfbf ; text-align: center ; padding: .05rem 0}
.xw-tim ul li a .xl h3{font-size: .12rem; color: #333 ; font-weight: bold; line-height: .14rem; margin-bottom: .02rem}
.xw-tim ul li a .xl h4{font-size: .1rem; color: #333 ; line-height: .14rem;}
.xw-tim ul li a .xr{ width: calc(100% - .82rem) ;float: right ; height: .4rem;display: flex; align-items: center; justify-content: center; }
.xw-tim ul li a .xr p{ width: 100% ; max-height: .4rem ; line-height: .2rem; font-size: .14rem; color: #333 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.xw-tim ul li:last-child{border: none}


.bkb-bj{ width: 100%; background-color: #fff ; margin: .1rem 0 0 0; overflow: hidden;}
.bkb-c{width: 94%; margin: 0 auto ; padding: .1rem 0 .17rem 0}
.zybox{ width: 100%; padding: .12rem 0 0 0}
.zybox ul{ width: 100%;}
.zybox ul li{ width: 100%;  background-color: #f6f6f6 ; overflow: hidden;}
.zybox ul li img{ width: 1.65rem; height: 1.237rem ; float: left; object-fit: cover}
.zybox ul li .zyr{ width: calc(100% - 1.85rem) ; height: 1.237rem; float: left;text-align: center; margin: 0 0 0 .1rem;display:table;}
.zybox ul li .zyr .zyc{display:table-cell; vertical-align:middle;}
.zybox ul li .zyr h3{ font-size: .14rem; color: #333 ; margin-bottom: .02rem}
.zybox ul li .zyr h4{ font-size: .12rem; color: #777777}
.zybox ul li:nth-child(even) img{float: right}

.gg{ width: 100%; height: auto; min-height: .76rem ; max-height: 1rem; object-fit: cover; margin: .1rem 0 0 0}


.bkc-bj{ width: 100%; background-color: #fff ; margin: .1rem 0 0 0; overflow: hidden;}
.bkc-c{width: 94%; margin: 0 auto ; padding: .1rem 0 .12rem 0}
.yst h3{display: inline-block ;color: #777777 ; margin-right: .15rem ; border: none}
.yst h3.on{color: #041855}
.yst i{border-left: 3px solid #c91f3a; height: .16rem; display: block; float: left; margin-top: .12rem}

.news{width: 100% ; padding: .08rem 0 0rem 0 }
.news ul{width: 100% ;}
.news ul li{width: 100% ; border-bottom: 1px dashed #d2d2d2 ; padding: .1rem 0; overflow: hidden;}
.news ul li .nw{ width: 1rem ; height: .745rem;float: left; object-fit: cover}
.news ul li .nr{ width: calc(100% - 1.1rem) ;float: right}
.news ul li h3{width: 100%;font-size: .14rem;color: #333;max-height: .4rem;line-height: .2rem; display: -webkit-box;
 -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: .09rem; text-align: justify; overflow: hidden;}
.news ul li h4{ height: 100% ; height: .2rem; line-height: .2rem;  background: url(../images/tim.png) no-repeat left center ;background-size: .14rem ;}
.news ul li h4 span{ height: .2rem ;line-height: .2rem;color: #979494;font-size: .12rem; display: inline-block ; padding-left: .2rem}
.news ul li.noa .nw{display: none}
.news ul li.noa .nr{ width: 100%}
.news ul li:last-child{border: none}


.bkd-bj{ width: 100%; background-color: #fff ; margin: .1rem 0 0 0; overflow: hidden;}
.bkd-c{width: 94%; margin: 0 auto ; padding: .1rem 0 .12rem 0}



.slideBox4{ position:relative; width:100%;  height:auto; margin: .14rem 0 0 0; overflow:hidden;}
.slideBox4 .hd{ width:100%; height:14px; line-height:14px;  z-index:1; text-align:center; padding: .2rem 0 .04rem 0}
.slideBox4 .hd li{ display:inline-block; width:6px; height:6px; border-radius:50%; background-color: #bfbfbf; text-indent:9999px; overflow:hidden; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.slideBox4 .hd li.on{ opacity: 1; background-color: #c91f3a ; width: 20px ; border-radius: 3px;  }
.slideBox4 .bd{ position:relative; z-index:0; }
.slideBox4 .bd li{ position:relative; }
.slideBox4 .bd li img{ width:100%;  height: 70.3vw; max-height: 480px; }
.slideBox4 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
.slideBox4 .bd li .jb-bj{  width: 100%; background: rgba(0, 0, 0, 0.5) ; padding: .1rem 0 .1rem 0; position: absolute; left: 0; bottom: 0;}
.slideBox4 .bd li .jb-bj h3{ width: 92%; margin: 0 auto;text-align: center; font-size: .12rem ;color: #fff ; white-space: nowrap;text-overflow: ellipsis ; overflow: hidden;}


.xyt{ width: 100%; white-space: nowrap; overflow-x: auto; padding: .2rem 0 .1rem 0}
.xyt ul{ width: 100%;}
.xyt ul li{  width: 1.8rem;height: 1.35rem; display: inline-block; margin-right: .1rem; position: relative; overflow: hidden;}
.xyt ul li img{ width: 1.8rem; height: 1.35rem; object-fit: cover}
.xyt ul li .jb-bj{  width: 100%; background: rgba(0, 0, 0, 0.5) ; padding: .1rem 0 .1rem 0; position: absolute; left: 0; bottom: 0;}
.xyt ul li .jb-bj  h3{ width: 92%; margin: 0 auto;text-align: center; font-size: .12rem ;color: #fff ; white-space: nowrap;text-overflow: ellipsis ; overflow: hidden;}

.link-bj{ width: 100%;  overflow: hidden;}
.link{ width: 100%;  overflow: hidden;}
.link ul{ width: 100% ; padding: .12rem 0 .06rem 0}
.link ul li{ width: calc(33.33% - .1rem - 1px); float: left; margin: 0 .15rem .1rem 0}
.link ul li a {float: left;}
.link ul li a img{ width: 100% ; height: .297rem ; border: solid 1px #c8c8c8 ;object-fit: cover}
.link ul li:nth-child(3n+3) { margin-right: 0}


.yq-box{ width: 100%; padding: .03rem 0 .12rem 0; position: relative; overflow: hidden;}

.city{  width: calc(33.33% - .1rem - 1px); height: .3rem; float: left; margin: 0 .15rem 0 0; background-color: #fff ; font-size: .14rem; color: #122334}
.city:nth-child(3n+3) { margin-right: 0}

.foot-bj{ width: 100% ; background-color: #041855 ; overflow: hidden;}
.web_b{ width: 94%;background-color: #03123f ;  padding: .1rem 3% ;text-align: center}
.web_b h5{font-size: .12rem; color: #fff ;line-height: .14rem; margin: .06rem 0}
.btj{ width: 94%; margin: 0 auto;text-align: center ; padding: .1rem 0}
.btj .lg2{ width: 1.8rem; height: auto;}


.eem{ width: 100% ; overflow: hidden; padding: .15rem 0 .07rem 0}
.eem ul{width: 52%;margin: 0 auto;}
.eem ul li{ width: 33.333% ; float: left; text-align: center ; font-size: 0;}
.ewm-box{width: .6rem;display: inline-block;}
.ewm-box .em-b{ width: .36rem; height: .36rem; border-radius: .36rem ; text-align: center; display: inline-block; overflow: hidden; -webkit-border-radius: .36rem ; -moz-border-radius: .36rem ; -ms-border-radius: .36rem ; -o-border-radius: .36rem ; }
.ewm-box .em-b img{ width: .36rem ;}
.ewm-box h4{ width: 100% ; font-size: .14rem; color: #a8b2c7; text-align: center; padding: .02rem 0 0 0}


.tanc-bj{width: 100%;height: 100vh; background: rgba(0, 0, 0, 0.8); position: fixed;right: 0;top: 0; z-index: 999999; display: none}
.ttg{ width: 100%; height: 100%; }
.ttg tr td{ width: 100%; height: 100%; text-align: center}
.ttg tr td img{ width: 40%; margin: 0 auto; margin-bottom: .06rem; }
.ttg tr td h4{ width: 40%; margin: 0 auto;text-align: center; font-size: .14rem; color: #fff}


@media screen and (width: 360px) {
 
}




.city{ border: solid 1px #ababab ;color: #777777;appearance:none;text-indent: .07rem ; background: url(../images/jj.png) no-repeat 94% center; background-size: .07rem auto}





.swiper-container { width: 100%; }
.swiper-slide {
 text-align: center;font-size: 18px;background: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}
.swiper-slide img{ width:100%;  height: 80vw; max-height: 512px; object-fit: cover}
.swiper-container .swiper-pagination{ bottom: .4rem !important}
.swiper-container .swiper-pagination span{ display:inline-block; width:6px; height:6px; background-color: #bfbfbf; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 20px ; border-radius: 3px; background-color: #c91f3a;  }