@charset "gb2312";
/* CSS Document */
/*-------------------公共样式---------------------*/
html{ font-size:10px;}
*{margin: 0px;border: 0px;padding: 0px;}
body{ max-width:640px; min-width:320px; margin:0 auto; background-color:#F1F1F1; }
body *{color:#666; font-family: "Microsoft YaHei";  font-size:1.4rem; line-height:2.4rem;}
.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:0rem 1rem;overflow:hidden}
section{display:block;}
a{text-decoration: none; color:#fff; -webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:#fff;}
a img{vertical-align:middle; width:100%;}
img{width:100%;vertical-align:middle;}
ul li,ol li{list-style: none;}
h2 {font-size:2rem; color:#000; font-weight:900; line-height:2.6rem; text-align:center; letter-spacing:.1rem;}


.btn { overflow:hidden; margin-top:1.6rem;}
.btn a{ display:block; border-radius:0.3em;padding:3% 0;width:47%;text-align:center; color:#FFF; font-weight:900;}
.btn a b { color:#FFF;}
.btn a img { display:inline-block; width:25%; margin-top:-4px; margin-right:0.2rem}
.btn a:nth-of-type(1){ background-color:#F4754A; float:left;}
.btn a:nth-of-type(2){ background-color:#C03728; float:right;}
.a_1 { display:block; width:68%; padding:2.8% 0; color:#FFF; background:#ff4040; border-radius:5px; text-align:center; margin:0 auto;}
.a_1 img { width:1.8rem; margin-top:-4px;}
@media screen and (min-width:320px){.btn a,.a_1{font-size: 15px}}
@media screen and (min-width:340px){.btn a,.a_1{font-size: 17.5px}}
@media screen and (min-width:480px){.btn a,.a_1{font-size: 20px}}
@media screen and (min-width:640px){.btn a,.a_1{font-size: 24px}}


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

/*-------------------公共样式结束---------------------*/
.nav {  background:#C03728; height:4.5rem; text-align:center}
.nav a{ display:inline-block; width:15%; line-height:4.5rem; font-size:1.5rem; }
.nav i{border-right:1px solid #A32315}
.xian{ height:0.5rem; width:100%; background:#E6E6E6}


.tit img{ width:3rem; margin-right:1rem}
.tit{ padding:0.5rem; background:#C03728; overflow:hidden; }
.tit p{ color:#fff; font-size:2rem; font-weight:bold; height:3.4rem; line-height:3.4rem; float:left; width:80%; overflow:hidden}
.tit p span{ font-weight:normal; color:#fff;}
.tit a{ color:#fff; float:right; margin-top:0.3rem}
@media screen and (min-width:320px){.tit a{font-size: 15px}}
@media screen and (min-width:340px){.tit a{font-size: 17.5px}}
@media screen and (min-width:480px){.tit a{font-size: 20px}}
@media screen and (min-width:640px){.tit a{font-size: 24px}}

/*zt1*/
.logo{ overflow:hidden; padding:1rem; background:#fff;}
.logo .lo_a{ float:left; width:70%}
.logo .lo_img{ float:right; width:10%; margin-top:.5rem}
#n_menu {display:none;position:absolute;width:140px;z-index:15;right:0;margin:0;background:#f47548;height: 225px;}

#n_menu dl {background:url(../images/menu_line.gif) repeat left 46px;line-height:45px;color:#f0f0f0}

#n_menu dl a {color:#f0f0f0;display:block}

#n_menu dl a:hover {color:#0b9547}

#n_menu dl dd {font-size:16px;margin:0 auto;cursor:pointer;height:45px;line-height:45px;}

#n_menu dl dd a {display:block;height:45px;line-height:45px;font-size:14px;padding:0 10px 0 0}

#n_menu .ico1,#n_menu .ico2,#n_menu .ico3,#n_menu .ico4,#n_menu .ico5{ background:url(../images/ico_nav.png) no-repeat;width: 24px;height: 45px;display: inline;float: left;margin:0 10px 0 20px;}

#n_menu .ico1{background-position: 0 0;}#n_menu .ico2{background-position: 0 -45px;}

#n_menu .ico3{background-position: 0 -90px;}#n_menu .ico4{background-position: 0 -135px;}#n_menu .ico5{background-position: 0 -180px;}

.banner{ position:relative}
.focus .hd{  position:absolute; z-index:1; bottom:-13px; text-align:center; right:0px  }
.focus .hd ul{ display:inline-block; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:1rem; height:1rem; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; font-size:0px }
.focus .hd ul li.on{ background:#C14637}

/*headlines*/
.headlines{ overflow:hidden; padding:1.6rem; background:#F1F1F1;}
.headlines >div {overflow:hidden;}
.headlines .le { width:9rem; float:left; border-right:1px solid #cccccc; line-height:2rem;}
.headlines .le img { width:8rem;}
.headlines .ri { float:right;}

#txtScroll_top .bd ul li { height:2rem; line-height:2rem; color:#333; text-align:left; overflow:hidden;}
#txtScroll_top .bd ul li a { display:block; line-height:2rem; color:#333; font-size:1.5rem;}
#txtScroll_top .bd ul li span { display:inline-block; font-size:.8rem; background:#ee1e1c; color:#FFF; line-height:1rem; border-radius:12px; padding:1px 6px; vertical-align:text-top;}


/*tb*/
.tb ul{ border-bottom:1px solid #DBDBDB; overflow:hidden}
.tb ul li{ width:25%; display:block; float:left; text-align:center; border-top:1px solid #DBDBDB; background:#fff}
.tb ul li a{border-right:1px solid #DBDBDB; padding:1rem 0rem}
.tb ul li:nth-of-type(4n) a{ border-right:0px}
.tb ul li img{ width:5rem; padding-bottom:0.5rem}
.tb ul li a{ display:block; color:#666; font-size:1.3rem}
@media screen and (min-width:340px){.tb ul li a{  font-size:1.4rem}}

/*ys*/
.ys{ margin-top:2rem}
.ys .ys_top ul{ overflow:hidden; padding:1.5rem 0rem}
.ys .ys_top ul li{ float:left; width:22%; text-align:center; height:3.6rem; line-height:3.6rem; border:1px solid #666; border-radius:2rem; margin-right:0.5rem}
.ys .ys_top ul li.on{ border:1px solid #C03728; color:#C03728}
.ys .ys_box{ overflow:hidden; background:#fff; padding:1rem; border:1px solid #E4E4E4}
.ys .ys_box .le{ width:35%; display:table-cell; vertical-align:middle}
.ys .ys_box .ri{ width:60%;display:table-cell;vertical-align:middle; padding-left:4% }
.ys .ys_box .ri h2{ font-weight:normal; color:#333; text-align:left}
.ys .ys_box .ri h2 span{ color:#333}
.ys .ys_box .ri h3{ color:#666666; font-weight:normal; height:1.5rem; line-height:1.5rem; font-size:1.5rem; padding-bottom:0.3rem}
.ys .ys_box .ri h3 span{ background:#F4754A; color:#fff; padding:0rem 0.3rem; border-radius:0.5rem}
.ys .ys_box .ri p:nth-of-type(1){ color:#999; border-bottom:1px dashed #E6E6E6; margin-top:0.5rem; padding-bottom:0.5rem; line-height:1.5rem}
.ys .ys_box .ri p:nth-of-type(1) span{ color:#f47548; line-height:1.5rem}
.ys .ys_box .ri p:nth-of-type(2){ color:#666666; line-height:1.5rem; margin-top:0.5rem}
.ys .ys_box .ri p:nth-of-type(2) a{ color:#f47548;line-height:1.5rem}
.ys .ys_box .ri .btn a{ font-weight:normal; border-radius:0px}
.ys .ys_box .ri .btn a:nth-of-type(1){ background:#F4754A}
.ys .ys_box .ri .btn a:nth-of-type(2){ background:#C03728}

/*wt*/
.wt{ margin-top:2rem}
.wt .wt_1{ overflow:hidden}
.wt .wt_1 h3 span{ display:inline-block; float:left;background:#C03728; height:30px; color:#FFF; line-height:30px; padding:0 1rem; font-size:1.5rem; font-weight:100;}
.wt .wt_1 h3 i{display:block; float:left;border-style: solid;border-width: 0px 0 30px 15px; border-color: #C03728 transparent  transparent   #C03728 ; vertical-align:top;}
.wt .wt_2 ul{ margin-top:1rem}
.wt .wt_2 ul li{ height:3.6rem; line-height:3.6rem; border-bottom:1px dashed #DCDDDD; overflow:hidden}
.wt .wt_2 ul li p{ float:left;line-height:3.6rem; overflow:hidden; width:80%}
.wt .wt_2 ul li a{ float:right; color:#f47548; text-decoration:underline;line-height:3.6rem;}
/*al*/
.m2{ margin-top:2rem}
.m2 .w_pad { margin-top:1.5rem}
.m2 .tabBox .hd { width:90%; margin:0 auto 2.2rem; }
.m2 .tabBox .hd ul { background:#FFF; overflow:visible;}
.m2 .tabBox .hd li { width:33.33%; float:left; position:relative;}
.m2 .tabBox .hd li span { display:block;  border:1px solid #F4754A;line-height:3.4rem; color:#F4754A; text-align:center; font-size:1.6rem;}
.m2 .tabBox .hd li:nth-child(2) span { border-left:0; border-right:0;}
.m2 .tabBox .hd li.on span { background:#F4754A;  color:#fff;}
.m2 .tabBox .hd li.on i { display:block; position:absolute; left:50%; margin-left:-10px; bottom:-10px; width:20px; height:10px; background:url(../images/m2_i_03.jpg) no-repeat top center; background-size:contain;}
.m2 .tabBox .bd ul li.li_1{ display:block}
.m2 .tabBox .bd ul li.on{ display:block}
.m2 .tabBox .bd ul li { background:#FFF; overflow:hidden; margin-bottom:1rem; display:none}
.m2 .tabBox .bd ul li .le { float:left; background:#FFF;}
.m2 .tabBox .bd ul li .le > div { display:table-cell; vertical-align:middle;}
.m2 .tabBox .bd ul li .le img { display:block; width:4rem; margin:0 auto;}
.m2 .tabBox .bd ul li .le p { color:#333; text-align:center; line-height:2rem;}
.m2 .tabBox .bd ul li .le span { display:block; text-align:center; font-size:1.2rem; line-height:1.6rem;}
.m2 .tabBox .bd ul li .ri { width:68%; float:right; position:relative;}
.m2 .tabBox .bd ul li .ri img { display:block;}
.m2 .tabBox .bd ul li .ri span { display:block; position:absolute; left:0; bottom:0; width:100%; line-height:2.8rem; background:rgba(0,0,0,.8); color:#FFF; text-align:center;}
.m2 .tabBox .bd ul .aa_1 { text-align:center; color:#333; display:block; margin-top:.4rem;} 
.m2 .tabBox .bd ul li  a { display:block;}

/*ts*/
.ts{ margin-top:1.5rem}
.ts .ts_1{ border:1px solid #E9E9E9; padding:1rem; background:#fff; margin-top:1.5rem;  padding-bottom:3rem; position:relative}
.ts .ts_1 .hd{ width:100%;  text-align:center; position:absolute; margin-bottom:1rem; }
.ts .ts_1 .hd ul{ display:inline-block; height:5px; padding:3px 5px; font-size:0; vertical-align:top;}
.ts .ts_1 .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#CCCCCC; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.ts .ts_1 .hd ul .on{ background:#CD5D53;  }


/*mt*/
.mt{ margin-top:2rem}
.mt .mt_1{ margin-top:1.5rem}
.mt .u_1 { overflow:hidden; margin-bottom:1.2rem;}
.mt .u_1 li { width:32%; float:left; margin-right:2%;}
.mt .u_1 li img { display:block; width:100%;}
.mt .u_1 li:nth-child(3) { margin-right:0;}

.mt .u_2 li { line-height:3.2rem; height:3.2rem; overflow:hidden; border-bottom:1px dashed #dcdddd; }
.mt .u_2 li a { display:block; line-height:3.2rem; color:#666; overflow:hidden;}
.mt .u_2 li a span { display:inline-block; float:left;line-height:3.2rem; width:85%; overflow:hidden}
.mt .u_2 li a i { display:inline-block; float:right; font-style:normal; padding:0 2px;line-height:3.2rem; color:#999}

.zy{ margin-top:2rem}
.zy .zy_1{ padding:1rem; border:1px solid #E9E9E9; background:#fff; margin-top:1.5rem; overflow:hidden}
.zy .zy_1 div{display:table-cell; vertical-align:middle;padding-right:2%}
.zy .zy_1 p{ width:48%; line-height:1.5rem; text-indent:2em;display:table-cell; vertical-align:middle; }
.zy .zy_1 p a{ color:#f47548; text-align:justify;line-height:1.5rem;}
@media screen and (min-width:320px) {.zy .zy_1 p,.zy .zy_1 p a{ line-height:1.5rem}}
@media screen and (min-width:340px) {.zy .zy_1 p,.zy .zy_1 p a{ line-height:2rem}}
@media screen and (min-width:480px) {.zy .zy_1 p,.zy .zy_1 p a{ line-height:2.5rem}}
@media screen and (min-width:640px) {.zy .zy_1 p,.zy .zy_1 p a{ line-height:3rem}}
.zy .zy_2 ul{ overflow:hidden; margin-top:1rem}
.zy .zy_2 ul li{ float:left; width:23.5%; margin-left:2%; text-align:center; background:#fff;}
.zy .zy_2 ul li:nth-of-type(1){ margin-left:0%}
.zy .zy_2 ul li a{ display:block; border:1px solid #E3E3E3; padding:1rem 0rem; color:#666666}
.zy .zy_2 ul li img{ width:5rem}

.pj{ margin-top:2rem}
.pj .pj_1{ margin-top:1.5rem}
.pj .pj_1 ul{ overflow:hidden}
.pj .pj_1 ul li{ float:left; color:#666666; width:32%; background:#fff; border-radius:2rem; margin-top:2%; text-align:center; height:3.6rem; line-height:3.6rem; margin-left:2%}
.pj .pj_1 ul li:nth-of-type(1),.pj .pj_1 ul li:nth-of-type(4){ margin-left:0%}

.pj .pj_2 ul{ overflow:hidden; margin-top:1rem;}
.pj .pj_2 ul li{ float:left; width:25%; text-align:center}
.pj .pj_2 ul li span{ color:#f47548}
.pj .pj_3{border-top:1px solid #E6E6E6; margin-top:1.5rem}
.pj .pj_3 .box{ overflow:hidden; border-bottom:1px solid #E6E6E6; padding-bottom:1.5rem; margin-top:1.5rem}
.pj .pj_3 .box h2{ float:left; width:5rem}
.pj .pj_3 .box div{ float:left; width:76%; margin-left:3%}
.pj .pj_3 .box div p:nth-of-type(1) img{ width:1rem}
.pj .pj_3 .box div p:nth-of-type(1) span{ padding-right:4%;color:#999;}
.pj .pj_3 .box div p:nth-of-type(2){}
.pj .pj_3 .box div h3{ color:#999; font-weight:normal;}
.pj .pj_3 .box div ul{ overflow:hidden}
.pj .pj_3 .box div ul li{ float:left;  text-align:right; color:#ccc}
.pj .pj_3 .box div ul li img{ width:1.5rem}
.pj .pj_3 .box div ul li:nth-of-type(2){ width:35%}
.pj .pj_3 .box div ul li:nth-of-type(3){ float:right}
.pj .pj_3 .box div ul li a{ color:#ccc}
.picScroll .hd ul{ display:none}
.picScroll .hd{ text-align:center; color:#333333; padding:1rem 0rem}
.picScroll .hd span{ padding:0 5%}
.bottom{ background:#C03728; height:3.6rem; line-height:3.6rem;}
.bottom ul{ overflow:hidden}
.bottom ul li{ width:23%; display:inline-block; text-align:center;line-height:3.6rem; color:#fff}
.bottom ul i{ border-right:1px solid #CD5D53}


/*footer*/
.foot{ background:#fff; padding-top:1.5rem}
.foot h2{ font-weight:normal}
.foot h3{ text-align:center; font-weight:normal; color:#333333}





