﻿.index_body{overflow: hidden;}
/* .index_body::before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 3;} */
.nav>ul>li>a{font-weight: bold;}
.index_main{height: 100vh;position: relative;overflow: hidden;}
.banner,.banner .swiper-container,.banner .swiper-container li{height: 100%;}
.banner ul{height: 100% !important;}
.banner li{position: relative;overflow: hidden;}
.banner li.ban_video{background: none!important;}
.banner li.ban_video .video_button{display: none;}
.banner_a{position: absolute;top:0;left: 0;width:100%;height: 100%;z-index: 9;}
.banner_a a{display: block;width:100%;height: 100%;}
.blank_20{background: rgba(0, 0, 0, 0.2);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.banner li video {position: absolute;width: 100%;height: 100%;left: 0px;top: 0;object-fit: fill;}
.banner li video::after{}
.banner_phone{display: none;}
.banner_text{position: absolute;left:31%;top:50%;width: 57%;color: #fff;z-index: 99;overflow: hidden;}

.watermark_bg{position: absolute;left: auto;right: 50px;z-index: 98;width:65.3%;
  opacity: 0;visibility:hidden;
  transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
}
.watermark_bg img{width: 100%;}
.banner_text{
	/*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: translateY(200px); -moz-transform: translateY(200px);-o-transform: translateY(200px);-ms-transform: translateY(200px);transform: translateY(200px);

/*transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;*/

}
.banner li.ani-slide .banner_text{
	visibility: visible;opacity: 1;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
.banner li.ani-slide .watermark_bg{
  visibility: visible;opacity: 1;

}

.ban_le{float: left;width: 260px;}
.ban_le p{font-size: 16px;line-height: 24px;height: 48px; margin-bottom: 30px; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.ban_le h3{font-size:30px;line-height: 40px; height: 120px; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}

.ban_re{float: right;font-size: 110px;width: calc(100% - 260px);padding-top: 50px;font-weight: bold;word-break: break-all;line-height: 1.2em}


.baner_but .but_btn{background:none;color:#fff;font-size:16px;font-weight: bold;height: 66px;line-height:66px;text-align: center;margin: 0;top:0;}
.baner_but{width: 140px;position: absolute;left: 50%;margin-left: -70px;bottom: 60px;height: 66px;}
.baner_but .swiper-pagination{width: 66px;height: 66px;position: absolute;left: 50%;margin-left: -33px;bottom:0;background: rgba(0,0,0,0.4);border-radius: 50%;font-weight: normal;font-size: 16px;color: #fff;z-index: 2;


}
.baner_but .swiper-pagination .swiper-pagination-current{display: inline-block;line-height: 66px;}
.baner_but .swiper-pagination-total{display: none;}

.baner_but .swiper-button-prev{left: 0;}
.baner_but .swiper-button-next{right: 0;}

/*11*/
.pagwrap {position: relative;z-index: 9;
width: 66px;
height: 66px;
margin: 0 auto;

}



.circle-wrap {float: left;
width: 33px;
height: 66px;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
position: relative;
z-index: 999;
}

.warp-all {
width: 66px;
height: 66px;
box-sizing: border-box;
border: 3px solid transparent;
border-radius: 50%;
position: absolute;
top: 0;
transition-timing-function: linear;
animation-fill-mode:forwards;
}


.pagwrap_0 .pagleft {
 
left: 0;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
transform: rotate(-135deg);
animation-name: left;
animation-duration: 10s;
/*animation-iteration-count: infinite;*/
}

.circle-wrap{visibility: hidden;opacity:0;}
.pagwrap_0 .circle-wrap,.pagwrap_1 .circle-wrap,.pagwrap_2 .circle-wrap,.pagwrap_3 .circle-wrap,.pagwrap_4 .circle-wrap,.pagwrap_5 .circle-wrap,.pagwrap_6 .circle-wrap,.pagwrap_7 .circle-wrap,.pagwrap_8 .circle-wrap{visibility: visible;opacity:1;}

.pagwrap_0 .pagright,.pagwrap_1 .pagright,.pagwrap_2 .pagright,.pagwrap_3 .pagright,.pagwrap_4 .pagright,.pagwrap_5 .pagright,.pagwrap_5 .pagright,.pagwrap_6 .pagright,.pagwrap_8 .pagright {
right: 0;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(-135deg);
animation-name: right;
animation-duration: 10s;
/*animation-iteration-count: infinite;*/
}

.pagwrap_0 .pagleft,.pagwrap_1 .pagleft,.pagwrap_2 .pagleft,.pagwrap_3 .pagleft,.pagwrap_4 .pagleft,.pagwrap_5 .pagleft,.pagwrap_5 .pagleft,.pagwrap_6 .pagleft,.pagwrap_8 .pagleft {
 
left: 0;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
transform: rotate(-135deg);
animation-name: left;
animation-duration: 10s;
/*animation-iteration-count: infinite;*/
}



@keyframes right {
0% {
    transform: rotate(-135deg);
}

50%,100% {
    transform: rotate(45deg);
}

}

@keyframes left {
0%,
50% {
    transform: rotate(-135deg);
}
100% {
    transform: rotate(45deg);
}
}
/*11*/
.ban_video .video_button{display: none;font-size: 40px;cursor: pointer;z-index: 99;color:#fff;}
.banner li .video_button{display: none;}
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}


.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

@media only screen and (max-width:1820px) {
.ban_re{font-size:80px;padding-top: 60px;}
.ban_le p{margin-bottom: 20px;}
.banner_text{left:25%;}
}
@media only screen and (max-width:1440px) {
.ban_re{font-size:70px;}
.banner_text{width: 65%;}
}
@media only screen and (max-width:1366px) {
.ban_re{font-size:50px;}

}

@media only screen and (max-width:1024px) {
.index_main{height: auto;}
.banner, .banner .swiper-container, .banner .swiper-container li{height: auto;}
.banner_phone{display: block;}
.banner_text,.banner li.ani-slide .banner_text{width: 94%;
transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); top:50%;    padding: 0 30px;
    box-sizing: border-box;}
.banner li.ani-slide .banner_text{left:3%;}

.ban_le{float: left;width: 260px;}
.ban_le p{font-size: 14px;line-height: 24px;height: auto;max-height: 48px; }
.ban_le h3{font-size:16px;line-height: 24px; height: auto;max-height: 72px;}
.ban_le p,.ban_le h3{margin-bottom: 10px;}
.ban_re{font-size:24px;}
.ban_le,.ban_re{float: none;width: 100%;padding:0;}
.banner li video{display: none !important;}

.circle-wrap{display: none !important;}
.baner_but .swiper-pagination{background: none;display: none;}
.pagwrap{position: static;width: auto;height: auto;}
.baner_but{position: static;width: auto;height: auto;margin: 0;}
.baner_but .swiper-button-prev,.baner_but .swiper-button-next{top:50%;margin-top: -33px;width: 50px;text-align: center;font-size: 30px;}

}

@media only screen and (max-width:767px) {
.ban_le p,.ban_le h3{margin-bottom:5px;}
.ban_re{font-size:18px;}
    /* .ban_video .video_button{display: block;} */
    .banner li.ban_video .video_button{display: block;}
    
}


.index_site{position: absolute;top:0;right: 0;width:50px;height: 100%;z-index: 99;color: #fff;cursor: pointer;text-align: center;}
.index_site span{display: block;width: 100%;}
.index_site span i{margin-top: 10px;display: block;}
.index_newsbox{position: absolute;top:0;right: -100%;width: 100%;height: 100%;background:#fff;z-index: 9991;
transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}
.index_newsbox.cur{right: 0;}
.index_le,.index_re,.index_ce{height:100%;box-sizing:border-box;}
.index_le{right: auto;left: 0;visibility: hidden;opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_le.cur{visibility: visible;opacity: 1;}

.index_ce{width: 26.5%;float: left;margin-left: 50px;color:#fff;background:#3a70d3;}
.index_ce .index_newsslider,.index_ce .swiper-container,.index_ce .index_newsslider ul,.index_ce .index_newsslider li{height: 100%;width: 100%;box-sizing:border-box;}
.index_newsslider{position: relative;}
.index_page{position: absolute;left: 0;bottom:80px;width:100%; z-index: 9;   text-align: center;height: 22px;overflow:hidden;}
.index_page .swiper-pagination{position: static; display: inline-block;}
.index_bof{width: 16px;height: 16px;display: inline-block;margin-left: 15px;cursor: pointer;}
.index_bof i,.index_bof span{display: block;cursor: pointer;height:16px;line-height: 16px;}
.index_bof span{display: none;font-size:18px;}
.index_bof.cur span{display: block;}
.index_bof.cur i{display: none;}


.index_page .swiper-pagination span{margin:0 10px; width: 11px;height:11px;opacity: 1;border:1px solid #fff;background:#3a70d3;}
.index_page .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;}

.index_ce dl{padding:140px 80px;padding-right: 120px;}
.index_re{width:calc(100% - 26.5% - 50px);float: right;overflow-y:auto;padding: 80px 190px;padding-top: 130px; position: relative;}
.index_re .index_re_title{position: absolute;top:30px;left: 60px;}
.index_re .index_re_title span{border-bottom:1px solid #000;padding-bottom: 8px;}

.index_ce h2{margin-bottom: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.index_ce p{height: 240px;-webkit-line-clamp: 8;}
.index_more{padding-top: 30px;}
.index_more a{display: inline-block;width: 135px;height: 40px;line-height: 40px;background:#fff;border-radius: 30px;color: #3a70d3;text-align: center;}
.index_more em{width: 14px;height: 14px;border:1px solid #3a70d3;border-radius: 50%;position: relative;display: inline-block;margin-left: 10px;top:2px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_more em i{width: 2px;height: 2px;background:#3a70d3;border-radius: 50%;}
.index_tab{text-align: center;margin-bottom: 80px;}
.index_tab ul{display: inline-block;}
.index_tab li{float: left;margin: 0 45px;}
.index_tab li a{display: inline-block;padding: 0 40px;padding-bottom: 10px; position: relative;}
.index_tab li a i{position: absolute;left: 50%;bottom: 0;width:0%; height: 2px;background:#307bee;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility: hidden;opacity: 0;}
.index_tab li.on a i{left: 0;width:100%;visibility: visible;opacity: 1;}


.index_news {overflow: hidden;visibility: hidden;opacity: 0;}
.index_news.cur{visibility: visible;opacity: 1;}
.index_news.cur li{visibility: visible !important;}
.resource-type-wrap .cf{margin: 0 -60px;}
.resource-type-wrap { width:100%;}
.resource-type-wrap .panel { width: 49.9%;margin-bottom: 90px;  }
.resource-type-wrap .panel dl{position: relative; margin:0 60px;overflow: hidden;}
.index_news dt{margin-bottom: 30px;}
.index_news h3{margin-bottom: 20px;max-height: 64px;-webkit-line-clamp: 2;}
.index_news p{max-height: 52px;-webkit-line-clamp: 2;}


@media only screen and (max-width:1800px) {
.index_ce dl{padding:100px 50px;}
.index_re{padding:50px 80px;padding-top: 100px;}
.index_tab{margin-bottom: 50px;}
.resource-type-wrap .cf{margin: 0 -30px;}
.resource-type-wrap .panel dl{margin: 0 30px;}
.resource-type-wrap .panel{margin-bottom: 50px;}
}
@media only screen and (max-width:1440px) {
.index_ce dl{padding:50px;}
.index_re{padding:50px;padding-top: 100px;}
.index_re .index_re_title{left:50px;top:20px;}
.index_tab{margin-bottom: 30px;}
.index_tab li a{padding: 0 20px;padding-bottom: 10px;}
.index_tab li{margin: 0 20px;}
.resource-type-wrap .cf{margin: 0 -20px;}
.resource-type-wrap .panel dl{margin: 0 20px;}

}
@media only screen and (max-width:1024px) {
.index_body{overflow: inherit;}
.index_ce p{height: 96px; -webkit-line-clamp: 4;}
.index_site{display: none;}
.index_newsbox{position: static;right: 0;visibility: visible;opacity: 1;}
.index_re .index_re_title{position: static;margin-bottom: 20px;}
.index_ce,.index_re{float: none;width: 100%;margin: 0;}
.index_ce dl,.index_re{padding: 30px 3%;}
.index_ce h2{margin-bottom: 10px;font-weight: bold;}
/*.index_ce p{height: auto;max-height: 72px;}*/
.index_news{visibility:visible;opacity: 1;}
.index_news h3{max-height:48px;}
.index_more{padding-top: 20px;}
.index_page{position: static;}
.index_page .swiper-pagination span{margin:0 4px;}
.index_bof{margin-left: 10px;}
.index_newsslider{padding-bottom: 20px;}
}
@media only screen and (max-width:767px) {
    .ban_pbox p{max-height: 42px;overflow: hidden;}
    .ban_pbox h3{line-height: 35px;max-height: 70px;}
.index_tab li{margin: 0 10px;}

.index_more{padding-top: 20px;}
.index_more a{width: 120px;height:34px;line-height:34px;}
.resource-type-wrap .cf{margin: 0;}
.resource-type-wrap .panel dl{margin: 0;}
.resource-type-wrap .panel{width:100%;float: none;margin-bottom: 30px;}
.index_tab li a{padding: 10px;padding-top: 0;}
.index_tab{margin-bottom: 10px;}
.index_news dt{margin-bottom: 10px;}
.index_news h3{font-weight: bold;margin-bottom: 10px;}
.resource-type-wrap .panel:last-child{margin-bottom: 0;}
}
@media only screen and (min-width:1025px) {
.index_site span,.baner_but .but_btn{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_site:hover span{opacity: 0.8;}
.index_more a:hover i{background:#307bee;}
.index_more a:hover em{margin-left: 5px;border-color:#307bee;}

.baner_but .but_btn:hover{opacity: 0.8}

}

/*导航*/
.header_bg,.indexnav_list{display: none;}
/*.header_bg{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}*/
.index_body.cur .header_bg{width: 255px;}
.index_body{position: relative;}
.header_bg{position: absolute;top:0;left: 0;width:700px;height: 100%;background:#fff;    z-index: 9;}
.header_line{border-left:1px solid #e0e0e0;width:1px;height: 100%;position: absolute;left:255px;top:0;}
.indexnav_list{position: absolute;left:110px;top:0; height:calc(100% - 55px);width: 490px;box-sizing:border-box;padding:55px 30px;padding-left: 120px;}
.indexnav_list p{line-height: 36px;margin-bottom: 30px;}
.indexnav_list p a{color:#3f3f3f;}

.header_pro dd{font-size: 14px;line-height: 24px;margin-bottom: 6px;}
.header_pro dd p{margin-bottom: 0;}
.header_pro .indexnav_list{overflow: hidden;overflow-y:auto;}
.header_pro .indexnav_list dl{float: left;width: 100%;margin-bottom: 40px;}
.header_pro .indexnav_list dl:nth-child(2n+1){clear:both;}

.index_body header{/*height: 100%;*/}
.index_body .height_height{ display: none;}
.index_body .inheader{ background: rgba(255,255,255,0.3);}
.index_body .inheader .nav li>a{color: #fff; font-weight: normal;}
.index_body .inheader .header_re .li_conn{color: #fff;}
.index_body .inheader .search_btn{ /*width: 48px; height: 48px; line-height: 48px; font-weight: bold; color: #3a70d3; background: #fff;*/}
.index_body .inheader .search_btn::before{font-size: 22px;}
@media only screen and (max-width:1024px) {
.index_body .inheader{ background: #fff;}
.index_body .height_height{ display: block;}
.index_body .inheader .header_re .li_conn{color: #424242;}
}

.index_body .logo_01{display: block;}
.index_body .logo_02{display: none;}

.index_header .logo_01{display: none;}
.index_header .logo_02{display: block;}
.index_header .nav a{color:#3f3f3f;}
.index_header .headersearch_box{background:#eee;}
.index_body .header_pro dt{margin-bottom: 10px;}
.index_body .header_pro dt a{color:#307bee;}

.return_a,.nav li span{display: none;}
@media only screen and (max-width:1600px) {
   .header_pro .indexnav_list dl{margin-bottom: 20px;}
}

@media only screen and (max-width:1024px) {
.return_a{display: block;background:#3278e4;cursor: pointer;}
.nav li span{display: block;}
.index_body .height_height,.index_body .header{height:60px;line-height: 60px;}
.header_bg{display: none;}
.index_body .nav a{color:#fff;}
.nav li span{font-weight: bold;}
.indexnav_list {position: fixed;top:0;left: auto; right: -100%;width:100%;height: 100%;    background: #307bee;display:block;padding: 0;padding-top: 50px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;z-index: 9}
.indexnav_list p{margin: 0;padding: 0 20px;line-height:40px;    border-bottom: 1px solid rgba(255,255,255,0.2);}

.nav li.cur .indexnav_list{right: 0;}
.index_body .header_pro dt a{color:#fff;padding: 0 20px;}
.header_pro .indexnav_list dl{float: none;width:100%;margin-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.index_body .header_pro dt{font-size:16px;margin-bottom: 0;}
.header_pro dd p{float: left;border-bottom: 0;}
.header_pro dd{overflow: hidden;padding: 0 20px;}
}



@media only screen and (min-width:1025px) {
.index_header .nav a:hover{color:#3a70d3 !important;}
}




























































