.sub_top{background-image: url("../img/s06_cn04_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;}
.display_block{display: none;width: 100%;height: 0;padding: 0;margin: 0;}

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

}

h1,h2,p{text-align: center;}
.p_22{font-size: 22px;line-height: normal;}
.p_14{font-size: 14px;line-height: normal;}
.m_img{display: none !important;}

.section1 > .span{padding: 60px 20px; }

.section1 > .span1{background: #192b51;}
.section1 > .span1 *{color: #fff;}
.section1 > .span1 ul{text-align: center;}
.section1 > .span1 li{width: 190px;vertical-align: top;display: inline-block;margin-left: 35px;}
.section1 > .span1 .li1{margin-left: 0;}
.section1 > .span1 li .s1{width: 100%;position:relative;}
.section1 > .span1 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 > .span1 .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 > .span1 .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 > .span1 .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 > .span1 .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 > .span1 .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 > .span1 li .s1 p{position: absolute;top: 70px;left: 0;width: 100%;text-align: center;}	
.section1 > .span1 li .p_47{margin-top:27px;}		
.section1 > .span1 li .p_47 .p_span{font-size:16px;color:#9ea3c0;line-height: 20px;}
.section1 > .span1 li .p_47 .num_span{font-size:47px;}
.section1 > .span1 li .p_47 .in1{margin-right: 10px;}

.section1 > .span2{background-repeat: no-repeat;padding: 15px 0 0 0;background-position: 50% 75%;overflow: hidden;}
.section1 > .span2 > .s1{float: left;margin: 80px 0 0 10%;width: 40%;}
.section1 > .span2 > .s2{float: right;max-width: 428px;position: relative;width: 50%;}
.section1 > .span2 > .s2 p{position: absolute;text-align: right;font-weight: bold;color: #323232;}
.section1 > .span2 > .s2 .p1{top: 8.5% ;left: -12%;}
.section1 > .span2 > .s2 .p2{top: 28.2% ;left: -24%;}
.section1 > .span2 > .s2 .p3{top: 48.5% ;left: -35%;}
.section1 > .span2 > .s2 .p4{top: 72.5% ;left: -54%;}
.section1 > .span2 > .s2 img{margin: 0 0 0 auto;}
.section1 > .span2 > .s1 *{text-align: left;}
.section1 > .span2 > .s1 p{margin: 40px 0 20px 0;font-weight: bold;color: #577086;}
.section1 > .span2 > .s1 h4{color: #0292c6;}

.section1 > .span3{background-repeat: no-repeat;padding: 60px 20px;}
.section1 > .span3 *{text-align: center;}
.section1 > .span3 > h1{color: #fff;margin-bottom: 35px;}
.section1 > .span3 > .h4_1{color: #dad5d9;margin: 35px 0 20px 0;line-height: 27px; }
.section1 > .span3 > .h4_2{color: #f2cf7e;margin-bottom: 25px;line-height: 30px;}
.section1 > .span3  .p_14{color: #e1e1e1;margin-top: 7px;text-align: left;}
.section1 > .span3 > span{margin: 0 auto;max-width: 490px;}

.section1 > .span-add{padding: 0; }

.section1 > .span99{background: url("../img/s06_cn01_02.jpg") no-repeat;background-position: 50% 100%; }
.section1 > .span99 > span{display: inline-block;vertical-align: top;text-align: center;margin: 0 0 0 6%;}
.section1 > .span99 > span > p{margin: 45px 0 0 0;color: #323232;}
.section1 > .span99 > span > h4{margin: 4px 0 45px 0;color: #298fd1;}
.section1 > .span99 > span > h1{display: inline-block;margin: 50px auto;position: relative;}
.section1 > .span99 > span > h1 > .s2{color: #2f90d4;}
.section1 > .span99 > span > h1 > .s1{color: #c2d7ec;position: absolute;top: -40px;left: 40%;font-size: 55px;}
.section1 > .span99 > span > h1 > .s3{color: #c2d7ec;position: absolute;bottom: -70px;right: 40%;font-size: 55px;}
.section1 > .span99 > 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;}


@media only screen and (max-width: 1023px) {
	.p_22{font-size: 18px;}
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.section1 > .span3 .p_14 br,
	.section1 > .span2 > .s1 p br,
	.section1 > .span2 > .s2 p br,
	.section1 > .span1 li br,
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	
	.section1 > .span1 li{margin-left: 10px;}
	.section1 > .span1 li{width: 130px;}
	.section1 > .span1 li .s1 span{height: 130px;}
	.section1 > .span1 li .s1 p{top: 50px;}
	.section1 > .span1 li .p_47 .in1{margin-right: 5px;}
	.section1 > .span1 li .p_47 .num_span{font-size: 30px;}
	
	.section1 > .span2{padding: 40px 0 0 0;    background-position: 50% 40%;}
	.section1 > .span2 > .s1{float: none;margin: 0;width: 100%;margin-bottom:25px;}
	.section1 > .span2 > .s2{width: 100%;float: none;margin: 0 20px 0 auto;}
	.section1 > .span2 > .s1 *{text-align: center;}
	.section1 > .span-add{padding: 0; }

	.section1 > .span99 > span > p br{display: block;}
	.section1 > .span99 > span{margin: 0;}
	.section1 > .span99{background-size: cover;}
}


@media only screen and (max-width: 767px) {
	.m_img{display: block !important;}
	.pc_img{display: none !important;}
	.display_block{display: block;}
	.section1 > .span1 li{width: 100px;}
	.section1 > .span1 .li3{margin-left: 0;}
	.section1 > .span1 li .s1 span{height: 100px;}
	.section1 > .span1 li .s1 p{font-size: 14px;}
	.section1 > .span1 li .s1 p{top: 37px;}
	.section1 > .span1 li .p_47 .p_span{font-size: 13px;line-height: normal;}
	.section1 > .span1 li .p_47 .num_span{font-size: 25px;}
	.section1 > .span1 li .p_47{margin-top: 10px;line-height: normal;}
	
	.section1 > .span2{background-size:cover;background-position: 50% 100%; }
	.section1 > .span2 > .s1{padding: 0 20px;}
	.section1 > .span2 > .s1 p{font-size: 15px;}
	.section1 > .span2 > .s2{width: 70%;margin: 0 -40px 0 auto;}
	
	.section1 > .span3 .p_14{font-size: 12px;}
	.section1 > .span3 > .h4_1 br{display: none;}
}

@media only screen and (max-width: 640px) {
	.section1 > .span99{background: url("../img/m_gngsleep_doctor.jpg") no-repeat;position: relative; padding: 20px 20px 40px 20px;
		background-size: cover;background-position: 100% 100%;}
	.section1 > .span99 > span{width: 60%;}
	.section1 > .span99 > span > p{margin: 0;}
	.section1 > .span99 > span > p br{display: none;}
	.section1 > .span99 > span > h4{margin: 4px 0 0 0;}
	.section1 > .span99 > span > .s1{margin-top: 10px;width: 120px;
		height: 30px;line-height: 30px;font-size: 14px;}
	}

@media only screen and (max-width: 599px) {
	.section1 > .span2 > .s2 p{font-size: 11px;}
}

@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span1 li{margin-left: 20px;}
	.section1 > .span2 > .s1{margin: 80px 0 0 40px;}
}