﻿.index_01 li dl a:hover, .index_news li dd h3 a:hover.margin_b20{margin-bottom:20px;}
.margin_b60{margin-bottom: 60px;}
.margin_b80{margin-bottom: 80px;}
.margin_b100{margin-bottom: 100px;}
.margin_b120{margin-bottom: 120px;}
.index_itle{text-align: center;}
.index_itle h1{margin-bottom: 10px;}
.index_itle p{color: #666666;}

.index_more02{text-align: center;padding-top: 40px;}
.index_more02 a{color: #666666;display: inline-block;padding-left: 40px;padding-right: 15px;height: 42px;line-height: 42px;border: 1px solid #c8c8c8;}
.index_more02 a i{color: #e8390d;margin-left: 30px;font-size: 12px}

.index_link ul{overflow: hidden;margin: 0 -5px;}
.index_link li{float: left;width: 16.666%;text-align: center;margin-bottom: 40px;}
.index_link li dl{padding: 0 5px;}
.index_link dt{margin-bottom: 20px;}
.index_link dt img{width: 141px;max-width: 100%;}
.index_link li h3{height: 48px;-webkit-line-clamp: 2;}
.index_link .index_more02{padding: 0;}

@media only screen and (max-width:1440px) {
.margin_b60{margin-bottom: 40px;}
.margin_b80{margin-bottom: 50px;}
.margin_b100{margin-bottom: 60px;}
.margin_b120{margin-bottom: 60px;}
.index_more02{padding-top: 30px;}
}
@media only screen and (max-width:1024px) {
.margin_b60{margin-bottom: 30px;}
.margin_b80{margin-bottom: 40px;}
.margin_b100{margin-bottom: 50px;}
.margin_b120{margin-bottom: 50px;}
.index_more02{padding-top: 20px;}
.index_more02 a{padding-left: 20px;line-height: 36px;height: 36px;}
.index_more02 a i{margin-left: 20px;}

}
@media only screen and (max-width:767px) {
.margin_b60{margin-bottom: 20px;}
.margin_b80{margin-bottom: 20px;}
.margin_b100{margin-bottom: 30px;}
.margin_b120{margin-bottom: 30px;}
.index_itle h1{margin-bottom: 5px;}
.index_itle{margin-bottom: 15px;}
}


.banner_search{position: absolute;left:0;width: 100%;bottom: 25%;z-index: 2;}
.search_box{padding:12px 10px;background: rgba(0,0,0,0.4);overflow: hidden;width: 454px;}
.search_box button,.search_box input,.search_input i{height: 38px;line-height: 38px;}
.search_box button{width: 80px;float: right;color: #fff;}
.search_box input{width: 100%;padding-left: 45px;box-sizing:border-box;}
.search_input{width: calc(100% - 80px);float: left;background: #fff;position: relative;border-radius: 15px;}
.search_input i{position: absolute;left: 18px;top:0;font-size: 20px;}
.but{display: none;}
.but>div{font-size: 60px;height: 60px;width: 60px; line-height: 60px; margin-top: -30px;text-align: center;color: #fff;background: none !important;}
.but .swiper-button-prev{left: 20px;}
.but .swiper-button-next{right: 20px;}
.banner .swiper-pagination{bottom: 20px !important;width: 100%;display: none;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity:1;margin: 0 5px !important;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #9f7652;}


.banner{position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative; overflow: hidden;}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; background: #000; /*object-fit: cover;*/}
.banner a{display: block;}
.banner_text{z-index: 3;color: #fff;width: 100%;position: absolute;left: 0;top:14.7%;}
.banner_text h3{
	font-size:68px;line-height: 78px;max-height: 156px; margin-bottom: 20px;
		display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.banner_p{display: inline-block;text-align: left;}
.banner_p a.tmore{ margin-top:3%; display: inline-block; padding-left: 40px; padding-right: 15px;height: 44px; line-height: 44px; background: #fff;}
.banner_p a.tmore i{ margin-lefT:30px; font-size: 12px; color:#C6083A;}
@media only screen and (max-width:1279px) {
	.banner_p a.tmore{padding-left: 20px; height: 36px; line-height: 36px;}
	.banner_p a.tmore i{margin-left:20px;}
}
@media only screen and (max-width:767px) {
	.banner_p a.tmore{border:1px solid #c8c8c8;}
}

.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_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: translateX(200px); -moz-transform: translateX(200px);-o-transform: translateX(200px);-ms-transform: translateX(200px);transform: translateX(200px);
}
.banner li.ani-slide .banner_text{
	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{line-height: 24px;max-height: 48px;  
	display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width:1660px) {
.banner_text h3{font-size: 52px;line-height: 62px;}
.but .swiper-button-prev{left: 0px;}
.but .swiper-button-next{right: 0px;}
}
@media only screen and (max-width:1440px) {
.banner_text h3{font-size: 48px;line-height: 54px;}
}
@media only screen and (max-width:1366px) {
.banner_search{bottom: 20%;}
.banner_text h3{font-size: 36px;line-height: 44px;}

}
@media only screen and (max-width:1024px) {
.banner_search{bottom: 14%;}
.search_box{padding-top: 10px;margin: auto;}
.banner_p{width:454px;margin: auto;max-width: inherit;display: block;}
.banner_text h3{font-size: 30px;line-height: 38px;}
.banner_search{bottom:9%;}

}
@media only screen and (max-width:1023px) {
.banner_text h3 br,.banner_text p br{ display:none;}
}
@media only screen and (max-width:767px) {
.banner_p{width: 100%;}

.banner .swiper-pagination-bullet{width: 8px;height: 8px;}
.banner .but>div{background: none;width: 30px;}
.banner .but>div i{font-size: 30px;font-weight: bold;}
.but .swiper-button-prev{left: 5x;}
.but .swiper-button-next{right: 5px;}
.banner_text{
  -webkit-transform: translateX(50px); -moz-transform: translateX(50px);-o-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px);}

.banner img{display: none;}
.banner li{height: 180px !important;}
.banner_text h3{font-size: 16px;line-height: 24px;max-height: 48px;font-weight: bold;margin-bottom: 5px;}
.banner_text{top:23%;}

.banner_search{position: static;background: #525a87;}
.search_box{width: 100%;background: none;padding:10px 0;}
.search_box button{width: 65px;}
.search_input{width: calc(100% - 65px);}
.search_box button, .search_box input, .search_input i{height: 32px;line-height: 32px;}
.search_input i{left: 10px}
.search_box input{padding-left: 36px;}
.banner_text p{line-height: 20px;max-height: 40px;}
.banner_text p br{display: none;}


}



.index_01{position: relative;z-index: 2; margin-top: -100px; margin-bottom: 100px;}
.index_01 ul{overflow: hidden;margin: 0 -2px;}
.index_01 li{float: left;width: 25%;}
.index_01 li dl{margin: 0 2px;position: relative;}
.index_01 li dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;box-sizing:border-box;padding: 30px;}
.index_01 li dt{position: relative;}
.index_01 li dt em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.index_01 li,.index_01 li a{color: #fff;}
.index_01 li h1{margin-bottom: 20px;}
.index_01 li p{height: 48px;-webkit-line-clamp: 2;}
.index_more{font-size: 26px;}
.index_more a{display: inline-block;}

.index_news ul{position: relative;}
.index_news li{position: absolute;height: 48.3%;}
.index_news li dl{position: relative;}
.index_news li dd{position: absolute;left: 0;bottom:20px;width: 100%;}
.index_news li dd h3{padding:0 50px;max-height: 64px;-webkit-line-clamp: 2;}
.index_news li dd h3 a{color: #fff;}
.index_news li dt img{height: 100%}
.index_news li dt em{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.index_news li:nth-child(1),.index_news li:nth-child(4){width: 65.9%;}
.index_news li:nth-child(2),.index_news li:nth-child(3){width: 31.8%;}
.index_news li:nth-child(1){top:0;left: 0;}
.index_news li:nth-child(2){top:0;right: 0;}

.index_news li:nth-child(3){bottom:0;left: 0;}
.index_news li:nth-child(4){bottom:0;right: 0;}
.index_news li:nth-child(1) em,.index_news li:nth-child(4) em{background: url(../images/index_jg_02.png) no-repeat center center;background-size: cover;}
.index_news li:nth-child(2) em,.index_news li:nth-child(3) em{background: url(../images/index_jg_01.png) no-repeat center center;background-size: cover;}

.active_box{color: #fff;position: relative;}
.active_box>img{width: 100%;}
.active_box_text{position: absolute;left: 0;top:21.3%;width: 100%;}
.active_box_text a{display: block;color: #fff;}
.active_box_text h1{font-size: 80px;line-height: 80px; font-family: SourceHanSansCN-Light;margin-bottom: 10px;}
.active_box_text h2{font-size: 48px;line-height: 48px; font-family: SourceHanSansCN-Light;margin-bottom: 30px;}
.active_box_text p{font-family: SourceHanSansCN-Medium;}

.index_top{position: relative;z-index: 2;margin-bottom: 15px;}
.index_top ul{padding: 0 140px;position: relative;height: 58px;}
.hover_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:#fff;
	visibility: hidden;opacity: 0;box-shadow: 0px 0px 18px -9px rgba(0,0,0,0.5);
	transform:scale(0,8,0,8); -webkit-transform:scale(0,8,0,8);-moz-:scale(0,8,0,8);-o-transform:scale(0,8,0,8);-ms-transform:scale(0,8,0,8);
	border-bottom: 5px solid #c7103c;border-radius: 5px;
	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_top li{float: left;width: 25%;text-align: center;height: 58px;line-height: 58px;position: relative;cursor: pointer;}
.index_top li h3{padding: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-left: 1px solid #d4d4d4;position: relative;z-index: 2;}
.index_top li:first-child h3{border: 0;}

.index_top li.on .hover_bg{transform:scale(1.01,1.7); -webkit-transform:scale(1.01,1.7);-moz-:scale(1.01,1.7);-o-transform:scale(1.01,1.7);-ms-transform:scale(1.01,1.7);visibility: visible;opacity: 1;}
.index_top li.on h3{border: 0;}
.index_top li.on{z-index: 9;}

.index_bottom li{position: absolute;top:0;left: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;}
.index_bottom li img{height: 100%;}
.index_bottom .index_service_text{position: absolute;top:22%;left: 140px;box-sizing:border-box;width: 580px;color: #fff;
transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;
-webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);

	opacity: 0;visibility: hidden;

}
.index_bottom li.on .index_service_text{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
	visibility: visible;opacity: 1;

}

.index_bottom .index_service_text a.tmore{ margin-top:3%; display: inline-block; padding-left: 40px; padding-right: 15px;height: 44px; line-height: 44px; background: #fff;}
.index_bottom .index_service_text a.tmore i{ margin-lefT:30px; font-size: 12px; color:#C6083A;}
@media only screen and (max-width:1279px) {
	.index_bottom .index_service_text a.tmore{padding-left: 20px; height: 36px; line-height: 36px;}
	.index_bottom .index_service_text a.tmore i{margin-left:20px;}

}
@media only screen and (max-width:767px) {
	.index_bottom .index_service_text a.tmore{border:1px solid #c8c8c8;}
}


.index_bottom h3{margin-bottom: 30px;}
.index_bottom ul{position: relative;}
.index_bottom li.on{visibility: visible;opacity: 1;}

.index_05,.cyberspace {position: relative;}
.index_05 dl,.cyberspace dl{position: relative;}
.index_05 a,.cyberspace a{color: #fff;}
.index_05 dt,.cyberspace dt{position:relative;}
.index_05 dt em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.index_05 dd,.cyberspace dd{position: absolute;top:0;left: 0;width: 100%;box-sizing:border-box;padding: 20% 13%;}
.index_05 li,.cyberspace li{width: 25%;float: left;}
.index_05 h3,.cyberspace h3{margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_05 li p,.cyberspace li p{margin-bottom: 6px;height: 48px;-webkit-line-clamp: 2;}
.cyberspace li{width:20%;}
.cyberspace.four li{width:25%;}
.index_05 .but .swiper-button-prev,.cyberspace .but .swiper-button-prev{left: 0;}
.index_05 .but .swiper-button-next,.cyberspace .but .swiper-button-next{right: 0;}
.index_05 .but>div,.cyberspace .but>div{font-size: 44px;top:55%;}
.index_slider{position: relative;}

.index_07{background: #f3f5f5;padding: 55px 0 70px 0;}
.index_list ul{overflow: hidden;}
.index_list li{float: left;width: 16.66%;text-align: center;}
.index_list dl{padding: 0 10px;}
.index_list li dt{background: #fff;border-radius: 50%;width: 115px;height: 115px;margin: auto;margin-bottom: 20px;}
.index_list li dt img{width: 100%;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_list li dl{border-right: 1px solid #dbdcdc;}
.index_list li:last-child dl{border: 0;}

@media only screen and (max-width:1660px) {
.active_box_text h1{font-size: 60px;line-height: 60px; }
.active_box_text h2{font-size: 40px;line-height: 40px; }
.index_05 dd,.cyberspace dd{padding: 18% 10%}
}
@media only screen and (max-width:1440px) {
.active_box_text h1{font-size: 52px;line-height: 52px; }
.active_box_text h2{font-size: 36px;line-height: 36px; margin-bottom: 20px;}
.index_01{margin-top: -90px; margin-bottom: 60px;}
.index_01 li h1{margin-bottom: 10px;}
.index_news li dd h3{padding: 0 30px;}
.index_05 h3,.cyberspace h3{margin-bottom: 10px;}

.index_top ul{padding:0 80px;}
.index_bottom .index_service_text{left: 80px;top:16%;}
.index_bottom h3{margin-bottom: 20px;}

.index_link dt img{width: 120px;}
.index_list li dt{width: 100px;height: 100px;}
}
@media only screen and (max-width:1366px) {
.active_box_text h1{font-size: 44px;line-height: 44px; }
.active_box_text h2{font-size: 30px;line-height: 30px;}
.active_box_text{top:19%;}
.index_01{margin-top: -80px;}
.index_01 li dd{padding: 24px 20px;}

}
@media only screen and (max-width:1280px) {
.index_01{margin-top: -70px;}
.index_01 li dd{padding: 20px 20px;}
}
@media only screen and (max-width:1200px) {
.index_top ul{padding: 0;}
.index_bottom .index_service_text{left: 40px;}
}
@media only screen and (max-width:1024px) {
.index_01{margin-top: 30px; margin-bottom: 50px;}
.index_01 li p{margin-bottom: 10px;}
.index_01 li{width: 50%;margin-bottom: 5px;}
.index_01 li dd{padding: 40px 30px;}

.active_box{padding: 50px 0;}
.active_box>img{display: none;}
.active_box_text{position: static;}
.active_box_text h1{font-size: 40px;line-height: 40px; }
.active_box_text h2{font-size: 24px;line-height: 24px;}

.index_news li dd h3{padding: 0 20px;}
.index_news li dd h3 br{display: none;}
.index_bottom h3{margin-bottom: 10px;}
.index_top li.on .hover_bg{transform:scale(1.01,1.2); -webkit-transform:scale(1.01,1.2);-moz-:scale(1.01,1.2);-o-transform:scale(1.01,1.2);-ms-transform:scale(1.01,1.2);}
.index_link dt img{width: 100px;}
.index_link dt{margin-bottom: 10px;}
.index_link li{margin-bottom: 20px;}

.index_list li{width: 33.33%;margin-bottom: 20px;}
.index_list li dt{margin-bottom: 10px;}
.index_list li:nth-child(3n+1){clear: both;}
.index_list li:nth-child(3n) dl{border: 0;}
.index_07{padding: 40px 0;}
}


@media only screen and (max-width:767px) {
.active_box{padding: 30px 0;}
.active_box_text h1{font-size: 32px;line-height: 32px; }
.active_box_text h2{font-size: 20px;line-height: 20px;margin-bottom: 10px;}
.index_01{margin-top: 20px; margin-bottom: 30px;}
.index_01 li{float: none;width: 100%;}
.index_01 li dl,.index_01 ul{margin: 0;}
.index_01 li p{height: auto;max-height: 48px;}
.index_news ul{height: auto !important;}
.index_news li{position: static;width:100% !important;margin-bottom: 10px;}
.index_news li dd h3{padding: 0 10px;}
.index_news li dd{bottom: 10px;}
.index_news li:last-child{margin-bottom: 0;}
.index_slider{padding: 0 30px;}
.index_05 .but>div,.cyberspace .but>div{top:50%;}
.index_05 dd,.cyberspace dd{padding: 20px 10px;}
.index_05 .but>div,.cyberspace .but>div{font-size: 30px;color: #c7103c;width: 30px;font-weight: bold;}
.index_bottom .index_service_text{top:19%;}
.hover_bg{border-width: 2px;}

.index_bottom .index_service_text{position: static;width: 100%;color: #333;padding-top: 20px;}
.index_bottom ul{height: auto !important;}
.index_bottom li{position: static;display: none;}
.index_bottom li.on{display: block;}
.index_top li{width: 50%;height: 40px;line-height: 40px;margin-bottom: 2px;}
.hover_bg{display: none;}
.index_top li h3{border: 0;padding: 0 5px;margin: 0 1px;background: #eee;}
.index_top ul{height: auto;overflow: hidden;margin: 0 -1px;}
.index_top li.on h3{    background: #c7103c;color: #fff;}

.index_link li{width:33.33%;margin-bottom: 10px;}
.index_link dt img{width:60px;}

.index_list li{width: 50%;}
.index_list li:nth-child(3n+1){clear: inherit;}
.index_list li:nth-child(3n) dl{border: 0;}
.index_07{padding: 20px 0;padding-bottom:10px;}
.index_list li dt{width: 80px;height: 80px;}
.index_list li dl{border: 0;}
.index_list li:nth-child(2n+1){clear: both;}
.index_list li:nth-child(2n) dl{border: 0;}
.index_06 {margin-bottom: 30px;}
.index_link li h3{line-height: 20px;height: 40px;}
}



@media only screen and (min-width:1025px) {
.index_01 li dt em,.index_top li,.index_05 li dt em{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_01 li dl:hover dt em{background: #c7103c;}
.index_news li dd h3 a:hover{color: #fff !important;opacity: 0.8;}
.index_01 dl a:hover{color: #fff !important;}
.index_more02 a:hover{background: #e8390d;border: 1px solid #e8390d; color: #fff !important;}
.index_more02 a:hover i{color: #fff;}
.active_box_text a:hover,.index_05 a:hover,.cyberspace a:hover{color: #fff !important;}

/*.index_top li:hover .hover_bg{transform:scale(1.01,1.7); -webkit-transform:scale(1.01,1.7);-moz-:scale(1.01,1.7);-o-transform:scale(1.01,1.7);-ms-transform:scale(1.01,1.7);visibility: visible;opacity: 1;}
.index_top li:hover h3{border: 0;}
.index_top li:hover{z-index: 9;}*/
.index_list li:hover dt img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.index_05 li:hover dt em{background: rgba(0,0,0,0.2);}

}


/*20220110修改首页搜索框*/
.banner_search{ left:auto; bottom:auto; right:0; top:76px; z-index:10000; width:auto;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;
	-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);
}
.banner_search.on{visibility: visible;opacity: 1;-webkit-transform: translateY(0); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
.search_input{line-height: 38px;}
@media only screen and (max-width:1024px) {
.banner_search{top:50px;}
}
@media only screen and (max-width:767px) {
	.banner_search{ display: none;}
	.search_box{padding:10px 20px; width:calc(100% - 40px); line-height: 32px; border-bottom:1px solid #eee;}
	.banner .but>div{ height: 30px; line-height: 30px; margin-top:-20px;}
	.banner .but>div i{vertical-align: middle;}
}
/*20220110修改首页搜索框*/












































































