@charset "gb2312";
* { 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); }
body { color: #333; font-family: Microsoft Yahei; font-family:"΢���ź�" font-size: 0.24rem;
overflow-x: hidden; background: #f2f2f2; max-width: 6.4rem; 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; }
.height { height: 0.12rem; background: #dfdfdf; width: 100%; margin: 0.2rem auto; }
.hui { height: 0.12rem; background: #dfdfdf; width: 100%; }
.xheight { width: 96%; background: #fff; height: 0.01rem; z-index: 1000; position: absolute; top: 2.6rem; left: 2%; }
.height_ar { width: 100%; background: #3e8f6e; height: 0.03rem; margin: 0.3rem auto; }
.clearfix { zoom: 1; display: block }
.clearfix:after { content: ""; height: 0px; display: block; clear: both; visibility: hidden; }
.layout { margin: 0px auto; background: #fff; overflow: hidden; }
.container { width: 14.5rem; margin: 0px auto; }
.clear { zoom: 1; clear: both; overflow: hidden; }
i, em { font-style: normal; }
.fl {float: left;}
.fr {float: right;}
/***************************************************************/
.mzap_pf { width: 60%; height: 0.6rem; text-align: center; line-height: 0.6rem; font-size: 0.32rem; color: #077457; margin: 0.3rem auto; font-weight: bold; background: url(../images/mzap_pf.jpg) center repeat-x; }
.mzap_pf span { width: 70%; display: block; text-align: center; margin: auto; background: #fff; }
.yygh_pf { width: 100%; margin: 0 auto; background: #f3f3f3; padding: 0.2rem 0; }
.yygh_pf1 { width: 80%; height: 0.55rem; margin: 0.2rem auto 0; }
.yygh_pf1 p { float: left; font-size: 0.26rem; color: #000; line-height: 0.5rem; }
.yygh_pf1 p span { display: inline-block; width: 0.2rem; height: 0.35rem; float: left; color: #c34000; font-size: 0.35rem; margin: 0.07rem 0.03rem; }
.yygh_pf1 input { display: block; width: 69%; height: 0.5rem; border: 1px solid #bababa; background: #fff; padding-left: 0.1rem; font-size: 0.24rem; color: #cbcbcb; font-family: "΢���ź�"; border-radius: 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.yygh_pf1 select { display: block; width: 69%; height: 0.5rem; line-height: 0.5rem; border: 1px solid #bababa; float: right; padding-left: 0.1rem; font-size: 0.24rem; color: #cbcbcb; font-family: "΢���ź�"; background: url(../images/yygh_pf2.jpg) no-repeat right #fff; background-size: 0.57rem 0.4rem; border-radius: 4px; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari �� Chrome */ }
.yygh_pf2 input { background: url(../images/yygh_pf1.jpg) no-repeat right #fff; background-size: 0.57rem 0.4rem; }
.yygh_pf3 { width: 62%; height: 0.6rem; margin: 0.1rem auto 0; }
.yygh_pf3 input { display: block; width: 1.8rem; height: 0.6rem; border: none; text-align: center; line-height: 0.6rem; font-size: 0.24rem; color: #fff; border-radius: 6px; font-family: "΢���ź�"; }
.yygh_pf3 input:nth-child(1) { background: #11a37c; float: left; }
.yygh_pf3 input:nth-child(2) { background: #ec8500; float: right; }
.yygh_bm { width: 100%; text-align: center; line-height: 0.8rem; color: #d70000; font-size: 0.2rem; }
.yygh_pf4 { width: 90%; border: 2px solid #dddddd; margin: 0.5rem auto 0.2rem; border-radius: 10px; position: relative; padding: 0.35rem 0.2rem 0.2rem; text-align: justify; }
.yygh_pf4 span { display: block; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; color: #077457; padding-left: 0.2rem; position: absolute; top: -0.3rem; background: #f3f3f3; left: 23%; padding: 0 0.2rem; }
.yygh_pf4 p { width: 100%; font-size: 0.2rem; color: #333333; line-height: 0.36rem; }
.zxan img { display: block; width: 6rem; height: 1.2rem; margin: 0.4rem auto; clear: both; overflow: hidden; }
.nav_pf { width: 100%; height: 0.65rem; background: #018e68; margin: auto; }
.nav_pf a { display: block; width: 25%; height: 0.65rem; float: left; line-height: 0.65rem; text-align: center; font-size: 0.24rem; color: #fff; border-left: 1px solid #01754f; border-right: 1px solid #02a180; box-sizing: border-box; }
.nav_pf a:nth-child(1) { border-left: none; }
.nav_pf a:nth-child(4) { border-right: none; }
footer {background: #01888e;margin-bottom: 0.2rem;}
.dbfoot {width: 96%;overflow: hidden;padding: 2%;margin:0 auto;}
.dbwx {width: 41%;margin-right: .3rem;}
.dbwx img {width: 100%;margin-top: 0.15rem;}
.dblogo_dd p span img{width: 10%;}
.dblogo_dd {width: 53%;}
.dblogo img {width: 100%;margin-bottom: 0.1rem;}
.dblogo_dd p {color: #fff;font-size: 0.22rem;margin-top: 0.05rem;}
.dbfoot1 {text-align: center;line-height: 0.6rem;font-size: 0.25rem;margin-bottom:0.6rem}
.dbfoot1 p {color: #fff;}
.dbfoot1 p span {color: #ff935a;font-size: 0.5rem;}
.flogo {overflow: hidden;}
.flogo img {float: left;width: 100%;height: auto;}
.QQ {overflow: hidden;height: 46px;margin: 0px;padding: 4px;position: fixed;z-index: 99999;left: 0px;top: -50px;background: rgba(255, 255, 255, 1);width: 100%;border-bottom: 1px solid #f1f1f1;-webkit-box-shadow: 0 0 10px #666;font-family: "microsoft yahei";box-shadow: 0 0 10px #666;}
.QQ a {text-decoration: none;}
.QQ img {float: left;border-right: 1px dashed #f1f1f1;margin-right: 8px;padding-right: 0px;}
.QQ h4 {line-height: 24px;font-size: 20px;margin: 0px;padding: 0px;color: #000;}
.QQ p {font-size: 14px;line-height: 18px;color: #666;margin: 0px;padding: 0px;}
.show2 {-webkit-animation: show2 18s infinite;}
@-webkit-keyframes show2 {0% {top: -50px;opacity: 0;}10% {top: 0px;opacity: 1;}50% {top: 0px;opacity: 1;}60% {top: -50px;opacity: 0;}100% {top: -50px;opacity: 0;}}
.QQ h4 span {font-size: 14px;}