cssformat*/
html{color:#000;background:#FFF; height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ol li,ul,ul li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
.clearfix:after{ overflow: hidden;display: block;font-size: 0;content: "\20 ";clear: both;height: 0;}
.clearfix{zoom: 1}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
/*cssfonts*/
body{font:13px/1.231 Microsoft YaHei,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
/*cssbase*/
h1{font-size:138.5%}
h2{font-size:123.1%}
h3{font-size:108%}
/*h1,h2,h3{margin:1em 0}*/
h1,h2,h3,h4,h5,h6,strong{font-weight:bold}
abbr,acronym{border-bottom:1px dotted #000;cursor:help}
em{font-style:italic}
ol{list-style:decimal outside}
ul{list-style:disc outside}
dd{margin-left:1em}
th,td{ padding:.5em}
th{font-weight:bold;text-align:center}
caption{margin-bottom:.5em;text-align:center}
fieldset,table,pre{margin-bottom:1em}
/*input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}*/
a{ text-decoration: none;}
a:hover{ text-decoration: none;}


.login,.logo,.navul,.banner,.wrap,.foot,.downloadbox{ width: 1020px; margin: 0 auto;}
.header{ position: relative; z-index: 10; background: #fff; padding-top: 50px;}

/*new*/
.warp-index{ position: relative; max-width: 1002px; margin: 0 auto;}
.login-index{ position: absolute; top: 50px; right: 0px;}
.login-index .form-group{ clear: both; margin-bottom: 10px;}
.login-index .form-group label{ float: left; width: 65px; line-height: 20px;}
.login-index .form-group input[type="text"],.login-index .form-group input[type="password"]{ border: 1px solid #b6b6b6; width: 100px; height: 18px; line-height: 20px; padding: 1px;}
.login-index .form-group input[type="submit"]{ border: 1px solid #b6b6b6; width: 40px; height: 18px; line-height: 18px; text-align: center; cursor: pointer;}
.login-index a.forget-pwd{ color: #666;}
.banner-index{ position: absolute; left: 50%; margin-left: -188px; top: 140px; width: 367px; height: 498px; background: url("../images/index-banner.jpg") no-repeat;}
.logo{ position: absolute; left: -3px; top: -26px; width: 100px;}
.logo img{}
.wrap{ padding-top: 40px; position: relative; padding-bottom: 50px; min-height: 600px;}
.navbox{ background: #404144;}
.navul{ position: relative;}
.navbox ul{ padding-left: 87px;}
.navbox ul li{ float: left;}
.navbox ul li a{ display: block; padding: 12px 30px; color: #fff; font-size: 16px; font-weight: bold;}
.navbox ul li.active{ background: #333333;}
.navbox ul li.active a{}
.navbox ul li:hover{ background: #333333;}
.navbox ul li:hover a{}
.footer{ padding: 40px 0; border-top: 1px solid #c5c5c5}
.foot{ width: 1020px; margin: 0 auto; text-align: center; color: #717070;}
.foot p{}
.dl-heartrate{min-height: 552px; width: 470px; margin-top: -400px;margin-bottom:40px;}
.dl-heartrate dt{ height: 55px;}
.dl-heartrate dd{ position: relative; padding: 15px 30px;}
.dl-heartrate dd a{ display: block; width: 490px; color: #686868; font-size: 16px; background: url("../images/h-icon-1.jpg") no-repeat; padding-left: 20px;}
.dl-heartrate dd span{ position: absolute; top: 12px; right: 0px; display: block; width: 70px; height: 28px; line-height: 28px; font-size: 18px; color: #9c9c9c; background: url("../images/h-icon.jpg") center right no-repeat;}
.dl-heartrate dd span.h-num-hot{ color: #ff5a3a;}
.dl-heartrate dd span em{ font-style: normal; opacity: .5;}
.title{ border-bottom: 2px dotted #c5c5c5; position: relative;}
.title h2{ border-left: 8px solid #dee2eb; color: #ff5400; font-size: 22px; padding: 10px 0 10px 10px;}
.title span{ position: absolute; left: 140px; top: 7px; background: #cacaca; padding: 8px; border-radius: 5px; color: #fff; font-size: 14px;}
.chart-box{ margin-left: 550px; margin-top: 30px;}
.page{ text-align: center;}
.page a{ border: 1px solid #ff4a00; color: #ff4a00; padding: 5px 11px;}
.page a.active{ background: #ff4a00; color: #fff; cursor: not-allowed;}
.page a:hover{ background: #ff4a00; color: #fff;}

/*.index-box1{  padding: 100px 0 50px; }
.index-box2{ background: #f3f3f3; width: 100%; height: 100%; padding: 100px 0 50px;}*/
.index-box1{ padding: 30px 0 50px;}
.index-box2{ background: #f3f3f3; width: 100%; height: 100%; padding: 100px 0 50px;}
.index-box1-bg{ width: 810px; height: 570px; margin: 0 auto;}
.index-box1-bg h1{ text-align: center; font-size: 60px; font-weight: normal; margin-bottom: 15px;}
.index-box1-bg h2{ color: #909090; text-align: center; font-size: 40px; font-weight: normal;}
.index-box2-title{ width: 1028px; height: 94px; margin: 0 auto; color: #969696; text-align: center; margin-bottom: 15px;}
.index-box2-title h1{ font-size: 30px; font-weight: normal; margin-bottom: 15px;}
.index-box2-title h2{ font-size: 22px; font-weight: normal;}
.dl-ecg{ min-height:810px;margin-bottom: 40px;}
.dl-ecg dd{ position: relative; padding: 15px 10px;}
.dl-ecg dd a{ display: block; width: 570px;}
.dl-ecg dd img{ width: 570px; height: 170px;}
.dl-ecg dd span{ position: absolute; bottom: 15px; right: 14px; display: block; width: 270px; height: 28px; line-height: 28px; font-size: 16px; color: #9c9c9c;}
.dl-ecg dd span.h-ecg-hot{ color: #ff5a3a;}
.dl-ecg dd span em{ font-style: normal; opacity: .5; font-style: normal; color: #666}
.dl-ecg dd span i{ padding-left: 10px; font-weight: normal; font-style: normal; color: #666}
.dl-ecg dd span b{ font-weight: normal; font-style: normal; color: #666}
.ecginfo-cont{ width: 800px; margin: 0 auto;}
.ecginfo-cont h3{ font-size: 20px; color: #333; line-height: 40px;}
.ecginfo-cont p{ font-size: 14px; color: #333; line-height: 28px;}
.ecginfo-cont img{ border: 1px solid #dee2eb; padding: 5px; margin: 30px 0;}
.ecginfo-cont b{ font-size: 16px; color: #ff5400;}
.useinfo-cont{ width: 850px; margin: 0 auto}
.useinfo-cont h3{ color: #999; font-size: 18px;}
.useinfo-cont table{ margin-bottom: 40px;}
.useinfo-cont table tr td{}
.useinfo-cont .form-group{}
.useinfo-cont .form-group label{ display: block; font-size: 14px; color: #999; margin-bottom: 10px;}
.useinfo-cont .form-group input[type="text"]{ display: block; border: 1px solid #d2d2d2; border-radius: 3px; width: 75%; height: 28px; line-height: 24px; padding: 2px 5px; color: #666;}
.useinfo-cont .form-group select{ width: 75%; padding: 5px; color: #999;}
.useinfo-cont .form-group select option{}
.useinfo-cont .form-group input.w300{ width: 310px;}
.useinfo-cont .form-group.form-group-zipcode{ float: left; width: 45%; margin-right: -45%;}
.useinfo-cont .form-group.form-group-city{ width: 45%; margin-left: 40%;}
.useinfo-cont .form-group input[type="button"]{ background:#ff5400; border: 0px; color: #fff; border-radius: 3px; padding: 8px 16px; cursor: pointer; font-size: 14px;}
.useinfo-cont .form-group input[type="reset"]{ background:#a6a6a6; border: 0px; color: #fff; border-radius: 3px; padding: 8px 16px; cursor: pointer; font-size: 14px;}
.download-cont{ width: 600px; margin: 0 auto;}
.download_ap{ width: 598px; height: 382px; background: url("../images/download_ap.jpg") no-repeat;}
.download_ad{ width: 598px; height: 382px; background: url("../images/download_ad.jpg") no-repeat;}
.download-cont h2{ font-size: 24px; color: #36b5d5; padding-top: 50px; font-weight: normal;}
.download-cont ul{ padding-top: 20px; padding-left: 30px; margin-bottom: 20px;}
.download-cont ul li{ color: #fff; line-height: 22px;}
.download_info{ float: left; width: 335px;}
.download_2code{ margin-left: 335px; padding-top: 14px; width: 240px; height: 240px;}
.download_2code img{ width: 240px; height: 240px;}
.downloadbtn{ padding-left: 30px; width: 300px;}
.download-cont a.down_btn{  float: left; display: block; width: 145px; height: 43px; line-height: 43px; background: url("../images/download_btn.jpg") no-repeat;}
.downloadbtn p{ color: #fff; padding-left: 160px; line-height: 22px;}