/* 轮播图上 */
.swiper-con {
	width: 100%;
	height: 100%;
}



.swiper-containerr {
	width: 100%;
	height: 35vw;

}

.swiper-slide {
	text-align: center;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 轮播图下 */

body {
	overflow-x: hidden;
}

html {
	font-size=16px;
	padding: 0 0;
	height: 100%;
}

/* 首页轮播图样式 */

/* 首页轮播图样式 */
h1,
h2,
h3,
h4,
h5 {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

ul,
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pcc-imgcurr {
	transform: scale(1.05, 1.05);
}

.pcc-index-third-box {
	margin: 0;
	display: table;
	width: 100%;
}

.top-box {
	width: 100%;
	margin-bottom: 38px;
}

.pcc-index-third-box-top {
	margin-bottom: 30px;
	margin: 0;
	padding: 0;
}

.top-box h2 {
	margin: 0 auto;
	width: 100%;


	line-height: 30px;
	color: #66c5ff;
	text-align: center;
	font-weight: normal;
}

.top-box h2 span {
	color: #333333;
}

.top-box-c h2 {
	margin: 0 auto;
	width: 100%;
	margin-top: 15px;
	font-size: 30px;
	line-height: 30px;
	color: #66c5ff;
	text-align: center;
	font-weight: normal;
}

.top-box-c h4 {
	margin: 0 auto;
	width: 100%;
	margin-top: 15px;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}

.top-box-c h5 {
	margin: 0 auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 60px;
	font-size: 16px;
	line-height: 35px;
	color: #ddd;
	text-align: center;
	font-weight: 100;
}

.top-box-c h3 {
	margin: 0 auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 60px;
	font-size: 18px;
	line-height: 30px;
	color: #666;
	text-align: center;
	font-weight: 100;
}

.top-box h3 {
	margin: 0 auto;
	width: 100%;
	margin-top: 0px;
	font-size: 18px;
	line-height: 30px;
	color: #e26a22;
	text-align: center;
	font-weight: 100;
}

.top-box p {
	width: 600px;
	line-height: 25px;
	font-size: 12px;
	color: #999999;
	margin: 20px auto;
}

.customer {
	width: 1100px;
	margin: 0 auto;
}

iframe body {
	height: 35vw;
}

.customer h2 {
	font-size: 25px;
	font-weight: 600px;
	color: #000;
	line-height: 50px;
}

.customer p {
	font-size: 18px;
	color: #928c8c;
}

/*.pcc-index-third-box .top-box h2 span {*/
/*margin: 0 30px;*/
/*}*/

.pcc-index-fl {
	width: 25%;
	float: left;
}

.pcc-index-fl h4,
.pcc-index-fl p {
	width: 100%;
	/*white-space: nowrap !important;*/
	overflow: hidden !important;
	/*text-overflow: ellipsis !important;*/
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: -moz-pre-space !important;
}

.pcc-style1-box {
	overflow: hidden;
	width: 100%;
	background: #F0F0F0;
	position: relative;
}

.pcc-style1-box a .img {
	width: 50%;
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
}

.pcc-style1-box a .img img {
	width: 100%;
	vertical-align: middle;

}

.pcc-arrow {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 50%;
	height: 20px;
}

.pcc-style1-box .pcc-arrow i {
	display: block;
	float: right;
	width: 10px;
	height: 20px;
	background: url(../image/arrow2.png) no-repeat;
}

.pcc-arrow i {
	background: url(../image/arrow1.png);
}

.pcc-mask {
	display: block;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #66C5FF;
	transition: all .3s ease-in-out 0s;
}

.pcc-style1-box .txt {
	opacity: 0;
	margin-top: -13px;
	top: 50%;
	left: 0;
	width: 50%;
	transition: all .3s ease-in-out 0s;
	display: block;
	position: absolute;
}

.pcc-style1-box .txt p {
	margin: 0 auto;
	width: 82.7%;
	font-size: 14px;
	line-height: 25px;
	color: #FFF;
	text-align: center;
}

.pcc-style1-box h3 {
	top: 23.7%;
	left: auto;
	right: 0;
	width: 50%;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-weight: normal;
}

.pcc-style1-box .hot {
	opacity: 0;
	display: block;
	position: absolute;
	bottom: 8px;
	right: 20px;
	padding-left: 30px;
	height: 18px;
	background: url(../image/hot.png) no-repeat 0 center;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	transition: all .3s ease-in-out 0s;
}

.pcc-style2-box .hot {
	opacity: 0;
	display: block;
	position: absolute;
	bottom: 8px;
	right: 20px;
	padding-left: 30px;
	height: 18px;
	background: url(../image/hot.png) no-repeat 0 center;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	transition: all .3s ease-in-out 0s;
}

.pcc-style1-box h4 {
	position: absolute;
	top: 40%;
	left: auto;
	right: 0;
	width: 50%;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.pcc-style2-box {
	overflow: hidden;
	background: #F0F0F0;
	position: relative;
	width: 100%;
	display: table;
}

.pcc-style2-box a .img {
	width: 50%;
	float: right;
	overflow: hidden;
	transition: all .3s ease-in-out 0s;

}

.pcc-style2-box a .img img {
	display: block;
	width: 100%;
	vertical-align: middle;
}

.pcc-style2-box .arrow {
	position: absolute;
	display: block;
	left: auto;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 50%;
	height: 20px;
}

.pcc-style2-box .arrow i {
	float: none;
	display: block;
	width: 10px;
	height: 20px;
	background: url(../image/arrow1.png) no-repeat;
}

.pcc-style2-box h4 {
	position: absolute;
	left: 0;
	font-weight: bold;
	text-align: center;
	top: 39%;
	width: 50%;
	font-size: 18px;
	line-height: 28px;
	color: #333;
}

.pcc-style2-box .txt {
	opacity: 0;
	margin-top: -13px;
	top: 50%;
	left: 50%;
	width: 50%;
	transition: all .3s ease-in-out 0s;
	display: block;
	position: absolute;
	color: white;
}

.pcc-style2-box .txt p {
	text-align: center;
}

.sliphover-overlay {
	font-size: 10px;
}

.pcc-style3-box {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.pcc-style3-box h3,
.pcc-style3-box p {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
	white-space: -moz-pre-space !important;
}

.pcc-style3-box a .img {
	width: 100%;
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
}

.pcc-style3-box a .img img {
	display: block;
	width: 100%;
	vertical-align: middle;
}

.pcc-style3-box a h3 {
	transition: all .3s ease-in-out 0s;
	opacity: 0;
	position: absolute;
	top: 34.2%;
	left: 0;
	width: 96%;
	padding: 2%;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	color: white;
}

.pcc-style3-box .txt {
	opacity: 0;
	display: block;
	position: absolute;
	top: 48.7%;
	left: auto;
	width: 96%;
	transition: all .3s ease-in-out 0s;
	color: white;
	padding: 0 2%;
	text-align: center;
	margin-top: 8%;
}

.pcc-style3-box .txt p {
	text-align: center;
	font-size: 16px;
}

.pcc-style3-box .hot {
	opacity: 0;
	transition: all .3s ease-in-out 0s;
	display: block;
	position: absolute;
	bottom: 8px;
	right: 20px;
	padding-left: 30px;
	height: 18px;
	background: url(../image/hot.png) no-repeat 0 center;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
}

/* .pcc-index-forth-box {
	margin: 60px 5px 0;
	box-sizing: border-box;
}
 */
.pcc-subnav {
	width: 100%;
	background: #FFF;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	box-shadow: 0 0 3px #F7F7F7;
	clear: both;
	display: table;
}

.pcc-subnav a {
	margin: 0 16px 0 40px;
	font-size: 14px;
	line-height: 40px;
	color: #999999;
	display: inline-block;
}

.pcc-subnav a:hover {
	color: #66C5FF !important;
}

.pcc-index-forth-box ul {
	width: 100%;
	margin: 20px auto 0;
	display: table;
}

/* 案例分类 */
.classification {
	width: 100%;
	text-align: right;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
	/* 60 */
}





.classification span {
	display: inline-block;
	line-height: 2%;

}

/* .classification span:hover {
	color: #66c5ff;
} */




/* 图片布局位置 */



#yyj {
	width: 100%;
	padding: 0 0 0 0.6%;
}

#yyj .yyj_case1 {
	width: 100%;
	display: flex;
	/* align-items: center; */
	flex-warp: warp;
}

#yyj .yyj_case1 li {
	/* text-align: center; */
	width: 100%;

}

#yyj .yyj_case1 li img {
	width: 100%;
	z-index: 4;
	position: relative;
}

