/* 首页 */

.index-service-bg{

	background: url(../images/index5.png) no-repeat;

	background-size: cover;

}

.index-service{

	display: flex;

	background: #FFFFFF;

	box-shadow:0px 50px 122px -37px rgba(19,32,74,0.1);

	border-radius:10px;

	position: relative;

	margin-top: -90px;

	z-index: 2;

}

.index_service-con{

	width: 25%;

	text-align: center;

	padding: 30px 10px;

}

.index_service-con h2{

	color: #13204A;

	font-size: 20px;

	font-weight: 600;

}

.index_service-con-img{

	display: flex;

	align-items: center;

	justify-content: center;

	height: 115px;

}

.index-service-title h2{

	color: #13204A;

	font-size: 28px;

	font-weight: bold;

	padding: 60px 0 40px;

}

.box_mainContent{

	display: none;

}

.index-prod{

	display: flex;

	background: #6D7278;

	margin-bottom: 40px;

}

.index-prod a{

	flex: 1;

	text-align: center;

	padding: 10px 5px;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: 500;

	display: flex;

	align-items: center;

	justify-content: center;

}

.index-prod a.cur2{

	background: #13204A;

	box-shadow:0px 2px 23px 0px rgba(19,32,74,0.1);

	border-radius:2px;

	margin: -8px 0;

}

.index-prod a:hover{

	background: #13204A;

	box-shadow:0px 2px 23px 0px rgba(19,32,74,0.1);

	border-radius:2px;

	margin: -8px 0;

}

.index-prod-con-box{

	display: flex;

	flex-wrap: wrap;

}

.index-prod-con{

	width: 24%;

	margin-left: 1.333333%;

	position: relative;

	margin-bottom: 1.333333%;

	overflow: hidden;

}

.index-prod-con:nth-child(4n-3){

	margin-left: 0px;

}

.index-prod-text{

	position: absolute;

	left: 50%;

	top: 50%;

	width: 80%;

	height: 80%;

	box-shadow:0px 36px 80px -27px rgba(0,0,0,0.1);

	background:rgba(255,255,255,.83);

	padding: 10%;

	display: flex;

	flex-wrap: wrap;

	align-content: space-between;

	overflow: hidden;

	transform: translate(-50%,-50%) scale(0);

}

.index-prod-text h2{

	color: #13204A;

	font-size: 14px;

	height: 40px;

	margin-bottom: 10px;

}

.index-prod-text p{

	color: #666666;

	font-size: 14px;

	line-height: 22px;

	height: 66px;

	margin-bottom: 10px;

}

.index-prod-text span{

	display: flex;

	align-items: center;

	color: #F75C00;

	font-size: 14px;

}

.index-prod-text span img{

	margin-left: 10px;

}

.index-prod-img img{

	width: 100%;

}

.index-prod-con:hover .index-prod-text{

	transform: translate(-50%,-50%) scale(1);

}

.index-prod-con:hover .index-prod-img img{

	transform: scale(1.1);

}

.index-prod-anniu{

	padding: 50px 0;

}

.index-prod-anniu a{

	display: flex;

	align-items: center;

	justify-content: center;

	width: 182px;

	height: 54px;

	background: #13204A;

	font-size: 16px;

	color: #FFFFFF;

	margin: 0px auto;

}



.index-about{

	display: flex;

}

.index-about .left{

	width: 40%;

}

.index-about .right{

	width: 60%;

	background: #13204A;

}

.index-video {
    position: relative;
}

.index-video>img{

	width: 100%;

}

.video-bt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.index-about-text{

	padding: 4% 22% 4% 9%;

}

.index-about-text h2{

	font-weight: bold;

	color: #FFFFFF;

	font-size: 80px;

	line-height:120px;

	opacity: .33;

}

.index-about-text h3{

	font-weight: bold;

	color: #FFFFFF;

	font-size: 36px;

	line-height: 55px;

	margin-top: -65px;

	margin-bottom: 50px;

}

.index-about-text h3 a{

	position: relative;

}

.index-about-text h3 a::before{

	content: "";

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 2px;

	background: #FFFFFF;

}

.index-about-text p{

	font-size:14px;

	line-height:24px;

	color: #FFFFFF;

	margin-bottom: 30px;

}

.index-about-text .index-about-anniu{

	display: flex;

	justify-content: center;

	align-items: center;

	width: 120px;

	height: 44px;

	color: #F75C00;

	font-size: 14px;

	background: #FFFFFF;

	border-radius:2px;

}

.index-title{

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 50px 0px 60px;

}

.index-title h2{

	color: #13204A;

	font-size: 28px;

	line-height: 36px;

	font-weight:bold;

}

.index-title a{

	color: #13204A;

	font-size: 14px;

	line-height: 22px;

	text-decoration: underline;

}

.index-why-con{

	padding: 3% 2%;

	box-shadow:0px 0px 100px 0px rgba(14,67,109,0.1);

	border-radius:10px;

	text-align: center;

	width: 23%;

	margin-left: 2.666666%;

}

.index-why-img{

	margin-bottom: 30px;

}

.index-why-img img{

	margin: 0 auto;

}

.index-why-con:first-child{

	margin-left: 0px;

}

.index-why-text h2{

	color: #13204A;

	font-size: 24px;

	line-height: 34px;

	font-weight: 600;

	margin-bottom: 20px;

}

.index-why-text p{

	font-size: 14px;

	line-height: 24px;

	color: #9FA4AE;

}

.index-why-box{

	display: flex;

	padding-bottom: 60px;

}

.index-why-con:hover{

	background: #13204A;

}

.index-why-con:hover .index-why-text h2{

	color: #FFFFFF;

}

.index-why-con:hover .index-why-text p{

	color: #FFFFFF;

}

.index-app-bg{

	background: url(../images/index-appbg.jpg) no-repeat;

	background-size: cover;

}

.index-title.index-app-title h2{

	color: #FFFFFF;

}

.index-title.index-app-title a{

	color: #FFFFFF;

}



.index-app-con{

	padding: 10px;

	background: #FFFFFF;

	border:1px solid rgba(204,204,204,1);

}

