
/*首页*/

.adcolumn {
	width: 100%;
	height: 80px;
	background: #FEBE30;
	margin: 0 auto;
}
.adcolumn .item {
	width: 25%;
	float: left;
	overflow: hidden;
	position: relative;
}
.adcolumn .item img {
	width: 80px;
	height: 80px;
	margin-left: 12%;
	margin-right: 10%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	position:relative;
	left:0;
}
.adcolumn .item img:hover {
	left:10px;
}
.adcolumn .item span {
	width: 2px;
	height: 38px;
	background: #ffe5ac;
	position: absolute;
	display: block;
	right: 0;
	top: 21px;
}
.adcolumn .item .word {
	margin-top: 14px;
}
.adcolumn .item .word h4 {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;
}
.adcolumn .item .word p {
	font-size: 14px;
	color: #fff;
}
.babyDetails {
	width: 100%;
	margin: 0 auto;
}
.babyDetails .img, .babyDetails .info {
	width: 50%;
}
.babyDetails .info {
	box-sizing: border-box;
	padding-left: 34px;
}
.babyDetails .info .tit {
	width: 100%;
	margin-top: 90px;
	overflow: hidden;
	float: left;
}
.babyDetails .info .tit h3 {
	font-size: 28px;
	margin-bottom: 12px;
	color: #333;
	width: 100%;
	float: left;
}
.babyDetails .info .tit p {
	font-size: 14px;
	color: #999;
	width: 100%;
	margin-bottom: 16px;
	float: left;
}
.babyDetails .info .tit span {
	width: 36px;
	background: #FEBE30;
	height: 1px;
	display: block;
	float: left;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.babyDetails .info:hover .tit span {
	width: 60px;
}
.babyDetails .info .word {
	width: 100%;
	box-sizing: border-box;
	padding-right: 4%;
	margin: 50px 0 0 0;
	float: left;
}
.babyDetails .info .word p {
	font-size: 16px;
	color: #333;
	line-height: 40px;
}
.babyDetails .info a.more {
	width: 126px;
	height: 38px;
	display: block;
	border:1px solid #FEBE30;
	float: left;
	text-align: center;
	line-height: 38px;
	color: #FEBE30;
	margin-top: 50px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.babyDetails .info a.more:hover {
	padding-left:20px;
	background: #FEBE30;
	color:#fff;
}

.brand {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #f9f9f9;
	overflow: hidden;
}
.brand .cont {
	width: 1240px;
	height: auto;
	margin: 50px auto 40px;
	overflow: hidden;
}
.brand .cont .item {
	width: 170px;
	float: left;
	margin-right:186px;
	text-align: center;
}
.brand .cont .item span {
	width: 152px;
	height: 152px;
	text-align: center;
	line-height: 152px;
	display: block;
	border: 4px solid #FEBE30;
	border-radius: 50%;
	overflow: hidden;
	font-size: 40px;
	color: #FEBE30;
	font-weight: bold;
	margin-bottom: 18px;
}
.brand .cont .item_last {
	margin-right: 0;
}
.brand .cont p {
	font-size: 20px;
	color: #3FC5AC;
}
.product {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	overflow: hidden;
}
.product .imglist {
	width: 100%;
	margin: 80px auto 0;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 10px;
}
.product .imglist .item {
	width: 50%;
	float: left;
	overflow: hidden;
}
.product .imglist .item .row {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
	position: relative;
	overflow: hidden;
}

.product .imglist .item .row .tdcon {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	position: relative;
	-webkit-transition: all 0.3s;
	overflow:hidden;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.product .imglist .item .row .tdcon:hover {
	transform:scale(1.1);-webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(1.1); 
}
.product .imglist .item .row .showinfo .bg {
	top: 0;
	right: 10px;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .5;
	position: absolute;
}
.product .imglist .item .row .tdcon .showinfo .bg {
	right: 0;
}
.product .imglist .item .row .showinfo span {
	display: block;
	font-size: 36px;
	color: #fff;
	line-height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -50%);
}
.advantage {
	width: 100%;
	height: auto;
	background: #F9F9F9;
	overflow: hidden;
}
.advantage .cont {
	width: 1240px;
	height: auto;
	margin: 100px auto 120px;
	overflow: hidden;
}
.advantage .cont .item {
	width: 200px;
	float:left;
	text-align: center;
	margin-right: 146px;
}
.advantage .cont .item_last {
	margin-right: 0;
}
.advantage .cont .item img {
	width: 161px;
	height: 161px;
	margin-bottom: 30px;
}
.advantage .cont .item p {
	font-size: 20px;
	color: #3fc5ac;
}

.service {
	width: 100%;
	height: auto;
	background: #FFF;
	overflow: hidden;
	padding-top: 70px;
}
.service .cont {
	width: 100%;
	height: auto;
	margin: 70px auto 30px;
	overflow: hidden;
}
.service .cont .item {
	width: 50%;
	height: auto;
	overflow: hidden;
	background-size: cover !important;
	float: left;
}
.service .cont .item .join {
	width: 100%;
	height: 176px;
	background: rgba(54, 157, 136, .8);
	text-align: center;
	padding: 90px 0;
}
.service .cont .item .join_yellow {
	background: rgba(219, 161, 36, .8); 
}
.service .cont .item .join img {
	width: 90px;
	height: auto;
}
.service .cont .item .join p {
	color: #fff;
	font-size: 20px;
	margin-bottom: 30px;
}
.service .cont .item .join a {
	width: 150px;
	height: 36px;
	border:1px solid #fff;
	text-align: center;
	line-height: 36px;
	border-radius: 18px;
	font-size: 16px;
	color: #fff;
	display: block;
	margin: 0 auto;
}
.service .cont .item .join a:hover {
	color: #666;
	background: #fff;
}
.service .cont .item .textinfo {
	width: 100%;
	height: 176px;
	background: rgba(0, 0, 0, .5);
	text-align: center;
	padding: 100px 0 80px;
	overflow: hidden;
}
.service .cont .item .textinfo .info {
	float: left;
	text-align: left;
	width: 450px;
	margin-left: 80px;
}
.service .cont .item .textinfo .info .tit, .service .cont .item .textinfo .info .word, .service .cont .item .textinfo .info .btn {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.service .cont .item .textinfo .info .tit img {
	width: 66px;
	height: auto;
	float: left;
	margin-right: 10px;
}
.service .cont .item .textinfo .info .tit h3 {
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	float: left;
	line-height: 76px;
}
.service .cont .item .textinfo .info .word p {
	font-size: 13px;
	line-height: 30px;
	color: #fff;
}
.service .cont .item .textinfo .info .btn a {
	width: 150px;
	height: 36px;
	border:1px solid #febe30;
	text-align: center;
	line-height: 36px;
	border-radius: 18px;
	font-size: 16px;
	color: #febe30;
	display: block;
	margin-top: 10px;
}
.service .cont .item a{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.service .cont .item a:hover {
	padding-right:15px;
}
.service .cont .item .textinfo .info .btn a:hover {
	background: #febe30;
	color: #fff;
}
.service .cont .item .textinfo_r .info{
	float: right;
	text-align: right;
	width: 450px;
	margin-left: 0;
	margin-right: 80px;
}
.service .cont .item .textinfo_r .info .word p {
	text-align: right;
}
.service .cont .item .textinfo_r .info .tit img, .service .cont .item .textinfo_r .info .tit h3 {
	float: right;
}
.service .cont .item .textinfo_r .info .tit h3 {
	margin-right: 10px;
}
.service .cont .item .textinfo_r .info .btn a {
	float: right;
}

.case {
	width: 100%;
	height: auto;
	background: #F9F9F9;
	overflow: hidden;
	padding-top: 70px;
}
.case .caseList {
	width: 90%;
	height: auto;
	margin: 70px auto 30px;
	background: #fff;
	padding-top: 46px;
	overflow: hidden;
}
.case .caseList .item {
	width: 25%;
	float: left;
	text-align: center;
	padding-bottom: 24px;
	position: relative;
}
.case .caseList .item .tximg {
	width: 178px;
	height: 178px;
	border-radius: 50%;
	overflow: hidden;
	border:1px solid #999;
	margin-top: 100px;
	margin-bottom: 40px;
}
.case .caseList .item h4 {
	font-size: 18px;
	color: #efb761;
/*首页	text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;*/
	margin-bottom: 10px;
}
.case .caseList .item p {
	font-size: 14px;
	color: #000;
/*首页	text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;*/
}
.case .caseList .item .showcont {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.case .caseList .item .showcont .line1 {
	width: 110px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #a27143;
}
.case .caseList .item .showcont .line2 {
	width: 4px;
	height: 110px;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	background: #a27143;
}
.case .caseList .item .showcont .info {
	width: 30%;
	float: left;
	text-align: center;
	height: 100%;
	position: relative;
}
.case .caseList .item .showcont .info img {
	width: 70px;
	height: 70px;
	border:1px solid #999;
	border-radius: 50%;
	margin: 20px auto 0;
	display: block;
}
.case .caseList .item .showcont .info .tips {
	transform:rotate(90deg);
	font-size: 14px;
	color: #000;
	display: block;
	width: 300px;
	text-align: left;
	position: absolute;
	top: 250px;
	left: -104px;
/*首页	text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;*/
}
.case .caseList .item .showcont .info .name {
	transform:rotate(90deg);
	display: block;
	width: 300px;
	text-align: left;
	position: absolute;
	top: 250px;
	left: -74px;
	font-size: 18px;
	color: #efb761;
/*首页	text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;*/
	margin-bottom: 10px;
}
.case .caseList .item .showcont .word {
	width: 70%;
	height: 90%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 10px;
	margin-top: 20px;
	text-align: left;
}
.case .caseList .item .showcont .word i {
	font-size: 16px;
	line-height: 40px;
	color: #666;
	font-style: normal;
}

.joinus {
	width: 100%;
	height: 314px;
	margin: 0 auto;
	background: url("../imgs/index/bannerbj.jpg")no-repeat center center  fixed;
	background-size: cover;
}
.joinus .cont {
	width: 100%;
	height: 414px;
	background: rgba(0, 0, 0, .4);
	text-align: center;
	overflow: hidden;
}
.joinus .cont h3 {
	font-size: 26px;
	font-weight: normal;
	color: #febe30;
	margin-bottom: 10px;
	margin-top: 100px;
}
.joinus .cont p {
	font-size: 14px;
	color: #febe30;
}
.joinus .cont a {
	width: 128px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #febe30;
	border:1px solid #febe30;
	border-radius: 18px;
	display: block;
	margin: 26px auto 0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.joinus .cont a:hover {
	background: #febe30;
	color: #fff;
	transform:scale(1.1);-webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(1.1); 
}

.information {
	width: 100%;
	height: auto;
	background: #F9F9F9;
	overflow: hidden;
	padding-top: 70px;
}
.information .list {
	width: 90%;
	height: auto;
	margin: 70px auto 30px;
	padding-top: 46px;
	overflow: hidden;
}
.information .list .bigcont {
	width: 120%;
	height: auto;
	float: left;
}
.information .list .item {
	width: 24%;
	margin-right: 1%;
	float: left;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}
.information .list .item_last {
	margin-right: 0;
}
.information .list .item img {
	width: 100%;
	height:194px;
	margin: 0 auto 24px;
	-webkit-transition: all 0.3s;
	overflow:hidden;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.information .list .item img:hover {
	transform:scale(1.1);-webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(1.1); 
}
.information .list .item h3 {
	font-size: 22px;
	font-weight: normal;
	width: 100%;
	height: 30px;
	line-height: 30px;
	display: block;
	margin: 0 auto 10px;
	overflow: hidden;
}
.information .list .item h3 a {
	color: #333;
	width: 100%;
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
}
.information .list .item h3 a:hover {
	color: #febe30;
}
.information .list .item span {
	font-size: 16px;
	color: #999;
	width: 100%;
	display: block;
	margin: 0 auto 8px;
}
.information .list .item p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.information .list .item a.more {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.information .list .item a.more img {
	width: 48px;
	height: 24px;
	float: right;
}
.knowledge {
	width: 100%;
	height: auto;
	background: #F9F9F9;
	overflow: hidden;
}
.knowledge .list {
	width: 90%;
	height: auto;
	margin: 70px auto 30px;
	padding-top: 46px;
	overflow: hidden;
	background: #fff;
	padding: 26px;
	box-sizing: border-box;
}
.knowledge .list .item {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 0 30px;
	margin-bottom: 20px;
}
.knowledge .list .item h3 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
	overflow: hidden;
	line-height: 30px;
}
.knowledge .list .item h3 a {
	color: #333;
	float: left;
}
.knowledge .list .item h3 i {
	color: #333;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #999;
}
.knowledge .list .item h3 a:hover {
	color: #febe30;
}
.knowledge .list .item p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.platform {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #43b499;
	overflow: hidden;
}
.platform .cont {
	width: 80%;
	margin: 50px auto 100px;
	box-sizing: border-box;
}
.platform .cont .swiper-button-next, .platform .cont .swiper-button-prev {
    width:49px;
    height: 104px;
    opacity: .4;
	top: 50%;
	margin-top: -52px;
	transform: scale(.6)
}
.platform .cont .swiper-button-prev {
    background: url('../imgs/zy.png') no-repeat 0 0;
}
.platform .cont .swiper-button-next {
    background: url('../imgs/zy.png') no-repeat -49px 0;
}
.platform .cont .swiper-slide {
	padding: 0 5%;
	box-sizing: border-box;
}
.platform .cont .swiper-slide img {
	width: 22%;
	height: auto;
	margin: 0 1.3%;
}


@media only screen and ( max-width: 1850px ) {
	.babyDetails .info .tit {
		margin-top: 40px;
	}
	.babyDetails .info .word, .babyDetails .info a.more {
		margin-top: 30px;
	}
}


@media only screen and ( max-width: 1600px ) {
	.adcolumn .item img {
		margin-left: 8%;
		margin-right: 4%;
	}
	.babyDetails .info .word, .babyDetails .info a.more {
		margin-top: 10px;
	}
}

@media only screen and ( max-width: 1420px ) {
	.adcolumn .item img {
		margin-left: 5%;
		margin-right: 2%;
	}
	.adcolumn .item .word p {
		font-size: 13px;
	}
	.babyDetails .info .word p {
		line-height: 30px;
		font-size: 14px;
	}
	.case .caseList .item .showcont .word i {
		font-size: 14px;
		line-height: 30px;
	}
	.product, .service, .case, .information {
		padding-top: 0;
	}
	.information .list .item h3 {
		font-size: 18px;
	}
	.information .list .item span, .information .list .item p {
		font-size: 14px;
	}
	.case .caseList .item .tximg {
		width: 150px;
		height: 150px;
		border-radius: 75px;
	}
}

@media only screen and ( max-width: 1240px ) {
	.adcolumn {
		height: 60px;
	}
	.adcolumn .item img {
		width: 60px;
		height: 60px;
		margin-left: 3%;
	}
	.adcolumn .item .word {
		margin-top: 7px;
	}
	.adcolumn .item .word h4 {
		margin-bottom: 0;
	}
	.adcolumn .item span {
		top: 12px;
	}
	.adcolumn .item .word p {
		font-size: 12px;
	}
	.babyDetails .info .tit {
		margin-top: 20px;
	}
	.babyDetails .info .tit h3 {
		font-size: 24px;
		margin-bottom: 8px;
	}
	.babyDetails .info .tit p {
		margin-bottom: 5px;
	}
	.babyDetails .info .word p {
		line-height: 28px;
	}
	.babyDetails .info a.more {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.brand .cont {
		width: 100%;
		height: auto;
		margin: 80px auto 40px;
	}
	.brand .cont .item {
		width: 25%;
		text-align: center;
		margin-right: 0;
	}
	.brand .cont .item span {
		margin: 0 auto 18px;
		width: 130px;
		height: 130px;
		font-size: 30px;
		line-height: 130px;
	}
	.product .imglist .item .row {
		padding-right: 5px;
	}
	.product .imglist .item .row .showinfo .bg {
		right: 5px;
	}
	.product .imglist {
		padding-left: 5px;
	}
	.product .imglist .item .row .tdcon {
		margin-bottom: 5px;
	}
	.advantage .cont {
		width: 100%;
	}
	.advantage .cont .item {
		width: 25%;
		margin-right: 0;
	}
	.advantage .cont .item img {
		width: 130px;
		height: 130px;
	}
	.service .cont .item .textinfo_r .info {
		margin-right: 30px;
	}
	.case .caseList .item {
		width: 50%;
	}
	.information .list .item {
		width: 48%;
	}
	.platform .cont {
		width: 100%;
	}
	.platform .cont .swiper-slide img {
		width: 21.9%;
	}
}
@media only screen and ( max-width: 1210px ) {
	.product .imglist .item .row .showinfo span {
		font-size: 22px;
	}
	.babyDetails .info .tit {
		margin-top: 0;
	}
	.adcolumn .item img {
		margin-left: 0;
		width: 40px;
		height: 40px;
	}
	.adcolumn {
		height: 50px;
	}
	.adcolumn .item .word {
		margin-top: 4px;
	}
	.adcolumn .item .word h4 {
		font-size: 13px;
	}
	.adcolumn .item span {
		height: 28px;
	}
	.adcolumn .item:last-child img{
		margin-right: 0;
	}
}

@media only screen and ( max-width: 1000px ) {
	
	.adcolumn {
		width: 100%;
		height: auto;
		padding: 1px 0 1px;
	}
	.adcolumn .item {
		width: 50%;
		text-align: center;
		margin-bottom: 1px;
	}
	.adcolumn .item img {
		float: none;
	}
	.adcolumn .item .word {
		float:none;
	}
	.adcolumn .item span {
		top: 40px;
	}
	.adcolumn .item:nth-child(2) span,.adcolumn .item:nth-child(4) span{
		display: none;
	}
	.adcolumn .item .word p {
		font-size: 9px;
	}
	.babyDetails .img, .babyDetails .info {
		width: 100%;
	}
	.babyDetails .info {
		margin: 30px auto 0;
		padding: 0 20px 20px;
		box-sizing: border-box;
	}
	.babyDetails .info .word p {
		font-size: 15px;
	}
	.index_tit h4 {
		font-size: 60px;
	}
	.index_tit {
		margin: 0 auto;
	}
	.brand .cont {
		margin: 30px auto 20px;
	}
	.brand .cont .item {
		width: 50%;
		margin-bottom: 20px;
	}
	.brand .cont .item span {
		width: 110px;
		height: 110px;
		line-height: 110px;
		font-size: 24px;
	}
	.brand .cont p {
		font-size: 16px;
	}
	.index_tit .w {
		top:40px;
	}
	.product .imglist {
		margin: 40px auto 20px;
	}
	.product .imglist .item {
		width: 100%;
	}
	.advantage .cont {
		margin: 40px auto;
	}
	.advantage .cont .item {
		width: 50%;
		margin-bottom: 20px;
	}
	.advantage .cont .item img {
		width: 110px;
		height: 110px;
		border-radius: 55px;
	}
	.advantage .cont .item p {
		font-size: 16px;
	}
	.service .cont {
		margin: 30px auto 0;
	}
	.service .cont .item {
		width: 100%;
	}
	.service .cont .item .join {
		padding: 60px 0;
	}
	.service .cont .item .join img {
		width: 80px;
	}
	.service .cont .item .textinfo .info {
		width: 100%;
		margin: 0 ;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.service .cont .item .textinfo {
		padding: 40px 0;
		height: auto;
	}
	.case .caseList {
		margin: 30px auto 0;
		padding-top: 20px;
	}
	.case .caseList .item {
		width: 100%;
	}
	.case .caseList .item .tximg {
		margin-top: 40px;
	}
	.joinus {
		height: 200px;
	}
	.joinus .cont {
		height: 200px;
	}
	.joinus .cont h3 {
		font-size: 20px;
		margin-top: 40px;
	}
	.joinus .cont p {
		font-size: 12px;
	}
	.information .list {
		padding-top: 20px;
		margin: 30px auto 0;
		padding-top: 0;
	}
	.information .list .item {
		width: 98%;
		padding: 10px 10px 0;
	}
	.knowledge .list {
		margin: 40px auto 30px;
	}
	.knowledge .list .item {
		padding-bottom: 10px;
	}
	.knowledge .list .item h3 {
		font-size: 20px;
	}
	.knowledge .list .item p {
		font-size: 14px;
	}
	.platform .cont .swiper-slide img {
		width: 47%;
		margin: 5px 1%;
	}
	.platform .cont {
		margin: 50px auto;
	}
	.product .imglist .item .row .showinfo span {
		font-size: 16px;
		line-height: 40px;
	}
	.knowledge .list {
		padding: 10px;
	}
	.knowledge .list .item h3 a {
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		height: 30px;
		line-height: 30px;
	}
}


