#yyj .yyj_case1 li>div {
	cursor: pointer;
}

#yyj .yyj_case1 li div {
	/* 调整间距 */
	margin: 0 0.03%;
	width: 24.54167%;
	text-align: center;
	overflow: hidden;
	background-color: #66c5ff;
	display: inline-block;
	position: relative;
}

#yyj .yyj_case1 li div .model_Back {
	background-color: #66c5ff;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.7s;
}

.yi {
	display: block;
	position: absolute;
	top: -20vw;
	z-index: 6;
	left: 0;
	color: white;
	width: 100%;
	/* height: 24vw; */
	opacity: 1;
	transition: all 0.3s;
}

/* #yyj .yyj_case1 li div a {
	background-color: #66c5ff;
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	overflow: hidden;
} */

/* #yyj .yyj_case1 li div span {
	display: block;
} */

#yyj .yyj_case1 li div text {
	display: block;
	padding: 1vw 0;
	/* display: none; */
	font-weight: 600;
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* #yyj .yyj_case1 li img:hover {
	opacity: 0.3;
	z-index: 1;
	transition: .5s;
} */


.pcc-index-forth-box ul li {
	float: left;
	width: 25%;
	box-sizing: border-box;
}

.pcc-index-forth-box ul li .style {
	width: 100%;
	position: relative;
	background: #FFF;
	z-index: 10;
	display: table;
	/* overflow: hidden; */
}

