﻿body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, pre, form, input, button, header, menu, section { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
h2 { font-size: 14px; }
ul, ol { list-style: none; }
body { margin: 0 auto; font-family: "Microsoft YaHei", Helvetica; background-color: #f3f3f3; }
fieldset, img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
 @media screen and (max-device-width: 320px) {
body { -webkit-text-size-adjust: none; }
}
@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body { -webkit-text-size-adjust: none; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { -webkit-text-size-adjust: none; }
}
body{max-width: 640px;width: 100%;}
.warp { max-width: 640px; min-width: 320px; overflow: hidden; margin: 0 auto; width: 100%; margin-bottom: 60px }
header { background: #fff;padding-top:5px; width: 100%; overflow: hidden; }
.top { max-width: 640px; min-width: 320px; margin: 0 auto }
.top img { width: 100%; float: left }
.top1 { background: #00a13a; width: 100%; overflow: hidden }
.nav { width: 100%; overflow: hidden; background: #fff }
.nav ul { width: 101% }
.nav ul li { width: 24.69%; float: left; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; text-align: center; }
.nav ul li a { color: #000; display: block }
.nav ul li a:hover { display: block; background: #f39700; color: #fff }
.heng { margin-top: 2%; padding-bottom: 2% }
.myfooter { padding: 2%; overflow: hidden; background: #fff; display: table }
.foot_nei font em { font-style: normal }
/*专家切换*/
.zj { overflow: hidden; background: #fff }
.qzj { padding: 2%; overflow: hidden }
.tit { color: #006d75; line-height: 36px; width: 100%; text-align: center; ; margin-top: 2%; overflow: hidden }
.tit img { width: 100%; float: left; margin-top: 1% }
/*悬浮底部*/
.foot_xf { background: #007d20; bottom: 0; position: fixed; width: 100%; max-width: 640px; z-index: 2; margin: 0 auto }
.foot_zj { max-width: 640px; min-width: 320px; margin: 0 auto; position: relative }
.foot_zj ul { display: table; width: 100% }
.foot_zj ul li { display: table-cell; vertical-align: middle }
.foot_zj ul li:last-child { background: #f49700 }
.foot_zj ul li a { width: 90%; display: table; height: 36px; padding: 5% 0 5% 10% }
.foot_zj ul li a span.ico { width: 22px; display: table-cell; vertical-align: middle }
.foot_zj img { width: 100% }
.foot_zj ul li a font { padding-left: 5%; font-size: 17px; color: #fff; vertical-align: middle; display: table-cell }
.num { width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; right: 5px; top: 5px; border-radius: 16px; background: #f00; color: #fff; border: 1px solid #fff; font-size: 12px; box-shadow: 0 0 3px #000; animation: mymove 1s linear infinite; -moz-animation: mymove 1s linear infinite; /* Firefox */ -webkit-animation: mymove 1s linear infinite; /* Safari and Chrome */ -o-animation: mymove 1s linear infinite; /* Opera */ }
/* banner */ 
.slideBox{ max-width:640px; width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }


 @media only screen and (min-width: 480px) {
.nav ul li a { font-size: 16px; line-height: 40px }
.tit { font-size: 24px }
/*footer*/
.foot_img { display: table-cell; vertical-align: middle; padding-top: 10px; padding-left: 20px; width: 38%; }
.foot_img img { width: 100% }
.foot_nei { display: table-cell; vertical-align: middle; width: 52%; overflow: hidden; padding-left: 6% }
.foot_nei span { display: table; margin: 10px 0; width: 100% }
.foot_nei span p { font-size: 18px; color: #e32b0f; font-weight: bold }
.foot_nei font { font-size: 14px; color: #252525; display: table-cell }
.foot_nei font strong { font-size: 18px; line-height: 22px }
.foot_nei font em { font-size: 16px; font-weight: bold; line-height: 28px }
}
 @media only screen and (max-width: 479px) {
.nav ul li a { font-size: 14px; line-height: 30px }
.tit { font-size: 18px; font-weight: bold }
/*footer*/
.foot_img { display: table-cell; vertical-align: middle; padding-top: 10px; width: 38% }
.foot_img img { width: 100% }
.foot_nei { display: table-cell; vertical-align: middle; padding-left: 3%; width: 58%; overflow: hidden }
.foot_nei span { display: table; width: 100% }
.foot_nei span p { font-size: 12px; color: #e32b0f; font-weight: bold }
.foot_nei font { font-size: 10px; color: #252525; display: table-cell; line-height: 10px }
.foot_nei font strong { font-size: 12px; line-height: 18px }
.foot_nei font em { font-size: 12px; font-weight: bold }
}
/*中间悬浮*/
#pfjw { left: 50%; line-height: 25px; margin-left: -110px; position: fixed; top: 40%; vertical-align: bottom; width: 220px; z-index: 999; }
.pfjw_nr { background: #fff; border: 1px solid #0f8d9c; height: 90px; margin: 0 auto; width: 100%; }
.pfjw_nr h2 { color: #f00; font-size: 15px; height: 51px; line-height: 23px; margin: 0 auto; padding-top: 5px; text-align: center; width: 95%; }
.pfjw_nr ul { height: 40px; width: 100%; overflow: hidden; }
.pfjw_nr li { background: #0f8d9c; color: #fff; cursor: pointer; display: block; float: left; font-weight: bold; height: 24px; margin-left: 59px; text-align: center; width: 45px; }
.pfjw_nr a { background: #0f8d9c; color: #fff; display: block; font-weight: bold; height: 24px; text-align: center; width: 45px; }
.pfjw_nr a：hover { color: #fff600; }
/*微信悬浮*/
.weixin_dh { position: fixed; left: 0; top: 0; height: 50px; font-family: Microsoft YaHei; width: 100%; z-index: 9999999 }
.weixin_dh a { color: #fff; display: block; width: 100%; height: 100% }
.weixin_bg { background: #000; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 50px }
.weixin_1 { width: 640px; height: 50px; position: absolute; left: 0; top: 0 }
.weixin_1 i { background: url(../images/qqIcon.png) center center no-repeat; background-size: 100%; border-radius: 5px; width: 25px; height: 25px; margin: 8px 0 0 12px; float: left; display: block }
.weixin_1 span { margin-left: 10px; float: left; display: block }
.weixin_1 span h2 { margin-top: 6px; height: 14px; font-weight: 600; font-size: 12px }
.weixin_1 span h2 strong { float: left; font-size: 14px; color: #fff; height: 100%; line-height: 16px }
.weixin_1 span h2 strong span { color: #D4D4D4; float: left; font-size: 12px; margin: 4px 0 0 6px; line-height: 12px; height: 12px }
.weixin_1 span h3 { color: fff; font-size: 14px; height: 16px; line-height: 16px; margin-top: 4px; font-weight: normal }
 
@media screen and (max-width:639px){
.mtop{margin-bottom:1.8rem;}
}
@media screen and (min-width:640px){
.mtop{margin-bottom:4rem;}
}
.focusbox{ position:relative; top:0; right:0; bottom:0; left:0; overflow:hidden; _position:relative; }
	.focusbox .slides{ position:relative; display:block; width:100%; height:auto; zoom:1; float:left overflow:hidden; }
	.focusbox .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focusbox .slides li{ width:100%; overflow:hidden;  float:left}
	.focusbox .slides li img{ width:100%; float:left}
	.focusbox .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _height:50px; _background:url(none) 0 0 repeat #000; }
	.focusbox .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focusbox .flex-control-nav{ position:absolute; right:5px; bottom:18px; display:block; z-index:4; }
	.focusbox .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focusbox .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #999; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focusbox .flex-control-paging li a:hover { background:#333; }
	.focusbox .flex-control-paging li a.flex-active { background:#f90; border-color:#f90; cursor:default; }