.index-app-text span{

	display: none;

	align-items: center;

	justify-content: center;

	color: #F75C00;

	font-size: 14px;

	margin: 15px 0;

}

.index-app-text span img {
    margin-left: 10px;
}



#app .swiper-slide{

	background: transparent;

}

.index-app-text{

	padding: 0 10px;

}

.index-app-text h2{

	color: #13204A;

	font-size: 20px;

	line-height: 34px;

	margin-top: 10px;

	height: 34px;
	font-weight: lighter;
}

.index-app-text p{

	color: #9FA4AE;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin-top: 0px;

	height: 0px;

}

.index-app-box{

	padding-bottom: 60px;

}

.index-app-con:hover .index-app-text p{

	margin-top: 20px;

	height: 88px;

}

.index-app-con:hover .index-app-text span{

	display: flex;

}

#app.swiper-container{

	overflow: initial;

}

#app .swiper-button-next,

#app .swiper-button-prev {

	width: 50px;

	height: 50px;

	top: 200px;

}

#app .swiper-button-next{

	background: url(../images/index-next1.png) no-repeat;

	right: 0%;

	/* transform: rotateY(180deg); */

}

#app .swiper-button-next:hover{

	background: url(../images/index-next2.png) no-repeat;

}



#app .swiper-button-prev {

	background: url(../images/index-prev1.png) no-repeat;

	left: 0%;

} 

#app .swiper-button-prev:hover{

	background: url(../images/index-prev2.png) no-repeat;

}



.index-news-box{

	display: flex;

	padding-bottom: 80px;

}

.index-news-con{

	box-shadow:0px 0px 100px 0px rgba(19,32,74,0.1);

	width: 32%;

	margin-left: 2%;

	padding: 3% 2.5%;

	

}

.index-news-con:first-child{

	margin-left: 0px;

}

.index-news-con h2{

	color: #333333;

	font-size: 18px;

	line-height: 35px;

	font-weight: 500;

	height: 35px;

}

.index-news-con h6{

	color: #9FA4AE;

	font-size: 14px;

	line-height: 22px;

	font-weight: 400;

	text-align: right;

	margin: 15px 0;

}

.index-news-con p{

	color: #9FA4AE;

	font-size: 14px;

	line-height: 22px;

	font-weight: 400;

	height: 44px;

}

.index-news-con span{

	display: flex;

	align-items: center;

	color: #F75C00;

	font-size: 14px;

	margin-top: 20px;

}

.index-news-con span img {
    margin-left: 10px;
}

.index-news-con:hover{

	background: #13204A;

}

.index-news-con:hover h2{

	color: #FFFFFF;

}

.index-news-con:hover h6{

	color: #FFFFFF;

}

.index-news-con:hover p{

	color: #FFFFFF;

}



footer{

	background: #212121;

}



.footer{

	display: flex;

	padding: 40px 0 20px;

}

.footer .left{

	width: 36%;

	padding-right: 5%;

}

.footer .left ul{

	padding-top: 20px;

}

.footer .left ul li{

	margin-top: 20px;

	padding-left: 35px;

	color: #FFFFFF;

	font-size: 14px;

	line-height: 22px;

}

.footer .left ul li:nth-child(1){

	/*background: url(../images/f1.png) no-repeat 0% 3px;*/

}

.footer .left ul li:nth-child(2){

	/*background: url(../images/f2.png) no-repeat 0% 3px;*/

}

.footer .left ul li:nth-child(2) a{

	/*color: #0091FF;*/

	/*text-decoration: underline;*/

}

.footer .left ul li:nth-child(3){

	/*background: url(../images/f3.png) no-repeat 0% 3px;*/

}

.footer .left ul li:nth-child(4){

	/*background: url(../images/f4.png) no-repeat 0% 3px;*/

}

.footer .right{

	display: flex;

	width: 64%;

}

.footer .right .center_title h2{

	color: #FFFFFF;

	font-weight: bold;

	font-size: 14px;

	padding-top: 14px;

	margin-bottom: 16px;

}

.footer .right ul li{

	color: #FFFFFF;

	font-size: 14px;

	line-height: 24px;

	margin: 4px 0;

}

.footer .right .right-box{

	flex: 1;

}

.footer .right form{

	width: 70%;

	height: 32px;

	border-radius:20px;

	background: #626262;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 0 20px;

	margin-top: 20px;

}

.footer .right form input{

	background: transparent;

	border: none;

	height: 100%;

	width: 100%;

	color: #FFFFFF;

}

.footer .right form button{

	border: none;

	background: transparent;

}



.footer-bottom{

	border-top: 1px solid #151515;

	padding: 13px;

	text-align: center;

	color: #FFFFFF;

	font-size: 14px;

	line-height: 22px;

}

.footer-bottom ul{

	display: flex;

	justify-content: center;

	align-items: center;

	padding-top: 10px;

}

.footer-bottom ul li{

	margin-left: 20px;

}

.footer-bottom ul li:first-child{

	margin-left: 0px;

}

.footer-bottom ul li a{

	display: flex;

	align-items: center;

}



























@media all and (max-width: 1440px){

	.index-service{

		margin-top: -30px;

	}

	.index_service-con h2{

		font-size: 18px;

	}

	.index-service-title h2{

		padding: 30px 0 20px;

		    font-size: 22px;

	}

	.index-prod a{

		font-size: 14px;

	}

	.index-prod-anniu{

		padding: 30px 0;

	}

	.index-about-text h2{

		font-size: 48px;

		line-height: 48px;

	}

	.index-about-text h3{

		margin-top: -30px;

		margin-bottom: 15px;

		font-size: 28px;

	}

	.index-about-text p{

		margin-bottom: 15px;

	}

	.index-title{

		padding: 30px 0 20px;

	}

	.index-title h2{

		font-size: 22px;

	}

	.index-why-img{

		margin-bottom: 20px;

	}

	.index-why-text h2{

		font-size: 18px;

		margin-bottom: 10px;

	}

	.index-why-box{

		padding-bottom: 30px;

	}

	.index-app-text h2{

		font-size: 18px;

	}

	.index-news-con{

		padding: 2% 1.5%;

	}

	.index-news-box{

		padding-bottom: 30px;

	}

	

	

}