.pcc-index-forth-box ul li:nth-child(1) .x:nth-child(2) .style1,
.pcc-index-forth-box ul li:nth-child(1) .x:nth-child(3) .style1,
.pcc-index-forth-box ul li:nth-child(2) .x:nth-child(1) .style1,
.pcc-index-forth-box ul li:nth-child(2) .x:nth-child(2) .style1,
.pcc-index-forth-box ul li:nth-child(3) .x:nth-child(1) .style1,
.pcc-index-forth-box ul li:nth-child(3) .x:nth-child(2) .style1 {
	width: 50%;
	float: left;
}



.pcc-index-forth-box ul li .style .mask {
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li .style1 .img {
	width: 100%;
	overflow: hidden;
}

.pcc-index-forth-box ul li .img {
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
}

.pcc-index-forth-box ul li img {
	opacity: 1;
	transition: all .3s ease-in-out 0s;
	display: block;
	width: 100%;
	vertical-align: middle;
}

.pcc-index-forth-box .style1 .mask {
	top: 0;
	left: 0;
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li .mask {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #66C5FF;
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li .style1 h4 {
	opacity: 0;
	top: 35%;
	left: 0;
	color: #FFF;
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li h4 {
	display: block;
	position: absolute;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	color: #333;
}

.pcc-index-forth-box ul li.style1 .txt {
	opacity: 0;
	/*top: 44%;*/
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li .txt {
	display: block;
	position: absolute;
	width: 50%;
}

.pcc-index-forth-box ul li .hot {
	display: block;
	position: absolute;
	bottom: 8px;
	right: 20px;
	padding-left: 30px;
	height: 18px;
	/*background: url(../i/hot.png) no-repeat 0 center;*/
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
}

.pcc-index-forth-box ul li .style2 .img {
	width: 50%;
	float: right;
	overflow: hidden;
}

.pcc-index-forth-box ul li .img {
	overflow: hidden;
}

.pcc-index-forth-box ul li .style2 .mask {
	top: 0;
	left: 0;
	height: 100%;
	display: block;
	position: absolute;
	width: 100%;
	background: #66C5FF;
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li .style2 h3 {
	margin-top: -15px;
	top: 50%;
	left: 0;
	width: 50%;
	opacity: 1;
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li h4 {
	opacity: 0;
	display: block;
	position: absolute;
	width: 92%;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	color: #333;
	transition: all .3s ease-in-out 0s;
	padding: 0 4%;
}

.pcc-index-forth-box ul li h3 {
	opacity: 0;
	display: block;
	position: absolute;
	width: 92%;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	color: #333;
	transition: all .3s ease-in-out 0s;
	/*padding: 4%;*/
}

.pcc-index-forth-box ul li .style2 .txt {
	margin-top: -14px;
	top: 50% !important;
	right: 0;
	opacity: 0;
	width: 50% !important;
}

.pcc-index-forth-box ul li .style1 .txt {
	top: 52%;
	opacity: 0;
}

.pcc-index-forth-box ul li .txt {

	transition: all .3s ease-in-out 0s;
	display: block;
	position: absolute;
	width: 100%;
}

.pcc-index-forth-box ul li .txt p {
	margin: 0 auto;
	width: 80%;
	font-size: 16px;
	line-height: 25px;
	color: #FFF;
	text-align: center;
}

.pcc-index-forth-box ul li .hot {
	display: block;
	opacity: 0;
	position: absolute;
	bottom: 8px;
	right: 20px;
	padding-left: 30px;
	height: 18px;
	background: url(../image/hot.png) no-repeat 0 center;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	transition: all .3s ease-in-out 0s;
}

.pcc-index-forth-box ul li .style2 .txt {
	margin-top: -14px;
	top: 50%;
	right: 0;
	opacity: 0;
}

.style1 h4,
.style2 h3,
.txt p {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	white-space: -moz-pre-space !important;
}

.pcc-index-more {
	display: block;
	margin: 20px auto 0;
	width: 136px;
	height: 36px;
	border: 2px solid #999999;
	border-radius: 6px;
	font-size: 18px;
	line-height: 36px;
	color: #999999;
	text-align: center;
	clear: both;
}

.pcc-index-more:hover {
	border-color: #66C5FF;
	color: #66C5FF;
}

.index-box-about {
	width: 100%;
	margin: 0 auto;
	margin-top: -35px;
}

.about-text {
	/* height: 630px; */
	/* margin-bottom: 130px; */
	margin-top: 2vw;
	width: 75%;
	display: block;
	line-height: 29px;
	text-indent: 2em;
	padding: 30px 30px 0px 25px;
	line-height: 29px;
	margin: 0 auto;
	/* float: right; */
	font-size: 16px;
	/* background: url(../images/about-bg.png) no-repeat; */
	background-size: 100% 100%;
}

.title_yyj {
	width: 30%;
	height: 10vw;
	display: block;
	margin-left: 4vw;
}

.title_yyj img {
	width: 100%;
	height: 100%;
}

.about-text p {
	font-size: 16px;
	line-height: 29px;
	text-indent: 2em;
}

.about-text div {
	display: block;
	font-size: 16px;
	line-height: 29px;
	text-indent: 2em;
}

.about-text span {
	display: block;
	font-size: 16px;
	line-height: 29px;
	text-indent: 2em;
}

.about-img {
	width: 100%;
	padding: 0 0px;
	box-sizing: border-box;
	float: right;
	margin-bottom: 2vw;
}

.about-img img {
	width: 100%;
	height: 40vw;
	margin-top: 56px;
}

.swiper-con img {
	width: 100%;
	height: 100%;
}

.mobBnt {
	display: none;
}

.submit_mob {
	display: none;
}

.products-subnav .span strong {
	display: none;
}


/* .nav-position-fixed {
	position: fixed;
	top: 0px;
} */


/*定义css变量*/
:root {
	--mywidth: 100vw;
	--myheight: 40vw;
}

* {
	margin: 0;
	padding: 0;
}



ul {
	list-style: none;
}



body {
	overflow-x: hidden;
}







#out img {
	margin: 0 auto;
	width: 250px;
	height: 200px;
	padding: 0 5px;
	-webkit-user-drag: none;
}

#out #conSpan img {
	width: 21px;
	height: 36px;
}

#out #conSpan .left_y {
	position: absolute;
	left: -40px;
}

#out #conSpan .right_y {
	position: absolute;
	right: -40px;
}

#out #nav {
	white-space: nowrap;
	/* 不换行 */
	width: 5200px;
	height: 230px;
}


#out {
	margin: 0 auto;
	/* width: 70%; */
	width: 1300px;
	height: 230px;
	position: relative;
}

#out #play {
	height: 230px;
	overflow: hidden;
	width: 100%;
	position: relative;
	/* overflow-x: scroll; */
}



