@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:#333;}


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:2rem 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 {}


/*-----------------------------------公共样式结束-------------------------------------------*/








/*header*/


header .logo { padding:1.2rem 0; background:#c03427; overflow:hidden; }


header .logo a { display:block; width:80%; float:left;}


header .logo a img { display:block; width:85%; margin:0 auto; }


header .logo .dh { width:2.8rem; float:right; margin-right:5%; margin-top:.8rem;}


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%;}








.oneBtn { display:block; width:65%; padding:2.5% 0; color:#FFF; background:#ff9c00; font-weight:100; border-radius:0.3em; text-align:center; margin:1.4rem auto 0;}


/*tit*/


.tit {}


.tit h2 { font-size:2.2rem; color:#333; text-align:center; font-weight:900;}


.tit p { text-align:center; text-align:center;  font-size:1.45rem;}


/*dd*/


.dd { padding:1.8rem 1rem 0;border-bottom:5px solid #e6e6e6;padding-bottom:2.5rem}


.dd p { text-indent:2em; color:#333; line-height:2rem;}


.dd p.s1{color:#c03427}


/*m1*/


.m1{padding-bottom:0;}


.m1 p.p1{margin-top:1rem; text-indent:2em}


.m1 ul{ overflow:hidden;margin-top:1rem;}


.m1 ul li{width:32%;float:left;margin-bottom:2%;}


.m1 ul li:nth-child(2),.m1 ul li:nth-child(5){margin:0 2%;}


.m1 ul li .tp{ position:relative;}


.m1 ul li .tp p{background:rgba(0,0,0,.7); position:absolute;bottom:0;left:0;width:100%;color:#fff; text-align:center}


.m1 p.p2{ text-align:center;margin-top:1rem;}


.m1 .btn { width:80%; margin:1rem auto; overflow:hidden;margin-top:.5rem;}


.m1 .btn a { display:block; width:48%; line-height:3.6rem; text-align:center; border-radius:5px; font-size:1.5rem;}


.m1 .btn .fl { background:#ff9c00;}


.m1 .btn .fr { background:#f57448;}


/**m2**/


.m2 { border-bottom:6px solid #e6e6e6;}


.m2 p.p1{margin-top:1rem; text-indent:2em}


.m2 ul li { overflow:hidden; margin-top:1rem; background:#f6f6f6;}


.m2 ul li .fl { width:11rem;}


.m2 ul li .fr h3 { font-size:1.5rem; color:#333; font-weight:100; line-height:2rem;}


.m2 ul li .fr p { line-height:1.7rem; padding-top:.2rem;  font-size:1.3rem;color:#666;}


.m2 p.p2{margin-top:1.5rem;}


.m2 p.p2 span{color:#c03427}


.m2 p.p2 a{color:#c03427}


.m2 .oneBtn{margin-top:2rem}


/*m3*/


.m3 p.p1{margin-top:1rem; text-indent:2em}


.m3 .zh{margin:1.2rem auto;}


.m3 .btn { width:80%; margin:1rem auto; overflow:hidden;margin-top:.5rem;}


.m3 .btn a { display:block; width:48%; line-height:3.6rem; text-align:center; border-radius:5px; font-size:1.5rem;}


.m3 .btn .fl { background:#ff9c00;}


.m3 .btn .fr { background:#f57448;}


/*m4**/


.m4{padding-top:0rem; border-bottom:6px solid #e6e6e6;}


.m4 .tit {width:18rem;margin:0 auto;}


.m4 p.p1{margin-top:1rem; text-indent:2em}


/*footer*/


footer{ padding:1.8rem 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:#666; 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;margin-bottom: 5rem;}


.zjdb a { display:inline-block; color:#333; margin:0 4px;} 


















































