@charset "gb2312";
/* CSS Document */

.flex1 { -webkit-box-flex: 1; -moz-box-flex: 1;	-webkit-flex: 1; -ms-flex: 1;flex: 1;}
.flex{ display: box;	 display: -webkit-box;	 display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.flex-hc { -webkit-box-pack: center;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center;-o-justify-content: center;justify-content: center;display: box;	 display: -webkit-box;	 display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.flex-hs { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content: space-between; -o-justify-content: space-between;justify-content: space-between;}
.flex-vc {-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center; -ms-align-items: center;-o-align-items: center; align-items: center;}
.flex-v {display: box;display: -webkit-box;  display: -moz-box;	display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;
-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column;flex-direction: column;}
.flex-hw {-webkit-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}

html, body { height: 100%;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
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 { margin: 0; padding: 0 }
ul, ol { list-style: none }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
a { text-decoration: none; }
h2, h3, h4 { font-family: "Microsoft YaHei"; }
html{ font-size:125%;}
body {  font-size:28px; font:1.4em/1.4 "microsoft yahei", "Tahoma", \5b8b\4f53, Arial;color: #444; font-family:"microsoft yahei"; background-color:#fff}
.wp { width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow:hidden;}
.z{ float:left;}
.y{ float:right;}
.tr{ text-align:right;}
.tc{ text-align:center;}
img{ border:none; border:0;}
img{ width:100%; height:auto;}
.lay { padding-left:2% !important; padding-right:2% !important; }

.head{ width:100%; background:#fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);}
.head .top{ height:3.4rem; overflow:hidden; padding:0.8rem 0;}
.head .logo{ width:54.6%; height:auto; overflow:hidden;}
.head .h_r a{ color:#fff;}
.head .h_r span{ padding:0.3rem 0.4rem; line-height:1.4rem; color:#ffffff; font-size:1.3rem; text-align:center; border-radius:0.5rem;-moz-border-radius:0.5rem;-ms-border-radius:0.5rem;-o-border-radius:0.5rem;-webkit-border-radius:0.5rem;}
.head .h_size1{ background:#f9a02c;margin-right: 1rem;}
.head .h_size2{ background:#5bb4d3;}

.banner img{display:block;}
.banner .bn3{ position:relative;}
.banner .bn3 a{ position:absolute; display:block; left:45.6%; top:-0.5%; font-weight:bold; height:3.4rem; width:4.1rem; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; color:#fff; font-size:1.2rem; line-height:1.3rem; background-color:#f9a02c; text-align:center; padding-top:0.7rem;animation: first 1s infinite alternate linear;-moz-animation: first 1s infinite alternate linear;-webkit-animation: first 1s infinite alternate linear;-o-animation: first 1s infinite alternate linear;}

.introduction{ height:6.3rem; background-color:#297eae; background-image:url(images/zgjl_10.jpg); background-size:contain; background-repeat:no-repeat; background-position:bottom left; color:#fff; text-indent:2em; padding-top:0.8rem; font-size:1.2rem; line-height:1.7rem;}
.zx_ipt{ height:2.7rem; border:1px solid #e6e5e3; font-size:1.2rem; border-right:0; color:#e9982e; line-height:2.7rem; padding-left:1.2rem; background-color:#e6e5e3;}
.zx_btn{ height:2.7rem; line-height:2.7rem; text-align:center; font-weight:bold; color:#fff; background-color:#f9a02c; border:1px solid #f9a02c; width:9.5rem;}
.adv{ position:relative; border:1px dashed #2d77a0; font-weight:bold; text-align:center; height:5.9rem; color:#2d77a0; margin-top:1.2rem;}
.adv a{ background:url(images/zgjl_22.jpg) no-repeat; background-size:contain; display:block; position:absolute; width:5.4rem; height:2.4rem; left:50%; margin-left:-2.7rem; bottom:0.6rem;animation: first 1s infinite alternate linear;-moz-animation: first 1s infinite alternate linear;-webkit-animation: first 1s infinite alternate linear;-o-animation: first 1s infinite alternate linear;}
.adv p{ line-height:1.4rem; padding-top:0.6rem;}
.que{ padding-bottom:1.3rem; position:relative; padding-top:1.5rem; background-color:#e8f7ff; border:1px dashed #d3e6f0}
.que h5{ position:absolute; text-align:center; height:2.7rem; width:14.2rem; font-size:1.4rem; line-height:2.7rem; margin-bottom:0.7rem; background-color:#c2e8fd; top:-1.4rem; left:50%; margin-left:-7.1rem;}
.que ul{ overflow:hidden; padding:0 0.9rem;}
.que li{ width:100%; height:3rem; font-size:1.2rem; border-bottom:1px dashed #b4cbd7; border-top:1px dashed #ffffff;}
.que li:nth-of-type(1){ border-top:0;}
.que li a.z{ border-left:0.2rem solid #61a7ce; padding-left:0.4rem; color:#444; height:1.2rem; line-height:1.2rem; margin-top:0.9rem;}
.que li a.y{ width:6.4rem; height:1.9rem; line-height:1.9rem; text-align:center; color:#fff; background-color:#61a7ce; border-radius:0.3rem;-moz-border-radius:0.3rem;-ms-border-radius:0.3rem;-o-border-radius:0.3rem;-webkit-border-radius:0.3rem; margin-top:0.5rem}

.type{padding:1.4rem 0 2rem;}
.type h3{ text-align:center; font-size:2rem; color:#2f759c; margin-bottom:1.4rem; line-height:2rem;}
.type .tp_1{ width:49%; border:1px solid #dbdbdb;}
.type .tp_1 h4{ height:2.1rem; line-height:2.1rem; font-size:1.4rem; text-align:center; background-color:#c1e9ff;}
.type .tp_1 img{ display:block; width:100%; height:auto;}
.type .fx_down{ margin-top:1.1rem; margin-bottom:1.7rem;}


.hd{ margin-bottom:0.2rem;}
.hd .title{ height:3.5rem; line-height:3.5rem; font-weight:bold; position:relative; color:#fff; font-size:1.6rem; background-color:#f9a02c;}
.hd .title:after{ position:absolute; display:block; content:""; background:url(images/btn_01.gif) no-repeat; background-size:contain; right:3%; top:1.4rem; height:0.8rem; width:1.5rem;}
.hd .title h4{ width:4.5rem; height:3.5rem; background-color:#e88402; text-align:center; color:#f4c8a4}
.hd .title .tit{ padding-left:1.6rem;}
.hd1 .title{ background-color:#58a3cc;}
.hd1 .title:after{ background:url(images/btn_02.gif) no-repeat; background-size:contain;}
.hd1 .title h4{ background-color:#3586b3; color:#aec8db;}
.part .on{ margin-bottom:0;}
.part .bd{ display:none;}

.what{padding:1.2rem 0 1.9rem;}
.what img{ display:block; height:9rem; width:9rem;}
.what .pt{ text-indent:2em; line-height:1.9rem; padding-bottom:0.9rem;}
.what .flx_down{ margin:1.4rem 0 1.5rem;}
.what .zx_ipt{ font-size:1.2rem;}




.cause{ padding:1.6rem 0 1.5rem;}
.cause .cas1{ background-color:#e8f7ff; height:9.6rem; padding-left:1.1rem;}
.cause .show{ line-height:2.1rem; padding-top:1.2rem;}
.cause .sl{ width:53%}
.cause .show p{ position:relative; padding-left:1.9rem;}
.cause .show p:before{ content:""; display:block; position:absolute; background:url(images/zgjl_42.jpg) no-repeat; background-size:contain; top:50%; left:0; height:1.3rem; width:1.3rem; margin-top:-0.6rem;}
.cause .info{ font-size:1.2rem; color:#666666; line-height:1.7rem; padding:0.8rem 0 2.1rem;}


.endanger{ padding:2.1rem 0 1.6rem;}
.endanger img{ display:block; width:6.7rem; height:6.7rem;}
.endanger .pt{ font-size:1.2rem; line-height:1.7rem; padding:0rem 0 2.9rem;}
.endanger .flx_down{ margin:1rem 0 1.4rem;}
.endanger .que{ background-color:#fff3e4; border-color:#f6e4cc;}
.endanger .que h5{ background-color:#ffd399;}
.endanger .que li{ border-bottom-color:dac4a8; }
.endanger .que li a.z{ border-left-color:#ffa939;}
.endanger .que li a.y{ background-color:#ffa939;}


.therapy { padding:1.3rem 0 2rem;}
.therapy .pt{ text-indent:2em; line-height:1.9rem; }
.therapy .pt a{color:#58a3cc}
.therapy h4{ font-size:1.4rem; text-align:center; padding:1.5rem 0 1rem;}
.therapy h4 span{ display:inline-block; padding:0 1rem; color:#58a3cc; font-size:2rem;}
.therapy table{ border:1px solid #d7d7d7; border-collapse:collapse; text-align:center; font-size:1rem; line-height:2.6rem; margin-bottom:1.4rem;}
.therapy th,.therapy td{  border:1px solid #d7d7d7;}
.therapy th{ font-weight:bold; font-size:1.2rem;}
.therapy .td1{ font-size:1.2rem; width:24.6%}
.therapy .tl{ width:24.6%;}
.therapy .td2{ line-height:1.4rem;}
.therapy .u1{ margin-bottom:0.9rem;}
.therapy .u1 li{ width:9.7rem; line-height:2.5rem; text-align:center; font-size:1rem;}
.therapy .u1 li img{ display:block; width:9.7rem;}
.therapy .zx{ margin-bottom:2.7rem;}
.therapy .zx_ipt{ background-color:#fff; border-color:#61a7ce; border-style:dashed; color:#346e8f;}
.therapy .zx_btn{ background-color:#61a7ce; border-color:#61a7ce}

.doc{ padding:1.6rem 0 1.5rem;}
.doc img{ display:block}
.doc .u1{ margin-right:-0.4rem; margin-bottom:0.9rem;}
.doc .u1 li{ background-color:#fae6cd; color:#666666; font-weight:bold; line-height:2rem;height:5rem; margin-right:0.4rem; text-align:center}
.doc .u1 li:nth-of-type(2){ background-color:#fdd9d1}
.doc .u1 li:nth-of-type(3){ background-color:#f5deff}
.doc .doc_desc{ padding:0 2%; padding-bottom:1.2rem; margin-bottom:1.8rem; border:1px solid #fff; border-right:0; border-left:0; background-color:#f6f6f6;}
.doc .doc_desc .p1{ padding:0.5rem 0 0.2rem; color:#f9a02c; font-size:1.2rem;}
.doc .doc_desc .p1 span{ color:#f9a02c;font-size:1.4rem; font-weight:bold;}
.doc .doc_desc .p2{ font-size:1.2rem; color:#666666; line-height:1.7rem; border-bottom:1px dashed #cab88a; padding-bottom:0.4rem;}
.doc .doc_desc .p2 b{ color:#444}
.doc .doc_desc .p2 a{ color:#F00;}
.doc .doc_desc h5{ position:relative; text-align:center; color:#f9a02c; font-size:1.3rem; line-height:1.4rem; padding:0.7rem 0 0.5rem;}
.doc .doc_desc h5 i{ position:absolute; display:block; background:url(images/zgjl_75.jpg) no-repeat; width:1.3rem; height:1.5rem; left:8.8rem; top:0.7rem;background-size:contain}
.doc .doc_desc .u2{ margin-right:-0.3rem;}
.doc .u2 li{ float:left; background-color:#c9ffed; text-align:center; line-height:1.5rem; height:4.9rem; padding-top:0.3rem; margin-right:0.3rem; border-radius:0.3rem;-moz-border-radius:0.3rem;-ms-border-radius:0.3rem;-o-border-radius:0.3rem;-webkit-border-radius:0.3rem; font-size:1rem; width:32.2%; color:#666666}
.doc .doc_desc .u2 li span{ font-size:1.3rem;}
.doc .zx_ipt{ background-color:#fff; border-color:#f49b28; border-style:dashed; color:#f49b28;}

.hospital{ padding:2.2rem 0 0;}
.hospital .info img{ display:block; margin-bottom:1.6rem; width:10.9rem; margin-right:0.7rem; height:7.8rem;}
.hospital .info p{ line-height:1.9rem; font-size:1.2rem; text-indent:2em;}
.hospital .info p a{ color:#F00;}
.hospital .fx_main{ text-align:center; background-color:#ecf8ff; width:49%; height:10.3rem;}
.hospital .fx_main img{ display:block; margin:0 auto; width:14rem;} 
.hospital .fx_main h4{ line-height:2.1rem; font-size:1.2rem; color:#58a3cc;}
.hospital .fx_main p{ font-size:1rem; margin-top:0.4rem;}
.hospital .fx_in{ margin:1.2rem 0 1.5rem;}
.hospital .fx_in .fx_main{ height:11.8rem;}
.hospital .desc{ height:5.1rem; border:1px dashed #4a9bc8; color:#4a9bc8; text-align:center; margin-bottom:2.1rem;}
.hospital .desc .p1{ line-height:1.4rem; padding:0.7rem 0 0.5rem;}
.hospital .desc .p2 a{ display:inline-block; height:1.9rem; width:8.5rem; vertical-align:top; margin-left:0.6rem;}
.hospital .info_tit{ width:11.5rem; height:2.8rem; padding-left:1.9rem; color:#fff; line-height:2.8rem; background-color:#5fa8d0; position:relative; margin-bottom:1.4rem; font-size:1.4rem;}
.hospital .info_tit:after{ position:absolute; content:""; display:block; border-bottom:1.4rem solid #fff;border-top:1.4rem solid #fff;border-left:1.4rem solid #5fa8d0; top:0; right:-1.4rem;}
.hospital .xw{ margin-bottom:0.9rem;}
.hospital .xw img{width:2.7rem; height:2.7rem; display:block; margin-right:0.6rem;}
.hospital .xw .dh{ background-color:#f5f5f5; border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem;-webkit-border-radius:0.2rem;}
.hospital .xw .dh .name{ font-size:1.2rem; color:#ff8870; padding-top:0.4rem; padding-left:0.7rem; padding-bottom:0.1rem;}
.hospital .xw .dh .nr{ margin:0 0.3rem; padding-bottom:0.5rem; padding-left:0.5rem; border-bottom:1px solid #c2c0bd; line-height:1.6rem; color:#666666; font-size:1.2rem;}
.hospital .xw .gn li{ width:24.5%; font-size:1rem; border-right:1px solid #c2c0bd; height:1.6rem; line-height:1.6rem; text-align:center; margin-bottom:0.2rem}
.hospital .xw .gn .li1{ border-right:0;}
.hospital .xw .gn li img{ width:0.7rem; height:0.7rem; display:inline-block; margin-right:0.2rem;}
#mq{ position:relative; overflow:hidden; height:24.5rem;}
#mq1{ position:relative;}
#mq2{ position:relative}


.footer { background: #4d4d4d; margin-top:1.5rem}
.footer .f_nav { background: #767676; height:2.8rem; line-height:2.8rem; font-size:1.4rem; overflow:hidden;}
.footer .f_nav li { width: 16%; float: left; text-align:center; border-left:1px solid #939393;border-right:1px solid #4c4c4c;}
.footer .f_nav li.f{ border-left:none;}
.footer .f_nav li.l{ border-right:none;}
.footer .f_nav li a { color: #fff;}
.footer .copyright { padding: 1rem 0px; text-align: center; color: #fff; line-height:2rem; font-size:1.2rem;}
.footer .copyright a { color: #fff; }

#quick-menu .arrow{  position:absolute; left:50%; bottom:0; font-size:2rem; color:#fff; margin-left:-2rem; width:4rem; height:3rem; line-height:1; text-align:center;}
#quick-menu{ position:relative;display:none; background-color:rgba(0,0,0,0.8); }
#quick-menu ul{padding:2rem 0 4rem; font-size:1.6rem;}
#quick-menu li{ height:3.4rem; line-height:3.4rem; padding:0 5rem;}
#quick-menu li a{ height:3rem; line-height:3rem; border-bottom:1px solid #999; color:#eee; display:block;}
.show_no{ display:none}
.show_bk{ display:block; position:fixed; height:6.7rem; padding:0.3rem 0 0; width:2rem; font-size:1.2rem; color:#fff; background:#09F; top:50%; left:0; margin-top:-3.5rem; text-align:center;}


@keyframes myfirst
{from { transform:translateX(-0.5rem);-moz-transform:translateX(-0.5rem);-ms-transform:translateX(-0.5rem);-o-transform:translateX(-0.5rem);-webkit-transform:translateX(-0.5rem)}to {transform:translateX(0.5rem);-moz-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);-o-transform:translateX(0.5rem);-webkit-transform:translateX(0.5rem);}}

@-moz-keyframes myfirst 
{from { transform:translateX(-0.5rem);-moz-transform:translateX(-0.5rem);-ms-transform:translateX(-0.5rem);-o-transform:translateX(-0.5rem);-webkit-transform:translateX(-0.5rem)}to {transform:translateX(0.5rem);-moz-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);-o-transform:translateX(0.5rem);-webkit-transform:translateX(0.5rem);}}

@-webkit-keyframes myfirst 
{from { transform:translateX(-0.5rem);-moz-transform:translateX(-0.5rem);-ms-transform:translateX(-0.5rem);-o-transform:translateX(-0.5rem);-webkit-transform:translateX(-0.5rem)}to {transform:translateX(0.5rem);-moz-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);-o-transform:translateX(0.5rem);-webkit-transform:translateX(0.5rem);}}

@-o-keyframes myfirst 
{from { transform:translateX(-0.5rem);-moz-transform:translateX(-0.5rem);-ms-transform:translateX(-0.5rem);-o-transform:translateX(-0.5rem);-webkit-transform:translateX(-0.5rem)}to {transform:translateX(0.5rem);-moz-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);-o-transform:translateX(0.5rem);-webkit-transform:translateX(0.5rem);}}

@keyframes first
{from { transform:translateY(-0.2rem);-moz-transform:translateY(-0.2rem);-ms-transform:translateY(-0.2rem);-o-transform:translateY(-0.2rem);-webkit-transform:translateY(-0.2rem)}to {transform:translateY(0.2rem);-moz-transform:translateY(0.2rem);-ms-transform:translateY(0.2rem);-o-transform:translateY(0.2rem);-webkit-transform:translateY(0.2rem);}}

@-moz-keyframes first 
{from { transform:translateY(-0.2rem);-moz-transform:translateY(-0.2rem);-ms-transform:translateY(-0.2rem);-o-transform:translateY(-0.2rem);-webkit-transform:translateY(-0.2rem)}to {transform:translateY(0.2rem);-moz-transform:translateY(0.2rem);-ms-transform:translateY(0.2rem);-o-transform:translateY(0.2rem);-webkit-transform:translateY(0.2rem);}}

@-webkit-keyframes first 
{from { transform:translateY(-0.2rem);-moz-transform:translateY(-0.2rem);-ms-transform:translateY(-0.2rem);-o-transform:translateY(-0.2rem);-webkit-transform:translateY(-0.2rem)}to {transform:translateY(0.2rem);-moz-transform:translateY(0.2rem);-ms-transform:translateY(0.2rem);-o-transform:translateY(0.2rem);-webkit-transform:translateY(0.2rem);}}

@-o-keyframes first 
{from { transform:translateY(-0.2rem);-moz-transform:translateY(-0.2rem);-ms-transform:translateY(-0.2rem);-o-transform:translateY(-0.2rem);-webkit-transform:translateY(-0.2rem)}to {transform:translateY(0.2rem);-moz-transform:translateY(0.2rem);-ms-transform:translateY(0.2rem);-o-transform:translateY(0.2rem);-webkit-transform:translateY(0.2rem);}}

@media only screen and (min-width: 640px){
.wp { max-width: 640px; }

}
@media only screen and (max-width: 600px) {
.wp { max-width: 600px; }
html { font-size:100%;}

}
@media only screen and (max-width: 480px) {
.wp { max-width: 480px; }
html { font-size:75%;}

}
@media only screen and (max-width: 375px) {
.wp { max-width: 375px; }

}
@media only screen and (max-width: 360px) {
.wp { max-width: 360px; }
html { font-size:62.5%;}
}