#out a {
	float: left;
	display: inline-block;
}

#out #conSpan {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 40%;
}



/*分辨率高于1200，采用下面的样式*/
@media screen and (min-device-width: 1200px) {
	#out #conSpan img {
		width: 30px;
		height: 36px;
	}


}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 260px;
		height: 230px;
		position: relative;
	}

	.navminn .flip {
		width: 100%;
		display: inline-block;
		line-height: 40px;
		/* padding-top: 13px; */
	}
}

@media only screen and (max-width: 980px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 260px;
		height: 230px;
		position: relative;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 260px;
		height: 230px;
		position: relative;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 375px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 260px;
		height: 230px;
		position: relative;
	}

	.pcc-chao-head #qyuef img {
		width: 176px;
		/* height: 50px; */
	}
}

@media only screen and (max-width: 700px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 260px;
		height: 230px;
		position: relative;
	}

	.pcc-chao-head #qyuef img {
		width: 138px;
		/* height: 50px; */
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 680px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */

		width: 520px;
		height: 230px;
		position: relative;
	}


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 520px;
		height: 230px;
		position: relative;
	}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 780px;
		height: 230px;
		position: relative;
	}
	.tel{
		margin: 20px 11px 0 0;
	}
}

@media only screen and (max-width: 992px) {
	/* .pcc-chao-head #qyuef img {
		width: 176px;
		height: 50px;
	} */
	.tel{
		padding-top: 10px;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 1040px;
		height: 230px;
		position: relative;
	}
	.tel{
		margin: 20px 11px 0 0;
	}

}

