*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #333;
}
ul>li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width:100%
}
body{
	width: 100%;
	max-width: 1920px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	font-family:"微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}



/*顶部*/
header{
	height: 100px;
	width: 100%;
	max-width: 1920px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all .3s; 
-webkit-transition: all .3s;
}
header .w1700{
   width: 100%;
   max-width: 1760px;
   height: 100px;
   padding: 0 30px;
   margin: 0 auto;
}
header .logo{
	width: 200px;
	float: left;
	line-height: 100px;
	position: relative;
	z-index: 92;
}

nav{
	width: calc(100% - 48px - 200px);
	height: 100px;
	float: left;
	padding: 0 30px;
	text-align: center;
}
.nav-ul{
	display: inline-block;
	height: 100%;
	margin: 0 auto;
}
.nav-ul li{
	margin-left: 80px;
	height: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.nav-ul li:first-child{
	margin-left: 0;
}

.nav-ul li .nav-ul-a1{
	display: inline-block;
	height: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 100px;
	cursor: pointer;
}
header.cli .nav-ul li .nav-ul-a1:hover{
	.nav-ul li a:hover{
		color: #980000;
	}
}

.nav-ul li.on .nav-ul-a1{
	color: #980000 !important;
}
.nav-ul-a2{	
	display: none;
}
.nav-ul-div{
	width: 240px;
	padding: 10px 20px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -120px;
	background: #000000;
	display: none;
}
.nav-ul-div a{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	color: #fff;
}



.header-ss{
	width: 200px;
	height: 50px;
	float: right;
	margin-top: 25px;
	border:1px solid rgba(255,255,255,.1) ;
	border-radius: 25px;
	
}

.header-ss form{
	display:block;
	width: 100%;
	height:100%;
	position: relative;
}

.header-ss .int2{
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	padding: 0 20px;
	padding-right: 35px;
	font-size: 14px;
	color: #333;
}
.header-ss .int1{
	display: block;
	width: 35px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: none;
	background: url(http://www.jacelife.com/templets/jssh/css/ico01.png) no-repeat 2px center;
}
.header-ss .int3{
	display: none;
}
.header-s{
	float: right;
	width: 20px;
	height: 50px;
	margin-top: 25px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico01.png) no-repeat center;
	display: none;
}


.logo2{
	display: none;
}


header.on{
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,.1);
	transition: all .3s; 
-webkit-transition: all .3s;
}
header.on .logo1{
	display: none;
}
header.on .logo2{
	display: inline-block;
}
header.on .nav-ul li .nav-ul-a1{
	color: #000;
}

@media (min-width: 1025px) {
	header.on .nav-ul li .nav-ul-a1:hover{
		color: #980000;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
}

header.on .header-ss{
	border: 1px solid rgba(0,0,0,.1);
}
header.on .header-ss .int1{
	background: url(http://www.jacelife.com/templets/jssh/css/ico14.png) no-repeat 2px center;
}
header.on .header-s{
	background: url(http://www.jacelife.com/templets/jssh/css/ico14.png) no-repeat center;
}


header.cli{
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
header.cli .logo1{
	display: none;
}
header.cli .logo2{
	display: inline-block;
}
header.cli .nav-ul li .nav-ul-a1{
	color: #000;
}

@media (min-width: 1025px) {
	header.cli .nav-ul li .nav-ul-a1:hover{
		color: #980000;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
}

header.cli .header-ss{
	border: 1px solid rgba(0,0,0,.1);
}
header.cli .header-ss .int1{
	background: url(http://www.jacelife.com/templets/jssh/css/ico14.png) no-repeat 2px center;
}
header.cli .header-s{
	background: url(http://www.jacelife.com/templets/jssh/css/ico14.png) no-repeat center;
}



@media (max-width: 1600px) {
	.nav-ul li{
		margin-left: 20px;
	}
	.nav-ul li .nav-ul-a1{
		/*font-size: 16px;*/
	}
}
@media (max-width: 1400px) {
	nav{
		width: calc(90% - 100px - 20px);
	}
	.nav-ul li{
		margin-left: 18px;
	}
	.nav-ul li .nav-ul-a1{
		/*font-size: 16px;*/
	}
	.nav-ul-div{
		width: 200px;
		margin-left: -100px;
	}
	.header-s{
		display: block;
	}
	.header-ss{
		width: 100%;
		height: 80px;
		background: #fff;
		position: fixed;
		top: 100px;
		left: 0;
		margin-top: 0;
		border-radius: 0;
		padding-top: 15px;
		border-bottom: 1px solid rgba(0,0,0,.1);
		border: none;
		display: none;
	}
	.header-ss form{
		max-width: 800px;
		height: 50px;
		margin: 0 auto;
		padding-right: 60px;
	}
	.header-ss form .int2{
		border-bottom: 1px solid  rgba(0,0,0,.1);
	}
	.header-ss form .int1{
		right: 60px;
	}
	.header-ss form .int3{
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 0;
		right: 0;
	}
}
.header-div{
	display: none;
}
@media (max-width: 1200px) {
	.nav-ul li .nav-ul-a1{
		/*font-size: 14px;*/
	}
}
@media (max-width: 1100px) {
	.nav-ul li{
		margin-left: 12px;
	}
}
@media (max-width: 1024px) {
	.header-div{
		display: block;
		float: right;
		width: 30px;
		margin-top: 40px;
		margin-left: 30px;
	}
	.header-div div{
		width: 100%;
		height: 3px;
		background: #fff;
		margin-bottom: 7px;
		transition: all .5s; 
	}
	header.on .header-div div{
		background: #000;
	}
	header.cli .header-div div{
		background: #000;
	}
	.header-div.on .header-d1{
		 -webkit-transform: rotate(44deg);
	    -ms-transform: rotate(44deg);
	    transform: rotate(44deg);
	   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(-44deg);
	    -ms-transform: rotate(-44deg);
	    transform: rotate(-44deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	nav{
		position: fixed;
		top: 100px;
		width: 100%;
		left: 0;
		height: calc(100% - 100px);
		background: #fff;
		display: none;
	}
	.nav-ul{
		width: 100%;
		max-width: initial;
		padding: 10px 30px;
	}
	.nav-ul li{
		width: 100%;
		height: 60px;
		margin-left: 0;
	}
	.nav-ul li .nav-ul-a1{
		display: none;
		width: 100%;
		height: 100%;
		text-align: left;
		line-height: 60px;
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding: 0 30px;
		color: #000;
	}
	.nav-ul li{
		height: auto;
	}
	.nav-ul li .nav-ul-a2{
		display: block;
		font-size: 16px;
		color: #000;
		line-height: 60px;
		    border-bottom: 1px solid rgba(0,0,0,.1);
		    text-align: left;
		    padding: 0 20px;
	}
	.nav-ul li .nav-ul-a2 span{
		font-size: 18px;
		float: right;
	}
	.nav-ul-div{
		position: relative;
		left: 0;
		top: 0;
		margin: 0;
		background: #fff;
		padding: 0;
		width: 100%;
	}
	.nav-ul-div a{
		color: #000;
		border-bottom: 1px solid rgba(0,0,0,.1);
		text-align: left;
		padding: 15px 0;
		padding-left: 40px;
	}
	
}

@media (max-width: 767px) {
	
	
	header{
		height: 1rem;
	}
	header .logo{
		width: 100px;
		line-height: 1rem;
	}
	header .logo img{
		width: 2rem;
	}
	header .w1700{
		padding: 0 .45rem;
		height: 1rem;
	}
	.header-div{
		width: .45rem;
		margin-top: .35rem;
		margin-left: .3rem;
	}
	.header-div div{
		height: .03rem;
		margin-bottom: .13rem;
	}
	nav{
		padding: .3rem .45rem;
		top: 1rem;
	}
	.nav-ul{
		padding: 0;
	}
	.nav-ul li{
		
	}
	 .nav-ul li .nav-ul-a2{
		font-size: .26rem;
		line-height: .8rem;
		padding: 0;
	}
	.nav-ul-div a{
		font-size: .24rem;
		line-height: .8rem;
		padding: 0;
		padding-left: .4rem;
	}
	nav{
		height: calc(100% - 1rem);
		overflow: auto;
	}
	.nav-ul{
		
	}
	.header-s{
		height: 1rem;
		margin-top: 0;
		line-height: 1rem;
	}
	
	.header-ss{
		top: 1rem;
		padding-left: .4rem;
		padding-right: .4rem;
	}
}



footer{
	background: #323232;
}
footer .w1500{
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
}
.footer-a{
	padding-top: 65px;
	padding-bottom: 90px;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.footer-a1{
	/*width:9%;*/
	width: 10.85%;
	float: left;
	margin-left: 16%;
	text-align: center;
	
}
.footer-a1:first-child{
	margin-left: 0;
}
.footer-a1 div{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	padding: 10px 0;
}
.footer-a1 a{
	display: block;
	width: 100%;
	line-height: 30px;
	padding: 5px 0;
	font-size: 14px;
	color: rgba(255,255,255,.5);
	border-top:1px solid rgba(255,255,255,.2);
}
.footer-a1 a:hover{
	color: rgba(255,255,255,.8);
}
.footer-a2{
	position: absolute;
	left: 30px;
	bottom: 90px;
	height: 40px;
	font-size: 14px;
	color: rgba(255,255,255,.5);
	line-height: 40px;
}
.footer-a2 .bds_tsina{
	width: 40px;
	height: 40px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico09.png) no-repeat center;
	background-position: 0 !important;
	margin: 0;
	margin-left:10px ;
}
.footer-a2 .bds_weixin{
	width: 40px;
	height: 40px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico10.png) no-repeat center;
	background-position: 0 !important;
	margin: 0;
	margin-left:10px ;
}

.footer-b{
	background: #242424;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
}
.footer-b1{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.footer-b1 a{
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: rgba(255,255,255,.5);
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
}
.footer-b1 a:after{
	content: "";
	width: 1px;
	height: 10px;
	background: rgba(255,255,255,.5);
	position: absolute;
	top:5px;
    left: 0px;
}
.footer-b1 a img{
	position: relative;
	top: -2px;
	margin-right: 10px;
}
.footer-b1 a:first-child{
	margin-left: 0;
	padding-left: 0;
}
.footer-b1 a:first-child:after{
	display: none;
}
.footer-b1 a:hover{
	color: rgba(255,255,255,.8);
}
.footer-b2{
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: rgba(255,255,255,.5);
}
.footer-b2 a{
	color: rgba(255,255,255,.5);
}
.footer-b2 a:hover{
	color: rgba(255,255,255,.8);
}
.footer-b2 span{
	margin-left: 20px;
}
.footer-c{
	width: 65px;
	height: 70px;
	background: #000;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -35px;
	z-index: 9;
	cursor: pointer;
	display: none;
}
.footer-c1{
	height: 30px;
	padding-top: 15px;
	text-align: center;
	line-height: 15px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.footer-c2{
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	line-height: 1;
	
	color: #fff;
}
.footer-c:hover .footer-c1{
	padding-top: 10px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}

@media (max-width: 1600px) {
	.footer-a1{
		/*width: 10.333%;*/
		width: 12.15%;
		margin-left: 2.47%;
	}
}
@media (max-width: 1400px) {
	.footer-a1{
		/*width: 11.333%;*/
		width: 13.15%;
		margin-left: 1.3%;
	}
	.footer-a1 a{
		font-size: 12px;
		line-height: 20px;
		padding: 10px 0;
	}
	.footer-a1 div{
		font-size: 14px;
	}
}
.footer-b3{
	display: none;
}
@media (max-width: 1024px) {
	footer{
		
	}
	.footer-a{
		display: none;
	}
 	.footer-b3{
 		display: block;
 		position: relative;
 		left: 0;
 		bottom: 0;
 	}
 	.footer-b{
 		position: relative;
 		padding-bottom: 50px;
 		padding-top: 150px;
 	}
 	.footer-b2{
 		width: 100%;
 		float: none;
 		position: absolute;
 		top: 50px;
 		left: 0;
 		line-height: 35px;
 		text-align: center;
 		padding-left: 30px;
 		padding-right: 30px;
 		text-align: center;
 	}
 	.footer-b2 span{
 		display: block;
 		margin-left:0 ;
 	}
 	.footer-b1{
 		margin-top: 10px;
 	}
 }
 @media (max-width: 767px) {
 	.footer-b3{
 		height: .45rem;
 	}
 	.footer-a2 .bds_weixin{
 		width: .45rem;
 		height: .45rem;
 		background-size: cover;
 	}
 	.footer-a2 .bds_tsina{
 		width: .45rem;
 		height: .45rem;
 		background-size: cover;
 	}
 	.footer-a2{
 		font-size: .24rem;
 		line-height: .45rem;
 	}
 	footer .w1500{
 		padding: 0;
 		overflow: hidden;
 	}
 	.footer-b1 a{
 		font-size: .24rem;
 		line-height: .45rem;
 		margin-left: .15rem;
 		padding-left: .15rem;
 	}
 	.footer-b1 a img{
 		width: .3rem;
 		margin-right: .1rem;
 	}
 	.footer-b1{
 		float: none;
 		margin: 0 auto;
 		width: 100%;
 		text-align: center;
 		height: auto;
 		margin-left: .7rem;
 		margin-top: .2rem;
 	}
 	.footer-b1 a{
 		display: inline-block;
 	}
 	.footer-b2{
 		height: auto;
 		font-size: .24rem;
 		line-height: .45rem;
 		padding: 0;
 		position: relative;
 		top: 0;
 		left: 0;
 	}
 	.footer-b2 span{
 		font-size: .24rem;
 		line-height: .45rem;
 	}
 	.footer-b{
 		padding: .45rem;
 	}
 	.footer-b1 a:after{
 		height: .2rem;
 		top: .12rem;
 	}
 	.footer-b3{
 		margin-top: .1rem;
 		margin-right: 2.4rem;
 	}
 	
 	.footer-c{
 		width: .5rem;
 		height: .5rem;
 		top: auto;
 		bottom: .5rem;
 		margin-top: 0;
 	}
 	.footer-c1{
 		height: .5rem;
 		padding-top: 0rem;
 		line-height: .45rem;
 	}
 	.footer-c1 img{
 		width: .3rem;
 	}
 	.footer-c2{
 		display: none;
 	}
 	.footer-c:hover .footer-c1{
 		
 			padding-top: 0;
 		
 	}
 }



/*公用*/

#beijing{
	background: #f5f5f5;
}


.w1400{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	background: ;
}

.syw1400{
	width: 100%;
	padding: 0 50px;
	max-width: 1500px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.w1400{
		padding: 0 .4rem;
	}
}
.bj-f2f2f2{
	background: #f2f2f2;
}


/*页码*/
.pagination{
	width: 100%;
	height: 60px;
	line-height: 58px;
	text-align: center;
	padding: 0 30px;
	background: #f2f2f2;
}
.pagination a{
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #333;
	margin: 0 3px;
}
.pagination a:hover{
	color: #fff;
	background: #434545;
}
.pagination a.active{
	color: #fff;
	background: #434545;
}
.pagination .prev{
	float: left;
	margin-top: 12px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico34.png) no-repeat center;
}
.pagination .prev:hover{
	background: url(http://www.jacelife.com/templets/jssh/css/ico34.png) no-repeat center;
}
.pagination .next{
	float: right;
	margin-top: 12px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico35.png) no-repeat center;
}
.pagination .next:hover{
	background: url(http://www.jacelife.com/templets/jssh/css/ico35.png) no-repeat center;
}


@media (max-width: 767px) {
	.pagination{
		height: .8rem;
		line-height: .72rem;
		padding: 0 .2rem;
	}
	.pagination a{
		width: .5rem;
		height: .45rem;
		font-size: .22rem;
		line-height: .45rem;
		margin: 0 .05rem;
	}
	.pagination .prev{
		width: .45rem;
		height: .45rem;
		background-size: .2rem;
		margin-top: .175rem;
	}
	.pagination .next{
		width: .45rem;
		height: .45rem;
		background-size: .2rem;
		margin-top: .175rem;
	}
}




/*首页*/
.ibody{
	padding-top: 100px;
}

.ibanner{
	height: 860px;
	width: 100%;
}
.ibanner .swiper-slide{
	background: no-repeat center;
	background-size: cover;
}
.ibanner-span{
	bottom: 30px !important;
}
.ibanner-span span{
	background: #808080;
	opacity: 1;
}
.ibanner-span .swiper-pagination-bullet-active{
	background: #fff;
}


.ibrand{
	display: block;
	height: 775px;
	background: no-repeat center;
	background-size: cover;
}
.ibrand .w1500{
	max-width: 1560px;
	padding: 20px 30px;
	margin: 0 auto;
}
.ibrand-a{
	float: left;
	margin-top: 145px;
	margin-left: 20px;
}
.ibrand-b{
	width: 795px;
	height: 320px;
	background: rgba(255,255,255,.8);
	float: right;
	margin-right: 60px;
	margin-top: 255px;
	padding: 50px 90px;
}
.ibrand-b1{
	font-size: 32px;
	color: #000;
	line-height: 45px;
}
.ibrand-b2{
	width: 20px;
	height: 1px;
	background: #000;
	margin: 20px 0;
}
.ibrand-b3{
	font-size: 18px;
	color: #000;
	line-height: 30px;
}

.iseries-bj{
	background: #f5f5f5;
}
.iseries-m{
	display: none;
}
.iseries{
	max-width: 1580px;
	padding: 60px 40px 20px 40px;
	margin: 0 auto;
	overflow: hidden;
}
.iseries-a{
	height: 95px;
	text-align: center;
}
.iseries-b{
	margin-top: 30px;
	text-align: center;
}
.iseries-b div{
	display: inline-block;
	height: 0px;
	border-radius: 20px;
	font-size: 15px;
	color: #999;
	line-height: 40px;
	padding: 0 25px;
	margin: 0 5px;
	border: 0px solid rgba(0,0,0,.1);
	cursor: pointer;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.iseries-b div.on{
	background: #434545;
	color: #fff;
}
.iseries-b div:hover{
	background: #434545;
	color: #fff;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.iseries-c{width: calc(100% + 80px);margin-left: -40px;margin-top: 35px;display: none;}
.iseries-swiper{
	padding: 40px;
}
.iseries-swiper .swiper-slide{
	height: 695px;
	cursor: pointer;
}
.iseries-swiper .swiper-wrapper{

}
.iseries-c1{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	background: no-repeat center;
	background-size: cover;
	z-index: 2;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.iseries-c2{
	font-size: 18px;
	color: #fff;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	position: relative;
	top: 40px;
	z-index: 2;
}
.iseries-c2 span{
	display: inline-block;
	width: 20px;
	margin: 0 10px;
	height: 1px;
	background: #fff;
	position: relative;
	top: -6px;
}
.iseries-c3{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 4;
}
@media (min-width: 768px) {
	.iseries-swiper .swiper-slide:hover .iseries-c1{
		width: calc(100% + 80px);
		height: calc(100% + 80px);
		left: -40px;
		top: -40px;
		transition: all .3s; 
	   -webkit-transition: all .3s;
	   z-index: 6;
	}
	.iseries-swiper .swiper-slide:hover .iseries-c2{
		z-index: 7;
	}
	.iseries-swiper .swiper-slide:hover .iseries-c3{
		display: none
	}
}

.iseries-span{
	bottom: 60px !important;
}
.iseries-span span{
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	background: none;
	opacity: 1;
}
.iseries-span .swiper-pagination-bullet-active{
	background: #fff;
}


.ilove{
	background: #434545;
	overflow: hidden;
}
.ilove-b{
	width: 66.666%;
	float: right;
	overflow: hidden;
}
.ilove-b1{
	display: block;
	width: 50%;
	height: 470px;
	float: left;
	background: no-repeat center;
	background-size: cover;
	position: relative;
}
.ilove-b1-a{
	width: 100%;
	padding: 0 9%;
	position: absolute;
	left: 0;
	bottom: 70px;
	font-size: 22px;
	line-height: 1;
	color: #fff;
}
.ilove-b1-b{
	width: 100%;
	padding: 0 9%;
	position: absolute;
	left: 0;
	bottom: 40px;
	font-size:16px;
	line-height: 1;
	color: rgba(255,255,255,.6);
}
.ilove-b1-c{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border:1px solid rgba(255,255,255,.1);
	background: url(http://www.jacelife.com/templets/jssh/css/ico05.png) no-repeat center;
	position: absolute;
	bottom: 45px;
	right: 9%;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.ilove-b1:hover .ilove-b1-c{
	border:1px solid rgba(255,255,255,.5);
	right: 8%;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.ilove-a{
	width: 33.334%;
	float: left;
	padding: 0 30px;
	padding-top: 135px;
	text-align: center;
}
.ilove-a1{
	font-size: 38px;
	color: #fff;
	font-family: arial;
    margin-top: 40px;
    line-height: 45px;
    font-weight: bold;
}
.ilove-a2{
	font-size: 24px;
	color: #fff;
	font-family: arial;
    margin-top: 5px;
    line-height: 30px;
}
.ilove-c{
	width: 33.334%;
	float: left;
	padding: 0 30px;
	padding-top: 80px;
	text-align: center;
}
.ilove-c1{
	max-width: 360px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 40px;
	color: rgba(255,255,255,.6);
}
.ilove-c2{
	display: block;
	width: 130px;
	height: 40px;
	margin: 0 auto;
	margin-top: 80px;
	color:#fff;
	font-size: 14px;
	line-height: 40px;
	border-top: 1px solid rgba(255,255,255,.6);
	border-bottom: 1px solid rgba(255,255,255,.6);
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.ilove-c2:hover{
	color: #fff;
	border: 1px solid rgba(255,255,255,.8);
	border-radius: 20px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}

.iabout{
	max-width: 1560px;
	padding: 0 30px;
	overflow: hidden;
	margin: 0 auto;
}
.iabout-a{
	width: 50%;
	height: 500px;
	float: left;
	border-left: 0px solid rgba(0,0,0,.1);
	text-align: center;
	padding-top: 70px;
}
.iabout-a:first-child{
	border-left: none;
}
.iabout-a2{
	font-size: 18px;
	color: #333;
	margin-top: 35px;
	line-height: 1;
}
.iabout-a3{
	font-size: 14px;
	color: #808080;
	margin-top: 20px;
	line-height: 20px;
}
.iabout-a4{
	display: block;
	font-size: 14px;
	color: #808080;
	margin-top: 50px;
	height:40px;
	line-height: 40px;
}
.iabout-a4:hover{
	color: #808080;
}
.iabout-a4 span{
	font-size: 30px;
	color: #010101;
	line-height: 40px;
	margin-left: 10px;
	font-family: impact;
	position: relative;
	top: 7px;
}
.iabout-a5{
	display: block;
	width: 200px;
	height: 45px;
	background: #f0f0f0;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	color: #333;
	margin: 0 auto;
	margin-top: 55px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.iabout-a5:hover{
	background: #434545;
	color: #fff;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.iabout-a6{
	margin-top: 20px;
	display: inline-block;
	overflow: hidden;
}
.iabout-a6 div{
	width: 90px;
	font-size: 12px;
	line-height: 30px;
	color: #80808;
	float: left;
        margin-right: 1.3em
        
}
.iabout-a6 div原来{
	width: 76px;
	font-size: 16px;
	line-height: 30px;
	color: #80808;
	float: left;
        margin-right: 1.3em
        
}
.iabout-a6 div删除:first-child{
	margin-right: 20px;
}

.ibanner-m{
	display: none;
}

@media (max-width: 1440px) {
	.ibanner{
		height: 650px;
	}
	.ibrand-b{
		width: 500px;
		height: 340px;
		padding: 30px 40px;
		margin-right: 0;
	}
	.ibrand-a{
		margin-left: 0;
	}
	.ibrand-b3{}
	.ibrand{
		height: 740px;
	}
	.iseries-c{
		margin-top: 20px;
	}
	.iseries-swiper .swiper-slide{
		height: 500px;
	}
	.iseries-swiper .swiper-slide:hover .iseries-c1{
		    width: calc(100% + 40px);
		    height: calc(100% + 40px);
		    left: -20px;
		    top: -20px;
	}
	.iseries-swiper{
		padding: 20px;
	}
	.iseries{
		padding-top: 30px;
	}
	.iseries-b{
		margin-top: 20px;
		padding-bottom: 60px;
	}
	
}
@media (max-width: 1023px) {
	.ibrand{
		height: 960px;
		text-align: center;
	}
	.ibrand .w1500{
		text-align: center;
		background: url(../image/15526181365294k4stz.jpg);
	}
	.ibrand-a{
		float: none;
		margin-top: 40px;
	}
	.ibrand-b{
		width: 100%;
		text-align: left;
		margin-top: 50px;
	}
	.ilove-b{
		width: 100%;
	}
	.ilove-a{
		width: 100%;
		padding: 40px;
	}
	.ilove-c{
		width: 100%;
		padding: 40px;
	}
	.ilove-c2{
		margin-top: 40px;
	}
	.iabout-a{
		padding-left: 20px;
		padding-right: 20px;
	}
	.iabout-a5{
		width: 180px;
	}
	.iabout-a4 span{
		display: block;
	}
	.iabout{
		padding: 0;
	}
	.ilove-b1{
		height: 350px;
	}
	.ibanner{
		height: 400px;
	}
	
	
}
@media (max-width: 767px) {
	.ibody{
		padding-top: 1rem;
	}
	
	.ibanner-pc{
		display: none;
	}
	.ibanner-m{
		display: block;
		height: 11.3rem;
	}
	.ibanner-span{
		bottom: 10px !important;
	}
	.ibrand{
		height: auto;
		position: relative;
		background-image: none !important;
	}
	.ibrand-a{
		width: 4.5rem;
	}
	.ibrand-b{
		/*position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;*/
		padding: .45rem;
		height: auto;
		float: none;
		margin-top: .5rem;
	}
	.ibrand-b1{
		font-size: .4rem;
		line-height: .5rem;
		font-weight: bold;
	}
	.ibrand-b2{
		width: .2rem;
		margin: .25rem 0;
	}
	.ibrand-b3{
		font-size: .26rem;
		line-height: .45rem;
	}
	.ilove-a{
		padding: .8rem .45rem .45rem .45rem;
	}
	.ilove-a img{
		width: 1rem;
	}
	.ilove-a1{
		font-size: .45rem;
		line-height: .55rem;
		margin-top: .2rem;
	}
	.ilove-a2{
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.ilove-b{
		width: 6.6rem;
		float: none;
		margin: 0 auto;
	}
	.ilove-b1{
		width: 100%;
		height: 4.7rem;
		margin-bottom: .4rem;
	}
	.ilove-b1-a{
		font-size: .35rem;
		line-height: .45rem;
		font-weight: bold;
		bottom: .8rem;
		padding:0 .45rem;
	}
	.ilove-b1-b{
		font-size: .28rem;
		line-height: .45rem;
		font-weight: bold;
		bottom: .3rem;
		padding:0 .45rem;
	}
	.ilove-b1-c{
		width: .45rem;
		height: .45rem;
		line-height: .45rem;
		background-size: .2rem;
		right: .55rem;
		bottom: .45rem;
	}
	.ilove-c{
		padding:.45rem;
		padding-top: .2rem;
	}
	.ilove-c1{
		font-size: .26rem;
		line-height: .45rem;
	}
	.ilove-c2{
		font-size: .26rem;
		height: .6rem;
		line-height: .6rem;
		width: 1.5rem;
		margin-top: .45rem;
	}
	.iabout-a{
		width: 100%;
		border: none;
		height: auto;
		padding: .5rem .3rem;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	.iabout-a img{
		width: .6rem;
	}
	.iabout-a2{
		font-size: .3rem;
		font-weight: bold;
		margin-top: .25rem;
	}
	.iabout-a3{
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.iabout-a4{
		margin-top: .35rem;
		height: .45rem;
		font-size: .24rem;
		line-height: .45rem;
	}
	.iabout-a4 span{
		
		display: inline-block;
		font-size: .35rem;
		line-height: .45rem;
		font-weight: bold;
		position: relative;
		top: 0.05rem;
	}
	.iabout-a5{
		width: 3rem;
		height: .6rem;
		font-size: .26rem;
		line-height: .6rem;
		margin-top: .35rem;
	}
	.iabout-a6{
		margin-top: .3rem;
		font-size: .26rem;
		line-height: .45rem;
	}
	.iabout-a6 img{
		width: 1.5rem;
	}
	.iabout-a6 div{
		font-size: .26rem;
		line-height: .45rem;
	}
	
	.iseries-pc{
		display: none;
	}
	.iseries-m{
		display: block;
	}
	.iseries{
		padding: .8rem 0;
		padding-bottom: 0;
	}
	.iseries-a{
		height: auto;
	}
	.iseries-a img{
		width: 1rem;
	}
	.iseries-b{
		margin-top: .3rem;
		padding-bottom: .2rem;
	}
	.iseries-b div{
		font-size: .24rem;
		padding: 0 .2rem;
		height: .6rem;
		line-height: .6rem;
		border-radius: .3rem;
		margin: .05rem;
	}
	.iseries-c{
		width: 100%;
		margin-top: .55rem;
		margin-left: 0;
		padding: 0;
	}
	.iseries-c1{
		/*background-position-y: -3rem;*/
	}
	.iseries-swiper{
		padding: 0;
	}
	.iseries-swiper .swiper-slide{
		height: 7.5rem;
		background-size: cover;
	}
	.iseries-c3{
		display: none;
	}
	.iseries-c2{
		font-size: .28rem;
		top: .8rem;
		height: .4rem;
		line-height: .4rem;
	}
	.iseries-span{
		height: .15rem;
		line-height: .15rem;
		bottom: .45rem !important;
	}
	.iseries-span span{
		width: .15rem;
		height: .15rem;
		border: 1px solid #fff;
	}
}





/*产品*/
.nav-pro{
	text-align: left;
    padding-left: 140px;
}
.nav-pro li{
	margin-left: 95px;
	padding-left: 0;
}
.nav-pro li:first-child{
	margin-left: 0;
}
.nav-pro li a{
	font-size: 18px !important;
	color: rgba(0,0,0,.5) !important;
}
.nav-pro li a.on{
	color: rgba(0,0,0,1) !important;
}
.nav-pro li a:hover{
	color: rgba(0,0,0,.8) !important;
}
@media (max-width: 1200px) {
	.nav-pro li{
		margin-left: 70px;
	}
}
@media (max-width: 1025px) {
	.nav-pro{
		padding-left: 30px;
	}
	.nav-pro li{
		margin-left: 0;
	}
	.nav-pro li a{
		color: rgba(0,0,0,1) !important;
	}
}
@media (max-width: 767px) {
	.nav-pro{
		 padding: .3rem .45rem;
	}
	.nav-pro li{
		height: .8rem;
	}
	.nav-pro li a{
		font-size: .26rem !important;
	    line-height: .8rem;
	    padding: 0;
	}
}

.product{
	background: #f5f5f5;
	padding-bottom: 20px;
	padding-top: 150px;
}
.product-a{
	width: 100%;
	height: auto;
	position: fixed;
	top: 100px;
	left: 0;
	background: #fff;
	z-index: 9;
}
.product-a1{
	max-width: 1760px;
	padding: 0 30px;
	padding-left: 220px;
	margin: 0 auto;
}

.product-a4-a{
	width: calc(100% - 200px);
    height: auto;
    float: left;
    padding: 12.5px 15px;
}
.product-a4-a1{
	max-width: 1220px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	left: 20px;
	line-height: 30px;
}
.product-a4-a1 a{
	display: block;
	width: auto;
	float: left;
    font-size: 16px;
    margin-right: 40px;
    line-height: 30px;
    color: rgba(0,0,0,.5);
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.product-a4-a1 a.on{
	color: #333;
}

.product-swiper{
	height: 100%;
}
.proinfo-a .product-swiper{
	display: none;
}

.product-swiper .swiper-slide{
	width: auto;
	font-size: 16px;
	float: left;
	margin-left: 75px;
	line-height: 50px;
	color: rgba(0,0,0,.5);
	cursor: pointer;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-swiper .swiper-slide:first-child{
	margin-left: 0;
}
.product-swiper .swiper-slide.on{
	color: rgba(0,0,0,1);
}
.product-swiper .swiper-slide:hover{
	color: rgba(0,0,0,1);
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-b{
	max-width: 1560px;
	padding: 0 30px;
	margin: 0 auto;
}
.product-b8{
	display: block;
	height: 428px;
	background: #434545;
	margin-bottom: 40px;
}
.product-b a{
	display: block;
	height: 428px;
	background: #434545;
	margin-bottom: 40px;
}
.product-b1{
	width: 38.5%;
	float: left;
	padding: 30px;
	padding-top: 115px;
	text-align: center;
}
.product-b1-a{
	font-size: 40px;
	color: #fff;
	line-height: 50px;
}
.product-b1-p{
	font-size: 30px;
	color: #fff;
	line-height: 50px;
}
.product-b1-b{
	font-size: 19px;
	color: #fff;
	line-height: 30px;
	margin-top: 25px;
}
.product-b1-c{
	display: inline-block;
	margin-top: 45px;
	width: 48px;
	height: 48px;
	background: url(../image/ico15.png) no-repeat center;
}
.product-b1-c img{
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-b2{
	width: 61.5%;
	height: 100%;
	float: right;
	background: no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.product-b2 img{
	/*width: 110%;
	height: 110%;*/
	max-width: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .3s; 
   -webkit-transition: all .3s;
}
@media (min-width: 1025px) {
	.product-b a:hover .product-b1-c img{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		transition: all .5s; 
	   -webkit-transition: all .5s;
	}
	/*.product-b a:hover .product-b2 img{
		transform: translate(-50%,-50%) scale(1.03);
		transition: all .5s; 
	   -webkit-transition: all .5s;
	}*/
}


.syproduct{
	background: #f2f2f2;
	padding-bottom: 115px;
	padding-top: 240px;
}

.syproduct-b{
	max-width: 1760px;
	padding: 0 30px;
	margin: 0 auto;
}
.syproduct-b a{
	display: block;
	height: 428px;
	background: #434545;
	margin-bottom: 40px;
}
.syproduct-b1{
	width: 38.5%;
	float: left;
	padding: 30px;
	padding-top: 115px;
	text-align: center;
}
.syproduct-b1-a{
	font-size: 40px;
	color: #fff;
	line-height: 50px;
}
.syproduct-b1-b{
	font-size: 19px;
	color: #fff;
	line-height: 30px;
	margin-top: 25px;
}
.syproduct-b1-c{
	display: inline-block;
	margin-top: 45px;
	width: 48px;
	height: 48px;
	background: url(../image/ico15.png) no-repeat center;
}

.syproduct-b2{
	width: 61.5%;
	height: 100%;
	float: right;
	background: no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.syproduct-b2 img{
	/*width: 110%;
	height: 110%;*/
	max-width: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .3s; 
   -webkit-transition: all .3s;
}



.product-c{
	width: 200px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	margin-top: 80px;
	line-height: 40px;
	font-size: 18px;
	color: #1a1a1a;
	cursor: pointer;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-c img{
	margin-right: 20px;
	-webkit-animation: img-xy 8s infinite;
	animation: img-xy 8s linear infinite; 
  animation: img-xy 8s linear infinite;
}
@keyframes img-xy {
  0% {
  	-webkit-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	
  	}
  	50%{
  		-webkit-transform: rotate(180deg) scale(0.7);
		-ms-transform: rotate(180deg) scale(0.7);
		transform: rotate(180deg) scale(0.7);
  	}
  100% {
  	-webkit-transform: rotate(360deg) scale(1);
	-ms-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
  }
 }
 .product-c:hover{
 	color: #980000;
 	transition: all .3s; 
   -webkit-transition: all .3s;
 }
 
@media (max-width: 1600px){
	.product-a4-a{
		/*width: calc(100% - 20px);*/
	}
	.product-a4-a1{
		max-width: 1002px;
		left: 10px;
	}
	.product-a4-a1 a{
		margin-right: 20px;
	}
} 
 
 
  @media (max-width: 1440px) {
  	.product-b a{
  		height: 350px;
  	}
  	.product-b1{
  		padding-top: 60px;
  	}
  	.product-b1-a{
  		font-size: 34px;
  	}
  	.product-b1-b{
  		font-size: 16px;
  	}
  	
  }
@media (max-width: 1440px) {
	.product-a4-a{
		width: calc(100% - 20px);
	}
}
 
 
 @media (max-width: 1024px) {
 	
 	.product-a4-a{
		width: 100%;
		padding: 12.5px 0;
	}
	.product-a4-a1{
		max-width: 100%;
		left: 0;
	}
	.product-a4-a1 a{
		margin-right: 15px;
	}
 	
 	.product-b a{
 		height: auto;
 	}
 	.product-b1{
 		width: 100%;
 		padding-top: 40px;
 		padding-bottom: 40px;
 		float: none;
 	}
 	.product-b2{
 		width: 100%;
 		float: none;
 	}
 	.product-b2 img{
 		max-width: 100%;
 		position: relative;
 		top: 0;
 		left: 0;
 		margin: 0;
 		transform: translate(0,0);
 	}
 	.product-c:hover{
 		color: #1a1a1a;
 	}
 	.product-a1{
 		padding-left: 30px;
 	}
 	.product-swiper .swiper-slide{
 		margin-left: 40px;
 	}
 }
  @media (max-width: 767px) {
  	.product-a4-a{
		width: 100%;
		padding: .125rem 0;
		display: none;
	}
	.product-a4-a1{
		max-width: 100%;
		left: 0;
	}
	.product-a4-a1 a{
		margin-right: .15rem;
		font-size: .24rem;
		line-height: .5rem;
	}
	.proinfo-a .product-swiper{
		display: block;
	}
  	
  	
  	.product{
  		padding-top: 1.2rem;
  	}
  	.product-a{
  		top: 1rem;
  		height: .8rem;
  		padding: 0 .45rem;
  	}
  	.product-swiper .swiper-slide{
  		font-size: .28rem;
  		line-height: .8rem;
  		margin-left: .45rem;
  	}
  	.product-a1{
  		padding: 0;
  	}
  	.product-b{
  		padding: 0 .45rem;
  	}
  	.product-b1{
  		padding: .3rem .45rem;
  	}
  	.product-b1-a{
  		font-size: .4rem;
  		line-height: .5rem;
  	}
  	.product-b1-b{
  		font-size: .26rem;
  		line-height: .45rem;
  		margin-top: .2rem;
  	}
  	.product-b1-c{
  		width: .5rem;
  		height: .5rem;
  		line-height: .45rem;
  		background-size: .1rem;
  		margin-top: .2rem;
  	}
  	.product-b a{
  		margin-bottom: .4rem;
  	}
  	.product-c{
  		margin-top: .6rem;
  		width: 2rem;
  		font-size: .28rem;
  		line-height: .8rem;
  	}
  	.product-c img{
  		width: .6rem;
  		margin-right: .1rem;
  	}
  }



.tk-v{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 990;
}
.tk-v0{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 3;
}
.tk-v1{
	width: 50px;
	height: 50px;
	background: url(../image/x01.png) no-repeat center;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all .3s; 
	-webkit-transition: all .3s;
	z-index: 5;
}
.tk-v1:hover{
	opacity: .8;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.tk-v2{
	width: 80%;
	max-height: 80%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 4;
}
.tk-v2 video{
	max-width: 100%;
}

@media (max-width: 767px) {
	.tk-v2{
		width: 96%;
		/*margin-left: 2%;
		margin-top: 120px;*/
	}
	.tk-v1{
		top: 0px;
		right: 0px;
	}
	.tk-v0{
		background: rgba(0,0,0,.8);
	}
}



/*产品详情*/
.proinfo{
	padding-bottom: 0;
	padding-top: 100px;
}
    
.proinfo-a{
	border-bottom: 1px solid rgba(0,0,0,.1);

}
.proinfo-a .product-a1{
	padding-left: 78px;
	position: relative;
	overflow: hidden;
}
.proinfo-a-bj{
	max-width: 1400px;
    padding: 0 30px;
    height: 50px;
    margin: 0 auto;
}
.proinfo-a5{
	font-size: 16px;
	color: rgba(0,0,0,.5);
	line-height: 50px;
	display: block;
	position: absolute;
	left: 30px;
	top:0;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-a5:hover{
	color: rgba(0,0,0,1);
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-a1{
	font-size: 18px;
	color: #000;
	line-height: 50px;
}

.proinfo-a2{
	width: 115px;
	height: 35px;
	line-height: 35px;
	background: #434545;
	border-radius: 17.5px;
	font-size: 14px;
	color: #fff;
	display: none;
	text-align: center;
	margin-top: 7.5px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-a2:hover{
	opacity: .9;
	color: #fff;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-a3{
	margin-right: 35px;
	padding-left: 10px;
}
.proinfo-a3 div{
	min-width: 140px;
	padding: 0 20px;
	float: left;
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
	color: rgba(0,0,0,.5);
	text-align: center;
	position: relative;
	cursor: pointer;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-a3 div:after{
	content: "";
	width: 1px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 20px;
	background: rgba(0,0,0,.1);
}
.proinfo-a3 div:first-child:after{
	display: none;
}
.proinfo-a3 div:hover{
	color: rgba(0,0,0,1);
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-b{
	height: 800px;
	background:no-repeat center;
	background-size: cover;
	margin-bottom: 10px;
	position: relative;
}
.proinfo-b:after{
	content: "";
	width: 100%;
	height: 10px;
	background: #000;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.proinfo-b-m{
	display: none;
}
/*.proinfo-d-swiper{
	width: 37.76%;
	height: 100%;
	float: left;
}
.proinfo-d-span span{
	background: no-repeat;
	border: 1px solid #fff;
	opacity: 1;
}
.proinfo-d-span .swiper-pagination-bullet-active{
	background: #fff;
}*/
.proinfo-d{
	height: 755px;
	background: #212024;
}
.proinfo-d1{
	width: 37.76%;
	height: 100%;
	float: left;
	background: no-repeat center;
	background-size: cover;
	position: relative;
}
.proinfo-d2{
	width: 62.24%;
	float: right;
	height: 100%;
}
.proinfo-d2-cont{
	max-width: 990px;
	height: 100%;
	padding: 20px 12.5%;
	overflow: auto;
	
}
.proinfo-d2-a{
	font-size: 44px;
	color: #fff;
	line-height: 1;
	padding-top: 100px;
}
.proinfo-d2-b{
	font-size: 24px;
	color: #fff;
	font-family: arial;
	line-height: 1;
	padding-top: 10px;
}
.proinfo-d2-c{
	width: 50px;
	height: 1px;
	background: rgba(255,255,255,.2);
	margin: 50px 0;
}
.proinfo-d2-d{
	font-size: 18px;
	color: #ebebec;
	line-height: 35px;
}

.proinfo-c{
	height: 680px;
	overflow: hidden;
	
}
.proinfo-c1{
	width: 63.48%;
}
/*.proinfo-d-swiper.proinfo-c1{
	width: 63.48%;
}*/
.proinfo-c1-a{
	width: 80px;
	height: 80px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	cursor: pointer;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-c1-a:hover{
	color: #98000;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-c2{
	width: 36.52%;
}
.proinfo-c2-cont{
	padding-right: 60px;
}
.proinfo-d .mCSB_scrollTools .mCSB_draggerRail {
	background-color:#af9003 !important;
}
.proinfo-d .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color:#970000 !important;
	width: 3px !important;
}
.proinfo-d .mCSB_inside>.mCSB_container{
	margin-right: 60px;
}



.proinfo-e{
	max-width: 1400px;
	padding: 0 30px;
	margin: 0 auto;
	padding-top: 110px;
	padding-bottom: 80px;
}
.proinfo-e1{
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #000;
}
.proinfo-e2{
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	color: #999;
	margin-top: 12px;
}
.proinfo-e3{
	
}
.proinfo-e3 li{
	padding: 55px 0;
	border-top: 1px solid rgba(0,0,0,.1);
	overflow: hidden;
}
.proinfo-e3 li img{
	
}
.proinfo-e3 li:first-child{
	border-top: none;
}
.proinfo-e3-a0{
	width: 56.7%;
	float: left;
	position: relative;
	text-align: center;
}
.proinfo-e3-a0 img{
	max-height: 100%;
}
.proinfo-e3-a{
	
}

.proinfo-e3-b{
	width: 43%;
	float: right;
	padding: 0 5%;
	padding-top: 18%;
}
.proinfo-e3-b1{
	font-size: 36px;
	color: #000;
	line-height: 45px;
}
.proinfo-e3-b1 span{
	color: #980000;
}
.proinfo-e3-b2{
	font-size: 18px;
	line-height: 30px;
	margin-top: 10px;
	color: #808080;
}
.proinfo-e3 li:nth-child(2n+0) .proinfo-e3-a0{
	float: right;
}
.proinfo-e3 li:nth-child(2n+0) .proinfo-e3-b{
	float: left;
}

.proinfo-e3-b2 ol{
	padding-left: 15px;
}
.proinfo-e3-b2 ol li{
	padding: 5px 0;
	border-top: none;
	overflow: initial;
	overflow: inherit;
}

.proinfo-f{
	height: 900px;
	background: no-repeat center;
	background-size: cover;
	position: relative;
}
.proinfo-f1{
	width: 100%;
	height: 100%;
}
.proinfo-f1 .swiper-slide{
	border-left: 1px solid rgba(255,255,255,.2);
	text-align: center;
	padding: 0 15px;
	padding-top: 335px;
}
.proinfo-f1-a{
	display: inline-block;
	padding: 3px;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
}
.proinfo-f1-a img{
	border-radius: 100%;
}
.proinfo-f1-b{
	max-width: 240px;
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	margin: 0 auto;
	margin-top: 35px;
}
.proinfo-f1-c{
	max-width: 240px;
	font-size: 16px;
	color: #dfdede;
	line-height: 25px;
	margin: 0 auto;
	margin-top: 10px;
}
.proinfo-span span{
	background: #fff;
	opacity: 1;
}
.proinfo-span .swiper-pagination-bullet-active{
	border: 1px solid #fff;
	background: no-repeat;
}

.proinfo-flt{
	background: url(http://www.jacelife.com/templets/jssh/css/ico43s.png) no-repeat center;
}
.proinfo-frt{
	background: url(http://www.jacelife.com/templets/jssh/css/ico44s.png) no-repeat center;
}

/*.proinfo-f:before{
	content: "";
	width: 22%;
	height: 100%;
	
	background: url(ico22.png);
	background-position: right center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
}
.proinfo-f:after{
	content: "";
	width: 22%;
	height: 100%;
	background: url(ico23.png);
	background-position-x: left;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 7;
}*/

.proinfo-g{
	overflow: hidden;
	background: #fff;
}
.proinfo-g1{
	font-size: 40px;
	color: #000;
	line-height: 1;
	padding-top: 80px;
	text-align: center;
}
.proinfo-g2{
	padding: 0 30px;
	overflow: hidden;
	text-align: center;
	margin-top: 25px;
}
.proinfo-g2 div{
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	padding: 0 20px;
	margin: 10px 0;
	border-left: 1px solid rgba(0,0,0,.1);
	color: rgba(0,0,0,.5);
	cursor: pointer;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-g2 div:first-child{
	border-left: none;
}
.proinfo-g2 div.on{
	color: rgba(0,0,0,1);
}
.proinfo-g2 div:hover{
	color: rgba(0,0,0,1);
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-g-cont{
	overflow: hidden;
	margin-top: 55px;
	height: 735px;
	margin-bottom: 80px;
}
.proinfo-g3{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.proinfo-g3-a{
	width: 100%;
	height:100%;
	background: no-repeat center;
	background-size: cover;
}
.proinfo-g3-b{
	position: absolute;
	width: 100%;
	padding: 0 30px;
	bottom: 25px;
	text-align: center;
}
.proinfo-g3-b1{
	display: inline-block;
	width: 19%;
	margin: 0 4px;
	max-width: 120px;
	position: relative;
	cursor: pointer;
}
.proinfo-g3-b1 div{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0;
}
.proinfo-g3-b1.on div{
	background:none;
	border: 1px solid rgba(255,255,255,1);
}
.proinfo-g4{
	width: 50%;
	height: 100%;
	padding: 0 70px;
	float: right;
	padding-bottom: 55px;
}

.proinfo-g3-swiper{
	height: 100%;
}
.proinfo-g3-swiper .swiper-slide{
	background: no-repeat center;
	background-size: cover
}
.proinfo-glt{
	background: rgba(0,0,0,.7) url(http://www.jacelife.com/templets/jssh/css/ico43s.png) no-repeat center;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-grt{
	background: rgba(0,0,0,.7) url(http://www.jacelife.com/templets/jssh/css/ico44s.png) no-repeat center;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-glt:hover{
	background: rgba(0,0,0,.9) url(http://www.jacelife.com/templets/jssh/css/ico44s.png) no-repeat center;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-grt:hover{
	background: rgba(0,0,0,.9) url(http://www.jacelife.com/templets/jssh/css/ico44s.png) no-repeat center;
	transition: all .3s; 
   -webkit-transition: all .3s;
}



.proinfo-ul{
	width: 100%;
	height: 100%;
	overflow: auto;
}
.proinfo-ul li{
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 10px 0;
	margin-bottom: 25px;
	overflow: hidden;
}
.proinfo-ul-img{
	width: 310px;
	float: left;
}
.proinfo-ul-div{
	width: calc(100% - 340px);
	float: right;
}
.proinfo-ul-d1{
	font-size: 20px;
	color: #464646;
	line-height: 25px;
}
.proinfo-ul-d2{
	font-size: 16px;
	color: #464646;
	line-height: 22px;
	margin-top: 5px;
}
.proinfo-ul-d3{
	margin-top: 20px;
	overflow: hidden;
}
.proinfo-ul-d3 div{
	width: 40px;
	margin: 5px 0;
	margin-right: 20px;
	float: left;
	cursor: pointer;
}
.proinfo-ul-d3 div p{
	font-size: 13px;
	color: #464646;
	line-height: 20px;
	margin-top: 5px;
	text-align: center;
	opacity: 0;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-ul-d3 div.on p{
	opacity: 1;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-ul .mCSB_scrollTools{
	opacity: 1;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-ul .mCSB_inside>.mCSB_container{
	margin-right: 80px !important;
}
.proinfo-ul .mCSB_scrollTools .mCSB_draggerRail{
	background-color: #ccc !important;
}
.proinfo-ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 2px !important;
	background-color: #333 !important;
}
.proinfo-ul:hover .mCSB_scrollTools{
	opacity: 1;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.proinfo-g-cont.on{
	/*height: auto;
	max-height: 735px;*/
	
	height: auto !important;
	max-height: 100% !important;
}
.proinfo-g-cont.on .proinfo-g4{
	padding: 0;
	
	width: 100%;
}
.proinfo-g-cont.on .proinfo-ul{
	/*max-height: 735px;*/
	max-height: 100% !important;
}
.proinfo-g-cont.on .proinfo-ul li{
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
.proinfo-g-cont.on .proinfo-ul .mCSB_inside>.mCSB_container{

	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;
}



.proinfo-h{
	
	padding-top: 80px;
	padding-bottom: 100px;
}
.proinfo-h1{
	font-size: 44px;
	text-align: center;
	line-height: 55px;
	color: #000;
}
.proinfo-h2{
	margin-top: 55px;
	padding: 0 24px;
	padding-bottom: 70px;
}
.proinfo-h2 .swiper-slide{
}
.proinfo-h2-a{
	font-size: 24px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	line-height: 30px;
}
.proinfo-h2-b{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 30px;
	text-align: center;
	display: none;
}
.proinfo-h2-b1{
	max-width: 440px;
	margin: 0 auto;
	padding-top: 26%;
	font-size: 28px;
	color: #fff;
	line-height: 35px;
}
.proinfo-h2-b2{
	max-width: 440px;
	margin: 0 auto;
	font-size: 14px;
	color: rgba(255,255,255,.7);
	line-height: 25px;
	height: 75px;
	margin-top: 30px;
	text-align: center;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.proinfo-h2-b3{
	width: 125px;
	height: 40px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	border-top: 1px solid rgba(255,255,255,.1);
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	margin-top: 10%;
}
.proinfo-h-span span{
	width: 12px;
	height: 12px;
	border: 1px solid #000;
	background: none;
	opacity: 1;
	margin: 0 8px;
}
.proinfo-h-span .swiper-pagination-bullet-active{
	width: 13px;
	height: 13px;
	border:none;
	background: url(http://www.jacelife.com/templets/jssh/css/ico21.png) no-repeat center;
}
.proinfo-h2.on1{
	width: 33.333%;
}
.proinfo-h2.on2{
	width: 66.666%;
}


@media  (max-width: 1600px) {
	.proinfo-g4{
		padding: 0 30px;
	}
	.proinfo-ul .mCSB_inside>.mCSB_container{
		margin-right: 30px !important;
	}
	.proinfo-ul-d3 div{
		margin-right: 10px;
	}
}
@media  (max-width: 1450px) {
	.proinfo-b{
		height: 600px;
	}
	.proinfo-d2-cont{
		padding: 0 40px;
	}
	.proinfo-c{
		height: 580px;
	}
	.proinfo-d{
		height: 550px;
	}
	.proinfo-d1{
		width: 45%;
	}
	.proinfo-d2{
		width: 55%;
	}
	.proinfo-c1{
		width: 65%;
	}
	.proinfo-c2{
		width: 35%;
	}
	.proinfo-d2-c{
		margin: 30px 0;
	}
	.proinfo-d2-cont{
		padding: 20px 50px;
	}
	.proinfo-d .mCSB_inside>.mCSB_container{
		margin-right: 30px;
	}
	.proinfo-h2-b1{
		padding-top: 10%;
	}
	.proinfo-h2-b2{
		margin-top: 20px;
	}
	.proinfo-h2-b3{
		margin-top: 20px;
	}
	.proinfo-f{
		height: 650px;
	}
	.proinfo-f1 .swiper-slide{
		padding-top: 150px;
	}
	.proinfo-g-cont{
		height: 650px;
	}
	.proinfo-g-cont.on{
		height: auto;
		max-height: 735px;
	}
	.proinfo-g-cont.on .proinfo-g4{
		padding: 0;
		
		width: 100%;
	}
	.proinfo-g-cont.on .proinfo-ul{
		max-height: height: 650px;
	}
	.proinfo-g3-a{
		
	}
	.proinfo-ul-img{
		width: 260px;
	}
	.proinfo-ul-div{
		width: calc(100% - 290px);
	}
	
	.proinfo-a3 div{
		min-width:auto;
	}
	
	.proinfo-g1{
		padding-top: 50px;
	}
	.proinfo-g2{
		margin-top: 15px;
	}
	.proinfo-g-cont{
		margin-top: 25px;
		height: 500px;
	}
	.proinfo-e3-a0{
		width: 50%;
	}
	.proinfo-e3-b{
		width: 50%;
	}
	
	
	.proinfo-e3-b{
		padding-top: 12%;
	}
	.proinfo-e3-b1{
		font-size: 30px;
		line-height: 40px;
	}
	.proinfo-d2-a{
		font-size: 36px;
		padding-top: 50px;
	}
	
	.proinfo-a .product-swiper .swiper-slide{
		font-size: 16px;
	}
	
}
@media  (max-width: 1200px) {
	.proinfo-g-cont{
		height: auto;
		max-width: 1000px;
		margin: 0 auto;
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.proinfo-g3{
		width: 100%;
		height: 600px;
	}
	.proinfo-g4{
		width: 100%;
		margin-bottom: 30px;
	}
	.proinfo-ul{
		max-height: 600px
	}
	.proinfo-g-cont.on{
		max-height: 600px;
	}
	.proinfo-g-cont.on .proinfo-g4{
		width: 100%;
	}
	.proinfo-g-cont.on .proinfo-ul{
		max-height: 600px;
	}
	.proinfo-g-cont.on .proinfo-ul li{
		width: 100%;
		margin: 0;
	}
	.proinfo-h2.on1{
		width: 50%;
	}
	.proinfo-h2.on2{
		width: 100%;
	}
}
@media  (max-width: 1024px) {
	.proinfo-ul .mCSB_scrollTools{
		opacity: 1 !important;
	}
	.proinfo-a .product-a1{
		padding-left: 100px;
	}
}
@media  (max-width: 1023px) {
	.proinfo-a3 div{
		padding-left: 10px;
		padding-right: 10px;
	}
	.proinfo-a-bj{
		padding: 0 20px;
	}
	.proinfo-a2{
		width: 100px;
	}
	.proinfo-a3{
		margin-right: 15px;
	}
	.proinfo-a3 div{
		font-size: 14px;
	}
	.proinfo-b{
		height: 400px;
	}
	.proinfo-d{
		height: auto;
		overflow: hidden;
	}
	.proinfo-d1{
		width: 100%;
		height: 700px;
	}
	.proinfo-d2{
		width: 100%;
		height: 400px;
	}
	.proinfo-d2-a{
		padding-top: 40px;
	}
	.proinfo-d2-c{
		margin: 30px 0;
	}
	.proinfo-c1{
		height: 400px;
	}
	.proinfo-e3-a{
		width: auto;
	}
	.proinfo-e3-b{
		width: 100%;
		padding-top: 40px;
	}
	.proinfo-h2-b{
		display: none !important; 
	}
	.proinfo-e3-a0{
		width: 100%;
	}
}
@media  (max-width: 767px) {
	.proinfo-a{
		height: auto;
		/*padding-top: .15rem;
		padding-bottom: .15rem;*/
	}
	.proinfo-a-bj{
		padding: 0;
	}
	.proinfo-a1{
		font-size: .24rem;
		line-height: .45rem;
	}
	.proinfo-a2{
		font-size: .24rem;
		width: 2rem;
		height: .45rem;
		border-radius: .3rem;
		line-height: .45rem;
		margin-top: .0rem;
	}
	.proinfo-a3{
		width: 100%;
		padding: 0;
		margin: 0;
		margin-top: .2rem;
	}
	.proinfo-a3 div{
		width: auto;
		float: left;
		font-size: .24rem;
		line-height: .4rem;
		margin-right: .2rem;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.proinfo-a3 div:after{
		display: none;
	}
	.proinfo-a3 div:last-child{
		margin-right: 0;
	}
	.proinfo{
		padding-top: 1.8rem;
	}
	.proinfo-a5{
		font-size: .26rem;
		line-height: .8rem;
		left: 0;
	}
	.proinfo-a .product-swiper .swiper-slide{
		font-size: .26rem;
	}
	.proinfo-a .product-a1{
		padding-left: 1rem;
	}
	
	
	.proinfo-b{
		height: 7.5rem;
	}
	.proinfo-b-pc{
		display: none;
	}
	.proinfo-b-m{
		display: block;
	}
	
	.proinfo-c1-a{
		height: 60px;
		line-height: 30px;
		font-size: 12px;
		margin-top:0px;top:30%;
	}
.product-b8{height: auto;}
	.proinfo-d2-cont{
		padding: .3rem .45rem;
		padding-right: .2rem;
	}
	.proinfo-d2{
		height: 6rem;
	}
	.proinfo-d2-a{
		padding-top: .3rem;
		font-size: .44rem;
		line-height: .55rem;
	}
	.proinfo-d2-b{
		font-size: .3rem;
		line-height: .45rem;
		padding-top: .1rem;
	}
	.proinfo-d2-c{
		margin: .2rem 0;
	}
	.proinfo-d2-d{
		font-size: .24rem;
		line-height: .45rem;
	}
	.proinfo-d .mCSB_inside>.mCSB_container{
		margin-right: .4rem !important;
	}
	.proinfo-d1{
		height: 7rem;
	}
	.proinfo-c1{
		height: 4rem;
	}
	
	.proinfo-e{
		padding: .8rem .45rem;
	}
	.proinfo-e1{
		font-size: .4rem;
		line-height: .55rem;
	}
	.proinfo-e2{
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .15em;
	}
	.proinfo-e3 li{
		padding: .3rem 0;
	}
	.proinfo-e3-b{
		padding: 0;
		padding-top: .3rem;
	}
	.proinfo-e3-b1{
		font-size: .36rem;
		line-height: .5rem;
		font-weight: bold;
	}
	.proinfo-e3-b2{
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.proinfo-e3-b2 ol{
		padding-left: .5rem;
	}
	
	.proinfo-f{
		height: 8rem;
	}
	.proinfo-f1-a{
		width: 2rem;
		height: 2rem;
	}
	.proinfo-f1 .swiper-slide{
		padding: 0 .6rem;
		padding-top: 1.1rem;
	}
	.proinfo-f1-b{
		font-size: .32rem;
		line-height: .5rem;
		margin-top: .4rem;
	}
	.proinfo-f1-c{
		font-size: .26rem;
		line-height: .45rem;
		margin-top:.3rem;
	}
	.proinfo-g1{
		font-size: .4rem;
		line-height: .5rem;
		font-weight: bold;
		padding-top: .8rem;
	}
	.proinfo-g2{
		padding: 0 .45rem;
		margin-top: .2rem;
	}
	.proinfo-g2 div{
		font-size: .26rem;
		line-height: .45rem;
		margin: .1rem 0;
		padding: 0 .15rem;
	}
	.proinfo-g-cont{
		margin-top: .4rem;
		margin-bottom: .6rem;
	}
	.proinfo-g3{
		height: 6rem;
	}
	.proinfo-g3-a{
		height: 6rem;
	}
	.proinfo-g4{
		padding: 0 .45rem;
		margin-bottom: .8rem;
		height: auto;
		max-height: 6.5rem;
		padding-right: .3rem;
	}
	.proinfo-ul{
		max-height: 6.5rem;
	}
	.proinfo-g-cont.on .proinfo-g4{
		height: auto;
		max-height: 100%;
	}
	.proinfo-g-cont.on .proinfo-g4 .proinfo-ul{
		max-height: 100%;
	}
	.proinfo-ul li{
		margin-bottom: .2rem;
	}
	.proinfo-ul-img{
		width: 100%;
		text-align: center;
		margin-bottom: .2rem;
	}
	.proinfo-ul-img img{
		width: 3rem;
	}
	.proinfo-ul .mCSB_inside>.mCSB_container{
		margin-right: .4rem !important;
	}
	.proinfo-ul-div{
		width: 100%;
	}
	.proinfo-ul-d1{
		font-size: .32rem;
		line-height: .45rem;
		font-weight: bold;
	}
	.proinfo-ul-d2{
		font-size: .24rem;
		line-height: .35rem;
		margin-top: .1rem;
	}
	.proinfo-ul-d3{
		margin-top: .2rem;
	}
	.proinfo-ul-d3 div{
		width: 1rem;
		font-size: .24rem;
		line-height: .4rem;
		margin: .05rem;
	}
	.proinfo-h{
		padding-top: .8rem;
		padding-bottom: 1rem;
	}
	.proinfo-h1{
		font-size: .44rem;
		line-height: .55rem;
	}
	.proinfo-h2{
		margin-top: .4rem;
		padding-bottom: 1rem;
	}
	.proinfo-h2-a{
		font-size: .36rem;
		line-height: .55rem;
		display: block !important;
	}
	.proinfo-h2-b{
		display: none !important; 
	}
	.proinfo-h-span{
		bottom: 0 !important;
		height: 20px !important;
		line-height: 20px !important;
	}
	.proinfo-h2.on1{
		width: 100%;
	}
}









/*服务网点*/
/*服务网点*/
.branch{
	max-width: 1400px;
	padding: 0 50px;
	padding-top: 100px;
	padding-bottom: 95px;
	margin: 0 auto;
}
.branch-a{
	font-size:36px;
	line-height: 1;
	text-align: center;
	color: #000;
	padding-top: 60px;
}


.branch-c-bj{
	height: 540px;
	margin-top: 55px;
	position: relative;
	overflow: hidden;
}
.branch-map{
	width: calc(100% - 420px);
	height: 100%;
	background: #003563;
	float: right;
}
.branch-c{
	width: 375px;
	height: 100%;
	background: #fff;
	float: left;
}
.branch-c1{
	height: 35px;
	border-bottom: 1px solid rgba(0,0,0,.1); 
	width: 360px;
	font-size: 18px;
	line-height: 1;
	color: #333;
    background: url(http://www.jacelife.com/templets/jssh/css/ico14.png) no-repeat right center;
    position: relative;
}
.branch-c1 .int1{
	width: 100%;
	height: 34px;
	border: none;
	font-size: 16px;
	color: #333;
	padding-right: 35px;
}
.branch-c1 .int2{
	width: 25px;
	height: 35px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico14.png) no-repeat right center;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
}

.branch-c2{
	width: 360px;
	margin-top: 18px;
}
.branch-c2 select{
	width: 175px;
	height: 40px;
	font-size: 14px;
	padding: 0 15px;
	color: #333;
	border: 1px solid rgba(0,0,0,.1);
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background:  url(http://www.jacelife.com/templets/jssh/css/ico27.png) no-repeat 95% center;
     -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.branch-c2 select:first-child{
	margin-right: 3px;
}
.branch-c22{
	width: 360px;
	margin-top: 28px;
	margin-bottom: 30px;
	height: 1px;
	background: rgba(0,0,0,.1);
}

.branch-c3{
	padding-top: 25px;
	padding-bottom: 35px;
	padding-left: 50px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 30px;
	cursor: pointer;
}
.branch-c3-cont{
	width: 360px;
	overflow: hidden;
}
.branch-c3-a{
	width: 245px;
	float: left;
}
.branch-c3-b{
	width: 100px;
	float: right;
}
.branch-c3-a1{
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-bottom: 10px
}
.branch-c3-a2{
	width: 360px;
	font-size: 14px;
	color: #5d686a;
	line-height: 25px;
}
.branch-c3-b a{
	display: block;
	width: 100px;
	height: 30px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	background: #b63a30;
	border-radius: 2px;
	text-align: center;
	opacity: 0;
	transition: all .3s; 
-webkit-transition: all .3s;
}

.branch-c4{
	width: 375px;
	height: 360px;
	overflow: auto;
	margin-top: 30px;
}
.branch-c4 li{
	width: 370px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	cursor: pointer;
}
.branch-c4 li:hover .branch-c3-b a{
	opacity: 1;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.branch-c4 li.on .branch-c3-b a{
	opacity: 1;
	transition: all .3s; 
-webkit-transition: all .3s;
}

.branch-c4 .mCSB_inside>.mCSB_container{
	margin-right: 15px;
}
.branch-c4 .mCSB_scrollTools{
	width: 4px;
}
.branch-c4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color:#b63a30 !important;
}
.branch-c4 .mCSB_scrollTools .mCSB_draggerRail{
	width: 1px;
}

.branch-map .BMap_stdMpCtrl.BMap_stdMpType0.BMap_noprint.anchorTL{
	left: initial !important;
	right: 10px !important;
}

.branch-map .BMap_cpyCtrl.BMap_noprint.anchorBL{
	left: initial !important; 
	right: 2px !important;
}
.branch-map .maphh{
	font-size: 16px;
	color: #025da3;
	line-height: 25px;
}
.branch-map .maptxt{
	font-size: 14px;
	color: #666;
	line-height: 22px;
}

.branch-d{
	padding-top: 60px;
	padding-bottom: 70px;
	overflow: hidden;
}
.branch-d div{
	width: 33.333%;
	text-align: center;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	float: left;
	position: relative;
}
.branch-d div img{
	position: relative;
	top: -2px;
}
.branch-d div:after{
	content: "";
	width: 1px;
	height: 16px;
	background: rgba(0,0,0,.2);
	position: absolute;
	left: 0;
	top: 7px;
}
.branch-d div:first-child:after{
	display: none;
}


@media (max-width: 1023px) {
	.branch-map{
	    width: 100%;
	    height: 500px;
	}
	.branch-c-bj{
		height: auto;
	}
	.branch-c{
		margin: 0 auto;
		margin-top: 50px;
	}
}
@media (max-width: 767px) {
	.branch{
		padding: 1.8rem .4rem .8rem .4rem;
	}
	.branch-a{
		font-size: .4rem;
		padding-top: 0;
	}
	.branch-c{
		width: 6.7rem;
		margin-top: .5rem;
	}
	.branch-c1{
		width: 6.4rem;
	}
	.branch-c2{
		width: 6.4rem;
	}
	.branch-c2 select{
		width: 3rem;
	}
	.branch-c2 select:first-child{
		margin-right: .25rem;
	}
	.branch-c22{
		width: 6.4rem;
	}
	.branch-c4{
		width: 6.7rem;
	}
	.branch-c4 li{
		width: 6.4rem;
	}
	.branch-c4 .mCSB_inside>.mCSB_container{
		margin-right: .3rem;
	}
	.branch-c3-cont{
		width: 6.4rem;
	}
	.branch-c3-b a{
		width: 1.5rem;
		height: .6rem;
		font-size: .28rem;
		line-height: .6rem;
	}
	.branch-c3-b a img{
		width: .2rem;
	}
	.branch-c3-b{
		width: 1.5rem;
	}
	.branch-c3-a1{
		font-size: .32rem;
		line-height: .6rem;
		height: .6rem;
		margin-bottom: .1rem;
	}
	.branch-c3-a{
		width: 4.4rem;
	}
	.branch-c3-a2{
		width: 6.4rem;
		font-size: .24rem;
		line-height: .5rem;
	}
	.branch-c-bj{
		margin-top: .6rem;
	}
	.branch-c1 .int1{
		height: .8rem;
		font-size: .28rem;
		line-height: .8rem;
	}	
	.branch-c1{
		height: calc(.8rem + 1px);
	}
	.branch-c2{
		margin-top: .2rem;
	}
	.branch-c2 select{
		height: .7rem;
		font-size: .26rem;
		line-height: .7rem;
	}
	.branch-c22{
		margin-top: .3rem;
		margin-bottom: .3rem;
	}
	.branch-c4{
		margin-top: .4rem;
	}
	.branch-c4 li{
		padding-bottom: .3rem;
		margin-bottom: .3rem;
	}
	.branch-c3-b a{
		opacity: 1 !important;
	}
	.branch-c4{
		height: 6rem;
	}
	.branch-map{
		height: 6rem;
	}
}


/*菜系详情*/
.newsinfo-bj{
	background: #fcfcfc;
}
.newsinfo{
	max-width: 1300px;
	padding: 0 50px;
	padding-top: 180px;
	padding-bottom: 140px;
	margin: 0 auto;
	overflow: hidden;
}
.newsinfo-a{
	font-size: 30px;
	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-c video{
	max-width: 100%;
}
.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: #980000;
}
.newsinfo-e{
	width: 140px;
	height: 45px;
	background: #980000;
	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: 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%;
	}
}



/*首页新闻中心*/
.synews-a{
	font-size: 36px;
	line-height: 1;
	color: #000;
	text-align: center;
}

.synews-b{
	width: 102.85%;
	overflow: hidden;
	margin-top: 60px;
	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;
}
.synews-b a{
	display: block;
	width: 30.483%;
	float: left;
	margin-right: 2.85%;
	margin-bottom: 80px;
}
.synews-b1{
	overflow: hidden;
}
.synews-b1 img{
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.synews-b2{
	font-size: 24px;
	color: #000;
	line-height: 30px;
	max-height: 60px;
	margin-top: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.synews-b3{
	font-size: 16px;
	color: #666;
	line-height: 25px;
	min-height: 50px;
	max-height: 50px;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.synews-b4{
	font-size: 14px;
	color: #999;
	height: 18px;
	line-height: 18px;
	margin-top: 8px;
	padding-left: 30px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico36.png) no-repeat left center;
}
.synews-b a:hover .news-b1 img{
	transform: scale(1.08);
	transition: all .3s; 
   -webkit-transition: all .3s;
}




/*新闻中心*/
.news{
	padding-top: 180px;
	padding-bottom: 115px;
}
.news-a{
	font-size: 36px;
	line-height: 1;
	color: #000;
	text-align: center;
}
.news-c{
	font-size: 20px;
	line-height: 1;
	color: #000;
	text-align: right;
}
.news-b{
	width: 103.85%;
	overflow: hidden;
	margin-top: 60px;
	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;
}
.news-b a{
	display: block;
	width: 22%;
	float: left;
	margin-right: 2.85%;
	margin-bottom: 80px;
}
.news-b1{
	overflow: hidden;
}
.news-b1 img{
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.news-b2{
	font-size: 24px;
	color: #000;
	line-height: 30px;
	max-height: 60px;
	margin-top: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-b3{
	font-size: 16px;
	color: #666;
	line-height: 25px;
	min-height: 50px;
	max-height: 50px;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-b4{
	font-size: 14px;
	color: #999;
	height: 18px;
	line-height: 18px;
	margin-top: 8px;
	padding-left: 0px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico36.png) no-repeat left center;
}
.news-b a:hover .news-b1 img{
	transform: scale(1.08);
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.news .pagination{
	margin-top: 20px;
}

@media  (max-width: 1400px) {
	.news-b{
		margin-top: 40px;
	}
	.news-b a{
		margin-bottom: 40px;
	}
}
@media  (max-width: 1400px) {
	.news-b2{
		font-size: 18px;
		line-height: 25px;
		max-height: 50px;
		margin-top: 15px;
	}
	.news-b3{
		font-size: 14px;
		line-height: 22px;
		min-height: 44px;
		max-height: 44px;
	}
}

@media  (max-width: 767px) {
	.news{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.news-a{
		font-size: .4rem;
		font-weight: bold;
	}
	.news-b{
		margin-top: .5rem;
		width: 102%;
	}
	.news-b a{
		width: 48%;
		margin-right: 2%;
		margin-bottom: .4rem;
	}
	.news-b2{
		font-size: .28rem;
		line-height: .45rem;
		max-height: .45rem;
		margin-top: .15rem;
		-webkit-line-clamp: 1;
	}
	.news-b3{
		font-size: .24rem;
		line-height: .4rem;
		min-height: .4rem;
		max-height: .4rem;
		margin-top: .1rem;
		-webkit-line-clamp: 1;
	}
	.news-b4{
		height: .4rem;
		margin-top: .15rem;
		background-size: .35rem;
		padding-left: .6rem;
		font-size: .22rem;
		line-height: .4rem;
	}
	.news .pagination{
		margin-top: .2rem;
	}
}



/*新闻详情*/
.info{
	padding-top: 200px;
	padding-bottom: 80px;
	overflow: hidden;
}
.infol-last{
	width: 100%;
	overflow: hidden;
}
.info-lt{
	
	width: calc(100% - 310px);
	max-width: 1000px;
	float: left;
	overflow: hidden;
}
.info-a{
	font-size: 36px;
	line-height: 45px;
	color: #000;
	text-align: center;
}
.info-b{
	font-size: 18px;
	line-height: 30px;
	color: #666;
	margin-top: 10px;
	text-align: center;
}
.info-c{
	text-align: center;
	margin-top: 10px;
	line-height: 18px;
}
.info-c div{
	display: inline-block;
	font-size: 14px;
	color: #999;
	height: 18px;
	line-height: 18px;
	padding-left: 0px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico36.png) no-repeat left center;
}
.info-d{
	padding: 40px 0;
	border-top: 1px solid rgba(0,0,0,.1); 
	border-bottom: 1px solid rgba(0,0,0,.1); 
	margin-top: 33px;
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 35px;
	color: #666;
}
.info-e{
	max-width: calc(100% - 70px);
	float: left;
}
.info-e a{
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-top: 5px;
}
.info-e a:hover{
	color: #000;
}
.info-f{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 1px solid rgba(0,0,0,.1);
	background: url(http://www.jacelife.com/templets/jssh/css/ico30.png) no-repeat center;
	float: right;
	margin-top: 5px;
}
.info-f:hover{
	border-color: #000;
}
.info-rt{
	width: 270px;
	float: right;
}
.info-j{
	font-size: 20px;
	line-height: 1;
	color: #333;
	height: 35px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.info-k{
	padding-top: 10px;
}
.info-k a{
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #666;
	margin-top: 13px;
	padding-left: 30px;
	position: relative;
}
.info-k a:after{
	content: "";
	width: 6px;
	height: 6px;
	background: #888;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 10px;
}
.info-k a:hover{
	color: #000;
}
.info-k a:hover:after{
	background: #000;
}
@media  (max-width: 1400px) {
	.info{
		padding-top: 150px;
		padding-bottom: 60px;
	}
	.info-a{
		font-size: 30px;
	}
	.info-b{
		font-size: 16px;
	}
}
@media  (max-width: 1023px) {
	.info-lt{
		width: 100%;
	}
	.info-rt{
		display: none;
	}
}
@media  (max-width: 767px) {
	.info{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.info-a{
		font-size: .4rem;
		line-height: .5rem;
		font-weight: bold;
	}
	.info-b{
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .15rem;
	}
	.info-c{
		margin-top: .1rem;
		line-height: .4rem;
	}
	.info-c div{
		height: .4rem;
	    margin-top: .15rem;
	    background-size: .35rem;
	    padding-left: .6rem;
	    font-size: .22rem;
	    line-height: .4rem;
	}
	.info-d{
		margin-top: .35rem;
		padding: .3rem 0;
		font-size: .26rem;
		line-height: .5rem;
		margin-bottom: .2rem;
	}
	.info-e{
		max-width: 100%;
	}
	.info-e a{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.info-f{
		width: .8rem;
		height: .8rem;
		background-size: .3rem;
		margin-top: .15rem;
	}
	    
}




/*保养贴士*/
.tips{
	padding-top: 150px;
	padding-bottom: 100px;
}
.tips-a{
	font-size: 36px;
	color: #000;
	line-height: 1;
	text-align: center;
}
.tips-b{
	margin-top: 35px;
	
}
.tips-b li{
	background: #fff;
	padding: 0 85px;
	margin-bottom: 20px;
}
.tips-b1{
	padding: 30px 0;
	overflow: hidden;
	cursor: pointer;
}
.tips-b1-a{
	width: 22px;
	height: 22px;
	background: #434545;
	color: #fff;
	line-height: 22px;
	text-align: center;
	font-size: 16px;
	font-family: arial;
	float: left;
	margin-right: 18px;
}
.tips-b1-b{
	width: calc(100% - 80px);
	float: left;
	font-size: 20px;
	color: #000;
	line-height: 25px;
}
.tips-b1-c{
	width: 15px;
	height: 25px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico33.png) no-repeat center;
	float: right;
}
.tips-b1.on .tips-b1-c{
	background: url(http://www.jacelife.com/templets/jssh/css/ico32.png) no-repeat center;
}
.tips-b2{
	padding: 30px 0;
	border-top: 1px solid rgba(0,0,0,.1);
	overflow: hidden;
	display: none;
}
.tips-b2-b{
	width: calc(100% - 40px);
	float: left;
	font-size: 16px;
	color: #666;
	line-height: 25px;
}
.tips .pagination{
	background: #fff;
	margin-top: 55px;
}
@media  (max-width: 1024px) {
	.tips-b li{
		padding: 0 25px;
	}
}
@media  (max-width: 767px) {
	.tips{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.tips-a{
		font-size: .4rem;
		font-weight: bold;
	}
	.tips-b{
		margin-top: .4rem;
	}
	.tips-b li{
	    padding: 0 .2rem;
	    margin-bottom: .2rem;
	}
	.tips-b1{
		padding: .3rem 0;
	}
	.tips-b1-a{
		width: .4rem;
		height: .4rem;
		line-height: .4rem;
		font-size: .26rem;
		margin-right: .2rem;
	}
	.tips-b1-b{
		width: calc(100% - 1.2rem);
		font-size: .26rem;
		line-height: .4rem;
	}
	.tips-b1-c{
		width: .3rem;
		height: .45rem;
		background-size: .2rem;
	}
	.tips-b2{
		padding: .3rem 0;
	}
	.tips-b2-b{
		width: calc(100% - .6rem);
		font-size: .26rem;
		line-height: .45rem;
	}
	.tips .pagination{
		margin-top: .45rem;
	}
}


/*FAQ*/
.faq{
	padding-top: 160px;
	padding-bottom: 100px;
	overflow: hidden;
}
.faq-lt{
	width: 350px;
	float: left;
	position: relative;
}
.faq-rt{
	width: calc(100% - 370px);
	float: right;
}

.faq-a{
	display: none;
}
.faq-b{
	padding: 5px 35px;
	background: #fff;
	margin-top: 71px;
}
.faq-b1{
	padding: 20px 0;
	padding-right: 30px;
	font-size: 18px;
	color: #000;
	line-height: 30px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico31.png) no-repeat right center;
	cursor: pointer;
	border-bottom: 1px solid rgba(0,0,0,.1);
	position: relative;
}
.faq-b1:after{
	content: "";
	width: 0;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
@media (min-width: 1024px) {
	.faq-b1:hover:after{
		width: 100%;
		transition: all .3s; 
	   -webkit-transition: all .3s;
	}
}

.faq-b1.on:after{
	width: 100%;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.faq .tips-b li{
	padding: 0 60px;
}
@media  (max-width: 1024px) {
	.faq-lt{
		width: 100%;
	}
	.faq-rt{
		width: 100%;
		margin-top: 60px;
	}
	.faq-a{
		width: 100%;
		background: #fff;
		padding: 20px 25px;
		display: block;
	}
	.faq-a1{
		font-size: 18px;
		line-height: 25px;
		color: #000;
		padding-right: 30px;
		background: url(http://www.jacelife.com/templets/jssh/css/ico33.png) no-repeat right center;
	}
	.faq-a.on .faq-a1{
		background: url(http://www.jacelife.com/templets/jssh/css/ico32.png) no-repeat right center;
	}
	.faq-b{
		margin-top: 5px;
		display: none;
	}
	.faq .tips-b li{
		padding: 0 25px;
	}
	
}
@media  (max-width: 767px) {
	.faq{
		padding-top:1.8rem;
		padding-bottom: .8rem;
	}
	.faq-a{
		padding: .2rem;
	}
	.faq-a1{
		font-size: .26rem;
		line-height: .4rem;
		padding-right: .5rem;
		background-size: .2rem;
	}
	.faq-b{
		padding: .1rem .2rem;
	}
	.faq-b1{
		padding: .2rem 0;
		padding-right: .5rem;
		font-size: .26rem;
		line-height: .4rem;
		background-size: .3rem;
	}
	.faq-rt{
		margin-top: .5rem
	}
	.faq .tips-b li{
		padding: 0 .2rem;
	}
}






/*品牌故事*/
.brand-swiper{
	height: 800px;
}
.brand-swiper .swiper-slide{
	background: no-repeat center;
	background-size: cover;
}
.brand-vd{
	width: 110px;
	height: 110px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico37.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.brand-span span{
	
	opacity: 1;
	width: 12px;
	height: 12px;
	background: none;
	border: 1px solid #fff;
}
.brand-span .swiper-pagination-bullet-active{
	width: 12px;
	height: 12px;
	background: #fff;
}

.about{
	background: no-repeat center;
	background-size: cover;
	position: relative;
	height: 656px;
}
.about-a{
	position: absolute;
	bottom: 0;
	left: -50px;
	max-width: 80%
}
.about-b{
	width: 100%;
	max-width: 850px;
	padding-top: 115px;
	overflow: hidden;
	position: relative;
}
.about-b1{
	width: calc(100% - 390px);
	float: left;
}
.about-b1-a{
	font-size: 40px;
	color: #1e1616;
	line-height: 1;
	padding-top: 20px;
}
.about-b1-b{
	font-size:18px;
	color: #666;
	line-height: 35px;
	padding-top: 20px;
}
.about-b2{
	width: 320px;
	float: right;
}


.milestone{
	height: 950px;
	background: no-repeat center;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.milestone-a{
	font-size: 40px;
	color: #fff;
	line-height: 1;
	padding: 0 50px;
	padding-top: 135px;
}
.milestone-b{
	margin-top: 60px;
	position: relative;
}
.milestone-b-bj{
	width: 600px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	background: url(http://www.jacelife.com/templets/jssh/css/ico51.png) center;
	margin-left: 360px;
	z-index: 3;
}
.milestone-swiper{
	/*570px*/
	width: 1650px;
	padding-left:80px;
	padding-right: 1000px;
}
/*.milestone-swiper:after{
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.2);
	position: absolute;
	top: calc(50% - 2px);
	left: 190px;
}*/
.milestone-swiper .swiper-slide{
	height: 404px;
}
.milestone-b1{
	height: 160px;
	width: 470px;
	position: relative;
}
.milestone-b1:after{
	content: "";
	height: 40px;
	width: 1px;
	background: rgba(255,255,255,.2);
	position: absolute;
	bottom: -40px;
	left: 110px;
}
.milestone-b1:before{
	content: "";
	width: 220px;
	height: 1px;
	background: rgba(255,255,255,.2);
	position: absolute;
	left: 110px;
	bottom: -40px;
}
.milestone-b1-a{
	width: 220px;
}
.milestone-b1-b{
	width: calc(100% - 220px);
	padding: 0 25px;
}
.milestone-b1-b1{
	font-size: 30px;
	color: #fff;
	line-height: 1;
}
.milestone-b1-b2{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}
.milestone-b2{
	margin-top: 80px;
	margin-left: 220px;
}
.milestone-b2:after{
	bottom: auto;
	top: -40px;
}
.milestone-b2:before{
	width: calc(100% - 120px);
	top: -41px;
}
.milestone-b1.on .milestone-b1-a{
	width: 280px;
	height: 160px;
	border: 1px solid rgba(255,255,255,.1);
	padding: 0 30px;
}
.milestone-b1.on .milestone-b1-b1{
	padding-top: 25px;
}
.milestone-b1.on:after{
	left: 140px;
}
.milestone-span{
	display: none;
}
.milestone-c-cont{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.milestone-c{
	width: 300%;
	height: 100px;
	margin-top: 80px;
	overflow: hidden;
	position: relative;
}
.milestone-c1{
	width: 160px;
	float: left;
	height: 100%;
	position: relative;
}
.milestone-c1 div{
	width: 50%;
	float: left;
	height: 100%;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	padding-top: 75px;
	position: relative;
	text-align: center;
}
.milestone-c1 div:after{
	content: "";
	width: 1px;
	height: 9px;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 40px;
	left: 50%;
}
.milestone-c1.on{
	background: url(http://www.jacelife.com/templets/jssh/css/ico39.png) no-repeat 30px top;
}
.milestone-c1.on div:first-child{
	font-size: 30px;
	transition: all .5s; 
   -webkit-transition: all .5s;
}
.milestone-c1.cli{
	background: url(http://www.jacelife.com/templets/jssh/css/ico39.png) no-repeat 30px top;
}
.milestone-c1.cli div:first-child{
	font-size: 30px;
	transition: all .5s; 
   -webkit-transition: all .5s;
}
.milestone-c2{
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 48px;
	left: 0;
}
.milestone-c2 span{
	display: block;
	width: 40px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	top:-1px;
}


.evolution{
	background: #323232;
	padding-top: 80px;
	padding-bottom: 70px;
}
.evolution-a{
	font-size: 40px;
	color: #fff;
	line-height: 1;
	text-align: center;
}
.evolution-b{
	max-width: 950px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.evolution-c{
	margin-top: 80px;
}
.evolution-swiper{
	padding-bottom: 40px;
	text-align: center;
}
.evolution-swiper:after{
	content: "";
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #fff;
	position: absolute;
	left: 0;
	top: 142px;
}
.evolution-c1{
}
.evolution-c2{
	height: 16px;
	background: url(http://www.jacelife.com/templets/jssh/css/ico41.png) no-repeat center;
	margin-top: 50px;
}
.evolution-c3{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	margin-top: 20px;
}

.evolution-swiper .swiper-pagination{
	height: 20px;
	line-height: 20px;
	bottom: 0 !important;
}
.evolution-span span{
	border: 1px solid #fff;
	opacity: 1;
}
.evolution-span .swiper-pagination-bullet-active{
	background: #fff;
}


.global{
	background: #f2f2f2;
	padding-top: 110px;
	padding-bottom: 100px;
}
.global-a{
	font-size: 40px;
	color: #1e1616;
	line-height: 1;
	text-align: center;
}
.global-b{
	max-width: 1120px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 16px;
	color: #5d686a;
	line-height: 30px;
	text-align: center;
}
.global-c{
	margin-top: 50px;
	text-align: center;
}

.design{
	padding-top: 80px;
	padding-bottom: 115px;
	
}
.design-a{
	font-size: 40px;
	color: #1e1616;
	text-align: center;
	line-height: 1;
}
.design-b{
	font-size: 17px;
	color: #727272;
	line-height: 30px;
	max-width: 525px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
}
.design-c{
	position: relative;
	padding: 0 50px;
	margin-top: 55px;
}
.design-c1{
	text-align: center;
}
.design-c2{
	font-size: 20px;
	color: #000;
	line-height: 25px;
	text-align: center;
	margin-top: 15px;
	height: 50px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.design-c3{
	font-size: 15px;
	color: #221815;
	line-height: 28px;
	text-align: center;
	padding-top: 15px;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 10px;
}
.design-lt{
	background-image: url(http://www.jacelife.com/templets/jssh/css/ico43.png);
	background-size: auto;
}
.design-rt{
	background-image: url(http://www.jacelife.com/templets/jssh/css/ico44.png);
	background-size: auto;
}
.design-d{
	margin-top: 90px;
	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;
}
.design-d li{
	width: 33.333%;
	float: left;
}
.design-d li:nth-child(2n+1){
	background: #f5f5f5;
}


@media (max-width: 1440px) {
	.brand-swiper{
		height: 600px;
	}
	.milestone{
		height: 800px;
	}
	.milestone-a{
		padding-top: 60px;
	}
}
@media (max-width: 1023px) {
	.about-b2{
		width: 280px;
	}
	.about-b1{
		width: calc(100% - 300px);;
	}
}
@media (max-width: 767px) {
	.brand-nav .proinfo-a1{
		display: none;
	}
	.brand-nav .product-a{
		padding: .15rem .4rem;
	}
	.brand-nav .proinfo-a3 div{
		margin: 0 .06rem;
		font-size: .22rem;
	}
	.brand-nav .proinfo-a-bj{
		height: .8rem;
	}
	.brand-nav{
		padding-top: 1.8rem;
	}
	
	.brand-swiper{
		height: 5rem;
	}
	.brand-vd{
		width: 1rem;
		height: 1rem;
		background-size: cover;
	}
	.about{
		border-image: none !important;
	}
	.about-b{
		padding-top: .5rem;
	}
	.about-a{
		left: 0;
	}
	.about{
		background: no-repeat -100% center;
		background-size: cover;
	}
	.about{
		height: auto;
		padding-bottom: .6rem;
	}
	.about-b1{
		width: 100%;
	}
	.about-b1-a{
		font-size: .45rem;
		font-weight: bold;
	}
	.about-b1-b{
		font-size: .26rem;line-height: .45rem;
		padding-top: .2rem;
	}
	.about-b2{
		width: 100%;
		padding: 0 .8rem;
		margin-top: .3rem;
	}
	
	.evolution{
		padding-top: .7rem;
		padding-bottom: .7rem;
	}
	.evolution-a{
		font-size: .45rem;
		font-weight: bold;
	}
	.evolution-b{
		font-size: .28rem;
		line-height: .5rem;
		margin-top: .3rem;
	}
	.evolution-c{
		margin-top: .4rem;
	}
	.global{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.global-a{
		font-size: .45rem;
		font-weight: bold;
	}
	.global-b{
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.design{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.design-a{
		font-size: .45rem;
		font-weight: bold;
	}
	.design-b{
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.design-c{
		margin-top: .4rem;
		padding: 0 .6rem;
	}
	.design-c2{
		font-size: .3rem;
		line-height: .45rem;
		height: .9rem;
		margin-top: .15rem;
	}
	.design-c3{
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .15rem;
		padding-top: .15rem;
	}
	.design-lt{
		background-size: .2rem;
		background-position-x: left;
	}
	.design-rt{
		background-size: .2rem;
		background-position-x: right;
	}
	.design-d{
		margin-top: .4rem;
	}
	.design-d li{
		width: 50%;
	}
	.design-d li{
		border-bottom: 1px solid rgba(0,0,0,.1);
		border-left: 1px solid rgba(0,0,0,.1);;
	}
	.design-d li:nth-child(2n+1){
		background: #fff;
		border-left: none;
	}
	.design-d li:nth-child(2n+1):last-child{
		border-right: 1px solid rgba(0,0,0,.1);
		border-bottom: none;
		position: relative;
		left: 1px;
	}
	
	
	.milestone-a{
		padding: 0;
		padding-top: .8rem;
		font-size: .5rem;
		font-weight: bold;
	}
	.milestone-swiper{
		width: 100%;
		padding: 0;
	}
	.milestone-b{
		margin-top: .6rem;
	}
	.milestone-swiper .swiper-slide{
		height: 5rem;
	}
	.milestone-b1{
		width: 100%;
	}
	.milestone-b1-a{
		width: 3rem;
	}
	.milestone-b1-b{
		width: calc(100% - 3.2rem);
		padding: 0;
	}
	.milestone-swiper .swiper-slide{
		height: auto;
	}
	.milestone-b1{
		height: auto;
        margin-bottom: .3rem;
        overflow: hidden;
	}
	.milestone-b1-b1{
		font-size: .35rem;
		line-height: .5rem;
		font-weight: bold;
	}
	.milestone-b1:after{
		display: none;
	}
	.milestone-b1:before{
		display: none;
	}
	.milestone-b1-b2{
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .15rem;
	}
	.milestone-b2{
		margin: 0;
	}
	.milestone-b1.on .milestone-b1-a{
		width: 100%;
		height: auto;
		padding: .5rem .4rem;
		min-height: 1.5rem;
	}
	.milestone-b1.on .milestone-b1-b1{
		padding-top: 0;
	}
	.milestone-c{
		margin-top: .4rem;
	}
	.milestone-c1{
		width: 2rem;
	}
	.milestone-c1 div{
		font-size: .26rem;
		height: auto;
		padding-top: .8rem;
	}
	.milestone{
		height: auto;
	}
	.milestone-c1.on div:first-child{
		font-size: .3rem;
	}
	.milestone-c1.on{
		background: url(http://www.jacelife.com/templets/jssh/css/ico39.png) no-repeat .4rem top;
		background-size: .2rem;
	}
	.milestone-c1.cli div:first-child{
		font-size: .3rem;
	}
	.milestone-c1.cli{
		background: url(http://www.jacelife.com/templets/jssh/css/ico39.png) no-repeat .4rem top;
		background-size: .2rem;
	}
	.milestone-c2 span{
		width: .5rem;
	}
	.milestone-c1 div:after{
		top: .4rem;
		height: .1rem;
	}
	.milestone-c2{
		top: .5rem;
	}
	.milestone-c2 span{
		height: 2px;
	}
}
@media (max-width: 320px) {
	.brand-nav .product-a{
		padding: .15rem;
	}
}




/*产品说明书*/
.explain{
	padding-top: 170px;
	padding-bottom: 100px;
}
.explain-a{
	font-size: 36px;
	color: #000;
	line-height: 1;
	text-align: center;
}
.explain-b{
	width: 102.85%;
	overflow: hidden;
	margin-top: 55px;
}
.explain-b a{
	width: 47.15%;
	margin-right: 2.85%;
	float: left;
	margin-bottom: 30px;
	display: block;
	height: 90px;
	background: #fff;
	padding: 0 30px;
	line-height: 90px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain-b1{
	width: 50px;
	height: 100%;
	background: url(http://www.jacelife.com/templets/jssh/css/ico49.png) no-repeat left center;
	float: left;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain-b2{
	width: calc(100% - 110px);
	float: left;
	font-size: 20px;
	color: #000;
	height: 90px;
	line-height: 90px;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain-b3{
	width: 60px;
	height: 100%;
	background: url(http://www.jacelife.com/templets/jssh/css/ico50.png) no-repeat right center;
	float: right;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain-b a:hover{
	background: #434545;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain-b a:hover .explain-b1{
	background: url(http://www.jacelife.com/templets/jssh/css/ico49s.png) no-repeat left center;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain-b a:hover .explain-b2{
	color: #fff;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain-b a:hover .explain-b3{
	background: url(http://www.jacelife.com/templets/jssh/css/ico50s.png) no-repeat right center;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.explain .pagination{
	margin-top: 50px;
	background: #fff;
}

@media (max-width: 1023px) {
	.explain-b{
		width: 100%;
	}
	.explain-b a{
		width: 100%;
		margin-right: 0;
		height: 70px;
		line-height: 70px;
		margin-bottom: 20px;
	}
	.explain-b2{
		height: 70px;
		line-height: 70px;
		font-size: 18px;
	}
	.explain .pagination{
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.explain{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.explain-a{
		font-size: .4rem;
		font-weight: bold;
	}
	.explain-b{
		margin-top: .5rem;
	}
	.explain-b a{
		padding: 0 .2rem;
		height: 1rem;
		line-height: 1rem;
		margin-bottom: .2rem;
	}
	.explain-b1{
		width: 1rem;
		background-size: .5rem;
	}
	.explain-b3{
		width: 1rem;
		background-size: .5rem;
	}
	.explain-b2{
		width: calc(100% - 2rem);
		font-size: .26rem;
		height: 1rem;
		line-height: 1rem;
	}
}



/*联系我们*/
.contact{
	padding-top: 165px;
	padding-bottom: 80px;
}
.contact-b{
	margin-top: 50px;
	overflow: hidden;
}
.contact-b1{
	width: 33.333%;
	float: left;
	
}
.contact-b1 img{
	float: left;
	margin-right: 20px;
}
.contact-b1-b{
	font-size: 15px;
	line-height:25px;
	float: left;
}
.contact-b1-b a{}
.contact-b1-b span{
	display: block;
	font-size: 20px;
	line-height: 40px;
}

.contact-c{
	height: 480px;
	background: url(http://www.jacelife.com/templets/jssh/css/img35.jpg) no-repeat center;
	background-size: cover;
	margin-top: 20px;
	padding: 90px 40px 0 40px;
}
.contact-c-cont{
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}
.contact-c1{
	width: 270px;
	float: left;
}
.contact-c1-a{
	font-size: 30px;
	line-height: 1;
	color: #fff;
}
.contact-c1-b{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 25px;
}
.contact-c2{
	width: calc(100% - 300px);
	float: right;
	max-width: 780px;
	overflow: hidden;
}
.contact-c2 form{
	width: 107%;
	overflow: hidden;
}
.contact-c2-a{
	width: 43%;
	float: left;
	margin-right: 7%;
	border-bottom: 1px solid rgba(255,255,255,.2);
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	margin-bottom: 40px;
}
.contact-c2-a .contact-c2-a1{
	width: 90px;
	float: left;
	font-size: 18px;
	color: #ffff;
}
.contact-c2-a input{
	width: calc(100% - 90px);
	height: 50px;
	float: left;
	border: none;
	background: none;
	font-size: 18px;
	color: #fff;
}
.contact-c2-b{
	border:none;
}
.contact-c2-aa{
	width: calc(100% - 120px);
	float: left;
	position: relative;
}
.contact-c2-aa:after{
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.2);
	position: absolute;
	bottom: 0;
	left: 0;
}
.contact-c2-bb{
	width: 100px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	float: right;
}
.contact-c2-bb img{
	width: 100%;
	max-height: 100%;
}
.contact-c2-c{
	width: 93%;
}
.contact-c2 .sub{
	display: block;
	width: 175px;
	height: 50px;
	background: #434545;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	border: none;
}
@media(max-width:1200px) {
	.contact-c{
		padding-top: 40px;
	}
	.contact-c1{
		width: 100%;
	}
	.contact-c2{
		width: 100%;
		margin-top: 40px;
		max-width: 100%;
	}
	.contact-c{
		height: auto;
		padding-bottom: 40px;
	}
}
@media(max-width:1023px) {
	
	.contact-b1-b{
		width: 100%;
	}
}
@media(max-width:767px) {
	.contact{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.contact-b1{
		width: 100%;
		margin-bottom: .3rem;
	}
	.contact-b1-b{
		width: auto;
	}
	.contact-b{
		margin-top: .5rem;
	}
	.contact-b1 img{
		width: 1rem;
		height: 1rem;
		margin-right: .3rem;
	}
	.contact-b1-b{
		font-size: .26rem;
		line-height: .45rem;
		padding-top: 0;
	}
	.contact-b1-b span{
		font-size: .3rem;
		line-height: .45rem;
	}
	.contact-c{
		padding: .5rem .3rem;
		margin-top: .3rem;
	}
	.contact-c1-a{
		font-size: .38rem;
	}
	.contact-c1-b{
		font-size: .26rem;
		line-height: .5rem;
		margin-top: .2rem;
	}
	.contact-c2{
		margin-top: .5rem;
	}
	.contact-c2 form{
		width: 100%;
	}
	.contact-c2-a{
		width: 100%;
		margin-bottom: .3rem;
		height: .8rem;
		line-height: .8rem;
	}
	.contact-c2-a .contact-c2-a1{
		font-size: .26rem;
		width: 1.5rem;
		line-height: .8rem;
	}
	.contact-c2-a input{
		width: calc(100% - 1.5rem);
		height: .8rem;
		line-height: .8rem;
		font-size: .26rem;
	}
	.contact-c2-bb{
		width: 1.5rem;
		height: .8rem;
		line-height: .8rem;
	}
	.contact-c2-aa{
		width: calc(100% - 1.8rem);
	}
	.contact-c2 .sub{
		width: 2rem;
		height: .8rem;
		font-size: .26rem;
		line-height: .8rem;
		margin-top: .3rem;
	}
}