@media all and (max-width: 1023px){

	.index-service{

		flex-wrap: wrap;

	}

	.index_service-con{

		width: 50%;

	}

	.index-prod{

		padding: 8px 0;

		background: transparent;

		overflow: auto;

	}

	.index-prod a{

		background: #6D7278;

		white-space: nowrap;

	}

	.index-prod-con{

		width: 49%;

	}

	.index-prod-con:nth-child(4n-3){

		margin-left: 2%;

	}

	.index-prod-con:nth-child(2n-1){

		margin-left: 0px;

	}

	.index-prod-anniu a{

		height: 40px;

	}

	.index-about{

		flex-wrap: wrap;

		width: 95%;

		margin: 0 auto;

	}

	.index-about .left{

		width: 100%;

	}

	.index-about .right{

		width: 100%;

	}

	.index-about-text{

		padding: 4%;

	}

	.index-why-box{

		flex-wrap: wrap;

	}

	.index-why-con{

		width: 49%;

		margin-left: 2%;

		margin-bottom: 2%;

	}

	.index-why-con:nth-child(2n-1){

		margin-left: 0px;

	}

	.index-app-img img{

		width: 100%;

	}

	#app.swiper-container{

		overflow: hidden;

	}

	.index-app-bg{

		background-position: center;

	}

	.index-news-box{

		flex-wrap: wrap;

	}

	.index-news-con{

		width: 100%;

		margin-left: 0px;

		margin-bottom: 2%;

	}

	

	.footer{

		display: none;

	}

	

	

	

}

@media all and (max-width: 768px){

	.index-service{

		margin-top: 0px;

	}

	.index-service-bg{

		padding-top: 30px;

	}

	.index-service-title h2{

		font-size: 18px;

	}

	.index_service-con h2{

		font-size: 16px;

	}

	.index-prod-anniu a{

		font-size: 14px;

	}

	.index-prod{

		margin-bottom: 20px;

	}

	.index-about-text h2{

		font-size: 28px;

	}

	.index-about-text h3{

		font-size: 18px;

		line-height: 30px;

	}

	.index-title h2,.index-news-con h2{

		font-size: 18px;

	}

	.index-prod-text{
		display: none;
	}
	.index-video a img{
		width: 40px;
	}
	.index-why-con{
		text-align: left;
	}
	.index-why-con.anniu:hover .img2{
		display: inline-block;
	}

	

	

	

	

}

@media all and (max-width: 500px){

	

}



/* 产品中心页 */

.prod_box{

	display: flex;

	flex-wrap: wrap;

	padding-top: 20px;

}

.prod_box .left{

	width: 24%;

}

.prod_box .right{

	width: 76%;

	padding-left: 2%;

}

.prod_box_left{

	padding: 25px;

	border-top: 2px solid #13204A;

	background: #F9F9F9;

	margin-bottom: 50px;

}

.prod_box_left_title{

	margin-bottom: 20px;

}

.prod_box_left_title img{

	margin-right: 10px;

}

.prod_box_left_title h2{

	color: #13204A;

	font-size: 20px;

	line-height: 30px;

	font-weight: 600;

}

.prod_box_left_contact ul li{

	padding-left: 38px;

	color: #738088;

	margin-bottom: 20px;

	font-size: 12px;

	line-height: 24px;

}

.prod_box_left_contact ul li:nth-child(1){

	background: url(../images/con1.png) no-repeat 0 2px;

}

.prod_box_left_contact ul li:nth-child(2){

	background: url(../images/con2.png) no-repeat 0 2px;

	color: #0091FF;

}

.prod_box_left_contact ul li:nth-child(2) a{

	text-decoration: underline;

}

.prod_box_left_contact ul li:nth-child(3){

	background: url(../images/con3.png) no-repeat 0 2px;

}

.prod_box_left_contact ul li:nth-child(4){

	background: url(../images/con4.png) no-repeat 0 2px;

	margin-bottom: 0px;

}

.prod_list_box .index-prod-con{

	width: 32%;

	margin-left: 2%;

	margin-bottom: 2%;

}

.prod_list_box .index-prod-con:nth-child(3n-2){

	margin-left: 0px;

}



/*产品详情*/

.single-prod-lunbo{

	display: flex;

}

.single-prod-lunbo-right{

	width: 22%;

	padding-left: 20px;

	padding-top: 8px;

}

.single-prod-text h1{

	color: #494543;

	font-size: 18px;

	line-height: 35px;

	margin: 50px 0 30px;

}

.single-prod-text-anniu{

	padding-top: 50px;

	display: flex;

}

.single-prod-text-anniu a{

	display: flex;

	align-items: center;

	justify-content: center;

	width: 210px;

	height: 45px;

	border: 2px solid #13204A;

	margin-left: 20px;

	font-size: 14px;

	color: #13204A;

}

.single-prod-text-anniu a:first-child{

	margin-left: 0px;

}

.single-prod-text-anniu a img{

	margin-right: 15px;

}

.single-prod-text-anniu a:hover{

	color: #FFFFFF;

	background: #13204A;

}



.single-prod-text-box{

	padding-top: 50px;

}

.single-prod-text-title{

	background: #F7F7F7;

	margin-bottom: 30px;

}

.single-prod-text-title h2{

	color: #494543;

	font-size: 20px;

	font-weight: 500;

	padding: 8px 0 8px 20px;

}

.prod-single-text4{

	padding-left: 20px;

}

.prod-single-text4 h3{

	color: #738088;

	font-size: 16px;

	line-height: 30px;

	font-weight: 500;

}

.prod-single-text4 ul li{

	color: #738088;

	font-size: 14px;

	line-height: 22px;

	margin: 15px 0;

	padding-left: 30px;

	background: url(../images/duihao.png) no-repeat 0px 4px;

}



.prod-title{

	padding: 60px 0 40px;

}

.prod-title h2{

	color: #fff;

	font-size: 24px;

	line-height: 24px;

	font-weight: 500;

	text-align: center;
	background: #13204A;
	padding: 13px 0;
}

