@charset "gb2312";
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{border:0}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
a,
button,
input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*清楚按钮阴影*/
}
input{color:#818080;}input::-webkit-input-placeholder{color:#818080;}/*输入框字体颜色*/
input[type="radio"] {
	border-radius: 100%!important;
	height: 12px;   /*高度*/
	vertical-align: middle;
	width: 12px;

}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:790px;margin:0 auto;font-size:1.4rem;overflow:hidden;}
.btn{background: #FD7D00;border-radius: 50px;font-size: 3.0rem;color: #fff;padding: 3% 0;text-align: center}
.mg0{margin-right: 0!important;}
.icon{top:30%;animation: heartbeat .5s linear infinite;}
.btn{display: block;border-radius: 50px!important;}
.btn2{display: block;border-radius: 100px!important;}


.banner_btn1{width: 30%;right: 5%;bottom: -14%;}
.banner_btn1 .hand{display: inline-block;top: 54%;right: 4%;width: 10.12%;height: 0;padding-bottom: 10.12%}

.sec1{width: 100%;padding: 10% 0 6%}
.sec1 h1{font-size: 4.4rem;text-align: center;color: #565656;}
.sec1 ul{width: 81.6%;margin: 6% auto}
.sec1 ul li{width: 40.97%;margin-bottom: 2%}
.sec1 ul li .p1{font-size: 2.4rem;text-align: center;color: #494949;padding-top: 1%;font-weight: bold}
.sec1 ul li .p2{font-size: 2.0rem;text-align: center;color: #777777;font-weight: bold;margin-top: -2%}
.sec1 .sec1_btn1{width: 58%;margin: 6% auto;padding-right: 2%;box-shadow: 0 4px 20px #ED6A76}
.sec1 .sec1_btn1 .hand{display: block;top: 34%;right: 4%;width: 7.12%;height: 0;padding-bottom: 10.12%}


.sec2{width: 100%;padding: 10% 0 4%;background: #2B2E38}
.sec2 h1{font-size: 4.4rem;color: #fff;text-align: center;padding-bottom: 6%}
.sec2 ul{width: 96%;display: flex;flex-direction: row;margin: 0 auto;}
.sec2 ul li{width: 24%;margin-right: 1.4%}
.sec2 ul li .p1{font-size: 2.0rem;color: #fff;text-align: center;margin-top: 1%}
.sec2_btn1{width: 58%;margin: 8% auto;padding-right: 2%;box-shadow: 0 4px 20px #2B292E}
.sec2_btn1 .hand{display: block;top: 34%;right: 8%;width: 6.12%;height: 0;padding-bottom: 10.12%}

.sec3{width: 100%;padding:8% 0 2%;background: #fff;}
.sec3 h1{font-size: 4.4rem;color: #646464;text-align: center;}
.sec3 .p1{font-size: 2.2rem;color: #646464;text-align: center;padding: 2% 0 6%}
.sec3 .sec3_video1{width: 84.8%;margin: 0 auto;overflow: hidden;border-radius: 10px;}
.sec3 .sec3_video1 section{width: 100%;height: 100%}
.sec3 .sec3_video1 .video_img{width:100%;position:relative;z-index:1;height: 100%}
.sec3 .sec3_video1 video{width:100%;height:100%;position:absolute;top:0; left:0%;background: #000;}
.sec3_btn1{width: 66%;margin: 8% auto;padding-right: 2%;box-shadow: 0 4px 20px #FFE0C1}
.sec3_btn1 .hand{display: block;top: 34%;right: 6%;width: 6.12%;height: 0;padding-bottom: 10.12%}

.sec4{width: 100%;padding:8% 0 12%;background: #2B2E38;}
.sec4 h1{font-size: 4.4rem;color: #fff;text-align: center;}
.sec4 .p1{font-size: 2.4rem;color: #fff;text-align: center;padding: 3% 0 4%}
.sec4 h2{font-size: 4.4rem;color: #fff;text-align: center;padding: 6% 0 4%}
.sec4 .sec4_img5{width: 87.6%;margin: 0 auto}
.sec4 .p2{font-size: 2.4rem;color: #fff;text-align: center;padding: 3% 0 4%;line-height: 1.6;}
.sec4_btn1{width: 58%;margin: 0 auto;padding-right: 2%;box-shadow: 0 4px 20px #2B2829}
.sec4_btn1 .hand{display: block;top: 34%;right: 6%;width: 8.12%;height: 0;padding-bottom: 10.12%}

.sec5{width: 100%;padding:8% 0 2%;background: #fff;}
.sec5 h1{font-size: 4.4rem;color: #646464;text-align: center;padding: 2% 0 6%}
.sec5 .sec5_video1{width: 84.8%;margin: 0 auto;overflow: hidden;border-radius: 10px;}
.sec5 .sec5_video1 section{width: 100%;height: 100%}
.sec5 .sec5_video1 .video_img{width:100%;position:relative;z-index:1;height: 100%}
.sec5 .sec5_video1 video{width:100%;height:100%;position:absolute;top:0; left:0%;background: #000;}
.sec5_btn1{width: 66%;margin: 8% auto;padding-right: 2%;box-shadow: 0 4px 20px #FFE0C1}
.sec5_btn1 .hand{display: block;top: 34%;right: 6%;width: 6.12%;height: 0;padding-bottom: 10.12%}

.sec6{width: 100%;background: #2B2E38;padding-bottom: 26%}
.sec6 .sec6_doctors h1{font-size: 4.4rem;color: #fff;text-align: center;padding: 8% 0 6%}
.sec6 .doctors_des{width: 93.33%;left: 50%;bottom: -18%;background: #C3CBE5;border-radius: 10px;padding: 4% 0 }
.sec6 .doctors_des p{width: 90.42%;margin: 0 auto;font-size: 2.6rem;color: #2f2f30}
.sec6_btn1{width: 66%;left: 6%;top: 60%;padding-right: 2%;}
.sec6_btn1 .hand{display: inline-block;top: 34%;right: 12%;width: 6.12%;height: 0;padding-bottom: 10.12%}
.sec6_btn2{width: 66%;margin: 4% auto 0;padding-right: 2%;}
.sec6_btn2 .hand{display: inline-block;top: 34%;right: 12%;width: 6.12%;height: 0;padding-bottom: 10.12%}

.sec7{background: #fff;padding:8% 0 2%;}
.sec7 h1{font-size: 4.4rem;color: #646464;text-align: center;}
.sec7 .sec7_img1{width: 91.13%;margin: 6% auto;box-shadow: 0 0 10px #F0F0F0}
.sec7_btn1{width: 66%;margin: 0 auto;padding-right: 2%;box-shadow: 0 0 10px #FFEFE0}
.sec7_btn1 .hand{display: block;top: 34%;right: 8%;width: 6.12%;height: 0;padding-bottom: 10.12%}

.sec8{background: #fff;padding:6% 0 2%;}
.sec8_btn1{width: 42%;right: 6%;bottom: 12%;padding-right: 2%;}
.sec8_btn1 .hand{display: block;top: 34%;right: 12%;width: 8.12%;height: 0;padding-bottom: 10.12%}


/*手指动画*/
@keyframes heartbeat {
	0%   { transform: scale(0.95);}
	100% { transform: scale(0.95);}
	50%  { transform: scale(1.10);}

}
@-webkit-keyframes heartbeat {
	0%   { -webkit-transform: scale(0.95);}
	100% { -webkit-transform: scale(0.95);}
	50%  { -webkit-transform: scale(1.10);}
}

@keyframes echo {
	0%{
		opacity:0.1;
		transform: scale(1);
	}
	100%{
		opacity:0;
		transform: scale(1.4);
	}
}
@-webkit-keyframes echo {
	0%{
		opacity: 0.1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100%{
		opacity: 0;
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}

@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}