@charset "utf-8";
.cl {
	zoom: 1;
}
.cl:after {
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
.w80 {width: 80%;margin: 0 auto;}
.w50{width:50%;}
.w33 {width:33.33333%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w16 {/* width:16.66666%; */}

.bgcolor_blue {background: #1464FF}
.bgcolor_blue01{background: #35A4FF;}
.bgcolor_orange {background: #ff512a;}
.colorblue {color: #1464FF}
.colororange {color: #ff512a;}
.bgcolor_white{background: #FFFFFF;}
.bgcolor_whitebg{ background: url(../images2/baibg.png) 0 center no-repeat; background-size: cover;}
.bg2{background: url(../images2/2bs.png) center center no-repeat;background-size: cover;}




.A_title {
	border-left: 4px;
	border-radius: 0px 5px 5px 0;
	padding: 30px 0 15px 0;
}
.A_title font {
	float: left;
	border-radius: 3px;
	display: block;
	border-left: 5px solid #1465FF;
	padding-left: 10px;
}
.A_title font h1 {
	/* padding-bottom: 5PX; */
	font-size: 28px;
	color: #222222;
	line-height: 30px;
}


.B_function{text-align: center;}
.B_function p{font-size: 15px;font-weight: 300;color: #221815;text-align: left;text-indent: 2em;line-height: 26px;}
.B_function img{margin: 10px 0 30PX 0;}



.c-gongbg{display:block;padding-top: 10px;}
.c-gongbg h1{display:block;background:#D1DAEC;height: 34px;line-height: 34px;margin-bottom:1px;padding: 0px 30px;}
.c-gongbg h1 img{height:100%;margin-left: 32%;}
.c-gongbg h2{display:block;background: #EDF3FC;height: 34px;line-height: 34px;margin-bottom:1px;padding: 0px 30px;}
.c-gongbg h2 img{margin-left: 32%;height: 100%;}

.c-gong{}
.c-gong li{display:block;width: calc( 10% - 1.5px );border-right: 1px solid #fff;float: left;height: 588px;}
.c-gong li h3{display:block;color: #fff;text-align: center;/* font-style: normal; */line-height: 28px;padding-bottom: 5px;}
.c-gong li h3 b{display:block;font-weight: normal;}
.c-gong li span{display:block;font-size: 14px;line-height: 26px;}
.c-gong li span i{ font-style: normal;}




.B-towallone{display: block;}
.B-towallone li{display: block;width: 16.66666%;float: left;}
.B-towallone li font {display: block;box-shadow: 0px 0px 18px 2px rgb(185 198 221 / 35%);margin: 10px;height: 500px;position: relative;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-size: cover;}
.B-towallone li font h1 {
	display: block;
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	/* padding-top: 52px; */
	text-align: center;
	background: rgb(0,0,0,0.5);
	/* margin-top: 50px; */
	padding: 30px 0;
	position: absolute;
	width: 100%;
	top: 37%;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-size: cover;
	}
.B-towallone li:hover font h1 {background:#1465FF;}
.B-towallbgone01{background: url(../images2/a1.png) 0 center no-repeat;background-size: cover;}
.B-towallbgone02{ background: url(../images2/a2.png) 0 center no-repeat; background-size: cover;}
.B-towallbgone03{ background: url(../images2/a3.png) 0 center no-repeat; background-size: cover;}
.B-towallbgone04{ background: url(../images2/a4.png) 0 center no-repeat; background-size: cover;}
.B-towallbgone05{ background: url(../images2/a5.png) 0 center no-repeat; background-size: cover;}
.B-towallbgone06{ background: url(../images2/a6.png) 0 center no-repeat; background-size: cover;}




.B-towalltwo{display: block;}
.B-towalltwo li{display: block;width: 12.5%;float: left;}
.B-towalltwo li font {display: block;box-shadow: 0px 0px 18px 2px rgb(185 198 221 / 35%);margin: 10px;height: 500px;position: relative;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-size: cover;}
.B-towalltwo li font h1 {
	display: block;
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	/* padding-top: 52px; */
	text-align: center;
	background: rgb(0,0,0,0.5);
	/* margin-top: 50px; */
	padding: 30px 0;
	position: absolute;
	width: 100%;
	top: 37%;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-size: cover;
	}
.B-towalltwo li:hover font h1 {background:#1465FF;}
.B-towallbgtwo01{background: url(../images2/b1.png) 0 center no-repeat;background-size: cover;}
.B-towallbgtwo02{ background: url(../images2/b2.png) 0 center no-repeat; background-size: cover;}
.B-towallbgtwo03{ background: url(../images2/b3.png) 0 center no-repeat; background-size: cover;}
.B-towallbgtwo04{ background: url(../images2/b4.png) 0 center no-repeat; background-size: cover;}
.B-towallbgtwo05{ background: url(../images2/b5.png) 0 center no-repeat; background-size: cover;}
.B-towallbgtwo06{ background: url(../images2/b6.png) 0 center no-repeat; background-size: cover;}
.B-towallbgtwo07{ background: url(../images2/b7.png) 0 center no-repeat; background-size: cover;}
.B-towallbgtwo08{ background: url(../images2/b8.png) 0 center no-repeat; background-size: cover;}



.B-towallthree{display: block;}
.B-towallthree li{display: block;width: 16.66666%;float: left;}
.B-towallthree li font {display: block;box-shadow: 0px 0px 18px 2px rgb(185 198 221 / 35%);margin: 10px;height: 500px;position: relative;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-size: cover;}
.B-towallthree li font h1 {
	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	/* padding-top: 52px; */
	text-align: center;
	background: rgb(0,0,0,0.5);
	/* margin-top: 50px; */
	padding: 30px 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-size: cover;
	}
.B-towallthree li:hover font h1 {background:#1465FF;}
.B-towallbgthree01{background: url(../images2/c1.png) 0 center no-repeat;background-size: cover;}
.B-towallbgthree02{ background: url(../images2/c2.png) 0 center no-repeat; background-size: cover;}
.B-towallbgthree03{ background: url(../images2/c3.png) 0 center no-repeat; background-size: cover;}
.B-towallbgthree04{ background: url(../images2/c4.png) 0 center no-repeat; background-size: cover;}
.B-towallbgthree05{ background: url(../images2/c5.png) 0 center no-repeat; background-size: cover;}
.B-towallbgthree06{ background: url(../images2/c6.png) 0 center no-repeat; background-size: cover;}













@media (max-width:1920px) {
.B-towallone li font h1 {font-size: 22px;}
.B-towalltwo li font h1 {font-size: 22px;}
.B-towallthree li font h1 {font-size:16px;}	
	
	
	
}

@media (max-width:1680px) {
.c-gongbg h1 img{margin-left:20%;}
.c-gongbg h2 img{margin-left:23%;}
.c-gong li span{height: 26px; overflow:hidden;}
.B-towallone li font { height:400px}
.B-towalltwo li font {height:400px}
.B-towallthree li font {height:400px}	
	
	
	
	
	
	
}

@media (max-width:1440px) {
.B-towallthree li font h1{font-size:14px;}
.B-towallone li font h1,.B-towalltwo li font h1 {font-size:18px;}
.B-towalltwo li font {margin:5px;height:330px;}
.B-towallthree li font {margin:5px;height:330px;}
.B-towallone li font {margin:5px;height:330px;}
.c-gong li span{font-size: 12px;line-height: 22px;}
.c-gongbg h1{ font-size:13px;}
.c-gongbg h2{ font-size:13px;}
.c-gongbg h3{ font-size:13px;}	
	
	
	
	
	

}
	

@media (max-width:1366px) {
.c-gong li{width: calc( 10% - 1.5px );}
.A_title {padding: 20px 0 15px 0;}
.B-towallthree li font h1{font-size:13px;}
.B-towallone li font h1,.B-towalltwo li font h1 {font-size:15px;}
.B-towalltwo li font,.B-towallthree li font ,.B-towallone li font  {margin:5px;height:280px;}

	
	
	
	
	
	
}


@media (max-width:1280px) {

	
	
	
	
	
	
}

@media (max-width:1080px) {
.w80 {width: 96%;margin: 0 2%;}

	
} 

@media (max-width:768px) {

.B-towalltwo li{width:25%;float: left;}
.B-towallone li,.B-towallthree li{width:33.33333%;}
.c-gong li{width: calc( 20% - 1px );height: auto;}
	
}

@media (max-width:540px) {
.c-gongbg h1 img{margin-left: 5%;width: 69%;height: auto;padding-top: 6px;}
.c-gongbg h2 img{margin-left: 11%;width: 69%;height: auto;padding-top: 5px;}

	

}

@media (max-width:414px) {
.B-towalltwo li font,.B-towallthree li font ,.B-towallone li font  {margin:3px;height:230px;}
}