@charset "utf-8";
/* CSS Document */
/*banner*/
.banners{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	padding:20% 0;
}
.banner{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:-2;
}
.banner img{
	display:block;
	width:1920px;
	left:calc(50% - 960px);
	top:0;
}
.banner_show{
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.banner_tl{
	display:block;
	font-size:48px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	letter-spacing:10px;
}
.banner_wen{
	font-size:14px;
	line-height:1.8;
	text-align:center;
	width:80%;
	margin:0 auto;
	color:#fff;
}
.banner_btns{
	text-align:center;
}
.banner_btn{
	display:block;
	margin:0 auto;
	margin-top:10px;
	width:60%;
	font-size:18px;
	border-radius:10px;
	line-height:36px;
}
.banner_btn_1{
	color:#fff;
	background-color:#1d5ca9;
	border:1px solid #1d5ca9;
	transition: 0.3s;
}
.banner_btn_2{
	color:#1d5ca9;
	border:1px solid #1d5ca9;
	transition: 0.3s;
}
.banner_btn_2 img{
	display:inline-block;
	width:32px;
	height:32px;
	margin-right:10px;
	vertical-align: middle;
}
.banner_btn_1:hover{
	background-color:#0072ff;
	border:1px solid #0072ff;
}
.banner_btn_2:hover{
	border:1px solid #fff;
	background-color:#fff;
}




/*体系展示*/
.tx_box{
	position:relative;
	z-index:3;
	width:100%;
	margin-top: -16%;
    padding-top: 16%;
	overflow:hidden;
}
.tx_bg{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	display:block;
	overflow:hidden;
}
.tx_bg img{
	width:100%;
}
.tx_bg img:nth-child(1){
	display:none;
}
.tx_bg img:nth-child(2){
	display:block;
}
.white_box{
	position:absolute;
	bottom:0;
	left:0;
	z-index:-2;
	width:100%;
	min-height:200vh;
	background-color:#fff;
}
.tx_head{
	display:block;
	text-align:center;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	line-height:2;
}
.tx_shows{
	position:relative;
	margin:20px 0;
}
.tx_show_pic{
	display:block;
	width:80%;
	max-width:1349px;
	margin:0 auto;
}
.tx_show_pic img{
	display:block;
	width:100%;
}
.tx_show{
	position:absolute;
	width:140px;
	padding:10px;
	border-radius:18px;
	background-color:rgba(60,138,234,.35);
}
.tx_show_1{
	left:0;
	top:60%;
}
.tx_show_2{
	left:10%;
	top:0;
}
.tx_show_3{
	right:0;
	bottom:0;
}
.tx_show_tl{
	display:block;
	font-size:16px;
	color:#fff;
	font-weight:bold;
}
.tx_show_wen{
	text-align:justify;
	font-size:12px;
	color:#fff;
	margin-top:10px;
}
.tx_pic{
	display:block;
	position:absolute;
	z-index:-1;
	width:100%;
	bottom:-20%;
	transform: skewY(-15deg);
    -ms-transform: skewY(-15deg);
    -webkit-transform: skewY(-15deg);
}
.tx_pic img{
	display:block;
	width:100%;
}


.tx_data_tl{
	float:left;
	width:100%;
	font-size:30px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin:20px 0;
	text-shadow:0 0 4px rgba(75,105,139,.70);
}
.tx_data{
	float:right;
	width:100%;
}
.tx_data li{
	float:left;
	width:calc(33.33% - 30px);
	border-radius:10px;
	background-color:#fff;
	padding:10px;
	box-shadow:0 0 10px rgba(75,105,139,1.00);
}
.tx_data li:nth-child(1){
	margin:40px 5px 0 5px;
}
.tx_data li:nth-child(2){
	margin:20px 5px 0 5px;
}
.tx_data li:nth-child(3){
	margin:-20px 5px 0 5px;
}
.data{
	width:100%;
	max-width:100px;
	height:100px;
}
.tx_data_wen{
	display:block;
	font-size:14px;
	color:#000;
}


.tx_jzs{
	background:url(../images/tx_jz.png) no-repeat center bottom;
	background-size:100%;
	margin-top:30px;
}
.title{
	display:block;
	font-size:24px;
	color:#000;
	text-align:center;
	font-weight:bold;
	line-height:1.8;
}
.titles{
	color:#fff;
}
.tx_jz{
	margin:0 9%;
}
.tx_jz_ptns{
	position:relative;
	height:400px;
	width:25%;
}
.tx_jz_ptn{
	position:absolute;
	bottom:0;
	width:95%;
	margin:0 auto;
}
.tx_jz_1{
	display:block;
	font-size:18px;
	color:#000;
	text-align:center;
}
.tx_jz_2{
	margin-top:20px;
	text-align:center;
}
.tx_jz_2 span{
	display:block;
	font-size:14px;
	color:#000;
}
.tx_jz_3{
	display:block;
	width:100%;
	margin-top:10%;
}
.tx_jz_3s{
	margin-top:0;
}
.tx_jz_3 img{
	display:block;
	width:100%;
	margin:0 auto;
}
.tx_jz_3A img{
	max-width:495px;
}
.tx_jz_3B img{
	max-width:336px;
}





.case_box{
	padding-top:40px;
	background:url(../images/case_bg.png) no-repeat center bottom #fff;
	background-size:100%;
}
.case{
	position:relative;
	margin:20px 10px 0 10px;
	overflow:hidden;
	padding-bottom:40px;
}
.case_tl{
	display:block;
	text-align:center;
	font-size:20px;
	color:#0352a3;
}
.case .gallery-top{
	margin-top:20px;
}
.case_1{
	display:block;
	font-size:14px;
	color:rgba(3,82,163,.60);
	text-align:center;
}
.case_2{
	display:block;
	width:90%;
	max-width:380px;
	margin:0 auto;
	border-radius:10px;
	overflow:hidden;
}
.case_2 img{
	display:block;
	width:100%;
	transition:0.3s;
}
.case_2:hover img{
	transform:scale(1.1);
}
.gallery-top02{
	margin-top:30px;
}
.swiper-container02 .swiper-slide-active .case_1{
	opacity:0;
}
.swiper-container02 .swiper-slide-active .case_2{
	transform:scale(1.3);
	box-shadow:0 0 10px rgba(0,0,0,.30);
}
.swiper-container02 .swiper-button-prev{
	background:url(../images/case_icon.png) no-repeat;
	background-size:100%;
	width:26px;
	height:30px;
	left:20%;
	top:25px;
}
.swiper-container02 .swiper-button-next{
	background:url(../images/case_icon.png) no-repeat;
	background-size:100%;
	width:26px;
	height:30px;
	right:20%;
	top:25px;
}



.adg_box{
	background-color:#1d5ca9;
	padding:50px 0;
	margin-top:-10px;
}
.adg{
	padding:30px 0;
}
.adg li{
	width:100%;
	margin:0;
	padding:15px 0;
	border-bottom:1px dashed #fff;
}
.adg_icon{
	display:block;
	float:left;
	width:30%;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.adg_icon img{
	display:block;
	width:60%;
	max-width:62px;
	margin:0 auto;
}
.adg_wen{
	text-align:justify;
	font-size:14px;
	color:#fff;
	margin-top:20px;
	float:right;
	width:65%;
}

.kh_box{
	background-color:#fff;
	border-radius:10px;
	padding:40px 0 20px 0;
	text-align:center;
}
.kh_pic{
	display:block;
	width:80%;
	max-width:1160px;
	margin:0 auto;
}
.kh_pic img{
	display:block;
	width:100%;
}
.kh_btn{
	display:inline-block;
	padding:0 30px;
	border-radius:15px;
	font-size:16px;
	color:#fff;
	background-color:#174da7;
	line-height:2;
	margin-top:40px;
}


.ad{
	display:block;
	width:100%;
	padding-bottom:50px;
	background-color:#1d5ca9;
}
.ad img{
	display:block;
	width:100%;
}