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

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; }
html { background: #f2f2f2; margin: 0 auto; max-width: 640px; background-color: #fff; box-shadow: 5px 5px 27px rgba(175, 165, 165, 0.7), -5px -5px 27px rgba(175, 165, 165, 0.7); overflow-x: hidden; }
body { color: #000; font-family: Microsoft Yahei; font-family: "΢ÈíÑźÚ"; font-size: 0.18rem; overflow-x: hidden; background: #f2f2f2; max-width: 640px; margin: auto; background: #fff; }
a { text-decoration: none; border: none; color: #333; }
a:hover { text-decoration: underline; text-decoration: none; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; vertical-align: middle; }
.xheight { width: 80%; margin: 0.2rem auto; border: 1px solid #07899c; box-shadow: -1px -1px 2px #fff; }
i, em { font-style: normal; }
.clear { clear: both; overflow: hidden; }
/************************************/

.dy { width: 100%; background: #e8e8e8; height: 2.31rem; margin: 0.2rem auto; }
.dy_lf { width: 0.85rem; background: #00bcd8; color: #fff; font-size: 0.37rem; text-align: center; line-height: 0.45rem; float: left; height: 2.31rem; }
.dy_lf span { display: inline-block; margin-top: 0.35rem; }
.dy_lf span:after { content: ""; display: inline-block; width: 0.7rem; height: 0.55rem; background: url(../images/ax.png) center no-repeat; background-size: 100%; margin-top: 0.2rem; }
.dy_ri p { width: 5.23rem; float: left; height: 2.03rem; text-align: justify; padding: 0.2rem 0.1rem; border: 1px dashed #9c9c9c; font-size: 0.24rem; margin: 0.15rem; line-height: 0.32rem; text-indent: 1em; border-radius: 10px; }
.dh { clear: both; overflow: hidden; margin: 0.2rem auto; }
.dh img { width: 0.76rem; height: 0.67rem; margin-right: 0.05rem; float: left; }
.dh h1 { background: #00bcd8; height: 0.67rem; line-height: 0.67rem; color: #fff; font-size: 0.32rem; float: left; padding-left: 0.15rem; width: 5.59rem; }
.dh h1 a { display: inline-block; font-size: 0.2rem; line-height: 0.4rem; height: 0.4rem; width: 1rem; background: #feea00; text-align: center; margin: 0.15rem; border-radius: 5px; color: #817808; float: right; }
.mk1_zx { width: 6rem; margin: 0.3rem auto; clear: both; }
.mk2_zx a { width: 6rem; margin: 0.3rem auto; clear: both; background: #00bcd8; border-radius: 5px; line-height: 0.65rem; font-size: 0.25rem; color: #fff; height: 0.65rem; display: block; text-align: center; }
.mk2_zx a:after { content: ""; display: inline-block; width: 0.4rem; height: 0.5rem; background: url(../images/xdh.png) center no-repeat; background-size: 100%; margin: 0.1rem 1rem 0 -1rem; float: right; }
.mk3_zx { width: 95%; height: 0.55rem; margin: 0.3rem auto; clear: both; }
.mk3_zx a { display: block; text-align: center; height: 0.55rem; line-height: 0.55rem; font-size: 0.24rem; border-radius: 30px; box-shadow: -0.03rem -0.03rem 0.03rem #c7c5bb; float: left; }
.mk3_zx a:nth-child(1) { background: #dcdcdc; width: 3.8rem; margin-right: 0.1rem; }
.mk3_zx a:nth-child(2) { background: #00bcd8; width: 2.05rem; margin-left: 0.1rem; color: #fff; }
.mk4_zx a { width: 6rem; margin: 0.3rem auto; clear: both; background: #00bcd8; border-radius: 5px; line-height: 0.65rem; font-size: 0.25rem; color: #fff; height: 0.65rem; display: block; text-align: center; }
.mk4_zx a:after { content: ""; display: inline-block; width: 0.4rem; height: 0.5rem; background: url(../images/sc.png) center no-repeat; background-size: 100%; margin: 0.08rem 0.2rem 0 -0.2rem; float: right; }
.mk5_zx { width: 6rem; margin: 0.3rem auto; clear: both; }
.mk6_zx { width: 6rem; margin: 0.2rem auto; clear: both; }
.mk7_zx a { width: 6rem; margin: 0.3rem auto; clear: both; background: #00bcd8; border-radius: 5px; line-height: 0.65rem; font-size: 0.25rem; color: #fff; height: 0.65rem; display: block; text-align: center; }
.mk7_zx a:after { content: ""; display: inline-block; width: 0.4rem; height: 0.5rem; background: url(../images/xdh.png) center no-repeat; background-size: 100%; margin: 0.1rem 0.5rem 0 -0.5rem; float: right; }
.mk01 { margin-top: 0.2rem; }
.mk01 .zs { width: 98%; margin: 0.25rem auto; clear: both; overflow: hidden; }
.mk01 .zs li { margin: 0.09rem; text-align: center; float: left; }
.mk01 .zs li img { width: 1.91rem; height: 1.91rem; display: block; }
.mk01 .zs li a { display: block; width: 1.91rem; line-height: 0.6rem; text-align: center; font-size: 0.24rem; }
.mk01 .hs { background: #efefef; width: 100%; height: 2.17rem; clear: both; overflow: hidden; margin: 0.1rem auto; }
.mk01 .hs img { display: inline-block; width: 1.37rem; height: 2.1rem; margin: 0.12rem 0 0 0.02rem; }
.mk01 .hs p { width: 4.75rem; display: inline-block; float: right; text-align: justify; font-size: 0.24rem; margin: 0.25rem 0.2rem 0 0; line-height: 0.32rem; text-indent: 2em; }
.mk02 .wenzi { background: #efefef; width: 100%; height: 1.7rem; text-align: justify; padding: 0.2rem; font-size: 0.24rem; line-height: 0.34rem; text-indent: 2em; }
.mk02 .bdfys { width: 100%; }
.mk02 .bdfys_tp { width: 2.79rem; height: 7.93rem; float: left; margin: 3% 2.6% 0; }
.mk02 .bdfys_ri { float: left; margin: 4% 0 0; width: 46%; }
.mk02 .bdfys_ri p { color: #02788a; line-height: 0.32rem; height: 1.3rem; border-bottom: 1px dashed #02788a; font-size: 0.24rem; text-align: justify; padding-top: 0.35rem; }
.mk02 .bdfys_ri p:nth-child(4) { padding-top: 0.5rem; }
.mk02 .bdfys_ri p:nth-child(6) { border-bottom: none; }
.mk03 .jc img { display: block; margin: 0.35rem auto; }
.mk03 .jc p { line-height: 0.35rem; font-size: 0.24rem; text-align: justify; padding: 0 0.2rem 0.2rem; text-indent: 2em; }
.mk03 .jc p i { color: #6bddec; }
.mk04 .bdfzs { width: 100%; background: #efefef; }
.mk04 .bdfzs p { line-height: 0.35rem; text-indent: 2em; font-size: 0.24rem; text-align: justify; padding: 0.3rem 0.2rem; }
.mk04 .bdfzs .al { width: 5.9rem; margin: 0.1rem auto; }
.mk04 .bdfzs .al_zj { position: relative; overflow: hidden; width: 100%; margin: 0 auto }
.mk04 .bdfzs .al_zj .bd ul li .p1 { position: relative; top: 1.67rem; width: 53%; font-size: 0.18rem; line-height: 0.3rem; left: 5%; text-align: justify; color: #000000; text-indent: 2em; }
.mk04 .bdfzs .al_zj .bd ul li .p2 { position: relative; top: 2.75rem; width: 100%; font-weight: bold; font-size: 0.26rem; color: #fff; padding-left: 0.2rem; text-shadow: 0.02rem 0.02rem 0.02rem #323736; margin: 0.1rem auto; }
.mk04 .bdfzs .al_zj .bd ul li .p3 { position: relative; top: 2.75rem; width: 96%; color: #fff; font-size: 0.18rem; margin: auto; line-height: 0.33rem; text-shadow: 0.01em 0.01rem 0.01rem #323736; text-indent: 2em; }
.mk04 .bdfzs .al_zj .hd { bottom: 0; left: 0px; height: 0.5rem; width: 100%; text-align: center; }
.mk04 .bdfzs .al_zj .hd li { background: #00d0e5; display: inline-block; width: 0.15rem; height: 0.15rem; margin: 0.2rem 0.03rem; text-indent: -9999px; border-radius: 100%; }
.mk04 .bdfzs .al_zj .hd li.on { background: #fcc82a }
.mk04 .bdfzs .al_zj img { display: block; width: 100%; float: left; margin: 0px auto; }
.mk05 { width: 100%; height: 7rem; }
.mk05 .whxx { position: relative; }
.mk05 .whxx .tyk { width: 1.45rem; height: 1.45rem; position: absolute; }
.mk05 .whxx .tyk img { width: 1.4rem; height: 1.4rem; margin-left:0.08rem; }
.mk05 .whxx .tyk span { display: block; line-height: 0.45rem; text-align: center; color: #00d0e5; font-size: 0.24rem; width:1.6rem; }
.mk05 .whxx .zxy { width: 1.6rem; height: 1.6rem; position: absolute; }
.mk05 .whxx .zxy img { width: 1.6rem; height: 1.6rem; text-align: center; vertical-align: middle; }
.mk05 .whxx .zxy .zxywz { position: absolute; top: 0rem; left: 0rem; width: 1.6rem; height: 1.6rem; line-height: 0.32rem; color: #fff; text-align: center; padding-top: 0.5rem; font-size: 0.24rem; }
.mk05 .whxx .whxx01 { top: 1rem; left: 0.5rem; }
.mk05 .whxx .whxx02 { top: 0.5rem; left: 2.5rem; }
.mk05 .whxx .whxx03 { top: 1rem; right: 0.5rem; }
.mk05 .whxx .whxx04 { top: 3rem; right: 0.5rem; }
.mk05 .whxx .whxx05 { top: 4rem; left: 2.5rem; }
.mk05 .whxx .whxx06 { top: 3rem; left: 0.5rem; }
.mk05 .whxx .whxx07 { top: 2.4rem; left: 2.4rem; }
.mk06 .zjtd { background: #efefef; width: 100%; height: 2.62rem; clear: both; overflow: hidden; margin: 0.1rem auto; }
.mk06 .zjtd img { display: inline-block; width: 2.42rem; height: 2.62rem; margin: 0.12rem 0 0 0.02rem; }
.mk06 .zjtd p { width: 3.85rem; display: inline-block; float: right; text-align: justify; font-size: 0.24rem; margin: 0.3rem 0.1rem 0 0; line-height: 0.32rem; text-indent: 2em; }
.mk06 .zljs { background: #efefef; width: 100%; clear: both; overflow: hidden; margin: 0.1rem auto 0; }
.mk06 .jsjs { background: #fff; width: 98%; margin: 0.2rem auto; height: 2.2rem; }
.mk06 .jsjs dt { width: 1.41rem; height: 1.94rem; margin: 0.15rem; float: left; }
.mk06 .jsjs dd { float: left; }
.mk06 .jsjs dd strong { font-size: 0.28rem; line-height: 0.5rem; height: 0.5rem; border-bottom: 1px dashed #000; display: inline-block; margin-top: 0.1rem; width: 100%; }
.mk06 .jsjs dd strong a { display: inline-block; background: #e9ad11; font-size: 0.2rem; color: #fff; width: 1.08rem; line-height: 0.3rem; border: 1px solid #e29805; text-align: center; margin: 0.1rem 0 0 0; float: right; }
.mk06 .jsjs dd p { margin-top: 0.15rem; line-height: 0.32rem; width: 4.35rem; text-align: justify; font-size: 0.24rem; }
.mk06 .zjqq { width: 100%; margin: 0.2rem auto; height: 2.79rem; background: url(../images/zj_bg.jpg) center no-repeat; background-size: 100%; }
.mk06 .zjqq p { width: 6.3rem; padding: 0.7rem 0.2rem 0 2.2rem; line-height: 0.32rem; text-align: justify; font-size:0.24rem; }
nav { width: 100%; clear: both; overflow: hidden; background: #fff; }
nav ul { width: 95%; margin: auto; padding: 0.2rem 0rem; }
nav ul li { width: 17%; color: #5b5b5b; margin: 2% 4%; text-align: center; float: left; }
nav ul li a { color: #5b5b5b; font-size: 0.24rem; float: left; }
nav ul li a:before { content: ""; display: inline-block; width: 0.95rem; height: 0.95rem; border-radius: 50%; margin-bottom: 0.1rem; }
nav ul li:nth-child(1) a:before { background: #ffa3c9 url(../images/nav_bg.png) center no-repeat; background-size: 3.6rem; background-position: 0.22rem 0.2rem; }
nav ul li:nth-child(2) a:before { background: #72c1f8 url(../images/nav_bg.png) center no-repeat; background-size: 3.6rem; background-position: -0.7rem 0.2rem; }
nav ul li:nth-child(3) a:before { background: #8bdd91 url(../images/nav_bg.png) center no-repeat; background-size: 3.6rem; background-position: -1.63rem 0.2rem; }
nav ul li:nth-child(4) a:before { background: #fd9d9b url(../images/nav_bg.png) center no-repeat; background-size: 3.6rem; background-position: -2.58rem 0.2rem; }
.qbrx { width: 100%; margin: 0.2rem auto 0.1rem; }
.footer { width: 100%; height: 2.4rem; background: #00bcd8; margin-bottom:0.6rem; }
.footer p { width: 80%; margin: auto; font-size: 0.22rem; color: #fff; line-height: 0.3rem; }
.footer .footer01 { width: 90%; margin: auto; text-align: center; font-size: 0.25rem; font-weight: bold; height: 0.6rem; line-height: 0.75rem; }
.footer .footer02 { width: 90%; margin: auto; text-align: center; font-size: 0.22rem; }