* {

	margin: 0px;

	padding: 0px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	-o-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	-ms-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	-moz-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	font-style: normal;

	list-style: none;

	font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";

	text-decoration: none;

	font-weight: 300;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



p,

div {

	font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";

}

.bold{

	font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";

}

img {

	border: none;

	font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";

	max-width: 100%;

	height: auto;

	vertical-align: top

}



a {

	color: #333333;

	text-decoration: none;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

	font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";

	word-break: break-word;

	font-weight: inherit;

}



body {

	position: relative;

	min-height: 100%;

	font-size: 16px;

	color: #666666;

	background-color: #FFFFFF;

	font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";

	min-width: 320px;

	overflow-x: hidden;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



.donghua,

 ::after,

 ::before {

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}





/*鼠标移上图片放大（图片外面需要一个盒子，盒子类名为imgda即可）*/



.imgda {

	overflow: hidden;

}



.imgda img {

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



.imgda:hover img {

	transform: scale(1.2);

}



/*鼠标移上图片上移效果，哪里需要放哪里*/



.imgUP {

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



.imgUP:hover {

	-webkit-transform: translateY(-2%);

	-moz-transform: translateY(-2%);

	-ms-transform: translateY(-2%);

	-o-transform: translateY(-2%);

	transform: translateY(-2%);

}

.alignleft {

  float: left;

  margin: 6px 28px 28px 0;

}



.alignright {

  float: right;

  margin: 6px 0 28px 28px;

}



.aligncenter {

  clear: both;

  display: block;

  margin: 0 auto 28px;

}

._clear {

	clear: both

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{

	font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";

    font-weight: 500;

    color: inherit;

}



.box {

	width: 95%;

	margin: 0 auto;

	max-width: 1480px;

}



.box1200 {

	width: 95%;

	margin: 0 auto;

	max-width: 1200px;

}



.cur {

	position: fixed;

	top: 0;

	width: 100%;

	/*background-color: #fff;*/

	transform: translate(0, 0);

	z-index: 11;

	box-shadow: 0px 0px 15px #e8e8e8;

}



/*navtop*/

.header-nav-top-box{

	display: flex;

	padding: 25px 0;

}

.header-nav-top-box div{

	width: 25%;

	display: flex;

	align-items: center;

	color: #595a5c;

	font-size: 16px;

}

.header-nav-top-box div a{

	color: #595a5c;

	font-size: 16px;

	font-weight: bold;

}

.header-nav-top-box div img{

	margin-right: 10px;

}

.header-nav-top-box div:last-child{

	justify-content: flex-end;

}

.header-nav-top-box div form{

	width: 278px;

    height: 40px;

    border: 1px solid #595a5c;

	border-radius: 45px;

	display: flex;

}

.header-nav-top-box div form input {

    border: 0px;

	width: 75%;

	height: 38px;

	margin-left: 17px;

	background: transparent;

}

.header-nav-top-box div form button {

    width: 47px;

    height: 40px;

    display: block;

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

    border: 0px;

}

















/*轮播图*/



.banner-picture {

	width: 100%;

}



.swiper-container {

	width: 100%;

	/*height: 100%;*/

	margin-left: auto;

	margin-right: auto;

}



.swiper-slide img {

	width: 100%;

	display: block;

}



.swiper-slide {

	text-align: center;

	font-size: 14px;

	width: 100%;

	height: 100%;

	background: #FFFFFF;

	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;

}



#banner .swiper-pagination-bullet {

	width: 20px!important;

	height: 20px!important;

	border-radius: 50%!important;

	background: rgba(67, 67, 67, 1)!important;

	border: 1px solid #434343;

	margin: 0 0;

	margin-left: 35px;

	opacity: .8;

}



#banner .swiper-pagination-bullet:first-child {

	margin-left: 0px;

}



#banner .swiper-pagination-bullet-active {

	background: rgba(255, 255, 255, 1)!important;

	border: none;

	width: 20px!important;

	height: 20px!important;

	opacity: 1;

}



#banner .swiper-pagination {

	bottom: 30px!important;

}



#banner .swiper-slide {

	position: relative;

}







#banner .swiper-slide .banner-text {

	position: absolute;

	z-index: 9;

	top: 58%;

	left: 50%;

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

	width: 100%;

}



#banner .swiper-slide .banner-text h1 {

	width: max-content;

	font-size: 80px;

	font-weight: bold;

	color: #fff;

	margin-bottom: 20px;

	text-align: left;

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

	padding-left: 25px;

	padding-right: 27px;

}



#banner .swiper-slide .banner-text p {

	width: max-content;

	font-size: 48px;

	height: 52px;

	line-height: 48px;

	color: #fff;

	margin-bottom: 20px;

	text-align: left;

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

	padding-left: 25px;

	padding-right: 27px;

}



@media (max-width:1024px) {

	#banner .swiper-slide .banner-text h1 {

		font-size: 36px;

		margin-bottom: 15px;

	}

	#banner .swiper-slide .banner-text h2 {

		font-size: 18px;

		line-height: 28px;

		color: #fff;

		margin-bottom: 25px;

	}

	#banner .swiper-slide .banner-text p {

		font-size: 24px;

		margin-bottom: 5px;

	}

	#banner .swiper-pagination {

		bottom: 5px!important;

	}

}



@media (max-width:550px) {

	#banner .swiper-slide .banner-text h1 {

		font-size: 18px;

		margin-bottom: 0px;

	}

	#banner .swiper-slide .banner-text h2 {

		font-size: 16px;

		margin-bottom: 5px;

	}

}



.title {}



.title h2{

	font-size: 38px;

	color: #4a5357;

	text-align: center;

	font-weight: bold;

	padding-top: 70px;

}

.title h1{

	font-size: 50px;

	color: #595a5c;

	text-align: center;

	padding-bottom: 60px;

	font-weight: bold;

	padding-top: 15px;

}

@media (max-width:1023px) {

	.title h2 {

		padding-top: 45px;

		padding-bottom: 25px;

	}

}



@media (max-width:750px) {

	.title h2 {

		padding-top: 25px;

		font-size: 28px;

	}

	

}



@media (max-width:1199px) {

	.footer-nav-left li {

		padding: 0 6px;

	}

}



@media (max-width:1023px) {

	.header-nav,

	.footer-nav,

	.header,.header-nav-top,#banner .swiper-pagination {

		display: none;

	}

}



@media (max-width:750px) {

	header,

	#banner .swiper-slide .banner-text p,

	.index-solution-p p {

		display: none;

	}

	#banner .swiper-button-prev,

	#banner .swiper-button-next {

		width: 0px;

		height: 0px;

	}
	.prod-banner img{
		display: none;
	}
	

}



@media (max-width:550px) {

	.footer-copyright {

		flex-wrap: wrap;

	}

}

.mianbao {

	    padding: 25px 30px 30px 0;

	text-transform: uppercase;

}



.mianbao .mianbao-text a {

	color: #0096e0;

	font-size: 14px;

	text-transform: uppercase;

	word-break: unset;

}



/*.mianbao .mianbao-text a:hover {

	color: #ff6f61;

}*/



.mianbao .mianbao-text {

	color: #646e75;

	font-size: 14px;

	display: flex;

	align-items: center;

	justify-content: flex-end;

	text-transform: uppercase;

	flex-wrap: wrap;

}



.mianbao .mianbao-text img {

	margin: 0 18px 0 18px;

}

.mianbao .mianbao-text img:first-child{

	margin-left: 0px;

}















/*404*/

.a404beijing{

	padding-top: 80px;

	padding-bottom: 50px;

	/*height: 100vh;*/

}

.a404 img {

	display: block;

	margin: 0px auto 0;

}

.a404 a {

	display: block;

	width: 250px;

	height: 70px;

	text-align: center;

	line-height: 70px;

	background-color: #0096e0;

	border-radius: 45px;

	color: #fff;

	margin: 30px auto 0px;

}



#beijing{

	padding-top: 30px;

}

#beijing .mianbao .mianbao-text {

	color: #fff;

}

#beijing .mianbao .mianbao-text a {

	color: #fff;

}

.sousuo-form {

	display: flex;

	justify-content: center;

	padding-bottom: 30px;

}

.sousuo-form form {

	width: 240px;

	height: 30px;

	border: 1px solid #c9c9c9;

	border-radius: 45px;

	margin-top: 7px;

	display: flex;

}

.sousuo-form form input {

	display: block;

	width: 150px;

	height: 25px;

	margin-left: 15px;

	border: none;

	color: #7e7a76;

	background: transparent;

	outline: none;

}

.sousuo-form form button {

	background: url(../images/dasuosou.png) center/cover no-repeat;

	border: 0;

	cursor: pointer;

	height: 15px;

	position: relative;

	top: 3px;

	vertical-align: middle;

	width: 15px;

	margin-left: 45px;

	margin-top: 4px;

}

