









*{

	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{
	max-width: 100%;
	vertical-align: middle;

	



}



body{

	/*max-width: 1920px;*/

	font-size: 14px;

	color: #666;

	font-family:"Source Han Sans" !important;
}

 p,span, a, li, dd ,dt{
	 font-family:"Source Han Sans" !important;
 }
body{

	/*max-width: 1920px;*/

	overflow: hidden;

	margin: 0 auto;
	
}





/*顶部*/



header{

	height: 90px;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99;

	transition: all .3s; 

-webkit-transition: all .3s;

}

header .logo{

	/* width: 250px; */

	width: 100px;

	float: left;

	padding-top: 24px;

	position: relative;

	z-index: 92;

}
.ipro-img{
	width: 100%;
	height: 100%;
}
.cf-img{
	width: 100%;
}

nav{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 91;

	width: 100%;

	height: 100%;

}

.nav-ul{

	width: 100%;

	height: 100%;

	/* max-width: 840px; */

	max-width: 910px;

	margin: 0 auto;

}

.nav-ul li{

	width: 12%;

	height: 100%;

	float: left;

	text-align: center;

	position: relative;

}

.nav-ul li:nth-child(2) .nav-a1{

	/* padding-right: 15px;

	background: url(https://www.babycare.com/bocweb/web/img/ico01.png) no-repeat right 70px; */

}

.nav-ul li .nav-a1{

	display: inline-block;

	height: 100%;

	font-size: 18px;

	color: #fff;

	line-height: 90px;

	position: relative;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.nav-ul li .nav-a1:after{

	content: "";

	width: 0%;

	height: 2px;

	background: #fff;

	position: absolute;

	left: 0;

	bottom: 30px;

	transition: all .3s; 

-webkit-transition: all .3s;

}

.nav-ul li.on .nav-a1:after{

	width: 100%;

}

.banner img{

	width: 100%;

}

.nav-ul-div1{

	width: 100%;

	padding: 10px;

	position: absolute;

	left: 0;

	top: 90px;

	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: #CC5055;

	color: #fff;

}

.header-rt{

	/* width: 240px; */

	height: 40px;

	float: right;

	margin-top: 25px;

	position: relative;

	z-index: 93;

	/* border-bottom: 2px solid #fff; */

	padding-right: 10px;

}

.hh-2{

	/* width: 240px; */

	height: 40px;

	float: right;

	margin-top: 15px;

	position: relative;

	z-index: 93;

	/* border-bottom: 2px solid #fff; */

	padding-right: 0px;

}

.header-rt form{

	width: 79%;

		border-bottom: 2px solid #fff;

	}

	.hh2 form{

		border-bottom: 2px solid #fff;

	}

.qiehuanyuyan{

	position: absolute;

    right: 0px;

	top: 0;

    z-index: 10;

    width:66px;

    text-align:left;

}

.qiehuanyuyan dt span{

	width:17px;

	display:inline-block;

	height:7px;



}

.qiehuanyuyan dt img{

	margin-right:6px;

	width: 22px;

	height: 22px;

	border-radius: 100%;

}

.qiehuanyuyan dt {

	font-size:16px;

	color:#fff;

	line-height:40px;

	background-image:url(https://www.babycare.com/bocweb/web/img/xiala.png);

	background-position:100% center;

	background-repeat:no-repeat;

	cursor:pointer;

	background-size:12px;

}
.current{
	width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    background: #f6f6f6;
    display: inline-block;
    margin: 0 2px;
	color: #ea524f;
}
.rows{
	display: none;
}
.num{
	width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    background: #f6f6f6;
    display: inline-block;
    margin: 0 2px;
}
.kk1{
	display: flex;
	justify-content: space-between;
}
.qiehuanyuyan dd{

	font-size:16px;

	line-height:30px;

	border-bottom:1px solid #ebebeb;

	// display:none;

}

.qiehuanyuyan dd img{

	margin-right:10px;

	width: 22px;

	height: 22px;

	border-radius: 100%;

}

.qiehuanyuyan .yuyangidv{

	width:130px;

	padding:6px;

	border: 1px solid #e5e5e5;

	background-color:#fff;

	position:relative;

	display:none;

	left:50%;

	transform:translateX(-50%);

}

.qiehuanyuyan .yuyangidv:after{

	position:absolute;

	width:12px;

	height:8px;

	background-repeat:no-repeat;

	background-position:center;

	background-size:12px;

	background-image: url(https://www.babycare.com/bocweb/web/img/yyimg.png);

	top:-7px;

	left:45%;

	content:"";

}

.on .qiehuanyuyan dt{

	color:#787878

}



.qiehuanyuyan:hover .yuyangidv{

	display:block;



}

.cli .qiehuanyuyan dt{

	color:#787878

}

.cli .qiehuanyuyan dd a{

	color:#787878

}

.header-rt  .int1{

	width: 100%;

	height: 40px;

	font-size: 14px;

	color: #333;

	line-height: 40px;

	padding-right: 20px;

	background: none;

	border: initial;

}

.header-rt  .int1::-webkit-input-placeholder{

	color: #fff;

}

.header-rt  .int2{

	width: 40px;

	height: 40px;

	background: url(https://www.babycare.com/bocweb/web/img/ico03.png) no-repeat center;

	position: absolute;

	right: 30px;

	top: 0;

	background-color: none;

	border: initial;

}







@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:nth-child(2) .nav-a1{

		/* padding-right: 15px;

		background: url(https://www.babycare.com/bocweb/web/img/ico02.png) no-repeat right 70px; */

	}

	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 form{

		border-bottom: 2px solid #333;

	}

	header.on.header-rt  .int1{

		color: #333;

	}

	header.on .header-rt  .int1::-webkit-input-placeholder{

		color: #333;

	}

	header.on .header-rt  .int2{

		background: url(https://www.babycare.com/bocweb/web/img/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:nth-child(2) .nav-a1{

		/* padding-right: 15px; */

		/* background: url(https://www.babycare.com/bocweb/web/img/ico02.png) no-repeat right 70px; */

	}

	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 form{

		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(https://www.babycare.com/bocweb/web/img/ico04.png) no-repeat center;

	}

}





header.cli{

	background: #fff;

	

	border-bottom: 1px solid rgba(0,0,0,.1);

}

header .img1{

	display:block;
margin-top: 13px;
    width: 60px;
}

header .img2{

	display:none;

}

header.cli .img1{

	/* display:none; */

}

header.cli .img2{

	display:block;

}



header.on .img1{

	/* display:none; */

}

header.on .img2{

	display:block;

}

header.cli .nav-ul li .nav-a1{

	color: #333;

}

header.cli .nav-ul li:nth-child(2) .nav-a1{

	/* padding-right: 15px; */

	/* background: url(https://www.babycare.com/bocweb/web/img/ico44.png) no-repeat right 50px; */

}

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 form{

	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(https://www.babycare.com/bocweb/web/img/ico04.png) no-repeat center;

}



@media (max-width: 1025px) {



	/*header.on .img1{

		display:block;

	}

	header.on .img2{

		display:none;

	}*/

}





.w1750{

	max-width: 1600px;

	/* padding: 0 50px; */

	margin: 0 auto;

}

.nav2{

	display: none;

}

.header-rt2{

	display: none;

}





@media (max-width: 1400px) {

	.nav-ul{

		padding-right:60px;

		max-width: 650px;

	}

	.header-rt{

		width: 180px;

	}

	.w1750{

		padding: 0 30px;

	}
	.nav-ul li .nav-a1{
		font-size: 16px;
	}
	.nav-ul-div1 {
		width: 100%;
		padding: 2px;
	}
}
@media (max-width: 1200px) {
.logo p{
	display: none;
}
}

@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(https://www.babycare.com/bocweb/web/img/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: 25px;

		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;

	}

	.footer-t p:first-child{

		/* margin-left: 200px; */

	}

	.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: 20px;

		margin-right: 30px;

		background: url(https://www.babycare.com/bocweb/web/img/ico03.png) no-repeat center;

		background-size: 25px;

		position: relative;

		z-index: 94;

	}

	.header-mdss.on{

		background: url(https://www.babycare.com/bocweb/web/img/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 form{

		width: calc(90% - 70px);

		position: absolute;

		top: 40%;

		left: 5%;

		border-bottom: 1px solid #fff;

		position: relative;

	}

	.header-rt-gb{

		width: 50px;

		height: 50px;

		background: url(https://www.babycare.com/bocweb/web/img/x01.png) no-repeat center;

		position: absolute;

		top: 0;

		right:-70px;

	}

}

@media (max-width: 767px) {
	.product-b1 img {
		width: 100%;
	}
	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: .5rem;

	}

	.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: .35rem;

		margin-right: .3rem;

	}

	.header-mdss.on{

		background: url(https://www.babycare.com/bocweb/web/img/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;

background: #F7F7F7;

}

.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{

	float: right;

	cursor: pointer;

	margin-top: 30px;

}

.footer-b{

	font-size: 14px;

	color: #3e3e3e;

	line-height: 40px;

	overflow: hidden;

background: #EBEBEB;

}

.footer-b a,.footer-b p{

	color:  rgba(17, 17, 17, 0.6);

}

.footer-b1{

	float: left;

}

.footer-b2{

}

.footer-b4{

	width: 670px;

	justify-content: space-between;

display: flex;

margin: 0 auto;

height: 64px;

line-height: 64px;

}



@media (max-width: 767px) {

	.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:auto !important;

	    line-height: 1.5rem;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.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(https://www.babycare.com/bocweb/web/img/ico26.png) no-repeat center;

}

.page .next{

	background:#f6f6f6 url(https://www.babycare.com/bocweb/web/img/ico06.png) no-repeat center;

}

.page .first-page{

	background:#f6f6f6 url(https://www.babycare.com/bocweb/web/img/ico26s.png) no-repeat center;

}

.page .last-page{

	background:#f6f6f6 url(https://www.babycare.com/bocweb/web/img/ico06s.png) no-repeat center;

}

.page a:hover{

	color: #ea524f;

}

.page a.active{

	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(https://www.babycare.com/bocweb/web/img/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(https://www.babycare.com/bocweb/web/img/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);}

  

}





@media (max-width: 767px) {
	.footer-b4 {
		height: 55px;
		line-height: 27px;
	}
	.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{

	height: 90px;

	position: relative;

	top: -90px;

}

.ibanner-span{

	bottom: 104px !important;

	left: 50%;

    transform: translateX(-50%);

}

.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: 810px;

	overflow: hidden;

	margin-bottom: 80px;

	position: relative;

}

.ipro-a{

	width:100%;

	float: left;

	height: 202.5px;

	background:  #F0F0F0;

}

.ipro-a1{

	width: 30.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: 75px;

	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(../img/img01.jpg) no-repeat center;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	transition: all .3s; 

-webkit-transition: all .3s;

}



.ipro-a2{

	width: 69.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-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(https://www.babycare.com/bocweb/web/img/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: 202px;

	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: 182px;

	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(../img/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(../img/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(../image/up.png) no-repeat center;

	margin: 0 auto;

	cursor: pointer;

	transition: all .3s; 

    -webkit-transition: all .3s;

}

.ivoice-d1:hover{

	

	background: url(../image/up-.png) no-repeat center;

	transition: all .3s; 

    -webkit-transition: all .3s;

}

.ivoice-d2{

	width: 30px;

	height: 30px;

	background: url(../image/do.png) no-repeat center;

	margin: 0 auto;

	cursor: pointer;

	transition: all .3s; 

    -webkit-transition: all .3s;

}

.ivoice-d2:hover{

	background: url(../image/do-.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 .int2{

	width: 95px;

	height: 70px;

	background:#fff url(../img/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: 25%;

		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(../img/ico20.png) no-repeat center;

	}

	.ivoice-d1{

		display: inline-block;

		background: url(../img/ico19.png) no-repeat center;

		opacity: .6;

	}

	.ivoice-d1:hover{

		background: url(../img/ico19.png) no-repeat center;

		opacity: 1;

	}

	.ivoice-d2{

		display: inline-block;

		background: url(../img/ico21.png) no-repeat center;

		opacity: .6;

	}

	.ivoice-d2:hover{

		background: url(../img/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: 115px;

	/* 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: 4.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;

	padding-bottom: 90px;

}

.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(../img/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(../img/ico23.png);

}

.recruit-b2 .recruit-b1-a{	

		background-image: url(../img/ico24.png);

}

.recruit-b3 .recruit-b1-a{	

		background-image: url(../img/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(/static/home/image/28.png) no-repeat center;

}

.recruit-b4-b1.on .rba5{

	background: url(/static/home/image/27.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: .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(../img/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(../img/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: 930px; */

	/* margin-top: 55px; */

}

.design .swiper-slide{

	background: no-repeat center;

}

.design-div{

	position: absolute;

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

	top: 40%;

	left: 30%;

}

.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: 240px;

	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;

	margin-top: 10px;

font-family: Microsoft YaHei;

font-weight: bold;

color: rgba(17, 17, 17, 0.7);

line-height: 40px;

}

.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: #D0D0D0 !important;

}

.chain-c .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

	width: 4px !important;

}

.chain-c li{

	margin-bottom: 70px;

	overflow: hidden;

}

.chain-c1{

	width: 360px;

	/* 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 rgba(17, 17, 17, 0.4);;

	padding: 0 4%;

	line-height: 25px;

	margin-top: 15px;

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

color: rgba(17, 17, 17, 0.7);

}

.chain-c2-a{

	margin-bottom: 10px;

font-size: 20px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #111111;

}

@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: auto;

		margin-top: 22px;

	}

	.design-div {

		display: none;

		max-width: 100%;

	}

	.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-top: 140px;

	padding-bottom: 110px;

}

.news-a{

	font-size: 28px;

	line-height: 40px;

	color: #2e2e2e;

	margin-bottom: 50px;

}

.news-b{

	border-top: 1px solid rgba(0,0,0,.1);

}

.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(https://www.babycare.com/bocweb/web/img/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: 50px;

	padding-bottom: 0px;

}

.product-a1{

	font-size: 28px;

	color: #2e2e2e;

	line-height: 50px;

	height: 70px;

	border-bottom: 2px solid rgba(0,0,0,.1);

	background: url(../img/ico36.png) no-repeat right center;

	cursor: pointer;

}

.product-a1.on{

	background: url(../img/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: #F7F7F7;

	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{
	width: 100%;
	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(../img/ico40.png) no-repeat center;

}

.product-b4{

	width: 27px;

	height: 35px;

	float: left;

	margin-right: 5px;

	background: url(../img/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: 0.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:0 auto;

	margin-top: 20px;

}

.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: 800px;

    margin: 0 auto;

    margin-top: 50px;

}

.proinfo-c2-a{

	font-size: 16px;

	line-height: 30px;

	color: #333;

	display: none;

}

.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(https://www.babycare.com/bocweb/web/img/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(https://www.babycare.com/bocweb/web/img/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: 120px;

}

.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: 80px;

}

.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(/static/home/image/jt.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;*/

	height:auto;

	padding-bottom:80px;

	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 50px;

	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: 30px;

	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: 1.2rem;

		height: 10rem;

		background-size: cover;

	}

	.market{

		padding-top: .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(../img/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: auto;

		padding-bottom:.8rem;

	}

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

		margin-bottom:.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(../img/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(../img/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;

	display: none;

}

.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: 0px;

}

@media (max-width: 767px){

	header .logo {

	    width: 2rem;

	    /*width: 1.56rem;*/

	    padding-top: .48rem;

	}

	.brand-video{

		height:35vh;

	}

	.header-rt .int2{

		right: 0;

	}

}
@media screen and (max-width: 700px){
	.ipro-img {
		width: 100%;
		height: auto;
	}
	}
@media (max-width: 425px){

	header .logo {

		width: 1.36rem;
		padding-top: 0;

	}

}









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;

}