.Service{overflow: hidden;}
.Service .box,.Service .top_describe{
	width: 100%;
	margin: 0 auto;
}
.Service .top_img {
	margin-bottom: 0;
	background-image: url('/Public/images/shape-divider.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}
.Service .top_img img{
	position: relative;
	z-index: -1;
}
.Service .top_img .text{
	position: absolute;
	width:1200px;
	text-align: center;
	bottom:  52%;
	margin: 0 auto;
	left: 18%;
}
.Service .top_img .text h2{
	font-size: 30px;
	line-height:50px;
	text-align: left;
	color: #fff;
}
.Service .top_describe{
	margin-top: 90px;
	margin-bottom:70px;
}
.Service .top_describe ul{
	width: 60%;
	margin: 0 auto;
}
.Service .top_describe li{
	width:45%;
	display: inline-block;
	margin:0 auto;
	margin-left: -4.5px;
	font-size: 16px;
	line-height: 28px;
	vertical-align: top;

}
.Service .top_describe li:nth-child(1){
	margin-left: 0;
	margin-right:10%;
}

.Service .top_describe .title{
	width: 100%;
	margin-right: 0;
	padding-left: 10%;
	margin-bottom: 20px;
}

.Service h2.ser_title{
	font-size: 30px;
	line-height: 50px;
	position: relative;
	margin-bottom: 10px;
	display: inline-block;
}
.Service h2.ser_title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -3px;
	height: 3px;
	width: 2em;
	background-color: #0079d1;
}
.Service h2.ser_title1{
	font-size: 40px;
	line-height: 60px;
}
.Service .top_describe  h2 span{color: #ffb828;}

.Service .service_content {
	background-color: #fff;	
	margin: 0 auto;
	vertical-align: top;
	padding:70px 0;
	text-align: center;
}

.Service .service_content .img_box{
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
    padding-right: 4%;    
}
.Service .service_content .img_box:nth-child(2){
	padding-right: 0;
	padding-left: 5%;
}
.Service .service_content img{	
    transition: all 1s;   
}
.Service .service_content .img_box:hover img {
	transform: scale(1.1); 
}
.Service .knowledge {
	width: 100%;
	background-size: 100% 100%;
	background-attachment: fixed;
}
.Service .knowledge .text{
	width:900px;
	margin: 0 auto;
	color: #fff;
	vertical-align: middle;
	padding: 60px 0;
	font-size: 16px;
    line-height: 28px;
}
.Service .knowledge .text h2{
	color: #fff;
}
.Service .service_content2 img{
	margin-right: 0;
	margin-left: 3%;
}

.Service .service_content .describe{
	display: inline-block;
	margin-left: -5px;
	box-sizing: border-box;
	padding: 30px;
	width: 50%;
	vertical-align: middle;
	text-align: left;
	font-size: 16px;
    line-height: 28px;
}
.Service .service_content2 .describe .describe_content{
	float: right;
}
.Service .service_content .describe a{
	display: inline-block;
	text-align: center;
	position: relative;
	line-height: 30px;
	width: 140px;
	border: 1px solid  #ffb828;
	border-radius: 3px;
	color: #ffb828;
	z-index: 1;
	margin-top: 20px;
}
.Service .service_content .describe a:before{
	position: absolute;
	width: 0px;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background-color: #0079d1;
	z-index: -1;
	transition: all 1s;
}
.Service .service_content .describe a:hover::before{
	width: 100%;
}

.Service .service_content .describe p{
	line-height: 30px;
}



.Service .carousel-inner{
	width: 95%;
	margin: 0 auto;
}

.Service .carousel-control{
	width: 2%;
	font-size: 85px;
	background-image: unset;
    color: #ff7600;
    padding-top: 2.5%;
}



/*服务于支持 二级页面*/
.ProductsAndServices .top_img h2{
	position: absolute;
    top: 40%;
    left: 10%;
    width: 80%;
    text-align: left;
    margin: 0 auto;
    color: #fff;
}
.ProductsAndServices .title{
	line-height: 80px;
	margin-bottom: 0.5em;
}

.ProductsAndServices .explain,
.ProductsAndServices .list,
.ProductsAndServices .case_title,
.ProductsAndServices .case_ul,
.ProductsAndServices .read_more{
	width: 1270px;
	margin: 0 auto;
}

.ProductsAndServices .list{
	margin-bottom: 80px;
}
.ProductsAndServices .explain .left{
	display: inline-block;
	width: 46.5%;
	margin-right: 7%;
	font-size: 17px;
	line-height: 30px;
	vertical-align: middle;
}
.ProductsAndServices .explain .right{
	display: inline-block;
	width: 46.5%;
	margin-left: -4.5px;
	overflow: hidden;
	vertical-align: middle;
}
.ProductsAndServices .explain .right img{transition: all 1s;}
.ProductsAndServices .explain .right:hover img{transform: scale(1.1);}
.ProductsAndServices .list ul li{
	width: 33%;
	display: inline-block;
	margin-right: 0.5%;
	margin-bottom: 5px;
	position: relative;
	height: 270px;
	overflow: hidden;
}
.ProductsAndServices .list li:nth-child(n+7){display: none;}
.ProductsAndServices .list ul li:nth-child(3n){
	margin-right: 0;
}
.ProductsAndServices .list ul li img{
	transition: all 1s;
	height: 100%;
}
.ProductsAndServices .list ul li h2{
    position: absolute;
    vertical-align: middle;
    margin: auto 0;
    height: 100%;
    font-weight: 600;
    display: inline-block;
    font-size: 27px;
    text-align: center;
    top: 15px;
    left: 15px;
    color: #ffb828;
    transition: all 1.2s;
    z-index: 99;
}

.ProductsAndServices .list ul li .txt_box{
	background: rgba(239,255,9,0.3);
    position: absolute;
    text-align: left;
    vertical-align: middle;
    margin: auto 0;
    height: 100%;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    line-height: 30px;
    left: 0;
  	cursor: pointer;
  	transition: all 1.5s;
    padding: 20px;
    opacity: 0;
    top: 0;
    z-index: 99;
}

.ProductsAndServices .list ul li .txt_box .txt{
	position: absolute;
	transition: all 1.5s;
	color: #0079d1;
	top:150%;
}


.ProductsAndServices .list ul li:hover .txt_box .txt{
	position: relative;
  	top:50%;
  	transform:translateY(-50%);
}
.ProductsAndServices .list ul li:hover h2{
	top: 20%;
	color: #0079d1;	
	width: 100%;
	text-align: center;
}


.ProductsAndServices .list ul li .txt_box a{
	position: absolute;
	right: 40px;
	bottom: 50px;
	color: #0079d1;
}
.ProductsAndServices .list ul li .txt_box a:hover{
	color: #ffb828;
}

/*服务案例*/
.ProductsAndServices .case_title{
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 50px;
}
.ProductsAndServices .case_title h1{
	color: #ffb828;
	line-height: 75px;
}
.ProductsAndServices .case_title h2{
	font-size: 23px;
	line-height: 40px;
	font-weight: 500;
}
.ProductsAndServices .case_left_box{
	display: inline-block;
	margin-right: 60px;
    width: 555px;
} 
.ProductsAndServices .case_right_box{
	display: inline-block;
	// margin-left: -4.3px;
	float: right;
	width: 555px;
}

.ProductsAndServices .case_box{
	width: 100%;
	background-color: rgba(240,240,240);
	padding:70px 0;
}
.ProductsAndServices .case_box .case_list{
	display: inline-block;
	margin-right: 50px;
    width: 560px;
	vertical-align: top;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
}
.ProductsAndServices .case_box .case_list:nth-child(2n){
	margin-left: -4.3px;
	margin-right: 0;
}
.ProductsAndServices .case_box .case_list h2{
	position: absolute;
	left: 20px;
	top: 20px;
	color: #007ad1;
	background-color: #fff;
	padding: 7px 15px;
}
.ProductsAndServices .case_box .case_list img{transition: all 1s;}
.ProductsAndServices .case_box .case_list:hover img{transform: scale(1.07);}
.ProductsAndServices .read_more{
	padding: 60px 0;
}
.ProductsAndServices .read_more h2{
	line-height: 60px;
	font-weight: 600;
	margin-bottom: 30px;
}
.ProductsAndServices .read_more li{
	width: 440px;
	display: inline-block;
	margin-right: 20px;
	// background-color: rgba(232,245,251);
	/*overflow: hidden;*/
}
.ProductsAndServices .read_more li:hover{	
// background-color: #007ad1;
}
.ProductsAndServices .read_more li a> div{overflow: hidden;}
.ProductsAndServices .read_more li img{
	width: 100%;
	transition: all 1s;
	height:300px;
	overflow: hidden;
}
.ProductsAndServices .read_more li:hover img{
	transform: scale(1.06);
}
.ProductsAndServices .read_more li .bottom_txt{
	box-shadow: 5px 5px 10px #ccc;
	width: 100%;
	display: inline-block;
	padding: 30px 30px;
	box-sizing: border-box;
}
/*服务于支持 三级页面*/
.ProductsAndServices_details img{width: auto;}
.ProductsAndServices_details .top_img_null{
	height: 250px;
}
.ProductsAndServices_details .list,
.ProductsAndServices_details .top_explain{
	width: 1500px;
	margin: 0 auto;
}
.ProductsAndServices_details .left_words{
	width: 67%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4%;
}
.ProductsAndServices_details .left_words h2{
	line-height: 70px;
	margin-bottom: 30px;
}
.ProductsAndServices_details .left_words h2 img{
	width: 60px;
	margin-top: -18px;
	margin-right: 8px;
}
.ProductsAndServices_details .left_words>div{
	font-size: 15px;
	line-height: 28px;
}
.ProductsAndServices_details .left_words>div p{
	margin-top: 10px;
}
.ProductsAndServices_details .right_help{
	background-color:rgba(220,224,225);
	padding: 30px;
	width: 29%;	
	display: inline-block;
	margin-left: -4.5px;
	vertical-align: middle;
}
.ProductsAndServices_details .right_help h2{
	line-height: 50px;
	font-weight: 500;
	margin-bottom: 30px;
}
.ProductsAndServices_details .right_help p{
	line-height: 28px;
	font-size: 16px;
}
.ProductsAndServices_details .right_help a{
	background-color: #007ad1;
	position: relative;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	width: 130px;
	text-align: center;
	line-height: 34px;
	margin-top: 25px;
	z-index: 1;
	border-right: 3px;
}
.ProductsAndServices_details .right_help a:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 0px;
	background-color: #ffb828;
	z-index: -1;
	transition: all 1s;
	border-right: 3px;
}
.ProductsAndServices_details .right_help a:hover::before{
	width: 100%;
}
.ProductsAndServices_details .list li{
	position: relative;
	background-color: #dce0e1;
	
	border-bottom: 1px solid #fff;
	overflow: hidden;
	transition: all 2s;
}

.ProductsAndServices_details .list .plus{
	position: relative;
}
.ProductsAndServices_details .list .plus h3{
	display: inline-block;
	padding:12px  30px;
	font-size: 22px;
}
.ProductsAndServices_details .list .plus span{
	position: absolute;
	right: 10px;
	width: 32px;
	line-height: 32px;
	border-radius: 30px;
	background-color: #0079d1;
	color: #fff;
	text-align: center;
	font-size: 25px;
	transition: all 0.3s;
	top: 8px;
}
.ProductsAndServices_details .list .plus span.bgc,
.ProductsAndServices_details .list .plus span:hover{
	background-color: #ffb828;
}
.ProductsAndServices_details .list .info{
	display: none;
	background-color: #fff;
	padding:12px  30px;
	width: 100%;
}
.ProductsAndServices_details .list .info.info_show{
	/*position: absolute;*/
	animation:example 1.8s 1;
}
.caseSecondLevel .explain .left h2,
.caseSecondLevel .story h2{
	font-weight: 600;
	line-height: 60px;
}
.caseSecondLevel .story{
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	padding: 70px 0;
}
.caseSecondLevel .swiper-container a div{
	overflow: hidden;
	position: relative;
}
.caseSecondLevel .swiper-container a img{
	transition: all 1s;
	height: 280px;
}
.caseSecondLevel .swiper-container a:hover img{
	transform: scale(1.06);
}
.caseSecondLevel .swiper-button-next,.caseSecondLevel .swiper-button-prev{
	background-color: #fff;
    border-radius: 30px;
    padding: 28px 29px;
}
.caseSecondLevel .swiper-container {
	margin-bottom: 120px;
}
.caseSecondLevel .swiper-container a h3{
	position: absolute;
	bottom: 35px;
	color: #fff;
	padding: 0 28.5px;
	line-height: 30px;
}

@keyframes example {
  0% {margin-left: -1000px;}
  100% {margin-left: 0px;}
}
@media(max-width: 1720px){
	.Service .top_img .text {left: 14%;}
	.Service .top_img .text h2{font-size: 28px;}
}
@media(max-width: 1560px){
	.Service .top_img .text {left: 12%;bottom: 47%;}
	.Service .top_img .text h2{font-size: 26px;line-height: 45px;}

	.ProductsAndServices .top_img h2{top: 45%; font-size: 28px;}
	.ProductsAndServices .explain, .ProductsAndServices .list{width: 95%;}
	.ProductsAndServices .title{font-size: 34px;line-height: 75px;}
	.Service h2.ser_title1{font-size: 38px;}
	.ProductsAndServices .list{margin-bottom: 50px;}

	/*三级*/
	.ProductsAndServices_details .list, .ProductsAndServices_details .top_explain{width: 1370px;}
	.ProductsAndServices .case_title h1{font-size: 34px;}
	.ProductsAndServices .case_box .case_list h2,.ProductsAndServices .read_more h2{font-size: 28px;}
	.caseSecondLevel .swiper-container a img{height: 260px;}
	.caseSecondLevel .swiper-container a h3{padding: 0 18px;bottom: 20px;font-size: 22px;}

	.caseSecondLevel .explain .left h2, .caseSecondLevel .story h2{font-size: 28px;}

}
@media(max-width: 1440px){
	.Service .top_img .text h2{font-size: 24px;line-height: 40px;}
	.ProductsAndServices .title{font-size: 32px;line-height: 70px;}

	.Service .top_describe{padding: 70px 0;margin-bottom: 60px;}
	.Service .top_describe ul{width: 70%;}
	.Service .top_describe li{width: 47%;}
	.Service .top_describe li:nth-child(1){margin-right: 6%;}
	.Service h2.ser_title1{font-size: 36px;}
	.ProductsAndServices .list ul li .txt_box{font-size: 16px;line-height: 23px;}
	.ProductsAndServices .list ul li h2{font-size: 25px;}
	.ProductsAndServices .list ul li:hover h2{top: 20%;}
	.ProductsAndServices .list{margin-bottom: 40px;}

	/*三级*/
	.ProductsAndServices_details .list, .ProductsAndServices_details .top_explain{width: 1270px;}
	.ProductsAndServices_details .top_img_null{height: 200px;}
	.ProductsAndServices_details .left_words h2 img{ width: 50px;margin-right: 5px;}
	.ProductsAndServices_details .left_words h2{line-height: 60px;margin-bottom: 20px;}
	.ProductsAndServices_details .right_help h2{margin-bottom: 20px;line-height: 40px;font-size: 28px;}
	.ProductsAndServices_details .list .plus h3{font-size: 21px;}

	.caseSecondLevel .swiper-container a h3{padding: 0 15px;bottom: 15px;font-size: 20px;line-height: 25px;}
	.caseSecondLevel .swiper-button-next, .caseSecondLevel .swiper-button-prev{background-size: 20px 36px;
    padding: 24px 24px;}
    .caseSecondLevel .swiper-container a img{height: 240px;}

	.caseSecondLevel .explain .left h2, .caseSecondLevel .story h2{font-size: 26px;}

}
@media(max-width: 1330px){
	.Service .top_img .text {left: 10%;bottom:50%; width: 80%;}
	.Service .top_img .text h2{font-size: 22px;line-height: 37px;}
	.Service h2.ser_title{font-size: 28px;}
	.Service .service_content img{margin-right: 1%;}
	.Service .service_content .describe{width: 43%;}
	.Service .service_content2 img{margin-left: 1%;margin-right: 0;}
	.ProductsAndServices .explain .left span{font-size: 30px!important;}
	.ProductsAndServices .explain .left span strong{font-size: 16px;}

	.Service .top_describe{padding: 50px 0;margin-bottom: 50px;}
	.ProductsAndServices .top_img h2{top: 47%; font-size: 27px;}
	.ProductsAndServices .explain .left{width: 41%; margin-right: 3%;font-size: 16px;line-height: 27px;vertical-align: middle;}
	.ProductsAndServices .title{font-size: 30px;line-height: 65px;}
	.Service h2.ser_title1{font-size: 34px;}
	.ProductsAndServices .list{margin-bottom: 30px;}
	.ProductsAndServices .list ul li{height: 255px;}

	/*三级*/
	.ProductsAndServices_details .list, .ProductsAndServices_details .top_explain{width: 1050px;}
	.ProductsAndServices_details .top_img_null{height: 170px;}
	.ProductsAndServices_details .left_words h2 img{ width:45px;margin-right: 5px;}
	.ProductsAndServices_details .left_words h2{line-height: 60px;margin-bottom: 20px;font-size: 28px;}
	.ProductsAndServices_details .right_help{padding: 20px;}
	.ProductsAndServices_details .right_help h2{margin-bottom: 17px;line-height: 35px;font-size: 26px;}
	.ProductsAndServices_details .list .plus h3{font-size: 20px;}

	.ProductsAndServices .case_title h1{font-size: 32px;}
	.ProductsAndServices .case_box .case_list h2,.ProductsAndServices .read_more h2{font-size: 26px;}
	.ProductsAndServices .explain, .ProductsAndServices .list, .ProductsAndServices .case_title, 
	.ProductsAndServices .case_ul, .ProductsAndServices .read_more{width: 80%;}
	.ProductsAndServices .case_left_box,.ProductsAndServices .case_box .case_list{width: 49%;margin-right: 2%;}
	.ProductsAndServices .case_right_box{width: 49%;}
	.ProductsAndServices .case_title h2{font-size: 22px;}
	.ProductsAndServices .read_more li{width: 40%;}
	.ProductsAndServices .read_more li img{height: 270px;}
	.ProductsAndServices .read_more li .bottom_txt{padding: 20px;}
	.caseSecondLevel .swiper-container a h3{padding: 0 10px;bottom: 10px;font-size: 16px; line-height: 24px;}
	.caseSecondLevel .swiper-button-next, .caseSecondLevel .swiper-button-prev{background-size: 18px 32px;
    padding: 22px 22px;}    
    .caseSecondLevel .swiper-container a img{height: 230px;}

    .caseSecondLevel .explain .left h2, .caseSecondLevel .story h2{font-size: 24px;line-height: 44px;}
}
@media(max-width: 1100px){
	.Service .top_img .text h2{font-size: 20px;line-height: 32px;}

	.Service h2.ser_title{font-size: 26px;}
	.Service .service_content{padding:30px 0;}
	.Service .service_content .describe{padding: 15px 20px;}
	.Service .knowledge .text{width: 800px;}
	.Service .top_describe ul{width: 77%;}

	/*二级页面*/
	.ProductsAndServices .top_img h2{top: 48%; font-size: 25px;}
	.ProductsAndServices .explain .left{font-size: 15px;width: 42%;line-height: 24px;}
	.ProductsAndServices .title{font-size: 28px;line-height: 60px;}
	.Service h2.ser_title1{font-size: 32px; line-height:50px;}
	.ProductsAndServices .list ul li .txt_box{font-size: 15px;line-height: 20px;}
	.ProductsAndServices .list ul li h2{font-size: 23px;}
	.ProductsAndServices .list ul li:hover h2{top: 19%;}
	.ProductsAndServices .list ul li:hover .txt_box .txt{top: 55%;}
	.ProductsAndServices .list ul li .txt_box a{bottom: 30px;}
	.ProductsAndServices .explain .left span{font-size: 28px!important;}	
	.ProductsAndServices .list ul li{height: 220px;}

	/*三级*/
	.ProductsAndServices_details .list, .ProductsAndServices_details .top_explain{width: 95%;}

	.ProductsAndServices .case_title h1{font-size: 30px;}
	.ProductsAndServices .case_box .case_list h2,.ProductsAndServices .read_more h2{font-size: 24px;}
	.ProductsAndServices .read_more li img{height: 230px;}
	.ProductsAndServices .read_more h2{margin-bottom: 5px;}

	.caseSecondLevel .explain .left h2, .caseSecondLevel .story h2{line-height: 40px;}
}
@media(max-width: 970px){
	.ProductsAndServices ul li h2{font-size: 21px;}
	.ProductsAndServices ul li .txt_box{font-size: 14px;line-height: 17px;padding:10px; }
	.ProductsAndServices ul li .txt_box a{bottom: 20px;}
	.ProductsAndServices .explain .left span{font-size: 26px!important;}	
	.Service .service_content .describe a{width: 130px;}

	/*三级*/
	.ProductsAndServices_details .top_img_null{height: 140px;}	
	.ProductsAndServices .list ul li{height: 190px;}

	.ProductsAndServices_details .left_words{margin-right: 2%;}
	.ProductsAndServices_details .left_words>div{line-height: 25px;}
	.ProductsAndServices_details .left_words h2 img{width: 42px;}
	.ProductsAndServices_details .left_words h2{line-height: 50px;margin-bottom: 10px;font-size: 26px;}
	.ProductsAndServices_details .right_help{width: 31%;padding: 15px;}
	.ProductsAndServices_details .right_help h2{margin-bottom: 13px;line-height: 33px;font-size: 24px;}
	.ProductsAndServices_details .right_help p{font-size: 15px;line-height: 24px;}

	.ProductsAndServices .case_title h1{font-size: 28px;line-height: 60px;}
	.ProductsAndServices .case_box .case_list h2,.ProductsAndServices .read_more h2{font-size: 22px;}
	.ProductsAndServices .explain, .ProductsAndServices .list, .ProductsAndServices .case_title, .ProductsAndServices .case_ul, .ProductsAndServices .read_more{width: 90%;}
	.ProductsAndServices .case_title h2{font-size: 20px;line-height: 36px;}

	.caseSecondLevel .explain .left h2, .caseSecondLevel .story h2{font-size: 22px;}
}
@media(max-width: 900px){
	.Service h2.ser_title{font-size: 24px;line-height:40px;}
	.Service .service_content .describe p{font-size: 13px;line-height: 22px;}
	.Service .knowledge .text{width: 700px;}
	.Service .top_describe ul{width: 82%;}
	.ProductsAndServices .title{font-size: 26px;line-height: 55px;}
	.Service .top_describe{padding: 40px 0;margin-bottom: 40px;}
	.ProductsAndServices .list ul li h2{font-size: 20px;}
	.ProductsAndServices .list ul li:hover h2{top: 16%;}
	.ProductsAndServices .list ul li .txt_box{ padding: 5px;font-size: 13px;}
	.ProductsAndServices .list ul li:hover .txt_box .txt{top: 52%;}
	.ProductsAndServices .list ul li .txt_box a{right: 30px;}
	.ProductsAndServices .list{margin-bottom: 20px;}
	.ProductsAndServices .explain .left span{font-size: 26px!important;}
	.ProductsAndServices .list ul li{height: 175px;}

	.ProductsAndServices_details .left_words h2{font-size: 24px;}
	.ProductsAndServices_details .right_help h2{margin-bottom: 10px;line-height: 29px;font-size: 22px;}
	.ProductsAndServices_details .right_help a{line-height: 32px;width: 120px;font-size: 15px; margin-top: 17px;}
	.ProductsAndServices_details .list .plus h3{font-size: 18px;}


	.ProductsAndServices .case_title h1{font-size: 26px;line-height: 50px;}
	.ProductsAndServices .case_box .case_list h2,.ProductsAndServices .read_more h2{font-size: 20px;}
	.ProductsAndServices .case_title h2{font-size: 19px;line-height: 30px;}
	.ProductsAndServices .case_title{font-size: 15px;line-height: 22px;margin-bottom: 40px;}
	.ProductsAndServices .case_box .case_list:nth-child(3),.ProductsAndServices .case_box .case_list:nth-child(4){margin-bottom: 0;}
	.ProductsAndServices .read_more h2{line-height: 45px;}
	.ProductsAndServices .read_more li img{height: 200px;}

	.caseSecondLevel .swiper-container a img{height: 220px;}
	.caseSecondLevel .swiper-container a h3 { padding: 0 8px;bottom: 8px;font-size: 16px;line-height: 20px;}
	.caseSecondLevel .explain .left h2, .caseSecondLevel .story h2{font-size: 20px;}
}
@media(max-width: 768px){
	.Service .top_img .text {left: 2%; bottom: 55%; width: 96%;}
	.Service .top_img .text h2{font-size: 18px;line-height: 23px;}
	.Service .service_content{padding: 20px 0;}
	.Service .service_content .describe{padding: 10px;}
	.Service .knowledge .text{width: 550px;}
	.Service .top_describe ul{width: 86%;}	
	.Service .service_content .describe a{width: 120px;}

	.ProductsAndServices .top_img h2{top: 44%; font-size: 24px;}
	.ProductsAndServices .explain .left{width: 100%;margin-right: 0;}
	.ProductsAndServices .explain .right{width: 100%;margin-left: 0;}
	.Service .top_describe li{width: 100%;margin-right: 0;vertical-align: top;margin-bottom: 10px;line-height: 24px; font-size: 15px;margin-left: 0;}
	.Service .top_describe li:nth-child(2){margin-right: 0;}
	.Service h2.ser_title1{font-size: 30px; line-height: 45px;}
	.Service .knowledge .text{font-size: 15px;line-height: 24px;}	
	.ProductsAndServices .list ul li{height: 160px;width: 49.5%;margin-right: 1%;}
	.ProductsAndServices .list ul li:nth-child(3n){width: 49.5%;margin-right: 1%;}
	.ProductsAndServices .list ul li:nth-child(2n){margin-right: 0%;}
	.ProductsAndServices .title{font-size: 24px;line-height: 50px;}
	.Service .top_describe{padding: 30px;margin-bottom: 30px;}

	/*三级*/
	.ProductsAndServices_details .list, .ProductsAndServices_details .top_explain{width: 98%;}
	.ProductsAndServices_details .top_img_null{height: 50px;}
	.ProductsAndServices_details .right_help{display: none;}
	.ProductsAndServices_details .left_words{width: 100%;margin-right: 0;}
	.ProductsAndServices_details .left_words h2 img{width: 39px;}
	.ProductsAndServices_details .left_words h2{font-size: 22px;line-height: 35px;margin-bottom: 5px;}
	.ProductsAndServices_details .list .plus h3{font-size: 17px;}

	.ProductsAndServices .case_title h1{font-size: 24px;}
	.ProductsAndServices .case_box .case_list h2,.ProductsAndServices .read_more h2{font-size: 18px;}
	.ProductsAndServices .case_title h2{font-size: 18px;line-height: 29px;}
	.ProductsAndServices .read_more li img{height: 190px;}
	.caseSecondLevel .swiper-container a img{height: 200px;}
	.caseSecondLevel .explain .left h2, .caseSecondLevel .story h2{font-size: 18px;}
	.caseSecondLevel .story{padding: 45px 0;}
	.caseSecondLevel .swiper-container{margin-bottom: 40px;}
}
@media(max-width: 680px){
	.Service h2.ser_title{font-size: 22px;line-height: 40px;}
	.Service .top_describe,.Service .service_content img{width: 95%;}
	.Service .knowledge .text{width: 500px;}	
	.Service .top_describe ul{width: 92%;}
	.Service .service_content .describe{width: 80%;}
	.Service .service_content2 .describe .describe_content{width: 100%;float: unset; margin: 0 auto;margin-bottom: 20px;}
	.Service .service_content .img_box:nth-child(2){padding: 0;}
	.Service .service_content .img_box{width: 82%;}	
	.Service .service_content .describe a{width: 110px;}

	.ProductsAndServices .top_img h2{font-size: 22px;}
	.Service h2.ser_title1 {font-size: 28px; line-height: 40px;}
	.ProductsAndServices .title{font-size: 22px;line-height:45px;}
	.Service h2.ser_title1{font-size: 28px;}
	.Service .top_describe{padding: 25px;}
	.ProductsAndServices .list{margin-bottom: 10px;}

	/*三级*/
	.ProductsAndServices_details .top_img_null{height:40px;}

	.ProductsAndServices .case_title h1{font-size: 22px;}
	.ProductsAndServices .read_more li img{height: 155px;}
	.ProductsAndServices .case_title h2{font-size: 17px; line-height: 28px;}	
	.ProductsAndServices .case_box .case_list{margin-bottom: 30px;}
	.ProductsAndServices .case_box .case_list h2{left: 10px;top: 10px;}
	.ProductsAndServices .case_box{padding: 50px 0;}
	.ProductsAndServices .read_more{padding: 40px 0;}
	.ProductsAndServices .read_more li{margin-right: 10px;}
	.caseSecondLevel .swiper-container a h3{font-size: 16px;}
	.caseSecondLevel .swiper-button-next, .caseSecondLevel .swiper-button-prev{background-size: 15px 22px;
    padding: 17px 22px;}
}
@media(max-width: 570px){	
	.Service h2.ser_title{font-size: 20px;line-height: 35px;}
	.Service .knowledge .text{width: 90%;}
	.Service h2.ser_title1 {font-size: 26px; line-height: 35px;}
	.ProductsAndServices .explain .left span{font-size: 24px!important;}
	.Service .top_describe ul{width: 94%;}

	.ProductsAndServices .top_img h2{font-size: 21px;}
	.ProductsAndServices .title{font-size: 20px;line-height:40px;}
	.Service .top_describe{padding: 20px;}
	.ProductsAndServices .case_title{font-size: 14px;line-height: 20px;margin-bottom: 30px;}
	.ProductsAndServices .case_title h1{line-height: 40px;}
}
@media(max-width: 540px){
	.Service .top_img .text {left: 5%; bottom: 58%; width: 90%;}
	.Service .knowledge .text{width: 95%;}	
	.Service .top_describe ul{width: 96%;}	
	.Service .service_content .describe a{width: 100px;}

	.ProductsAndServices .top_img h2{font-size: 20px;}
	.ProductsAndServices .explain .left{font-size: 14px;}
	.ProductsAndServices .title{font-size: 20px;line-height:40px;}
	.Service .top_describe{padding: 15px;}

	.ProductsAndServices .list ul li h2{font-size: 18px;}
	.ProductsAndServices .list ul li:hover h2{top: 14%;}
	.ProductsAndServices .list ul li .txt_box{font-size: 12px;}
	.ProductsAndServices .list ul li .txt_box a{right: 15px;bottom: 15px;}

	/*三级*/
	.ProductsAndServices_details .top_img_null{height:30px;}
	.ProductsAndServices .read_more li img{height: 140px;}
	.ProductsAndServices .read_more li .bottom_txt{padding: 10px;}
	.ProductsAndServices .explain, .ProductsAndServices .list, .ProductsAndServices .case_title, .ProductsAndServices .case_ul, .ProductsAndServices .read_more{width: 95%;}
	.ProductsAndServices .read_more li{width: 46%;margin-right: 3%;}
	.ProductsAndServices .case_box .case_list h2, .ProductsAndServices .read_more h2{font-size: 16px;}
	.ProductsAndServices .case_box .case_list{margin-bottom: 20px;}
	.ProductsAndServices .case_box,.ProductsAndServices .read_more{padding: 35px 0;}
	.ProductsAndServices .case_title h1{font-size: 20px;line-height: 30px;}
	.ProductsAndServices .case_title h2{font-size: 16px; line-height: 26px;}
	.caseSecondLevel .swiper-container a img{height: 190px;}
}
@media(max-width: 460px){
	.Service .top_describe li:nth-child(2){margin-left: 0;}
	.Service .top_describe,.Service .service_content img,.Service .service_content .describe{width: 98%;}
	.Service .knowledge .text{width: 98%;}
	.Service h2.ser_title1 {font-size: 24px; line-height: 30px;}
	.Service .top_describe ul{width: 98%;}
	.Service .service_content .img_box{width: 95%;}
	.Service .service_content .describe a{width: 90px;line-height: 26px;font-size: 15px;}

	.ProductsAndServices .title{font-size: 18px;line-height:40px;}
	.Service .top_describe{padding: 10px;}
	.Service .knowledge .text,.Service .top_describe li{font-size: 14px;line-height: 20px;}
	.ProductsAndServices .list ul li:hover .txt_box .txt{top: 57%;}
	.ProductsAndServices .list ul li .txt_box{line-height: 14px;}
	.ProductsAndServices .list ul li .txt_box a{right: 10px;bottom: 8px;}

	/*三级*/
	.ProductsAndServices_details .top_img_null{height:20px;}
	.ProductsAndServices .read_more li img{height: 125px;}
	.ProductsAndServices .read_more li .bottom_txt{padding: 5px;}
	.ProductsAndServices .read_more h2{margin-bottom: 0;}
	.caseSecondLevel .swiper-container a img{height: 150px;}
	.caseSecondLevel .swiper-container a h3 {padding: 0 5px;bottom: 5px;font-size: 15px; line-height: 19px;}
	
}
@media(max-width: 400px){
	.Service .top_img .text h2{font-size: 16px;line-height: 17px;}
	.Service h2.ser_title{font-size: 18px;line-height: 30px;}
	.Service h2.ser_title1 {font-size: 22px; line-height: 30px;}
	.ProductsAndServices .explain .left span{font-size: 22px!important;margin-bottom: -12px;display: inline-block;}
	.ProductsAndServices .explain .left span strong{font-size: 15px;}
	.Service .top_describe ul{width: 99%;}

	.ProductsAndServices .top_img h2{font-size: 18px;}
	.ProductsAndServices .explain .left{font-size: 13px;}
	

	.ProductsAndServices .title{font-size: 16px;line-height:35px;}
	.ProductsAndServices .read_more li img{height: 100px;}
	.ProductsAndServices .case_title{font-size: 13px;line-height: 17px;}
	.ProductsAndServices .case_box, .ProductsAndServices .read_more{padding: 25px 0;}
	.caseSecondLevel .swiper-container a img {height: 130px;}
	.caseSecondLevel .swiper-container a h3{font-size: 14px; line-height: 17px;}
	.caseSecondLevel .swiper-button-next, .caseSecondLevel .swiper-button-prev{background-size: 12px 15px;
    padding: 11px 19px;height: 35px;}

    .ProductsAndServices .list ul li{height: 125px;}
    .ProductsAndServices .list ul li:hover h2{left: 0;}
}