.prod-title.why_us_tit h2 {
	background: #fff;
	padding: 0;
	color: #494543;
}

#prod .prod-con .prod-text h2{

	color: #494543;

	font-size: 14px;

	line-height: 30px;

	height: 30px;

	font-weight: 500;

	margin: 10px 0;

}

#prod .prod-img{

	position: relative;

}

#prod .prod-img img{
	width: 100%;
}

#prod .prod-img .prod-anniu{

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	color: #FFFFFF;

	font-size: 14px;

	display: flex;

	align-items: center;

	opacity: 0;

}

#prod .prod-con:hover .prod-anniu{

	opacity: 1;

}

#prod .prod-img .prod-anniu img{
	width: auto;
	margin-left: 10px;

}



#prod .swiper-button-prev {
	background: url(../images/single-anniu1.png) no-repeat left top;
	position: absolute;
	left: 2%;
	top: 50%;
	margin-top: -25px;
	width: 40px;
	height: 40px;
	z-index: 10;
	transform: rotate(0deg) !important;

	transition: none;
}
#prod .swiper-button-prev:hover{

	background: url(../images/single-anniu2.png) no-repeat left top;

	transform: rotate(180deg) !important;

}
#prod .swiper-button-next {
	background: url(../images/single-anniu1.png) no-repeat left bottom;
	position: absolute;
	right: 2%;
	top: 50%;
	margin-top: -25px;
	width: 40px;
	height: 40px;
	z-index: 10;

	transform: rotate(180deg) !important;

	transition: none;
}
#prod .swiper-button-next:hover{

	background: url(../images/single-anniu2.png) no-repeat left bottom;

	transform: rotate(0deg) !important;

}



.message-title h2{

	margin-bottom: 25px;

}

.message-title p{

	color: #738088;

	font-size: 14px;

	font-weight: 500;

	line-height: 28px;

	text-align: center;

}



.message{

	padding-bottom: 80px;

}



/* solution_list */



.solution_list{

	display: flex;

	flex-wrap: wrap;

}

.solution_list-con{

	width: 32%;

	margin-left: 2%;

	margin-bottom: 2%;

	position: relative;

}

.solution_list-con .index-app-con{

	border: 1px solid #CCCCCC;

	position: relative;

	z-index: 1;

}

.solution_list-con:nth-child(3n-2){

	margin-left: 0px;

}

.solution_list-con:hover{

	z-index: 2;

}

.solution_list-con .index-app-text h2{

	text-align: center;

	font-size: 14px;

	color: #13204A;

}

.solution_list-con .index-app-con:hover{

	position: absolute;

	border: 1px solid #0E436D;

	/* margin-bottom: -160px; */

}

.solution_list-con .index-app-text p{

	transition: none;

}



.single_solution_text h1{

	color: #494543;

	font-size: 24px;

	line-height: 35px;

}



.single_solution_text_shemei ul{

	display: flex;

	align-items: center;

	padding-bottom: 50px;

	padding-top: 20px;

}

.single_solution_text_shemei ul li{

	margin-left: 12px;

}

.single_solution_text_shemei ul a i{

	transition: none;

	font-size: 14px;

}

.single_solution_text_shemei ul a{

	display: flex;

	align-items: center;

	justify-content: center;

	width: 20px;

	height: 20px;

	background: #DDDDDD;

	color: #fff;

	transition: none;

	border-radius: 50%;

}

.single_solution_text_shemei ul a:hover{

	background: #13204A;

}
.single_solution_text_shemei ul li:first-child{

	margin-left: 0px;

}



.single_solution_text_span span{

	display: block;

	width: 100px;

	height: 2px;

	background: #13204A;

	margin-bottom: 40px;

}







.solution_lunbo{

	display: flex;

	flex-wrap: wrap;

}

.solution_lunbo .left{

	width: 40%;

}

.solution_lunbo .right{

	width: 60%;

}

.solution_lunbo .swiper-slide img{

	width: 100%;

}

.solution_lunbo .swiper-button-next1,

.solution_lunbo .swiper-button-prev1 {

	width: 14px;

	height: 22px;

	position: absolute;

	top: 85%;

	z-index: 1;

}

.solution_lunbo .swiper-button-next1 {

	

	right: 90px;

}

.solution_lunbo .swiper-button-prev1 {

	left: auto;

	right: 120px;

}

.solution_lunbo .swiper-pagination-Partner{

	position: absolute;

	left: auto;

	right: 5px;

	bottom: 5px;

	z-index: 1;

	width: 54px;

	height: 54px;

	background: url(../images/solution-left5.png) no-repeat;

	background-size: cover;

	padding-top: 17px;

	padding-left: 12px;

	color: #333333;

	font-size: 16px;

	font-family: 'Helvetica Neue';

}
.swiper-pagination-current{
	font-size: 20px;
}
.solution_lunbo .swiper-pagination-total{

	font-size: 14px;

}

.solution_lunbo .right article h2{

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 10px;

}

.solution_lunbo .right article p{

	color: #738088;

	font-size: 14px;

	line-height: 22px;

}

.solution_lunbo .right{

	padding: 10px 0 10px 30px;

}

.solution_lunbo_box .solution_lunbo:nth-child(even){

	flex-flow: row-reverse;

}

.solution_lunbo_box .solution_lunbo:nth-child(even) .right{

	padding: 10px 30px 10px 0px;

}

.single_solution_text h2{

	margin: 45px 0;

	color: #333333;

	font-size: 24px;

	padding-left: 22px;

	position: relative;

}

.single_solution_text h2::before{

	content: "";

	position: absolute;

	left: 0px;

	top: 7px;

	width: 3px;

	height: 20px;

	background: #333333;

}

.single_solution_text p{

	color: #738088;

	font-size: 14px;

	line-height: 22px;

	margin-bottom: 20px;

}

.solution_fenye p{

	margin: 15px 0;

}

.solution_fenye p span{

	color: #666666;

	font-size: 14px;

	padding-right: 15px;

}

.solution_fenye p a{

	color: #13204A;

	font-size: 14px;

	text-decoration: underline;

}

.solution_fenye p .none{

	color: #8A8A8A;
	text-decoration: none;
}



