@charset "utf-8";

.banner-box{position:relative;overflow:hidden;}
.index-banner .swiper-slide{background-position:center top;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
.index-banner .textbg{position:absolute;top:0;right:0;bottom:0;left:0;}
/*
.index-banner .text-container:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:#000;opacity:.2;-webkit-opacity:.2;filter:alpha(opacity=20);}
*/
.index-banner .text{position:absolute;top:80%;left:50%;text-align:center;line-height:1.2;color:#fff;text-shadow:5px 5px 10px #000;opacity:0;-webkit-opacity:0; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:ease .5s;-webkit-transition:ease 1s;}
.index-banner .text p:first-child{margin-bottom:20px;font-size:60px;font-weight:bold;}
.index-banner .text p:nth-child(n+2){margin-bottom:5px;font-size:32px;}
.index-banner .text .more{display:block;margin:2em auto 0;width:8em;font-size:14px;line-height:3em;color:#fff;text-align:center;font-style:normal;font-weight:normal;background-color:#3641ff; transition:ease .5s;}
.index-banner .text .more:hover{color:#3641ff;background-color:#fff;}
.index-banner .swiper-slide.swiper-slide-active .text{top:50%;opacity:1;-webkit-opacity:1;}
.banner-box .swiper-pagination{right:0;bottom:20px;left:0;text-align:center;}
.banner-box .swiper-pagination-bullet{margin:0 3px;width:3%;height:2px;/*background:#fff;*/overflow:hidden;outline:none;opacity:.4; border-radius:0; transition:ease .5s;}
.banner-box .swiper-pagination-bullet-active{width:4.5%;background:#cc4d56;opacity:1;}
@media(max-width:1599px){
	.index-banner .text p:first-child{font-size:50px;}
	.index-banner .text p:nth-child(n+2){font-size:24px;}
}
@media(max-width:1399px){
	.index-banner .text p:first-child{font-size:40px;}
}
@media(max-width:1199px){
	.index-banner .text p:first-child{font-size:32px;}
	.index-banner .text p:nth-child(n+2){font-size:20px;}
}
@media(max-width:991px){
	.index-banner .swiper-slide.swiper-slide-active .text{top:50%;}
	.index-banner .text p:first-child{font-size:28px;}
}
@media(max-width:767px){
	.index-banner .text{width:100%;}
	.index-banner .text p:first-child{font-size:x-large;}
	.index-banner .text p:nth-child(n+2){font-size:large;}
	.banner-box .swiper-pagination{padding:0 1em;width:100%;}
	.index-banner .text .more{display:none;}
	.banner-box .swiper-pagination-bullet{margin:0 1px;width:6%;}
	.banner-box .swiper-pagination-bullet-active{width:9%;}
}
@media(max-width:599px){
	.index-banner .text p:first-child{margin-bottom:10px;font-size:large;}
	.index-banner .text p:nth-child(n+2){font-size:medium;}
	.banner-box .swiper-pagination{bottom:5px;}
/*
	.index-banner .swiper-slide{padding-top:40%;}
	.index-banner .swiper-slide img{position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%);}
*/
}
@media(max-width:479px){
	.index-banner .text p:nth-child(n+2){font-size:14px;}
}




body {
	background: #e5f1ff url(../images/bg.jpg) top center no-repeat;
	background-size2: 100% auto;
	background-size: contain;
	color: #243d7c;
	font-size: 17px;
}
a {
	color: #243d7c;
}
div {
	box-sizing: border-box;
}
.con {
	margin: 15px auto;
	max-width: 1360px
}
.tit {
	margin: 60px 0px;
	text-align: center;
}
.tit img {
	max-width: -webkit-fill-available;
}
.hide {
	opacity: 0
}
.show {
	opacity: 1;
	opacity: 0.5;
}
.topt {
	text-indent: 0;
	max-width: 1199px;
	margin: 155px auto 110px;
}
.topt h1 {
	font-style: italic;
	font-size: 1.5em;
	font-weight: 700;
}
.topt p {
	text-indent: 0;
	margin:32px 0 0;
}
.topt p.sm {
	font-size: 16px;
}
.topt p.sm strong {
	font-size: 20px;
}
.topt p.sm span {
	margin: 0 15px;
}
.tlogo img {
	width: 100%;
	max-width: 1168px;
}
.info {
	background: url(../images/mbg.png) top center no-repeat;
	height: 690px;
	width: 100%
}
.info .tit{position:relative;top:-30px;}
p{line-height:1.8;}
.info p{
	text-indent: 2em;
	margin: 32px;
	font-size: 18px;
	line-height:2;
}
.layui-tabs-header {
	height: auto;
}
.layui-tabs-header li {
	font-size: 14px;
	width: 33%;
}
.layui-tabs-header:after, .layui-tabs-scroll:after {
	border-bottom: 1px solid #cad0e0;
}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover {
	color: #16baaa;
}
.layui-tabs-header .layui-this:after {
	border-bottom: 0px solid #243d7c;
}
.layui-tabs-header img {
	border-bottom: 0px solid #243d7c;
	max-width: 75%;
	opacity: 0.2;
}
.layui-tabs-header .layui-this img {
	border-bottom: 3px solid #243d7c;
	opacity: 1.0;
}
a.meet {
	margin: 5px 0;
	display: block;
	color: #999;
}
a.meet:hover, a.meet:active {
	color: #fff;
}
.lef {
	font-size: 50px;
	font-weight: 700;
	color: #2d4581;
}
a.meet:hover .lef {
	color: #fff;
}
a.meet .rig {
	text-align: right;
}
.layui-row {
	border-radius: 8px;
	margin: 0px 0 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 45px 50px;
	font-size: 25px;
	background: #edf5ff;
	overflow: hidden;
}
a.meet:hover .layui-row, a.meet:active .layui-row {
	background: #186bff url(../images/tbg.jpg) top right no-repeat;
	background-size: cover;
}
a.meet .layui-icon {
	font-family: layui-icon!important;
	margin-left: 15px;
	font-size: 27px;
}
.layui-card-body, .layui-card-header {
	text-align: left;
}
.lists {
	text-align2: center;
	padding: 0px;
}
.lists .layui-card2 {
	width: 44%;
	display: inline-block2;
	border-radius: 8px;
	overflow: hidden;
	display: inline-grid;
	margin: 2%;
}
.lists .layui-card {
	border-radius: 8px;
	overflow: hidden;
}
.lists .layui-card-header {
	padding: 0;
}
.lists .layui-card img {
	width: 100%;
}
.lists p {
	display: block;
	font-size: 20px;
	margin: 10px 0 20px;
	line-height:1.8em;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.swip-con {
	position: relative;
}
#as2 .swiper-container {
	width: 92%;
	margin: 15px auto;
	height: 100%;
	overflow: hidden;
}
#as2 .swiper-slide {
	float:left;width:33.333333%;
}
#as2 .swiper-button-prev, #as2 .swiper-button-next {
	z-index: 2 !important;
	margin: 0;
	width: 25px;
	height: 60px;
	transform: translateY(-50%);
	padding: 0;
	background: #becae7;
	border-radius: 5px;
}
#as2 .swiper-button-next {
	right: 10px;
}
#as2 .swiper-button-prev {
	left: 10px;
}
#as2 .swiper-button-next:before, #as2 .swiper-button-prev:before {
	left: 1px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	width: 12px;
	height: 12px;
	color: #fff;
	content: "";
	opacity: .6;
	transform: rotate(45deg);
}
#as2 .swiper-button-prev:before {
	left: auto;
	right: 1px;
	transform: rotate(-135deg);
}
#as2 .swiper-slide {
	background: none;
}
.swip-con img {
	width: 100%;
}
#as2 .swiper-pagination{display:none;}
.web-title {
	font-size: 36px;
	font-weight: bold;
}
.rigmenu {
	position: fixed;
	right: 15px;
	top: 30%;
	z-index: 999
}
.rigmenu .as-steps {
}
.rigmenu .as-steps__item.k {
	position: relative;
	padding-bottom: 32px;
}
.rigmenu .as-steps__item.k::before {
	content: "";
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	bottom: 0;
	border-left: 2px solid #999;
	color: #999;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5);
	top: 1.2em;
	bottom: -0.2em;
}
.rigmenu .as-steps__item__inner::before {
	background-color: #243d7c;
}
.rigmenu .as-steps__item__inner {
}
.rigmenu a::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #999;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0.7em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.rigmenu a.active::before {
	background-color: #243d7c;
}
.rigmenu .as-steps__item__inner {
	position: relative;
	z-index: 1;
	padding-left: 12px;
}
.rigmenu li a {
	position: relative;
	z-index: 1;
	padding-left: 12px;
	color: #999;
	font-size: 14px;
}
.rigmenu li a:active, .rigmenu a.active {
	color: #243d7c;
}
.rigmenu .gotop {
	background: #b8bfd2;
	font-size: 12px;
	color: #fff;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	margin: 15px 0 0 0;
	cursor:pointer;
}
.info .ctxt{text-align:justify;}
@media(max-width:1599px){
	.info{background-image:none;}
	.info .tit{top:-40px;margin-bottom:0;}
	.tit img{height:96px;}
	.info .ctxt{margin-right:auto;margin-left:auto;width:1340px;border:3px solid rgba(255,255,255,.6);background-image:linear-gradient(to right, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 100%);}
	.info .ctxt p{margin:28px;}
	.info .ctxt p+p{margin-top:0;}
	.rigmenu {display: none;}
}
@media(max-width:1399px){
	.con{padding:0 15px;}
	.tit {
		margin-top:50px;margin-bottom:50px;
	}
	.topt{margin: 120px auto 90px;}
	.tlogo img{max-width:900px;}
	.tit img{height:84px;}
	.web-title {
		font-size: 32px;
	}
	p{font-size:medium;}
	.info .ctxt{padding:0;width:1170px;}
	.info .ctxt p{margin:24px;}
	.info .ctxt p+p{margin-top:0;}
	.lef {font-size: 1.4em;}
	.lists p{font-size:large;}
	#as2 .swiper-container{padding-bottom:30px;}
	#as2 .swiper-pagination{display:block;}
}
@media(max-width:1199px) {
	.tfx-blank{display:block;height:0;overflow:hidden;}	
	.web-title {
		font-size: 28px;
	}
	.tit img{height:72px;}
	.info {
		background: none;
		height: auto;
	}
	.info .tit{margin-bottom:50px;}
	.topt {
		text-indent: 0;
		max-width: 1168px; 
		margin: 12.5% 5% 10%;
	}
	.info .ctxt {
		padding-top: -1px;
		border: 3px solid #fbfbfb;
		border-radius: 8px; 
		background: #f3f8ff; 
		margin: -40px auto 0;
		border: 2px solid #ffffff;
		box-shadow: 0 0 110px rgba(255, 255, 255, 0.95);
	}
	.info .ctxt p {
		margin: 25px;
	}
	#as2 .swiper-container {
		width: 100%;
	}
	#as2 .swiper-button-prev, #as2 .swiper-button-next{display:none;}
	.info .ctxt{width:950px;}
	.lists .layui-col-space30{margin:-10px;}
	.lists .layui-col-space30>*{padding:10px;}
	.lists p{font-size:medium;height:3.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
}
@media(max-width:991px) {
	.info .ctxt{width:740px;}
}
@media(max-width:767px) {
	.info .ctxt{margin-right:15px;margin-left:15px;width:auto;}
	.info .ctxt p{margin:15px;}
	.info .ctxt p+p{margin-top:0;}
	.info .tit{top:-30px;}
	.tit img{height:64px;}
	.web-title {font-size: 24px;}
	.meet .layui-row{display:block;}
	.lef {font-size: 1.3em;}
	a.meet .rig{padding-top:10px;text-align:left;}
	a.meet .rig .layui-icon:first-child{margin-left:0;}
	.lists .layui-col-space30{margin:-7px;}
	.lists .layui-col-space30>*{padding:7px;}
	.lists p{margin:5px 0 15px;}
	#as2 .swiper-container .swiper-slide{width:40%;}

.layui-row {
	padding: 20px 20px;
	padding: 25px 15px;
	font-size: 16px;
}
.topt p.sm strong {
	font-size: 1.1em;
}
.topt h1 {
	font-size: 1.1em;
}
.topt p.sm {
	font-size: 15px;
}
a.meet .layui-icon {
	font-size: 18px;
}
}
@media(max-width:575px) {
	.web-title {font-size: 22px;}
	.info .tit{top:-20px;}
	.tit img{height:48px;}
	.lists .layui-col-xs6{width:100%;}
	.lists p{height:auto;}
	#as2 .swiper-container .swiper-slide{width:50%;}
}
@media(max-width:479px) {
	.web-title {font-size: 20px;}
	#as2 .swiper-container .swiper-slide{width:75%;}
}