.news .news-a {

	width: 100%;

	display: block;

	padding-bottom: 12px;

}

.news-con {

	display: flex;

}

.news-con .news-left {

	width: 100%;

	padding-left: 30px;

	padding-right: 30px;

	background: #fff;

}



.news-con .news-left h2 {

	color: #595a5c;

	font-size: 20px;

	line-height: 24px;

	margin: 30px 0 13px 0;

}

.news-con .news-left p {

	color: #7e7a76;

	font-size: 14px;

	line-height: 24px;

}

.news-con .news-left span {

	color: #0096e0;

	font-size: 14px;

	line-height: 33px;

	border: 1px solid #0096e0;

	margin-top: 20px;

	display: block;

	width: 95px;

	text-align: center;

	border-radius: 45px;

	margin-bottom: 17px;

}

.news .news-a:hover .xian {

	width: 100%;

}

.news .news-a .xian {

	width: 0px;

	height: 2px;

	background: #0096e0;

	transition: all .25s



}





.index-box{

	display: flex;

	padding-top: 75px;

	padding-bottom: 75px;

}

.index-box-left{

	background: #f0f0f0;

	width: 34.2%;

	max-height: max-content;

}

.index-box-right{

	width: 65.8%;

	padding-left: 4.5%;

}

.index-case-box{

	padding-top: 30px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-right: 40px;

	padding-bottom: 30px;

}

.index-case-box h2{

	background: #000000;

	color: #fff;

	font-size: 30px;

	font-weight: bold;

	padding: 6px 70px 6px 34px;

}



.index-case-box a{

	color: #333333;

	font-size: 16px;

	text-decoration: underline;

}

.index-case-text{

	padding: 0px 40px;

}

.index-case-text h2{

	color: #333333;

	font-size: 18px;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 22px;

}

.index-case-text span{

	display: block;

	width: 30px;

	height: 4px;

	background: #000000;

	margin: 18px 0;

}

.index-case-text2{

	

    

    

	margin-bottom: 35px;

}

.index-case-text2 p{

	color: #666666;

	font-size: 16px;

	line-height: 24px;

	margin-bottom: 26px;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
javascript:;
	overflow: hidden;

	height: 71px;

}

.index-prod{

	display: flex;

	margin-left: -20px;

	margin-right: -20px;

	padding-bottom: 70px;

}



.index-prod-con{

	width: 25%;

	padding: 0 20px;

	position: relative;

}



.index-prod-title h2{

	color: #333333;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 42px;

}

.index-prod-top{

	display: flex;

	justify-content: flex-end;

	padding-bottom: 90px;

}



.index-prod-top a{

	color: #333333;

	font-size: 16px;

	text-decoration: underline;

}



.index-prod-img img{

	display: block;

	margin: 0 auto;

}

.index-prod-box{

	box-shadow: 0px 10px 25px #ebeae9;

	padding-bottom: 30px;

	position: absolute;

	left: 0px;

	top: -70px;

	background: #fff;

	width: 256px;

	height: 352px;

	opacity: 0;

}

.index-prod-jiantou{

	display: flex;

	justify-content: flex-end;

	padding-bottom: 10px;

}

.index-prod-jiantou a{

	background: #000;

	padding: 16px 20px;

	max-width: max-content;

	display: flex;

}



.index-prod-box h2 {

	color: #333333;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	max-width: 190px;

	padding-left: 30px;

	margin-bottom: 0px;

}

.index-prod-box h2 a{

	color: #333333;

	font-size: 14px;

	font-weight: bold;

}

.index-prod-box .index-prod-img{

	padding-left: 30px;

	padding-right: 30px;

}



.index-prod-con:hover{

	margin-right: 40px;

	

}



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

	opacity: 1;

}





.index-news-title{

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-top: 1px solid #c8c8c8;

	padding-top: 30px;

	padding-bottom: 30px;

}

.index-news-title a{

	color: #333333;

	text-transform: uppercase;

	font-size: 16px;

	text-decoration: underline;

}

.index-news-title h2{

	color: #333333;

	font-size: 30px;

	font-weight: bold;

	text-transform: uppercase;

}

.index-news{

	display: flex;

	margin-left: -3.2%;

}

.index-news-con{

	width: 33.3333%;

	padding-left: 3.2%;

}

.index-news-con:first-child{

	/*padding-left: 0px;*/

}

.index-news-text{

	display: flex;

	position: relative;

}

.index-news-text-time{

	background: #000;

	padding: 20px 6px 12px 6px;

	text-align: center;
	width: 21%;
}

.index-news-text-time h2{

	font-size: 24px;

	color: #fff;

}

.index-news-text-time p{

	font-size: 14px;

	color: #fff;

}



.index-news-text2{

	background: #fff;

	border: 1px solid #cfcfcf;

	position: absolute;

	bottom: 0px;

	right: 0px;

	width: 79%;

	height: 150px;

	padding: 20px 16px 26px 20px;

}



.index-news-text2 h2{

	color: #333333;

	font-size: 14px;

	line-height: 16px;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 32px;

}



.index-news-text2 h2 a{

	color: inherit;

	font-weight: 600;

	text-transform: uppercase;

}



.index-news-text2 p{

	color: #666666;

	font-size: 12px;

	line-height: 16px;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    height: 48px;

}

.index-news-text2 p a{

	color: inherit;

}



.index-news-text2 span{

	display: block;

	background: #000000;

	width: 20px;

	height: 3px;

	margin-top: 12px;

	margin-bottom: 10px;

}



.footer-bg{

	background: url(../images/footer-bg.jpg) no-repeat #1a1919;

	padding-bottom: 100px;

}



footer{

	padding-top: 36px;

	padding-bottom: 36px;

}

.footer-top{

	display: flex;

	border-bottom: 1px solid #2f2f2f;

	padding-bottom: 25px;

}

.footer-top-left{

	width: 38.5%;

}

.footer-top-left p{

	padding-top: 28px;

	padding-bottom: 18px;

	font-size: 12px;

	color: #8a8989;

}

.footer-top-left ul{

	display: flex;

}

.footer-top-left ul li{

	margin-left: 11px;

}

.footer-top-left ul li:first-child{

	margin-left: 0px;

}
.footer-shemei{
	display: flex;
}
.footer-shemei-img{
	margin-right:18px;
}
.footer-top-left ul li img{
	width: 26px;
	height: 26px;
}
.footer-box p{
	padding-top: 10px;
    padding-bottom: 10px;
}
.footer-top-right-left{

	width: 60%;

	padding-right: 10px;

	font-size: 14px;

	color: rgba(255,255,255,.6);

}

.footer-top-right-left a{

	font-size: 14px;

	color: rgba(255,255,255,.6);

}



.footer-top-right-left ul {

	padding-top: 20px;

	display: flex;

	justify-content: space-between;

	padding-bottom: 25px;

}
.footer-top-right-left ul li:last-child a{
	color: #ba1623;
}
.footer-top-right-left p{

	padding-bottom: 10px;

}

.footer-top-right-right{

	width: 40%;

}





.footer-top-right{

	display: flex;

	width: 61.5%;

}



.footer-nav-ul{

	display: flex;

	padding: 0px 0;

	position: relative;

}

.footer-nav-li{

	padding: 30px 6.1%;

	/*position: relative;*/

}

.footer-nav-li>a{

	position: relative;

}

.footer-nav-li>a::before{

	content: "";

	position: absolute;

	left: -95px;

	top: 10px;

	width: 1px;

	height: 12px;

	background: #424343;

}

.footer-nav-li:first-child>a::before{

	display: none;

}

.footer-nav-li:first-child{

	padding-left: 0px;

}

.footer-nav-li:last-child{

	padding-right: 0px;

}

.footer-nav-li>a{

	color: #c6c6c6;

	font-size: 20px;

	display: flex;

	align-items: center;

}

.footer-nav-li>a img{

	margin-left: 5px;

}
.footercur2 .footer-nav-box{
	display: flex;
}


.footer-nav-box{

	display: flex;

	position: absolute;

	left: 0px;

	top: 100%;

	min-width: 1480px;

	display: none;

}

.footer-nav-box ul{

	width: 18%;

}

.footer-nav-box ul li{

	margin-bottom: 15px;

}

.footer-nav-box ul li:last-child{

	margin-bottom: 0px;

}



.footer-nav-box ul li a{

	color: #6c6c6c;

	font-size: 12px;

}

.footer-nav-li:hover a img{

	transform: rotate(180deg);

}

.footer-nav-li:hover .footer-nav-box{

	display: flex;

}

@media (max-width:1600px) {

	.footer-nav-li{

		    padding: 30px 5%;

	}

}

@media (max-width:1440px) {

	.index-prod-box{

	    width: 100%;

    	height: auto;

	}

	.index-prod-con:hover{

		margin-right: 0px;

	}

	.footer-nav-li>a::before{

		    left: -52px;

	}

	.footer-nav-box{

		width: 100%;

    	max-width: 1480px;

    	min-width:auto;

	}

}

@media (max-width:1200px) {

	.index-news-text2{

		position: unset;

	}

	.footer-nav-li>a::before{

		display: none;

	}

	.footer-nav-li{

		padding: 30px 3%;

	}

}



@media (max-width:1023px) {

	.index-news-text-time{

		display: none;

	}

	.index-news-text2{

		width: 100%;

	}

	.index-box{

		flex-wrap: wrap;

		padding-top: 40px;

	}

	.index-box-left{

		width: 100%;

	}

	.index-box-right{

		width: 100%;

		padding-left: 0px;

	}

	.index-prod-top{

		padding-top: 30px;

	}

	.footer-bg{

		padding-bottom: 0px;

	}

	.footer-top-right{

		display: none;

	}

	.footer-top-left{

		width: 100%;

	}

	footer{

		padding-bottom: 120px;

	}

	.index-news-img img{

		width: 100%;

		display: block;

	}

}



@media (max-width:768px) {

	.index-prod{

		flex-wrap: wrap;

		padding-bottom: 20px;

	}

	.index-prod-con{

		width: 50%;

		padding-bottom: 30px;

	}

	.index-news-title h2{

		font-size: 24px;

	}

	.index-news{

		flex-wrap: wrap;

	}

	.index-news-con{

		width: 50%;

		margin-bottom: 30px;

	}

	.index-box{

		padding-bottom: 0px;

	}
  .index-prod-box .index-prod-img{
  	padding-bottom: 30px;
  }

}



.here{

	color: #000000;

	font-size: 16px;

	line-height: 28px;

	padding-top: 30px;

	padding-bottom: 10px;

	border-bottom: 1px solid #c8c8c8;

}



.here span{

	color: #b2191e;

}



.epc-title h1{

	max-width: 794px;

	font-size: 30px;

	color: #000000;

	padding-top: 100px;

	padding-bottom: 80px;

	line-height: 72px;

}

.epc-box{

	padding-bottom: 80px;

}

.epc-con{

	display: flex;

	padding-bottom: 50px;

}

.epc-con:last-child{

	padding-bottom: 0px;

}
.epc-con:nth-child(even){
	flex-flow: row-reverse;
}
.epc-left{

	width: 53%;

	padding-right: 3%;

}

.epc-right{

	width: 47%;

}
.epc-con:nth-child(even) .epc-left{
	padding-right: 0px;
	width: 50%;
}
.epc-con:nth-child(even) .epc-right{
	width: 50%;
	padding-right: 3%;
}
.epc-con strong{

	color: #000;

	font-size: 40px;

	margin-bottom: 40px;

	    display: inline-block;

}



.epc-con p{

	color: #666666;

	font-size: 16px;

	line-height: 36px;

	

}

.epc-left p{

	margin-bottom: 10px;

}

.epc-right p{

	margin-bottom: 35px;

}

.epc-left p:last-child{

	margin-bottom: 0px;

}

.epc-right p:last-child{

	margin-bottom: 0px;

}
.case-single h1{
	font-size: 30px;
	line-height: 48px;
	text-align: center;
	max-width:100%;
}





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

	.epc-title h1{

		font-size: 38px;

	    padding-top: 50px;

	    padding-bottom: 30px;

	    line-height: 50px;

	}

	.epc-con{

		flex-wrap: wrap;

	}

	.epc-left{

		width: 100%;

		padding-right: 0px;

		margin-bottom: 30px;

	}

	.epc-right{

		width: 100%;

	}

	.epc-con strong{

		font-size: 28px;

    margin-bottom: 15px;

	}

	.epc-right p{

		margin-bottom: 15px;

	}

	.epc-con p{

		font-size: 14px;

		line-height: 28px;

	}

	.epc-con{

		padding-bottom: 15px;

	}

	.epc-left p {

	    margin-bottom: 15px;

	}

	.here{

		padding-top: 20px;

		font-size: 12px;

	}
	.epc-con:nth-child(even){
		flex-flow:wrap;
	}
	.epc-con:nth-child(even) .epc-left{
		width:100%;
	}
	.epc-con:nth-child(even) .epc-right{
		width: 100%;
		padding-right: 0px;
	}

}



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

	.epc-title h1 {

	    font-size: 28px;

	    padding-top: 28px;

	    padding-bottom: 30px;

	    line-height: 36px;

	}

}

.case-center-box{

	padding-bottom: 130px;

}

.case-center-con{

	display: flex;

	margin-top: 130px;

}



.case-center-left{

	width: 47%;

	background: url(../images/case-bg.jpg) no-repeat right;

}



.case-center-right{

	width: 53%;

	padding-left: 5%;

	padding-top: 25px;

}

.case-center-right h2{

	color: #333333;

	font-size: 26px;

	line-height: 36px;

	font-weight: bold;

	margin-bottom: 30px;

}

.case-center-right p{

	color: #666666;

	font-size: 18px;

	line-height: 30px;

	margin-bottom: 30px;

}

.case-center-right>a{

	color: #333333;

	text-decoration: underline;

	font-size: 18px;

}



.case-center-con:nth-child(even){

	flex-flow: row-reverse;

}

.case-center-con:nth-child(even) .case-center-right{

	padding-right: 5%;

}



/*fanye*/

.fanye-con{

	width: 100%;

}

.fanye {

    text-align: left;

		margin-top: 28px;

    margin-bottom: 48px;

}

.fanye .wp-pagenavi{

	display: flex;

	justify-content: center;

}

.fanye a {

    display: inline-block;

    border-width: 1px;

    border-color: #e9e9e9;

    border-style: solid;

    height: 38px;

    text-align: center;

    min-width: 38px;

    width: 38px;

    line-height: 38px;

    position: relative;

    color: #7d7d7d;

	background: #f5f5f5;

	margin-left: 5px;

	

}

.fanye .current {

    display: inline-block;

    border-width: 2px;

    border-color: transparent;

    border-style: solid;

    height: 38px;

    text-align: center;

    min-width: 38px;

    width: 38px;

    line-height: 38px;

    position: relative;

    background: #e60012;

	margin-left: 5px;

    color: #fff;

}

.fanye .previouspostslink {

    display: inline-block;

    padding: 0 5px;

}

.fanye .nextpostslink {

    display: inline-block;

    margin-bottom: 0px;

    padding: 0 5px;

    color: #7d7d7d;

}



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

	.case-center-left{

		background: none;

	}

}



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

	.case-center-con{

		flex-wrap: wrap;

		margin-top: 50px;

	}

	.case-center-left{

		width: 100%;

	}

	.case-center-right{

		width: 100%;

		padding-left: 0px;

	}

	.case-center-con:nth-child(even){

	    flex-flow: wrap;

	}

	.case-center-con:nth-child(even) .case-center-right{

		padding-right: 0%;

	}

	.case-center-box{

		padding-bottom: 0px;

	}

}



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

	.case-center-right h2 {

	    font-size: 24px;

	    line-height: 28px;

	    margin-bottom: 15px;

	}

	.case-center-right p {

	    font-size: 14px;

	    line-height: 26px;

	    margin-bottom: 15px;

	}

}

.xgchanpin-bg{

	background: #fafafa;

	

}

.xgchanpin-title h2{

	color: #333333;

	font-size: 40px;

	font-weight: 600;

	text-align: center;

	position: relative;

	margin-bottom: 80px;

	padding-top: 90px;

}

.xgchanpin-title h2::before{

	content: "";

	position: absolute;

	left: 50%;

    bottom: -10px;

	width: 60px;

	height: 8px;

	/*background: #000;*/

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

}



.xgchanpin-box{

	padding-bottom: 60px;

	display: flex;

	flex-wrap: wrap;

}

.xgchanpin-con{

	width: 23.5%;

    margin-left: 2%;

}

.xgchanpin-con:first-child{

	margin-left: 0px;

}

.xgchanpin-img img{

	width: 100%;

	border: 1px solid #d2d2d2;

}



.xgchanpin-text h2{

	color: #333333;

	font-size: 20px;

	font-weight: 600;

	line-height: 24px;

	/*text-transform: uppercase;*/

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 48px;

    margin-top: 20px;

}





.xgcase .xgchanpin-img img{

	border: none;

}



.xgcase .xgchanpin-text h2{

	text-transform: none;

}



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

	.xgchanpin-con{

		width: 49%;

		margin-bottom: 20px;

	}

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

		margin-left: 0px;

	}

	.xgchanpin-title h2{

		

	}

	.xgchanpin-title h2{

		font-size: 28px;

		margin-bottom: 40px;

		padding-top: 40px;

	}

	.xgchanpin-text h2{

		font-size: 18px;

	}

}





.prod-center{

	padding-top: 80px;

	display: flex;

}



.prod-center-left{

	width: 26%;

	

}

.prod-center-left a{

	display: flex;

	background: #f5f5f5;

	margin-bottom: 10px;

	padding: 12px;

}

.prod-center-right{

	width: 74%;

}

.prod-center-left-img{

	min-width: 18px;

	padding-top: 3px;

}



.prod-center-left h2{

	color: #333333;

	font-size: 18px;

	line-height: 24px;

	padding-left: 14px;

}

.prod-center-left .fenlei{

    font-size: 18px;

    color: #333333;

    font-weight: 600;

    line-height: 24px;

    display: none;

}

.prod-center-left .fenlei a{

	display: flex;

    align-items: center;

    width: 100%;

}

.prod-center-left .fenlei img{

	margin-right: 20px;

}

.prod-center-right .xgchanpin-con{

	width: 29.3%;

    margin-left: 4%;

    margin-bottom: 30px;

}

.prod-center-right .xgchanpin-con:first-child {

    margin-left: 4%;

}



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

	.prod-center{

		flex-wrap: wrap;

		padding-top: 40px;

	}

	.prod-center-left{

		width: 100%;

	}

	.prod-center-right{

		width: 100%;

	}

	.prod-center-right .xgchanpin-con:nth-child(3n-2){

		margin-left: 0px;

	}

	.prod-center-right .xgchanpin-con{

		width: 30.5%;

	}

	.prod-center-left .fenlei{

		display: flex;

	}

	.prod-center-left .abox{

		display: none;

	}

}



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

	.prod-center-right .xgchanpin-con{

		width: 48%;

	}

	.prod-center-right .xgchanpin-con:nth-child(3n-2){

		margin-left: 4%;

	}

	.prod-center-right .xgchanpin-con:nth-child(2n-1){

		margin-left: 0px;

	}

	.prod-center-right .xgchanpin-box{

		padding-bottom: 0px;

	}

}



.news-center{

	padding-top: 80px;

	flex-wrap: wrap;

}



.news-center .index-news-con{

	margin-bottom: 60px;

}



.news-center .index-news-img img{

	width: 100%;

}



.news-center .index-news-text2 h2{

	font-size: 20px;

	line-height: 24px;

	height: 45px;

}

.news-center .index-news-text2 p{

	font-size: 18px;

	line-height: 20px;

    height: 58px;

}

.news-center .index-news-text2{

	height: 180px;

}



.news-center .index-news-text-time{

	width: 21%;

	padding: 12px 24px 20px 12px;

}



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

	.news-center{

		padding-top: 40px;

	}

	.news-center .index-news-text2 h2{

		    font-size: 18px;

	}

	.news-center .index-news-text2 p{

		font-size: 14px;

	}

}

.news-bg{

	background: #fafafa;

	padding-bottom: 1px;

}

.single-news{

	display: flex;

	padding-top: 50px;

}



.single-news-left{

	width: 70%;

	padding-right: 5%;

	height: max-content;

}

.single-news-right{

	width: 30%;

	background: #fff;

	padding: 30px 30px 0px 30px;

	height: max-content;

}



.single-news-left .index-news-text2{

	position:unset;

	width: 86%;

	border: none;

}

.single-news-left .index-news-text-time{

	width: 14%;

}



.single-news-left .index-news-text-time h2{

	font-size: 38px;

	

}



.single-news-left .index-news-text-time p{

	font-size: 22px;

}



.single-news-left .index-news-text2 h1{

	display: unset;

    -webkit-box-orient: unset;

    -webkit-line-clamp: unset;

    overflow: unset;

    height: unset;

    font-size: 24px;

    font-weight: 600;

        line-height: 28px;

        color: #000;

}



.single-news-left .index-news-text2 h1 a{

	text-transform: unset;

}



.single-news-left .biaoqian{

	display: flex;

}

.single-news-left .biaoqian div{

	color: #666666;

	background: #eeeeee;

	padding: 8px;

	margin-left: 20px;

	margin-top: 20px;

}

.single-news-left .biaoqian div:first-child{

	margin-left: 0px;

	

}



.single-news-left .index-news-text{

	padding-bottom: 20px;

	border-bottom: 1px solid #e5e5e5;

}



.single-news-left .left-bg{

	background: #fff;

}



.single-news-left .news-text{

	padding: 50px 50px 88px 16%;

}



.single-news-left .news-text p{

	color: #666666;

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 36px;

	

}

.single-news-left .news-text ul{

	display: flex;

}

.single-news-left .news-text ul li{

	margin-left: 15px;

}

.single-news-left .news-text ul li:first-child{

	margin-left: 0px;

}

.news-about{

	padding-bottom: 25px;

}

.news-about h2{

	position: relative;

	color: #000000;

	font-size: 24px;

	font-weight: bold;

	padding-left: 16px;

	padding-bottom: 15px;

}

.news-about h2:before{

	content: "";

	position: absolute;

	left: 0px;

	top: 6px;

	width: 6px;

	height: 20px;

	background: #000;

}

.news-about>p{

	color: #666666;

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 22px;

}



.news-about form input{

	background: #eeeeee;

	border: none;

	color: #999999;

	font-size: 20px;

	width: 100%;

	height: 58px;

	padding-left: 30px;

	margin-bottom: 25px;

}



.news-xgnews{

	display: flex;

	margin-bottom: 30px;

}



.news-xgnews-left{

	width: 35%;

}



.news-xgnewsright{

	width: 65%;

	padding-left: 10px;

}



.news-xgnewsright h3{

	color: #333333;

	font-size: 20px;

	font-weight: 600;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 58px;

}

.news-xgnewsright p{

	color: #666666;

	font-size: 18px;

	

}



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

	.single-news{

		flex-wrap: wrap;

	}

	.single-news-left{

		width: 100%;

		padding-right: 0px;

		margin-bottom: 30px;

	}

	.single-news-right{

		width: 100%;

	}

	.single-news-left .news-text{

		padding: 5%;

	}

	.single-news-left .index-news-text-time{

		display: block;

	}

}



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

	.single-news-left .index-news-text{

		flex-wrap: wrap;

	}

	.single-news-left .index-news-text-time{

		width: 100%;

		display: flex;

		align-items: center;

	}

	.single-news-left .index-news-text2{

		width: 100%;

		height: auto;

	}

	.single-news-left .index-news-text-time h2{

		font-size: 20px;padding-right: 10px;

	}

	.single-news-left .index-news-text-time p{

		padding-right: 10px;

	}

	.single-news-left .news-text p{

		font-size: 14px;

		line-height: 28px;

		margin-bottom: 10px;

	}

	.news-about>p{

		font-size: 14px;

		line-height: 28px;

	}

	.news-xgnewsright p{

		font-size: 14px;

	}

	.news-xgnewsright h3{

		font-size: 16px;

		height: 44px;

	}

}



.company-neiye{

	position: relative;

	margin-top: -70px;

	z-index: 1;

	background: #fff;

	padding: 0px 4% 30px 4%;

	margin-bottom: 80px;

	box-shadow: 7px 10px 20px #c8c8c8;

}

.company-neiye .here{

	border-bottom: 0px;

	padding-top: 20px;

}

.company-neiye h1{

	color: #333333;

	font-size: 50px;

	text-align: center;

	font-weight: 600;

	margin-top: 35px;

}

.company-box {

	padding-top: 60px;

}

.company-box .company-neiye-div{

	float: right;

	margin-left: 60px;

    margin-bottom: 50px;

}



.company-box p{

	color: #666666;

	font-size: 16px;

	line-height: 36px;

	margin-bottom: 34px;

}

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

	.company-neiye h1{

		font-size: 38px;

		margin-top: 15px;

	}
	.company-box{

		padding-top: 15px;

	}

	.company-box .company-neiye-div{

		float: none;

		margin-bottom: 30px;

		margin-left: 0px;

	}

	.company-box .company-neiye-div img{

		display: block;

		margin: 0 auto;

	}

	.company-neiye{

		box-shadow: none;
		margin-top:0px;
	}
	.history{
		padding-bottom: 30px;
	}
}

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

	.company-neiye h1 {

	    font-size: 28px;

	    margin-top: 0px;

	}

	.company-box p{

		color: #666666;

	    font-size: 14px;

	    line-height: 28px;

	    margin-bottom: 10px;

	}

	.company-neiye{

		margin-bottom: 30px;

	}

	.company-neiye .here{

		padding-top: 20px;

	}

}

.about-company{

	display: flex;

	padding-top: 90px;

	padding-bottom: 100px;

}

.about-company .left{

	width: 61%;

	background: #f5f5f5;

	margin-right: -5%;

	position: relative;

	z-index: 2;

	height: max-content;

	margin-top: 22px;

	padding: 50px;

}

.about-company .left h1{

	color: #333333;

	font-size: 40px; 

	margin-bottom: 10px;

}

.about-company .left p{

	color: #888888;

	font-size: 18px; 

	line-height: 40px;

	margin-bottom: 70px;

}

.about-company .left a{

	color: #000000;

	font-size: 20px;

	text-decoration: underline;

	font-weight: 600;

}

.about-company .right{

	width: 49%;

}

#company .swiper-slide img{

	display: block;

	width: auto;

}

#company .swiper-button-next, #company .swiper-button-prev {

    width: 30px;

    height: 30px;

    top: 94%;

}

#company .swiper-button-prev {

    background: url(../images/about-left.jpg) no-repeat center;

    left: auto;

    right: 10%;

}

#company .swiper-button-next {

    background: url(../images/about-right.jpg) no-repeat center;

    right: 4%;

}

.about-bg{

	background: #F5F5F5;

}



.about-factory-box h2{

	color: #333333;

	font-size: 40px; 

	text-align: center;

	padding-top: 70px;

	margin-bottom: 10px;

}



.about-factory-box p{

	color: #888888;

	font-size: 16px; 

	text-align: center;

	padding-bottom: 55px;

}



.about-factory{

	

	display: flex;

	padding-bottom: 20px;

}



.about-factory .left{

	display: flex;

	flex-wrap: wrap;

	width: 60%;

}

.about-factory .left div{

	width: 47%;

	margin-left: 5%;

	margin-bottom: 4.8%;

}

.about-factory .left div:nth-child(2n-1){

	margin-left: 0px;

}

.about-factory .right{

	width: 40%;

	padding-left: 2.5%;

}





.honor-picture{

	position: relative;

	padding-bottom: 100px;

}

#honor .swiper-container {

    position: unset;

}

#honor .swiper-slide{

	transform: scale(.95);

}

#honor .swiper-slide a{

	position: relative;

}

#honor .swiper-slide .honor-text{

	position: absolute;

	bottom: 0px;

	width: 100%;

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

	padding: 16px;

	opacity: 0;

}

#honor .swiper-slide .honor-text p{

	color: #fff;

	font-size: 16px;

	line-height: 22px;

	text-align: left;

}

#honor .swiper-slide:hover .honor-text{

	opacity: 1;

}

#honor .swiper-slide:hover{

	transform: scale(1);

}

#honor .swiper-button-next, #honor .swiper-button-prev {

    width: 20px;

    height: 34px;

    top: 40%;

}

#honor .swiper-button-prev {

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

    left: 0%;

}

#honor .swiper-button-next {

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

    transform: rotate(180deg);

    right: 0%;

}



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

	.about-company{

		flex-wrap: wrap;

	}

	.about-company .left{

		width: 100%;

		margin-right: 0px;

		margin-top: 0px;

		

	}

	.about-company .right{

		width: 100%;

	}

	#company .swiper-slide img{

		width: 100%;

	}

}



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

	.about-company{

		padding-top: 30px;

		padding-bottom: 20px;

	}

	.about-company .left{

		padding: 2%;

	}

	.about-company .left h1{

	    font-size: 28px;



	}

	.about-company .left p{

	    font-size: 14px;

	    line-height: 30px;

	    margin-bottom: 15px;

	}

	#company .swiper-button-prev{

		right: auto;

		left: 5%;

	}

	#company .swiper-button-next{

		right: 5%;

	}

	#company .swiper-button-next, #company .swiper-button-prev{

		top: 57%;

	}

	.about-factory-box h2{

	    font-size: 28px;

		padding-top: 20px;

    	margin-bottom: 0px;

	}

	.about-factory-box p{

		padding-bottom: 25px;

	}

	.honor-picture{

		padding-bottom: 30px;

	}

}



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

	.about-factory{

		flex-wrap: wrap;

	}

	.about-factory .left{

		width: 100%;

	}

	.about-factory .right{

		width: 100%;

		padding-left: 0px;

	}

}



.service-aim{

	display: flex;

	padding-top: 55px;

}

.service-aim .left{

	width: 50%;

	padding-top: 65px;

}

.service-aim .left div{

	padding-bottom: 80px;

}

.service-aim .left div:last-child{

	padding-bottom: 0px;

}

.service-aim .left div h2{

	color: #000000;

	font-size: 44px;

	font-weight: 600;

	position: relative;

	margin-bottom: 50px;

}

.service-aim .left div h2::before{

	content: "";

	position: absolute;

	left: 0px;

	bottom: -14px;

	width: 30px;

	height: 6px;

	/*background: #000;*/

}

.service-aim .left div p{

	color: #000000;

	font-size: 20px;

	line-height: 40px;

}

.service-aim .right{

	width: 50%;

}

.service-aim .right img{

	display: block;

	margin: 0 auto;

}





.Efficiency-bg{

	background: url(../images/Efficiency-bg.jpg) no-repeat;

}

.Efficiency{

	display: flex;

	margin-top: 175px;

	padding-bottom: 40px;

}

.Efficiency .left{

	width: 40%;

}

.Efficiency .left img{

	position: relative;

	margin-top: -120px;

	z-index: 1;

}

.Efficiency .right{

	width: 60%;

	padding-top: 100px;

	padding-left: 10px;

}

.Efficiency .right h2{

	color: #ffffff;

	font-size: 50px;

	position: relative;

	margin-bottom: 55px;

}

.Efficiency .right h2::before{

	content: "";

	position: absolute;

	left: 0px;

	bottom: -20px;

	width: 30px;

	height: 6px;

	background: #fff;

}

.Efficiency .right p{

	color: #ffffff;

	font-size: 20px;

	line-height: 40px;

}



.service-bottom{

	padding: 110px 0;

	display: flex;

}



.service-bottom .left{

	width:  61%;

}



.service-bottom .right{

	width: 39%;

	background: #353535;

	padding: 40px 40px 40px 60px;

}



.service-bottom .right h2{

	color: #ffffff;

	font-size: 42px;

	width: 90%;

    display: flex;

    line-height: 54px;

    margin-bottom: 60px;

    padding-top: 30px;

}

.service-bottom .right p{

	color: #ffffff;

	font-size: 20px;

	line-height: 40px;

    word-wrap: break-word;

}

.service-bottom .right .banshi{

	width: 74px;

	height: 159px;

	border: 8px solid #fff;

	text-align: center;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	float: right;

}

.service-bottom .right .banshi p{

	font-size: 40px;

	color: #fff;

	width: 100%;

}



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

	.service-aim{

		flex-wrap: wrap;

	}

	.service-aim .left{

		width: 100%;

		padding-top: 0px;

		margin-bottom: 30px;

	}

	.service-aim .right{

		width: 100%;

	}

	.Efficiency{

		flex-wrap: wrap;

	}

	.Efficiency-bg{

		background: none;

	}

	.Efficiency .left{

		width: 100%;

	}

	.Efficiency .right{

		width: 100%;

		padding-left: 0px;

		padding-top: 0px;

		/*background: #2d2a23;*/

	}

	.Efficiency .right h2{

		color: #000;

	}

	.Efficiency .right h2::before{

		background: #000;

	}

	.Efficiency .right p{

		color: #000;

	}

	.service-bottom{

		flex-wrap: wrap;

	}

	.service-bottom .left{

		width: 100%;

	}

	.service-bottom .right{

		width: 100%;

	}

}

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

	.service-aim .left div h2{

		font-size: 28px;

		margin-bottom: 30px;

	}

	.service-aim .left div h2::before{

		height: 4px;

	}

	.service-aim{

		padding-top: 30px;

	}

	.service-aim .left div{

		padding-bottom: 30px;

	}

	.service-aim .left div p{

		font-size: 14px;

		line-height: 30px;

	}

	.service-aim .right{

		padding-bottom: 20px;

	}

	.Efficiency .left img{

		display: block;

		margin: 0 auto;

	}

	.Efficiency{

		margin-top: 25px;

		padding-bottom: 0px;

	}

	.Efficiency .right h2{

		font-size: 28px;

		    margin-bottom: 30px;

	}

	.Efficiency .right p{

		font-size: 14px;

		line-height: 30px;

	}

	.service-bottom{

		padding: 30px 0;

	}

	.service-bottom .right .banshi{

		display: none;

	}

	.service-bottom .right h2{

	    font-size: 28px;

	    line-height: 30px;

		margin-bottom: 24px;

		padding-top: 0px;

	}

	.service-bottom .right p{

		font-size: 14px;

		line-height: 30px;

	}

	.service-bottom .right{

		padding: 20px;

	}

}





/*404*/

.a404 h2{

	color: #333;

	font-size: 40px;

	padding: 80px 0;

}

.a404-con{

	display: flex;

	    justify-content: space-between;

	        padding-bottom: 100px;

}

.a404-con ul li{

	padding: 7px 0;

}

.a404-con ul li a{

	color: #333;

	font-size: 16px;

}

.a404-con ul li a:hover{

	color: #e70012;

}

.a404-con ul li img{

	margin-right: 10px;

	margin-top: 6px;

}

.a404-con .search-center {

	width: 40%;

}

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

    width: 100%;

    background: #fafafa;

        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;

}

.hot-words-keys button {

    border: none;

    background: none;

    color: #0053a5;

    cursor: pointer;

}

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

    border: 1px solid #e0e0e0;

    height: 58px;

    line-height: 58px;

    background-color: #fff;

    padding-left: 3%;

}

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

    font-size: 14px;

    padding-top: 25px;

    overflow: hidden;

}

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

    display: inline-block;

    width: 90%;

    font-size: 16px;

    color: #333;

    outline: none;

    border: none;

}

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

    border: none;

    background: none;

    cursor: pointer;

}

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

    color: #333;

    float: left;

    width: 25.9%;

    text-align: center;

}

.search-center .search-center-input .center-input-box .search-hot .hot-words {

    float: left;

    width: 74.1%;

}

.hot-words-keys {

    display: flex;

    display: -webkit-flex;

    flex-direction: row;

    align-items: center;

    justify-content: start;

    flex-wrap: wrap;

}

.hot-words-keys form {

    margin-right: 10px;

}

.hot-words-keys button {

    border: none;

    background: none;

    color: #e70012;

    cursor: pointer;

}

@media (max-width: 1440px){

	.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%;

	}

}

@media (max-width: 750px){

	.a404 h2{

		font-size: 30px;

    padding: 40px 0;

	}

	.a404-con{

		    padding-bottom: 100px;

	}

}



/*search*/

.search-center .search-center-input {

    width: 100%;

    background-color: #f4f4f4;

    padding: 92px 0;

}

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

    width: 29.17%;

    margin: 0 auto;

}

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

    font-size: 40px;

    color: #333;

    text-align: center;

    text-transform: capitalize;

    padding-bottom: 36px;

}

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

    border: 1px solid #e0e0e0;

    height: 58px;

    line-height: 58px;

    background-color: #fff;

    padding-left: 3%;

}

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

    display: inline-block;

    width: 90%;

    font-size: 16px;

    color: #333;

    outline: none;

    border: none;

}

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

    border: none;

    background: none;

    cursor: pointer;

}

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

    font-size: 14px;

    padding-top: 25px;

    overflow: hidden;

}

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

    color: #333;

    float: left;

    width: 25.9%;

    text-align: center;

}

.search-center .search-center-input .center-input-box .search-hot .hot-words {

    float: left;

    width: 74.1%;

}

.hot-words-keys {

    display: flex;

    display: -webkit-flex;

    flex-direction: row;

    align-items: center;

    justify-content: start;

    flex-wrap: wrap;

}

.hot-words-keys form {

    margin-right: 10px;

}

.hot-words-keys button {

    border: none;

    background: none;

    color: #e70012;

    cursor: pointer;

}

@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-box{

	display: flex;

	padding: 40px 0;

	border-bottom: 1px solid #e3e4e4;

}

.search-left{

	width: 32.2222%;

	

}

.search-right{

	padding-left: 48px;

	width: 67.7778%;

}

.search-left img{

	border: 1px solid #eeeeee;

}

.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: #000;

    padding: 5px 10px;

    margin-left: 20px;

    font-weight: 600;

    

}

.search-right h2{

	color: #333333;

	font-size: 30px;

	line-height: 30px;

	padding-bottom: 15px;

	padding-top: 28px;

}

.search-right p{

	color: #666666;

	font-size: 14px;

	line-height: 26px;

	display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.search-right a{

	display: block;

	width: 140px;

	height: 40px;

	background: #e70012;

	line-height: 40px;

	text-align: center;

	color: #fff;

	border-radius: 3px;

	margin-top: 25px;

}

.search-boxtwo{

	padding-bottom: 50px;

}

@media (max-width: 1023px){

	.search-box{

		flex-wrap: wrap;

	}

	.search-left{

		width: 100%;

	}

	.search-right{

		width: 100%;

		padding-left: 0px;

	}

	.search-boxtwo{

		display: flex;

		flex-wrap: wrap;

	}

	.search-box{

		width: 49%;

		margin-left: 2%;

	}

	.search-box:nth-child(2n-1){

		margin-left: 0px;

	}

	.search-left img{

		width: 100%;

	}

}

@media (max-width: 450px){

	.search-right h2{

		font-size: 20px;

		padding-bottom: 5px;

    padding-top: 5px;

	}

}

.contact{

	display: flex;

	margin-top: 80px;

	box-shadow: 8px 8px 10px #d8d8d8;

	margin-bottom: 80px;

}

.contact .left{

	width: 39%;

	padding: 80px 50px 50px 60px;

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

}

.contact .left h1{

	position: relative;

	color: #fff;

	font-size: 50px;

	margin-bottom: 30px;

}

.contact .left h1::before{

	content: "";

	position: absolute;

	left: 0px;

	bottom: -10px;

	width: 30px;

	height: 6px;

	background: #fff;

}

.contact .left .contact-text{

	margin-bottom: 30px;

}

.contact .left p{

	font-size: 24px;

	line-height: 36px;

	color: #fff;

	word-wrap:break-word;

}

.contact .left p a{

	color: #b2191e;

}

.contact .left ul{

	display: flex;

	/*flex-wrap: wrap;*/

	align-items: center;

}

.contact .left ul li{

	margin-left: 20px;

	color: #aeaeae;

	font-size: 18px;

}

.contact .left ul li:first-child{

	margin-left: 0px;

}

.contact .right{

	width: 61%;

	background: #fff;

	padding: 0 70px 20px;

}



.contact .right h2{

	color: #000000;

	font-size: 40px;

	text-align: center;

	padding-top: 80px;

	font-weight: 600;

}



@media (max-width: 1200px){

	.contact .left{

		padding: 30px 20px 20px 20px;

	}

}



@media (max-width: 1023px){

	.contact .left h1{

		font-size: 28px;

	}

	.contact .left p{

		font-size: 14px;

		    line-height: 24px;

	}

	.contact .left .contact-text{

		margin-bottom: 10px;

	}

	.contact .left ul li{

		font-size: 14px;

	}

	.contact{

		flex-wrap: wrap;

		margin-top: 30px;

		margin-bottom: 30px;

	}

	.contact .left{

		width: 100%;

		background-size: 100%;

	}

	.contact .right{

		width: 100%;padding: 0 20px 0px;

	}

	.contact .right h2{

		font-size: 28px;

		    padding-top: 30px;

	}

}



.history div a{

	color: #000000;

	font-size: 80px;

	margin: 0 auto;

	display: block;

	width: max-content;

	position: relative;

	margin-bottom: 100px;

}

.history div a::before{

	content: "";

	position: absolute;

	left: 50%;

	bottom: -20px;

	width: 27px;

	height: 15px;

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

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

	z-index: 1;

}

.history div a::after{

	content: "";

	position: absolute;

	left: 50%;

	bottom: -122%;

	width: 1px;

	height: 80%;

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

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

}

.his-con{

	display: none;

}

.history div .curprod::before{

	width: 25px;

	height: 26px;

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

}

.history div .curprod::after{

	display: none;

}

.history div .curprod+.his-con{

	display: block;

}

.his-con-text{

	display: flex;

	padding-bottom: 30px;

}

.his-con .left{

	width: 50%;

	position: relative;

}

.his-con .left::before{

	content: "";

	position: absolute;

	right: 0px;

	top: -90px;

	width: 1px;

	height: 125%;

	background: url(../images/his5.jpg);

}

.his-con .left p{

	font-size: 16px;

	line-height: 30px;

	color: #666666;

	margin-bottom: 60px;

	position: relative;

	padding: 0 10%;

}

.his-con .left p::before{

	content: "";

	position: absolute;

	right: -7px;

	top: 8px;

	width: 15px;

	height: 15px;

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

}

.his-con .left p:last-child{

	margin-bottom: 0px;

}

.his-con .right{

	width: 50%;

	    padding: 0 5%;

}



.his-con .left p span{

	position: absolute;

	right: 30px;

	top: 0px;

	font-size: 30px;

	color: #000;

	font-weight: 600;

}



.his-box:last-child a::after{

	display: none;

}



@media (max-width: 1023px){

	.his-con .left::before{

		display: none;

	}

	.his-con .left p::before{

		display: none;

	}

	.his-con-text{

		flex-wrap: wrap;

	}

	.his-con .left{

		width: 100%;

		padding-bottom: 30px;

	}

	.his-con .right{

		width: 100%;

		padding: 0px;

	}

	.his-con .left p{

		padding: 0px;

		    padding-left: 30px;

	}

	.his-con .left p span{

		right: 0px;

	    left: 0px;

	}

	.history div a{

		margin-bottom: 30px;

	}

	.history div a::after{

		bottom: -55%;

		height: 35%;

	}

}

@media (max-width: 768px){

	.history div a{

		font-size: 38px;

	}

	.history div a::before{

		    bottom: -38px;

	}

	.his-con .left p{

		font-size: 14px;

		line-height: 28px;

		margin-bottom: 30px;

	}

}





/* m_map */

.m_map{width:100%;height:925px;margin:30px auto;position:relative;background:url(../images/diru.png) no-repeat center;background-size: 92%;}

.tait{font-size:36px;font-weight:bold;color:#666666;text-align:center; left:100px;}

.tait span{color:#ff6d3b;}

.tait2{font-size:36px;font-weight:bold;color:#666666;text-align:center;padding:50px 0px;}

.mp{position:absolute;cursor:pointer;background:url(../images/fi1.png) no-repeat 4px 10px;width:24px;height:63px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}

.mp:hover{background:url(../images/fi1.png) no-repeat 4px 10px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}

.hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}

.mp .mito{position:absolute;left:-3px;bottom:0px;font-size:14px;color:#000000;text-transform: uppercase;text-align:center;}

.mp .find_mi1{left:-0px;/*width:35px;*/}

.mp .find_mi2{left:-30px;width:85px;bottom:15px}

.feng{position:absolute;display:none;width:527px;left:-200px;top:58px;background:url(../images/vf1.png);z-index:10; padding-top:0px; padding-bottom:10px;background-color: #ba1623;}

.feng .sang{position:absolute;left:35px;bottom:0px;background:url(../images/vf2.png) no-repeat 0 0;width:14px;height:8px;}

.feng .tree{height:62px;width:520px;margin:9px;text-decoration: underline;}

.feng .tree .boou{width:86px;height:62px;float:left;}

.feng .tree .du_size{float:right; width:520px; padding-left:10px;} 

.feng .tree .du_size p{font-size:12px;color:#FFF;line-height:26px;text-decoration: underline;}

.mp:hover .mito{

	color: #ba1623;

	font-weight: bold;

}

.mp1{left: 26%;

    top: 35%;}

.mp1 .feng{position:absolute;display:none;width:527px;left:-150px;top:58px;background:url(../images/vf1.png);z-index:10; padding-top:0px; padding-bottom:10px;background-color: #ba1623;}

.mp2{left: 40%;

    top: 49%;}

.mp3{left: 49%;

    top: 63%;}

.mp4{left: 56%;

    top: 65%;}

.mp.mp4 .mito{

	/*left:-30px;*/

}

.mp5{left: 55%;

    top: 73%;}

.mp6{left:545px;top:594px;}

.mp7{left: 46%;

    top: 80%;}

.mp8{left:548px;top:407px;}

.mp9{left: 64.5%;

    top: 56%;}

.mp10{left: 63%;

    top: 47%;}

.mp11{left: 63%;

    top: 63%;}

.mp12{left:611px;top:503px;}

.mp13{left: 69%;

    top: 72%;}

.mp14{left: 75.5%;

    top: 67%;}

.mp15{left: 73%;

    top: 75%;}

.mp16{left:618px;top:581px;}

.mp17{left:646px;top:604px;}

.mp18{left:692px;top:443px;}

.mp19{left: 73%;

    top: 54%;}

.mp20{left:761px;top:450px;}

.mp21{left:694px;top:345px;}

.mp22{left: 71%;

    top: 50%;}

.mp23{left:681px;top:266px;}

.mp24{left:711px;top:266px;}

.mp25{left: 77%;

    top: 35%;}

.mp26{left: 82%;

    top: 29%;

}

.mp27{left: 82.5%;

    top: 20%;}

.mp28{left: 58%;

    top: 82%;}

.mp29{left:746px;top:441px;}

.mp30{left:673px;top:592px;}

.mp31{left:779px;top:440px;}

.mp32{left:604px;top:626px;}

.mp33{left:806px;top:468px;}

.mp34{left:753px;top:210px;}

.mp35{left:753px;top:391px;}

.mp36{left:596px;top:415px;}

.mp37{left:575px;top:435px;}

.mp38{left:589px;top:365px;}

.mp39{left: 58%;

    top: 53%;}

.mp40{left: 63%;

    top: 34%;}

.mp41{left:778px;top:495px;}

.mp42{left:718px;top:318px;}

.mp43{left:653px;top:545px;}

.mp44{left:769px;top:593px;}

.mp45{left:800px;top:524px;}

.mp46{left:633px;top:525px;}

.mp47{left: 54%;

    top: 46%;

}

.mp48{left:763px;top:543px;}

.mp49{left:798px;top:578px;}

.mp50{left:722px;top:544px;}

.mp51{left:706px;top:501px;}

.mp52{left:743px;top:551px;}

.mp53{left:406px;top:515px;}

.mp54{left:570px;top:621px;}

.mp55{left: 67%;

    top: 42%;}

.mp56{left:651px;top:397px;}

.mp57{left: 49.5%;

    top: 44%;}

.mp58{left:549px;top:297px;}

.mp59{left:704px;top:398px;}

.mp60{left:556px;top:527px;}

.mp61{left:551px;top:455px;}

.mp62{left:582px;top:488px;}
.m_mapimg{

		display: none;

	}




@media (max-width: 1400px){

	/*.mp25{*/

	/*	    left: 77%;*/

 /*   top: 38%;*/

	/*}*/

	/*.mp7{*/

	/*	    top: 77%;*/

	/*}*/

	/*.mp57{*/

	/*	left: 37%;*/

 /*   top: 42%;*/

	/*}*/

	/*.mp22{*/

	/*	left: 69%;*/

	/*}*/
    .mp7{top:76%;}
    .mp22{top:48%;}
    .mp14{top:64%;}
    .mp15{top:72%;}
    .mp13{top:68%;}
    .mp4{top:64%;}
    .mp5{top:70%;}
    .mp28{top:78%;}
    .mp .mito{left:0;top:25px;bottom:auto;font-size:12px;}
    .mp .find_mi2{left:-30px;}
}



@media (max-width: 1300px){

	/*.mp15{*/

	/*	top: 72%;*/

	/*}*/

	/*.mp28{*/

	/*	top: 76%;*/

	/*}*/

	/*.mp5{*/

	/*	top: 70%;*/

	/*}*/

	/*.mp4{*/

	/*	top: 63%;*/

	/*}*/

	/*.mp3{*/

	/*	top: 61%;*/

	/*}*/

	/*.mp7{*/

	/*	top: 72%;*/

	/*}*/

	/*.mp13{*/

	/*	top: 67%;*/

	/*}*/

	/*.mp11{*/

	/*	top: 60%;*/

	/*}*/

}

@media (min-width: 1200px){

	.m_mapimg{

		display: none;

	}

}

@media (max-width: 1023px){

	.m_map .mp{

		display: none;

	}

	.m_map{

		background: none;

		height: auto;

	}

	.m_mapimg{

		display: block;

	}

}





.single-prod{

	display: flex;

	padding-top: 50px;

}

.dis-prod-none .single-prod{
	display: none;
}
.single-prod .left{

	width: 45%;

}

.single-prod .right{

	width: 65%;

	padding-left: 8%;

}

.single-prod h1{

	color: #1a1b20;

	font-size: 40px;

	line-height: 48px;

	font-weight: 600;

}

.single-prod .right ul{

	display: flex;

	padding-top: 25px;

	padding-bottom: 48px;

}

.single-prod .right ul li{

	margin-left: 15px;

}

.single-prod .right ul li:first-child{

	margin-left: 0px;

}

.single-prod .right .text{

	padding-bottom: 42px;

}

.single-prod .right .text h2{

	color: #1a1b20;

	font-size: 28px;

	font-weight: 600;

}

.single-prod .right .text p{

	color: #666666;

	font-size: 18px;

	line-height: 30px;

}

.pc-slide {

	display: flex;

	/*width: 500px;*/

	/*margin: 0 auto;*/

}

.view{

	border: 1px solid #d2d2d2;

	position: relative;

}

.view .swiper-container {

	width: 630px;

	height: 630px;

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

	position: unset;

}



.view .arrow-left {

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

	position: absolute;

	left: -6%;

	top: 50%;

	margin-top: -25px;

	width: 76px;

	height: 74px;

	z-index: 10;

	transform: rotate(180deg) !important;

}



.view .arrow-right {

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

	position: absolute;

	right: -6%;

	top: 50%;

	margin-top: -25px;

	width: 76px;

	height: 74px;

	z-index: 10;

}



.preview {

	width: 100%;

	/*margin-top: 27.6%;*/

	position: relative;

	height: fit-content;

	/*transform: rotate(90deg) !important;*/

	/*margin-left: -254px;*/

}



.preview .swiper-container {

	width: 610px;

	height: 162px;

	/*margin-left: 35px;*/

}



.preview .swiper-slide {

	width: 122px;

	height: 122px;

	cursor:pointer;

	    margin-bottom: 10px;

	    background: transparent;

}

.view .swiper-slide{

	background: transparent;

	

}

/*.preview .slide6 {

	width: 109px;

}*/



.preview .arrow-left {

	position: absolute;

	left: -4px;

	top: 28%;

	margin-top: -9px;

	z-index: 10;

	width: 57px;

	height: 56px;

	background: url(../images/prod-leftanniu.png) no-repeat center;

	transform: rotate(180deg) !important;

}



.preview .arrow-right {

	background: url(../images/prod-leftanniu.png) no-repeat center;

	position: absolute;

	right: 0px;

    top: 28%;

	margin-top: -9px;

	width: 57px;

	height: 56px;

	z-index: 10;

	

	transform: rotate(0deg) !important;

}



.preview img {

	    width: 99%;

	padding: 1px;

	transform: rotate(0deg) !important;

	border: 2px solid #b3e9fe;

}



.preview .active-nav img {

	padding: 0;

}



.prod-anniu{

	display: flex;

	

}



.prod-anniu a{

	display: flex;

	align-items: center;

	background: #ba1623;

	padding: 12px;

	color: #fff;

	margin-left: 6%;

}



.prod-anniu a:first-child{

	margin-left: 0px;

}

.prod-anniu a img{

	margin-right: 12px;

}

.prod-text>h2{

	padding-top: 155px;

	text-align: center;

	font-size: 40px;

	color: #000;

	font-weight: 600;

	padding-bottom: 30px;

}



.prod-text .table{

	overflow: auto;

}



.prod-text .table table{

	width: 100%;

}

.prod-text .table table tr td{

	color: #000;

	font-size: 20px;

	line-height: 30px;

	padding: 14px 10px;

	text-align: center;

	border: 1px solid #000000;

}
.prod-text .table table tr:nth-child(odd) td{
	background-color: rgb(235, 235, 235);
}
.prod-text .table table tr td p{

	color: #000;

}

.prod-text .table table tr:first-child td{

	color: #fff;

	background: #ba1623;

	font-size: 24px;

	padding: 24px 10px;

}

.prod-text .table table tr:first-child td p{

	color: #fff;

}



.prod-text2 h2{

	color: #000000;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 25px;

	display: flex;

	align-items: center;

}

.prod-text2 h2 img{

	margin-left: 12px;

	transform: rotate(0deg);

}

.prod-text2 div p{

	color: #888888;

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 25px;

}
.prod-text2 div{
	display: none;
}
.prod-arr h2 img{
	transform: rotate(180deg);
}
.prod-arr div{
	display: block;
}
.prod-text3{

	padding-bottom: 50px;

}

.message{

	padding-top: 60px;

}

.message h2{

	color: #000;

	font-size: 40px;

	text-align: center;

	padding-bottom: 20px;

}



@media (max-width: 1300px){

	.view .swiper-container{

		width: 400px;

		height: 400px;

	}

	.single-prod .left{

		width: 34%;

	}

	.single-prod .right{

		width: 66%;

	}

}



@media (max-width: 1023px){

	.single-prod{

		flex-wrap: wrap;

	}

	.single-prod .left {

	    width: 100%;

	    margin: 0 auto;

	    margin-bottom: 30px;

	}

	.view{

		margin: 0 auto 30px;

	}

	.single-prod .right{

		width: 100%;

		padding-left: 0px;

	}
	.dis-prod-none .single-prod{
		display: block;
	}
	/*.single-prod{
		display: none;
	}*/
	.pc-slide{
		flex-wrap: wrap;
	}
}



@media (max-width: 768px){

	.single-prod h1{

		font-size: 28px;

		line-height: 30px;

	}

	.single-prod .right ul{

		padding-bottom: 25px;

	}

	.single-prod .right .text p{

		font-size: 14px;

    	line-height: 28px;

	}

	.single-prod .right .text h2{

		font-size: 24px;

	}

	.preview .swiper-container{

		width: 100%;

	}

	.preview .swiper-slide{

		width: 20%;

	}

	.prod-anniu{

		flex-wrap: wrap;

	}

	.prod-anniu a{

		width: 100%;

		margin-left: 0px;

		margin-bottom: 20px;

	}

	.view .swiper-container{

		width: 100%;

    height: auto;

	}

	.view {

	    width: 100%;

	}

	.prod-text>h2{

		padding-top: 35px;

		font-size: 24px;

	}

	.prod-text2 div p{

		font-size: 14px;

	}
  .prod-text .table table tr:first-child td{
  	font-size: 16px;
    padding: 4px 4px;
  }
  .prod-text .table table tr td{
  	padding: 4px 4px;
    font-size: 14px;
  }
  .prod-text2 h2{
  	font-size: 18px;
  }
  .message{
  	padding-top: 30px;
  }
  .message h2{
  	font-size: 28px;
  }
  .xgchanpin-title h2::before{
  	    width: 40px;
   	 height: 4px;
  }
}


img[data-action="zoom"] {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
  }
  .zoom-img,
  .zoom-img-wrap {
	position: relative;
	z-index: 666;
	-webkit-transition: all 300ms;
		 -o-transition: all 300ms;
			transition: all 300ms;
  }
  img.zoom-img {
	cursor: pointer;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
  }
  .zoom-overlay {
	z-index: 420;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	filter: "alpha(opacity=0)";
	opacity: 0;
	-webkit-transition:      opacity 300ms;
		 -o-transition:      opacity 300ms;
			transition:      opacity 300ms;
  }
  .zoom-overlay-open .zoom-overlay {
	filter: "alpha(opacity=100)";
	opacity: 1;
  }
  .zoom-overlay-open,
  .zoom-overlay-transitioning {
	cursor: default;
  }
  .container {
	/*margin: 50px;
	max-width: 700px;*/
  }
  .container img {
	width: 100%;
  }
  .container .pull-left {
	width: 55%;
	float: left;
	margin: 20px 20px 20px -80px;
  }

.news-img-box{
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
}
.news-img-box .news-img{
	width: 32%;
	margin-left: 2%;
	margin-bottom: 2%;
}
.news-img-box .news-img img{
	width: 100%;
}
.news-img-box .news-img:nth-child(3n-2){
	margin-left: 0px;
}

@media (max-width: 768px){
	.news-img-box .news-img{
		width: 49%;
	}
	.news-img-box .news-img:nth-child(3n-2){
		margin-left: 2%;
	}
	.news-img-box .news-img:nth-child(2n-1){
		margin-left: 0px;
	}
}


.prod-banner img{
	display: block;
	margin: 0 auto;
}



/*fanye*/
.news-fanye{
	width: 100%;
}
.news-fanye {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}
.news-fanye .wp-pagenavi{
	display: flex;
	justify-content: center;
}

.news-fanye a {
	display: inline-block;
	border-width: 1px;
	border-color: #d2dade;
	border-style: solid;
	height: 38px;
	text-align: center;
	min-width: 38px;
	width: 38px;
	line-height: 35px;
	position: relative;
	color: #484848;
	background: #fff;
	margin-left: 5px;
	border-radius: 50%;
}
.news-fanye .current {
	display: inline-block;
	border-width: 1px;
	border-color: #0096e0;
	border-style: solid;
	height: 38px;
	text-align: center;
	min-width: 38px;
	width: 38px;
	line-height: 35px;
	position: relative;
	background: #0096e0;
	margin-left: 5px;
	color: #fff;
	border-radius: 50%;
}
.news-fanye .previouspostslink,.news-fanye .nextpostslink {
	width: auto;
	display: inline-block;
	padding: 0 15px;
	color: #ba1623;
	font-size: 20px;
	border: 1px solid #d1d9de;
	border-radius: 45px;
	background: #fff;
}
.lx_xingai_top{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 40px;
}
.lx_xingai_top ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.lx_xingai_top ul li{
	margin-left: 15px;
	color: #ba1623;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.lx_xingai_top ul li a{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.lx_xingai_top ul li a .map-img{
	width: 32px;
}
@media (max-width: 768px){
	.lx_xingai_top{
		padding-top: 10px;
	}
	.lx_xingai_top ul li{
		font-size: 12px;
	}
}