﻿@media screen and (max-width:991px){
	.babyserBox{display:block;}
}

.about1{
	padding:20px 0;
}
.pTitle{text-align:center; font-weight:bolder;}
.pTitle .H4{font-size:40px; font-family: Arial; text-transform: uppercase; font-weight: bolder; color:#000000;}
.pTitle .H5{font-size:26px; color:#555555; margin-top:17px;}
.about1 .p{margin-top:40px; font-size:16px; line-height: 32px;}

@media screen and (max-width:1199px){
	.about1{padding:60px 0;}
	.pTitle .H4{font-size:30px;}
	.pTitle .H5{font-size:20px;}
}
@media screen and (max-width:767px){
	.about1{padding:30px 0;}
	.pTitle .H4{font-size:20px;}
	.pTitle .H5{font-size:16px; margin-top:10px;}
	.about1 .p{font-size:14px; line-height: 24px; margin-top:20px; text-align: justify;}
	.about1 .p br{display:none;}
}

.abou2{padding:110px 0; background:url(../images/j27.jpg) center no-repeat; background-size:cover; position: relative;}
.abou2 .line{width:2px; height: 80px; background-color:#0C7DF5; position: absolute; top:-40px; left: 50%; margin-left:-1px;}
.pTitle2 .H4,
.pTitle2 .H5{color:#fff;}
.abou2Mar{margin:0 -20px;}
.plan_scroll{margin-top:85px;}
.plan_scroll .p{height:137px;width:77%; margin: auto;font-size:14px; color:#fff; opacity: 0.6; line-height: 24px; padding:16px 0 16px 0; box-sizing: border-box; overflow-y: hidden;}
.plan_m{width:100%; height: auto;}
.plan_date_box{width:78px; height: 78px; border-radius: 50%; border:1px solid rgba(255,255,255,0);margin:59px auto auto auto;}
.plan_date{width:72px; height: 72px; border-radius: 50%; background-color:#0C7DF5; margin:2px 0 0 2px; text-align: center; position: relative; }
.plan_date h3{font-size:22px; color:#fff; font-family: Arial; font-weight: bold; padding-top:18px;}
.plan_date h4{font-size:16px; color:#fff; font-family: Arial;}
.plan_date::after{height:60px; width: 2px; background-color:#0C7DF5; content: " "; position: absolute; top:-62px; left: 50%; margin-left:-1px;}
.plan_date::before{height:10px; width: 10px; background-color:#27282c; content: " "; position: absolute; top:-77px; left: 50%; margin-left:-5px; border-radius: 50%;}
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::after{bottom:-62px; top:auto;} 
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-77px; top:auto;} 
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date_box{margin: auto auto 59px auto;}
.plan_scroll .slick-slide:nth-child(2n) > li .p{padding:30px 0 10px 0;}
.plan_scroll li:hover .plan_date_box{border:1px solid #0C7DF5;}
.plan_scroll .slick-prev{width:38px; height: 66px; background:url(../images/p53.png); background-size:cover; left: -80px;}
.plan_scroll .slick-next{width:38px; height: 66px; background:url(../images/p54.png); background-size:cover; right: -80px;}
/* .plan_scroll .slick-prev:hover{background-image:url(../images/p56.png);}
.plan_scroll .slick-next:hover{background-image:url(../images/p55.png);} */

@media screen and (max-width:1600px){
	.plan_scroll .slick-prev{left:0; z-index: 200;}	
	.plan_scroll .slick-next{right:0;z-index: 200;}	
}
@media screen and (max-width:1199px){
	.plan_scroll .p{width:100%;}
	.abou2{padding:60px 0;}
	.plan_date::before{top:-80px;}
	.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-80px;}
	.abou2Mar{margin:0;}
}
@media screen and (max-width:991px){
	.plan_date::before{top:-77px;}
	.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-77px;}
	.plan{margin-top:40px; padding:40px 0;}
	.plan_scroll{margin-top:50px;}
	.plan_scroll .p{font-size:13px; line-height: 22px;}
}
@media screen and (max-width:767px){
	.abou2{padding:30px 0;}
	.plan_scroll{margin-top:25px;}
	.plan_date_box{width:60px; height: 60px; border:1px solid #0C7DF5; margin: 40px auto auto auto;}
	.plan_date{width:54px; height: 54px;}
	.plan_date h3{font-size:16px; padding-top:14px;}
	.plan_date h4{font-size:13px;}
	.plan_date::after{height:40px; top:-42px;}
	.plan_date::before{width:6px; height: 6px; top:-56px; margin-left:-3px;}
	.plan_scroll .p{height:96px; margin-bottom:5px;padding:0; font-size:12px; line-height: 20px;}
	.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::after{bottom:-42px; top:auto;} 
	.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-56px; top:auto;} 
	.plan_scroll .slick-slide:nth-child(2n) > li .plan_date_box{margin: auto auto 40px auto;}
	.plan_scroll .slick-slide:nth-child(2n) > li .p{margin:10px 0 0 0;  height: 90px; padding:0;}
	.plan_scroll .slick-prev{width:20px; height: 35px; left: -15px;}
	.plan_scroll .slick-next{width:20px; height: 35px; right: -15px;}
	.abou2 .line{width:1px; height: 40px; top:-20px; margin: 0;}
}

.abou3{padding:100px 0 90px 0; position: relative; overflow: hidden;}
.abou3D{margin-top:60px;}
.abou3D .pic{width:71.71%; float:left; height:639px; position: relative;}
.abou3D .pic::after{width:171px; height: 4px;  content: ""; position: absolute; bottom:112px; left: -100px;}
.abou3D .text{position:absolute; bottom:163px; right:0; background-color:#f6f5f1; width:50%; padding:40px 10.41% 40px 3.12%; min-height: 487px; z-index: 1;}
.abou3D .text .ab3Ti{font-weight: bolder;}
.abou3D .text .H4{font-size:45px; font-weight: bolder; font-family: Arial; text-transform: uppercase; margin-left:-184px;}
.abou3D .text .H4 .coloe{color:#fff;}
.abou3D .text .H5{font-weight:normal; font-size:24px; color:#3f3f3d; position:relative; margin: 23px 0 28px 0;}
.abou3D .text .H5::after{width:71px; height: 5px; position: absolute; top:50%; margin-top:-2.5px; left: -96px; content: ""; background-color:#fff;}
.abou3D .text .p{font-size:16px; line-height: 32px; }

@media screen and (max-width:1549px){
	.abou3D .text .H4{margin-left:-168px;}
    .abou3D .text {width:40%;}
}
@media screen and (max-width:1199px){
	.abou3{padding:60px 0;}
	.abou3D .text .H4{margin-left:-134px; font-size:35px;}
	.abou3D .text{bottom:130px;}
}
@media screen and (max-width:991px){
	.abou3D .text .H4{margin-left:-128px;}
}
@media screen and (max-width:767px){
	.abou3{padding:30px 0;}
	.abou3D .text{width:100%; position: static; min-height: inherit; padding:20px 10px;}
	.abou3D{margin-top:25px;}
	.abou3D .text .H4{font-size:20px; margin: 0;}
	.abou3D .text .H4 .coloe{color:#0C7DF5;}
	.abou3D .text .H5{font-size:18px; margin: 15px 0;}
	.abou3D .text .p{font-size:13px; line-height: 22px;}
	.abou3D .pic{width:100%; height: auto; background:none !important;}
	.abou3D .pic::after{bottom:20px; height: 2px;}
}

.abou4{padding:80px 0 90px 0; background:url(../images/j29.jpg) center no-repeat; background-size:cover;}
.abou4Mar{margin:0 -30px;}
.abou4List{margin-top:55px; width:74.49%; float:left;}
.abou4List .list{width:32.71%; margin: 0 0.93% 10px 0; position: relative; background-color:#000; float:left;}
.abou4List .list:nth-child(3n){margin-right:0;}
.abou4List .list img{opacity:0.4;}
.abou4List .list .textOn{width:100%; left: 0; top:50%; position: absolute; text-align: center;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.abou4List .list .textOn .H5{font-size:18px; color:#fff; font-weight: bold;}
.abou4List .list .textOn .H6{font-size:12px; color:#fff; font-family: Arial; opacity: 0.6; margin-top:10px;}
.abou4List .list:hover img{opacity:0.3;}
.abou4List .list:hover{ background-color:#0C7DF5;}
@media screen and (min-width:992px){
	.abou4List .list:hover .H5{font-size:22px;}
}
.abou4R{width:24.36%; float:right; background-color:#000; margin-top:55px; position: relative;}
.abou4R img{opacity:0.3;}
.abou4R .text{position:absolute; top:50%; left: 0; width:100%; padding:0 10.38%; font-size:16px; line-height: 30px; color:#fff; text-align: justify; max-height: 100%; overflow-y: auto;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
}
.abou4R:hover img{opacity:0.3;}
.abou4R:hover{ background-color:#0C7DF5;}

@media screen and (max-width:1549px){
	.abou4R .text{line-height:24px;}
}
@media screen and (max-width:1199px){
	.abou4R .text{font-size:14px; padding:0 10px;}
	.abou4List .list .textOn .H5{font-size:16px;}
	.abou4{padding:60px 0 50px 0;}
	.abou4Mar{margin:0;}
}
@media screen and (max-width:767px){
	.abou4{padding:30px 0;}
	.abou4List{width:100%; margin-top:25px;}
	.abou4List .list{width:49%; margin:0 2% 10px 0;}
	.abou4List .list:nth-child(3n){margin-right:2%;}
	.abou4List .list:nth-child(2n){margin-right:0%;}
	.abou4List .list .textOn .H5{font-size:12px;}
	.abou4List .list .textOn .H6{display:none;}
	.abou4R{width:100%; margin-top:0;}
}
