/*www.adminbuy.cn*/
*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #666;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
body{
	/*max-width: 1920px;*/
	font-size: 14px;
	color: #666;
	font-family: "Microsoft YaHei","微软雅黑";
}
body{
	/*max-width: 1920px;*/
	overflow: hidden;
	margin: 0 auto;
}


/*顶部*/

header{
	height: 120px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all .3s; 
-webkit-transition: all .3s;
}
header .logo{
	float: left;
	padding-top: 24px;
	position: relative;
	z-index: 92;
}
nav{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 91;
	width: 100%;
	height: 100%;
}
.nav-ul{
	width: 100%;
	height: 100%;
	max-width: 700px;
	margin: 0 auto;
}
.nav-ul li{
	width: 20%;
	height: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.cli .nav-ul li.drop .nav-a1{
	padding-right: 15px;
	background: url(../images/ico02.png) no-repeat right 60px !important;
}
.f-cb .nav-ul li.drop .nav-a1{
	padding-right: 15px;
	background: url(../images/ico01.png) no-repeat right 60px;
}
.nav-ul li .nav-a1{
	display: inline-block;
	height: 100%;
	font-size: 18px;
	color: #fff;
	top: 23px;
	line-height: 30px;
	position: relative;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.nav-ul li.on .nav-a1:after{
	content: "";
	width: 0%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 10px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.nav-ul li.on .nav-a1:after{
	width: 100%;
}
.nav-ul-div1{
	width: 100%;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 123px;
	background: #fff;
	display: none;
}
.nav-ul-div1 a{
	font-size: 15px;
	line-height: 30px;
	display: block;
	text-align: center;
	margin: 5px 0;
}
.nav-ul-div1 a:hover{
	background: #adbfaa;
	color: #fff;
}
.header-rt{
	width: 245px;
	height: 30px;
	float: right;
	margin-top: 30px;
	position: relative;
	z-index: 93;
}
.header-rt a{ color:#fff; margin-left:20px; line-height:30px; padding-left:20px; font-size:14px;}

.header-rt a.en{ background:url(../images/en.png) no-repeat left center;}
.header-rt a.cn{ background:url(../images/cn.png) no-repeat left center;}




.header-rt  .int1{
	width: 100%;
	height: 30px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	padding-right: 10px;
	background: none;
	border: initial;
}
.header-rt  .int1::-webkit-input-placeholder{
	color: #fff;
}
.header-rt  .int2{
	width: 40px;
	height: 40px;
	background: url(../images/ico03.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	background-color: none;
	border: initial;
}

header.cli .header-rt a{ color:#333;}
header.cli .header-rt a.en{ background:url(../images/en1.png) no-repeat left center;}
header.cli .header-rt a.cn{ background:url(../images/cn1.png) no-repeat left center;}



.nav-ul .drop .nav-a1{
	background: url(../images/ico02.png) no-repeat right 60px;
}




@media (min-width: 1025px) {

	header.on{
		background: #fff;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	
	header.on .nav-ul li .nav-a1{
		color: #333;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
	header.on .nav-ul li.drop .nav-a1{
		padding-right: 15px;
		background: url(../images/ico02.png) no-repeat right 60px;
	}
	header.on .nav-ul li .nav-a1:hover{
		
	}
	header.on .nav-ul li .nav-a1:hover:after{
		width: 100%;
	}
	header.on .nav-ul li .nav-a1:after{
		background: #333;
	}
	header.on .header-rt{
		/*border-bottom: 2px solid #333;*/

	}
	header.on .header-rt a{ color:#333;}
	header.on .header-rt a.en{ background:url(../images/en1.png) no-repeat left center; }
	header.on .header-rt a.cn{ background:url(../images/cn1.png) no-repeat left center; }
	
	header.on.header-rt  .int1{
		color: #333;
	}
	header.on .header-rt  .int1::-webkit-input-placeholder{
		color: #333;
	}
	header.on .header-rt  .int2{
		background: url(../images/ico04.png) no-repeat center;
	}




	header.cur{
		background: #fff;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	
	header.cur .nav-ul li .nav-a1{
		color: #333;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
	header.cur .nav-ul li.drop .nav-a1{
		padding-right: 15px;
		background: url(../images/ico02.png) no-repeat right 60px;
	}
	header.cur .nav-ul li .nav-a1:hover{
		
	}
	header.cur .nav-ul li .nav-a1:hover:after{
		width: 100%;
	}
	header.cur .nav-ul li .nav-a1:after{
		background: #333;
	}
	header.cur .header-rt{
		border-bottom: 2px solid #333;
	}
	header.cur.header-rt  .int1{
		color: #333;
	}
	header.cur .header-rt  .int1::-webkit-input-placeholder{
		color: #333;
	}
	header.cur .header-rt  .int2{
		background: url(../images/ico04.png) no-repeat center;
	}
}


header.cli{
	background: #fff;
	
	border-bottom: 1px solid rgba(0,0,0,.1);
}
header .img1{
	display:block;
}
header .img2{
	display:none;
}
header.cli .img1{
	display:none;
}
header.cli .img2{
	display:block; height:60px;
}

header.on .img1{
	display:none;
}
header.on .img2{
	display:block;
}
header.cli .nav-ul li .nav-a1{
	color: #333;
}

header.cli .nav-ul li .nav-a1:hover{
	
}
header.cli .nav-ul li .nav-a1:hover:after{
	width: 100%;
}
header.cli .nav-ul li .nav-a1:after{
	background: #333;
}
header.cli  .header-rt{
/*	border-bottom: 2px solid #333;
*/}
header.cli .header-rt  .int1{
	color: #333;
}
header.cli  .header-rt  .int1::-webkit-input-placeholder{
	color: #333;
}
header.cli  .header-rt  .int2{
	background: url(../images/ico04.png) no-repeat center;
}

@media (max-width: 1025px) {

	/*header.on .img1{
		display:block;
	}
	header.on .img2{
		display:none;
	}*/
}


.w1750{
	max-width: 1850px;
	padding: 0 50px;
	margin: 0 auto;
}
.nav2{
	display: none;
}
.header-rt2{
	display: none;
}


@media (max-width: 1400px) {
	.nav-ul{
		padding-right:60px;
		max-width: 700px;
	}
	.header-rt{
		width: 180px;
	}
	.w1750{
		padding: 0 30px;
	}
}
@media (max-width: 1023px) {
	
	nav{
		display: none;
	}
	.header-rt1{
		display: none;
	}
	.header-rt2{
	    
	    margin-top: 0;
	     border-bottom: 2px solid #333;
	     float: left;
	     margin-left: 30px;
	     height: 50px;
	     margin-bottom: 15px;
	     width: calc(100% - 60px);
	   
	}
	.header-rt2 .int1{
		height: 50px;
		font-size: 16px;
	}
	.header-rt2 .int2{
		height: 50px;
		 background: url(../images/ico03.png) no-repeat center;
	}
	
	.header-rt2 .int2::-webkit-input-placeholder{
		color: #fff;
	}
	.header-rt2  .int1::-moz-placeholder{
		color: #fff;
	}
	.header-rt2  .int1:-ms-input-placeholder{
		color: #fff;
	}
	.header-div{
		display: block;
		width: 40px;
		float: right;
		padding-top: 45px;
		position: relative;
		z-index: 94;
	}
	.header-div div{
		width: 100%;
		height: 5px;
		border-radius: 2px;
		background: #fff;
		margin-bottom: 9px;
	    opacity: 1;
		transition: all .5s;
	}
	.header-div.on div{
		background: #333;
	}
	.header-div.on .header-d1{
		 -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.header-div.on .header-d2{
		opacity: 0;
		transition: all .5s; 
	}
	.header-div.on .header-d3{
		 -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	
	/*header.on .header-div div{
		background: #333;
	}
	header.cli .header-div div{
		background: #333;
	}*/
	
	.nav2{
		display: block;
		width: 100%;
		padding-bottom: 150px;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 125px;
		display: none;
		overflow: auto;
	}
	
	.nav2 a:hover{
		color: #333;
	}
	.nav2-li{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		line-height: 60px;
		
	}
	.nav2-li:first-child{
		border-top: 1px solid rgba(0,0,0,.1);
		padding-top: .4rem;
	}
	.nav2-a1{
		display: block;
		width: 100%;
		height: 100%;
		font-size: 16px;
		color: #333;
		line-height: 60px;
		padding: 0 30px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.nav2-a1 span{
		font-size: 20px;
		font-weight: bold;
		float: right;
	}
	.nav2-div{
		display: none;
	}
	.nav2-div a{
		display: block;
		height: 50px;
		font-size: 14px;
		line-height: 50px;
		color: #333;
		line-height: 50px;
		padding: 0 60px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	header.cli{
	}
	header.cli .header-div div{
		background: #333;
	}
	
	
	.header-mdss{
		width: 40px;
		height: 40px;
		float: right;
		margin-top: 40px;
		margin-right: 30px;
		background: url(../images/ico04.png) no-repeat center;
		background-size: 25px;
		position: relative;
		z-index: 94;
	}
	.header-mdss.on{
		background: url(../images/ico04.png) no-repeat center;
		background-size: 25px;
	}
	.header-rt2{
		display: none;
	}
	.header-rt2{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		margin: 0;
		z-index: 95;
		background-size: 20px;
	}
	.header-rt2 .lg{
		width: calc(90% - 70px);
		position: absolute;
		top: 40%;
		left: 5%;
		position: relative;
	}
	.header-rt-gb{
		width: 50px;
		height: 50px;
		background: url(../images/x01.png) no-repeat center;
		position: absolute;
		top: 0;
		right:-70px;
	}
	.suspension{ display:none;}
}
@media (max-width: 767px) {
	header{
		height: 1.2rem;
		
	}
	.w1750{
		padding: 0 .4rem;
	}
	header .logo{
		width: 1.25rem;
		padding-top: .15rem;
	}
	.header-div{
		display: block;
		width: .4rem;
		float: right;
		padding-top: .45rem;
	}
	.header-div div{
		width: 100%;
		height: .03rem;
		border-radius: 0.025rem;
		background: #fff;
		margin-bottom: .11rem;
	    opacity: 1;
		transition: all .5s;
	}
	.header-div.on .header-b1{
		 -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.header-div.on .header-b2{
		opacity: 0;
		transition: all .5s; 
	}
	.header-div.on .header-b3{
		 -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.nav2{
		width: 100%;
		padding-top: 1.2rem;
	}
	
	.header-rt2 .int1{
		height: .8rem;
		font-size: .24rem;
		padding: 0 .2rem;
		padding-right: 1rem;
		color: #fff;
	}
	.header-rt2 .int2{
		width: .8rem;
		height: .8rem;
		background-size: .4rem;
	}
	.nav2-a1{
		height: .8rem;
		padding: 0 .4rem;
		font-size: .24rem;
		line-height: .8rem;
	}
	.nav2-div a{
		height: .8rem;
		padding: 0 .8rem;
		font-size: .24rem;
		line-height: .8rem;
	}
	
	.header-mdss{
		width: .6rem;
		height: .6rem;
		background-size: .3rem;
		margin-top: .3rem;
		margin-right: .3rem;
	}
	.header-mdss.on{
		background: url(../images/ico04.png) no-repeat center;
		background-size: .3rem;
	}
	.header-rt-gb{
		width: .8rem;
		height: .8rem;
		background-size: 1rem;
	}
	
}



/*底部*/
footer{
	background: #fff;
}
.footer-a{
	border-bottom: 1px solid rgba(0,0,0,.1);
/*	height: 100px;
*/	line-height: 100px;
	position: relative;
	text-align: center;
}
.footer-a1{
	display: inline-block;
	margin: 0 10px;
}
.footer-a1 img{
	width:35px
}
.footer-a2{
	position: absolute;
	left: 50%;
	margin-left: 10px;
}
.footer-a2 img{
	width:50px
}
.footer-a1,.footer-a2{
	/*float: left;
	margin-right: 20px;*/
}
.footer-a2{
	line-height: 100px;
}
.footer-aa{
	position:fixed;
	bottom:68px;
	right:20px;
	z-index:99;
	cursor: pointer;
}
.footer-b{
	padding: 20px;
	font-size: 14px;
	color: #3e3e3e;
	line-height: 40px;
	overflow: hidden;
}
.footer-b1{
	float: left;
}
.footer-b2{
	float: right;
}
.footer-b4{
	display: none;
}

@media (max-width: 767px) {
	header.cli .img2{ height:0.8rem; max-width:inherit !important; margin-top:0.2rem}
	header .img1{ height:0.8rem; max-width:inherit !important; margin-top:0.2rem}
	.footer-a1, .footer-a2{
		line-height: 1.5rem;
	}
	.footer-a1 img{
		width: .7rem;
	}
	.footer-a2 img{
		width: 1rem;
	}
	.footer-aa{
		line-height: 1.5rem;
		width: .5rem;
	}
	.footer-a{
		/*height: 1.5rem;*/
	    line-height: 1.5rem;
	}
	.footer-b{
		font-size: .22rem;
		line-height: .45rem;
		text-align: center;
		padding: .3rem .4rem;
	}
	.footer-b .w1750{
		padding: 0;
	}
	.footer-b1{
		display: none;
	}
	.footer-b3{
		display: none;
	}
	.footer-b4{
		display: block;
	}
	.footer-b4 span{
		display: block;
	}
}





/*公用*/
.w1200{
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
}

.sf-ban{
	width: 100%;
	height: 899px;
	background: no-repeat center;
	position: relative;
}
.sf-ban-div{
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 400px;
}
.sf-ban-d1{
	font-size: 42px;
	color: #fff;
	line-height: 50px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}
.sf-ban-d2{
	font-size: 42px;
	color: #fff;
	line-height: 50px;
	margin-top: 10px;
	text-align: center;
}

.sf-nav{
	height: 70px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	text-align: center;
}
.sf-nav-a{
	display: inline-block;
	width: 160px;
	height: 70px;
	font-size: 16px;
	color: #3f3f3f;
	text-align: center;
	position: relative;
	line-height: 70px;
	cursor: pointer;
}
.sf-nav-a:after{
	content: "";
	width: 1px;
	height: 20px;
	position: absolute;
	top: 25px;
	left: 0;
	background: rgba(0,0,0,.1);
}
.sf-nav-a:first-child:after{
	display: none;
}
.sf-nav-a:hover{
	color: #ea524f;
}
.sf-nav-a.on{
	color: #ea524f;
}
.sf-nav-pos{
	position: fixed;
	top: 10px;
	opacity: 0;
	/*display: none;*/
	/*transition: all .5s; 
   -webkit-transition: all .5s;*/
}
.sf-nav.on .sf-nav-pos{
	width: 100%;
	position: fixed;
	top: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: #fff;
	z-index: 79;
	/*display: block;*/
	opacity: 1;
	transition: all .5s; 
   -webkit-transition: all .5s;
}

.page{
	width: 100%;
	height: 38px;
	text-align: right;
}
.page a{
	width: 38px;
	height: 38px;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	background: #f6f6f6;
	display: inline-block;
	margin: 0 2px;
}
.page .prev{
	background:#f6f6f6 url(../images/ico26.png) no-repeat center;
}
.page .next{
	background:#f6f6f6 url(../images/ico06.png) no-repeat center;
}
.page .first-page{
	background:#f6f6f6 url(../images/ico26s.png) no-repeat center;
}
.page .last-page{
	background:#f6f6f6 url(../images/ico06s.png) no-repeat center;
}
.page a:hover{
	color: #ea524f;
}
.page a.page-num-current{
	color: #ea524f;
}

.sf-tk{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 89;
	display: none;
}
.sf-tk-a{
	width: 80%;
	overflow: hidden;
	max-height: 90%;
	margin: 0 auto;
	margin-top: 2%;
}
.sf-tk-a video{
	max-width: 100%;
	max-height: 100%;
}
.sf-tk-x{
	width: 55px;
	height: 55px;
	background: url(../images/x01.png) no-repeat center;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.sf-tk-x:hover{
	opacity: .8;
	transition: all .3s; 
-webkit-transition: all .3s;
}

.sf-ban-cli{
	width: 30px;
	height: 30px;
	background: url(../images/ico57.png) no-repeat center;
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 9;
	margin-left: -15px;
	-webkit-animation: span-up 2s linear infinite;
    animation: span-up 2s linear infinite;
}
@keyframes span-up {
  25% {transform: translateY(8px);}
  50%, 100% {transform: translateY(0);}
  75% {transform: translateY(-8px);}
 }
@-webkit-keyframes span-up {
  25% {-webkit-transform: translateY(8px);}
  50%, 100% {-webkit-transform: translateY(0);}
  7
}


@media (max-width: 767px) {
	.w1200{
		padding: 0 .4rem;
	}
	.sf-ban{
		height: 7rem;
		background-size: cover;
	}
	.sf-ban-div{
		padding: 0 .4rem;
		padding-top: 2.5rem;
	}
	.sf-ban-d1{
		font-size: .4rem;
		line-height: .5rem;
	}
	.sf-ban-d2{
		font-size: .45rem;
		line-height: .6rem;
	}
	.sf-ban-cli{
		bottom: .6rem;
	}
	.sf-nav{
		height: .8rem;
	}
	.sf-nav .w1200{
		padding: 0;
	}
	.sf-nav-a{
		width: 1.6rem;
		height: .8rem;
		font-size: .24rem;
		line-height: .8rem;
	}
	.sf-nav-a:after{
		height: .3rem;
		top: .25rem;
	}
	
	.page{
		height: .6rem;
		line-height: .6rem;
	}
	.page a{
		width: .6rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .6rem;
		margin: 0 .02rem;
	}
}




/*首页*/
.ibanner{
	
}
.ibanner .swiper-slide{
	height: 100%;
	height: 960px;
	background: no-repeat center;
    background-size: cover;
}
.ibanner .swiper-slide{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:center;
}
.ibanner-div{
	width: 100%;
	max-width: 1750px;
	margin: 0 auto;
	/*padding-top: 170px;*/
	padding-left: 113px;
	padding-right: 50px;
	
}
/*.ibanner-div .iban-d1{
	font-size: 70px;
	line-height: 85px;
	color: #000;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}*/
.ibanner-div .iban-d2{
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	margin-top: 15px;
	text-align: left;
	font-family:"Arial";
}



.ibanner-span-cont{

	position: relative;
	top: -90px;
}
.ibanner-span{
	bottom: 104px !important;
	padding-left: 113px;
}
.ibanner-span span{
	width: 50px;
	height: 5px;
	border-radius: 2.5px;
	background: #fff;
	margin-right: 20px;
	opacity: 1;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.ibanner-span .swiper-pagination-bullet-active{
	background: #ea544f;
	border-radius: 5px;
	transition: all .3s; 
	-webkit-transition: all .3s;
}


.ipro{
	width: 100%;
	height: 780px;
	overflow: hidden;
	margin-bottom: 90px;
	position: relative;
}
.ipro-a{
	width:100%;
	float: left;
	height:260px;
	background: #fff;
}
.ipro-a1{
	width: 25.15%;
	height: 100%;
	border-top: 1px solid rgba(0,0,0,.1);
	position: relative;
	cursor: pointer;
	z-index: 3;
}
.ipro-a:first-child .ipro-a1{
	border: none;
}
.ipro-a1-a{
	font-size: 22px;
	line-height: 1;
	padding-top: 105px;
	text-align: center;
	color: #424242;
	font-family: arial;
	padding-left: 4%;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a1-b{
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	color: #424242;
	margin-top: 8px;
	padding-left: 4%;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a1-c{
	width: 0%;
	height: 100%;
	background: url(../images/img01.jpg) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transition: all .3s; 
-webkit-transition: all .3s;
}

.ipro-a2{
	width: 74.85%;
	height: 810px;
	background: no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
    z-index: 2;
    overflow: hidden;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a{
	display: block;
	width: 225px;
	height: 60px;
	border: 2px solid rgba(255,255,255,.6);
	border-radius: 2px;
	font-size: 18px;
	line-height: 56px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 70px;
	right: 70px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a img{
	margin-left: 8px;
	position: relative;
	top: -1px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a:hover{
	background: rgba(255,255,255,.2);
	color: #fff;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a:hover img{
	margin-left: 12px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-a{
	color: #fff;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a.on .ipro-a1-b{
	color: #fff;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a.on .ipro-a1-c{
	width: 105%;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a:first-child .ipro-a2{
	display: block;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.iabout{
	overflow: hidden;
	margin-bottom: 90px;
	background: #fff;
}
.iabout-a{
	width: calc(100% - 585px);
	float: left;
	height: 597px;
}
.iabout-a div{
	background: no-repeat center;
	width: 100%;
	height: 100%;
	max-width: 1055px;
}
.iabout-b{
	width: 465px;
	float: right;
	margin-right: 60px;
	padding-top: 90px;
	margin-left: 30px;
}
.iabout-b1{
	font-size: 46px;
	color: #424242;
	line-height: 50px;
	font-weight: bold;
}
.iabout-b2{
	font-size: 28px;
	color: #424242;
	line-height: 35px;
	margin-top: 10px;
}
.iabout-b3{
	padding: 30px 0;
	margin-top: 30px;
	border-top: 1px solid rgba(0,0,0,.1);
	font-size: 18px;
	color: #424242;
	line-height: 35px;
}
.iabout-b3 p{ font-size:14px;}
.iabout-b4{
	display: block;
	width: 205px;
	height: 65px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px;
	font-size: 18px;
	color: #424242;
	line-height: 63px;
	text-align: center;
	padding-right: 60px;
	background: #f9f9f9;
	position: relative;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.iabout-b4 span{
	width: 60px;
	height: 63px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/ico06.png) no-repeat center;
	border-left: 1px solid rgba(0,0,0,.1);
}
.iabout-b4:hover{
	color: #424242;
	opacity: .8;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.ivoice-bj{
	width: 100%;
	height: 646px;
	background: no-repeat center;
}
.ivoice{
	padding-top: 70px;
}
.ivoice-a{
	font-size: 28px;
	color: #fff;
	line-height: 35px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}
.ivoice-b{
	font-size: 28px;
	color: #fff;
	line-height: 35px;
	text-align: center;
}
.ivoice-c{
	margin-top: 100px;
}
.ivoice-swiper{
	max-width: 1530px;
	height: 250px;
	padding: 10px 0;
	margin: 0 auto;
}
.ivoice-swiper .swiper-slide{
	overflow: hidden;
}
.ivoice-cc{
	display: block;
	width: 50%;
	float: left;
	padding-right: 2%;
	cursor: pointer;
}
.ivoice-c1{
	width: 125px;
	float: left;
	text-align: center;
	padding-top: 15px;
}
.ivoice-c1-a{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	margin: 0 auto;
}
.ivoice-c1-b{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 12px;
}
.ivoice-c1-c{
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}
.ivoice-c2{
	width: calc(100% - 145px);
	float: right;
	border:3px solid rgba(255,255,255,.6);
	border-radius: 3px;
	border-left: none;
	padding: 30px 30px;
	height: 230px;
	position: relative;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2-a{
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	height: 90px;
}
.ivoice-c2-b{
	border-bottom: 1px solid rgba(255,255,255,.1);
	height: 1px;
	width: 100%;
	margin-top: 20px;
}
.ivoice-c2-c{
	float: left;
	margin-top: 15px;
}
.ivoice-c2-e{
	font-size: 18px;
	line-height: 30px;
	float: right;
	margin-top: 25px;
	color: #fff;
}
.ivoice-c2-e img{
	position: relative;
	top: -1px;
	margin-left: 5px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2-f{
	width: 13px;
	height: 230px;
	background: url(../images/ico17.png) no-repeat center;
	position: absolute;
	left: -11px;
	top: -2px;
	opacity: .6;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on{
	padding-right: 0;
	padding-left: 2%;
}
.ivoice-cc.on .ivoice-c1{
	float: right;
}
.ivoice-cc.on .ivoice-c2{
	float: left;
	border: 3px solid rgba(255,255,255,.6);
	border-right: none;
}
.ivoice-cc.on .ivoice-c2-f{
	width: 13px;
	height: 230px;
	background: url(../images/ico18.png) no-repeat center;
	position: absolute;
	left: initial;
	right: -11px;
	top: -2px;
	opacity: .6;
}
.ivoice-c2:hover{
	border: 3px solid rgba(255,255,255,1);
	border-left: none;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2:hover .ivoice-c2-f{
	opacity: 1;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2:hover .ivoice-c2-e img{
	margin-left: 10px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover{
	border: 3px solid rgba(255,255,255,1);
	border-right: none;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-f{
	opacity: 1;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-e img{
	margin-left: 10px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d{
	height: 60px;
	margin-top: 25px;
	text-align: center;
}
.ivoice-d1{
	width: 30px;
	height: 30px;
	background: url(../images/ico09.png) no-repeat center;
	margin: 0 auto;
	cursor: pointer;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d1:hover{
	background: url(../images/ico11.png) no-repeat center;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d2{
	width: 30px;
	height: 30px;
	background: url(../images/ico10.png) no-repeat center;
	margin: 0 auto;
	cursor: pointer;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d2:hover{
	background: url(../images/ico12.png) no-repeat center;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.isearch-bj{
	width: 100%;
	height: 217px;
	background: no-repeat center;
}
.isearch{
	width: 580px;
	margin: 0 auto;
	padding-top: 65px;
	position: relative;
}
.isearch form{
	overflow: hidden;
}
.formd1{
	width: 2px;
	height: 20px;
	background: #97a891;
	position: absolute;
	left: 28px;
	top: 91px;
}
.isearch .int1{
	width: 475px;
	height: 70px;
	background: #fff;
	border: none;
	border-radius: 3px;
	float: left;
	padding-left: 45px;
	padding-right: 20px;
	font-size: 18px;
	color: #333;
}

.isearch .int3{
	width: 475px;	
	background: #fff;
	border: none;
	border-radius: 3px;
	float: left;
	padding-left: 45px;
	padding-right: 20px;
	font-size: 18px;
	color: #333;
}


.isearch .int2{
	width: 95px;
	height: 70px;
	background:#fff url(../images/ico13.png) no-repeat center;
	float: right;
	border: none;
	border-radius: 3px;
}
.isearch-a{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 10px;
	padding-left: 40px;
}
.isearch-a a{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-right: 12px;
	cursor: pointer;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.isearch-a a:hover{
	border-bottom: 1px solid rgba(0,0,0,.9);
	opacity: .8;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

@media (max-width:1400px) {
	.ipro{
		height: 1000px;
	}
	.ipro-a{
		width: 33.233%;
		height: 180px;
		float: left;
	}
	.ipro-a1{
		width: 100%;
	}
	.ipro-a2{
		width: 100%;
		top: 180px;
	}
	.ipro-a.on .ipro-a1-c{
		width: 100%;
	}
	.iabout-a{
		    width: calc(100% - 485px);
	}
	.iabout-b{
		width: 425px;
		margin-right: 30px;
	}
	.ivoice-cc{
		padding-right: 1%;
	}
	.ivoice-cc.on{
		padding-left: 1%;
	}
	.ivoice-c2-a{
		
	}
	.ipro-a1-b{
		padding-left: 0;
	}
	.ipro-a1-c{
		background-size: cover;
	}
	.ibanner-div .iban-d1{
		font-size: 55px;
	}
	.ibanner .swiper-slide{
		height: 800px;
	}
	.ibanner-div .iban-d2{
		font-size: 42px;
	}
}
.ivoice-cm{
	display: none;
}
@media (max-width:1023px) {
	.ipro-a{
		height: 130px;
	}
	.ipro-a1-a{
		padding-top: 30px;
	}
	.ipro-a1-b{
		font-size: 24px;
    margin-top: 20px;
	}
	.ipro-a2{
		background-size: cover;
		height: 500px;
		top: 130px;
	}
	.ipro{
		height: 630px;
	}
	.iabout-a{
		width: 100%;
	}
	.iabout-b{
		width: 100%;
		padding:40px 30px;
		margin: 0;
		
	}
	.ivoice-c{
		display: none;
	}
	.ivoice-cm{
		display: block;
		height: 370px;
		margin-top: 30px;
	}
	.ivoice-m-swiper{
		height: 100%;
		max-width: 669px;
	}
	.ivoice-cc{
		width: 100%;
	}
	.ivoice-c1{
		width: 100%;
	}
	.ivoice-c2{
		width: 100%;
		padding: 15px 30px;
		margin-top: 20px;
		height: 180px;
		border: 3px solid rgba(255,255,255,.6);
		border-top: none;
	}
	.ivoice-c2:hover{
		border: 3px solid rgba(255,255,255,.6);
		border-top: none;
	}
	.ivoice-c2-b{
		margin-top: 10px;
		border: 2px s;
	}
	.ivoice-c2-c{
		margin-top: 5px;
	}
	.ivoice-c2-e{
		margin-top: 15px;
	}
	.ivoice-c2-f{
		width: calc(100% + 6px);
		height: 15px;
		left: -3px;
		top: -12px;
		background: url(../images/ico20.png) no-repeat center;
	}
	.ivoice-d1{
		display: inline-block;
		background: url(../images/ico19.png) no-repeat center;
		opacity: .6;
	}
	.ivoice-d1:hover{
		background: url(../images/ico19.png) no-repeat center;
		opacity: 1;
	}
	.ivoice-d2{
		display: inline-block;
		background: url(../images/ico21.png) no-repeat center;
		opacity: .6;
	}
	.ivoice-d2:hover{
		background: url(../images/ico21.png) no-repeat center;
		opacity: 1;
	}
	.ibanner-div .iban-d1{
		font-size: 45px;
	}
	.ibanner-div .iban-d2{
		font-size: 32px;
	}
}
@media (max-width:767px) {
	.ibanner .swiper-slide{
		height: 7.5rem;
		background-size: cover;
	}
	.ibanner-div{
		padding-left: .4rem;
		padding-top:2rem;
		padding-right: .4rem;
	}
	.ibanner-div .iban-d1{
		font-size: .5rem;
		line-height: .7rem;
	}
	.ibanner-div .iban-d2{
		font-size: .36rem;
		line-height: .5rem;
		margin-top: .2rem;
	}
	.ibanner-span-cont{
		width: 100%;
		height: 0;
		top: 0;
	}
	.ibanner-span{
		width: 100%;
		bottom: .0rem !important;
		padding-left: 0;
		left: 0;
	}
	.ibanner-span span{
		width: .5rem;
		height: .05rem;
		margin: 0 .1rem;
	}
	.ipro{
		width: 7.5rem;
		margin-left: -.4rem;
		height: 5.7rem;
		margin-bottom: .4rem;
	}
	.ipro-a{
		height: 1.3rem;
	}
	.ipro-a1-a{
		font-size: .26rem;
		padding-top: .3rem;
	}
	.ipro-a1-b{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.ipro-a2{
		height: 4.4rem;
		top: 1.3rem;
	}
	.ipro-a2-a{
		width: 2rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .56rem;
		right: .4rem;
		bottom: .3rem;
	}
	.ipro-a2-a img{
		width: .1rem;
	}
	.iabout-a{
		height: 3.85rem;
		
	}
	.iabout-a div{
		background-size: cover;
	}
	.iabout-b{
		padding: .5rem;
	}
	.iabout-b1{
		font-size: .6rem;
		line-height: .8rem;
	}
	.iabout-b2{
		font-size: .4rem;
		line-height: .6rem;
		margin-top: .15rem;
	}
	.iabout-b3{
		font-size: .24rem;
		line-height: .5rem;
		margin-top: .3rem;
		padding: .3rem 0;
	}
	.iabout-b4{
		font-size: .24rem;
		width: 2.2rem;
		height: .7rem;
		line-height: .68rem;
		padding-right: .7rem;
	}
	.iabout-b4 span{
		width: .7rem;
		height: .7rem;
		background-size: .1rem;
	}
	.iabout{
		margin-bottom: .4rem;
	}
	.ivoice-bj{
		height: 8.5rem;
		background-size: cover;
	}
	.ivoice{
		padding-top: .45rem;
	}
	.ivoice-a{
		font-size: .4rem;
		line-height: .6rem;
	}
	.ivoice-b{
	   font-size: .4rem;
	   line-height: .65rem;
	}
	.ivoice-c1-a{
		width: 1.1rem;
		height: 1.1rem;
		background-size: cover;
	}
	.ivoice-c1-b{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.ivoice-c1-c{
		font-size: .24rem;
		line-height: .4rem;
	}
	.ivoice-c1{
		padding-top: 0;
	}
	.ivoice-cm{
		margin-top: .35rem;
	}
	.ivoice-c2{
		height: 2.9rem;
	}
	.ivoice-c2-a{
		font-size: .24rem;
		line-height: .4rem;
		height: 1.2rem;
	}
	.ivoice-c2{
		padding: .2rem .4rem;
	}
	.ivoice-c2-c{
		width: .7rem;
		margin-top: .2rem;
	}
	.ivoice-c2-e{
		font-size: .26rem;
		margin-top: .3rem;
	}
	.ivoice-c2-b{
		margin-top: .3rem;
	}
	.ivoice-cm{
		height: 5.4rem;
	}
	.ivoice-d{
		height: .6rem;
		margin-top: .2rem;
	}
	.ivoice-d div{
		width: .6rem;
		height: .6rem;
		background-size: .3rem;
	}
	.ivoice-d div:hover{
		background-size: .3rem;
	}
	.isearch-bj{
		height: 3.1rem;
		background-size: cover;
	}
	.isearch{
		padding-top: .8rem;
		width: 6.7rem;
	}
	.isearch .int1{
		width: 5.1rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .26rem;
		padding: 0 .4rem;
	}
	.formd1{
		top: 1.1rem;
		left: .2rem;
	}
	.isearch .int2{
		width: 1.5rem;
		height: 1rem;
	}
	.isearch-a{
		padding-left: .3rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.isearch-a a{
		font-size: .24rem;
		line-height: .4rem;
		margin-right: .2rem;
	}
}



/*联系我们*/
.contact{
	padding-top: 175px;
	padding-bottom: 135px;
}
.contact-a{
	font-size: 18px;
	color: #454545;
	line-height: 25px;
	text-align: center;
}
.contact-b{
	font-size: 28px;
	color: #454545;
	line-height: 45px;
	text-align: center;
}
.contact-c{
	width: 100%;
	height: 430px;
	margin-top: 75px;
}
.contact-c #map{
	width: 100%;
	height: 100%;
}
.contact-d{
	margin-top: 10px;
	height: 190px;
	box-shadow: 0 0 40px rgba(222,222,222,.3);
}
.contact-d1{
	width: 33.3%;
	height: 100%;
	float: left;
	padding-left: 5.8%;
	padding-right: 7.5%;
}
.contact-d2{
	width: 33.3%;
	height: 100%;
	float: left;
	padding-left: 7%;
	padding-right: 4%;
	border-left: 1px solid rgba(0,0,0,.1);
}
.contact-d3{
	width: 33.4%;
	height: 100%;
	float: left;
	padding-left: 9%;
	padding-right: 4%;
	border-left: 1px solid rgba(0,0,0,.1);
}

.contact-d1-a{
	font-size: 20px;
	color: #454545;
	padding-top: 50px;
	line-height: 1;
}
.contact-d1-b{
	font-size: 15px;
	line-height: 25px;
	margin-top: 10px;
}
.contact-img{
	margin-top: 40px;
}

.recruit{
	background: #fcfcfc;
}
.recruit-a{
	background: no-repeat center;
	height: 317px;
}
.recruit-a .isearch{
	padding-top: 110px;
}
.recruit-a .formd1{
	top:136px
}
.recruit-a .isearch .int1{
	background: #fdfaf9;
}
.recruit-a .isearch .int2{
	    background: #fff url(../images/ico22.png) no-repeat center;
}
.recruit-b{
	padding-top: 90px;
}
.recruit-b1,.recruit-b2,.recruit-b3{
	margin-bottom: 15px;
	overflow: hidden;
}
.recruit-b1-a{
	width: 145px;
	float: left;
	padding-left: 45px;
	background: no-repeat left center;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}
.recruit-b1-b{
	width: calc(100% - 145px);
	float: left;
	font-size: 16px;
	line-height: 32px;
	color: #333;
}
.contact-d2 .contact-d1-b{
	/*text-transform:uppercase;*/
}
.recruit-b1-b a{
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 0 12px;
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.recruit-b1-b a.on{
	color: #ea524f;
}
.recruit-b1-b a:hover{
	color: #ea524f;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.recruit-b1 .recruit-b1-a{	
		background-image: url(../images/ico23.png);
}
.recruit-b2 .recruit-b1-a{	
		background-image: url(../images/ico24.png);
}
.recruit-b3 .recruit-b1-a{	
		background-image: url(../images/ico25.png);
}

.recruit-b4{
	width: 100%;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(150,150,150,.4);
	margin-top: 40px;
	margin-bottom: 50px;
}
.recruit-b4-a{
	font-size: 16px;
	height: 45px;
	background: #f2f2f2;
	line-height: 45px;
	padding: 0 20px;
	font-weight: bold;
}
.recruit-b4 .rba1{
	width: 35%;
	float: left;
	padding-right: 10px;
}
.recruit-b4 .rba2{
	width: 23%;
	float: left;
	padding-right: 10px;
}
.recruit-b4 .rba3{
	width: 23%;
	float: left;
	padding-right: 10px;
}
.recruit-b4 .rba4{
	width: 19%;
	float: left;
	padding-right: 10px;
}
.recruit-b4-b{
	
}
.recruit-b4-b li{
    background: #fafafa;
    border-top: 1px solid rgba(0,0,0,.1);
}
.recruit-b4-b li:first-child{
	border-top: none;
}
.recruit-b4-b1{
	overflow: hidden;
	padding: 25px 20px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}

.recruit-b4-b1 .rba1{
	font-weight: bold;
}
.recruit-b4-b1 .rba5{
	width: 15px;
	height: 100%;
	position: absolute;
	right: 30px;
	top: 0;
	background: url(../images/ico28.png) no-repeat center;
}
.recruit-b4-b1.on .rba5{
	background: url(../images/ico27.png) no-repeat center;
}
.recruit-b4-b li:nth-child(2n){
	background: #fff;
}
.recruit-b4-b2{
	padding: 15px 20px;
	background: #eee;
	display: none;
}
.recruit-b4-b2 .rbb-div{
	overflow: hidden;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.recruit-b4-b2 .rbb-div div{
	width: 33.333%;
	padding-right: 10px;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	margin: 3px 0;
	float: left;
}
.recruit-b4-b2 .rbb-txt{
	font-size: 14px;
	color: #333;
	line-height: 25px;
	padding: 10px 0;
	margin: 15px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
}
.recruit-b4-b2 .rbb-a{
	display: block;
	width: 120px;
	height: 40px;
	background: #fff;
	font-size: 14px;
	text-align: center;
	color: #333;
	line-height: 40px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.recruit-b4-b2 .rbb-a:hover{
	color: #ea524f;
}
@media (max-width: 1400px) {
	
}
@media (max-width: 1023px) {
	
}
@media (max-width: 767px) {
	.contact{
		padding-top: 1.9rem;
		padding-bottom: .6rem;
	}
	.contact-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.contact-b{
		font-size: .4rem;
		line-height: .6rem;
	}
	.contact-c{
		margin-top: .3rem;
		height: 4rem;
	}
	.contact-d1,.contact-d2,.contact-d3{
		padding: .2rem;
	}
	.contact-d1-a{
		font-size: .3rem;
		line-height: .5rem;
		padding-top: 0rem;
	}
	.contact-d{
		height: 2.6rem;
	}
	.contact-d1-b{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.contact-img{
		margin-top: .4rem;
	}
	.recruit-a{
		height: 3rem;
		background-size: cover;
	}
	.recruit-a .isearch{
		padding-top: .5rem;
	}
	.recruit-b{
		padding-top: .5rem;
	}
	.recruit-b1-a{
		font-size: .28rem;
		width: 2rem;
		padding-left: .5rem;
	}
	.recruit-b1-b{
		width: calc(100% - 2rem);
	}
	.recruit-b1-b a{
		font-size: .26rem;
		line-height: .4rem;
		margin: 0 .15rem;
	}
	.recruit-b1 .recruit-b1-a{
		background-size: .3rem;
	}
	
	.recruit-b2 .recruit-b1-a{
		background-size: .3rem;
	}
	
	.recruit-b3 .recruit-b1-a{
		background-size: .3rem;
	}
	.recruit-b1,.recruit-b2,.recruit-b3{
		margin-bottom: .15rem;
	}
	.recruit-b4{
		margin-top: .4rem;
		padding: .2rem;
	}
	.recruit-b4 .rba1{
		width: 60%;
	}
	.recruit-b4 .rba2{
		display: none;
	}
	.recruit-b4 .rba3{
		display: none;
	}
	.recruit-b4 .rba4{
		width: 40%;
	}
	.recruit-b4{
	}
	.recruit-b4-a{
		font-size: .3rem;
		line-height: .8rem;
		height: .8rem;
		padding: 0 .2rem;
	}
	.recruit-b4-b1{
		padding: .2rem;
	}
	.recruit-b4-b1{
		font-size: .26rem;
	}
	.recruit-b4-b1 .rba5{
		right: .4rem;
	}
	.recruit-b4-b2{
		padding: .2rem;
	}
	.recruit-b4-b2 .rbb-div div{
		width: 50%;
		font-size: .24rem;
		line-height: .4rem;
		margin: .03rem 0;
		padding-bottom: .15rem;
	}
	.recruit-b4-b2 .rbb-txt{
		padding: .1rem 0 ;
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .45rem;
	}
}






/*品牌介绍*/
.brand{
	padding-top: 120px;
	padding-bottom: 130px;
}
.brand-a{
	overflow: hidden;
}
.brand-banner .ibanner-span{
	padding-left: 0;
}
.brand-a1{
	width: calc(100% - 150px);
	float: left;
	max-width: 775px;
}
.brand-a1-a{
	font-size: 32px;
	color: #373636;
	line-height: 50px;
	margin-bottom: 25px;
	font-weight: bold;
}
.brand-a1-b{
	font-size: 14px;
	color: #424242;
	line-height: 30px;
}
.brand-a2{
	width: 120px;
	float: right;
	text-align: right;
	padding-top: 12px;
}
.brand-a2-a{
}
.brand-a2-b{
	font-size: 22px;
	color: #373636;
	line-height: 45px;
	font-family: arial;
	font-weight: bold;
}
.brand-b{
	margin-top: 85px;
	overflow: hidden;
}
.brand-b1{
	float: left;
	width: 310px;
}
.brand-b1 div{
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding-left: 20px;
	font-size: 22px;
	color: #373636;
	margin-bottom: 5px;
	cursor: default;
	transition: all .3s; 
-webkit-transition: all .3s;
	
}
.brand-b1 div:hover{
	background: #b5cfcc;
	color: #fff;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.brand-b2{
	width: calc(100% - 350px);
	float: right;
	max-width: 806px;
	height: 371px;
	background: no-repeat center;
}
.brand-b2-a{
	width: 100%;
	height: 100%;
	background: url(../images/ico30.png) no-repeat center;
	cursor: pointer;
}

.brand-c{
	margin-top: 75px;
	height: 380px;
}
.brand-swiper .swiper-slide{
	background: no-repeat center;
	background-size: cover;
	height: 380px;
}
.brand-c1{
	width: 270px;
	padding: 30px 20px;
	background: #fff;
	
	position: relative;
	top: 140px;
	left: 7.15%;
	/*float: left;*/
	/*display: none;*/
}
.brand-c1-a{
	width: 30px;
	height: 2px;
	background: #333;
	display: none;
}
.brand-c1-b{
	font-size: 28px;
	line-height:30px;
	color: #333;
	margin-top: 10px;
	font-weight: bold;
	font-family: arial;
}
.brand-c1-c{
	font-size: 28px;
	color: #333;
	line-height:30px;
	margin-top: 5px;
	font-weight: bold;
}
.brand-span{
	position: absolute;
	width: auto !important;
	left: 70px !important;
	bottom: 45px !important;
	height: 20px;
	line-height: 20px;
	z-index: 4;
}
.brand-span span{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #3c3a39;
	opacity: 1;
	margin: 0 !important;
	margin-right: 10px !important;
}
.brand-span .swiper-pagination-bullet-active{
	background: #e5976c;
}
@media (max-width: 1024px) {
	.brand-c{
		height: 300px;
	}
	
	
	.brand-swiper .swiper-slide{
		height: 300px;
	}
	.brand-c1{
		top: 60px;
		left: 0;
	}
}
@media (max-width: 767px) {
	.brand-c{
		margin-top: .5rem;
		height: 3rem;
	}
	.brand-swiper .swiper-slide{
		height: 3rem;
	}
	.brand-c1{
		width: 4rem;
	    padding: .3rem .2rem;
	    top: 1rem;
	    left: 0;
	}
	.brand-c1-a{
		width: .3rem;
	}
	.brand-c1-b{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: 0;
	}
	.brand-c1-c{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .05rem ;
	}
	.brand-span{
		left: .3rem ;
		bottom: .3rem;
	}
	.brand-span span{
		width: .1rem;
		height: .1rem;
		margin-right: .1rem;
	}
}

.brands{
	width: 100%;
	/*margin-top: 55PX;*/
	border-top: 55px solid rgba(249,247,244,1);
}
.brands-m{
	display: none;
}
.brands-a{
	height: 700px;
	background: no-repeat center;
	background-size: cover;
}
.brands-a:first-child{
	height:500px;
}
.brand-c1-d{
	font-size: 18px;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
    font-weight: bold;
}
.sf-brand{
	height: 700px;
	margin-top: 125px;
}
.sf-brand .sf-ban-div{
	padding-top: 240px;
}
.brand-c1.on *{
	color: #fff;
}
.brand-c1.on .brand-c1-a{
	background: #fff;
}
@media  (max-width: 1023px) {
	.brands-a{
		height:600px
	}
}

@media  (max-width: 767px) {
	.brands{
		border-top: 25px solid rgba(249,247,244,1);
	}
	/*.brands{
		margin-top: .4rem;
	}*/
	.brands-pc{
		display: none;
	}
	.brands-m{
		display: block;
	}
	.brands-a{
		height: auto;
		background: no-repeat top center;
		padding-top: 5rem;
		background-size:7.5rem 5rem;
	}
	.brand-c1{
		top: 0;
		width: 100%;
		margin-bottom: .3rem;
	}
	.brand-c1-d{
		font-size: .24rem ;
	    line-height: .4rem;
	    margin-top: .05rem;
	}
	.sf-brand{
		display: block !important;
		height: 7rem;
		margin-top: 1.2rem;
	}
	.sf-brand .sf-ban-div{
		padding-top: 2.4rem !important;
	}
}




.team-bj{
	background: #fcfcfc;
}
.team{
	padding-top: 100px;
	padding-bottom: 110px;
	overflow: hidden;
}
.team-a{
	width: 100%;
	overflow: hidden;
}
.team-a1{
	width: calc(100% - 150px);
	float: left;
	max-width: 775px;
}
.team-a1-a{
	font-size: 26px;
	color: #373636;
	line-height: 30px;
	font-family: arial;
}
.team-a1-b{
	font-size: 42px;
	color: #373636;
	line-height: 50px;
}
.team-a2{
	width: 120px;
	float: right;
	text-align: center;
	padding-top: 5px;
}
.team-a2-a{
}
.team-a2-b{
	font-size: 22px;
	color: #373636;
	line-height: 45px;
	font-family: arial;
	font-weight: bold;
}
.team-b{
	width: 30%;
	float: left;
}
.team-b1{
	font-size: 20px;
	color: #2e2e2e;
	line-height: 30px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 2px solid #2e2e2e;
}
.team-b2{
	font-size: 14px;
	color: #171717;
	line-height: 30px;
	padding: 15px 0;
	font-weight: bold;
	margin-bottom: 40px;
}
.team-b3{
	font-size: 14px;
	color: #868686;
	line-height: 28px;
	padding: 15px 0;
	font-weight: bold;
}
.team-b3 div{
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.team-b3 div:hover{
	color: #272727;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.team-b3 div.on{
	color: #272727;
}
.team-c{
	width: 66.67%;
    float: right;
}
.team-c1{
	width: 103%;
	overflow: hidden;
	margin-top: 30px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.team-c1 li{
	width: 30.333%;
	float: left;
	margin-right: 3%;
	border-bottom: 2px solid #272727;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.team-c1-b{
	font-size: 20px;
	color: #2e2e2e;
	line-height: 25px;
	font-weight: bold;
	margin-top: 15px;
}
.team-c1-c{
	font-size: 14px;
	color: #171717;
	line-height: 25px;
	font-weight: bold;
}
.team-c1-d{
	font-size: 12px;
	color: #171717;
	line-height: 20px;
	font-weight: bold;
	margin-top: 8px;
	min-height: 60px;
}

.award{
	height: 900px;
	overflow: hidden;
	position: relative;
	background: #f5f5f5;
}
.award-a{
	width: 100%;
	max-width: 1650px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 110px;
	position: relative;
}
.award-a1{
	width: 425px;
	float: left;
	margin-left: 7%;
	height: 394px;
	background: url(../images/ico32.png) no-repeat center;
}
.award-a1-a{
	font-size: 26px;
	line-height: 30px;
	color: #373636;
	padding-left: 130px;
}
.award-a1-b{
	font-size: 42px;
	line-height: 55px;
	color: #373636;
	padding-left: 130px;
}
.award-a2{
	width: calc(100% - 465px);
	max-width: 860px;
	float: right;
	position: relative;
	z-index: 3;
}
.award-a2-a{
	height: 47px;
	margin-top: 30px;
	border-bottom: 2px solid rgba(0,0,0,.1);
}
.award-a2-a1{
	font-size: 18px;
	line-height: 45px;
	color: #4b4a4a;
	width: 110px;
	font-weight: bold;
	float: left;
	cursor: pointer;
}
.award-a2-a2{
	width: calc(100% - 110px);
	float: left;
	font-size: 18px;
	line-height: 45px;
	color: #4b4a4a;
	font-weight: bold;
}
.award-a2-b{
	width: 100%;
	margin-top: 165px;
	position: absolute;
	left: 0;
	padding: 0 50px;
	z-index: 4;
}
.award-a2-b .swiper-container{
	width: 100%;
}
@media (max-width: 767px) {
	.award-a2-b{
		padding: 0 .4rem;
		position: relative;
	}
	.award-a2-b .swiper-container{
		padding: .5rem 0;
	}
}
.award-a2-b:hover{
	cursor: url(../img/ico59.ico),auto;;
}
.award-b{
	width: 100%;
	height: 436px;
	background: no-repeat center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.award-swiper1{
	width: 100%;
}
.award-swiper1 .swiper-slide{
	cursor: pointer;
	text-align: center;
}
.award-swiper1 .swiper-slide:after{
	content: "";
	width: 0px;
	height: 2px;
	background: #333;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.award-swiper1 .swiper-slide:hover:after{
	width: 50px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.award-swiper1 .swiper-slide.on:after{
	width: 50px;
}
.swp-div{
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 25px;
	width: 100%;
	display: none;
}
.swp-d1{
	font-size: 15px;
	color: #2e2e2e;
	line-height: 25px;
}
.swp-d2{
	font-size: 20px;
	color: #2e2e2e;
	line-height: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid rgba(0,0,0,.1);
}

.vision{
	height: 702px;
}
.vision-m{
	display: none;
}
.vision .swiper-slide{
	background: no-repeat center;
	background-size: cover;
}
.vision-div{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 75px;
	padding-top: 255px;
}
.vision-d1{
	font-size: 28px;
	color: #fff;
	line-height: 30px;
}
.vision-d2{
	float: left;
	font-size: 28px;
	color: #fff;
	line-height: 45px;
	padding: 15px 0;
	/*border-bottom: 2px solid #fff;*/
}
.vision-d3{
	width: 100%;
	float: left;
	font-size: 16px;
	font-family: arial;
	color: #fff;
	line-height: 20px;
	padding: 20px 0;
}
.vision-span{
	width: 100%;
	position: absolute;
	bottom: 70px;
	left: 0;
	z-index: 4;
}
.vision-sp1{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 75px;
}
.vision-sp2 span{
	width: 20px;
	height: 3px;
	background: #383837;
	margin: 0 5px 0 0;
	border-radius: 0;
	opacity: 1;
}
.vision-sp2 .swiper-pagination-bullet-active{
	background: #fff;
}

@media (max-width: 1550px) {
	.award-a1{
		margin-left: 0;
	}
	.vision-d2{
		font-size: 26px;
		line-height: 35px;
		padding: 10px 0;
	}
}
@media (max-width: 1400px) {
	.brand-a1-a{
		font-size: 30px;
	}
}
@media (max-width: 1350px) {
	.award-a1{
		width: 300px;
		height: 280px;
		background-size: cover;
	}
	.award-a1-a,.award-a1-b{
		padding-left: 60px;
	}
	.award-a2{
		width: calc(100% - 330px);
	}
}
@media (max-width: 1023px) {
	.vision{
		height: 500px;
	}
	.vision-div{
		padding-top: 150px;
	}
	.brand-a1-a{
		font-size: 28px;
	}
	.vision-d2{
		font-size: 28px;
	}
	.brand-b1{
		width: 100%;
	}
	.brand-b1 div{
		width: initial;
		height: 50px;
		line-height: 50px;
		display: inline-block;
		float: left;
		padding: 0 15px;
	}
	.brand-b2{
		width: 100%;
		margin-top: 25px;
		float: left;
	}
	.team-c1 li{
		width: 47%;
	}
	.award-a1{
		position: absolute;
		top: 50px;
		left: 50px;
	}
	.award-a2{
		width: 100%;
		margin-top: 30px;
	}
	.award-a2-b{
		margin-top: 50px;
	}
	.award{
		
	}
	.award-a{
		padding-bottom: 100px;
	}
	.award-a1-a, .award-a1-b{
		padding-left: 0;
	}
	.sf-tk-a{
		width: 95%;
		margin-top: 80px;
	}
}

@media (max-width: 767px) {
	.award{
	  height: inherit;	
	}
	.brand{
		padding-top: 1rem;
		padding-bottom: .6rem;
	}
	.brand-a2{
		width: 1.2rem;
		padding-top: .1rem;
	}
	.brand-a2-b{
		font-size: .28rem;
		line-height: .45rem;
	}
	.brand-a1{
		width: calc(100% - 1.5rem);
	}
	.brand-a1-a{
		font-size: .36rem;
		line-height: .55rem;
		margin-bottom: .25rem;
	}
	.brand-a1-b{
		font-size: .26rem;
		line-height: .5rem;
	}
	.brand-b{
		margin-top: .6rem;
	}
	.brand-b1 div{
		font-size: .3rem;
		line-height: .6rem;
		height: .6rem;
		padding: 0 .15rem;
		margin-bottom: .05rems;
	}
	.brand-b2{
		margin-top: .2rem;
		height: 3rem;
		background-size: cover;
	}
	
	.team-a2{
		width: 1.2rem;
		padding-top: .1rem;
	}
	.team-a2-b{
		font-size: .28rem;
		line-height: .45rem;
	}
	.team-a1-a{
		font-size: .28rem;
		line-height: .45rem;
	}
	.team-a1-b{
		font-size: .45rem;
		line-height: .6rem;
	}
	.team-b{
		width: 100%;
		margin-top: .2rem;
	}
	.team-b1{
		font-size: .28rem;
		line-height: .45rem;
		padding-bottom: .05rem;
	}
	.team-b2{
		font-size: .26rem;
		line-height: .45rem;
		padding: .15rem 0 ;
		margin-bottom: .25rem;
	}
	.team-b3 div{
		display: inline-block;
		float: left;
		margin: 0 .1rem;
		font-size: .24rem;
		line-height: .45rem;
		
		margin-bottom: .05rem;
	}
	.team-c{
		width: 100%;
		margin-top: .5rem;
	}
	.team-c1{
		margin-top: .3rem;
	}
	.team-c1-b{
		font-size: .32rem;
		line-height: .5rem;
		margin-top: .1rem;
	}
	.team-c1-c{
		font-size: .28rem;
		line-height: .45rem;
	}
	.team-c1-d{
		font-size: .24rem;
		line-height: .45rem;
	}
	.team{
		padding-top: .6rem;
		padding-bottom: .6rem;
	}
	.award-b{
		height: 3rem;
		background-size: cover;
	}
	.award-a{
		padding: 0 .4rem;
		padding-top: .6rem;
		padding-bottom: .8rem;
	}
	.award-a1{
		top.4rem;
		left: .4rem;
	}
	.award-a1-a{
		font-size: .28rem;
		line-height: .45rem;
	}
	.award-a1-b{
		font-size: .42rem;
		line-height: .55rem;
	}
	.award-a2{
		margin-top: 1rem;
	}
	.award-a2-a{
		height: .8rem;
	}
	.award-a2-a1{
		font-size: .28rem;
		height: .8rem;
		line-height: .8rem;
		width: 1.5rem;
	}
	.award-a2-a2{
		width: calc(100% - 1.5rem);
		font-size: .28rem;
		line-height: .8rem;
	}
	.award-a2-b{
		margin-top: .4rem;
	}
	.swp-div{
		padding: .2rem;
	}
	.swp-d1{
		font-size: .24rem;
		line-height: .45rem;
	}
	.swp-d2{
		font-size: .28rem;
		line-height: .45rem;
		padding-bottom: .15rem;
	}
	
	.vision{
		height: 5rem;
	}
	.vision-pc{
		display: none;
	}
	.vision-m{
		display: block;
	}
	.vision .swiper-slide{
		background-size: cover;
	}
	.vision-div{
		max-width: 80%;
		float: left;
		padding: 0 .4rem;
		padding-top: 1rem;
	}
	.vision-d1{
		font-size: .3rem;
		line-height: .45rem;
	}
	.vision-d2{
		font-size: .3rem;
		line-height: .45rem;
		padding: .1rem 0;
	}
	.vision-d3{
		font-size: .26rem;
		line-height: .45rem;
		padding: .2rem 0;
	}
	.vision-span{
		bottom: 1rem;
	}
	.vision-sp1{
		padding: 0 .4rem;
	}
	
	.sf-tk-a{
		width: 95%;
		margin-top: 2.2rem;
	}
	.sf-tk-x{
		width: .4rem;
		height: .4rem;
		top: .4rem;
		right: .4rem;
	}
}






/*品质保证*/
.design{
	height: 950px;
	margin-top: 55px;
}
.design .swiper-slide{
	background: no-repeat center;
}
.design-div{
	padding-top: 240px;
}
.design-d1{
	font-size: 28px;
	color: #fff;
	line-height: 35px;
}
.design-d2{
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding-top: 10px;
}
.design-d3{
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding-top: 10px;
	font-family: arial;
}
.design-d4{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	padding-top: 85px;
	max-width: 480px;
}
.design-span{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 4;
}
.design-sp1{
	position: relative;
}
.design-sp2{
	width: 15px ;
	height: 950px;
	line-height:950px;
	position: absolute;
	bottom: 0 ;
	right: 0;
}
.design-sp3{
	width: 15px;
	display: inline-block;
	top: 50%;
	right: 50px;
	margin-top: -15px;
}
.design-sp3 span{
	display: block;
	float: right;
	width: 15px;
	height: 2px;
	background: #fff;
	margin: 3px 0;
	border-radius: 0;
}
.design-sp2 .swiper-pagination-bullet-active{
	width: 35px;
	background: #fff;
}

.high{
	height: 950px;
	background: no-repeat center;
	padding-top: 100px;
}
.high-a{
	font-size: 22px;
	color: #373636;
	line-height: 25px;
	font-family: arial;
	font-weight: bold;
}
.high-b{
	font-size: 28px;
	color: #373636;
	line-height: 50px;
	margin-top: 10px;
}
.high-c{
	margin-top: 15px;
}
.high-swiper{
	width: 117%;
	padding:0;
	left: -8.5%;
}
.high-c1{
	width: 100%;
	max-width: 259px;
	margin: 0 auto;
	padding-top: 45px;
	position: relative;
	top: 100px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-a{
	width: 100%;
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 2;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-a1{
	display: none;
}
.high-c1-b{
	font-size: 14px;
	color: #373636;
	line-height: 20px;
	text-align: center;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-c{
	font-size: 18px;
	color: #3c3c3c;
	line-height: 20px;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-family: arial;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-d{
	text-align: center;
	margin-top: 30px;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-e{
	font-size: 13px;
	color: #3f3f3f;
	line-height: 25px;
	text-align: center;
	margin-top: 35px;
	display: none;
	transition: all .3s; 
    -webkit-transition: all .3s;
} 


@media (min-width: 1024px) {
	
	
	
	.high-swiper .swiper-slide-next  .high-c1{
		max-width: 467px;
		top: 0;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide-next .high-c1-b{
		font-size: 26px;
		color: #fff;
		line-height: 30px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide-next .high-c1-c{
		font-size: 35px;
		color: #fff;
		line-height: 50px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide-next .high-c1-e{
		display: block;
	}
	.high-swiper .swiper-slide-next .high-c1-a1{
		display: block;
	}
	.high-swiper .swiper-slide-next .high-c1-a2{
		display: none;
	}
}


.chain{
	height: 964px;
	background: no-repeat center;
	padding-top: 100px;
}
.chain-a{
	font-size: 22px;
	color: #fff;
	line-height: 25px;
	font-family: arial;
	font-weight: bold;
}
.chain-b{
	font-size:28px;
	color: #fff;
	line-height: 40px;
	margin-top: 10px;
}
.chain-c{
	margin-top: 90px;
	height: 530px;
	overflow: auto;
}
.chain-c .mCSB_inside>.mCSB_container{
	margin-right: 5px !important;
}
.chain-c .mCSB_scrollTools .mCSB_draggerRail{
	background-color: rgba(255,255,255,.4) !important;
}
.chain-c .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px !important;
}
.chain-c li{
	margin-bottom: 70px;
	overflow: hidden;
}
.chain-c1{
	width: 405px;
	height: 130px;
	background: #fff;
	text-align: center;
	line-height: 130px;
	border-radius: 65px;
	float: left;
}
.chain-c2{
	width: calc(100% - 445px);
	float: right;
	max-width: 655px;
	border-left: 1px solid #fff;
	padding: 0 4%;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}
.chain-c2-a{
	font-size: 18px;
	margin-bottom: 10px;
}
@media (max-width: 1400px) {
	.design{
		height: 850px;
	}
	/*.design-d1{
		font-size: 24px;
		line-height: 30px;
	}
	.design-d2{
		font-size: 36px;
		padding-top: 15px;
	}
	.design-d3{
		font-size: 36px;
	}*/
	/*.high-b{
		font-size: 36px;
	}*/
	/*.chain-b{
		font-size: 36px;
	}*/
}
@media (max-width: 1023px) {
	/*.design-d1{
		font-size: 22px;
	}
	.design-d2{
		font-size: 34px;
	}
	.design-d3{
		font-size: 34px;
	}*/
	/*.high-b{
		font-size: 34px;
	}*/
	/*.chain-b{
		font-size: 34px;
	}*/
}
@media (max-width: 1023px) {
	.high-swiper .swiper-slide .high-c1{
		max-width: 467px;
		top: 0;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide .high-c1-b{
		font-size: 26px;
		color: #fff;
		line-height: 30px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide .high-c1-c{
		font-size: 35px;
		color: #fff;
		line-height: 50px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide .high-c1-e{
		display: block;
	}
	.high-swiper .swiper-slide .high-c1-a1{
		display: block;
	}
	.high-swiper .swiper-slide .high-c1-a2{
		display: none;
	}
	
	.chain-c1{
		width: 260px;
		height: 80px;
		border-radius: 40px;
		line-height: 80px;
		overflow: hidden;
		padding: 0 20px;
	}
	.chain-c2{
		width: calc(100% - 280px);
	}
}
@media (max-width: 767px) {
	.design{
		height: 9.5rem;
		margin-top: .4rem;
	}
	.design-sp3{
		right: .4rem;
	}
	.design .swiper-slide{
		background-size: cover;
	}
	.design-div{
		padding-top: 3rem;
	}
	.design-d1{
		font-size: .32rem;
		line-height: .35rem;
	}
	.design-d2{
		font-size: .32rem;
		line-height: .55rem;
		padding-top: .15rem;
	}
	.design-d3{
		font-size: .32rem;
		line-height: .55rem;
		padding-top: .15rem;
	}
	.design-d4{
		font-size: .24rem;
		line-height: .45rem;
		padding-top: .6rem;
	}
	.high{
		padding-top: .6rem;
		padding-bottom: .8rem;
		height: initial;
		background-size: cover;
	}
	.high-a{
		font-size: .26rem;
		line-height: .3rem;
	}
	.high-b{
		font-size: .4rem;
		line-height: .55rem;
		margin-top: .15rem;
	}
	.high-swiper{
		width: 80%;
		left: 0;
	}
	.high-swiper .high-c1{
		top: 0;
	}
	.high-swiper .swiper-slide .high-c1{
		padding-top: .6rem;
	}
	.high-swiper .swiper-slide .high-c1-b{
		font-size: .3rem;
		line-height: .3rem;
	}
	.high-swiper .swiper-slide .high-c1-c{
		font-size: .38rem;
		line-height: .55rem;
	}
	.high-swiper .swiper-slide .high-c1-e{
		font-size: .24rem;
		line-height: .45rem;
	}
	
	.chain{
		height: 10rem;
		background-size: cover;
		padding-top: .6rem;
	}
	.chain-a{
		font-size: .28rem;
	}
	.chain-b{
		font-size: .4rem;
		line-height: .6rem;
		margin-top: .05rem;
	}
	.chain-c{
		margin-top: .6rem;
		height: 7rem;
	}
	.chain-c1{
		width: 2rem;
		height: .6rem;
		line-height: .6rem;
		padding: 0 .2rem;
	}
	.chain-c2{
		width: 100%;
		margin-top: .15rem;
	}
	.chain-c2-a{
		font-size: .3rem;
		line-height: .5rem;
		margin-bottom: .15rem;
	}
	.chain-c2{
		font-size: .24rem;
		line-height: .45rem;
	}
	.chain-c li{
		margin-bottom: .6rem;
	}
}



/*资讯中心*/
.news{
	
	padding-bottom: 110px; background:#f3f3f3;
}
.news-a{
	font-size: 28px;
	line-height: 40px;
	color: #2e2e2e;
	margin-bottom: 50px;
}
.news-b{
	
}
.news-b li{
	padding: 85px 0;
	margin-bottom: 10px;
	overflow: hidden;
	border-top: 1px dashed rgba(0,0,0,.1);
}
.news-b li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.news-b li:first-child{
	border-top: none;
}
.news-b1{
	width: 100px;
	float: left;
}
.news-b1-a{
	font-size: 44px;
	color: #acacac;
	line-height: 70px;
	border-bottom: 1px solid #acacac;
	text-align: center;
}
.news-b1-b{
	font-size: 14px;
	color: #acacac;
	line-height: 40px;
	text-align: center;
}
.news-b2{
	width: 300px;
	float: left;
	margin:0 40px;
	overflow: hidden;
}
.news-b2 img{
	max-width: 100%;
    max-height: 100%;
    transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b2:hover img{
	transform: scale(1.08);
	transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b3{
	width: calc(100% - 480px);
	float: right;
}
.news-b3-a{
	font-size: 18px;
	color: #2e2e2e;
	line-height: 55px;
	height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news-b3-b{
	font-size: 14px;
	color: #515151;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-b3-c{
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,.1);
	margin-top: 25px;
}
.news-b3-d{
	font-size: 14px;
	color: #353535;
	line-height: 20px;
	margin-top: 25px;
	font-weight: bold;
	float: left;
	padding-right: 10px;
	background: url(../images/ico06.png) no-repeat right center;
	background-size: 6px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b3-d:hover{
	padding-right: 15px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b3-e{
	font-size: 14px;
	color: #353535;
	line-height: 20px;
	margin-top: 25px;
	float: right;
	display: none;
}
.news .page{
	margin-top: 30px;
}

@media (max-width: 1023px) {
	.news-a{
		font-size: 28px;
		line-height: 35px;
	}
	.news-b3-a{
		font-size: 22px;
		height: 50px;
		line-height: 50px;
	}
}
@media (max-width: 1023px) {
	.news-a{
		font-size: 26px;
	}
	.news-b3-a{
		font-size: 20px;
	}
	.news-b li{
		padding: 50px 0;
	}
	.news-b1{
		width: 80px;
	}
	.news-b2{
		width: 260px;
		margin: 0 20px;
	}
	.news-b3{
		width: calc(100% - 380px);
	}
	.news-b3-c{
		margin-top: 15px;
	}
	.news-b3-d{
		margin-top: 15px;
	}
}
@media (max-width: 767px) {
	.news{
		padding-top: .8rem;
		padding-bottom: .6rem;
	}
	.news-a{
		font-size: .34rem;
		line-height: .55rem;
		margin-bottom: .2rem;
	}
	.news-b li{
		padding: .4rem 0;
		margin: 0;
	}
	.news-b1{
		display: none;
	}
	.news-b2{
		width: 2.8rem;
		margin: 0;
		margin-right: .2rem;
	}
	.news-b3{
		width:calc(100% - 3rem);
	}
	.news-b3-a{
		font-size: .28rem;
		height: .35rem;
		line-height: .35rem;
		font-weight: bold;
	}
	.news-b3-b{
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
	}
	.news-b3-c{
		margin-top: 0rem;
	}
	.news-b3-d{
		font-size: .24rem;
		line-height: .3rem;
		margin-top: .15rem;
	}
	.news-b3-e{
		display: block;
		font-size: .24rem;
		line-height: .3rem;
		margin-top: .15rem;
	}
	.news .page{
		margin-top: .3rem;
	}
}



/*资讯详情*/
.newsinfo-bj{
	background: #fcfcfc;
	padding-top: 180px;
}
.newsinfo{
	padding-top: 80px;
	padding-bottom: 140px;
	overflow: hidden;
}
.newsinfo-a{
	font-size: 26px;
	line-height: 45px;
	text-align: center;
	color: #222;
}
.newsinfo-b{
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #888;
	margin-top: 10px;
}
.newsinfo-c{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding: 40px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 40px;
	margin-bottom: 20px;
	
}
.newsinfo-d {
	width: calc(100% - 160px);
	float: left;
}
.newsinfo-d a{
	display: block;
	font-size: 16px;
	line-height: 25px;
	margin: 5px 0;
	color: #333;
}
.newsinfo-d a:hover{
	color: #ea524f;
}
.newsinfo-e{
	width: 140px;
	height: 45px;
	background: #ea524f;
	color: #fff;
	line-height: 45px;
	text-align: center;
	display: block;
	float: right;
	margin-top: 10px;
}
.newsinfo-e:hover{
	color: #fff;
	opacity: .85;
}
@media (max-width: 1400px) {
	.newsinfo-a{
		font-size: 24px;
	}
}
@media (max-width: 767px) {
	.newsinfo-bj{
		padding-top: 1.6rem;
	}
	.newsinfo{
		padding: .6rem .4rem;
	}
	.newsinfo-a{
		font-size: .36rem;
		line-height: .5rem;
	}
	.newsinfo-b{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .05rem;
	}
	.newsinfo-c{
		margin: .3rem 0;
		padding: .3rem 0;
		font-size: .24rem;
		line-height: .45rem;
	}
	.newsinfo-d a{
		font-size: .24rem;
		line-height: .45rem;
		margin: .05rem 0;
	}
	.newsinfo-e{
		width: 2.4rem;
		height: .8rem;
		font-size: .26rem;
		line-height: .8rem;
	}
	.newsinfo-d {
		width: 100%;
	}
}




/*所有产品*/
.product-a{
	padding-top: 180px;
	padding-bottom: 50px;
}
.product-a1{
	font-size: 28px;
	color: #2e2e2e;
	line-height: 50px;
	height: 70px;
	border-bottom: 2px solid rgba(0,0,0,.1);
	background: url(../images/ico36.png) no-repeat right center;
	cursor: pointer;
}
.product-a1.on{
	background: url(../images/ico28.png) no-repeat right center;
}
.product-a2{
	margin-top: 40px;
	overflow: hidden;
}
.product-a2-a{
	width: 55%;
	float: left;
}
.product-a2-a1{
	font-size: 22px;
	line-height: 40px;
	color: #2e2e2e;
	margin-bottom: 25px;
}
.product-a2-a2{
	overflow: hidden;
}
.product-a2-a2 a{
	display: block;
	float: left;margin-right: 8%;
	font-size: 16px;
	color: #2e2e2e;
	line-height: 35px;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
}
.product-a2-a2 a:after{
	content: "";
	width: 0;
	height: 2px;
	background: #2e2e2e;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s; 
-webkit-transition: all .3s;
}
@media (min-width: 1024px) {
	.product-a2-a2 a:hover:after{
		width: 100%;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
}

.product-a2-a2 a.on:after{
	width: 100%;
}
.product-a2-b{
	width: 44%;
	float: right;
	cursor: pointer;
}
.product-a2-b1{
	height: 149px;
	background: no-repeat center;
	padding-top: 50px;
}
.product-a2-b1 .pro-b1{
	font-size: 26px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	font-family: arial;
	text-align: center;
}
.product-a2-b1 .pro-b2{
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.product-a2-c{
	width: 102.1%;
	overflow: hidden;
}
/*.product-a2-c li{
	background: no-repeat center;
	width: 22.9%;
	float: left;
	margin-right: 2.1%;
	height: 115px;
	border-radius: 5px;
	margin-bottom: 25px;
	padding: 30px 25px 0 25px;
	cursor: pointer;
}*/
.product-a2-c li{
	background: no-repeat center;
	width: 16.666%;
	float: left;
	height: auto;
	border-radius: 5px;
	cursor: pointer;
	line-height: 60px;
}
.product-a2-c1{
	display: inline-block;
	margin-top: 15px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-a2-c1:hover{
	border-bottom: 2px solid #333;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-a2-c li.on .product-a2-c1{
	border-bottom: 2px solid #333;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-a2-c2{
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-top: 5px;
}

.product-b{
	width: 100%;
	background: #f3f3f3;
	padding-top: 70px;
	padding-bottom: 70px;
}
.product-b-ul{
	width: 102%;
	padding-top: 10px;
	position: relative;
	left: -1%;
	overflow: hidden;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.product-b-ul li{
	width: 23%;
	float: left;
	margin:0 1%;
	margin-bottom: 25px;
	background: #fff;
	position: relative;
	top: 0;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.product-b-ul li a{
	display: block;
}
.product-b1{
	background: #f9f9f9;
	overflow: hidden;
	text-align: center;
}
.product-b1 img{
	transition: all .3s; 
-webkit-transition: all .3s;
}
.product-b2{
	padding: 20px;
}
.product-b2-a{
	font-size: 16px;
	color: rgb(120,120,120);
	/*font-weight: bold;*/
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product-b2-b{
	font-size: 16px;
	color: #171717;
	line-height: 30px;
	height: 60px;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid rgba(0,0,0,.1);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-b34{
	width: 70px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 10px;
}
.product-b3{
	width: 27px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background: url(../images/ico40.png) no-repeat center;
}
.product-b4{
	width: 27px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background: url(../images/ico39.png) no-repeat center;
}
.product-b-ul li:hover{
	box-shadow: 0 0 15px rgba(200,200,200,.5);
	top: -3px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.product-b-ul li:hover .product-b1 img{
	transform: scale(1.08);
	transition: all .3s; 
-webkit-transition: all .3s;
}
.product .page{
	margin-top: 25px;
}
@media (max-width: 1220px) {
	.product-a1{
		font-size: 24px;
	}
	.product-a2-c1{
		
	}
	.product-a2-c2{
		font-size: 14px;
	}
	.product-b2-a{
		font-size: 16px;
	}
	.product-b2-b{
		font-size: 16px;
	}
}
@media (max-width: 1023px) {
	.product-a2-a2 a{
		margin-right: 3%;
	}
	.product-b-ul li{
		width: 31.333%;
	}
	.product-a2-c li{
		/*width: 31.233%;
		margin-bottom: 20px;*/
	}
}
@media (max-width: 767px) {
	.product-a2-a2 a{
		margin-right: 3%;
	}
	.product-b-ul li{
		width: 31.333%;
	}
	.product-a{
		padding-top: 1.8rem;
		padding-bottom: .5rem;
	}
	.product-a1{
		font-size: .32rem;
		height: .7rem;
		line-height: .5rem;
		background-size: .3rem;
	}
	.product-a2{
		margin-top: .3rem;
	}
	.product-a2-a{
		width: 100%;
	}
	.product-a2-a1{
		font-size: .3rem;
		line-height: .5rem;
		margin-bottom: .1rem;
	}
	.product-a2-a2 a{
		font-size: .26rem;
		line-height: .45rem;
		margin-bottom: .1rem;
	}
	.product-a2-b{
		width: 100%;
		margin-top: .2rem;
	}
	.product-a2-b1{
		height: 2rem;
		background-size: cover;
		padding-top: .6rem;
	}
	.product-a2-b1 .pro-b1{
		font-size: .3rem;
		line-height: .35rem;
	}
	.product-a2-b1 .pro-b2{
		font-size: .28rem;
		line-height: .45rem;
	}
	.product-b{
		padding-top: .6rem;
		padding-bottom: .6rem;
	}
	.product-b-ul li{
		width: 48%;
		margin-bottom: .25rem;
	}
	.product-b2{
		padding: .2rem;
	}
	.product-b2-a{
		font-size: .28rem;
	}
	.product-b2-b{
		height: 1rem;
		padding-top: .1rem;
		margin-top: .1rem;
		font-size: .26rem;
		height: .9rem;
		line-height: .45rem;
		margin-bottom: .1rem;
	}
	.product .page{
		margin-top: .25rem;
	}
	.product-a2-c li{
		width: 33.333%;
		margin-bottom: .25rem;
		height: .6rem;
		line-height: .6rem;
		background-size: cover;
		padding: 0rem;
	}
	.product-a2-c1{
		font-size: .26rem;
		line-height: .4rem;
		margin: 0;
	}
	.product-a2-c2{
		font-size: .24rem;
		line-height: 0rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
}




/*产品详情*/
.proinfo{
	padding-top: 255px;
	padding-bottom: 95px;
	overflow: hidden;
}
.proinfo-a{
	width: 615px;
	overflow: hidden;
	float: left;
	position: relative;
}
.proinfo-a2{
	width: 540px;
	height: 85px;
	position: relative;
	
	margin: 20px 0;
}
.proinfo-swiper{
	width: 100%;
}

.proinfo-b{
	width: calc(100% - 645px);
	float: right;
	max-width: 525px;
	padding-top: 50px;
}
.proinfo-b1{
	font-size: 26px;
	color: #2e2e2e;
	line-height: 50px;
}
.proinfo-b2{
	font-size: 16px;
	color: #515151;
	line-height: 30px;
	margin-top: 30px;
}
.proinfo-b3{
	padding: 40px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
	font-size: 17px;
	color: #515151;
	line-height: 30px;
	margin-top: 60px;
}

.proinfo-c{
	width: 100%;
	overflow: hidden;
	background: #fff;
	float: left;
	margin-top: 85px;
	padding: 55px 30px 100px 30px;
}
.proinfo-c1{
	height: 30px;
	text-align: center;
	position: relative;
}
.proinfo-c1 div{
	display: inline-block;
	font-size: 24px;
	color: #2e2e2e;
	line-height: 30px;
	text-align: center;
	margin: 0 35px;
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
/*.proinfo-c1:after{
	content: "";
	width: 1px;
	height: 22px;
	background: rgba(0,0,0,.1);
	position: absolute;
	top: 5px;
	left: 50%;
}*/
.proinfo-c1 div.on{
	color: #ea524f;
}
.proinfo-c1 div:hover{
	color: #ea524f;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.proinfo-c2{
	width: 100%;
	max-width: 95%;
    margin: 0 auto;
    margin-top: 50px;
}
.proinfo-c2-a{
	font-size: 16px;
	line-height: 30px;
	color: #333;
}
.proinfo-d{
	display: block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
     float: right;
     margin-top: 70px;
     margin-left:5px;
	background: #fcfcfc url(../images/ico06.png) no-repeat center;
}
.proinfo-e{
	display: block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    float: right;
     margin-top: 70px;
	background: #fcfcfc url(../images/ico26.png) no-repeat center;
}

@media (max-width: 1200px) {
	.proinfo-a{
		width: 515px;
		height: initial;
	}
	.proinfo-a2{
		width: 440px;
		bottom: 20px;
	}
	.proinfo-b{
		width: calc(100% - 545px);
	}
}
@media (max-width: 1023px) {
	.proinfo-a{
		width: 615px;
		height: initial;
	}
	.proinfo-a2{
		width: 440px;
		bottom: 20px;
	}
	.proinfo-b{
		width: 100%;
		max-width: initial;
	}
}
@media (max-width: 767px) {
	.proinfo-a{
		width: 100%;
	}
	.proinfo{
		padding-top: 1.8rem;
		padding-bottom: .6rem;
	}
	.proinfo-a2{
		width: 5.7rem;
		left: 0;
		bottom: .2rem;
		height: initial;
	}
	.proinfo-b{
		padding-top: .4rem;
	}
	.proinfo-b1{
		font-size: .4rem;
		line-height: .5rem;
	}
	.proinfo-b2{
		font-size: .28rem;
		line-height: .5rem;
		margin-top: .3rem;
	}
	.proinfo-b3{
		padding: .3rem 0;
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .4rem;
	}
	.proinfo-c{
		margin-top: .5rem;
		padding: .2rem;
	}
	.proinfo-c1 div{
		font-size: .3rem;
		line-height: .5rem;
		margin: 0 .2rem;
	}
	.proinfo-c1:after{
		height: .3rem;
		top: .25rem;
	}
	.proinfo-c2{
		margin-top: .5rem;
	}
	.proinfo-c2-a{
		font-size: .24rem;
		line-height: .45rem;
	}
	.proinfo-d,.proinfo-e{
		margin-top: .4rem;
	}
}




/*业务交流*/
.market-bj{
	background: no-repeat center;
	height:1005px;
	background-color: #eff0f0;
}
.market{
	width: 100%;
	max-width: 450px;
	padding-top: 220px;
}
.market-a{
	font-size: 18px;
	color: #fff;
	line-height: 25px;
}
.market-b{
	font-size: 28px;
	color: #fff;
	line-height: 55px;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	margin-top: 5px;
}
.market-c{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 25px;
}
.market-d{
	font-size: 28px;
	color: #fff;
	line-height: 25px;
	margin-top: 35px;
}
.market-e{
	margin-top: 20px;
	overflow: hidden;
}
.market-e li{
	width: 205px;
	height: 95px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.market-f{
	font-size: 28px;
	color: #fff;
	line-height: 25px;
	margin-top: 30px;
}
.market-g{
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	margin-top: 15px;
	border-bottom: 1px solid rgba(255,255,255,.6);
}
.market-g:hover{
	color: #ea524f;
}

.gift-bj{
	background: no-repeat center;
	background-size: cover;
}
.gift-bj .cooperation-d{
	margin-top: 30px !important;
}
.gift{
	padding-top: 125px;
	padding-bottom: 125px;
	color: #373636;
}
.gift-a{
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	font-family: arial;
}
.gift-b{
	font-size: 28px;
	line-height:70px;
	text-align: center;
}
.gift-c{
	width: 40px;
	height: 1px;
	margin: 0 auto;
	background: rgba(0,0,0,.1);
	margin-top: 30px;
}
.gift-d{
	font-size: 18px;
	line-height:25px;
	text-align: center;
	margin-top: 35px;
}
.gift-e{
	font-size: 18px;
	line-height:35px;
	margin-top: 80px;
}
.gift-f{
	margin-top: 60px;
	overflow: hidden;
	position: relative;
}
.gift-f1{
	width: 30%;
	max-width: 299px;
	position: absolute;
	left: 0;
	top: 0;
}
.gift-f2{
	width: 30%;
	max-width: 299px;
	margin: 0 auto;
	position: relative;
}
.gift-f3{
	width: 30%;
	max-width: 299px;
	position: absolute;
	right: 0;
	top: 0;
}
.gift-f1-a{
	font-size: 25px;
	line-height: 1;
	padding-top: 75px;
	padding: 45px;
}
.gift-f1-a{
	font-size: 25px;
	line-height: 1;
	padding:0 15%;
	position: absolute;
	top: 18%;
	left: 0;
	color: #fff;
}
.gift-f1-b{
	font-size: 33px;
	line-height: 45px;
	position: absolute;
	top: 25%;
	left: 0;
	padding:0 15%;
	color: #fff;
}
.gift-g{
	font-size: 18px;
	line-height:35px;
	margin-top: 50px;
}
.gift-h{
	margin-top: 70px;
}
.gift-i{
	font-size: 18px;
	line-height:35px;
	margin-top: 30px;
}
.gift-j{
	width: 101.6%;
	overflow: hidden;
	margin-top: 45px;
}
.gift-j li{
	width: 23.4%;
	float: left;
	margin-right: 1.6%;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}
.gift-k{
	font-size: 18px;
	line-height:35px;
	margin-top: 120px;
}
.gift-l{
	overflow: hidden;
	margin-top: 40px;
	font-size: 17px;
	color: #373636;
	line-height: 35px;
	text-align: center;
}

.gift-l1{
	width: 90px;
	height: 125px;
	float: left;
	margin-bottom: 15px;
}
.gift-l1 img{
	margin-top: 25px;
}
.gift-l2{
	width: 80px;
	height: 125px;
	float: left;
	background: url(../images/ico49.png) no-repeat center 10px;
	margin-bottom: 15px;
}

.league-bj{
	background: #fcfcfc;
}
.league{
	padding-top: 75px;
	padding-bottom: 50px;
	color: #373636;
}
.league-a{
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	font-family: arial;
}
.league-b{
	font-size: 28px;
	line-height:70px;
	text-align: center;
}
.league-c{
	width: 40px;
	height: 1px;
	margin: 0 auto;
	background: rgba(0,0,0,.1);
	margin-top: 30px;
}
.league-d{
	overflow: hidden;
	margin-top: 90px;
}
.league-hh{
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 20px;
}
.league-txt{
	font-size: 14px;
	line-height: 35px;
	margin-bottom: 60px;
}
.league-d1{
	width: 58.5%;
	float: left;
}
.league-d2{
	width: 40%;
	float: left;
	margin-left: 1.5%;
}
.league-d3{
	width: 65%;
	float: left;
}


.cooperation-bj{
	height: 652px;
	background: no-repeat center;
	background-size: cover;
}
.cooperation{
	padding-top: 75px;
	text-align: center;
	color: #fff;
}
.cooperation-a{
	font-size: 28px;
	line-height: 1;
}
.cooperation-b{
	font-size: 16px;
	line-height: 30px;
	max-width: 750px;
	margin: 0 auto;
	margin-top: 60px;
}
.cooperation-c{
	max-width: 790px;
	margin: 0 auto;
	margin-top: 65px;
	overflow: hidden;
}
.cooperation-c1{
	width: 27.85%;
	float: left;
	height: 105px;
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,.1);
	font-size: 18px;
	color: #fff;
	line-height: 103px;
	margin-left: 8.22%;
}
.cooperation-c1:first-child{
	margin-left: 0;
}
.cooperation-d{
	width: 375px;
	margin: 0 auto;
	margin-top: 80px;
	height: 60px;
	background: #fff;
	border-radius: 3px;
	font-size: 18px;
	color: #373636;
	line-height: 60px;
	text-align: center;
}
.cooperation-d a{
	font-size: 18px;
	color: #373636;
	font-family: arial;
	border-bottom: 1px solid #373636;
}


@media (max-width: 1400px) {
	.market-b{
		font-size: 36px;
		padding-bottom: 15px;
	}
	.market-d{
		font-size: 22px;
	}
	/*.gift-b{
		font-size: 36px;
		line-height: 60px;
	}
	.gift-e{
		font-size: 22px;
	}
	.gift-g{
		font-size: 22px;
	}
	.gift-i{
		font-size: 22px;
	}
	.gift-k{
		font-size: 22px;
	}
	.league-b{
		font-size: 36px;
		padding-bottom: 15px;
	}*/
}
@media (max-width: 1023px) {
	.gift{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.gift-h{
		width: 60%;
	}
	.league-d1,.league-d2,.league-d3{
		width: 100%;
		margin: 0;
	}
	.league-d{
		margin-top: 40px;
	}
}
@media (max-width: 767px) {
	.market-bj{
		margin-top: .4rem;
		background-size: cover;
	}
	.market{
		padding-top: 1.5rem;
		max-width: 5.5rem;
	}
	.market-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.market-b{
		font-size: .36rem;
		line-height: .5rem;
		padding-bottom: .2rem;
	}
	.market-c{
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.market-d{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.market-e{
		margin-top: .1rem;
	}
	.market-e li{
		width: 47%;
		margin-right: 3%;
		height: initial;
		margin-bottom: .1rem;
	}
	.market-f{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.market-g{
		font-size: .24rem;
		line-height: .3rem;
		margin-top: 0rem;
		position: relative;
		top: -.2rem;
	}
	
	.gift-bj .cooperation-d{
		margin-top: .4rem !important;
	}
	.gift{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	.gift-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.gift-b{
		font-size: .42rem;
		line-height: .6rem;
	}
	.gift-c{
		margin-top: .3rem;
	}
	.gift-d{
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .3rem
	}
	.gift-e,.gift-g,.gift-i,.gift-k{
		font-size: .3rem;
		line-height: .45rem;
	}
	.gift-e{
		
		margin-top: .4rem;
	}
	.gift-f{
		margin-top: .3rem;
	}
	.gift-f1-a{
		font-size: .28rem;
	}
	.gift-f1-b{
		font-size: .3rem;
	}
	.gift-g{
		margin-top: .5rem;
	}
	.gift-h{
		margin-top: .3rem;
	}
	.gift-i{
		margin-top: .3rem;
	}
	.gift-j{
		margin-top: .3rem;
	}
	.gift-j li{
		width: 31.733%;
		margin-bottom: .15rem;
	}
	.gift-k{
		margin-top: .5rem;
	}
	.gift-l{
		margin-top: .3rem;
		font-size: .26rem;
		line-height: .45rem;
	}
	.gift-l1{
		width: 1.3rem;
		height: 1.8rem;
		margin-bottom: .15rem;
	}
	.gift-l1 img{
		width: 60%;
		margin-top: .25rem;
	}
	.gift-l2{
		width: .8rem;
		height: 1.8rem;
		background: url(../images/ico49.png) no-repeat center .1rem;
		background-size: .2rem;
        margin-bottom: .15rem;
	}
	
	.league{
		padding-top: .6rem;
		padding-bottom: .5rem;
	}
	.league-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.league-b{
		font-size: .42rem;
		line-height: .6rem;
	}
	.league-c{
		margin-top: .3rem;
	}
	.league-d{
		margin-top: .6rem;
	}
	.league-hh{
		font-size: .32rem;
		line-height: .5rem;
		margin-bottom: .1rem;
	}
	.league-txt{
		font-size: .26rem;
		line-height: .5rem;
		margin-bottom: .4rem;
	}
	
	
	.cooperation-bj{
		height: 7rem;
	}
	.cooperation{
		padding-top: .75rem;
	}
	.cooperation-a{
		font-size: .42rem;
        line-height: .6rem;
	}
	.cooperation-b{
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .3rem;
	}
	.cooperation-c{
		margin-top: .5rem;
	}
	.cooperation-c1{
		font-size: .28rem;
		height: 1rem;
		line-height: 1rem;
	}
	.cooperation-d{
		width: 5rem;
		height: .8rem;
		line-height: .8rem;
		font-size: .26rem;
		margin-top: .5rem;
	}
	.cooperation-d a{
		font-size: .26rem;
	}
}



.brand-banner{
	height: 899px;
}
.brand-banner .swiper-slide{
	height: 899px;
}
@media (max-width: 767px) {
	.brand-banner{
		height: 7rem;
	}
	.brand-banner .swiper-slide{
		height: 7rem;
		background-size: cover;
	}
}

	


.productlast .product-b-ul{
	margin-top: 40px;
}
@media (max-width: 767px) {
	.productlast .product-b-ul{
		margin-top:.4rem;
	}
}


/*首页图片单独处理*/
.ipro-img1{
	width: 1092px;
	position: relative;
	top: 110px;
	left: 50%;
	margin-left: -528px;
}
.ipro-img1 img{
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-a:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-b{
	position: absolute;
	top:0px;
    right: 0px;
}
.ipro-img1-b:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-c{
	position: absolute;
	top:70px;
    left: 340px;
}
.ipro-img1-c:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-d{
	position: absolute;
	top:150px;
    left: 200px;
}

.ipro-img2{
	width: 1318px;
	height: 100%;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -659px;
}
.ipro-img2-a{
	position: absolute;
	top:-250px;
    right: -27px;
}
.ipro-img2-b{
	position: absolute;
	bottom: -73px;
    left: -346px;
}
.ipro-img2-c{
	position: absolute;
	bottom:5px;
    left: 435px;
}

.ipro-img2-d{
	position: absolute;
	top: 476px;
    right: 363px;
}

.ipro-img2-e{
	position: absolute;
	top: 390px;
    right: 723px;
}
.ipro-img2-f{
	position: absolute;
	top: 206px;
    right: 409px;
}

.ipro-img2 img{
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img2 img:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}


@media (max-width:1023px) {
	.ipro-img1{
		display: none;
	}
	.ipro-img2{
		display: none;
	}
}





/*区分手机和pc的banner*/
.ibanner-m{
	display: none;
}

.sf-ban-m{
	display: none;
}
.ibanner-span-cont-m{
	display: none;
}
@media (max-width:767px) {
	.ibanner{
		display: none;
	}
	.ibanner-m{
		display: block;
	}
	.ibanner-m .swiper-slide {
	    height:45vh;
	    background-size: cover;
	}
/*	.ibanner{
		margin:20px 0;
	}*/
	.sf-ban{
		display: none;
	}
	.sf-ban-m{
		display: block;
	}
	.ibanner-span-cont{
		display: none;
	}
	.ibanner-span-cont-m{
		display: block;
	}
}



.ibody{
	
}
.loadding{
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	height: 100vh;
	width: 100vw;
	z-index: 999;
}
.loadding video{
	height: 100vh;
	width: 100vw;
}
.loadding-a{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../images/f_ico02.png) no-repeat center;
	background-size: cover;
	display: none;
}
.loadding-b{
	font-size: 19px;
    color: #ffffff;
    position: absolute;
    width: 145px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    background: rgba(0,0,0,.6) url(../images/pageback.png) no-repeat 39px center/21px auto;
    z-index: 5;
    right: 30px;
    bottom: 30px;
    padding-left: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
@media (max-width: 1025px) {
	.ibody{
		display: block;
	}
	.loadding{
		display: none;
	}
}


.isearch-bj{
	background-size:cover;
}
@media (min-width:1920px) {
	.vision {
	    height:900px;
	}
	.design .swiper-slide,.high,.chain,.ivoice-bj,.market-bj,.recruit-a{
		background-size:cover;
	}
}
.wfull-video{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
}
.full-video {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  height: 100vh;
  -webkit-transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
          transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
}
.full-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
}


.wfull-video1{
	position:relative;
	width:100%;
	height:100vh;
	z-index:2;
	overflow: hidden;
}
.brand-video{
	width:100%;
	height:calc(100vh - 125px);
	position:relative;
	overflow: hidden;
	margin-top:125px;
}
.full-video video{
	object-fit:cover;
}

.brand-video-a{
	height:35vh;
}



header .logo{
	padding-top: 30px;
}
@media (max-width: 767px){
	header .logo { padding-top:0
	}
	.brand-video{
		height:35vh;
	}
}
@media (max-width: 425px){
	header .logo {
	   
	}
}




input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #787878;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #787878;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #787878;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #787878;
}
.recruit-b1-b a,.recruit-b1-a,.recruit-b4-a,.recruit-b4-b1,.recruit-b4-b2 .rbb-div div,.recruit-b4-b2 .rbb-txt,.recruit-b4-b2 .rbb-a,.page a,.contact-d1-a,.contact-d2,.contact-b,.gift-b,.gift-d,.cooperation-d,.gift-e,.gift-g,.gift-i,.gift-k,.gift-l1,.league-b,.league-txt,.league-hh,.cooperation-d a,.newsinfo-a,.newsinfo-b,.news-b3-a,.news-b3-b,.news-b3-d,.high-b,.high-c1-b,.high-c1-e,.brand-c1-a,.brand-c1-b,.brand-c1-c,.brand-c1-d,.proinfo-b1,.proinfo-b2,.proinfo-b3,.product-a1,.product-a2-c1,.product-b2-b,.isearch-a,.iabout-b2,.iabout-b3,.iabout-b4,.iabout-b2,.ipro-a1-b,.footer-b,header.cli .nav-ul li .nav-a1,header.cli .header-rt .int1,.nav-ul-div1 a,.news-a{
	color:#787878;
}
.proinfo-b2 span{
	color:#787878 !important;
}
.footer-b1 a{
	color:#787878;
}
.brand-c1-d{
	font-weight: normal;
}
header.cli .nav-ul li .nav-a1:after{
	background:#787878;
}
header.cli .header-rt{
	/*border-bottom: 2px solid #787878;*/
}
.product-a2-c li.on .product-a2-c1{
	border-bottom: 2px solid #787878;
}
.cooperation-d a{
	border-bottom: 1px solid #787878;
}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:150px;width:70px;height:240px; }
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/******************************
 ** 在线留言
 ** v.1.2
 ******************************/
.message-page input.code { border-color:#aaa; }
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden;float:left; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; background:#fff}
.message-page .row-3 {  }
.message-page .ico-name { background:#fff url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:#fff url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:#fff url(../images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; font-size:14px}
.message-page .text { width:98%; border:0; background:#fff; padding:10px; font-size:14px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer;}
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; font-size:14px}
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#427edf; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100% !important; height:auto !important;display:inline-block;}
#maximg p span{text-wrap: inherit !important;}