* { margin: 0; padding: 0; outline: none; }
 *:not(input, textarea) {
 -webkit-touch-callout: inherit;
 -webkit-user-select: auto;
}
html { max-width:480px; margin:0 auto; }
body { font-family:'Microsoft YaHei' Arial; font-size: 16px; color: #878787; -webkit-touch-callout: inherit; -webkit-user-select: auto; background-color: #fff; }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { text-decoration: none; }
button, input, select, textarea { margin: 0; padding: 0; outline: none; }
dt, dd { display: inline-block; }
textarea, input { resize: none; outline: none; }
textarea { resize: none; -webkit-appearance: none; }
ul, ol, li { list-style: none; }
em { font-style: normal; }
h2 { font-size:30px; margin:8% 0 1%; text-align:center; padding-bottom: 1%; color:#00669b; font-weight: bold; line-height: 20px; }
h2 em { font-size:12px; font-weight:normal; color: #c6c4c4; }
p { text-align:justify; text-justify:distribute-all-lines; font-family:'Microsoft YaHei' !important; }
div, ul, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, span, a, p, em { font-family:'Microsoft YaHei' !important; }
.clr, .clr8 { clear:both; height:0; line-height:0; font-size:0; width:100%; overflow:hidden }
.clr8 { height:8px; background:#f0f0f0; }
 img[src*=".jpg"] {
 border: none;
 background-image: url(/images/loading.gif);
 background-size: 10px 10px;
 background-position: center center;
 background-repeat: no-repeat;
 width: 100%;
}
 [class*="icon-n"]:before, [class^="icon-n"]:before {
 content:"";
 background:url(../images/icon-n-bg.png) no-repeat;
 display:inline-block;
 background-size:85px 150px;
}
.icon-n-home:before { width:38px; height:35px; background-position: 0px 0; position:relative; top:16px; }
.icon-n-hospital:before { width:36px; height:35px; background-position: 0px -36px; position:relative; top:16px; }
.icon-n-doctor:before { width:35px; height:38px; background-position: 0px -72px; position:relative; top:16px; }
.icon-n-case:before { width:37px; height:35px; background-position: 0px -110px; position:relative; top:16px; }
.icon-n-baike:before { width:40px; height:36px; background-position: -40px 0px; position:relative; top:16px; }
.icon-n-technology:before { width:45px; height:33px; background-position: -40px -38px; position:relative; top:18px; }
/*.icon-n-tel:before { width:45px; height:35px; background-position:-40px -72px; position:relative; top:18px; }*/

.icon-n-tel:before { width:40px; height:39px; background-position:-45px -71px; position:relative; top:14px; }
.icon-n-route:before { width:42px; height:38px; background-position: -40px -110px; position:relative; top:16px; }
header .logo { text-align:center; background:#00669b; }
header .logo img { width:100%; margin:1% auto; }
.head { overflow:hidden; position:relative; }
.head .hd { position:absolute; z-index:1; bottom:0; left: 40%; margin-right: -50px; padding: 10px; }
.head .hd ul { overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:15px; display:block }
.head .hd ul li { -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; width:8px; height:8px; border-radius: 50%; margin-right: 10px; font-size: 0px; background: #a7a7a7; border: 1px solid #a7a7a7; float:left; }
.head .hd ul .on { background:#ffffff; }
.head img { width:100%; }
nav { overflow:hidden; padding:5% 4% 0; }
nav ul li { width:25%; float:left; text-align:center; font-size:14px; margin-bottom:20px; }
nav ul li a { color: #5b5b5b; }
nav ul li span { width:65px; height:65px; display:inline-block; background-color:#ffb4d5; border-radius:50%; }
 nav ul li:nth-of-type(2) span {
 background-color:#83cffa;
}
 nav ul li:nth-of-type(3) span {
 background-color:#9de5a3;
}
 nav ul li:nth-of-type(4) span {
 background-color:#fe8b79;
}
 nav ul li:nth-of-type(5) span {
 background-color:#f7c4ab;
}
 nav ul li:nth-of-type(6) span {
 background-color:#e0bdf6;
}
 nav ul li:nth-of-type(7) span {
 background-color:#ffbe00;
}
 nav ul li:nth-of-type(8) span {
 background-color:#92a6f5;
}
nav ul li p { line-height:24px; width:100%; text-align:center; padding-top: 4px; }
.banner { margin-top: 5%; }
.banner img { width:100%; }
.index { overflow:hidden; }
.yyxw ul { padding-bottom: 30px; }
.yyxw ul li { line-height:36px; list-style-type:circle; padding-left:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #eeeeee; }
.yyxw ul li span { width: 8.8%; height: 26px; border: 1px solid #fc8a03; border-radius: 5px; color: #fc8a03; padding: 2px; }
.yyxw ul li em { color:#fc8302; padding: 0 5px; }
.tszl { padding-bottom:4%; }
.tszl ul { padding:0 2%; }
.tszl ul li { width:32.6%; float:left; text-align: center; font-size:17px; background: #eaeaea; padding:3% 0; margin-bottom: 10px; margin-left: 1%; }
.tszl ul li:nth-of-type(1), .tszl ul li:nth-of-type(4), .tszl ul li:nth-of-type(7) {
margin-left: 0;
}
.tszl ul li p { color: #646464; text-align:center; font-size: 15px; white-space: nowrap; }
.tszl ul li span { width:68px; height: 68px; display: inline-block; }
.tszl ul li span.pic01 { background: url(../images/pic_ks01.png) center no-repeat; }
.tszl ul li span.pic02 { background: url(../images/pic_ks02.png) center no-repeat; }
.tszl ul li span.pic03 { background: url(../images/pic_ks03.png) center no-repeat; }
.tszl ul li span.pic04 { background: url(../images/pic_ks04.png) center no-repeat; }
.tszl ul li span.pic05 { background: url(../images/pic_ks05.png) center no-repeat; }
.tszl ul li span.pic06 { background: url(../images/pic_ks06.png) center no-repeat; }
.tszl ul li span.pic07 { background: url(../images/pic_ks07.png) center no-repeat; }
.tszl ul li span.pic08 { background: url(../images/pic_ks08.png) center no-repeat; }
.tszl ul li span.pic09 { background: url(../images/pic_ks09.png) center no-repeat; }
/*zjtd*/

@media screen and (min-width:320px) {
 .roundabout-holder {
height:230px !important;
}
}
 @media screen and (min-width:375px) {
 .roundabout-holder {
height:260px !important;
}
}
 @media screen and (min-width:414px) {
 .roundabout-holder {
height:290px !important;
}
}
 @media screen and (min-width:480px) {
 .roundabout-holder {
height:360px !important;
}
}
.zjtd .container { padding:0 2% 2% 2.5%; }
.roundabout-moveable-item .btn { position:absolute; bottom:15px; right:10px; width:26px; }
.roundabout-moveable-item .btn span { width:30px; height:30px; display:inline-block; background-color:#42e6bd; border-radius:50%; text-align:center; margin-bottom:10px; box-shadow:0px 2px 2px #999; }
 .roundabout-moveable-item .btn a:nth-of-type(2) span {
background-color:#fe7968;
}
.roundabout-moveable-item .btn span:before { content:"";  background-repeat:no-repeat; background-position:3px 0; background-size:24px 29px; width:36px; height:30px; display:inline-block; vertical-align: top; margin-top: 1px; }
 .roundabout-moveable-item .btn a:nth-of-type(2) span:before {

background-position:0 3px;
background-size: 33px 27px;
}
.roundabout-in-focus .btn { position:absolute; bottom:15px; right:10px; width:44px; }
.roundabout-in-focus span { width:44px !important; height:44px !important; }
.roundabout-in-focus .btn span:before { content:""; background-repeat:no-repeat; background-position:-2px -8px; background-size:42px 46px; width:38px; height:32px; display:inline-block; vertical-align: top; margin-top: 7px; }
 .roundabout-in-focus .btn a:nth-of-type(2) span:before {

background-position:-4px -3px;
background-size: 50px;
}
/*===== gallery =====*/

.roundabout-holder { width:80%; height:360px; margin:0 auto; }
.roundabout-moveable-item { width: 60%; height: auto; cursor: pointer; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.roundabout-moveable-item img { width:100%; }
/*jishu*/

.gxhzl { padding-bottom:4%; }
.gxg_tit { padding:0 10px; overflow:hidden; }
.gxg_tit li { width:24%; float:left; display:inline; margin-right:1%; background-color:#969797; color:#fff; overflow:hidden;  text-align:center; background-size:cover; padding-bottom:5px; }
.gxg_tit li.hover {  background-size:cover; }
.gxg_tit li em img { width:90%; }
 .gxg_tit li:nth-of-type(last) {
margin-right:0;
}
.con_jishu { background-color:#ececec; margin:15px 0; padding: 0 2%; overflow:hidden; }
.con_jishu img { width:50%; float:left; }
.con_jishu p { font-size:12px; color:#333; margin:12px 0; }
.con_jishu p font { color:#3abfb8; margin-left:15px; }
.hot ul { padding:0 8% 4%; }
.hot ul li { height:36px; line-height:36px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hot ul li em { width:18px; height:16px; display:inline-block; background: url(../images/icon_arrow.png) left center no-repeat; padding-right: 5px; }
 .hot ul li:nth-of-type(1):after, .hot ul li:nth-of-type(2):after, .hot ul li:nth-of-type(3):after {
 content:"";
 background:url(../images/icon_new.png) no-repeat;
 width: 17px;
 height: 16px;
 display: inline-block;
 margin: 0 0 0 5px;
}
.tsfw ul { padding:0 2%; overflow: hidden; }
.tsfw ul li { width: 25%; float: left; margin-bottom: 3px; }
.tsfw img { width: 100%; }
.swt { width: 50%; margin: 6% auto; background:#00669b; text-align: center; border-radius: 5px; padding: 6px 0; }
.swt a { font-size: 20px; color: #fff; }
 @media screen and (max-width:320px) {
 .swt {
width: 55%;
}
 .swt a {
font-size: 18px;
}
}
.swt em { width: 49px; height: 29px; line-height:29px; display: inline-block; background:url(../images/icon_blank.png) center no-repeat; color: #ffae00; text-align: right; }
.form_d { overflow: hidden; background:#f0f0f0; position:relative; }
.form { width: 95%; background-color:#f1de9d; border-radius: 0 0 0 38px; box-shadow:0px 5px 0px #c4af4c; padding:2% 0 1% 5%; overflow: hidden; margin: 10% 0; position: relative; }
.form .form_con { width:50%; float: left; overflow: hidden; }
.form .form_con h3 { color:#333; text-align:center; line-height:30px; font-size:18px; margin-bottom:6px; }
.form .form_con input, .form .form_con select, .form .form_con textarea { line-height:22px; border:1px #ccc solid; background:#e0dfdf; padding-left:2%; font-size:14px; color:#b6b6b6; margin-bottom:4px; box-shadow: -1px -1px 1px #333; width:98%; }
 .form .form_con p:nth-of-type(1) input {
float:left;
width:47%;
margin-right: 2%;
}
.form .form_con select { float:left; width:47%; height:24px; }
.form .form_con p { width:100%; }
.form .form_con span input { background:#272727; width:47%; margin-right:2%; border-radius:5px; line-height:24px; border:none; text-align:center; color:#fff; padding:0; font-size: 14px; }
 .form .form_con span:nth-of-type(2) input {
background:#ff8781;
color:#414141;
margin-right:0%;
}
.form_d .form_pic { width:50%; height:100%; float: left; position: absolute; top:0; right: 0; background:url(../images/pic_hushi.png) no-repeat right top; background-size: contain; }
footer { background-color:#00669b; overflow:hidden; padding:1% 0 5%; }
footer p{ clear:both; color:#fff; text-align:center;  font-size: 14px;}
footer .foot_lf { width: 41%; float: left; padding:0 2%; }
footer .foot_lf img { width: 100%; margin-top: 10%; }
.line { width: 1px; height:150px; float: left; background:url(../images/line.jpg); background-size: contain; }
footer .foot_rg { width: 48.5%; float: left; padding:0 3%; }
footer .foot_rg dl { overflow: hidden; margin-top: 10%; }
footer .foot_rg dl dt { width: 40px; height: 40px; float: left; border-radius:50%; background: #ffca00 url(../images/icon_tel.png) center no-repeat; }
 footer .foot_rg dl:nth-of-type(2) dt {
background: #00669b url(../images/icon_lx.png) center no-repeat;
margin-top: 6%;
}
footer .foot_rg dl dd { width: 77%; float: left; font-size: 14px; padding-left: 3%; margin-top: 2%; }
 @media screen and (min-width:360px)and (max-width:412px) {
 footer .foot_rg dl dd {
width: 74%;
font-size: 12px;
}
}
 @media screen and (max-width:350px) {
 footer .foot_rg {
width: 51.5%;
padding:0 1.5%;
}
 footer .foot_rg dl dt {
width: 36px;
height: 36px;
}
 footer .foot_rg dl dd {
width: 78%;
font-size: 12px;
padding-left: 0;
}
}
footer a { color: #fff; }
/*list*/

.list { overflow:hidden; padding:5% 0.5% 6%; }
.list ul.list_hot { padding:0 10px; }
.list ul.list_hot li { width:49.5%; float:left; line-height:45px; font-size:14px; background-color:#7baeef; margin-bottom:8px; text-align:center; }
.list ul.list_hot li a, .list ul.list_hot p a { color:#fff; }
 .list ul.list_hot li:nth-of-type(2) {
float:right;
background-color:#9983ce;
}
 .list ul.list_hot li:nth-of-type(3) {
background-color:#60bac5;
}
 .list ul.list_hot li:nth-of-type(4) {
float:right;
background-color:#caaf95;
}
.list ul.list_hot p { width:100%; line-height:45px; background-color:#ff8781; text-align:left; text-indent:12px; overflow:hidden; }
.list ul.list_hot p span { width:22.83%; line-height:22px; color:#333; background:#cfddf6; border-radius:5px; display: inline-block; text-align: center; text-indent: 0; margin:3% 4% 0 0; float:right; }
.list_con { overflow:hidden; text-align:center; }
.list_con h3 { line-height:42px; font-size:16px; padding-left:10px; padding-top:10px; border-bottom:1px #999 solid; text-align:left; }
.list_con p { line-height:35px; width:100%; border-bottom:1px #999 solid; }
.icon-n-book:before { width: 22px; height: 15px; margin: 0px 6px 0 10px; background:url(../images/icon_book.png) center no-repeat; background-size: 100%; }
.list_con span.icon { width:40.58%; display:inline-block; margin:4% 0; text-align:left; line-height:15px; padding:4% 0; background-color:#7faefe; border-radius:5px; padding-left:2%; }
 .list_con span.icon:nth-of-type(2) {
background-color:#3d3d3d;
}
.list_con span.icon a { color:#fff; font-size:12px }
.ani_blue1 { -webkit-animation: ani_blue1 2s infinite; }
.ani_blue2 { -webkit-animation: ani_blue2 2s infinite; }
 @-webkit-keyframes ani_blue1 { 0% {
 background:#7faefe;
}
 50% {
 background:#7faefe;
}
 50.1% {
 background:#3d3d3d;
}
 100% {
 background:#3d3d3d;
}
}
 @-webkit-keyframes ani_blue2 { 0% {
 background:#3d3d3d;
}
 50% {
 background:#3d3d3d;
}
 50.1% {
 background:#7faefe;
}
 100% {
 background:#7faefe;
}
}
.icon-n-tell:before { width:40px; height:36px; background:url(../images/icon_tel1.png) center no-repeat; background-size:100%; float:left; }
.icon-n-msg2:before { width:36px; height:36px; background:url(../images/icon_msg.png) center no-repeat; background-size:100%; float:left; }
.list_same { overflow:hidden }
.list_same h3 { line-height:42px; font-size:16px; padding-top:10px; text-align:left; color:#333; }
.list_hot h3 { line-height:42px; font-size:16px; padding-top:10px; text-align:left; color:#333; }
.icon-n-link:before { width: 22px; height: 22px; margin: 0px 6px 0 10px; background:url(../images/icon_link.png) center no-repeat; background-size: 100%; float: left; margin-top: 10px; }
.list_same p { line-height:25px; padding:0 10px; }
.list_same p:before { content:""; border-left:3px #7baeef solid; height:12px; display:inline-block; position:relative; top:2px; margin:0px 6px 0 10px; }
 .list_same p:nth-of-type(2):before {
border-left:3px #9983ce solid;
}
 .list_same p:nth-of-type(3):before {
border-left:3px #ff8781 solid;
}
.page { text-align:center; margin-top:10px; margin-bottom:10px }
.page li { display:inline-block; color:#5d5d5d; }
.page li a { color:#5d5d5d; }
 .page li:nth-child(2), .page li:nth-child(3) {
 border:1px solid #c8c8c8;
 padding:0px 5px;
 margin:0px 5px;
}
/*article*/

.art_tel { margin:12px 18px; overflow:hidden; background-color:#ff8f0d; border-radius:5px; line-height:35px; font-size:14px; }
.art_tel .input_text { width:63.75%; margin:5px 10px 5px 5px; line-height:29px; text-indent:12px; color:#ccc; border:none; background:#fff; float:left; }
.art_tel .input_sub { border:none; background:none; line-height:41px; color:#fff; float: left; padding-left: 5px; font-size: 14px; }
.art_tel div { text-align:center; }
.icon-n-tel2:before { width:25px; height:41px; display:inline-block;  background-size:100%; float: left; }
.article h1 { text-align:center; font-size:22px; padding:15px 0 10px; }
.article h1 a { color:#f27a19; }
.article p { border:none; line-height:20px; text-align:center; font-size:12px; font-family:'Microsoft YaHei' !important; }
.article ul { margin:15px 0; padding:0 2%; overflow:hidden; display:block; }
.article ul li { width:24%; line-height:40px; background-color:#eee; margin:0 .5%; float:left; font-size:12px; color:#333; font-family:"Microsoft YaHei"; }
.article ul li span { width:20px; height:20px; background:none; }
.article ul li span:before { width:20px; height:16px; position:relative; top:2px; background-size:450% }
.icon-n-heart:before { background-position:-24px -90px; }
.icon-n-si:before { background-position:-24px -105px; }
.icon-n-sun:before { background-position:-24px -122px; }
.icon-n-calendar:before { background-position:-24px -141px; }
.article .art_con { padding:0 10px; line-height:24px; font-size:14px; font-family:"Microsoft YaHei"; }
.article .art_con p { font-size:14px; text-align:left; font-family:"Microsoft YaHei"; line-height:25px !important; }
.article .art_con p a u{color:blue;}
.article .art_con img { width:100% !important; height: auto !important; }
.yindao { border:1px solid #e0e0e0; background:#F5F7FF; padding:8px; margin:8px; }
.yindao h4 { margin:0 10px; }
.yindao h4.red { color:red; }
.yindao p { text-indent:2em; font-size:14px; line-height:24px; margin:0px; border-bottom: none; }
.arc-zixun { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.arc-zixun a { -webkit-box-flex: 1; -moz-box-flex:1; -webkit-flex-grow: 1; flex-grow: 1; display:block; }
.yindao p.arc-zixun { text-align: center; margin:10px 0 0; }
.arc-zixun a { line-height: 40px; background:#F0C040; border-bottom: 2px solid #C2900A; border-radius: 4px; -webkit-border-radius: 4px; text-indent:0; }
 .arc-zixun a:nth-child(2) {
 margin:0 8px;
 background: #F05540;
 border-color:#C92913;
}
.ewm { padding: 2%; overflow: hidden; }
.ewm img { width: 100%; }
.ewm_lf { width: 50%; float: left; }
.ewm_lf ul { overflow: hidden; }
.ewm_lf span { width:84%; display: block; background: #298a82; font-size: 18px; color: #fff; text-align: center; border-radius: 5px; line-height: 25px; padding: 2px 0; box-shadow: 3px 4px 3px #125b55; margin: 0 auto 5px; }
 @media screen and (max-width:350px) {
 .ewm_lf span {
font-size: 15px;
}
}
.ewm_lf ul li { font-size: 16px; font-weight: bold; color:#0f4f4a; line-height: 24px; text-align: center; }
 @media screen and (max-width:350px) {
 .ewm_lf ul li {
font-size: 14px;
line-height: 18px;
}
}
 @media screen and (min-width: 351px) and (max-width: 375px) {
 .ewm_lf span {
font-size: 17px;
}
 .ewm_lf ul li {
font-size: 14px;
line-height: 20px;
}
}
 @media screen and (min-width: 376px) and (max-width: 395px) {
 .ewm_lf ul li {
font-size: 15px;
line-height: 22px;
}
}
.ewm_rg { width: 37%; float: left; margin-left: 6%; padding-left: 6%; border-left:3px dashed #298a82; }
.zjtd { padding-bottom:20px; }