.sub_top{background-image: url("../img/s06_cn01_01.jpg");height: 440px;}
.sub_top_txt p{color: #afabac;}
.sub_top .sub_top_txt h1{color: #fff;font-size: 48px;}
.sub_top br{display:none;}
.sub_top .sub_top_txt .p1{ font-size: 24px;color: #fff;letter-spacing: -1px; margin-bottom: 13px;}

h1,h2,p{text-align: center;}
.p_48{font-size: 48px;line-height: normal;}

.m_img{display: none !important;}

.section1 > .span{padding: 60px 20px;}
.section1 > .span1{background: url("../img/s06_cn01_02.jpg") no-repeat;background-position: 50% 100%; }
.section1 > .span1 > span{display: inline-block;vertical-align: top;text-align: center;margin: 0 0 0 6%;}
.section1 > .span1 > span > p{margin: 45px 0 0 0;color: #323232;}
.section1 > .span1 > span > h4{margin: 4px 0 45px 0;color: #298fd1;}
.section1 > .span1 > span > h1{display: inline-block;margin: 50px auto;position: relative;}
.section1 > .span1 > span > h1 > .s2{color: #2f90d4;}
.section1 > .span1 > span > h1 > .s1{color: #c2d7ec;position: absolute;top: -40px;left: 40%;font-size: 55px;}
.section1 > .span1 > span > h1 > .s3{color: #c2d7ec;position: absolute;bottom: -70px;right: 40%;font-size: 55px;}
.section1 > .span1 > span > .s1{width: 210px;height: 42px;margin: 0 auto;background-color: #2f90d7;color: #fff;font-weight: bold;
border-radius: 5px;line-height: 42px;font-size: 18px;}

.section1 > .span2{background-repeat: no-repeat;background-position: 30% 0;}
.section1 > .span2 *{color: #fff;}
.section1 > .span2 > span{padding-left: 60px;}
.section1 > .span2 > span *{text-align: left;}
.section1 > .span2 > span .p_48{margin-top: 50px;color: #c6e1f6;}

.section1 > .span3 > h1{margin-bottom: 35px;}
.section1 > .span3 > ul{max-width: 990px;margin: 0 auto;}
.section1 > .span3 > ul li{width:30%;margin-top: 10px;}
.section1 > .span3 > ul li .s1{position: relative;}
.section1 > .span3 > ul li .s1 h4{position: absolute;bottom: 8%;left: 0;color: #fff;width: 100%;text-align: center;}
.section1 > .span3 > ul li .s2{height: 250px;width: 100%;padding-top: 15px;}
.section1 > .span3 > ul .li2,
.section1 > .span3 > ul .li5{margin-left:5%;margin-right:5%;}

.section1 > .span4{background-repeat: no-repeat;padding: 60px 50px;background-position:0 0;}
.section1 > .span4 h1{margin-bottom: 45px;color: #fff;}
.section1 > .span4 ul li{margin-left: 1%;width: 19.2%;}
.section1 > .span4 ul .li1{margin-left: 0; }
.section1 > .span4 ul li h4{background: #eee;text-align: center;width: 100%;height: 65px;border-radius:10px 10px 0 0;}
.section1 > .span4 ul li h4 > span{display: table;width: 100%;height: 100%;}
.section1 > .span4 ul li h4 > span > span{display: table-cell;vertical-align: middle;}
.section1 > .span4 ul li p{background: #fff;height:142px;width:100%;border-radius: 0 0 10px 10px;padding-top: 10px;}
.section1 > .span4 ul .li_block{width: 100%;height: 0;display: none;}


@keyframes rotate-loading5 {    
	0%  {
	-webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
	} 
	100% {
	-webkit-transform: rotate(410deg);
	-moz-transform: rotate(410deg);
	-ms-transform: rotate(410deg);
	-o-transform: rotate(410deg);
	transform: rotate(410deg);
	}    

}

.section1 > .span5{background: #192b51;}
.section1 > .span5 *{color: #fff;}
.section1 > .span5 ul{text-align: center;}
.section1 > .span5 li{width: 190px;vertical-align: top;display: inline-block;margin-left: 35px;}
.section1 > .span5 .li1{margin-left: 0;}
.section1 > .span5 li .s1{width: 100%;position:relative;}
.section1 > .span5 li .s1 span{display:block;width: 100%;height: 190px;background: rgba(255,255,255,0.13);border-radius:50%;padding-top: 70px;border: 6px solid transparent;
            border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #12a8ff;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}

.section1 > .span5 .li1 .s1 span{ 
	-webkit-animation: rotate-loading5 1s linear 0.5s;
	-ms-animation: rotate-loading5 1s linear 0.5s;
	-o-animation: rotate-loading5 1s linear 0.5s;
	-moz-animation: rotate-loading5 1s linear 0.5s;
	animation: rotate-loading5 1s linear 0.5s;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}
.section1 > .span5 .li2 .s1 span{ 
	-webkit-animation: rotate-loading5 1s linear 1s;
	-ms-animation: rotate-loading5 1s linear 1s;
	-moz-animation: rotate-loading5 1s linear 1s;
	-o-animation: rotate-loading5 1s linear 1s;
	animation: rotate-loading5 1s linear 1s;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}
.section1 > .span5 .li3 .s1 span{ 
	-webkit-animation: rotate-loading5 1s linear 1.5s;
	-ms-animation: rotate-loading5 1s linear 1.5s;
	-moz-animation: rotate-loading5 1s linear 1.5s;
	-o-animation: rotate-loading5 1s linear 1.5s;
	animation: rotate-loading5 1s linear 1.5s;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}
.section1 > .span5 .li4 .s1 span{ 
	-webkit-animation: rotate-loading5 1s linear 2s;
	-ms-animation: rotate-loading5 1s linear 2s;
	-moz-animation: rotate-loading5 1s linear 2s;
	-o-animation: rotate-loading5 1s linear 2s;
	animation: rotate-loading5 1s linear 2s;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}
.section1 > .span5 .li5 .s1 span{ 
	-webkit-animation: rotate-loading5 1s linear 2.5s;
	-ms-animation: rotate-loading5 1s linear 2.5s;
	-moz-animation: rotate-loading5 1s linear 2.5s;
	-o-animation: rotate-loading5 1s linear 2.5s;
	animation: rotate-loading5 1s linear 2.5s;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}

.section1 > .span5 li .s1 p{position: absolute;top: 70px;left: 0;width: 100%;text-align: center;}	
.section1 > .span5 li .p_47{margin-top:27px;}		
.section1 > .span5 li .p_47 .p_span{font-size:16px;color:#9ea3c0;line-height: 20px;}
.section1 > .span5 li .p_47 .num_span{font-size:47px;}
.section1 > .span5 li .p_47 .in1{margin-right: 10px;}
.display_block{display: none;width: 100%;height: 0;padding: 0;margin: 0;}
.section1 > .span5 > h1{margin-bottom: 45px;}

.section1 > .span-bg-img{padding: 0;}

.a-span99{padding: 0;display: block;}
.a-span99:hover{opacity: 1;}

@media only screen and (max-width: 1023px) {
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.section1 > .span5 li br,
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	
	.section1 > .span2 > span > p br,
	.section1 > .span1 > span > p br{display: block;}
	.section1 > .span1 > span{margin: 0;}
	
	.section1 > .span2{background-size:cover; }
	.section1 > .span2 > span{padding-left: 0;}
	
	.section1 > .span3 > ul li .s1 h4{font-size: 13px;}
	.section1 > .span3 > ul li .s2 p{font-size: 12px;}
	
	.section1 > .span4 ul li p{font-size: 12px;padding: 10px 5px 0 5px;height: 150px;}
	.section1 > .span4 ul li h4{font-size: 14px;padding: 0 5px;}
	
	.section1 > .span5 li{margin-left: 10px;}
	.section1 > .span5 li{width: 130px;}
	.section1 > .span5 li .s1 span{height: 130px;}
	.section1 > .span5 li .s1 p{top: 50px;}
	.section1 > .span5 li .p_47 .in1{margin-right: 5px;}
	.section1 > .span5 li .p_47 .num_span{font-size: 30px;}
	
	.section1 > .span1{background-size: cover;}

	.section1 > .span-bg-img{padding: 0;}
}





@media only screen and (max-width: 767px) {
	.display_block{display: block;}
	.section1 > .span5 li{width: 100px;}
	.section1 > .span5 .li3{margin-left: 0;}
	.section1 > .span5 li .s1 span{height: 100px;}
	.section1 > .span5 li .s1 p{font-size: 14px;}
	.section1 > .span5 li .s1 p{top: 37px;}
	.section1 > .span5 li .p_47 .p_span{font-size: 13px;line-height: normal;}
	.section1 > .span5 li .p_47 .num_span{font-size: 25px;}
	.section1 > .span5 li .p_47{margin-top: 10px;line-height: normal;}
}

@media only screen and (max-width: 640px) {
	
	.pc_img{display: none !important;}
	.m_img{display: block !important;}
	
	.section1 > .span1{background: url("../img/m_gngsleep_doctor.jpg") no-repeat;position: relative; padding: 20px 20px 40px 20px;
		background-size: cover;background-position: 100% 100%;}
	.section1 > .span1 > span{width: 60%;}
	.section1 > .span1 > span > p{margin: 0;}
	.section1 > .span2 > span > p br,
	.section1 > .span1 > span > p br{display: none;}
	.section1 > .span1 > span > h4{margin: 4px 0 0 0;}
	.section1 > .span1 > span > .s1{margin-top: 10px;width: 120px;
		height: 30px;line-height: 30px;font-size: 14px;}
	
	.section1 > .span2{background-position: 60% 0;}
	.section1 > .span2 > span .p_48{font-size: 30px;}
	.section1 > .span2 > span{width: 60%;}
	
	.section1 > .span3 > ul li{width: 49%;}
	.section1 > .span3 > ul .li2,
	.section1 > .span3 > ul .li5{margin-left:0;margin-right:0;}
	.section1 > .span3 > ul .li2,
	.section1 > .span3 > ul .li4,
	.section1 > .span3 > ul .li6{margin-left: 2%;}
	.section1 > .span3 > ul li .s1 h4{bottom: 7%;}
	.section1 > .span3 > ul .li3 .s2,
	.section1 > .span3 > ul .li4 .s2{height:150px; }

	.section1 > .span4 ul{text-align: center;}
	.section1 > .span4 ul li{width: 49.5%;}
	.section1 > .span4 ul .li3{margin-left: 0;width: 100%;margin-top: 3px;margin-bottom: 3px;}
	.section1 > .span4 ul .li4{margin-left: 0;}
	/* .section1 > .span4 ul .li_block{display: block;} */
	.section1 > .span4 ul li p{height: 115px;}
	.section1 > .span4 ul li h4{height:50px;}
	.section1 > .span4 h1{margin-bottom: 20px;}
	
	.section1 > .span5 > h1{margin-bottom: 20px;}


}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span3 > ul li .s2 p{font-size: 15px;}
	
	.section1 > .span4 ul li p{font-size: 14px;}
	.section1 > .span4 ul li h4{font-size: 16px;}
	
	.section1 > .span5 li{margin-left: 20px;}
}