.single_solution_box{

	padding-bottom: 80px;

}

.page-title h2{

	color: #333333;

	font-size: 36px;

	line-height: 36px;

	font-weight: 600;

}

.page-title_history h2{

	color: #333333;

	font-size: 24px;

	line-height: 36px;

	margin-bottom: 30px;

}

.news-con{

	display: flex;

	padding: 30px 0 25px;

	border-bottom: 2px solid #EEEEEE;

}

.news-con .news-left{

	width: 15%;

}

.news-con .news-right{

	width: 85%;

	padding-left: 10px;

}

.news-con .news-right h2{

	color: #333333;

	font-size: 18px;

	line-height: 35px;

	height: 35px;

}

.news-con .news-right span{

	display: flex;

	align-items: center;

	margin-bottom: 20px;

	margin-top: 10px;

}

.news-con .news-right span img{

	margin-right: 10px;

}

.news-con .news-right p{

	color: #738088;

	font-size: 14px;

	line-height: 24px;

	font-weight: 500;

	height: 48px;

}

.news-con .news-right .news-anniu{

	margin-top: 25px;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 38px;

	height: 20px;

	border: 1px solid #CCCCCC;

	border-radius:1px;

	font-size: 12px;

	float: right;

	color: #333333;
	background:rgba(240,240,240,1);

}















@media all and (max-width: 1440px){

	

	.preview{

		    margin-left: -130px;

			margin-top: 35%;

	}

	.single-prod-lunbo-right{

		display: none;

	}

	

	

	

}



@media all and (max-width: 1023px){

	.prod_box .left{

		display: none;

	}

	.prod_box .right{

		width: 100%;

		padding-left: 0px;

	}

	.prod_box{

		padding-top: 30px;

	}

	.prod_list_box .index-prod-con{

		width: 49%;

		margin-left: 2%;

	}

	.prod_list_box .index-prod-con:nth-child(3n-2){

		margin-left: 2%;

	}

	.prod_list_box .index-prod-con:nth-child(2n-1){

		margin-left: 0px;

	}

	.preview{

		width: 100%;

		margin-left: 0px;

		margin-top: 20px;

		transform: rotate(0deg) !important;

	}

	.preview .swiper-slide{

		transform: rotate(0deg) !important;

	}

	.pc-slide{

		width: 100%;

		flex-wrap: wrap;

	}

	.preview .swiper-container{

		width: 100%;

	}

	.view .swiper-slide img{

		width: 100%;

	}

	.view .swiper-slide a{

		display: block;

		width: 100%;

	}

	.view .swiper-container{

		width: 100%;

	}

	.view{

		width: 100%;

	}

	.single-prod-text h1{

		font-size: 20px;

		margin: 30px 0 10px;

	}

	.single-prod-text-anniu{

		padding-top: 20px;

	}

	.single-prod-text-box{

		padding-top: 25px;

	}

	.single-prod-text-title h2,.prod-single-text4 h3{

		font-size: 18px;

	}

	.prod-title{

		padding: 30px 0 20px;

	}

	.prod-title h2{

		font-size: 18px;

	}

	.message-title h2{

		margin-bottom: 10px;

	}

	.message-title p{

		font-size: 16px;

	}

	.solution_lunbo .left{

		display: block;

		width: 100%;

	}

	.solution_lunbo_box .solution_lunbo:nth-child(even){

		flex-flow: wrap;

	}

	.single_solution_text h1{

		font-size: 20px;

	}

	.single_solution_text_shemei ul{

		padding-bottom: 20px;

		padding-top: 10px;

	}

	.single_solution_text h2{

		margin: 20px 0;

		font-size: 18px;

	}

	.single_solution_text h2::before{

		top: 4px;

	}

	.solution_list-con{

		width: 49%;

		margin-left: 2%;

	}

	.solution_list-con:nth-child(3n-2){

		margin-left: 2%;

	}

	.solution_list-con:nth-child(2n-1){

		margin-left: 0px;

	}

	

	.page-title h2{

		font-size: 22px;

	}

	.news-con .news-right h2{

		font-size: 18px;

	}

	

	

}

@media all and (max-width: 768px){

	.single-prod-text-anniu{

		flex-wrap: wrap;

	}

	.single-prod-text-anniu a{

		width: 100%;

		margin-left: 0px;

		margin-bottom: 15px;

	}

	.message-title p{

		font-size: 14px;

		line-height: 24px;

	}

	.single_solution_box{

		padding-bottom: 30px;

	}

	.solution_lunbo_box .solution_lunbo:nth-child(even) .right{

		padding: 10px 0;

	}

	.news-con .news-left{

		display: none;

	}

	.news-con .news-right{

		width: 100%;

		padding-left: 0px;

	}

	

}

@media all and (max-width: 500px){

	

}







/* 新闻页面 */

.single_news{

	padding-bottom: 80px;

}

.single_news_title h1{

	color: #333333;

	font-size: 20px;

	line-height: 36px;

}

.single_news_time_fenx{

	display: flex;

	align-items: center;

	padding: 30px 0 30px 0px;

}

.single_news_time_fenx span img{

	margin-right: 15px;

}

.single_news_time_fenx .single_solution_text_shemei ul{

	padding: 0px;

	padding-left: 30px;

}

.single_news article p{

	margin: 20px 0;
	line-height: 28px;
}

.single_news_related{

	padding-top: 50px;

}

.single_news_related ul{

	display: flex;

	flex-wrap: wrap;

}

.single_news_related ul li{

	color: #13204A;

	font-size: 14px;

	line-height: 22px;

	padding-left: 20px;

	position: relative;

	width: 50%;

	margin: 5px 0;

}

.single_news_related ul li::before{

	content: "";

	position: absolute;

	left: 0px;

	top: 8px;

	width: 5px;

	height: 5px;

	background: #13204A;

	border-radius: 50%;

}

.single_news_related h2{

	color: #FFFFFF;

	font-size: 24px;

	background: #13204A;

	text-align: center;

	padding: 13px 0;

	margin-bottom: 40px;

}



/* LOGO */

