#banner img{display: block;width: 100%;}
#banner .pag {text-align: center;height:0.2rem;position:absolute;bottom:0;left:0%; width:100%;z-index:5; }
#banner .pag .swiper-pagination-switch {display: inline-block;width: 0.15rem;height:0.15rem; margin-right:0.1rem;border-radius:0.15rem; background:#bdbdbd;vertical-align:top}
#banner .pag .swiper-active-switch {background:#8e61a7;}


.p_block{ display: block}
.wp{max-width: 640px; min-width: 320px; margin: 40px auto 0; font-size: 18px; color: #000; line-height: 1.7; }
.over{overflow: hidden;}
.wp h2{font-size: 0.38rem;font-weight: 500;line-height: 1.2;text-align: center;color: #000;margin:5% 0;}
.wp h2 span{font-weight: normal;line-height: 1.8;display: block;font-size: 28px;}
.btnas{display: block;width: 60%;height: 0.8rem;line-height: 0.8rem;text-align: center;background: #504766;color: #fff;font-size: 0.3rem;border-radius: 0.5rem;margin: 0.4rem auto; color:#fff !important;}
.tixing{display: block;width: 96%;margin: 0 auto;padding-bottom: 4%}
.tc{ text-align: center}
.content{width: 96%;margin: 0 auto;}
.section1 h2{font-size: 0.3rem;}
.section1 dl{width: 49%;height: 2.01rem;position: relative;margin-bottom: 0.2rem;}
.section1 dd{width: 100%;height: 0.5rem;line-height: 0.5rem;background: rgba(55, 50, 64, 0.8);color: #fff;text-align: center;font-size: 0.22rem;position: absolute;left: 0;bottom: 0;}
.section2{width: 100%;background: #B2A7CC;padding-bottom: 0.5rem;}
.section2 .jiexi{display: block;width: 100%;margin: 0.5rem auto;}
.section2 .fl{width: 12%;}
.section2 .fl p{background: #cac3d9;font-size: 0.25rem;color: #fff;line-height: 0.35rem;padding: 0.05rem 0;text-align: center;}
.section2 .fr{width: 85%;overflow: hidden;}
.section2 .fr dl{width: 32%;height: 2.1rem;float: left;}
.section2 .fr .mar{margin: 0 2%;}
.section2 .fr dd{font-size: 0.22rem;color: #fff;text-align: center;padding-top: 0.05rem;}
.section2 .fr ul{width: 100%;font-size: 0.22rem;color: #333;}
.section2 .fr li{display: block;padding: 1% 0;background: url(../images/img9.jpg) no-repeat left 0.08rem;text-indent: 0.4rem;background-size: 6%}
.section2 .tuij{margin-top: 1%}
.section2 .tuij p{width: 0.8rem;height: 0.8rem;text-align: center;line-height: 0.3rem;border-radius: 50%;background: #504766;font-size: 0.25rem;}
.section2 .tuij p span{display: block;padding-top: 0.1rem;color: #fff;}
.section2 .tuij h3{margin-top: 0.2rem;height: 0.6rem;line-height: 0.6rem;font-weight: 200;background: #504766;color: #fff;border-radius: 0.5rem;font-size: 0.2rem;}
.section3 h2 img{display: block;width: 80%;margin: 1% auto;}
.section3 h2 strong{color: #2d2933;}
.section3 ul{width: 100%;margin: 0 auto;}
.section3 ul li{display: block;width: 100%;overflow: hidden;margin-top: 3%;}
.section3 li span{display: block;width: 22%;text-align: center;height: 0.5rem;line-height: 0.5rem;border-radius: 0.3rem;float: left;background: #504766;color: #fff;font-size: 0.25rem;margin-top: 2%;}
.section3 li p{display: block;width: 75%;float: right;color: #666;font-size: 0.22rem;}
.section3 .ruangu{margin: 3% 0;}
.section3 .ruangu dl{width: 32%;float: left;}
.section3 .ruangu .mar{margin: 0 1.8%;}
.section3 .ruangu dd,.section3 .shoushu dd{color: #333;font-size: 0.2rem;text-align: center;padding-top: 0.1rem;}
.section3 .shoushu dl{width: 49%;}
.section4{height: 1.4rem;background: url(../images/img25.jpg) no-repeat;background-size: 100%;position: relative;margin-top: 5%}
.section4 p{width: 76%;color: #4c4c4c;font-size: 0.2rem;line-height: 0.3rem;position: absolute;top: 0.25rem;right: 0.2rem;}
.section5{margin: 5% auto}
.section5 .bd li{height: 6rem;background-size: 100%;position: relative;}
.section5 .bd li img{display: inline-block;width: 65%;position: absolute;right: 2%;bottom: 2%;}
.section5 .bd1{background: url(../images/img26.jpg) no-repeat;}
.section5 .bd2{background: url(../images/img27.jpg) no-repeat;}
.section5 .bd3{background: url(../images/img28.jpg) no-repeat;}
.section5 .bd4{background: url(../images/img29.jpg) no-repeat;}

.section5 .hd{width: 40px;}
.section5 li a{width: 22%;height: 0.5rem;line-height: 0.5rem;text-align: center;color: #fff;border-radius: 0.1rem;font-size: 0.25rem;position: absolute;bottom: 5%;}
.section5 li .fl{background: #BF4EDE;right: 38%;}
.section5 li .fr{background: #504766;right: 8.5%;}
.section5 .hd{width: 60px;overflow: hidden;margin: 2% auto;}
.section5 .hd li{width: 8px;height: 8px;float: left;margin: 0 2px;border: 1px solid #b17bc5;border-radius: 50%;background: #fff;}
.section5 .hd li.on{background: #b17bc5;}
.section6{height: 6.5rem;padding-top: 6%;background: url(../images/img34.jpg) no-repeat;background-size: 100%;margin-top: 5%}
.section6 .doc_scroll{width: 92%;height: 5rem;margin: 0 auto;margin-top:-0.08rem;}
.section6 .doc_scroll .hd{overflow: hidden}
.section6 .doc_scroll .hd li{width: 22%;height: 0.8rem;font-size: 0.2rem;color: #000;line-height: 0.5rem;text-align: center;transition: all 300ms;-moz-transiton: all 300ms;-webket-transition: all 300ms;-o-transition: all 300ms;margin: 0 1.5%;float: left;}
.section6 .doc_scroll .hd li{background: url(../images/img36.png) no-repeat;background-size: 100%;}
.section6 .doc_scroll .hd li.on{background: url(../images/img35.png) no-repeat top;background-size: 100%;color: #fff;}
.section6 .doc_scroll li p{color: #4c4c4c;font-size: 0.22rem;margin: 3% 0;line-height: 0.35rem}
.section6 .btnas{height: 0.6rem;line-height: 0.6rem;font-size: 0.25rem;width: 50%;margin-top: 9%;}

.lunbo1 h2{
    font-size: 30px !important;
    text-align: center;
    line-height: 1.4 !important;
    margin-bottom: 4%;
    color: #000;
    margin: 5% 0;
}
.lunbo1 h2 span {
    font-size: 18px !important;
    display: block !important;
    color: #666 !important;
    text-align: center !important;
    font-weight: normal !important;
}

.font30{font-size:30px}
.font24{font-size:24px}


/* 本例子css -------------------------------------- */
    .lunbo1 .focus{ /*width:100%;*/ height:3.58rem;  margin:0 auto; position:relative;padding: 2%; }
    .lunbo1 .focus .hd{ width:100%;  position:absolute; z-index:1; bottom:0; text-align:center; height:0.1rem; }
    .lunbo1 .focus .hd ul{ display:inline-block;  font-size:0; vertical-align:top;
    }
    .lunbo1 .focus .hd ul li{ 

    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #b17bc5;
    border-radius: 50%;
    background: #fff;}
    .lunbo1 .focus .hd ul .on{ background:#b17bc5;  }

    .lunbo1 .focus .bd{ position:relative; z-index:0; }
    .lunbo1 .focus .bd li img{ width:100%;  height:3.38rem; background:url(../images/loading.gif) center center no-repeat;  }
    .lunbo1 .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  } 
 

/* 本例子css -------------------------------------- */
    .newfooter .focus{    margin:0 auto; position:relative; margin:0 2.1%;   }
    .newfooter .focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:-0.35rem; text-align:center;  }
    .newfooter .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; 
         font-size:0; vertical-align:top;
    }
    .newfooter .focus .hd ul li{ width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #b17bc5;
    border-radius: 50%;
    background: #fff; }
    .newfooter .focus .hd ul .on{ background:#b17bc5; }

    .newfooter .focus .bd{ position:relative; z-index:0; }
    .newfooter .focus .bd li img{   background:url(../images/loading.gif) center center no-repeat;  }
    .newfooter .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.section_like .bd ul li div{
    width:48%;
    background: #fff !important;
}
.section_like .bd ul li h3 {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 1.2;
    padding-top: 4%;
    width: 90%;
    margin: 2% auto 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section_like .bd ul li h3 span {
    font-weight: normal;
    text-align: center;
    display: block;
    font-size: 12px;
}
.section_like .bd ul li p {
    font-size: 12px;
    color: #333;
    padding: 6%;
}
.section_like .bd ul li p strong {
    color: #9b2fbd;
    font-weight: normal;
}



@media screen and (max-width: 480px){
.lunbo1 h2 {
    font-size: 20px !important;
    text-align: center;
    line-height: 1.4 !important;
    margin-bottom: 4%;
}
.lunbo1 h2 span {
    font-size: 14px !important;
    display: block !important;
    color: #666 !important;
    text-align: center !important;
    font-weight: normal !important;
}
.font30{font-size:25px}
.font24{font-size:20px}
}
.section3 h3{font-size:25px}
@media screen and (max-width: 640px){
	.section3 h3{font-size:16px}
	.section3 p{font-size:12px;}
    .font30{font-size:20px}
}

@media screen and (max-width: 340px){
    .font30{font-size:12px}
}