@charset "utf-8";
/* CSS Document */
.responsive{ width:100%; height:auto;}
.warp{ width:100%; overflow:hidden;}
.warp .banner{ width:100%; height:auto; margin-top:3.5%;}
/*box01*/
.box01,.box03,.box04,.box05,.box06{ width:100%; overflow:hidden;}
.title{ display:block; width:100%; height:auto;}
.box01 .box01_con{ width:100%;overflow:hidden; position:relative; background:#d9e3fa; padding-bottom:6%;}
.box01 .box01_con img{ display:block; width:100%; height:auto;}
.box01 .box01_con .con{ position:absolute; left:0;right:0; top:0; width:90%; margin:0 auto; }
.box01 .box01_con .con p{color:#656565; font: lighter 0.22rem/0.35rem "Noto Sans CJK SC Light", "Source Han Sans CN Light"; margin-bottom:0.25rem; text-indent:0.45rem;}

.box02 img{ display:block; width:100%; height:auto;}

.box03 .box03_con{ width:100%; overflow:hidden; position:relative;}
.box03 .box03_con ul{ position:absolute; width:82%; top:38%; left:0;right:0; margin:0 auto; overflow:hidden;}
.box03 .box03_con ul li{ width:40%; float:left;font:0.22rem/0.30rem "Noto Sans CJK SC Light", "Source Han Sans CN Light"; color:#333; padding:0 2%;}
.box03 .box03_con ul li:nth-child(1){ float:left;}
.box03 .box03_con ul li:nth-child(2){ float:right;}

.box04{ background:#fff;}
.box04 h2,.box05 h2{font:0.45rem/0.45rem "Noto Sans CJK SC Light", "Source Han Sans CN Light"; color:#333; text-align:center; padding:1rem 0 0 0;}
.box04 h2 em,.box05 h2 em{ color:#0f5396;}
.box04 h3,.box05 h3{font:0.21rem/0.35rem "Noto Sans CJK SC Light", "Source Han Sans CN Light"; color:#8f8f8f; text-align:center; }
.box04 i,.box05 i{ display:block; width:15%; border:0.01rem solid #7a7a7a; margin:0.15rem auto 0 auto;}
.box04 .box04_con{ width:100%; overflow:hidden; position:relative; margin-top:0.40rem;}
.box04 .box04_con ul{ position:absolute; width:82%; top:43%; left:0;right:0; margin:0 auto; overflow:hidden;}
.box04 .box04_con ul li{ width:40%; float:left;font:0.21rem/0.30rem "Noto Sans CJK SC Light", "Source Han Sans CN Light"; color:#333; padding:0 2%;}
.box04 .box04_con ul li:nth-child(1){ float:left; width:42%;}
.box04 .box04_con ul li:nth-child(2){ float:right; width:40%;}


.box05{ background:#f4faff; margin-bottom:0.80rem;}
.box05_con{ width:96%; margin:0.40rem auto 0 auto; overflow:hidden;}
.box05_con p{font:0.22rem/0.34rem "Noto Sans CJK SC Light", "Source Han Sans CN Light"; color:#656565;}
.box05_con .img01{ display:block; width:81%; height:auto; margin:0.25rem auto 0.40rem auto;}
.box05 .img02{ margin-top:0.30rem;}

.box06 p{font:0.22rem/0.34rem "Noto Sans CJK SC Light", "Source Han Sans CN Light";color:#656565; width:92%; margin:0 auto; padding:0.37rem 0;}
.box06 .xs{ padding-bottom:8%; width:95%; margin:0 auto;}
.box06 .xs img{ display:block; width:100%; height:auto;}

.box07{ margin-top:0.80rem; padding-bottom:0.80rem;}
.box07 .gongyi{ display:block; width:95%; height:auto; margin:0 auto;}

.box08{ width:100%;position: relative; }
.jb{width:80%; margin:0 auto;}
.jb .swiper-slide {width:76%;height: auto;background: #fff;box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1);-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1)!important;transition: all .4s cubic-bezier(.4, 0, .2, 1)!important;cursor: pointer;}
.box08 .swiper-button-prev {left: 2%;top: 76%!important;background:url(../images/pre.png) no-repeat center; background-size:70%;}
.box08 .swiper-button-next {right:2%;top: 76%!important;background:url(../images/next.png) no-repeat center; background-size:70%;}
.jb .swiper-slide img {width:100%;display: block;}
.box08 .swiper-button-prev {left: 2%;top: 76%!important;background:url(../images/pre.png) no-repeat center; background-size:70%;}
.box08 .swiper-button-next {right:2%;top: 76%!important;background:url(../images/next.png) no-repeat center; background-size:70%;}


.xs{ background:#fff; overflow:hidden;position:relative; overflow:hidden;}
.xs img{ width:100%; height:auto;}
.xs .hd{ width:100%; height:5%; overflow:hidden; position:absolute; z-index:1; bottom:3%; text-align:center;}
.xs .hd ul li{ display:inline-block; width:0.13rem; height:0.13rem; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#cbcbcb;border:0.01px solid #fff; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.xs .hd ul .on{ background:#0f5396; border:0.01px solid #DBD773; }
.xs .bd{ position:relative; z-index:0; }
.xs .bd li img{ width:100%; height:auto; background:url(images/loading.gif) center center no-repeat;  }
.xs .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }