header .containers{
	height: 90px;
	line-height: 90px;
	color: #333333;
	overflow: initial
}
header h1{
	width: 8%;
	float: left;
}
header ul {
	margin-left: 3%;
	width: 42%;
	float: left;
}
/* header ul li{
	padding: 0 4%
} */
.header-list li{
	padding: 0 4%;
}
.header-list li a{
	display: inline-block;
}
header .header-contact {
	width: 43%;
	float: right;
}
/* header .header-contact .contact-item{
	width: 50%;
} */
header .header-contact .contact-item{
	margin-right: 10px;
}
header .header-contact .contact-item:last-of-type{
	margin-right: 0;
}
header .header-contact .contact-item em{
	color: #000000;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	margin-left: 8px;
}
header .header-contact .contact-item:first-child{
	margin-right: 3%;
	padding-left: 8%;
	position: relative;
	background: url(../images/phone.png) no-repeat 20px center;
}
header .header-contact .contact-item:first-child::after{
	content: '';
	display: block;
	height: 13px;
	width: 1px;
	background: #cacaca;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.idx-header header{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
	background: #ffffff;
}

#idx-sw{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	overflow: hidden;
	padding-top: 90px;
}
#idx-banner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#idx-banner .swiper-slide{
	width: 100%;
	height: 100%;
}

#idx-banner .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: #111
}
#idx-banner.swiper-pagination-bullet-active{
	background: #fff;
}

.trs03s {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btnwr{ position: absolute; top: 50%; right: 2%; z-index: 9; margin-top: -225px; }

.btnwr .btn { display: block; margin: 30px auto 0; width: 10px; height: 9px; background: url(../images/btn_inbtn.png) -16px 0 no-repeat; cursor: pointer; }
.btnwr .next { margin-top: 0; background-position: 0 0; }
.btnwr .dotwr { margin: 18px; }
.btnwr .dot { display: block; margin: 9px auto; width: 2px; height: 2px; background-color: #111111; cursor: pointer; }
.btnwr .cur { height: 102px; }
.btnwr .numwr { margin-top: 100px; font-family: "Arial"; font-size: 17px; line-height: 20px; color: #111111; text-align: center; font-weight: bold}
.btnwr .numwr span { display: block; }

#ip2SW{
	overflow: hidden;
	position: relative
}

.ip-title{
	color: #111111;
	font-weight: bold;
	font-family: Arial;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	line-height:20px;  
	white-space:nowrap;
	margin-top:40px;
	position: absolute;
	left: -1%;
	top: 50%;
	text-transform: uppercase;
	z-index: 100;
}

.ip2{
	background: #f6f6f6;
	overflow: hidden;
}
.title-box{
	padding: 3% 0 25px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 3%;
}
.title-box h3{
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
}
.title-box a{
	color: #111111;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}
.ip2 .swiper-slide{
	position: relative;
}
.ip2 a{
	display: block
}
.ip2 .img{
	overflow: hidden;
	width: 75%;
}
.ip2 .img img{
	/* width: 1100px;
	height: 550px; */
	width: 100%;
	height: auto;
}
.ip2 .ctn{
	position: absolute;
	right: 0;
	background: #ffffff;
	width: 34%;
	height: 55%;
	top: 50%;
	transform: translateY(-50%);
	padding: 60px 45px;
}
.ip2 .ctn h4{
	color: #111111;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 25px;
}
.ip2 .ctn .text{
	color: #484848;
	font-size: 16px;
	line-height: 30px;
}

.ip2 .page-box{
	height: 40px;
	position: absolute;
	bottom: 180px;
	width: 145px;
	/* right: 345px; */
	right: 25%;
	z-index: 9;
}
.ip2 .page-box .swiper-button-next,
.ip2 .page-box .swiper-button-prev{
	width: 28px;
	height: 28px;
	border: 1px solid #bcbcbc;
	background-size: 10px;
	bottom: 0;
	top: inherit
}
.ip2 .page-box .swiper-button-prev{
	left: 54px;
	right: inherit;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23bcbcbc'%2F%3E%3C%2Fsvg%3E")
}
.ip2 .page-box .swiper-button-next{
	right: 25px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23bcbcbc'%2F%3E%3C%2Fsvg%3E")
}
.ip2 .page-box .swiper-button-next:hover,
.ip2 .page-box .swiper-button-prev:hover{
	background-color: #111111;
	border-color: #111111
}
.ip2 .page-box .swiper-button-prev:hover{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.ip2 .page-box .swiper-button-next:hover{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.ip2 .page-box .swiper-pagination-fraction{
	width: 60px;
	right: -35px;
	left: inherit;
	top: 50%;
	transform: translateY(-50%);
	color: #666666;
	font-size: 16px;
	font-family: Arial;
}

.ip3{
	background: url(../images/ip3-img.jpg) no-repeat center;
	position: relative;
	background-size: 100% 100%;
}
.ip3 .bg{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 315px;
	background-color: rgba(0, 0, 0,0.302);
}
.ip3 .ip3-list{
	z-index: 9;
}
.ip3 .ip3-list li{
	padding: 50px 60px;
	color: #ffffff;
	text-align: center;
	position: relative;
	width: 25%;
	font-size: 14px;
	line-height: 30px;
}
.ip3 .ip3-list li::after{
	content: '';
	width: 1px;
	height: 100px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #a19e9b;
}
.ip3 .ip3-list li:last-child::after{
	width: 0;
}
.ip3 .ip3-list li h3{
	width: 120px;
	height: 120px;
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #ffffff;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	line-height: 120px;
	margin-bottom: 25px;
}

.ip4{
	background: #f6f6f6;
	padding-top: 5%;
}
.ip4 .ip4-l{
	width: 40%;
}
.ip4 .ip4-l h3{
	color: #111111;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 40px;
}
.ip4 .ip4-l .text{
	color: #585858;
	font-size: 16px;
	padding-bottom: 60px;
}
.ip4 .ip4-l .more{
	display: inline-block;
	width: 265px;
	height: 55px;
	border: 1px solid #111111;
	color: #111111;
	font-size: 16px;
	line-height: 55px;
	text-align: center;
	font-weight: bold;
}
.ip4 .ip4-l .more:hover{
	background: #1c2021;
	color: #fff;
	border-color: #1c2021;
}
.ip4 .ip4-r{
	width: 715px;
	height: 464px;
	cursor: pointer;
}
.ip4 .ip4-r video{
	max-width: 100%;
}
.ip5{
	background: url(../images/ip5-bg.jpg) no-repeat center;
	background-size: 100% 100%;
}
.ip5 .ip5-list{
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.ip5 .ip5-list::after{
	content: '';
	width: 30%;
}
.ip5 .ip5-list li{
	width: 30%;
	margin-bottom: 20px;
	overflow: hidden;
}
.ip5 .ip5-list li:nth-child(7),
.ip5 .ip5-list li:nth-child(8),
.ip5 .ip5-list li:nth-child(9),
.ip5 .ip5-list li:nth-child(10){
	display: none;
}
.ip5 .ip5-list li img{
	height: 300px;
	width: 100%;
}
.ip5 .ip5-list li a{
	display: block;
	position: relative;
}
/*.ip5 .ip5-list li a span{
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #ffffff;
	font-size: 18px;
	opacity: 0;
}
.ip5 .ip5-list li a::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 0%;
	background-color: rgba(0, 0, 0,0.302);
}
.ip5 .ip5-list li a:hover span{
	opacity: 1;
}
.ip5 .ip5-list li a:hover::after{
	width: 100%;
	height: 100%;
}*/
.ip5 .ip5-list li a .txt{
	text-align:center; line-height:40px; height:40px; font-size:16px;
}

.ip6{
	padding-top: 145px;
	background: #f6f6f6;
	
}
.ip6 .ip6-list{
	-webkit-flex-wrap:wrap;
-webkit-box-lines:multiple;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
}
.ip6 .ip6-list::after{
	content: '';
	width: 30%;
}
.ip6 .ip6-list li{
	width: 30%;
	color: #111111;
}
.ip6 .ip6-list li a{
	/* display: block; */
	color: #111111;
}
.ip6 .ip6-list li .title-t h3{
	font-weight: bold;
	font-size: 22px;
}
.ip6 .ip6-list li .title-t a{
	font-size: 16px;
}
.ip6 .ip6-list li .title{
	font-size: 18px;
	margin-top: 30px;
	display: block;
}
.ip6 .ip6-list li .text{
	color: #585858;
	/* padding:10px 0 50px; */
	/* display: inline-block; */
	line-height: 28px;
	height: 56px;
	margin:10px 0 50px;
}
.ip6 .ip6-list li .img{
	overflow: hidden;
}
.ip6 .ip6-list li .img img{
	width: 410px;
	height: 230px;
}
.ip6 .ip6-list li .img:hover img{
	transform: scale(1.1)
}
.ip6 .more{
	display:block;
	width: 265px;
	height: 55px;
	border: 1px solid #111111;
	color: #111111;
	font-size: 16px;
	line-height: 55px;
	text-align: center;
	font-weight: bold;
	margin: 95px auto 0;
}
.ip6 .more:hover{
	background: #1c2021;
	color: #fff;
	border-color: #1c2021;
}
.ip6 .map-box{
	height: 100%;
}
.ip6 .map-box iframe{
	width: 100%;
	height: 100%;
}

.ip7{
	/* background: url(../images/ip7-bg.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 210px; */
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background:#f6f6f6;
}
.ip7-box {
	color: #111111;
	padding-top: 50px;
	/* position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 50%;
	z-index: 10;
	width: 50%; */
	z-index: 10;
	position: relative;
}
.ip7-box h2{
	font-size: 26px;
	font-weight: bold;
	/* margin-bottom: 105px; */
	margin-bottom: 40px;
}
.ip7-box h4{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
.ip7-box .ip7-list li{
	color: #333333;
	font-size: 16px;
	margin-bottom: 15px;
	padding-left: 30px;
}
.ip7-box .ip7-list li.icon1{
	background: url(../images/ip7-icon1.png) no-repeat left center;
}
.ip7-box .ip7-list li.icon2{
	background: url(../images/ip7-icon2.png) no-repeat left center;
}
.ip7-box .ip7-list li.icon3{
	background: url(../images/ip7-icon3.png) no-repeat left center;
}

.ip7-phone{
	margin-top: 52px;
	padding-left: 60px;
	background: url(../images/ip7-phone.png) no-repeat left center;
}
.ip7-phone .item{
	margin-right: 30px;
}
.ip7-phone .item span{
	font-size: 16px;
}
.ip7-phone .item p{
	font-weight: bold;
	font-size: 24px;
	font-family: Arial;
}
.ip7 #map-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bg2{
	float:left;
	/*background: #ffffff;*/
	padding: 20px 0;
	width: 50%;
}
.i_map{ float:right; width:50%; height:400px !important;}
.clear {
  clear: both;
  font-size: 1px;
  width: 1px;
  height: 0;
  visibility: hidden;
  zoom: 1;
}
.i_ewm{ width:140px; margin-top:40px;}
.i_ewm .txt{ color:#333; line-height:40px; text-align:center;}

.insid-banner>div{
	height: 500px;
	width: 100%;
}
.inside-nav{
	text-align: center;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	padding: 20px 0;
}
.inside-nav a{
	display: inline-block;
	padding: 8px 35px;
	font-size: 16px;
	position: relative;
}
.inside-nav a:hover{
	background: #1c2021;
	color: #fff;
}
.inside-nav a.on{
	background: #1c2021;
	color: #fff;
}
.inside-nav a::after{
	content: '';
	display: block;
	height: 14px;
	width: 1px;
	background: #cdcdcd;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.inside-nav a:last-child::after{
	display: none;
}

.productct{
	background: #f6f6f6;
	padding: 100px 0 80px; 
}
.productct-list{	
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.productct-list::after{
	content: '';
	width: 30%;
}
.productct-list li{
	text-align: center;
	background: #ffffff;
	padding: 40px 28px 38px;
	height: 550px;
	width: 30%;
	margin-bottom: 80px;
	border: 1px solid #e8e8e8;
}
.productct-list li:hover{
	border-color: #eeeeee;
}
.productct-list li h2{
	font-size: 26px;
	font-weight: bold;
}
.productct-list li span{
	color: #666666;
	display: inline-block;
	margin: 5px 0 50px;
}
.productct-list li .img{
	overflow: hidden;
	height: 250px;
	margin: 0 auto
}
.productct-list li .img a{	
	display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit-moz-box-pack:center;
	box-pack:center;
	height: 100%;

}
.productct-list li .img:hover img{
	transform: scale(1.1)
}

.productct-list li>a{
	display: inline-block;
	margin-top: 40px;
	color: #666666;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e3e3e3;
	border-radius: 30px;
	width: 40%;
	text-align: center;
}
.productct-list li>a:hover{
	background: #1c2021;
	color: #ffffff;
}
.page-box2{
	text-align: center;
}
.page-box2 a{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	border: 1px solid #dbdbdb;
	color: #828282;
	font-family: Arial;
	margin: 0 2px;
	background: #ffffff;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
	transition:all 0.4s;
}
.page-box2 a:hover{
	background: #1c2021;
	border-color: #1c2021;
	color: #ffffff;
}
.page-box2 a.on{
	background: #1c2021;
	border-color: #1c2021;
	color: #ffffff;
}
.productct-bg{
	height: 260px;
	background: url(../images/productic-bg.jpg) no-repeat center;
	line-height: 260px;
	text-align: center;
	color: #111111;
	font-size: 26px;
}

.product-list{
	overflow-x: hidden;
	background: #f6f6f6;
}
.product-list li>div{
	width: 50%;
}
.product-list li .product-l{
	overflow: hidden;
}
.product-list li .product-l a{
	display: block;
}
.product-list li .product-l a img{
	width: 100%;
}

.product-list li .product-l:hover img{
	transform: scale(1.1);
}
.product-list li .product-r{
	background: #f6f6f6;
	flex-direction: column;
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit-moz-box-pack:center;
	box-pack:center;
	align-items:center;
-webkit-align-items:center;
box-align:center;
-moz-box-align:center;
-webkit-box-align:center;
}
.product-list li .product-r .ctn{
	width: 65%;
}
.product-list li .product-r h2{
	color: #111111;
	font-size: 30px;
	font-weight: bold;
}
.product-list li .product-r .list {
	margin: 20px 0 56px;
}
.product-list li .product-r .list span{
	display: inline-block;
	background: #d9d9d9;
	color: #484848;
	border-radius: 5px;
	padding: 0 20px;
	line-height: 26px;
	margin-right: 20px;
}
.product-list li .product-r .text{
	color: #484848;
	font-size: 15px;
	width: 80%;
	padding-bottom: 40px
}
.product-list li .product-r .ctn>a{
	display: inline-block;
	text-transform: uppercase;
	color: #111;

	border-bottom: 1px dotted #5b5b5b;
	position: relative;
}
.product-list li .product-r .ctn>a::after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #111111;
	position: absolute;
	right: -18px;
	top: 8px;
}

.productInfo{
	padding-top: 110px;
	padding-bottom: 100px;
}
.productInfo .info-l{
	width: 50%;
}
.productInfo .info-l .gallery-top{
	margin-bottom: 20px;
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit-moz-box-pack:center;
	box-pack:center;
	background: #fff;
}
.productInfo .info-l .gallery-top #bigImg{
		width: 600px;
		height: 600px;
}
.productInfo .info-l .gallery-thumb{
	padding: 0 65px;
	position: relative;
}
.productInfo .info-l .gallery-thumb .swiper-slide{
	display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-moz-box-pack:space-between;
	-webkit-moz-box-pack:space-between;
	box-pack:space-between;
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	height: 103px;
	cursor: pointer;
}
.productInfo .info-l .gallery-thumb .swiper-button-next,
.productInfo .info-l .gallery-thumb .swiper-button-prev {
	background-size: 14px
}
.productInfo .info-l .gallery-thumb .swiper-button-next{
	right: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.productInfo .info-l .gallery-thumb .swiper-button-prev{
	left: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.productInfo .info-r{
	width: 45%;
}
.productInfo .info-r h2{
	color: #111111;
	font-size: 34px;
	font-weight: bold;
}
.productInfo .info-r .txt{
	color: #888888;
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0 40px;
	border-bottom: 1px solid #e7e7e7;
}
.productInfo .info-r .ctn{
	color:#111;
	font-size: 16px;
	padding: 50px 0 160px;
	line-height: 30px;
}
.productInfo .info-r .more{
	margin-top: 15px
}
.productInfo .info-r .more a{
	display: block;
	color: #858585;
	text-align: center;
	width: 100%;
	height: 53px;
	border: 1px solid #e7e7e7;
	line-height: 53px;
	margin-bottom: 28px
}
.productInfo .info-r .more a:last-child{
	margin-bottom: 0
}
.info-box2{
	background: #f6f6f6;
	padding: 78px 0;
}
.info-box2 .ctn{
	background: #ffffff;
	padding: 50px;
	min-height: 470px;
	font-size: 16px;
	line-height: 30px;
	color: #585858
}
.info-title{
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #1c2021;
}
.info-box3{
	padding: 120px 0
}
.info-list {
	margin-top: 40px;
	-webkit-flex-wrap:wrap;
-webkit-box-lines:multiple;
-moz-flex-wrap:wrap;
flex-wrap:wrap;

}
.info-list::after{
	content: '';
	width: 30%;
}
.info-list li{
	width: 30%;
	padding: 38px 28px 28px;
	text-align: center;
	border: 1px solid #e8e8e8
}
.info-list li:hover{
	border-color: #cccccc;
}
.info-list li h3{
	color: #111111;
	font-size: 26px;
	font-weight: bold;

}
.info-list li span{
	color: #666666;
	display: block;
	margin: 10px 0 50px;
}
.info-list li>.more{
	display: inline-block;
	color: #666666;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
	border: 1px solid #e3e3e3;
	width: 40%;
	margin: 40px auto 0;
}
.info-list li .more:hover{
	background: #1c2021;
	color: #ffffff
}
.info-list li .img{
	overflow: hidden;
	height: 251px;
}
.info-list li .img:hover img{
	transform: scale(1.1)
}

.case-list{
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	 flex-wrap:wrap;
	 padding-top: 125px
}
.case-list::after{
	content: '';
	width: 30%;
}
.case-list li{
	width: 30%;
	margin-bottom: 88px
}
.case-list li a{
	display: block;
}
.case-list li a .ctn{
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	padding-top: 20px;
}
.case-list li a .ctn span{
	color: #111111;
	font-size: 18px
}
.case-list li a .ctn em{
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	color: #c9c9c9;
	font-family: '宋体'
}
.case-list li a .img{
	overflow: hidden;
	height: 300px;
}
.case-list li a .img img{
	height: 300px;
}
.case-list li a .img:hover img{
	transform: scale(1.1)
}
.case-box{
	padding-bottom: 135px
}

.contact-box{
	padding: 120px 0 140px;
}
.contact-box h2{
	color: #111111;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 45px
}
.contact-box .contact-l{
	width: 50%;
	position: relative;
}
.contact-box .contact-l .ctn{
	color: #333333;
	font-size: 20px;
	line-height: 55px;
}
.contact-box .contact-l .weixin{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 120px;
	height: 120px;
}
.contact-box .contact-r{
	width: 45%;
}
.contact-box .contact-r .input-text input{
	display: block;
	height: 48px;
	border: 1px solid #e2e2e2;
	text-indent: 1.5em;
	width: 48%;
	margin-bottom: 20px
}
.contact-box .contact-r .input-emial input{
	display: block;
	height: 48px;
	border: 1px solid #e2e2e2;
	text-indent: 1.5em;
	width: 100%;
	margin-bottom: 20px
}
.contact-box .contact-r textarea{
	display: block;
	border: 1px solid #e2e2e2;
	text-indent: 1.5em;
	width: 100%;
	padding-top: 14px;
	height: 155px;
}
.contact-box .contact-r .input-btn{
	text-align: right;
	margin-top: 20px;
}
.contact-box .contact-r .input-btn input{
	display: inline-block;
	width: 210px;
	height: 50px;
	color: #ffffff;
	background: #1c2021;
	font-size: 16px;
	cursor: pointer;
}
.map-box{
	padding-bottom: 170px;
}

.news{
	padding-top: 100px;
	padding-bottom: 130px;
	overflow-x: hidden;
}
.news .news-l{
	position: relative;
	display: block;
	width: 61%;
	height: 706px;
}
.news .news-l .img{
	overflow: hidden;
	position: relative;
}
.news .news-l img{
	width: 100%;
	height: 706px;
}
.news .news-l .img:hover img{
	transform: scale(1.1)
}
.news .news-l .ctn{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	padding: 0 30px;
	font-size: 16px;
	background-color: rgba(0, 0, 0,0.702);
}
.news-list{
	width: 38%;
}
.news-list li{
	position: relative;
	margin-bottom: 20px;
}
.news-list li:last-child{
	margin-bottom: 0;
}

.news-list li a{
	display: block
}

.news-list li .ctn{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	padding: 0 30px;
	font-size: 16px;
	background-color: rgba(0, 0, 0,0.702);
	text-align: center;
}
.news-list li .img{
	overflow: hidden;
}
.news-list li .img img{
	/* width: 555px;
	height: 290px; */
	width: 100%;
	height: 343px;
}
.news-list li .img:hover img{
	transform: scale(1.1);
}
.news-item {
	margin-bottom: 130px;
}
.news-item:last-child{
	margin-bottom: 100px;
}
.news-item .list2-l{
	width: 65%;
	padding-bottom: 55px;
	border-bottom: 1px solid #ebebeb;
}
.news-item .list2-l .time{
	width: 100px;
	height: 100px;
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit-moz-box-pack:center;
	box-pack:center;
	color: #ffffff;
	background: #1c2021;
	flex-direction: column
}
.news-item .list2-l h3{
	font-size: 33px;
	margin-bottom: 2px
}
.news-item .list2-l h4{
	font-size: 15px;
}
.news-item .list2-l .ctn-box{
	width: 85%;
}
.news-item .list2-l .ctn-box h2{
	color: #111111;
	font-size: 20px;
	margin-bottom: 20px;
}
.news-item .list2-l .ctn-box .ctn{
	color: #585858;
	font-size: 15px;
}
.news-item .list2-r{
	overflow: hidden;
}
.news-item .list2-r img{
	width: 360px;
	height: 220px;
}
.news-item .list2-r:hover img{
	transform: scale(1.1);
}
.news2{
	padding-bottom: 130px;
}

.news-title{
	text-align: center;
	padding-top: 75px;
	margin-bottom: 35px;
}
.news-title h3{
	color: #111111;
	font-size: 32px;
}
.news-title h4{
	color: #868686;
	display: inline-block;
	margin-top: 15px;
}

.newsInfo .news-ctn{
	color: #333333;
	font-size: 15px;
	padding-bottom: 78px;
}
.news-b{
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	height: 90px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.news-b a{
	font-size: 15px;
	display: block;
	flex: 1
}

.news-b .bdsharebuttonbox{
	margin-left: 5px;
}
.share-box{
	flex: 2;
	text-align: center;
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit-moz-box-pack:center;
	box-pack:center;
}
.share-box a{
	display: inline-block;
}
.back{
	font-size: 15px;
	color: #fff;
	border-radius: 5px;
	height: 56px;
	background: #1c2021;
	line-height: 56px;
	text-align: center;
	display: block;
	width: 25%;
	margin: 76px auto 116px;
}

.ab1{
	padding: 105px 0 90px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 122px;
}
.ab1 h2{
	color: #111111;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 40px;
}
.ab1 .text{
	font-size: 15px;
	color: #585858;
	line-height: 30px;
}

.ab2-l{
	width: 50%;
}
.ab2-r{
	width: 40%;
}
.ab2-r .ab2-item{
	padding: 30px 10% 45px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
	width: 100%;
}
.ab2-r .ab2-item:last-child{
	border: 0 none;
}
.ab2-r .ab2-item.bg1{
	background: url(../images/information-img1.png) no-repeat 80% center;
}
.ab2-r .ab2-item.bg2{
	background: url(../images/information-img2.png) no-repeat 80% center;
}
.ab2-r .ab2-item h3{
	color: #585858;
	font-size: 20px;
	margin-bottom: 50px
}
.ab2-r .ab2-item h4{
	color: #111111;
	font-size: 60px;
	font-family: 'myFont';
	font-weight: bold
}
.ab2-r .ab2-item h4 em{
	color: #585858;
	font-size: 20px;
	font-weight: normal;
}
.ab2-r .ab2-item h5{
	color: #111111;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}

.ab3{
	margin: 165px 0 160px;
}
.ab3 .ab3-l{
	width: 50%;
	background: #1c2021;
	padding: 6% 40px;
	height: 472px;
	box-sizing: border-box;
}
.ab3 .ab3-l .ctn{
	color: #fff;
	padding: 55px 0;
	font-size: 15px;
	border-top: 1px solid #333738;
	border-bottom: 1px solid #333738;
	line-height: 30px;
}
.ab3 .ab3-r img{
	height: 472px;
}
.ab4{
	text-align: center;
}
.ab5{
	color: #585858;
	font-size: 15px;
	line-height: 30px;
	margin-top: 60px;
	padding: 0 6% 140px;
}
.ab6{
	height: 800px;
	width: 100%;
	background: url(../images/ab-video.jpg) no-repeat center;
}
.ab6 .ab-video{
	padding: 180px 0 0;
	color: #fff
}
.ab6 .ab-video h3{
	font-size: 28px;
	line-height: 48px;
}
.ab6 .ab-video .playVideo{
	width: 95px;
	padding-top: 65px;
	background: url(../images/video-play.png) no-repeat center top;
	color: #fff;
	display: block;
	margin-top: 85px;
	text-align: center;
}
.ab7{
	margin: 145px 0 150px;
}
.ab7 h2{
	color: #111111;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px;
	line-height: 42px;
}
.ab7 .swiper-slide{
	border: 1px solid #f0f0f0;	
	display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit-moz-box-pack:center;
	box-pack:center;
	padding: 30px;
	height: 380px;
}
.ab7 .swiper-container{
	padding-bottom: 80px;
}
.ab7 .swiper-container .swiper-pagination{
	bottom: 0;
}
.ab7 .swiper-container .swiper-pagination-bullet{
	background: #fff;
	border: 1px solid #1c2021;
	opacity: 1;
	width: 10px;
	height: 10px;
}
.ab7 .swiper-container .swiper-pagination-bullet-active{
	background: #1c2021;
}

.about-factory img { border: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.about-factory { overflow: hidden; padding-bottom: 180px}
.about-factory .con { text-align: center; }
.about-factory .imgbox { margin-top: 70px; }
.about-factory .imgbox .swiper-container { margin: 0 auto; max-width: 940px; overflow: visible; }
.about-factory .imgbox .imgwr { position: relative; padding-bottom: 59.57%; height: 0; background-color: #000; overflow: hidden; }
.about-factory .imgbox .img { position: absolute; top: 0; left: 0; width: 100%; opacity: 0.5; filter: alpha(opacity=50); }
.about-factory .imgbox .swiper-slide-active .img { opacity: 1; filter: alpha(opacity=100); }
.about-factory .imgbox .btn { position: absolute; top: 50%; z-index: 2; margin-top: -32px; padding: 20px; background-color: #fff; }
.about-factory .imgbox .prev { right: 100%; margin-right: 5%; background-image: url(../images/jt-l.jpg);background-repeat: no-repeat;background-position: center}
/* .about-factory .imgbox .prev:hover { padding: 20px 40px 20px 20px; } */
.about-factory .imgbox .next { left: 100%; margin-left: 5%;background-image: url(../images/jt-r.jpg);background-repeat: no-repeat;background-position: center }
/* .about-factory .imgbox .next:hover { padding: 20px 20px 20px 40px; } */
.about-factory .imgbox .icon { display: block; }

.about-factory .title{
	text-align: center
}
.about-factory .title h2{
	font-size: 32px;
	font-weight: bold;
	color: #111;
}
.about-factory .title p{
	color: #585858;
	font-size: 15px;
	margin-top: 15px;
}
.zs1 {
	padding: 170px 0 190px;
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	overflow-x: hidden;
}
.zs1 .zs1-l{
	color: #111111;
	width: 50%;
	height: 480px;
	background: #e9c884;
	padding: 7% 10% 0 5%;
	position: relative;
}
.zs1 .zs1-l::after{
	content: '';
	display: block;
	width: 276px;
	height: 192px;
	background: url(../images/zs1-bg.png) no-repeat center;
	position: absolute;
	right: 30px;
	bottom: -50px;
}
.zs1 .zs1-l h2{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 48px;
}
.zs1 .zs1-l .text{
	font-size: 16px;
	line-height: 30px;
}
.zs1 .zs1-r{
	width: 50%;
	height: 760px;
	box-shadow: 0px 0px 25px 0px rgba(9, 3, 5, 0.1);
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;	
	text-align: center;
}

.zs2{
	height: 722px;
	background: url(../images/zs2-bg.jpg) no-repeat center;
}
.zs2 .ctn {
	color: #ffffff;
	padding-top: 200px;
	width: 40%;
}
.zs2 .ctn h2{
	font-size: 38px;
	font-weight: bold;
}
.zs2 .ctn .text{
	font-size: 16px;
	margin: 46px 0 76px;
}
.zs2 .ctn .jm{
	display: block;
	color: #fff;
	height: 55px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	width: 220px;
	text-align: center;
	line-height: 55px;
	background: #1a1a1a;
}
.zs3{
	padding: 180px 0 215px;
}
.zs3>h2{
	text-align: center;
	color: #111111;
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 65px;
	line-height: 48px;
}
.zs3 .zs3-box{	
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit-moz-box-pack:center;
	box-pack:center;
}
.zs3 .zs3-l{
	width: 59%;
}
.zs3 .zs3-l .ctn{
	box-shadow: 0px 0px 25px 0px rgba(9, 3, 5, 0.1);
	padding: 50px 80px;
	height: 269px;
}
.zs3 .zs3-l .ctn h3{
	color: #111111;
	font-size: 26px;
	padding-left: 60px;
	background: url(../images/jia.jpg) no-repeat left center;
	line-height: 46px;
	margin-bottom: 30px;
}
.zs3 .zs3-l .ctn .text{
	font-size: 15px;
	color: #333333;
}
.zs3 .zs3-r{
	width: 31%;
}
.zs3 .zs3-r img{
	height: 269px;
}
.zs3 .zs3-r .zs3-r-t{
	background: #245762;
	width: 100%;
	color: #fff;
	padding: 70px 65px;
}
.zs3 .zs3-r .zs3-r-t>h2{
	font-size: 26px;
	background: url(../images/adv01.png) no-repeat left center;
	padding-left: 60px;
	color: #fff;
	margin-bottom: 30px;
}
.zs3 .zs3-r .zs3-r-t .text{
	color: #e1e1e1;
	font-size: 15px;
	line-height: 30px;
}
.zs4{
	height: 950px;
	background: url(../images/zs4-bg.jpg) no-repeat center;
	padding: 120px 0 0;
}
.zs4 .zs4-box h2{
	font-size: 38px;
	color: #111111;
	font-weight: bold;
	text-align: center;
	margin-bottom: 70px;
}
.zs4-list li{
	width: 30%;
}
.zs4-list li .img{
	overflow: hidden;
}
.zs4-list li .img:hover img{
	transform: scale(1.1);
}
.zs4-list li:nth-child(2){
	margin-top: 50px;
}
.zs4-list li .ctn{
	background: #fff;
	padding: 40px 30px;
	height: 260px;	
}
.zs4-list li .ctn h3{
	color: #111111;
	font-size: 26px;
	margin-bottom: 18px;
}
.zs4-list li .ctn .text{
	color: #333333;
	font-size: 15px;
	line-height: 35px;
}

.zs5{
	padding: 145px 0;
}
.zs5 h2{
	text-align: center;
	font-size: 38px;
	color: #111111;
	font-weight: bold;
	margin-bottom: 50px;
}
.zs5 .zs5-list{
	width: 80%;
	margin: 0px auto 70px;
	padding-top: 30px
}
.zs5 .zs5-list li {
	text-align: center;
	width: 20%;
	position: relative;
}
.zs5 .zs5-list li::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: transparent transparent transparent #333333; 
	position: absolute;
	right: 0;
	top: 40%;
	transform: translateY(-50%)
}
.zs5 .zs5-list li:last-child::after{
	display: none;
}
.zs5 .zs5-list li .img{
	width: 100px;
	height: 100px;
	border: 1px solid #333333;
	border-radius: 50%;
	margin: 0 auto 10px;
}
.zs5 .zs5-list li .img.icon1{
	background: url(../images/a1.jpg) no-repeat center;
} 
.zs5 .zs5-list li .img.icon2{
	background: url(../images/a2.jpg) no-repeat center;
} 
.zs5 .zs5-list li .img.icon3{
	background: url(../images/a3.jpg) no-repeat center;
} 
.zs5 .zs5-list li .img.icon4{
	background: url(../images/a4.jpg) no-repeat center;
} 
.zs5 .zs5-list li .img.icon5{
	background: url(../images/a5.jpg) no-repeat center;
} 

.zs5 form {
	width: 85%;
	margin: 0 auto
}
.zs5 form .item {
	margin-bottom: 30px;
}
.zs5 form .item input{
	display: block;
	width: 32%;
	height: 53px;
	text-indent: 1.5em;
	border: 1px solid #dfdfdf;
	font-size: 16px;
}
.zs5 form .btn{
	display: block;
	background: #1c2021;
	color: #fff;
	font-size: 16px;
	height: 53px;
	line-height: 53px;
	border-radius: 30px;
	width: 15%;
	margin: 60px auto 10px;
	cursor: pointer;
}
.zs5 form .p{
	text-align: center;
	color: #333333;
}


.footer-box .footer-box-t{
	background: #f6f6f6;
	padding: 70px 0;
}
.footer-list{
	margin-left: 130px
}
.footer-list .footer-item {
	margin-right: 88px;
}
.footer-list .footer-item:last-child{
	margin-right: 0;
}
.footer-list .footer-item h3{
	color: #111111;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.footer-list .footer-item ul li{
	margin-bottom: 10px
}
.footer-list .footer-item ul li a{
	color: #747474;
}
.footer-box-t .footer-wx{
	text-align: center;
	margin-top: 15px;
}
.footer-box-t .footer-wx span{
	display: block;
	color: #747474;
	margin-top: 6px;
}
.footer-b{
	/* height: 60px; */
	background: #252525;
	color: #747474;
	text-align: center;
	padding: 15px 0;
}
.footer-b a{
	color: #747474;
}




table{ margin-bottom:20px;}
table tr{display:flex; margin-top:10px;}
table td{ 
	padding-left:20px; 
	padding-top:5px; 
	padding-bottom:5px; 
	/* width:600px;  */
	box-sizing:border-box;
	flex: 1;
}
table tr:nth-child(odd) { background:#fff;}
table tr:nth-child(even) { background:#f2f2f2;}
table td:nth-child(odd) {}
table td:nth-child(even) { border-left:#dbdbdb 1px solid;}


.fr-lingk{color: #333}
.fr-lingk a{color: #333}
.index-footer{
	background: #252525;
	color: #333;
	text-align: center;
	padding: 15px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
}
.index-footer a{color: #333}

.i_ab_swiper .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: #111
}
.i_ab_swiper .swiper-pagination-bullet-active{
	background: #111;
}


@media all and (max-width: 1890px){
	header ul {
		margin-left: 6%;
	}
	/* header ul li{
		padding: 0 3%;
	} */
}


@media all and (max-width: 1780px){
	.ip-title{
		display: none;
	}
}
@media all and (max-width: 1665px){
	header{
		padding: 0 1%
	}
	header ul {
		width: 38%;
		margin-left: 3%;
	}
	.header-list li{
		padding: 0 3%;
	}
	.containers{
		width: 100%!important;
	}
	header .header-contact{
		width: 50%;
	}
	.ip2 .ctn{
		width: 31%;
		height: 66%;
		right: 10%;
	}
	.title-box{
		padding-top: 40px!important;
		margin-bottom: 40px!important;
	}
	.ip2 .swiper-slide .img {
		width: 61%;
	}
	.ip2 .img img{
		width: 100%;
		height: auto;
	}
	.ip2 .page-box{
		bottom: 140px
	}
	
	.ip4{
		padding-top: 40px;
	}
	.ip6{
		padding-top: 40px;
	}

	.ip7-box{
		padding-top: 0px;
	}

}
@media all and (max-width: 1520px){
	.title-box{
		padding-top: 25px!important;
		margin-bottom: 30px!important;
	}
	.ip4{
		padding-top: 40px;
	}
	.ip6{
		padding-top: 40px;
	}
	.ip2 .ctn{
		height: 80%;
	}
	.ip2 .page-box{
		bottom: 100px;
		right: 30%;
	}

	.ip2 .swiper-slide .img {
    width: 60%;
	}
	.ip4 .ip4-l .text{
		margin-bottom: 20px;
	}
}
@media all and (max-width: 1366px){
	.ip5 .ip5-list li{
		width: 18%;
	}

	.ip5 .ip5-list li:nth-child(7),
	.ip5 .ip5-list li:nth-child(8),
	.ip5 .ip5-list li:nth-child(9),
	.ip5 .ip5-list li:nth-child(10){
		display: block;
	}
	.ip5 .ip5-list::after{
		width: 18%
	}
	.ip5 .ip5-list li img{
		max-width: 100%;
		height: 170px;
	}
	
	.bg2{
		/*padding: 30px;*/
		width: 50%
	}
}
@media all and (max-width: 1345px){
	.title-box{
		padding-top: 40px!important;
		margin-bottom: 50px!important;
	}
	.ip4{
		padding-top: 40px;
	}
	.ip6{
		padding-top: 40px;
	}
}
@media all and (max-width: 1300px){
	header{
		padding: 0 2%;
	}
	.containers{
		width: 1250px;
	}
	header .header-contact .contact-item{
		display: none!important
	}
	header ul{
		margin-left: 10%;
		width: 80%;
	}

}
@media all and (max-width: 1280px){
	header ul{
		width: 65%;
		margin-left: 5%
	}
	.title-box{
		padding-top: 40px!important;
		margin-bottom: 40px!important;
	}
	.ip4{
		padding-top: 40px;
	}
	.ip6{
		padding-top: 40px;
	}
}