@charset "gb2312";
/* CSS Document */
/* public css */
/* global css*/
html{ font-size:11px;}
@media screen and (max-width:340px) {html{ font-size:10px;} }
*{margin: 0px;border: 0px;padding: 0px;}
body{ max-width:640px; min-width:320px; margin:0 auto; background-color:#FFF;color:#666;}
body *{font-family: "Microsoft YaHei"; line-height:2.4rem;}
p,dl,dt,dd,li,div,section,nav{ font-size:1.4rem;}
img{border:0;outline:0; max-width:100%; vertical-align: top;} 
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.cl{clear: both;}
.ov{overflow: hidden;}
.text{text-align: center;}
.pad{padding:1rem 2rem;}
.w_pad{ padding:1.6rem 1rem;}
section{display:block;}
a{text-decoration: none; color:#FFF; -webkit-tap-highlight-color:rgba(255,0,0,0);}
a img{ vertical-align:middle;}
ul li,ol li{list-style: none;}
.null{zoom:1;clear:both;height:0;font-size:0;overflow: hidden;}
.null:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0;overflow: hidden;}
/*-----------------------------------公共样式结束-------------------------------------------*/
/*-- 本页面公共样式 --*/
.zx{ width:96%; margin: 1.4rem auto .8rem; overflow:hidden;}
.zx a{ display:block;  border-radius:0.3em; width:48%; line-height:3.2rem; text-align:center;  color:#fff; font-size:1.6rem;}
.zx a img { width:1.7rem; margin-top:-.2rem;vertical-align:middle;}
.zx a:nth-of-type(1){ background-color:#f57520; float:left;}
.zx a:nth-of-type(2){ background-color:#da4c2f; float:right;}
.tit { text-align:center}
.tit h2 { font-weight:100; font-size:2.2rem; color:#009a45; line-height:2.8rem;}
.tit h3 { font-weight:100; font-size:1.6rem; color:#009a45; line-height:2.4rem;}
/*-- 本页面公共样式结束 --*/
/*top*/
.top_bg { background:#231f20; padding:8px 0; overflow:hidden;}
.top_bg .sy { width:19%; float:left; margin:0 6% 0 2%;}
.top_bg .sy a{font-size:1.2rem;}
.top_bg .zxdh { width:54%; float:left; padding-top:.1rem;}
.top_bg .dh { width:7%; float:right; margin:0 2.5%;}
.top_bg .dh img{width:100%;}
.navitems{ clear:both;font-size:1.4rem;background:#231f20; overflow: hidden;padding:1.5rem;}
.nav li {display:inline-block;width:100%;text-align: left; margin-bottom:1.2rem;}
.nav li a {color:#fff;}
.nav{width:100%;background:#231f20;overflow:hidden;display:none;z-index:3;position:relative;top:0px;lef:0px;}
.nav .ico1,.nav .ico2,.nav .ico3,.nav .ico4,.nav .ico5{ padding-left:15%; padding:0.9rem 0 0.9rem 15%;}
.nav .ico1{background:url(../images/menu1.gif) no-repeat left;background-size:contain;}
.nav .ico2{background:url(../images/menu2.gif) no-repeat left;background-size:contain;}
.nav .ico3{background:url(../images/menu3.gif) no-repeat left;background-size:contain;}
.nav .ico4{background:url(../images/menu4.gif) no-repeat left;background-size:contain;}
.nav .ico5{background:url(../images/menu5.gif) no-repeat left;background-size:contain;}
.logo{background:#fff;padding: 1.2rem 7rem; text-align:center; }
.bj {}
.bj .bj_1 { background:url(../images/bj_1.gif) no-repeat;}
.bj .bj_2 { background:url(../images/bj_2.gif) no-repeat;}
.bj .bj_3 { background:url(../images/bj_3.gif) no-repeat;}
.bj .bj_4 { background:url(../images/bj_4.gif) no-repeat;}
.bj a { display:block;}
.bj a img { display:block;}
.dd{ overflow:hidden; padding:1.6rem 0 2rem; margin:0 1rem; border-bottom:1px dashed #e6e6e6;}
.dd p { line-height:2.2rem; color:#333;}
.dd a { display:inline-block; float:right; background:#f54302; border-radius:3rem; line-height:3rem; height:3rem; padding:0 2rem;  }
.m1 { padding-bottom:0;}
.m1 ul { margin-top:1rem; }
.m1 ul li { overflow:hidden; }
.m1 ul li img { display:block; width:55%; float:left; margin-bottom:2px; margin-right:2px;}
.m1 ul li:nth-child(2n) img{ float:right; margin-left:2px; margin-right:0;}
.m1 ul li .p2 { display:table-cell; vertical-align:middle; text-align:left; background:#eeeeee;}
.m1 ul li .p2 p { font-size:1.2rem; color:#FFF; line-height:1.8rem;}
.m1 ul li .p2 p span { line-height:1.8rem; font-size:1.6rem;}
.m1 ul li .p2 p i { line-height:1.8rem; font-style:normal;}
.m2 { border-bottom:1px dashed #e6e6e6; padding-bottom:1.6rem;}
.m2 .box { margin-top:1.4rem;}
.m2 .box h5 { line-height:3.6rem; height:3.6rem; background:#ccebda; font-weight:100; text-align:center; color:#009a45; font-size:1.5rem;}
.m2 .box h5 span { display:inline-block; background:#009a45; color:#333; line-height:2.4rem; height:2.4rem; border-radius:2.8rem; color:#fff; padding:0 .6rem; margin-right:.5rem;}
.m2 .box p { text-indent:2em; margin-top:.8rem; color:#333; line-height:2.2rem;}
.m2 .box .pic { margin-top:1rem;}
.m2 .box .pic a { display:block;}
.m2 .box .pic a img { display:block; margin:0 auto;}
.m2 .box .pic_1 { margin-top:1.4rem; position:relative;}
.m2 .box .pic_1 img { display:block; margin:0 auto;}
.m2 .box .pic_1 span { display:block; position:absolute; bottom:0; left:50%; background:rgba(0,0,0,.7); text-align:center; color:#fff; line-height:3rem; }
.m2 .box .p1 { font-size:1.6rem; color:#333; text-align:center; margin-top:1.3rem;}
.m2 .zz { width:95%; margin:1rem auto 0; background:#f54302; text-align:center; padding:1rem 0;}
.m2 .zz p { color:#FFF; line-height:2rem;}
.m2 .zz a { font-size:1.45rem; text-decoration:underline; line-height:2rem;}
.m3 {}
.m3 h2 { font-size:1.6rem; color:#333; text-align:center; font-weight:100; line-height:2rem; margin-bottom:1rem; }
.m3 ul { border:1px solid #e1e2e2; padding:.5rem 0 .5rem .5rem; overflow-X:hidden;}
.m3 ul li { overflow:hidden; padding:.4rem 0;}
.m3 ul li .le { width:6rem; float:left;}
.m3 ul li .le img { display:block; width:5rem; margin:0 auto;}
.m3 ul li .le span { display:block; text-align:center; text-align:center; margin-top:.4rem;}
.m3 ul li .ri { float:right; border-bottom:1px solid #ccc; padding-bottom:4px;}
.m3 ul li .ri h4 { font-weight:100; font-size:1.4rem; line-height:2rem; padding-bottom:.4rem; border-bottom:1px dashed #bbbbbb;}
.m3 ul li .ri h4 span { color:#ff9600; font-size:1.5rem;}
.m3 ul li .ri h4 i { font-style:normal; color:#ccc; padding-left:.4rem;}
.m3 ul li .ri p { font-size:1.3rem; line-height:2rem; padding-top:.6rem;}
.m3 ul li .ri h5 { text-align:right; font-weight:100; color:#ccc;}
.m3 ul li .ri h5 img { width:16px; margin-right:2px; vertical-align:middle; margin-top:-2px;}
.m3 .pj { margin-top:1.4rem;}
.m3 .pj p { font-size:1.5rem; color:#333;}
.m3 .pj .ss { height:12rem; width:100%; border:1px solid #ccc; position:relative; margin-top:1.2rem;}
.m3 .pj textarea { height:12rem; width:98%; padding:0 1%; outline:none; resize: none; color:#666;}
.m3 .pj input { display:block; position:absolute; right:8px; bottom:8px; background:#f54302; color:#FFF; padding:0 1.6rem; font-size:1.5rem;}
.footer{ padding:1rem 0;margin-bottom: 5rem;}
.footer ul { overflow:hidden; margin:0 1rem;}
.footer ul li { width:25%; float:left;}
.footer ul li img { width:5.4rem; display:block; margin:0 auto;}
.footer ul li span { display:block; font-size:1.5rem; text-align:center; margin-top:.6rem; color:#333;}