.blank_30{position: absolute;top:0;left: 0;width:100%;height: 100%;background:rgba(0,0,0,0.3);}

.bg-cover{ background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;}



.banner .but>div{background: none;font-size: 40px;height: 60px;width: 60px; line-height: 60px; margin-top: -30px;text-align: center;color: #fff;display: none;}

.banner .but .swiper-button-prev{left: 20px;}

.banner .but .swiper-button-next{right: 20px;}

.banner .swiper-pagination{bottom: 30px;width: 100%;}

.banner .swiper-pagination-bullet{width: 116px;height: 6px;background: #fff;opacity:.2;margin: 0 7px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;

border-radius: 30px;}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;opacity: 1;}

.banner{position: relative;overflow: hidden;}

.banner img{width: 100%;}

.banner video {

    position: absolute;

    width: 100%;height: 100%;

    left: 0px;

    top: 0;

    object-fit: cover;

}

.banner a{display: block;position: relative;z-index: 2;width: 100%;height: 100%;position: absolute;left: 0;top:0;}

.banner_text{z-index: 3;color: #fff;width: 100%;position: absolute;text-align: center;}

.banner_text h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.banner_p{text-align: center;}



.pub_dot{position: absolute;left:30.4%;bottom: 10.9%;}

.pub_dot span{width: 18px;height: 18px;text-align: center;opacity: 1;background: none;position: relative;margin: 0 8px;}

.pub_dot span:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;content: "";position: absolute;left: 0;bottom: 0;width: 12px;height: 12px;background: #2262a9;border-radius: 50%;box-sizing:border-box;}

.pub_dot span.swiper-pagination-bullet-active:after{background:transparent;width: 100%;height: 100%;border: 2px solid #2262a9;}



.banner_bg{

	opacity: 0;visibility:hidden;

	transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s;

	-webkit-transform: translateY(50%); -moz-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);

}

.banner li.ani-slide .banner_bg{

	visibility: visible;opacity: 1;

	-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);

}

.banner_p{

	width: 100%;

	opacity: 0;visibility:hidden;

	transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;

	-webkit-transform: translateX(200px); -moz-transform: translateX(200px);-o-transform: translateX(200px);-ms-transform: translateX(200px);transform: translateX(200px);

}

.banner li.ani-slide .banner_p{

     visibility: visible;opacity: 1;

     -webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);

 }



.banner_text p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



@media only screen and (max-width:1366px) {



}



@media only screen and (max-width:1024px) {

    .banner .swiper-pagination-bullet{width: 80px;}

}





@media only screen and (max-width:767px) {
    /* .banner{height: auto !important;} */
    .banner_p{width: 100%;}

    .banner .swiper-pagination{bottom: 20px;}

    .banner .swiper-pagination-bullet{width: 50px;height: 5px;}

    .banner .but>div{background: none;width: 30px;}

    .banner .but>div i{font-size: 30px;font-weight: bold;}

    .banner .but .swiper-button-prev{left: 5px;}

    .banner .but .swiper-button-next{right: 5px;}

    .banner img{display: none;}

    .banner li{height: 360px !important;background-size: 100% auto !important;background-position: top center !important;}

    .banner video{display: none !important;}
    .banner_text{top: 23%;}
}



/*index01*/

.index_01{padding: 100rem 0 50rem 0;display: inline-block;width: 100%;}

.index_title{text-align: center;margin-bottom: 50rem;}

.index_title h3{margin-bottom: 10rem;}

.index_title p{}

.pub_index ul{margin: 0 -50rem;}

.pub_index li{float: left;width: 25%;margin-bottom: 60rem;}

.pub_index li a{margin: 0 50rem;display: block;}

.pub_index dl{text-align: center;border:1px solid #e1e1e1;padding:30rem 25rem;border-radius: 10px;}

.pub_index dt{width: 110rem;height: 110rem;position: relative;overflow: hidden;margin: auto;margin-bottom:10px;}

.pub_index dt img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}

.pub_index dd{position: relative;height: 60px;overflow: hidden;line-height: 30px;}

.pub_index dd p{}

.pub_index dt .ic_img02{top:100%;}



/*index_02*/

.index_02{margin-bottom: 60rem;}

.index_02 dl{position: relative;overflow: hidden;border-radius: 10px;}

.index_02 dd{float: right;width: 51.25%;}

.index_02 dd img{width: 100%;}

