.ban{ width:100%; position:relative}
.ban img{ width:100%}
.ban .tt{ position:absolute; bottom:0; width:100%; height:50px; line-height:50px; background:url(../images/video.png) 20px center no-repeat;background-color:rgba(0,0,0,0.8);box-sizing: border-box; padding-left:70px; color:#FFFFFF; font-size:24px;}

.part1{ width:100%; background:#382251; padding:32px 0px 22px 0;}
.part1 ul{ width:90%; margin:0 auto;}
.part1 ul li{ float:left; width:25%; text-align:center; padding-bottom:15px;}
.part1 ul li a{ display:block; width:100%}
.part1 ul li img{ width:77%}

.part2{ width:100%; background:#382251; padding-bottom:30px;}
.part2 .com{ width:93.75%; margin:0 auto;}
.part2 .com .txt{ width:100%; background:#FFFFFF;box-sizing: border-box; padding:10px 20px; font-size:20px; line-height:32px; }
.part2 .com .txt .t1{ width:100%; color:#999999; padding-top:16px;}
.part2 .com .txt .t1 .pic{ width:22%}

/*anquan*/
.anquan{max-width:640px;overflow:hidden;background:#fff; margin:0 auto; padding:20px 0px}
.anquan_list{ width:100%; overflow:hidden}
.anquan li{ float:left; width:25%; display:table}
.anquan li a{display: table-cell;line-height:30px; color:#000;text-align: center;vertical-align: middle;width: 100%; font-size:16px; overflow:hidden}
.anquan li a img{ width:95%;}
/*end anquan*/

/*pf*/
.pf{max-width:640px;background:#fff; overflow:hidden; margin:0 auto; padding:0px 0px 15px 0; border-bottom:#999999 1px solid}
.pf ul{ width:98%; overflow:hidden; margin:0 auto}
.pf li{ float:left; width:33.33%; display:table; padding-bottom:20px;}
.pf li a{display: table-cell;text-align: center;vertical-align: middle;width: 100%;}
.pf li a img{ width:85%;}
/*end pf*/


.swiper-container {
    backface-visibility: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 100%;
}
.swiper-slide {
    float: left;
    transform: translate3d(0px, 0px, 0px);
}
@media screen and (max-width: 639px){
.anquan{ padding:15px 0;}
.pf li{ padding-bottom:10px;}

.ban .tt{ height:25px; line-height:25px;background-size:20px 12px; font-size:12px; padding-left:35px; background-position:10px center;}
.part1{ padding:16px 0px 11px 0;}
.part1 ul li{ padding-bottom:8px;}
.part2 { padding-bottom:15px;}
.part2 .com .txt{ padding:5px 10px; font-size:14px; line-height:20px;}

}
