@charset "utf-8";
/*首页--banner*/
@keyframes rotate { 0% { transform: translateY(0); }
  25% { transform: translateY(4px); }
  50% { transform: translateY(8px); }
  75% { transform: translateY(4px); }
  100% { transform: translateY(0); } }
.banner { width: 100%; }
.banner .swiper-slide { display: block; position: relative; width: 100%; height: 100%;}
.banner .swiper-slide img{ display:block; width:100%;}
@media screen and (max-width: 1210px) and (min-width:640px) {
.banner .swiper-slide img{ width:120%;}
}
@media screen and (max-width:640px) {
.banner .swiper-slide img{ width:210%;}
}
.banner .swiper-pagination { position: relative; display: inline-block; vertical-align: middle; }
.banner .swiper-pagination .swiper-pagination-bullet { width:20px; height:7px; margin-right:10px; border-radius:4px; background:var(--main-color); cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); }
.banner .swiper-pagination .swiper-pagination-bullet-active { width:88px; background: #ffffff; }

.banbullet{ position:absolute; left: 0; right: 0; bottom:6%; margin: auto; font-size: 0; height:10px; width:100%;}
.bantxt{ position:absolute; left:0; top:50%; width:100%; color:#fff; transform: translateY(-50%);}
.bantxt em{ font-size:var(--title-size-64); font-family:"GOTHICB"; display:block; max-width:860px;}
.bantxt .pp{ font-size:var(--title-size-36); font-weight:100; margin:2% 0; font-family:"ALIMAMA";}
.bantxt a{ display:inline-block; margin-right:10px; padding:12px 50px; color:#fff; border-radius:30px; font-size:var(--title-size-24); cursor: pointer;}
@media screen and (max-width:640px) {
.bantxt a{ padding:6px 25px;}
}
.bantxt a.a1{ border:1px #fff solid;}
.bantxt a.a2{ background:var(--main-color); border:1px var(--main-color) solid;}


.indabout{ padding:8% 0;}
.indabout_con h2{ font-size:var(--title-size-48); color:#333; font-family:"GOTHICB"; line-height:1.3; display:block;}
.indabout_con span{ display:block; color:#333; font-size:var(--title-size-28); line-height:1.5; padding:10px 0; position:relative; margin-bottom:25px; padding-bottom:10px;}
.indabout_con span:before{ content:""; position:absolute; left:0; bottom:0; background:#1306cd; width:60px; height:4px;}
.indabout_con .indabout_cons{ font-size:var(--title-size-18); color:#333; line-height:1.8; margin-bottom:3%;}
.indabout_con a{ display:inline-block; margin-right:10px; padding:11px 35px 11px 50px; border-radius:30px; font-size:var(--title-size-16);}
.indabout_con a.ab1{ background:url(../images/ico00.png) var(--main-color) left 22px center no-repeat; color:#fff; border:1px var(--main-color) solid;}
.indabout_con a.ab2{ background:url(../images/ico04.png) left 20px center no-repeat; border:1px var(--main-color) solid; color:var(--main-color); cursor: pointer;}
.indabout_img{ position:relative;}
@media screen and (min-width:1210px) {
.indabout_con{ width: calc(50% - 45px); float:left;}
.indabout_img{ width: calc(50% - 45px); float:right;}
}
.aboutimg { width: 100%; position:relative; margin-top:8%;}
.aboutimg .swiper-slide { display: block; position: relative; width: 100%;}
.aboutimg .swiper-slide img{ display:block; width:100%;}
.aboutimgs{ position:absolute; right:-20px; top:0; width:7px; z-index:5; height:100%;}
.aboutimgs .swiper-paginations { position:absolute; left:0; top:50%; width:7px !important; transform: translateY(-50%);}
.aboutimgs .swiper-paginations .swiper-pagination-bullet { width:7px; height:7px; border-radius:50%; background: #ddd; cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); }
.aboutimgs .swiper-paginations .swiper-pagination-bullet-active { background: #e4312a; }

.indpro{ background-image:url(../images/bg3.jpg); background-position:left top; background-size:50% auto; background-repeat:no-repeat; padding:5% 0 1%;}
.indpros{ position:relative;}
.indpros_con{ background:#f9f9f9; }
.indpros_conlt{ box-sizing: border-box; padding:5%; color:#111;}
.indpros_conlt h2{ font-size:var(--title-size-48); font-family:"GOTHICB"; line-height:2;}
.indpros_conlt em{ font-size:var(--title-size-36); line-height:1.5; display:block;}
.indpros_conlt span{ font-size:var(--title-size-22); line-height:1.3; display:block; position:relative; padding-bottom:20px; margin-bottom:20px;}
.indpros_conlt span:before{ content:""; position:absolute; left:0; bottom:0; background:#1306cd; width:60px; height:4px;}
.indpros_conlt div{ font-size:var(--title-size-18); line-height:2; margin-bottom:8%;}
.indpros_conlt a{ background:url(../images/ico05.png) left 19px center no-repeat; display:inline-block; padding:11px 35px 11px 50px; border-radius:30px; font-size:var(--title-size-16); border:1px #1a0ece solid;}
.indpros_conrig{ box-sizing: border-box; background:url(../images/bg4.png) center no-repeat; padding:5%;}
.indpros_conrig img{ display:block; margin:0 auto;}
@media screen and (min-width:960px) {
.indpros_conlt{ float:left; width:50%;}
.indpros_conrig{ float:right; width:50%; overflow:hidden;}
.indpros_conrig img{ max-height:580px; max-width:100%;}
}
@media screen and (max-width:960px) {
.indpros_conlt div{ display:none;}
.indpros_conrig img{ width:80%;}
}

.indpros_con { width: 100%; position:relative;}
.indpros_con .swiper-slide { display: block; position: relative; width: 100%;}
.indpros_con .swiper-slide i{ position:absolute; left:50%; bottom:-50px;}
.indproy{ position:relative; margin-left:53%; padding:2% 0;}
.indproy .swiper-paginationy .swiper-pagination-bullet { width:7px; height:7px; margin:0 5px; border-radius:50%; background: #ddd; cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); }
.indproy .swiper-paginationy .swiper-pagination-bullet-active { background: #e4312a; }

.indfan{ background:#f5f5f5; padding:6% 0 3%;}
.indfan_tit{ margin:2% 0 3%;}
.indfan_titcon{ padding-bottom:5%;}
.indfan_titcon em{ font-size:var(--title-size-48); display:block; font-family:"GOTHICB"; color:#333;}
.indfan_titcon span{ font-size:var(--title-size-36); color:#666;}
.indfan_titp{ font-size:var(--title-size-18); color:#333; line-height:1.8; box-sizing: border-box;}
@media screen and (min-width:960px) {
.indfan_titcon{ float:left; width:35%; }
.indfan_titp{ float:right; width:65%; border-left:1px #aaa solid; padding-left:35px;}
}
@media screen and (max-width:960px) {
.indfan_titp{ border-top:1px #aaa solid; padding-top:15px;}
}
.indfans{ position:relative;}
.indfans .swiper-slide { position: relative; display: block; overflow: hidden;}
.indfans .swiper-slide p{ position:absolute; z-index:5; left:0; bottom:0; color:#fff; width:100%; box-sizing: border-box; padding:6%; background:url(../images/bg5.png); background-size:100% 100%;}
.indfans .swiper-slide p i{ font-size:var(--title-size-36); line-height:2; display:block; transition: all 0.3s;}
.indfans .swiper-slide p span{ font-size:var(--title-size-20); display:block; background:url(../images/ico06.png) left bottom no-repeat; padding-bottom:25px; display:none; transition: all 0.3s;}
.indfans .swiper-slide { transition: all 0.3s; position:relative; height:500px;}
.indfans .swiper-slide img{ display:block; height:100%; position:absolute; top:0; left:50%; transform: translateX(-50%);}
@media screen and (min-width:960px) {
.indfans .swiper-slide { width:18% !important; transition: all 0.3s;}
.indfans .swiper-slide:hover{ width:42% !important;}
.indfans .swiper-slide:hover p i{ font-size:var(--title-size-48);}
.indfans .swiper-slide:hover p span{ display:block;}
}
@media screen and (max-width:960px) {
.indfans .swiper-slide { width:41% !important;}
.indfans .swiper-slide-active{ width:41% !important;}
.indfans .swiper-slide{ height:240px;}
}

.indfany{ position:relative; padding:1% 0; text-align:center;}
.indfany .swiper-paginationz .swiper-pagination-bullet { width:7px; height:7px; margin:0 5px; border-radius:50%; background: #ddd; cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); }
.indfany .swiper-paginationz .swiper-pagination-bullet-active { background: #e4312a; }

.indnews{ background:url(../images/bg6.jpg) #0968ac center bottom no-repeat; background-size:100% auto; padding:5% 0; overflow:hidden;}
.indnews .main{ position:relative;}
.indnews_tit{ background:#043c87; color:#fff; text-align:center; box-sizing: border-box;}
.indnews_tit i{ font-size:var(--title-size-36); font-family:"GOTHICB"; display:block; line-height:2;}
.indnews_tit span{ font-size:var(--title-size-20); }

.indnews_lt li{ padding:5%; background:#eee; transition: all 0.3s;}
.indnews_lt li a{ color:#333; display:block; transition: all 0.3s;}
.indnews_lt li a em{ font-size:var(--title-size-28); line-height:2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.indnews_lt li a span{ line-height:2; font-size:13px; display:block; padding-bottom:15px;}
.indnews_lt li a p{ font-size:var(--title-size-18); line-height:1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.indnews_lt li a i{ display:block; width:22px; height:22px; border:5px var(--main-color) solid; border-radius:50%; margin-top:3%; transition: all 0.3s;}
.indnews_lt li:nth-child(1){ background:#fff;}

.indnews_lt li:hover{ background:var(--main-color);}
.indnews_lt li:hover a{ color:#fff;}
.indnews_lt li:hover a i{ background-color:#004fb4; border:5px #fff solid;}

.indnews_rig{ background:#fff;}
.indnews_rig li{ height:33.33%; background:#eee; padding:5% 8%; box-sizing: border-box; transition: all 0.3s;}

.indnews_rig li a{ display:block; transition: all 0.3s;}
.indnews_rig li a p{ width:86px; height:86px; padding:8px 0; text-align:center; border-radius:50%; border:1px #b8b8b8 dashed; float:left; margin-right:20px; font-size:var(--title-size-14);}
.indnews_rig li a p i{ font-size:var(--title-size-32); display:block;}
.indnews_rig li a span{ font-size:var(--title-size-24); line-height:1.8;}
.indnews_rig li:nth-child(1){ background:#eee;}
.indnews_rig li:nth-child(2){ background:#fff;}
.indnews_rig li:nth-child(3){ background:#eee;}
.indnews_rig li:hover{ background:var(--main-color)}
.indnews_rig li:hover a{ color:#fff;}
.indnews_more{ position:absolute; right:-13%; top:0; width:13%; height:100%; background:#fff;}
.indnews_more a{ display:block; position:relative; height:100%;}
.indnews_more a img{ position:absolute; left:50%; top:50%; transform: translateY(-50%);}
@media screen and (min-width:1210px) {
.indnews_tit{ float:left; width:160px; height:160px; padding-top:1%;}
.indnews_lt{ float:left; width: calc(50% - 40px);}
.indnews_rig{ width: calc(50% - 115px); position:absolute; right:0; top:0; height:100%;}
}
@media screen and (max-width:1210px){
.indnews_rig li{ padding:5%;}
}

.vidbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; background-color:rgba(0,0,0,0.2);}

.laypop { width:95%; max-width:800px; position:relative; left:50%; top:50%; transform: translate(-50%,-50%);}

.laypop p {
	height: 45px;
	background-color: #FFFFFF;
	font-size: 16px;
	color: #333333;
	line-height: 45px;
	text-align: left;
	padding: 0 20px;
}

.laypop p i {
	float: right;
	font-style: normal;
	cursor: pointer;
	font-size: 16px;
	color: #333333;
}

.laypop video {
	object-fit: fill;
}