/* 公共 */
.zj1200{width: 1200px;margin: 0 auto;}
.neirong img{max-width: 100%;}
.area-image {overflow: hidden;}
.area-image img {width: 100%;transition: all 2s ease-in-out 0s;-webkit-transition: all 2s ease-in-out 0s;-moz-transition: all 2s ease-in-out 0s;-o-transition: all 2s ease-in-out 0s;}
.area-image img:hover {transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);}
.area-info {background-color: #FFF;padding: 0 20px;position: relative;}
.hh1{border-bottom: 1px dashed #bebebe;}
a.map{width: 260px;height: 60px; line-height: 60px; text-align: center; font-size: 16px; margin: 0 auto; border: 2px solid #ffffff; text-align: center;display: block;-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; border-radius: 50px; color: #ffffff; font-size: 16px;}
a.map:hover{background-color: #ffffff; color: #34b2f5; border: 2px solid #dedede;}
a.map1{width: 260px;height: 60px; line-height: 60px; text-align: center; font-size: 16px; margin: 0 auto; border: 2px solid #34b2f5; text-align: center;display: block;-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; border-radius: 50px; color: #34b2f5; font-size: 16px;}
a.map1:hover{background-color: #34b2f5; color: #ffffff; border: 2px solid #34b2f5;}
.wenzi{font-size:30px;font-weight: bold;text-align: center;background-image:-webkit-linear-gradient(right,#30b0f8,#56d6ad); -webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height: 50px;}
.wenzi1{font-size:18px;font-weight: bold;text-align: center;background-image:-webkit-linear-gradient(right,#30b0f8,#56d6ad); -webkit-background-clip:text;-webkit-text-fill-color:transparent; text-transform: uppercase;}
.wenzi2{
	font-size:30px;font-weight: bold;color: #FFFFFF; line-height: 50px;
}
.wenzi3{
	font-size:18px;font-weight: bold; text-transform: uppercase; color: #FFFFFF;
}
.fl{float: left;}
.fr{float: right;}
.xian,.yin { width:100%; height:auto;}
.yin  { display: none;}
.tb1{width: 100%; height: 30px; line-height: 30px; border: 1px solid #eae9e9;}
.tb2{width: 100%; height: 90px; line-height: 30px; border: 1px solid #eae9e9;}
.tb3{border: 0px; background-color: #0b994f; color: #FFFFFF;}
.sy-news-lb{
	line-height: 40px; height: 40px; border-bottom: 1px solid #efefef;
}
.sy-news-lb a:hover{
	color: #30b0f8;
}
.sy-news-lb .right{
	width: 100px; text-align: center;
}
.sy-news-lb .left{
	text-align: left;
}
.sy-news-lb .left span{
	color: #30b0f8;
}
/* 页眉 */
.sy-ym{width: 100%; background: rgba(0,0,0,0.5); height: 80px; line-height: 80px; position: absolute; top: 0px; z-index: 100;}
.sy-ym .left{width: 25%; text-align: left;}
.sy-ym .right{width: 75%; text-align: left;}
/* 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: 16px;
		color: #fff;
}
.menu_item a{
	color: #FFFFFF;
}
.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: 16px;
		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: #2caefb;
		transform: translateY(25px) rotateX(-90deg);
	}
/* 中间 */
.sy-about{
	width: 100%; background: url(../img/1.jpg) bottom no-repeat #FFFFFF; padding: 100px 0px 100px 0px; 
}
.sy-qywh{
	display: flex;
}
.sy-qywh li{
	margin-right: 30px; box-shadow: 0px 0px 10px #f0f0f0; flex: 1; padding: 130px 20px 80px 20px; text-align: center; -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; font-size: 16px;
}
.sy-qywh li:hover{
		box-shadow: 0px 0px 10px #1e9ee6;
}
.sy-qywh li:nth-child(1){
	background: url(../img/3.jpg) top center no-repeat #FFFFFF;
}
.sy-qywh li:hover:nth-child(1){
	background: url(../img/3-1.jpg) top center no-repeat #30b0f8; color: #FFFFFF;
}
.sy-qywh li:nth-child(2){
	background: url(../img/4.jpg) top center no-repeat #FFFFFF;
}
.sy-qywh li:hover:nth-child(2){
	background: url(../img/4-1.jpg) top center no-repeat #30b0f8; color: #FFFFFF;
}
.sy-qywh li:nth-child(3){
	background: url(../img/5.jpg) top center no-repeat #FFFFFF;
}
.sy-qywh li:hover:nth-child(3){
	background: url(../img/5-1.jpg) top center no-repeat #30b0f8; color: #FFFFFF;
}
.sy-qywh li:last-child{
	margin-right: 0px;
}
/* 产品 */
.sy-cplb{
	padding: 50px 0px;
}
.sy-cpzx h3{
	text-align: center; line-height: 60px;
}
.sy-cpzx a:hover{
	color: #30b0f8;
}
/* 新闻 */
.sy-news{
	display: flex;
}
.sy-news li{
	flex: 1; background-color: #fbfbfb;
}
.sy-news li:last-child{
	padding: 30px;
}
.sy-news li:last-child a{
	line-height: 40px; font-size: 16px; font-weight: bold;
}
.sy-news li:last-child a:hover{
	color: #30b0f8;
}
.sy-news li:last-child p{
	padding-bottom: 10px; color: #b3b3b3;
}
.sy-yhhd{
	border: 1px solid #dfe4e7; padding: 20px; -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;
}
.sy-yhhd:hover{
	background-color: #30b0f8; border: 1px solid #30b0f8; color: #FFFFFF; box-shadow: 0px 0px 10px #1e9ee6;
}
.sy-yhhd .top{
	line-height: 30px; font-size: 12px;
}
.sy-yhhd .xia{
	font-size: 16px;
}
/* 招聘 */
.sy-zxzp{
	background-color: #f8fcff; padding: 100px 0px;
}
.sy-zxzp ul{
	padding-top: 50px; display: flex;
}
.sy-zxzp ul li{
	flex: 1; background-color: #FFFFFF;
}
.sy-zxzp ul li:nth-child(1){
	padding: 50px;
}
.sy-zxzp ul li:nth-child(1) h3{
	font-weight: 500; color: #333333;
}
.sy-zxzp ul li:nth-child(1) p{
	padding: 20px 0px 70px 20px; color: #666666; line-height: 30px;
}
/* 招商加盟 */
.sy-zsjm{
	display: flex;
}
.sy-zsjm li{
	flex: 1; padding: 10% 0px; text-align: center;
}
.sy-zsjm li h1{
	color: #FFFFFF;
}
.sy-zsjm li:nth-child(1){
	background-image: linear-gradient(#38d19d,#26acfd);-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;
}
.sy-zsjm li:nth-child(1):hover{
	background: url(../img/7.jpg) center;
}
.sy-zsjm li:nth-child(2){
	background-image: linear-gradient(#ed7640,#d01a3d);-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;
}
.sy-zsjm li:nth-child(2):hover{
	background: url(../img/8.jpg) center;
}
/* 友情链接 */
.sy-link{width: 100%; padding: 80px 0px;}
.sy-link .dh{
	line-height: 60px; height: 60px; color: #cecece; text-align: center;
}
.sy-link a{
	font-size: 16px; color: #cecece;
}
.sy-link a:hover{color: #30b0f8;}
/* 底部 */
footer{width: 100%; line-height: 60px; height: 60px; background-color: #f2f2f2; text-align: center;}

/* 内页 */
.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;}
/* 手机站底部电话 */
.guding{
	position: fixed; left: 0px; bottom: 0px;width: 100%;z-index:2;
}
.guding1{
	display: flex;
}
.guding1 li{
	flex: 1;text-align: center; height: 45px; line-height: 45px;
}
.guding1 li:nth-child(1){
	background: #37d0a0;
}
.guding1 li:nth-child(2){
	background: #30b0f8;
}
.guding1 li	a{
	font-size: 14px; color: #FFFFFF; font-weight: bold;
}
.guding1 li	a span{
	padding-left: 40px;
}
.wap-sy-aj{
	width: 120px; margin: 0 auto;
}
.wap-sy-aj .left{
	width: 30px;
}
.wap-sy-aj .right{
	width: 90px; text-align: center;
}