@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:#ffffff;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.8rem 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;}
.container {}
.clearfix { *zoom:1;}/*兼容IE低版本*/
.clearfix:after { content:''; display:table; clear:both;}
/*-----------------------------------公共样式结束-------------------------------------------*/

/*--- btn S ---*/ 
.btn { width:95%; overflow:hidden; margin:1.6rem auto 0;}
.btn a{ display:block; border-radius:0.3em; padding:3% 0;  width:48%; text-align:center; font-weight:900;}
.btn a img { display:inline-block; width:25%; margin-top:-4px; margin-right:2px;}
.btn a:nth-of-type(1){ background-color:#ff9c00;}
.btn a:nth-of-type(2){ background-color:#3ea3ff}
.oneBtn { display:block; width:95%; 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: 14px} }
@media screen and (min-width:340px) {.btn a,.oneBtn{font-size: 16.5px}}
@media screen and (min-width:480px) {.btn a,.oneBtn{font-size: 18px}}
@media screen and (min-width:640px) {.btn a,.oneBtn{font-size: 22px}}






/*--- btn E ---*/ 



/*header*/

header { background:#FFF;}
header .top_bg { background:#231f20; padding:8px 0; overflow:hidden;}
header .top_bg .sy { width:16%; float:left; margin:0 6% 0 2%;}
header .top_bg .sy a{font-size:1.2rem;}
header .top_bg .zxdh { width:56%; float:left; padding-top:2px; padding-left:1rem;}
header .top_bg .dh { width:7%; float:right; margin:0 2.5%;}
header .top_bg .dh img{width:100%;}
header .navitems{ clear:both;font-size:1.4rem;background:#231f20; overflow: hidden;padding:1.5rem;}
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,header .nav .ico2,header .nav .ico3,header .nav .ico4,header .nav .ico5{ padding-left:15%; padding:0.9rem 0 0.9rem 15%;}
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;}
header .nav .ico3{background:url(../images/menu3.gif) no-repeat left;background-size:contain;}
header .nav .ico4{background:url(../images/menu4.gif) no-repeat left;background-size:contain;}
header .nav .ico5{background:url(../images/menu5.gif) no-repeat left;background-size:contain;}
header .logo { padding:1rem;}
header .logo a { display:block;}
header .logo a img { display:block; width:24rem; margin:0 auto;}
header .banner {}
header .banner a { display:block;}
header .banner a img { display:block; margin:0 auto;}

/*-- 本页面公共样式 --*/
.tit { background:#c44438; padding:1.2rem 0 1rem;}
.tit h2 { text-align:center; color:#FFF; font-size:2.2rem; font-weight:900; height:2.6rem; overflow:hidden;}
.tit p { text-align:center; color:#FFF; font-size:1.5rem; line-height:1.7rem; margin-top:.2rem;}
.p_1 { line-height:2rem; text-indent:2em; color:#333;}
.p_1 a { color:#C44438;}
.a_1 { display:block; text-align:center; font-size:1.45rem; color:#ff6c04; text-decoration:underline; padding-top:.4rem;}
/*-- 本页面公共样式结束 --*/

/*dd*/
.dd .box { background:#f6f6f6; padding:1rem 0 1.6rem; margin-top:.8rem;}
.dd .box p { text-align:center; font-size:1.3rem; color:#333;}
.dd .box ul { overflow:hidden; margin-top:.6rem;}
.dd .box ul li { width:33.33%; float:left;}
.dd .box ul li a { display:block; width:80%; margin:0 auto; line-height:3.6rem; border-radius:.4rem; text-align:center; font-size:1.5rem;}
.dd .box ul li:nth-child(1) a { background:#4dab23;}
.dd .box ul li:nth-child(2) a { background:#ff8500;}
.dd .box ul li:nth-child(3) a { background:#118bfc;}

/*m1*/

.m1 {}
.m1 .u1 {}
.m1 .u1 li { background:#f6f6f6;position:relative; padding:.8rem 0 .8rem 6rem; margin-bottom:1.6rem;}
.m1 .u1 li img { display:block; width:5.6rem; position:absolute; top:-.5rem; left:0;}
.m1 .u1 li span { font-weight:900; font-size:1.5rem; line-height:1.8rem; color:#333; display:block;}
.m1 .u1 li p { font-size:1rem; color:#333; line-height:1.4rem;}
.m1 .u2 { margin-top:1.54rem; overflow:hidden;}
.m1 .u2 li { width:25%; float:left;}
.m1 .u2 li a { display:block; width:95%; margin:0 auto; background:#f6f6f6; padding:1rem 0;}
.m1 .u2 li a img { display:block; width:5rem; margin:0 auto; }
.m1 .u2 li a span { display:block; text-align:center; color:#333; line-height:1.4rem; margin-top:.6rem;}

/*m2*/
.m2 ul li { overflow:hidden; background:#f6f6f6; margin-bottom:1rem;}
.m2 ul li .fl { width:8rem;}
.m2 ul li .fr h3 { font-weight:100; font-size:1.6rem; color:#333;}
.m2 ul li .fr p { line-height:1.8rem; color:#333; margin-top:.4rem; font-size:1.3rem;}
.m2 ul li .fr p a { color:#C44438;}
.m2 .oneBtn { margin-top:1.6rem;}


/*m3*/
.m3 {}
.m3 .u2 { width:65%; margin:1.4rem auto; border:1px solid #e6e6e6; border-radius:5px; padding:1rem;}
.m3 .u2 li p { padding-left:3rem; line-height:2.6rem; color:#333; background:url(../images/duihao.gif) no-repeat .7rem .5rem; background-size:1.6rem 1.5rem;}
.m3 .pic { width:90%; margin:0 auto;}
.m3 .pic img { display:block; width:100%;}
.m3 .pic1 { width:100%; margin:1rem auto;}
.m3 .pic1 img { display:block; width:100%;}
.m3 .p2 { text-align:center;}
.m3 .oneBtn { width:90%; margin-top:.6rem;}
.m3 .box1 { margin-bottom:1.8rem;}
.m3 .box1 h3 { text-align:center; color:#333; font-weight:900; font-size:1.8rem; margin-bottom:.8rem;}
.m3 .circular { overflow:hidden;}
.m3 .circular li { width:33.33%; float:left;}
.m3 .circular li a { display:block; width:80%; background:#dcdddd; border-radius:50%; text-align:center; margin:0 auto;}
.m3 .circular li a span { display:block; line-height:2rem; color:#333;}
.m3 .circular li a span i { display:block; font-size:1.5rem; font-style:normal;}
.m3 .circular li a span br { line-height:0;}
.m3 .st { margin-top:1rem;}
.m3 .st h6 { text-align:center; color:#333; font-size:1.8rem; line-height:3rem; padding-top:.2rem; font-weight:100;}
.m3 .st p { width:12rem; margin:0 auto; height:3px; border-bottom:1px solid #d2d2d2; text-align:center; line-height:0;}
.m3 .st p span { display:inline-block; width:2rem; height:6px; background:#FFF; line-height:0; vertical-align:top;}
.m3 .st p span i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#d2d2d2; line-height:0; }
.m3 .tabBox { margin-top:1.2rem;}
.m3 .tabBox .hd { margin-bottom:1rem;}
.m3 .tabBox .hd ul { overflow:hidden;}
.m3 .tabBox .hd ul li { width:33.33%; float:left;}
.m3 .tabBox .hd ul li span { display:block; width:95%; margin:0 auto; line-height:3.8rem; background:#dcdddd; text-align:center; font-size:1.5rem; color:#333;}
.m3 .tabBox .hd ul li.on span { background:#C44438; color:#fff;}
.m3 .tabBox .bd h4 { text-align:center; font-size:1.8rem; font-weight:900; color:#C44438; margin-top:1.2rem; }
.m3 .tabBox .bd h5 { font-weight:100; color:#C44438; text-align:center; font-size:1.7rem;}
.m3 .tabBox .bd .dm { background:#f1f1f1; padding:1px 0 1.5rem; margin-top:1rem;}
.m3 .tabBox .bd .dm .u2 { width:75%;  border:1px solid #ccc;}
.m3 .tabBox .bd .dm .u2 p { background:url(../images/duihao1.gif) no-repeat .7rem .5rem; background-size:1.6rem 1.5rem; color:#666;}
.m3 .tabBox .bd .dm .u3 { width:95%; margin:0 auto; overflow:hidden;}
.m3 .tabBox .bd .dm .u3 li { width:33.33%; float:left;}
.m3 .tabBox .bd .dm .u3 li a { display:block; width:95%; margin:0 auto; line-height:3.6rem; text-align:center; font-size:1.5rem; }
.m3 .tabBox .bd .dm .u3 li:nth-child(1) a { background:#4dab23;}
.m3 .tabBox .bd .dm .u3 li:nth-child(2) a { background:#ff8500;}
.m3 .tabBox .bd .dm .u3 li:nth-child(3) a { background:#118bfc;}
.m3 .tabBox .bd .dm .pic1 { width:80%; margin:1.4rem auto 3rem; border:5px solid #e6e6e6;}

.m3 .tabBox .bd .dm .u4 { width:75%;  border:1px solid #ccc; position:relative;  margin:1.4rem auto; border:1px solid #e6e6e6; border-radius:5px; padding:1rem;}
.m3 .tabBox .bd .dm .u4 span{ display:block; width:2rem; height:2rem; background:url(../images/jt.gif)  no-repeat center bottom; background-size:contain; position:absolute; left:50%; margin-left:-1rem; top:-2rem; }
.m3 .tabBox .bd .dm .u4 p  { padding-left:3rem; line-height:2.6rem; color:#333; background:url(../images/duihao1.gif) no-repeat .7rem .5rem; background-size:1.6rem 1.5rem;}
.m3 .tabBox .bd .dm .p1 { text-align:center;}
.m3 .tabBox .bd .dm .a_1 { color:#666; line-height:1.8rem; text-decoration:none;}
/*zhhy_1*/
.zhhy_1 { padding:1.2rem 1rem; background:#c03427;}
.zhhy_1 a { display:block; }
.zhhy_1 a img { display:block; width:100%;}
	
/*m4*/
.m4 {}
.m4 h2 { text-align:center; font-size:2rem; font-weight:900; color:#333; padding-bottom:.4rem;}
.m4 h3 { text-align:center; font-size:1.6rem; font-weight:100; color:#333;}
.m4 .p2 { text-align:center;}
.m4 .tabBox { margin-top:1.4rem; position:relative;}
.m4 .tabBox .next , .m4 .tabBox .prev { display:block; width:2rem; position:absolute; top:0; z-index:1; }
.m4 .tabBox .prev { left:0;}
.m4 .tabBox .next { right:0;}
.m4 .tabBox .bd .pic { width:80%; margin:0 auto 1.2rem;}
.m4 .tabBox .bd .pic img { display:block; width:100%;}
.m4 .tabBox .bd h6 { font-weight:100;  color:#333; font-size:1.6rem; text-align:center; padding-bottom:.6rem; margin-bottom:.8rem; border-bottom:1px solid #ccc;}
.m4 .tabBox .bd .p1 { font-size:1.5rem;}
.m4 .tabBox .bd .p3 { line-height:1.8rem; padding-top:.4rem; font-size:1.3rem;}
.m4 .tabBox .bd .p3 a { color:#C44438;}


/*m6*/
.m6 {}
.m6 .dm { background:#def2ff; border:6px dotted #C44438; background:#def2ff; padding:1rem;}
.m6 .dm p { text-indent:2em; color:#333;}

.m6 ul { border-left:1px solid #d2d2d2; margin-left:1rem; margin-top:1.6rem;}
.m6 ul li { margin-bottom:1.2rem;}
.m6 ul li h3 { padding-left:2rem; font-size:1.45rem; font-weight:100; color:#333; position:relative; line-height:1.6rem; margin-bottom:.6rem;}
.m6 ul li h3 span { display:block; position:absolute; left:-8px; top:0px; width:14px; height:14px; border:1px solid #d2d2d2; border-radius:50%; background:#FFF; }
.m6 ul li h3 span i { display:block; width:10px; height:10px; border-radius:50%; background:#d2d2d2; margin:2px;}
.m6 ul li p { padding-left:2rem; font-size:1.3rem; line-height:1.8rem;}

/*m5*/
.m5 {}
.m5 .tit { margin-bottom:1.2rem; position:relative;}
.m5 .tit i { display:block; position:absolute; bottom:-1.2rem; left:50%; margin-left:-1rem; width:2rem; height:1.2rem; background:url(../images/tit.gif) no-repeat center top; background-size:contain;}
.m5 ul { overflow:hidden;}
.m5 ul li { float:left; margin-bottom:2px;}
.m5 ul li a { display:block; line-height:3.6rem; height:3.6rem; text-align:center; font-size:1.45rem; overflow:hidden; border-right:2px solid #fff;}
.m5 ul li:nth-child(1) { background:#f289a2; width:55%;}
.m5 ul li:nth-child(2) { background:#8cbddc; width:45%;}
.m5 ul li:nth-child(3) { background:#b4b94f; width:34%;}
.m5 ul li:nth-child(4) { background:#e3b342; width:33%;}
.m5 ul li:nth-child(5) { background:#5babeb; width:33%;}
.m5 ul li:nth-child(6) { background:#9e8ccb; width:50%;}
.m5 ul li:nth-child(7) { background:#f1914f; width:50%;}
.m5 ul li:nth-child(8) { background:#79c5ce; width:34%;}
.m5 ul li:nth-child(9) { background:#b1cf6a; width:33%;}
.m5 ul li:nth-child(10) { background:#1cbcb4; width:33%;}
.m5 ul li:nth-child(11) { background:#b483be; width:38%;}
.m5 ul li:nth-child(12) { background:#f289a2; width:29%;}
.m5 ul li:nth-child(13) { background:#6b8ddb; width:33%;}

/*footer*/
footer {}
footer .foot_nav { padding:1rem; background:#c03427;}
footer .foot_nav ul { overflow:hidden;}
footer .foot_nav ul li { width:33.33%; float:left;}
footer .foot_nav ul li a { display:block; text-align:center; border-right:1px solid #c74e43;}
footer .foot_nav ul li a img { display:inline-block; width:2rem; vertical-align:top;}
footer .foot_nav ul li a span { display:inline-block; padding-left:.6rem; line-height:2rem;}
footer .f_nav { margin-top:1.2rem;}
footer .f_nav p { text-align:center; color:#333;} 
footer .f_nav p a { display:inline-block; color:#333; padding:0 3px; font-size:1.5rem; }
footer .xx { margin-top:.8rem;}
footer .xx p { text-align:center; font-size:1.45rem;}
footer .in { background:#cdcdcd; text-align:center; line-height:2.6rem; font-size:1.3rem; margin-top:1.4rem;} 








