/* 页眉 */
.sy-ym{
	width: 100%; background-color: #FFFFFF; height: 80px; line-height: 80px;
}
.sy-ym .left{width: 20%; text-align: left;}
.sy-ym .right{width: 55%; text-align: left;}
.sy-ym .zhongjian{
	width: 25%; text-align: center;background: url(../img/1.jpg)left no-repeat;font-weight: bold;color: #008ba4;
}
/* logo */
.w {width: 100%;margin: 0px auto;}
.nav_menu {
		display: flex; 
		justify-content: space-around; 
		align-items: center; 
		height: 80px; 
		/* background-color: #4caf50; */ 
		/* border: 1px solid #ccc; */ 
		padding: 0px; 
		font-size: 14px;
		color: #fff;
}
.menu_item a{
	color: #666666;
}
.menu_item a:hover{
	color: #FFFFFF;
}
.menu_item {
		position: relative;
		flex: 1;
		height: 100%;
		line-height: 80px;
		text-align: center;
		transform-style: preserve-3d;
		transition: all 0.5s;
		/* margin: 0 5px; */
	}
	.menu_item:hover {
		cursor: pointer;
		font-size: 14px;
		transform: rotateX(90deg);
	}
	.home, .web_home {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		perspective: 300px;
	}
	.home {
		z-index: 11;
		transform: translateZ(25px);
	}
	.web_home {
		background-color: #008ba4;
		transform: translateY(25px) rotateX(-90deg);
	}
/* 中间 */
.sy-cpzs{
	padding: 50px 0px;
}
.tabs{
	width:100%;height:50px;overflow:hidden;
}
.tabs a{
	text-align: center;float: left;width: 18%;height: 50px;line-height: 38px;margin-right: 2.5%;background-color: #EEEEEE;line-height: 50px;font-weight: bold;font-size: 16px;
}
.tabs a:hover{
	background-color: #008ba7;color: #FFFFFF;
}
.tabs a:active{
	background-color: #008ba7;color: #FFFFFF;
}
.tabs .active{
	background-color: #008ba7;color: #FFFFFF;
}
.tabs a:nth-of-type(5){
	margin-right: 0px;
}
.tabs1{
	width:100%;height:30px;overflow:hidden;
}
.tabs1 a{
	text-align: center;float: left;width: 18%;height: 30px;line-height: 30px;margin-right: 2.5%;background-color: #EEEEEE;font-size: 12px;
}
.tabs1 a:hover{
	background-color: #008ba7;color: #FFFFFF;
}
.tabs1 a:active{
	background-color: #008ba7;color: #FFFFFF;
}
.tabs1 .active{
	background-color: #008ba7;color: #FFFFFF;
}
.tabs1 a:nth-of-type(5){
	margin-right: 0px;
}
/* 产品列表 */
.sy-cpzs-lb{
	background-color: #FFFFFF;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin-bottom: 30px;
}
.sy-cpzs-lb:hover{
	box-shadow: 0 0 10px #e7e7e7;
}
.sy-cpzs-lb p{
	margin-top: 10px;height: 40px;overflow: hidden;line-height: 40px;background-color: #696969;text-align: center;color: #FFFFFF;
}
/* 广告 */
.sy-ad{
	background: url(../img/9.jpg) center no-repeat;height: 297px; padding-top: 70px;color: #FFFFFF;
}
.sy-ad .left{
	width: 262px;text-align: center;
}
.sy-ad .right{
	text-align: center;padding-top: 20px;
}
.sy-ad .left h1{
	font-size: 20px;color: #FFFFFF;font-weight: bold;margin-top: 40px;
}
.sy-ad .right h2{
	font-size: 20px;color: #FFFFFF;font-weight: bold;line-height: 50px;
}
.sy-ad .right h2 span{
	color: #ff8f15;font-size: 30px;
}
/* 优势 */
.sy-youshi{
	background: url(../img/11.jpg) center ;padding: 80px 0px;
}
.sy-youshi ul{
	display: flex;margin: 30px 0px;
}
.sy-youshi ul li{
	flex: 1;margin-right: 100px;
}
.sy-youshi ul li:last-child{
	margin-right: 0px;
}
.sy-youshi ul li h1{
	font-size: 20px;margin: 30px 0px;font-weight: bold;
}
.fklfet{
	width: 100%;padding-top: 30px;
}
.fklfet1{
	display: block;
	height: 42px;
	width: 42px;
	float: right;
	display: block;
	margin-left: 10px;
	background-color: #008ba7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.fklfet1:hover{
	background-color: #f54e23;
}
.fklfet1-left{
	background-image: url(../img/jt_l.png);
}
.fklfet1-right{
	background-image: url(../img/jt_r.png);
}
/* 关于我们 */
.sy-about{
	display: flex;
}
.sy-about li{
	flex: 1;margin-right: 80px;
}
.sy-about li:last-child{
	margin-right: 0px;
}
.sy-about li{
	line-height: 30px;
}
.sy-about a{
	display: block;margin-top: 30px;width: 120px;text-align: center;height: 40px;line-height: 40px;color: #FFFFFF;background-color: #008ba8;transition: all 0.5s ease;
}
.sy-about a:hover{
	background-color: #fe8d2d;color: #FFFFFF;
}
/* 新闻 */
.sy-news{
	padding: 80px 0px;background-color: #f1f1f2;
}
.sy-news-lb h3{
	line-height: 50px;font-size: 16px;
}
.sy-news-lb p{
	padding-bottom: 10px;border-bottom: 1px solid #dededf;color: #999999;
}
.sy-news-lb h2{
	line-height: 40px;font-weight: bold;font-size: 14px;
}
.sy-news-lb:hover{
	color: #158da3;
}
/* 友情链接 */
.sy-link{width: 100%; padding: 60px 0px;}
/* 底部 */
footer{width: 100%;background-color: #333336; color: #999999;}
footer .top{
	border-bottom: 1px solid #3d3d40;
}
footer .xia{
	line-height: 80px;height: 80px;text-align: center;
}
footer .top ul{
	display: flex;
}
footer .top ul li{
	padding: 40px 0px;border-right: 1px solid #3d3d40;
}
footer .top ul li:nth-child(4){
	border-right: 0px;width: 20%;
}
}
footer .top ul li:nth-child(1){
	width: 30%;
}
footer .top ul li:nth-child(2){
	width: 10%;
}
footer .top ul li:nth-child(3){
	width: 20%;
}

