.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
	left: 150px;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
	right: 156px;
	left: auto;
}

.spanzi {
    /*margin-left: 220px;*/
	text-align: center;
	font: bold 23px/1 "microsoft yahei";
	color: #317480;
	text-shadow: 0 0 10px rgba(21, 206, 249, 0.35), 0 0 10px rgba(21, 206, 249, 0.35), 0 0 10px rgba(21, 206, 249, 0.35), 0 0 10px rgba(21, 206, 249, 0.35);
	/* 发光颜色 */
	/*display: inline-block;
	width: 100%;*/
	display: block;
	margin-bottom: 10px;
}

/* 弹框 */
#bigjj {
	background-color: #fff;
	width: 400px;
	height: 260px;
	color: #FFFFFF;
	display: none;
	border-radius: 10px;
}

.imgjj img {
	position: absolute;
	width: 120px;
	height: 120px;
	margin-left: 20px;
	margin-top: 38px;
}

.zione {
	margin-left: 10px;
	font-size: 24px;
	color: #000;
	font-weight: 300;
	padding: 10px;

}

.zitwo {
	margin-left: 162px;
	margin-top: 29px;
	font-size: 22px;
	color: #000;
	line-height: 45px;
}
.layui-layer-page{
	background-color:transparent!important;
}

/* tankuang */
/* 手机适配 */
@media screen and (max-width: 767px) {
.swiper-button-prev {
			width: 35px;
			height: 35px;
			border-radius: 50%;
			background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #317480 center 50%/50% 50% no-repeat;
		}

		.swiper-button-next {
			width: 35px;
			height: 35px;
			border-radius: 50%;
			background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #317480 center 50%/50% 50% no-repeat;
		}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
		left: 0px;
		right: auto;
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
		right: 0px;
		left: auto;
	}

	.title {
		width: 100%;
		height: 300px;
		margin: 0 auto;
		margin-top: 100px;
	}

	.title1 {
		font-size: 18px;
		text-align: center;
	}

	.down {
		width: 100%;
		height: 300px;
		margin-top: 70px;
	}

	.shou {
		font-size: 15px;
		line-height: 25px;
		text-align: center;
	}

	.shous {
		height: 600px;
	}

	/* 	 
	 .layui-carousel-ind {
	        top: 60px;

	 } */
	.shou1 {
		font-size: 12px;
		width: 312px;
		    margin: 0 auto;
		text-align: justify;

	}

	.shou2 {
		font-size: 12px;
		width: 312px;
		line-height: 15px;
		    margin: 0 auto;
		text-align: justify;
		margin-top: 20px;
	}

	.shou3 {
		font-size: 12px;
		width: 312px;
		    margin: 0 auto;
		text-align: justify;

		margin-top: 20px;
	}


	.shoua {
		font-size: 15px;
		/* margin-left: 285px; */
		line-height: 25px;
		text-align: center;
	}

	.shoua1 {
		font-size: 12px;
		width: 312px;
		    margin: 0 auto;
		text-align: justify;
	}

	.shoua2 {
		font-size: 12px;
		width: 312px;
		    margin: 0 auto;
		line-height: 15px;
		margin-top: 15px;
		text-align: justify;
	}

	.shoua3 {
		font-size: 12px;
		width: 312px;
		    margin: 0 auto;
		text-align: justify;
		margin-top: 15px;
	}

	.shoua4 {
		font-size: 12px;
		width: 312px;
		    margin: 0 auto;
		line-height: 15px;
		text-align: justify;
		margin-top: 15px;
	}

	.fh5co-client {
		float: left;
		width: 29%;
		height: 50px;
		text-align: center;
		font-size: 12px;
	}
	.fh5co-client>span{
		margin-left: 2px;
	}
	.fh5co-client_l{
		margin-left: 7%;
	}
	.shouimg {
		width: 20px;
		height: 23px;
	}

	.fh5co-clients {
		float: left;
		width: 88px;
		height: 40px;
		text-align: center;
		font-size: 13px;
		margin-left: 22px;
	}

	/* 弹框 */


	.spanzi {
		/*margin-left: 125px;
		text-align: center;*/
		font: bold 14px/1 "microsoft yahei";
		/*color: #317480;
		text-shadow: 0 0 10px rgba(21, 206, 249, 0.35), 0 0 10px rgba(21, 206, 249, 0.35), 0 0 10px rgba(21, 206, 249, 0.35), 0 0 10px rgba(21, 206, 249, 0.35);*/
		/* 发光颜色 */
	}


	audio,
	canvas,
	progress,
	video {
		display: inline-block;
		vertical-align: baseline;
		width: 350px;
		/* margin-left: 225px; */
	}

	.imgdx {
		height: 300px;
	}


	#bigjj {
		background-color: #fff;
		width: 387px;
		height: 235px;
		color: #FFFFFF;
		display: none;
		border-radius: 10px;
		margin-left: 11px;
	}

	.imgjj img {
		position: absolute;
		width: 100px;
		height: 100px;
		margin-left: 26px;
		margin-top: 38px;
	}

	.zione {
		margin-left: 10px;
		font-size: 20px;
		font-weight: 300;
		padding: 10px;

	}

	.zitwo {
		margin-left: 144px;
		margin-top: 28px;
		font-size: 20px;
		line-height: 40px;
	}

	/* .layui-layer-setwin .layui-layer-close2 {

		right: -4px !important;
	} */

	#fh5co-footer .fh5co-footer-logo a {

		margin-top: 70px;
	}

	#fh5co-footer .container .row>div {
		/*margin-bottom: 27px;*/
	}
	/* .fh5co-nav-toggle>span {
	    margin-top: 24px;
	    font-size: 15px;
	} */
	.fh5co-nav-toggle {
	       margin-top: 2px;
	
	}
	
	.jj {
	
	    margin-left: 100px;
	}
	.jjs {
	
	    margin-left: 102px;
	}
	.zz_msg{
		width: 100%;
		margin-top: 10px;
	}
	.zz_left_logo>img{
		width: 90px;
	}
	.zz_right_logo>img{
		width: 100px;
	}
	/* .zz_zl_img img{
		width: 310px;
	} */

}
.zz_zl_img img{
	width: 100%;
}
/* ipad适配 */
@media screen and (min-width:768px) and (max-width:1023px) {
	.spanzi {
	    /*margin-left: 541px;*/
	    /*text-align: center;*/
	    font: bold 23px/1 "microsoft yahei";
	   
	}

	.layui-carousel-ind {
		top: 34px;
	}

	.title1 {
		font-size: 25px;
		text-align: center;
	}

	.shou {
		font-size: 20px;
		line-height: 25px;
		text-align: center;
	}

	.shou1 {
		font-size: 16px;
		width: 500px;
		margin-left: 135px;
		text-align: justify;
		/* text-align: center; */
	}

	.shou2 {
		font-size: 16px;
		width: 500px;
		line-height: 20px;
		margin-left: 135px;
		text-align: justify;
		margin-top: 16px;
	}

	.shou3 {
		font-size: 16px;
		width: 500px;
		margin-left: 135px;
		text-align: justify;
		margin-top: 17px;
	}

	.shoua {
		font-size: 20px;
		/* margin-left: 285px; */
		line-height: 25px;
		text-align: center;
	}

	.shoua1 {
		font-size: 16px;
		width: 500px;
		margin-left: 135px;
		text-align: justify;
	}

	.shoua2 {
		font-size: 16px;
		width: 500px;
		margin-left: 135px;
		text-align: justify;
		line-height: 20px;
		margin-top: 7px;
	}

	.shoua3 {
		font-size: 16px;
		width: 500px;
		margin-left: 135px;
		text-align: justify;
		margin-top: 7px;
	}

	.shoua4 {
		font-size: 16px;
		width: 500px;
		margin-left: 135px;
		text-align: justify;
		margin-top: 7px;
		line-height: 20px;
	}

	.shouimg {
		width: 40px;
		height: 43px;
	}

	.fh5co-client {
		float: left;
		width: 28%;
		height: 50px;
		text-align: center;
		font-size: 18px;
	}

	.fh5co-client>span{
		margin-left: 2px;
	}
	.fh5co-clients {
		float: left;
		width: 209px;
		height: 50px;
		text-align: center;
		font-size: 17px;
		margin-left: 36px;
	}

	.col-sm-3 {
		width: 50%;
	}

	.jj {
		font-size: 17px;
		font-weight: 600;
		text-align: justify;
		    margin-left: 102px;
	}

	.jjs {
		font-size: 17px;
		font-weight: 600;
		text-align: justify;

		    margin-left: 104px;
	}

	#fh5co-footer .fh5co-footer-logo a {
		margin-top: 0px;
	}

	.swiper-slide-active,
	.swiper-slide-duplicate-active {
		-webkit-transform: scale(1);
		transform: scale(1);
		left: -205px;
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {

		right: 377px;
		left: auto;
	}
	.zz_left_logo>img{
		width: 90px;
	}
	.zz_right_logo>img{
		width: 100px;
	}
	/* .zz_zl_img img{
		width: 310px;
	} */
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.spanzi {
	    /*color: #00F7DE;*/
	    /* margin-left: 530px; 
	    text-align: center;*/
	    font: bold 23px/1 "microsoft yahei";
	    /*color: #317480;
		display: block;*/
	     margin-left: 400px !important;
	}
}