.about_Partner_box{

	display: flex;

	flex-wrap: wrap;

}

.about_Partner_con{

	width: 23%;

	margin-left: 10px;

	margin-bottom: 10px;

	box-shadow: rgba(0,0,0,.25) 0px 2px 31px -10px;

}

.about_Partner_con:nth-child(4n-3){

	margin-left: 0px;

}



/* 工厂 */



.about_factory{

	display: flex;

	padding-top: 20px;

}

.about_factory_right{

	margin-left: 10px;

}

.about_factory_left_top{

	margin-bottom: 10px;

}

.about_factory_right_top{

	display: flex;

	margin-bottom: 10px;

}

.about_factory_right_top_right{

	margin-left: 10px;

}

.about_factory_right_top_right_top{

	margin-bottom: 10px;

}

.about_factory_right_bottom{

	display: flex;

}

.about_factory_right_bottom_right{

	margin-left: 10px;

}

.about_factory_gongc{

	display: flex;

	flex-wrap: wrap;
	padding-bottom: 30px;
}

.about_factory_gongc_con{

	width: 32%;

	margin-left: 2%;

}

.about_factory_gongc_con:nth-child(3n-2){

	margin-left: 0px;

}

.about_factory_gongc_con .about_factory_text{

	padding: 15px 10px;

}

.about_factory_gongc_con .about_factory_text h2{

	color: #333333;

	font-size: 14px;

	line-height: 22px;

	height: 22px;

	text-align: center;

}











@media all and (max-width: 1440px){

	

}



@media all and (max-width: 1023px){

	.single_news_title h1{

		font-size: 22px;

	}

	.single_news_time_fenx{

		padding: 15px 0;

	}

	.single_news_related h2{

		font-size: 18px;

		padding: 6px 0;

		margin-bottom: 20px;

	}

	.single_news_related{

		padding-top: 20px;

	}

	.single_news{

		padding-bottom: 40px;

	}

	.about_Partner_con{

		width: 49%;

		margin-left: 2%;

	}

	.about_Partner_con:nth-child(4n-3){

		margin-left: 2%;

	}

	.about_Partner_con:nth-child(2n-1){

		margin-left: 0%;

	}

	

	.about_factory_gongc_con{

		width: 49%;

		margin-left: 2%;

	}

	.about_factory_gongc_con:nth-child(3n-2){

		margin-left: 2%;

	}

	.about_factory_gongc_con:nth-child(2n-1){

		margin-left: 0%;

	}

	

}

@media all and (max-width: 768px){

	.single_news_related ul li{

		width: 100%;

	}

	.single_news_title h1{

		font-size: 18px;

		line-height: 24px;

	}

}

@media all and (max-width: 500px){

	

}





/*ABOUT*/



/*about-history*/

.about_history {

	padding-bottom: 80px;

}

.about_history_logo img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

}



ul.historyul {

	position: relative;

}

ul.historyul a {
	display: block;
	width: 30px;

	height: 30px;
	margin: 0 auto;

}

ul.historyul li .history_year {

	width: 50%;

	padding: 0 2%;

	position: relative;

	font-size: 40px;

	font-weight: 600;

	text-align: right;

	

	/* opacity: 0; */

}

ul.historyul li .history_year:after {

	content: "";

	position: absolute;

	top: 6px;

	right: 0;

	width: 20px;

	height: 20px;

	border: 1px solid #dcdcdc;

	border-radius: 50%;

	background: rgba(153, 153, 153, 0.5);

	transform: translateX(50%);

}

ul.historyul li .history_year:before {

	content: "";

	position: absolute;

	top: 10px;

	right: 0;

	border-radius: 50%;

	width: 14px;

	height: 14px;

	background: #999999;

	transform: translateX(50%);

	z-index: 2;

}

ul.historyul li article {

	width: 50.1%;

	padding: 0 2%;

	border-left: 1px solid #eee;

	padding-bottom: 50px;

	color: #000;

	line-height: 28px;

	

	text-align: left;

}

ul.historyul li:nth-child(2n+1) {

	flex-direction: row-reverse;

}

ul.historyul li:nth-child(2n+1) article {

	text-align: left;

	border-right: 1px solid #eee;

	border-left: none;

}

ul.historyul li:nth-child(2n+1) .history_year {

	text-align: left;

}

ul.historyul li:nth-child(2n+1) .history_year:after {

	content: "";

	position: absolute;

	top: 6px;

	left: 0;

	width: 20px;

	height: 20px;

	border: 1px solid #dcdcdc;

	border-radius: 50%;

	background: rgba(153, 153, 153, 0.5);

	transform: translateX(-50%);

}

ul.historyul li:nth-child(2n+1) .history_year:before {

	content: "";

	position: absolute;

	top: 10px;

	left: 0;

	border-radius: 50%;

	width: 14px;

	height: 14px;

	background: #999999;

	transform: translateX(-50%);

	z-index: 2;

}



ul.historyul li:first-child article {

	padding-top: 80px;

	/* border-color: #0a6bb1; */

}

ul.historyul li:first-child .history_year {

	padding-top: 80px;

	/* color: #0a6bb1; */

}

ul.historyul li:first-child .history_year:after {

	top: 80px;

	/* border-color: #0a6bb1; */

}

ul.historyul li:first-child .history_year:before {

	top: 84px;

	/* background: #0a6bb1; */

}
ul.historyul li:hover .history_year:before{
    background: #13204A;
}
ul.historyul li:hover .history_year::after{
	background: rgba(19, 32, 74, 0.51);
}
ul.historyul li:hover article{
	border-color: #0a6bb1;
}


ul.historyul li:hover .history_year{
	color: #0a6bb1;
}
ul.historyul li{
	display: none;
}
ul.historyul li:nth-child(1){
	display: flex;
}
ul.historyul li:nth-child(2){
	display: flex;
}
ul.historyul li:nth-child(3){
	display: flex;
}
ul.historyul.firli_active2 li{
	display: flex;
}

.flex_row_top article h2{

	text-align: center;

	color: #666666;

	font-size: 36px;

	font-weight: 600;

	margin-bottom: 20px;

}

