/*首页*/
.banner{width:100%; position: relative;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;height: 100%;transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(1)}
.banner .swiper-slide.swiper-slide-active img{}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff;}
.banner .txt h2{line-height: 1.3;}
.banner .txt h3{ display: inline-block; margin-bottom:2%; position: relative;}
.banner .txt h3 em{ position: absolute; right:-80px; bottom:0; line-height: 1.2;}
.banner .txt h3 em i{font-size: 60px;}
.banner .txt_an{ text-align: center; z-index: 9; width: 80%;}
.banner .txt_an h4{margin-bottom: 10px;}
.banner .txt_an p{ text-transform: uppercase; letter-spacing:19px; word-spacing:8px;}
.banner .txt_an.first p{ letter-spacing:10px;}
.banner .swiper-pagination{bottom:45px;}
.banner .swiper-pagination-bullet{width: 150px; height: 3px; margin:0 1px!important; background: rgba(255,255,255,0.58); border-radius: 0; /*box-shadow: 1px 1px 3px 0px #333;*/ opacity:1;filter: alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{ background: #7833E2;}
.banner .swiper-slide:nth-child(1) .txt_an p{letter-spacing: 5px;}
.banner .swiper-slide:nth-child(3) .txt_an p{letter-spacing: 11px;}


.tit{ color:#151926; line-height: 1.2; font-weight: bold; margin-bottom:1.5%; text-align: center;}
.more{ display: block;margin:0 auto; width:280px; height: 40px; line-height: 40px;text-align: center;position: relative;}
.more::after {content: "";background-color: rgb(0, 0, 0);transform: skewX(-25deg);z-index:1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.more a{ display: block; color:#fff!important; position: relative; z-index: 2;}
.more a i{ display: inline-block; margin-left:15px; top:-3px; position: relative; width:24px; height: 4px; background: url(../images/dot02.png) no-repeat;}


.index-part01{ margin:6% 0;}
.index-part01 h3,.index-part02 h3,.index-part03 h3{ text-align: center; color:#151926; line-height: 2; margin-bottom:4%;}
.index-part01 .slide_box,.index-part03 .slide_box{ position: relative; margin-bottom: 5%;}
.index-part01 .swiper-button-prev,.index-part03 .swiper-button-prev{ left:-50px; width:30px; height: 30px; background-size: 30px 30px; top:31.5%; margin-top:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23212121'%2F%3E%3C%2Fsvg%3E");}
.index-part01 .swiper-button-next,.index-part03 .swiper-button-next{ right:-50px; width:30px; height: 30px; background-size: 30px 30px;top:31.5%; margin-top:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23212121'%2F%3E%3C%2Fsvg%3E");}
.index-part01 li{border:1px solid #ECECEC; background: #FFFFFF; position: relative;}
.index-part01 li::after,.index-part03 li::after{opacity: 0; content: ""; position: absolute; left:0; bottom:0; width:100%; height: 3px; background:linear-gradient(135deg,#7733E1, #12B1FA);}
.index-part01 li dl dt{width:100%;}
.index-part01 li dl dd{padding:8%;}
.index-part01 li dl dd h2{ height: 2.8em; line-height: 1.4; overflow: hidden;}
.index-part01 li dl dd h2 span{ display: block;}
.index-part01 li dl dd p{ margin-top:20px;color:#000!important;}

.index-part02{ margin:0 0 6%;}
.index-part02 ul{margin:0 -0.8% 3%;}
.index-part02 li{ float: left; width:31.73%; margin:0 0.8% 2%;}
.index-part02 li dl{position: relative;}
.index-part02 li dd{position: absolute; z-index: 2; left: 0; bottom: 0; width:100%; padding: 5% 10% 7%; color: #fff;
    background: -webkit-linear-gradient(top, rgba(0,0,0, 0) -0%, rgba(0,0,0, 0.9) 100%);
    background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.9) 100%);}
.index-part02 li dd h2{position: relative; padding-bottom: 10px;}
.index-part02 li dd h2::after{content: ""; position: absolute; left:0; bottom:0; width:35px; height: 3px; background: #fff;}


.index-part03{ margin:0 -10px 6%;}
.index-part03 .slide_box .swiper-container {padding:10px;}
.index-part03 li{box-shadow: 0 0 5px 5px rgba(0,0,0, 0.1); position: relative;}
.index-part03 li dl{padding:10%;}
.index-part03 li .date{ padding:5px; margin-bottom:20px; display: block; font-family: Arial, Helvetica, sans-serif; widtH:70px; height: 70px; border:1px solid #484848; position: relative;}
.index-part03 li .date::after{content:""; position: absolute; left:50%; top:50%; width:49px; height: 47px; margin:-24px 0 0 -25px; background: url(../images/dot03.png) no-repeat;}
.index-part03 li .date span{ display: block; height: 35px; line-height: 35px;}
.index-part03 li .date em{ display: block; text-align: right;font-size: 12px;height: 35px; line-height: 35px;}
.index-part03 li h2{margin-bottom: 5%;}
.index-part03 li p{margin-bottom: 12%;color:#666666;}
.index-part03 li a i{margin-right: 10px;}
.index-part03 .swiper-button-prev,.index-part03 .swiper-button-next{top:50%; margin-top:-15px;}


.index-part04{padding:6% 0 8%; color:#fff;}
.index-part04 .ll{ float: left; width:25%;}
.index-part04 .mm{ float: left;max-width: 590px; width:45%; margin-left:5%}
.index-part04 .rr{ float: right;text-align: right; width:25%;}
.index-part04 .ll h2{margin-bottom: 15%;}
.index-part04 .ll p{margin-bottom: 5%; padding-left:35px; position: relative;}
.index-part04 .ll a{color:#fff!important;}
.index-part04 .ll i{ position: absolute; lefT:0; top:-3px; vertical-align: middle; font-size: 20px;}
.index-part04 .mm p{margin-bottom: 5%;}
.index-part04 .mm li .inp,.index-part04 .mm li .txt{ float: left;width:calc(50% - 10px); margin-right: 10px; height: 34px; line-height: 34px; margin-bottom: 12px; background: rgba(255,255,255,0.58);}
.index-part04 .mm li .inp input{border:none;color:#fff; background: none; padding:0 10px; widtH:100%;}
.index-part04 .mm li .inp input::placeholder,.index-part04 .mm li .txt textarea::placeholder{color:#fff;}
/*.index-part04 .mm ul li:first-child .inp,.index-part04 .mm ul li:first-child .inp+.inp+.inp{width:calc(30% - 10px);}
.index-part04 .mm ul li:first-child .inp+.inp{width:calc(40% - 10px);}*/
.index-part04 .mm li .txt{width:calc(100% - 10px); height: 94px;}
.index-part04 .mm li .txt textarea{width:100%;color:#fff; border:none; background: none; padding:10px 10px;}
.index-part04 .mm li .yzm{ float: left; cursor: pointer; width:93px;}
.index-part04 .mm .more{margin:7% 0 0;}
.index-part04 .rr em{margin-right:10px;}
.index-part04 .rr a{color: #fff!important; margin-left:15px;}
.index-part04 .rr a:hover{opacity: 0.8;}
.index-part04 .rr a i{ font-size: 20px;}


/*.videolist_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.videolist_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%; z-index:2; background:#000;}
.videolist_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{ position:absolute; top:12%; right:10%; cursor:pointer; z-index: 2;}
*/


.lt10 .index-part01 li::after,.lt10 .index-part03 li::after{ background: #7733E1;}
.lt10 .index-part02 li dd{ background: rgba(0,0,0, 0.3);}

@media only screen and (min-width: 1025px){
    .index-part01 li::after,.more a i,.index-part03 li .date,.index-part03 li .date::after,.index-part03 li::after{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .index-part01 li:hover::after,.index-part03 li:hover::after{opacity: 1;}
    .more a:hover i{background: url(../images/dot02_on.png) no-repeat;}
    .index-part03 li:hover .date{ background:#7733E1; color:#fff; border:1px solid #7733E1;}
    .index-part03 li:hover .date::after{background: url(../images/dot03_on.png) no-repeat;}
}

@media only screen and (max-width: 1700px) {
.banner .txt_an p{ letter-spacing:12px;}
.banner .txt_an.first p{ letter-spacing:5px;}
.banner .swiper-slide:nth-child(1) .txt_an p{
        letter-spacing: 1px;
}
.banner .swiper-slide:nth-child(3) .txt_an p{letter-spacing: 6px;}
}

@media only screen and (max-width: 1365px) {
    .banner .swiper-pagination-bullet{width:120px;}
}

@media only screen and (max-width: 1279px) {
    .banner .swiper-pagination-bullet{width:80px;}
    .banner .txt{width:90%;}
    .banner .swiper-button-prev{ left:10px;width: 17px; height:33px;margin-top:-16px;}
    .banner .swiper-button-next{ right:10px; width: 17px; height:33px;margin-top:-16px;}
    .index-part04 .rr a{margin-left:10px;}
    .banner .txt_an p{ letter-spacing:8px;}
    .banner .txt_an.first p{ letter-spacing:2px;}
    .banner .swiper-slide:nth-child(3) .txt_an p{letter-spacing: 2px;}
}

@media only screen and (max-width: 1023px) {
    .banner .swiper-pagination-bullet{width:60px;}
    .banner .swiper-pagination{bottom:10px;}   
    .banner .txt h3 em{right:-50px;}
    .banner .txt h3 em i{font-size: 40px;}
    .banner .txt_an p{ letter-spacing:4px;}
    .banner .txt_an.first p{ letter-spacing:0px;}
    .index-part01 .swiper-button-prev,.index-part03 .swiper-button-prev{left:-30px;}
    .index-part01 .swiper-button-next,.index-part03 .swiper-button-next{right:-30px;}
    .index-part04 .ll{width:30%;}
    .index-part04 .mm{ width:65%;}
    .index-part04 .rr{width:100%;}
    .more{width:150px;}
    .more a i{margin-left:10px; width:12px;}
    .banner .swiper-slide:nth-child(3) .txt_an p{letter-spacing: 0px;}
}

@media only screen and (max-width:767px) {
    .banner,.banner .swiper-slide{ height: 240px;}
    .banner .swiper-slide img{ display: none;}
    .banner .txt h3 em{ display: none;}
    .banner .swiper-pagination-bullet{width:8px; height:8px; border-radius: 100%; margin:0 3px!important; background: #fff;}
    .banner .swiper-pagination-bullet-active{ background: #7733E1;}
    .banner .txt_an p,.banner .txt_an.first p{ letter-spacing:2px;word-spacing: 2px;}
    .index-part01 h3, .index-part02 h3, .index-part03 h3{line-height: 1.5;}
    .index-part01 h3 br, .index-part02 h3 br, .index-part03 h3 br{ display: none;}
    .tit{margin-bottom: 4%;}    
    .index-part01 .swiper-button-prev,.index-part03 .swiper-button-prev{left:10px;}
    .index-part01 .swiper-button-next,.index-part03 .swiper-button-next{right:10px;}  
    .index-part01 li dl dd{padding:5%;} 
    .index-part02 li{width:48.4%;}
    .index-part04 .ll,.index-part04 .mm{width:100%;}
    .index-part04 .ll h2{margin-bottom: 5%;}
    .index-part04 .mm{margin-left: 0;}
    .index-part04 .mm li .inp{width:100%!important;}
    .index-part04 .mm li .txt{width:100%;}
    .index-part04 .mm li:last-child .inp{width:calc(100% - 103px)!important;}
    /*.videolist_appbox .video_t{width: 100%; height:50%; top:25%; left:0;}
    .video_close{top:20%; right:5px;}*/
}