@media only screen and (min-width: 1600px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 1300px;
		height: 230px;
		position: relative;
	}

}

@media only screen and (min-width: 1800px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 1300px;
		height: 230px;
		position: relative;
	}

}

@media only screen and (min-width: 1900px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 1300px;
		height: 230px;
		position: relative;
	}

}

@media only screen and (min-width: 2000px) {
	#out {
		margin: 0 auto;
		/* width: 70%; */
		width: 1560px;
		height: 230px;
		position: relative;
	}

}

/* html{
	 overflow:hidden;
	    
} */
/* html, body {
            height: 100%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
        body {
            position: relative;
        } */
.nbm {
	margin-top: 45px;
	font-size: 30px;
}

.vbn {
	width: 99%;
}

/* 当屏幕低于1500时,服务页面的hover效果不生效 */
/* @media (max-width:1500px){
	.c_fuwu .aa4:hover .c_fuwu1,
	.c_fuwu2,
	.c_fuwu3,
	.c_fuwu4,
	.c_fuwu5 {
		display: none !important;
	}
	.c_fuwu .aa1:hover .c_fuwu1 {
		display: none;
		margin: 0 auto;
	}
	
	.c_fuwu .aa2:hover .c_fuwu2 {
		display: none;
		margin: 0 auto;
	}
	
	.c_fuwu .aa3:hover .c_fuwu3 {
		display: none;
		margin: 0 auto;
	}
	
	.c_fuwu .aa4:hover .c_fuwu4 {
		display: none;
		margin: 0 auto;
	}
	
	.c_fuwu .aa5:hover .c_fuwu5 {
		display: none;
		margin: 0 auto;
	}
} */