.flex_row_top article p{

	color: #738088;

	font-size: 14px;

	line-height: 22px;

	margin-bottom: 20px;

}

ul.historyul li:hover article h2{

	color: #13204A;

}





@media all and (max-width: 1440px){

	

	

	

}

@media all and (max-width: 1023px){

	.page-title_history h2{

		font-size: 18px;

	}

	

	

}

@media all and (max-width: 768px){

	ul.historyul li:first-child .history_year{

		display: none;

	}

	ul.historyul li article,ul.historyul li:nth-child(2n+1) article{

		width: 100%;

		border: none;

	}

	ul.historyul li:first-child article{

		padding-top: 30px;

	}

	ul.historyul li .history_year{

		display: none;

	}

	.flex_row_top article h2{

		font-size: 20px;

		margin: 0px;

	}

	ul.historyul li article{

		padding-bottom: 20px;

	}

	.about_history{

		padding-bottom: 30px;

	}

}

@media all and (max-width: 500px){

	

}

	

/* 证书 */

.Certifications{

	display: flex;

	padding-top: 30px;

	flex-wrap: wrap;

}

.Certifications_con{

	width: 23%;

	margin-left: 2.666666%;

	margin-bottom: 2.666666%;

	border: 10px solid #C9CDD0;

	display: flex;

	align-items: center;

	justify-content: center;

}

.Certifications_con:nth-child(4n-3){

	margin-left: 0px;

}

.Certifications_con img{

	width: 100%;

}

.servedioul{

	display: flex;

	flex-wrap: wrap;

}

.servedioul li{

	width: 32%;

	margin-left: 2%;

}

.servedioul li:nth-child(3n-2){

	margin-left: 0px;

}

.servedioul li .video_text{

	padding: 15px 10px;

}

.servedioul li .video_text p{

	color: #333333;

	font-size: 14px;

	line-height: 22px;

	text-align: center;

	height: 22px;

}





.service{

	padding-bottom: 35px;

}

.service_text h2{

	color: #494543;

	font-size: 24px;

	line-height: 35px;

	margin-bottom: 10px;

}

.service_text h3{

	color: #666666;

	font-size: 16px;

	line-height: 25px;

	margin-bottom: 25px;

}

.service_text p{

	color: #738088;

	font-size: 14px;

	line-height: 22px;

	font-weight: 400;

}

.service-top{

	display: flex;

	flex-wrap: wrap;

}

.service_top_con{

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 60px;

}

.service_top_con:nth-child(even){

	flex-flow: row-reverse;

}

.service_top_con:nth-child(even) .service_left{

	padding-left: 20px;

	padding-right: 0px;

}

.service_left{

	width: 50%;

	padding-right: 20px;

}

.service_right{

	width: 50%;

}

.service_text_table{

	padding-top: 30px;

}

.service article h2{

	color: #333333;

	font-size: 24px;

	line-height: 35px;

	margin: 15px 0 0;

}

.service article h3{

	color: #666666;

	font-size: 18px;

	line-height: 25px;

	margin: 15px 0 0;

}

.service article h4{

	color: #333333;

	font-size: 14px;

	line-height: 24px;

	margin: 15px 0;

}



.service article p{

	margin: 15px 0;

}









@media all and (max-width: 1440px){

	

	

	

}

@media all and (max-width: 1023px){

	.service{

		padding-bottom: 40px;

	}

	.service article h2{

		font-size: 18px;

	}

	.service article h3{

		font-size: 16px;

	}

	.Certifications_con{

		width: 49%;

		margin-left: 2%;

	}

	.Certifications_con:nth-child(4n-3){

		margin-left: 2%;

	}

	.Certifications_con:nth-child(2n-1){

		margin-left: 0%;

	}

	.service_left{

		width: 100%;

		margin-bottom: 20px;

		padding: 0px;

	}

	.service_right{

		width: 100%;

	}

	.service_top_con:nth-child(even){

		flex-flow: wrap;

	}

	.service_top_con:nth-child(even) .service_left{

		padding-left: 0px;

	}

	.service_top_con{

		margin-bottom: 30px;

	}

	.service_text h2{

		font-size: 18px;

	}

	.service_text h3{

		margin-bottom: 10px;

	}

}

@media all and (max-width: 768px){

	

	

	

}

@media all and (max-width: 500px){

	

}



/* 联系我们 */

.contact{

	display: flex;

	padding-top: 20px;

}

.contact .left{

	width: 60%;

	padding-right: 30px;

}

.contact .right{

	width: 40%;

}

.contact .right .contact_text{

	background: #F9F9F9;

	padding: 10%;

	padding-bottom: 8%;

}

.contact_text .single_solution_text_shemei ul{

	padding-bottom: 30px;

}
.contact_text .single_solution_text_shemei ul li a{
	width: 25px;
	height: 25px;
}
.contact_text h2{

	color: #333333;

	font-size: 24px;

	line-height: 35px;

}

.contact_text span{

	display: block;

	width: 40px;

	height: 1px;

	background: #13204A;

	margin-bottom: 30px;

}

.contact_text p{

	color: #13204A;

	font-size: 14px;

	line-height: 22px;

	margin: 20px 0;

}

.contact_text p .line{

	text-decoration: underline;

}
.contact_map{

	padding-bottom: 80px;

}





/* 服务下载 */



.design_tt h2{

	color: #333333;

	font-size: 24px;

	line-height: 34px;

	margin-bottom: 20px;

}

.design_tt>p{
	color: #738088;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 40px;
}

.service_download_box{

	display: flex;

	flex-wrap: wrap;

}

.service_download_con{

	width: 32%;

	margin-left: 2%;

	margin-bottom: 2%;

	position: relative;

}

.service_download_con:nth-child(3n-2){

	margin-left: 0px;

}

.service_download_con div{

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	display: flex;

	flex-wrap: wrap;

	align-content: center;

	

}

.service_download_con div h2{

	color: #FFFFFF;

	font-size: 14px;

	line-height: 22px;

	height: 44px;

	width: 80%;

	margin: 0 auto 30px;

}

.service_download_con div a{

	width: 80%;

	height: 45px;

	margin: 0 auto;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #FFFFFF;

	border-radius:2px;

	border:2px solid rgba(255,255,255,1);

	color: #13204A;

}

