@charset "gb2312";
/* CSS Document */
/* public 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;}
.fr{float: right;}
.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 {}
.clearfix { *zoom:1;}/*兼容IE低版本*/
.clearfix:after { content:''; display:table; clear:both;}
/*------------------公共样式结束-----------------------------*/

/*--- btn S ---*/ 
.btn { overflow:hidden; margin:1.6rem auto 0; width:80%;}
.btn a{ display:block; border-radius:0.3em; padding:3% 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:#dc5236;}
.btn a:nth-of-type(2){ background-color:#ff8500;}
.oneBtn { display:block; width:90%; padding:2.5% 0; color:#FFF; background:#f38100; font-weight:100; border-radius:0.3em; text-align:center; margin:1.2rem auto 0;}
.oneBtn img { display:inline-block; width:2rem; margin-top:-2px; margin-right:.4rem;}
@media screen and (min-width:320px) {.btn a,.oneBtn{font-size: 15px}}
@media screen and (min-width:340px) {.btn a,.oneBtn{font-size: 16px}}
@media screen and (min-width:480px) {.btn a,.oneBtn{font-size: 17px}}
@media screen and (min-width:640px) {.btn a,.oneBtn{font-size: 18px}}
/*--- btn E ---*/ 


/*本页面公共样式*/
.tit { padding:.9rem 1em; background:#c03427;}
.tit h2 { font-size:1.8rem; font-weight:100; text-align:center; color:#FFF; line-height:1.8rem; margin-bottom:.4rem;}
.tit h3 { font-size:2.2rem; font-weight:900; text-align:center; color:#FFF; line-height:2.2rem;}
.tit img { display:block; margin:0 auto; width:auto;}




.p_1 { text-indent:2rem; color:#333;}
.p_1 span,.p_1 a { color:#c03427}
.p_1 b { font-weight:900; }
/*end*/
/*header*/
header { background:#FFF;}
header #top_logo { width:100%; overflow:hidden; padding:1.6rem 0;}
header #top_logo .logo { width:65%; float:left; margin-left:1rem;}
header #top_logo .tel { width:10%; float:right; margin-right:1rem; vertical-align:bottom;}
header #top_nav { background:#c03427;}
header #top_nav ul { overflow:hidden; margin-top:-6px;}
header #top_nav ul li { width:16.6%; float:left; padding:.8rem 0;}
header #top_nav ul li a { display:block; text-align:center; border-right:1px solid #cd5d52; font-size:1.4rem; line-height:2rem; height:2rem; font-size:1.5rem;}
header #banner a { display:block;}
header #banner a img { display:block; width:100%; margin:0 auto;}

.dd {}
.dd .focus { margin:1.2rem 0;}
.dd .focus .bd ul li a { display:block; position:relative;}
.dd .focus .bd ul li a img { display:block; width:100%; margin:0 auto;}
.dd .focus .bd ul li a span { display:block; position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,.7); text-align:center; color:#FFF; font-size:1.2rem; line-height:2.6rem;}

.dd .focus .hd ul { text-align:center; margin-top:1.4rem; height:1.2rem;}
.dd .focus .hd ul li { display:inline-block; width:1.2rem; line-height:1.2rem; vertical-align:top; height:1.2rem; background:#666666; border-radius:50%; margin:0 3px; font-size:0;}
.dd .focus .hd ul li.on { background:#dc5236;}
.dd .p3 { color:#333;}
.dd .p2 { text-align:center; margin-top:.6rem;}
.dd .btn { margin-top:.8rem;}


/*m1*/
.m1 {}
.m1 .u1 {}
.m1 .u1 li { margin-top:1.4rem;}
.m1 .u1 li a { display:block;}
.m1 .u1 li a img { display:block; width:100%; margin:0 auto;}
.m1 .img1 { display:block; width:100%; margin:1.6rem auto;}



.m1 .u2{ overflow:hidden;margin-top:1.4rem}
.m1 .u2 li{width:49%;float:left;margin-bottom:2%;}
.m1 .u2 li:nth-child(2n){float:right;}
.m1 .u2 li:nth-child(5),.m1 .u2 li:nth-child(6){margin-bottom:0;}
.m1 .u2 li img{margin-bottom:0.8rem;width:100%;}
.m1 .u2 li p{width:65%;float:left;font-size:1.2rem; line-height:1.8rem;color:#333;height:3.5rem; overflow:hidden}
.m1 .u2 li p span{ display:block;line-height:1.8rem;color:#666;}
.m1 .u2 li a{ display:block;width:35%;float:right; height:2.5rem; line-height:2.5rem;color:#fff;border-radius:0.3rem; text-align:center; background:#ff8500;font-size:1.2rem; margin-top:0.5rem;}


/*m2*/
.m2 {}
.m2 ul li { margin-bottom:1.6rem;}
.m2 ul li a { display:block; overflow:hidden; border:1px solid #ff8500; border-radius:4px; margin-top:1.4rem;}
.m2 ul li a span {display:block; width:78%; float:left; color:#333; text-align:center; line-height:3.6rem; height:3.6rem; overflow:hidden;}
.m2 ul li a span b { color:#c03427; height:3.6rem; }
.m2 ul li a i { display:block; width:22%; float:right; height:3.6rem; background:#ff8500; line-height:3.6rem; font-style:normal; text-align:center;}


/*m3*/
.m3 { border-bottom:.6rem solid #e6e6e6;}
.m3 .pic img { display:block; width:100%; margin:0 auto;}
.m3 p { text-align:center; margin-top:1rem;}
.m3 .btn { margin-top:1rem;}



/*m4*/
.m4 { border-bottom:.6rem solid #e6e6e6;}
.m4 .img1 { display:block; width:100%; }

.m4 ul { margin-top:1rem;}
.m4 ul li { padding:1.2rem 0; border-bottom:1px dashed #dcdddd; display:none;}
.m4 ul li.on { display:block;}
.m4 ul li h2 { font-weight:100; font-size:1.6rem; line-height:3rem; height:3rem; color:#333; margin-bottom:.8rem;}
.m4 ul li h2 img { display:inline-block; width:3rem;  vertical-align:top; margin-right:1rem;}
.m4 ul li h2 span { font-size:1.4rem; color:#666;}
.m4 ul li p { line-height:2rem; color:#333;}
.m4 ul li .p1 { text-align:right; margin-top:.4rem; color:#666;}
.m4 ul li .p1 img { display:inline-block; width:1.6rem; margin-left:1rem; margin-top:.2rem; }
.m4 ul .click_more { text-align:center; font-size:1.6rem; margin-top:1.2rem;}
.m4 ul .click_more img { display:inline-block; width:1.5rem; margin-left:.6rem; vertical-align:middle; margin-top:-.4rem;}
.m4 .box { margin-top:1.6rem;}
.m4 .box textarea { border:0; -webkit-appearance:none; border-radius:0; border:1px solid #cccccc; width:96%; margin:0 auto; outline:none;resize: none; padding:2%; line-height:2rem; height:6rem; overflow:hidden; color:#ccc; font-size:1.3rem; }
.m4 .box p { overflow:hidden; margin-top:.6rem;}
.m4 .box p a:nth-child(1) { display:block; width:4rem; float:left;}
.m4 .box p a:nth-child(2) { display:block; width:30%; line-height:3.2rem; text-align:center; background:#f38100; float:right; font-size:1.45rem;}


/*m5*/
.m5 { border-bottom:.6rem solid #e6e6e6; padding-bottom:1.6rem;}
.m5 img { display:block; width:100%; margin-bottom:1rem; }














/*foot_nav*/
.foot_nav { overflow:hidden; padding-bottom:1rem;}
.foot_nav ul { overflow:hidden;}
.foot_nav ul li { width:20%; float:left; margin-bottom:1rem;}
.foot_nav ul li a { display:block;}
.foot_nav ul li img { display:block; margin:0 auto; width:4.6rem;}
.foot_nav ul li span { color:#666; display:block; text-align:center; margin-top:.3rem; }

/*zhhy*/
.zhhy { padding:1.2rem 1rem; background:#c03427;}
.zhhy a { display:block;}
.zhhy a img { display:block; margin:0 auto; width:auto;}





/*footer*/
footer { padding:1.6rem 0 0;}
footer .f_nav { text-align:center; padding:0rem 1rem;}
footer .f_nav a { display:inline-block;  font-size:1.45rem; color:#333 ; margin:0 5px; }
footer .address { padding:1rem 0 2rem;}
footer .address p { text-align:center;  color:#666;}

footer .information { background:#cdcdcd; text-align:center; line-height:2.4rem;  font-size:1.2rem;}

/*置顶按钮*/
#scroll {  position: fixed; bottom:8rem; right:0; width: 5rem;height:5rem; display:none;  float:right; background:url(../images/scroll.png) no-repeat center; background-size:contain;  margin-right:1.5rem; cursor: pointer; z-index:9999;}