@media screen and (min-width:1024px) and (max-width:1366px) {
	.spanzi {
	    /*color: #00F7DE;*/
	    /* margin-left: 530px; */
	    /*text-align: center;*/
	    font: bold 23px/1 "microsoft yahei";
	   /* color: #317480;
		display: block;*/
		/*margin-left: 0px;*/
	}
	.zz_left_logo>img{
		width: 90px;
	}
	.zz_right_logo>img{
		width: 100px;
	}
}
    
/* ipad pro */
@media screen and (min-width:1024px) and (max-width:1365px) {
	
	
	.layui-carousel:hover .layui-carousel-arrow {
		display: block\9;
		opacity: 1;
		left: -10px;
	}

	.layui-carousel-ind {

		top: 34px;

	}

	.layui-carousel:hover .layui-carousel-arrow[lay-type=add],
	.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
		right: -10px;
	}

	.title1 {
		font-size: 35px;
		text-align: center;
	}

	.shou {
		font-size: 26px;
	}

	.shou1 {
		font-size: 20px;
		width: 700px;
		margin-left: 140px;
		margin-top: -24px;
		text-align: justify;
	}

	.shou2 {
		font-size: 20px;
		width: 700px;
		margin-left: 140px;
		line-height: 26px;
		margin-top: 10px;
		text-align: justify;
	}

	.shou3 {
		font-size: 20px;
		width: 700px;
		margin-left: 140px;
		margin-top: 14px;
		text-align: justify;
	}

	.shoua {
		font-size: 26px;
	}

	.shoua1 {
		font-size: 20px;
		width: 700px;
		margin-left: 140px;
		text-align: justify;
	}

	.shoua2 {
		font-size: 20px;
		width: 700px;
		margin-left: 140px;
		line-height: 27px;
		margin-top: 10px;
		text-align: justify;
	}

	.shoua3 {
		font-size: 20px;
		width: 700px;
		margin-left: 140px;
		margin-top: 10px;
		text-align: justify;
	}

	.shoua4 {
		font-size: 20px;
		width: 700px;
		margin-left: 140px;
		line-height: 20px;
		margin-top: 10px;
		text-align: justify;
	}

	.shouimg {
		width: 50px;
		height: 53px;
	}

	.fh5co-client {
		width: 27%;
	    height: 92px;
	    text-align: center;
	    font-size: 20px;
	}

	.fh5co-clients {
		width: 284px;
		height: 50px;
		text-align: center;
		font-size: 24px;
		margin-left: 38px;
		margin-top: 20px;
	}

	.swiper-slide-active {
		-webkit-transform: scale(1);
		transform: scale(1);
		    margin-left: -90px;
	}

	.jj {
		font-size: 15px;
		font-weight: 600;
		text-align: justify;
		margin-left: 35px;
	}

	.jjs {
		font-size: 15px;
		font-weight: 600;
		text-align: justify;
		margin-left: 37px;
	}
}