/* 内页 */
.ny-about-bj{
	background: url(../img/18.jpg) center no-repeat;height: 350px;
}
.ny-about-bj1{
	background: url(../img/17.jpg) center no-repeat;height: 350px;
}
.ny-about-bj2{
	background: url(../img/20.jpg) center no-repeat;height: 350px;
}
.ny-about-bj3{
	background: url(../img/16.jpg) center no-repeat;height: 350px;
}
.ny-about-bj4{
	background: url(../img/21.jpg) center no-repeat;height: 350px;
}
.ny-about{
	background: url(../img/14.jpg) center no-repeat;padding: 60px 0px;
}
.ny-about h1{
	font-size: 20px;font-weight: bold;margin-bottom: 40px;
}
.ny-gszs{
	background: url(../img/19.jpg) center bottom no-repeat;padding: 80px 0px;
}

.ny-erdh{
	padding-bottom: 250px; text-align: center;
}
.ny-erdh h1{
	color: #FFFFFF; font-weight: bold;
}
.ny-nrzj{
	width: 100%; background-color: #30b0f8; line-height: 30px; padding: 50px 0px; color: #FFFFFF; 
}
.ny-shzr{
	display: flex; padding-top: 50px;
}
.ny-shzr li{
	flex: 1; margin-right: 50px; text-align: center; padding: 50px; box-shadow: 0px 0px 10px #f0f0f0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.ny-shzr li:hover{
	box-shadow: 0px 0px 10px #1e9ee6; background-color: #1e9ee6; color: #FFFFFF;
}
.ny-shzr li:last-child{
	margin-right: 0px;
}
.ny-shzr li h3{
	font-size: 18px;
}
.ny-shzr li p{
	padding: 20px 0px; line-height: 30px;
}
.ny-lxwm{display: flex;}
.ny-lxwm li{flex: 1; margin-right: 50px; border: 1px solid #dddddd; padding: 30px;}
.ny-lxwm li:last-child{margin-right: 0px;}
.tj-cpzs{
	background-color: #fafafa;margin-bottom: 30px;padding: 10px;
}
.tj-cpzs .top{
	line-height: 41px;height: 41px;text-align: center;font-size: 18px;font-weight: bold;background: url(../img/22.jpg)center no-repeat;margin-bottom: 10px;
}


/* 手机站底部电话 */
.wap-logo{
	height: 60px; line-height: 60px;
}
.wap-logo img{
	max-height: 60px;
}
.wap15{
	padding-top: 15px; padding-bottom: 15px;
}
.wap-dh{
	display: flex;
}
.wap-dh li{
	flex: 1;margin-right: 10px;height: 35px;text-align: center;background-color: #0c8ca2;color: #FFFFFF;line-height: 35px;
}
.wap-dh li a{
	color: #FFFFFF;
}
.wap-dh li:last-child{
	margin-right: 0px;
}
.wap-gg{
	background: url(../img/26.jpg) center;padding: 40px 0px;text-align: center;
}
.wap-gg h1{
	font-size: 14px;font-weight: bold;color: #FFFFFF;margin-bottom: 30px;
}
.wap-gg h2{
	font-size: 16px;font-weight: bold;color: #fe8d2d;
}
.wap-dibu{
	background-color: #333336;padding: 15px 0px;text-align: center;color: #b8b8b8;margin-bottom: 65px;
}


.wap-sy-m{
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 99999;
}
.wap-sy-n{
	display: flex;
	background-color: #158da1;
	margin-bottom: 0px;
}
.wap-sy-n li{
	flex: 1;
	padding: 10px 0px 5px 0px;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}
.wap-sy-n li a{
	color: #FFFFFF;
}
.wap-sy-n li:last-child{
	border-right: 0px solid #FFFFFF;
}
.wap-sy-aj{
	width: 120px; margin: 0 auto;
}
.wap-sy-aj .left{
	width: 30px;
}
.wap-sy-aj .right{
	width: 90px; text-align: center;
}