@media (max-width:600px) {
	.swiper-containerry {
		margin-top: 94px;
	}

	.classification {
		font-size: 12px;
		width: 103%;
		display: flex;
		margin-bottom: 28px;
		/* overflow-x: hidden; */

	}

	.guanyu1 {
		height: 96px ! important;
		margin-top: 150px;
	}

	.hhh1 {
		margin-top: -100px;
	}

	/* 两个小问题 */
	body {
		overflow-x: hidden;
	}

	.pcc-index-forth-box {
		margin: 40px 0px 0;
		box-sizing: border-box;
	}

	#caseShow {
		margin: 12px 5px 0 !important;
		box-sizing: border-box;
	}

	.about-text {
		/* height: 630px; */
		margin-top: 2vw;
		width: 75%;
		display: block;
		/* line-height: 15px; */
		text-indent: 2em;
		/* padding: 30px 30px 0px 25px; */
		margin: 0 auto;
		/* float: right; */
		/* background: url(../images/left.jpg) no-repeat; */
		background-size: 100% 100%;
	}

	.phone_c {
		margin-top: -70px;
		margin-bottom: 30px;
	}


	.swiper-button-next {
		position: absolute;
		top: 50%;
		display: none;
	}

	.swiper-button-prev {
		position: absolute;
		top: 50%;
		display: none;
	}

	/* 两个小问题 */



	.vbn {
		width: 95%;
	}

	/* .goio{
		overflow-x: hidden;
	} */
	.top-box {
		margin-bottom: 0px;
	}

	#yyj .yyj_case1 li div {
		/* 调整间距 */

		width: 48.74167%;

	}

	.nbm {
		margin-top: 20px;
		font-size: 24px;
	}

	/* .classification a{
		transform: scale(0.5)
	} */
	.goio {
		width: 94.3% !important;
	}

	. .navminn .flipn a {

		font-size: 12px !important;
	}

	/* .pcc-chao-head #qyuef img {
		height: 50px;
		width: 64%;
	} */

	.tel img {
		width: 75%;
	}

	/* 这个是服务页面hover的功能区域设置 起始区域位置*/
	/* .c_fuwu .aa4:hover .c_fuwu1,
	.c_fuwu2,
	.c_fuwu3,
	.c_fuwu4,
	.c_fuwu5 {
		display: none !important;
	}

	.c_fuwu .aa1:hover .c_fuwu1 {
		display: none;
		margin: 0 auto;
	}

	.c_fuwu .aa2:hover .c_fuwu2 {
		display: none;
		margin: 0 auto;
	}

	.c_fuwu .aa3:hover .c_fuwu3 {
		display: none;
		margin: 0 auto;
	}

	.c_fuwu .aa4:hover .c_fuwu4 {
		display: none;
		margin: 0 auto;
	}

	.c_fuwu .aa5:hover .c_fuwu5 {
		display: block !important;
		margin: 0 auto;
	} */

	/* 合作用户商标的左右箭头 */
	.newlistdiv .btnLeft {
		width: 40px;
		height: 23px;
		position: absolute;
		left: -15px;
		top: 50px;
		background-image: url(../image/partners-arrow.png);
		background-repeat: no-repeat;
		background-position: 10px -47.5px;
		background-size: 22px;
	}

	.newlistdiv .btnLeft:hover {
		width: 40px;
		height: 23px;
		position: absolute;
		left: -16px;
		top: 50px;
		background-image: url("../image/partners-arrow.png");
		background-repeat: no-repeat;
		background-position: 10px -8px;
	}

	.newlistdiv .btnRight {
		width: 40px;
		height: 23px;
		position: absolute;
		right: 8px;
		top: 50px;
		background-image: url("../image/partners-arrow.png");
		background-repeat: no-repeat;
		background-position: 10px -114px;
	}

	.newlistdiv .btnRight:hover {
		width: 40px;
		height: 23px;
		position: absolute;
		right: 8px;
		top: 50px;
		background-image: url("../image/partners-arrow.png");
		background-repeat: no-repeat;
		background-position: 10px -78px;
	}

	/* 案例详情的底部轮播图片大小 */
	.newlist .newtextall ul li {
		height: 60px;
	}

	.newlist .newtextall ul {
		height: 121px;
	}

	/* 服务页面的hover样式 */
	.InOut1 {
		display: none;
		font-size: 10px !important;
		line-height: 15px;
		width: 92vw !important;
		height: 295px !important;
		margin: 0 auto;
	}

	.InOut2 {
		display: none;
		font-size: 10px !important;
		line-height: 15px;
		width: 92vw !important;
		height: 295px !important;
	}

	.InOut3 {
		display: none;
		font-size: 10px !important;
		line-height: 15px;
		width: 92vw !important;
		height: 295px !important;
	}

	.InOut4 {
		display: none;
		font-size: 10px !important;
		line-height: 15px;
		width: 92vw !important;
		height: 295px !important;
	}

	.InOut5 {
		display: none;
		font-size: 10px !important;
		line-height: 15px;
		width: 92vw !important;
		height: 295px !important;
	}

}




.goio {
	width: 100.3%;
}

/* 头部修改样式 */
.navminn {
	flex-direction: row-reverse;
	display: flex;
	flex-wrap: wrap;
	height: 40px;
	line-height: 40px;
	width: 78%;
}

.navminn .flipn {
	width: 5vw;
	display: inline-block;
}

.navminn .flipn a {
	color: #FFFFFF;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 17px;
	border-left: 1px solid #FFFFFF;
}

.navmin ul {}

.titleArea {
	letter-spacing: 34px;
	font-weight: bold;
	position: relative;
	right: -17px;
}






/* 服务页面的hover样式 */
.InOut1 {
	display: none;
	font-size: 18px;
	line-height: 40px;
}

.InOut2 {
	display: none;
	font-size: 18px;
	line-height: 40px;
}

.InOut3 {
	display: none;
	font-size: 18px;
	line-height: 40px;
}

.InOut4 {
	display: none;
	font-size: 18px;
	line-height: 40px;
}

.InOut5 {
	display: none;
	font-size: 18px;
	line-height: 40px;
}


/* 首页合作商标 */