.service_download_con div a img{

	margin-right: 15px;

}



.why_us{

	padding-bottom: 80px;

}

.faq-con{

	margin-bottom: 30px;

}

.faq-con h3{

	color: #8C8C8F;

	font-size: 60px;

	opacity: .15;

	font-family: 'Inter', sans-serif;

}

.faq-con h2{

	color: #374046;

	font-size: 14px;

	line-height: 22px;

	font-weight: bold;

	margin-top: -30px;

	margin-bottom: 5px;

}

.faq-con p{

	color: #738088;

	font-size: 14px;

	line-height: 24px;

}













@media all and (max-width: 1440px){

	

	

	

}

@media all and (max-width: 1023px){

	.contact{

		flex-wrap: wrap;

	}

	.contact .left{

		width: 100%;

		padding-right: 0px;

	}

	.contact .left img{

		width: 100%;

	}

	.contact .right{

		width: 100%;

	}

	.contact .right .contact_text{

		padding: 2%;

	}

	.contact_text h2{

		font-size: 18px;

	}

	.contact_text .single_solution_text_shemei ul{

		padding-bottom: 20px;

	}

	.contact_map{

		padding-bottom: 40px;

	}

	.design_tt h2{

		font-size: 18px;

		margin-bottom: 10px;

	}

	.design_tt p{

		margin-bottom: 20px;

	}

	

	.service_download_con{

		width: 49%;

		margin-left: 2%;

	}

	.service_download_con:nth-child(3n-2){

		margin-left: 2%;

	}

	.service_download_con:nth-child(2n-1){

		margin-left: 0%;

	}

	.service_download_con>img{

		width: 100%;

	}

	.service_download_con div a{

		height: 38px;

	}

	.why_us{

		padding-bottom: 40px;

	}

	.faq-con h3{

		font-size: 48px;

	}

	.faq-con{

		margin-bottom: 10px;

	}

	

	.servedioul li{

		width: 49%;

		margin-left: 2%;

	}

	.servedioul li:nth-child(3n-2){

		margin-left: 2%;

	}

	.servedioul li:nth-child(2n-1){

		margin-left: 0%;

	}

	

}

@media all and (max-width: 768px){

	

	.contact_map iframe,.about_top_video iframe{

		height: 300px;

	}

	

}

@media all and (max-width: 1440px){
	.service_download_con div h2{
		font-size: 12px;
	}

}

@media all and (max-width: 500px){

	

}

/*404*/

.a404-bg{

	background: url(../images/lx33.png) no-repeat;

}

.a404 h2{

	color: #333;

	font-size: 40px;

	padding: 80px 0;

}

.a404-con{

	display: flex;

	justify-content: space-between;

	padding-bottom: 38px;

}

.a404-con ul li{

	padding: 7px 0;

}

.a404-con ul li a{

	color: #333;

	font-size: 16px;

}

.a404-con ul li a:hover{

	color: #024572;

}

.a404-con ul li img{

	margin-right: 10px;

	margin-top: 2px;

}

.a404-con .search-center {

	width: 40%;

}

.a404-con .search-center .search-center-input {

	width: 100%;

	background: transparent;

	padding: 0px 0;

}

.a404-con .search-center .search-center-input .center-input-box {

	width: 100%;

	margin: 0 auto;

}

.a404-con .search-center .search-center-input .center-input-box .center-title {

	font-size: 40px;

	color: #333;

	text-align: left;

	text-transform: capitalize;

	padding-bottom: 36px;

}

@media (max-width: 1023px){

	.a404-con{

		flex-wrap: wrap;

		justify-content: center;

	}

	.a404-co1{

		width: 100%;

		padding-bottom: 20px;

	}

	.a404-co2{

		width: 100%;

		display: flex;

		justify-content: center;

		padding-bottom: 20px;

	}

	.a404{

		text-align: center;

	}

	.a404-co1 img{

		display: block;

		margin: 0 auto;

	}

	.a404-con .search-center .search-center-input .center-input-box .center-title{

		text-align: center;

	}

	.a404-con .search-center{

		width: 100%;

	}

	.a404-bg{

		background: #eee;

	}

	.a404-con .search-center .search-center-input{

		background: #eee;

	}

}

@media (max-width: 750px){

	.a404 h2{

		font-size: 30px;

		padding: 40px 0;

	}

	.a404-con{

		padding-bottom: 30px;

	}

}
.search-box{

	padding-top: 70px;

	padding-bottom: 70px;

}

.search-title h2{

	color: #080808;

	font-size: 30px;

	line-height: 24px;

	margin-bottom: 30px;

}

.search-center{

	background: url(../images/lx33.png) no-repeat;

}

.center-con-title {

	display: flex;

	display: -webkit-flex;

	flex-direction: row;

	align-items: center;

	padding: 85px 0 40px 0;

}

.center-con-title span.title-main {

	font-size: 30px;

	color: #333;

	font-weight: 600;

}

.center-con-title span.title-num {

	font-size: 30px;

	color: #024572;

	padding: 5px 10px;

	margin-left: 20px;

	font-weight: 600;



}

@media (max-width: 1199px){

	.search-center .search-center-input .center-input-box {

		width: 50%;

	}

}



@media (max-width: 1023px){

	.search-center .search-center-input {

		padding: 45px 0;

	}

	.search-center .search-center-input .center-input-box {

		width: 75%;

	}

}

@media (max-width: 750px){

	.search-center .search-center-input .center-input-box {

		width: 100%;

	}

	.search-title h2{

		padding-left: 15px;

		font-size: 22px;

	}

	.search-box{

		padding: 30px 0;

	}

	.center-con-title{

		padding: 30px 0 30px 15px;

	}

	.center-con-title span.title-main,.center-con-title span.title-num{

		font-size: 22px;

	}

	.search-center .search-center-input .center-input-box .center-title{

		font-size: 30px;

		font-weight: bold;

	}

}

@media all and (max-width: 1023px) {

	.box-margin-30{

		margin-left: -15px;

		margin-right: -15px;

	}

}