@charset "utf-8";
/* CSS Document */
body {
	font-family: "微软雅黑";
	font-size: 100px;
    padding: 0;
    margin: 0;
    background: #fff;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfooter, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footerer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {
	margin: 0;
	padding: 0;
	border: 0;/*ymm font: inherit;*//*vertical-align: baseline;影响表单的*/
	text-decoration:none; 
}
body{
	font-size: 0.16rem;
}
h1, h2, h3, h4, h5, h6, span {
	outline: 0;
	font-size: 100%;
}/*清除h标签默认样式*/
ol, ul, ul li {
	list-style: none
}.pjnr04 a, .pjnr05 a.botbtn
a {
	text-decoration: none;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.disp {
	display: block;
}
.teind25 {
	text-indent: 2em;
}
.txtform {
	text-transform: uppercase;
}
.fb {
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}

.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.color_white {
	color: #fff;
}
.block{
	display: block;
}
.inblock{
	display:inline-block;
}


.homepage-html {
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 640px;
}

/* Header */
.bannerpic300{display: block;width: 100%; height: 1.01rem; max-width: 640px; margin:0 auto;}
.bannerpic300 img{display: block; width: 6.40rem; height: 1.01rem;}

/* Banner */
.homepage-bner .focus{ width: 100%; height: 3.83rem; margin:0 auto; max-width: 6.4rem; position:relative; overflow:hidden;   }
.homepage-bner .focus .bannerhd{ width:100%; height:0.06rem;  position:absolute; z-index:1; bottom:0;left:0; text-align:center;  }
.homepage-bner .focus .bannerhd ul{  width:100%; display:inline-block; height:0.06rem; margin:0 auto;}
.homepage-bner .focus .bannerhd ul li{ display:inline-block; width: 25%; height:0.06rem; color:rgba(225,225,225,0);  background:#76c7c0; overflow:hidden; margin:0;  vertical-align:top;}
.homepage-bner .focus .bannerhd ul .on{ background:#daf0ee}
.homepage-bner .focus .bd{ position:relative; z-index:0; }
.homepage-bner .focus .bd li img{ width:6.4rem;  height:3.83rem; background:url(images/loading.gif) center center no-repeat;  }
.homepage-bner .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/* Nav */
.homepage-nav{width: 100%; height: 3.62rem; margin:0.15rem auto; max-width: 640px;}
.homepage-nav dl{width: 100%; height:3.62rem;}
.homepage-nav dd{float: left; margin:0.20rem 0.30rem;}
.homepage-nav dd a{display: block;}
.homepage-nav dd p{font-size: 0.24rem; color:#666666; text-align: center; line-height: 0.38rem; margin-top: 0.05rem;}
.homepage-nav .navlist{display: block; width: 0.94rem; height: 0.94rem; margin:0 auto; border-radius: 0.25rem;}
.homepage-nav .navlist img{display: block; width: 0.94rem; height: 0.94rem; margin:0 auto; text-align: center; line-height: 0.94rem;}
.homepage-nav .navlist1{background-image:linear-gradient(to bottom, #e12655, #f75d94); box-shadow:1px 1px 6px #f75d94; }
.homepage-nav .navlist2{background-image:linear-gradient(to bottom, #a129f2, #d831fe); box-shadow:1px 1px 6px #d731fd; }
.homepage-nav .navlist3{background-image:linear-gradient(to bottom, #f61c88, #f7688b); box-shadow:1px 1px 6px #f7688b; }
.homepage-nav .navlist4{background-image:linear-gradient(to bottom, #41c542, #63db4d); box-shadow:1px 1px 6px #63db4d; }
.homepage-nav .navlist5{background-image:linear-gradient(to bottom, #0796da, #05c2fa); box-shadow:1px 1px 6px #05c2fa; }
.homepage-nav .navlist6{background-image:linear-gradient(to bottom, #ffa010, #ffc439); box-shadow:1px 1px 6px #ffc439; }
.homepage-nav .navlist7{background-image:linear-gradient(to bottom, #e62403, #ed7e01); box-shadow:1px 1px 6px #ed7e01; }
.homepage-nav .navlist8{background-image:linear-gradient(to bottom, #5a4331, #776f5a); box-shadow:1px 1px 6px #776f5a; }


	/* experts */
	.homepage-experts{width: 98%; height: 4.84rem; margin:0 auto;}
	.homepage-experts h1{font-size: 0.32rem; color: #666666; text-align: center; margin:0.25rem auto 0.12rem auto}
	.homepage-experts h1 em{font-size: 0.2rem; font-weight: normal; text-align: center; font-style: normal;}
	.homepage-experts h3{font-weight: normal; font-size: 0.22rem; color:#666666; text-align: center;}

/*	
	.experts-box{position: relative; width: 95%; height: 3.96rem; margin:0.4rem auto 0 auto; overflow: hidden;}
	.experts-box-main{float: left; width: 100%; height: 3.96rem; margin: 0 auto;}
	.experts-box-main div.fl{display: block; width: 43%; height: 3.96rem;}
	.experts-box-main div.fl img{display: block; width: 2.53rem; height: 3.96rem; }
	.experts-box-main div.fr{width: 52%; height: auto; font-weight: normal}
	.experts-box-main div.fr h3{width: 100%;height: 0.4rem; overflow: hidden; text-align: left;}
	.experts-box-main div.fr h3 a{font-size: 0.36rem; color:#505050;}
	.experts-box-main div.fr h3,.experts-box-main div.fr h4,.experts-box-main div.fr p{font-size: 0.2rem; color:#666666; font-weight: normal; line-height: 0.32rem;}
	.experts-box-main div.fr h6{display: block;width: 0.97rem; height: 0.35rem; line-height: 0.35rem;text-align: center; font-size: 0.2rem; color:#ffffff; font-weight: normal;  margin:0.05rem 0.05rem; background: #03d0c1;}
	.experts-box-main div.fr a.yyzjbtn{display: block; width: 1.4rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.22rem; color:#ffffff; text-align: center; background: #03d0c1; border-radius: 0.1rem; margin-top: 0.1rem;}

	.experts-box-tab{display: block; position: absolute; bottom:0; right:0; width: 56%; height: 0.78rem;}
	.experts-box-tab span, .experts-box-tab b{display: block;float: left; }
	.experts-box-tab span{ cursor: pointer; display: block; margin-top: 0.25rem;}
	.experts-box-tab span:last-child{float: right}
	.experts-box-tab span img{display: block; width: 0.28rem; height: 0.3rem;}
	.experts-box-tab b{width: 0.75rem; height: 0.75rem; border-radius: 50%;  margin:0 0.08rem; }
	.experts-box-tab b img{display: block; width: 0.72rem; height: 0.72rem; border-radius: 50%; border:0.03rem solid #c9c9c9;}
	.experts-box-tab b.cur img{border:0.03rem solid #649be1;}

*/

	/* 本例子css -------------------------------------- */

	
	.experts-box{position: relative; width: 95%; height: 3.96rem; margin:0.4rem auto; overflow: hidden;}
	.experts-box-main{float: left; width: 100%; height: 3.96rem; margin: 0 auto;}
	.experts-box-main div.fl{display: block; width: 43%; height: 3.96rem;}
	.experts-box-main div.fl img{display: block; width: 2.53rem; }
	.experts-box-main div.fr{width: 52%; height: auto; font-weight: normal}
	.experts-box-main div.fr h3{width: 100%;height: 0.4rem; overflow: hidden; text-align: left;}
	.experts-box-main div.fr h3 a{font-size: 0.36rem; color:#505050;}
	.experts-box-main div.fr h3,.experts-box-main div.fr h4,.experts-box-main div.fr p{font-size: 0.2rem; color:#666666; font-weight: normal; line-height: 0.32rem;}
	.experts-box-main div.fr h6{display: block;width: 0.97rem; height: 0.35rem; line-height: 0.35rem;text-align: center; font-size: 0.2rem; color:#ffffff; font-weight: normal;  margin:0.05rem 0.05rem; background: #03d0c1;}
	.experts-box-main div.fr a.yyzjbtn{display: block; width: 1.4rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.22rem; color:#ffffff; text-align: center; background: #03d0c1; border-radius: 0.1rem; margin-top: 0.1rem;}

	.experts-box-tab{display: block; position: absolute; bottom:0; right:0; width: 56%; height: 0.78rem;}
	.experts-box-tab span, .experts-box-tab b{display: block;float: left; }
	.experts-box-tab span{ cursor: pointer; display: block; margin-top: 0.25rem;}
	.experts-box-tab span:last-child{float: right}
	.experts-box-tab span img{display: block; width: 0.28rem; height: 0.3rem;}
	.experts-box-tab b{width: 0.75rem; height: 0.75rem; border-radius: 50%;  margin:0 0.08rem; }
	.experts-box-tab b img{display: block; width: 0.72rem; height: 0.72rem; border-radius: 50%; border:0.03rem solid #c9c9c9;}
	.experts-box-tab b.cur img{border:0.03rem solid #649be1;}

	.picScroll{position: relative;  margin:0.4rem auto 0.5rem auto; z-index: 0; }
	.picScroll .bd ul{ width:100%;  float:left; }
	.picScroll .bd li{ width:100%; float:left;  }
.picScroll .hd ul li{display: block;width: 0.75rem;height: 0.75rem; margin: 0 0.08rem; border-radius: 50%; border: 0.03rem solid #c9c9c9;}

	.picScroll .hd{display: block;
    position: absolute;
    bottom: 0.5rem;
    right: 0;
    z-index: 1;
    width: 56%;
    height: 0.78rem;}
	.picScroll .hd ul{ width: 80%;  height: 0.78rem; float: left;}
	.picScroll .hd li{ float:left; width: 0.75rem; height: 0.75rem; line-height: 0.75rem; font-size: 0.12rem; text-align: center; border-radius: 50%; margin: 0 0.08rem;}
	.picScroll .hd .on{ border: 0.03rem solid #649be1; }
	.picScroll .prev,.picScroll .next{
    cursor: pointer;
    display: block;	
    float: left; 
    width: 0.28rem; height: 0.3rem;
    margin-top: 0.25rem;
}
	.picScroll span{display: block;width: 10%; height: 0.3rem;}
	.picScroll span img{display: block; width: 0.28rem; height: 0.3rem;}


	/* laboratory */
	.homepage-laboratory{width: 100%; height: 4.87rem; margin:0 auto; background: #f4f4f4;}
	.homepage-laboratory h3{font-size: 0.3rem; color: #666666; text-align: center;  padding-top:0.25rem;}
	.homepage-laboratory h5{font-size: 0.2rem; color:#666666; text-align: center; font-weight: normal; line-height: 0.24rem; margin:0.18rem auto;}
	.homepage-laboratory-nr{position: relative; width: 95%; height: 1.58rem; margin: 0.12rem auto; background: #ffffff;}
	.homepage-laboratory-nr img{width: 3.79rem; height: 1.58rem; float: left;}
	.homepage-laboratory-nr p{width: 35%;  float: right; margin-right: 0.05rem; font-size: 0.2rem; color:#666666; line-height: 0.33rem; margin-top: 0.25rem;}
	.homepage-laboratory-nr:last-child p{ margin-top:0.5rem; }
	.homepage-laboratory-nr h6{ -moz-border-radius:0 50px 50px 0; /* Firefox */-webkit-border-radius:0 50px 50px 0; /* Safari 和 Chrome */border-radius:0 50px 50px 0; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  width: 1.43rem; height: 0.43rem; font-weight: normal; font-size: 0.22rem; color:#fff; line-height: 0.43rem; text-align: center; position: absolute; top:0; left:0;background-image:linear-gradient(to left, #4794cc, #34a5c9,#1bbbc5,#08cbc2);}

/* Footer */
footer{width: 100%; height: auto; margin:0 auto; max-width: 640px; background: #dce5ea;}
.footer-form{width: 100%; height: auto; margin: 0 auto; padding-bottom: 0.75rem; }/*height: 10.00rem;*/
.footer-form h1{width: 100%; height: 0.56rem; line-height: 0.56rem; text-align: center; font-size: 0.22rem; color:#ffffff; font-weight:  normal; background: url(../images/form_icon_exclamation.png) no-repeat 20% 52% #03d0c1; background-size: 0.24rem 0.24rem}
.footer-form form{width: 80%; height: auto; margin:0 auto; margin-bottom: 0.4rem;}/*height: 7.1rem;*/
.footer-form form h3{font-size: 0.36rem; color:#03d0c1; margin:0.45rem auto; text-align: center;}
.footer-form form ul{width:100%; height:auto; margin:0 auto;}
.footer-form form li{height: 0.62rem; line-height: 0.62rem; margin: 0.42rem auto;}
.footer-form form li:last-child{height: 1.17rem;}
.footer-form form b{float: left; width: 15%; margin-top:0.14rem;}
.footer-form form b img{display: block; margin:0 auto; text-align: center;}
.footer-form form b img.form_icon_name{ width: 0.38rem; height: 0.44rem;}
.footer-form form b img.form_icon_tel{ width: 0.4rem; height: 0.4rem; }
.footer-form form b img.form_icon_time{width: 0.43rem; height: 0.42rem; }
.footer-form form b img.form_icon_message{width: 0.46rem; height: 0.31rem; }
.footer-form form li:last-child b{margin-top: 0;}
.footer-form form input{float: left;width: 81%; height: 0.62rem; background: #ffffff; font-size: 0.24rem; color:#121212; line-height: 0.62rem; font-family: "微软雅黑"; padding-left: 0.14rem; border:0.02rem solid #eeeeee;}
.footer-form form textarea{background: #ffffff;border: 0; width: 80%;height: 1.17rem;font-size: 0.24rem; color:#121212; line-height: 0.62rem; font-family: "微软雅黑";border:0.01rem solid #c6c6c6; padding-left: 0.15rem;resize : none;}
.footer-form form li:first-child input{border-color: #fff;}
.footer-form form #datepic{cursor: pointer;}
a.submit-btn{display: block; width: 1.84rem; height: 0.48rem; font-size: 0.24rem; color:#fff; line-height: 0.48rem; text-align: center; margin:0 auto; background: #03d0c1; border-radius: 0.05rem;}
.footer-form .copyright{width: 100%; height: 1.72rem; background: #6f7071;padding-top: 0.2rem;}
.footer-form .copyright p{font-size: 0.2rem; color:#ffffff; line-height: 0.33rem;text-align: center; margin:0.05rem auto;}
/* 
@media (min-width:321px)and (max-width:479px) {兼容安卓5.0 5.5
.header .logokeshi font{margin-top: 0.32rem;}
.header .logolineout img{width: 0.02rem;}15:13 2017/7/12
}

 @media (min-width:0px) and (max-width:320px) {兼容安卓小屏 苹果4 or 5
.header .logokeshi font{margin-top: 0.20rem;}
.header .phone{width: 2rem;}
.header .phone p{font-size: 0.22rem;}
}
 @media (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {兼容iphone 6 or 6s
.header .logokeshi font {
    margin-top: 0.28rem;
    line-height: 0.22rem;
}
}

 @media (device-width:414px) and (-webkit-min-device-pixel-ratio:3) {兼容iphone 6 plus or 6s plus
.header .logokeshi font {
    margin-top: 0.28rem;
    line-height: 0.22rem;
}
} */