@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.2rem;}
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 2rem;}
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;}
.container {}
.clearfix { *zoom:1;}/*兼容IE低版本*/
.clearfix:after { content:''; display:table; clear:both;}
/*-----------------------------------公共样式结束-------------------------------------------*/

/*btn S*/
.btn { overflow:hidden; margin:.6rem auto 0; width:98%;}
.btn a{ display:block; border-radius:5px; padding:2.5% 0;  width:49%; text-align:center; font-weight:100;}
.btn a img { display:inline-block; width:30%; margin-top:-2px;}
.btn a:nth-of-type(1){ background-color:#e24007;}
.btn a:nth-of-type(2){ background-color:#c93400;}
.oneBtn { display:block; width:90%; padding:2.5% 0; color:#FFF; background:#ff9c00; font-weight:100; border-radius:0.3em; text-align:center; margin:1rem auto 0;}
.oneBtn img { display:inline-block; width:4rem; margin-top:-2px;}
@media screen and (min-width:320px) {.btn a,.oneBtn{font-size: 16px}}
@media screen and (min-width:340px) {.btn a,.oneBtn{font-size: 18px}}
@media screen and (min-width:480px) {.btn a,.oneBtn{font-size: 20px}}
@media screen and (min-width:640px) {.btn a,.oneBtn{font-size: 22px}}
/*btn E*/

/*本页面公共样式 S*/
.tit { position:relative;height:30px;}
.tit h2{height:30px; position:absolute; left:-1.8rem; top:0;}
.tit h2 span { display:inline-block; background:#e24007; font-weight:100; font-size:1.6rem; line-height:30px;  color:#FFF; padding:0 2rem 0 1rem; position:relative;}
.tit h2 span i { position:absolute; right:0; top:0; background:#FFF; border-left:20px solid #e24007; border-bottom:30px solid #fff;}
.tit h2 img { display:block; width:.8rem;}
.p_1 { text-indent:2em; line-height:2rem; color:#333;}

/*本页面公共样式 E*/

/*header*/
header .logo { padding:1.2rem 0; background:#c03427; overflow:hidden; }
header .logo a { display:block; width:85%; float:left;}
header .logo a img { display:block; width:80%; margin:0 auto; }
header .logo .dh { width:2.8rem; float:right; margin-right:5%; }
header .navitems{ clear:both;font-size:1.4rem;background:#231f20; overflow: hidden;padding:1rem 1rem 0; }
header .nav li {display:inline-block;width:100%;text-align: left; margin-bottom:1.2rem;}
header .nav li a {color:#fff;}
header .nav{width:100%;background:#231f20;overflow:hidden;display:none;z-index:3;position:relative;top:0px;lef:0px;}
header .nav .ico1,.nav .ico2,.nav .ico3,.nav .ico4,.nav .ico5{ padding-left:3rem;}
header .nav .ico1{background:url(../images/menu1.gif) no-repeat left;background-size:contain;}
header .nav .ico2{background:url(../images/menu2.gif) no-repeat left;background-size:contain; background-size:2rem;}
header .nav .ico3{background:url(../images/menu3.gif) no-repeat left;background-size:contain; background-size:2rem;}
header .nav .ico4{background:url(../images/menu4.gif) no-repeat left;background-size:contain; background-size:2rem;}
header .nav .ico5{background:url(../images/menu5.gif) no-repeat left;background-size:contain; background-size:2rem;}
header .banner a { display:block; }
header .banner a img { display:block; width:100%;}


/*main*/
.main { padding:1.5rem; background:#c03427;}

/*dd*/
.dd { background:#FFF;border-top-left-radius:5px;border-top-right-radius:5px; padding:1.2rem 1rem 0;}
.dd .p_1{ padding-bottom:.4rem;}
/*m1*/
.m1 { background:#FFF; padding:1.2rem 1rem 0; }
.m1 dl { padding-top:1rem;}
.m1 dl dd { color:#333; line-height:2rem; }
.m1 dl dd span { font-weight:900; color:#e24007;}

/*m4*/
.m4 { background:#FFF; padding:1.2rem 1rem 1.6rem;border-bottom-left-radius:5px;border-bottom-right-radius:5px; }
.m4 h3{ font-size:1.8rem; color:#333; font-weight:900; margin-top:1rem; padding-bottom:.6rem;}
.m4 h3 span { color:#e24007;}
.m4 ul { overflow:hidden; margin:1rem 0;}
.m4 ul li { width:32%; float:left; position:relative; margin-right:2%;}
.m4 ul li:nth-child(3n) { margin-right:0;}
.m4 ul li img { display:block; width:100%;}
.m4 ul li span { display:block; position:absolute; left:0; bottom:0; width:100%; line-height:2.4rem; text-align:center; color:#FFF; background:rgba(0,0,0,.8); font-size:1.2rem; height:2.4rem; overflow:hidden;} 
.m4 .p2 { text-align:center;}
.m4 .box {  border-bottom:1px dashed #e6e6e6; padding-bottom:1.6rem; }

.m4 .pic { margin-bottom:1rem; margin-top:.6rem;}
.m4 .pic img { display:block; width:100%;}
.m4 .box1 { margin-top:1rem;}


.m4 h4{ font-size:1.6rem; color:#333; font-weight:900; margin-top:1rem; padding-bottom:.6rem; text-align:center;}
.m4 h4 span { color:#e24007;}
.m4 dl {}
.m4 dl dd { line-height:2rem; text-indent:2em; color:#333;}
.m4 dl dd span { font-weight:900;}
.m4 dl dd:nth-child(4) { margin-top:.8rem;} 
.m4 .pic_2 { border:1px solid #e6e6e6; padding:1rem; margin-top:1.2rem; margin-bottom:1.6rem;}
.m4 .pic_2 img { display:block; width:100%; margin:0 auto;}



.m4 .box2 .img_1 { display:block; width:15rem; margin:1.6rem auto 1rem;}


























/*footer*/
footer{ padding:2rem 1rem 1.4rem; }
footer .f_nav {}
footer .f_nav ul { overflow:hidden;}
footer .f_nav ul li { width:25%; float:left;}
footer .f_nav ul li a { display:block;}
footer .f_nav ul li a img { display:block; width:5rem; margin:0 auto;}
footer .f_nav ul li a span { display:block; text-align:center; color:#333; margin-top:.4rem; }
footer .dz { font-size:1.5rem; color:#333; text-align:center; margin-top:1rem;}
footer .ba { font-size:1.3rem; color:#666; text-align:center; margin-top:.8rem; line-height:1.8rem;}
footer .ba br { line-height:0;}
.zjdb { text-align:center; background:#e5e6e6; line-height:3.6rem; color:#333;}
.zjdb a { display:inline-block; color:#333; margin:0 4px;} 
