@charset "gb2312";

/* CSS Document */

/* public css */

/* global css*/

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:#cb181b; -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;}

.line{border-top:4px solid #e4e4e4;}

/*-----------------------------------公共样式结束-------------------------------------------*/





/*-- 本页面公共样式 --*/

.tit { text-align:center; position:relative; margin-bottom:1rem;}

.tit h2 { font-size:1.8rem; line-height:2.6rem; height:2.6rem; font-weight:100; color:#333; position:relative;}

.tit h2 p { font-size:1.8rem; line-height:2.6rem; height:2.6rem; }

.tit h2 i { display:inline-block; width:2.8rem;}

.m4 .tits h2 span { display:block; width:6rem; height:3rem; background:url(../images/tit_bj1.png) no-repeat center; background-size:contain;

    position:absolute; top:0; left:0; z-index:1;}

.tit h2 span { display:block; width:6rem; height:3rem; background:url(../images/tit_bj.png) no-repeat center; background-size:contain;

    position:absolute; top:0; left:0; z-index:1;}

.tit h3 { font-size:2.4rem; color:#000; font-weight:100; line-height:2.8rem; margin-top:2px}

.tit h3 span { color:#c03728;}

.tit .p1 { height:.4rem; border-bottom:1px solid #ccc; overflow:visible; margin-top:.6rem;}

.tit .p1 img { width:1.8rem;}

.tits h2 span { display:block; width:6rem; height:3rem; background:url(../images/tit_bj.png) no-repeat center; background-size:contain;

    position:absolute; top:0; left:0; z-index:1;}

.tits{margin-top:1rem;}

.tits h3{font-size:1.6rem;color:#333;}

.tits h4{font-size:1.6rem;color:#333;font-weight:normal}

.but { display:block; width:85%; height:3.5rem; line-height:3.5rem; margin:1.4rem auto; border-radius:4px; text-align:center;margin-bottom: 0; color:#FFF; background:#f57520; font-size:1.6rem;}

.but img { width:1.6rem; margin-top:-2px;margin-left:0.5rem;}

.dm { border:1px solid #cccccc; border-right:0; border-bottom:0; margin-top:1.4rem;}

.font-color1{color:#ffee04;}

.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;}



/*-- 本页面公共样式结束 --*/



/*top*/



.top_bg { background:#231f20; padding:8px 0; overflow:hidden;}

.top_bg .sy { width:19%; float:left; margin:0 5% 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*/

.dd { background:#f6f6f6;}

.dd p { text-indent:2em;}

.dd p a { color:#d22815;}



/*m1*/

.m1{text-align:center;margin:0 auto}

.m1 .m1nr{border-left:1px solid #ccc;position:relative;margin-left:3%}

.m1 .m1nr img.s1{position:absolute;top:0;left:-9px;width:1.5rem}

.m1 .m1nr img.s2{position:absolute;top:0;left:-9px;width:1.5rem}

.m1 .m1nr img.s3{position:absolute;top:0;left:-9px;width:1.5rem}

.m1 .m1nr img.s4{position:absolute;top:0;left:-9px;width:1.5rem}

.m1 .m1nr .box{position:relative;margin-bottom: 1rem}



.m1 .m1nr .box img{position:absolute;left:5%;width:4%;display:inline-block}

@media screen and (max-width:320px){

	.m1 .m1nr .box img{left:5%;}

}

.m1 .m1nr .box p{text-indent:2em;text-align:left;border:1px solid #ccc;border-radius:0.5rem;line-height:2rem;

    width:89.5%;display:inline-block;float:right;padding:0.3rem;}

.m1 .m1tp{margin-top:3rem;}

.m1 .m1tp .tp{position: relative;text-align: center;margin: 0 auto}

.m1 .m1tp .tp span{background: rgba(0,0,0,0.6);position: absolute;bottom: 0;color:#fff;font-size: 1.6rem;text-align: center;width: 100%;display: inline-block;left:0;}

.m1 .m1tp p{text-align: center;margin-top: 1rem;color:#333;}

/*m2*/

.m2 {  padding-bottom:.5rem;}

.m2  p.s1{color:#333;    margin-bottom: 1rem;}

.m2 .m2nr{text-align: center}

.m2 .m2nr .box{margin-bottom: 1rem;}

.zyqb{background: #c03728;padding:0.5rem 0;}

.zyqb .tit p{color:#fff;}

.zyqb .tit h3{color:#fff;}

.zyqb .tit h3 span{color:#fff;font-size:1.4rem}

.zyqb .tit a{color:#ffee04;text-decoration:underline}

.lines{border-bottom:4px solid #e4e4e4}





















.m3 {padding-bottom:.5rem;}

.m3 p.s1{color:#333;}

.m3 .m3nr{overflow:hidden;margin-top:1rem}

.m3 .m3nr li a {color:#666;border:1px solid #ccc;display:block;float:left;width:32.5%;text-align:center;padding:0.3rem 0;border-right:0;}

.m3 .m3nr li:nth-of-type(3) a{border-right:1px solid #ccc;}

.m3 .m3nr li:nth-of-type(4) a {width:60%;float:left;border-right:0;border-top:0;}

.m3 .m3nr li:nth-of-type(5) a {width:38%;float:left;border-top:0;border-right:1px solid #ccc;}

.m3 .p2{    color: #333;text-align: center;margin-top: 1.2rem;line-height: 1.4rem;}





.m4 .m4nr{width:80%;margin:0 auto;text-align:center;overflow:hidden}

.m4 .m4nr img{width:48%;float:left;margin-bottom:2%;}

.m4 .m4nr img:nth-of-type(odd){margin-right:2%;}

.m5{padding-top:0;}

.m5 .js { width:50%; height:1rem; border-bottom:1px solid #333; margin:0 auto; overflow:visible; text-align:center;} 

.m5 .js h2 { display:inline-block; font-size:2rem; font-weight:100; color:#333; background:#FFF; line-height:2rem; }

.m5 .js span { display:inline-block; width:.8rem; height:.8rem; border-radius:50%; border:1px solid #333; line-height:2rem;vertical-align:middle; margin-top:-4px; }

.m5 .js i { font-style:normal; display:inline-block; margin:0 5px; line-height:2rem;}

.m5 p { margin-top:2.2rem; text-indent:2em; line-height:2rem; border-radius:4px; padding:0 1rem;}

.m5 p span{color:#cb181b;}









.box { overflow:hidden;}

.box .top { overflow:hidden; position:relative;}

.box .top span { display:block; width:1rem; height:1rem; background:url(../images/box_1.gif) no-repeat bottom right; background-size:contain; position:absolute; bottom:0;}

.box .top span.s1 { left:0;}

.box .top span.s2 { right:0; background:url(../images/box_2.gif) no-repeat bottom left;}

.box .top .pic { margin:0 auto;}

.box .top .pic img { display:block; width:100%;}

.box .bot { background:#c03728; padding:1.2rem 1rem;}

.box .bot h2 { font-size:1.6rem; color:#fff; font-weight:100; text-align:center; padding-bottom:.4rem; border-bottom:1px solid #FFF;}

.box .bot p { color:#FFF; line-height:2rem; text-indent:2em; margin-top:.8rem; }

.box .bot h3 { font-size:1.4rem; color:#fff; font-weight:100; text-align:center;border-bottom:1px solid #FFF; padding-bottom:.4rem;}

.box .bot h2 { border-bottom:0; padding-bottom:0;}

.box .bot p a { color:#ffee04;}

.box .bot .a_2 { display:block; text-align:center; color:#FFF; text-decoration:underline;}













.footer{ padding:.6rem 0 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.6rem; text-align:center; margin-top:.6rem; color:#666;}