.index_02 dt{position: absolute;left: 0;top: 0;background: #920783;width: 48.75%;height: 100%;color: #fff;padding: 100rem 80rem;box-sizing: border-box;}

.index_02 dt h2{line-height: 1;max-height: 2em;overflow: hidden;margin-bottom: 30rem;}

.index_02 dt p{font-family: MiSansThin;padding: 0 28rem;box-sizing: border-box;line-height: 24px;height: 48px;overflow: hidden;}

.index_link a{display: inline-block;padding: 0 28rem;height: 60rem;line-height: 60rem;border-radius: 12px;background: #fff;position: relative;color: #000000;overflow: hidden;transition: all .5s;}

.index_link a span{position: relative;z-index: 2;}

.index_link a i{display: inline-block;vertical-align: middle;margin-top: -1px;color: #920783;margin-left: 15rem;transition: all .5s;}

.index_link a:after{content: "";width: 0;position: absolute;left: 0;top: 0;background: #009944;display: block;height:100%;transition: all .5s;}



/*index_03*/

.index_03{margin-bottom: 90rem;overflow: hidden;}

.index_03 ul{margin-left: -12rem;margin-right: -12rem;}

.index_03 li{float: left;width: 25%;padding: 12rem;box-sizing: border-box;}

.index_03 dd{margin-bottom: 30rem;}

.index_03 dd a{border-radius: 10px;overflow: hidden;}

.index_03 dt h2{margin-bottom: 20rem;}

.index_03 dt h2 a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.index_03 dt p{line-height: 24px;height: 96px;overflow: hidden;}

.index_03-link{margin-top: 20rem;}

.index_03-link a{color: #920783;}

.index_03-link a i{display: inline-block;vertical-align:middle;transition: .3s;}



/*index_04*/

.index_04{position: relative;border-radius: 10px;overflow: hidden;margin-bottom: 110rem;}

.index_04 img{width: 100%;}

.index_04-con{width: 100%;padding: 0 80rem;box-sizing: border-box;color: #fff;}

.index_04-con p{padding: 0 28rem;box-sizing: border-box;margin-bottom: 50rem;margin-top: 10rem;}

@media only screen and (min-width:1025px) {

    .pub_index dl,.pub_index dl img{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}

    .pub_index dl:hover{background:#811c93 url(../images/ic_bg.jpg) no-repeat center center;background-size: cover;transform: scale(1.1);}

    .pub_index dl:hover dd{color: #fff;}

    .pub_index dl:hover dt .ic_img02{top:0;}

    .pub_index dl:hover dt .ic_img01{top:100%;}

    .index_link a:hover{color: #fff!important;background: none;}

    .index_link a:hover i{color: #fff;transform: translateX(8px);}

    .index_link a:hover:after{width: 100%;}

    .index_03-link a:hover i{transform: translateX(8px);}

}



@media only screen and (max-width:1024px) {

    .pub_index dd{line-height: 20px;height: 40px;}

}

@media only screen and (max-width:767px) {

    .index_title{margin-bottom: 20px;}

    .pub_index ul{margin: 0 -5px;}

    .pub_index li{width: 50%;}

    .pub_index li a{margin: 0 5px;}

    .pub_index dt{width: 60px;height: 60px;}

    .pub_index dl{padding: 20px 10px;}

    .index_02 dd,.index_02 dt{width: 100%;}

    .index_02 dt{position: static;overflow: hidden;padding: 20px;margin-top: -2px;transform: translateY(-5px);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

    .index_02 dt p{padding: 0 15px;}

    .index_02 dt h2{margin-bottom: 8px;}

    .index_link a{line-height: 35px;height: 35px;padding: 0 15px;}

    .index_03{margin-bottom: 10px;}

    .index_03 ul{margin: 0 -5px;}

    .index_03 li{width: 50%;padding: 0 5px;margin-bottom: 20px;}

    .index_03 dd{margin-bottom: 10px;}

    .index_03 dd a{border-radius: 3px;}

    .index_03 dt h2{margin-bottom: 5px;}

    .index_03 dt p{font-size: 12px;line-height: 18px;height: 72px;}

    .index_03-link{margin-top: 10px;}

    .index_03-link a{font-size: 12px;}

    .index_04{height: 200px;margin-bottom: 30px;}

    .index_04>img{display: none;}

    .index_04-con p{padding: 0 15px;margin-top: 5px;margin-bottom: 20px;}

}