html, body, p {
	margin: 0;
	padding: 0;
	font-family: 微软雅黑;
}
*{box-sizing: border-box;}
a{text-decoration: none; color: #2F2F2F;display: block;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*+height:1%;
}

header {
}
.ic{width:1100px; margin: 0px auto;}
.flex{ display: flex;}
.h100{height: 100%;}
.h1{height: 40px; background: #2E2E2E;}
.h1t1{line-height: 40px; color: #fff; font-size: 14px;}
.h2{height: 162px;border-bottom: 2px solid #358EE1;}
.h2 .logo{width: 480px; padding-right: 30px; height: 100%; display: flex; justify-content: center; align-items:  center; border-right: 1px solid #E3E3E3;}
.h2 .logo img{width: 100%;}
.h2 .r{flex: 1;}
.h2 .r1{display: flex; height:112px;}
.h2 .r1l{display: flex; flex: 1; font-size: 20px; font-weight:bold; color: #454545; justify-content: center; align-items: center;}
.h2 .tel{display: flex;background:url(../img/images/cx_03.jpg) no-repeat left center; padding-left: 22px;
flex-direction: column;width: 200px; justify-content: center;align-items: flex-start;color: #358EE1;font-size: 20px;font-weight: bold;}
.menus ul{ margin: 0 0 0 30px; padding: 0px;}
.menus ul li{list-style-type: none;float: left; min-width:118px ;text-align: center; line-height: 48px; position: relative; }
	.menus ul li::after {
		content: "|";
		font-size: 16px;
		position: absolute;
		right: -1px;
		top: 0px;
		color: #E3E3E3;
	}
.menus ul li:last-child::after{display: none;}
.menus ul li.active{background: #358EE1; color: #fff; border-radius: 7px 7px 0px 0px;}
.menus ul li.active::after{display:none;}
.menus ul li.active a{color: #fff;}

.banner{height: 590px; }
.banner1 {
	height: 350px;
	background: url(../img/images/banner1_02.jpg?v=1) no-repeat center center;
}
.banner2 {
	height: 350px;
	background: url(../img/images/banne2r.jpg) no-repeat center center;
}
.banner3 {
	height: 350px;
	background: url(../img/images/kfbanner.jpg) no-repeat center center;
}
.banner4 {
	height: 350px;
	background: url(../img/images/banner_gywm.jpg) no-repeat center center;
	background-size:cover;
}

.ty .tit{ text-align: center; padding-top:78px;position: relative;
	height:208px;
}
.ty .tit .text{width: 222px; height: 34px; line-height: 28px; margin: 0px auto;
 background: url(../img/images/index_09.png) center  center no-repeat;text-align: center;font-size: 28px;
 font-weight: bold; color: #2E2E2E;
}
.ty .tit p{
	font-size: 24px; font-weight: bold; color: #348EDC; margin-top: 20px; padding: 0px;
}
.ty .tit .line{
	position: absolute;
	width: 100%; left: -50%; bottom: 0;
	border-top: 2px solid #C6C6C6;
}

.pro {
	height: 1300px;
	background: #F0F0F0;
}
.pro .prol{width: 270px; margin-top: 48px;  height: 1000px; background: #fff; float: left;}
.pro .prol .pt{    
		width: 210px;
		height: 86px;
		background: #358EE1;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		padding: 5px 0px 0px 19px;
		margin-top: 38px;}
.pro .prol  .ft{
		font-size: 22px;
		font-weight: bold;
		color: #358EE1;
		margin: 7px 0px 0px 20px;
		}
	
.pro .col{border-bottom: 1px solid #E3E3E3;padding: 10px 20px;}	
.pro .col .col_t{padding-left: 30px;line-height: 40px; 
	background: url(../img/images/cx_13.png) no-repeat left center;
	color: #2E2E2E; font-size: 18px;font-weight: bold;
}
.pro .col .col_i{padding-left: 30px;line-height: 30px;  font-size: 14px;
}
.pro .col_m{padding-left: 47px;
	line-height: 53px;
	background: url(../img/images/cx_16.jpg) no-repeat 21px center;
	color: #2E2E2E;
	font-size: 18px;
	font-weight: bold;
}
.pro .pror{width: 800px; padding:20px 0 0 20px; margin-top: 48px;  height: 1000px; background: #fff; float: right;}
.pro .pro_item{
	width:240px;
	height: 280px;
	float: left; margin-right: 20px; margin-bottom: 45px;
}
	.pro .pro_item img {
	width:240px;height:240px;
	}

	.pro .pro_item .pro_item_t {
		line-height: 20px;
		font-size: 16px;
		margin-top: 10px;
	}
.pro .pro_item .pro_item_t span{border: 1px solid #358EE1; line-height: 20px; padding: 0px 5px; color: #358EE1; float: right;}

.case{height: 849px; background: #EFF4FA url(../img/images/casebg.jpg) no-repeat center center;}
.case .casel{width: 270px; margin-top: 48px;   float: left;}
.case .caser{width: 800px; margin-top: 48px;  height: 572px;float: right;}
.case_col{height: 92px; border-bottom: 1px solid #E5E5E5; background:#fff url(../img/images/cx_21.jpg) 20px center no-repeat;
	display: flex; justify-content: center; align-items: flex-start; flex-direction: column;
	padding-left: 50px; font-size:16px; line-height: 26px;
 }
.case_col:hover{
	 background: #358EE1 url(../img/images/cx_18.jpg) 20px center no-repeat; 
 }
.case_col:hover a{color: #fff; display: block;display: flex; height: 100%; width: 100%; justify-content: center; align-items: flex-start; flex-direction: column; }
.case_more{margin-top: 20px; background: #fff url(../img/images/cx_16.jpg) no-repeat 21px center; height: 84px; border-bottom: 2px solid #358EE1;
	display: flex; justify-content: center; align-items: flex-start; flex-direction: column;
	padding-left: 50px; font-size:16px; line-height: 26px;
 }
 .case_more:hover a{display: flex; height: 100%; width: 100%; justify-content: center; align-items: flex-start; flex-direction: column; }
.case1{height: 400px; position: relative; background: #fff; margin-bottom: 30px;}
.case1 img{width: 552px; height: 400px;}
.case1 .case1_ab{position: absolute;
	right: 0;
	top: 0px;
	width: 247px;
	padding: 40px 20px;
}
.case1 .case1_ab h1{font-size: 17px;}
.case1 .case1_ab p{font-size: 15px;
line-height: 27px;
margin-top: 20px;
height: 222px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;}
.case1 .case1_ab span{color: #358EE1;
border: 1px solid #358EE1;
padding: 3px 10px;
position: absolute;
right: 30px;
bottom: 10px; }
.casen {width: 185px; height: 134px; position: relative;float: left; margin-right: 20px;}
.casen:last-child{margin-right: 0px;}
.casen img{width: 185px; height: 134px;}
.casen a{position: absolute;left: 0px; right: 0; top: 0; bottom: 0; background:rgba(58,137,203,0.7); color: #fff;
display: none;justify-content: center;align-items: center; font-size: 14px; padding:0px 12px;
}
.casen:hover a{display: flex;}

.shows{height: 410px; background: #fff; text-align: left;}
.show_t{border-bottom: 1px solid #E3E3E3; padding-top: 20px;}
.show_t a{display: inline-block; padding: 20px; position: relative; cursor:pointer;}
.show_t a:first-child{padding-left: 0px;}
.show_t a.on:first-child::after{left: 0px;}
.show_t a.on{color: #358EE1; font-weight: bold;}
.show_t a.on::after{position: absolute; left: 20px; content: " ";border-bottom: 2px solid #358EE1; bottom: 0px;right: 20px; }

.show_ci{display: none;padding: 34px 61px;position: relative;}
.show_ci.on{display: block;}

.show_it{width:230px ; height: 230px; text-align: center; position: relative; overflow:hidden;}
.show_it img{width:230px ; height: 200px;}
.show_it .span{position: absolute; left: 0; top: 0; width:230px ; height: 200px;
 color: #fff; display: none; justify-content: center; align-items: center; background:rgba(58,137,203,0.7);
}
.show_it .span span{border: 1px solid #fff; padding: 5px;}
.show_it:hover .span{display: flex;}
.shows .swiper-button-next{

	border: 1px solid #ccc;
		height: 200px;
		top: 56px;
		width: 40px;
		right: 0px;
}
.shows .swiper-button-prev{
	border: 1px solid #ccc;
		height: 200px;
		top: 56px;
		width: 40px;
		left: 0px;
}


footer{}
footer .con{ border-top: 4px solid #ABABAB; height: 450px; background: #E4E4E4 url(../img/images/footer.jpg) no-repeat center center;}

footer .con .inner{height: 322px; margin-top:72px; }
footer .con_1{width: 261px;
    padding-right: 39px;
    border-right: 2px solid #C6C6C6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
footer .con_1 img{width: 100%; margin-bottom: 15px;}
footer .con_2{border-right: 2px solid #C6C6C6;
	padding: 0 36px;
}
footer .con_2:last-child{border-right: 0px;}
footer .con_2 .con_t{padding: 30px 0 50px 0; 
font-size: 20px; font-weight: bold;position: relative;
}
footer .con_2 .con_t::after{
	content: " ";
	position: absolute;border-bottom: 3px solid #3E8EE5;
	top: 63px; left: 0px; width: 30px;
}
footer .con_2 a{
	margin-bottom: 19px;
}
footer .con_2_1{float: left;}
footer .con_2_2{float: right;}
footer .con_2_3 a{padding-left: 26px;}
footer .con_2_3 .mail{background: url(../img/images/cx_17.jpg) no-repeat left 2px;}
footer .con_2_3 .phone{background: url(../img/images/cx_20.jpg) no-repeat left 2px;}
footer .con_2_3 .tel{background: url(../img/images/cx_22.jpg) no-repeat left 2px;}
footer .con_2_3 .addr{background: url(../img/images/cx_25.jpg) no-repeat left 2px;}
footer .con_2_4 img{width: 150px; height: 150px;border: 0px; background-color: #fff;margin-bottom: 8px;}
footer .b1{ height: 69px; background: #2E2E2E;
	line-height: 69px; color: #BCBCBC; text-align: center; font-size: 17px;
}

.path {
	margin-top: 24px;
	line-height: 44px;
	color: #0D99E6;
	border-bottom: 1px solid #6B6B6B;
	font-size: 14px;
	background:url(../img/images/path_05.png) left center no-repeat; padding-left:20px;
}
	.path a {
		display:inline;margin:0px 3px;
	}

.wbg.pro {
	background: #fff;
	height: 1015px;
}
	.wbg.pro .prol {
		background: #F0F0F0;
	}
	.wbg.pro .pror {
		background: #F0F0F0;
	}

	.wbg.pro .pro_item {
	text-align:center;
	 padding:7px;height:293px;margin-bottom:30px;
	}
	.wbg.pro .pro_item img{
		width:100%;
	}
		.wbg.pro .pro_item:hover {
			background: #358EE1; 
		}
		.wbg.pro .pro_item:hover a{
			color: #fff;
		}
		.wbg.pro .pro_item .pro_item_t {
			padding-bottom:7px;
			
		}
	.wbg.pro .prol .ft {
		position: relative;
		border-bottom: 1px dashed #6A6A6A;
		margin: 0px;
		padding: 16px 24px;
		font-size:20px;
	}
		.wbg.pro .prol .ft::after {
			position: absolute;
			left: 0;
			width: 4px;
			top: 18px;
			bottom: 18px;
			background: #3E8EE5;
			content:" ";
		}

	.wbg.pro .col {
		border-bottom: 1px dashed #6A6A6A;
		padding: 20px 0px;
	}
		.wbg.pro .col:last-child {
			border-bottom:0px;
		}
		.wbg.pro .col .col_t {
		margin-left:20px;
		}
			.wbg.pro .col .col_t.active a {
				color: #498EE0;
			}

			.wbg.pro .col .col_i {
				padding-left: 50px;
				position: relative;
			}
		.wbg.pro .col .col_i a {
			position:relative;
			z-index:100;
		}
			.wbg.pro .col .col_i:hover a, .wbg.pro .col .col_i.active a {
				color: #fff;
			}
			.wbg.pro .col .col_i:hover::after, .wbg.pro .col .col_i.active::after {
				content: " ";
				position: absolute;
				z-index: 0;
				left: 0;
				right: -3px;
				top: 0;
				bottom: -5px;
				background: url(../img/images/pro_col_05.jpg) no-repeat;
				background-size: 100% 100%;
			}


.case_list_i {
	border-bottom: 4px solid #358EE1;
	background: #F0F0F0;
	position:relative;
	height:310px;
	margin-bottom:42px;
}
	.case_list_i img {
		position: absolute;
		width: 379px;
		height: 266px;
		top: 20px;
		left: 20px;
	}
	.case_list_i .tit {
		position: absolute;
		height: 42px;
		font-size: 20px;
		color: #62A7E4;
		font-weight: bold;
		right: 20px;
		top: 20px;
		left: 430px;
		border-bottom: 1px solid #5D5D5D;
	}
	.case_list_i .con {
		position: absolute;
		height: 155px;
		line-height: 28px;
		font-size: 16px;
		right: 20px;
		top: 80px;
		left: 430px;
	}
	.case_list_i .detail {
		position: absolute;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		right: 20px;
		bottom: 20px;
		width: 140px;
		text-align: center;
		color: #358EE1;
		border: 1px solid #358EE1;
	}

.pub_page {
	margin-bottom: 20px;
	text-align: center;
}
.pub_page a{
	display:inline-block;
	margin-right:20px;
	padding:3px 3px;
}
	.pub_page a:last-child {
		margin-right:0px;
	}
	.pub_page a.active {
		color: #358EE1;
		border-bottom: 1px solid #358EE1;
	}

.wbg.pro.d_pro {
	height: auto;
	padding-bottom:40px;
}

.d_pro_tit {
	border-bottom: 1px dashed #6A6A6A;
	line-height: 60px;
	font-size: 22px;
	padding:0px;
	margin:0px;
	width:456px;
}
.d_pro.wbg.pro .pror {
	height:auto; padding-top:0px;
	padding-right:20px;
}
.d_pro .preimg {
	float:right;width:280px; height:280px;
	margin-top:20px; margin-left:20px;
	
}
.d_pro .top_con {
	margin-top:20px;
}
	.d_pro .top_con p {
		text-indent:2em;
		line-height:26px;
		margin-bottom:20px;
	}


.case_tabs {
	line-height:50px;
	height:50px;
	border-bottom:1px solid #ccc;
	margin-top:10px;
	margin-bottom:40px;
}

	.case_tabs a {
		display:inline-block;position:relative; cursor:pointer;
	}
		.case_tabs a::after {
			content: " ";
			position: absolute;
			border-bottom: 2px solid #0F98E6;
			bottom:1px;left:0px;right:0px;
			display:none;
		}
		.case_tabs a.on {
			color: #0F98E6;
		}
			.case_tabs a.on::after {
				display:block;
			}
			.case_tabs span {
				display: inline-block;
				padding: 0px 20px;
			}

.case_tabs_con {
display:none;
}

.case_tabs_con.on {
	display: block;
}
	.case_tabs_con table {
		width: 100%;
		border-collapse: collapse;
		margin: 0 auto;
		text-align: center;
		margin-bottom:50px;
	}
		.case_tabs_con table tr:first-child {
			background: #0F98E6; color:#fff; height:40px;
		}

.case_tabs_con table td {
	border: 1px solid #ccc;
	color: #666;
	height: 40px;padding:0px 20px;
	width:32%;
}
	.case_tabs_con table td:first-child {
		text-align: left;
		width: 36%;
	}


.case_d {
	padding-top:40px;
}
.case_d_l {
	float: left;
	width: 785px;
}
.case_d_r {
	float: right;
	width: 290px;
}
.case_d_tit {
	height:70px;line-height:50px;
	font-weight:bold;
	font-size:20px;
	text-align:center;

}
.case_d_tit1 {
border-bottom:1px dashed #666;
line-height:26px;
text-align:left;
font-size:14px;
}
	.case_d_tit1 a {
		float: right;
		font-size: 16px;
		padding: 0px 21px 0px 6px;
		background: #E5E5E5 url(../img/images/back.jpg) right center no-repeat;
		display: block;
	}

.case_d_r .tit {
	height: 50px;
	line-height: 50px;
	background: #0F98E6;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.case_d_r a {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #666;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case_d_r .con {
	padding: 15px;
	background: #F2F2F2;
}
.case_d_r a:last-child {
	border-bottom: 0px;
}

.lxwm_l {
float:left;width:525px; height:400px;
background:url(../img/images/lxwm_05.jpg);
position:relative;
}

.lxwm_l_1 {
	position: absolute;
	left: 145px;
	width: 361px;
	top: 61px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.lxwm_l_2 {
	position: absolute;
	left: 145px;
	width: 361px;
	top: 167px;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.lxwm_l_3 {
	position: absolute;
	left: 145px;
	width: 361px;
	top: 264px;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.lxwm_r {
	float: right;
	width: 552px;
	height: 400px;
}

.lxwm_b {
	height: 377px;
	margin-top:30px;
	background: url(../img/images/lxwm_08.jpg);
	position:relative;
	margin-bottom:50px;
}

	.lxwm_b #Title {
		position: absolute;
		left: 252px;
		top: 91px;
		width: 240px;
		height: 28px;
		background: rgba(0,0,0,0);
		border: 0px;
		padding: 0px 13px;
	}
	.lxwm_b #Mobile {
		position: absolute;
		left: 650px;
		top: 91px;
		width: 240px;
		height: 28px;
		background: rgba(0,0,0,0);
		border: 0px;
		padding: 0px 13px;
	}
	.lxwm_b #Com {
		position: absolute;
		left: 252px;
		top: 139px;
		width: 240px;
		height: 28px;
		background: rgba(0,0,0,0);
		border: 0px;
		padding: 0px 13px;
	}
	.lxwm_b #Email {
		position: absolute;
		left: 650px;
		top: 139px;
		width: 240px;
		height: 28px;
		background: rgba(0,0,0,0);
		border: 0px;
		padding: 0px 13px;
	}
	.lxwm_b #Summary {
		position: absolute;
		left: 252px;
		top: 187px;
		width: 638px;
		height: 80px;
		background: rgba(0,0,0,0);
		border: 0px;
		padding:5px 13px;
	}
	.lxwm_b button {
		position: absolute;
		left: 448px;
		top: 297px;
		width: 200px;
		height: 40px;
		background: rgba(0,0,0,0);
		border: 0px;
	}

.gywm_tabs {
	padding-left:20px;
	margin-top:50px;
	margin-bottom:20px;
}
.gywm_tabs a {
	display: inline-block;
	width: 145px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-right: 10px;
	background: url(../img/images/gywm_07.jpg) no-repeat;
	cursor:pointer;
}
	.gywm_tabs a.on {
		background: url(../img/images/gywm_05.jpg) no-repeat;color:#fff; font-weight:bold;
	}
.gywm_cons {
	display:none;
}
.gywm_cons.on {
	display:block;
}
	.gywm_cons .inner {
		padding: 20px 0px;
		border-top: 1px solid #E3E3E3;
	}


.cjzs_item {
	float:left;margin-right:20px;width:260px;height:290px;
	text-align:center;
	margin-bottom:10px;
}
.cjzs_item:nth-child(4n) {
	margin-right: 0px;
}
.cjzs_item  img{
	width:100%;height:226px;
	margin-bottom:10px;
}

.cjzs_item2 {
	float: left;
	margin-right: 20px;
	width: 540px;
	height: 390px;
	text-align: center;
	margin-bottom: 20px;
	background: #E6E6E6;
}

	.cjzs_item2:nth-child(2n) {
		margin-right: 0px;
	}

	.cjzs_item2 img {
		width: 100%;
		height: 340px;
		margin-bottom: 10px;
	}


.cjzs_item3 {
	float: left;
	margin-right: 20px;
	width: 540px;
	height: 390px;
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #E6E6E6;
	overflow:hidden;
}

	.cjzs_item3:nth-child(2n) {
		margin-right: 0px;
	}

	.cjzs_item3 img {
		width: auto;
		height: 340px;
	}
	.cjzs_item3 div {
		background:#E6E6E6;
		line-height:44px;
	}

.show_ci .pro_item_t {
	line-height:30px;
}

.last_next {
	padding: 15px 25px;
	background: #F2F2F2;
	line-height:30px;
	margin-bottom:40px;
}

	.last_next span, .last_next span a {
		display: inline;
	}
	.last_next a {
		color: #1098E6;
	}

#swiper_banner  {
	height:100%;
}
	#swiper_banner .swiper-slide {
		background-position:center center;
		background-repeat:no-repeat;
	
	}

.gywm_div {
	padding-top:10px;
	padding-bottom:30px;
}
.gywm_div p {
	line-height: 30px;
	text-indent: 2em;
	margin-bottom: 30px;
}
.gywm_div img {
	margin-left:12px;
}
.gywm_div b {
	font-size: 20px;
	color: #0A98E4;
}