@charset "gb2312";

/* CSS Document */

/* public css */

html{ font-size:10px;}

@media screen and (min-width:320px) {html{ font-size:10px;}}

@media screen and (min-width:360px) {html{ font-size:11px;}}

@media screen and (min-width:414px) {html{ font-size:11.5px;}}

@media screen and (min-width:500px) {html{ font-size:13px;}}

*{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.45rem;}

img{border:0;outline:0; max-width:100%; vertical-align: top; } 

.fl,.fls{float: left;}

.fr,.frs{float: right;}

.cl{clear: both;}

.ov{overflow: hidden;}

.text{text-align: center;}

.pad{padding:1rem 2rem;}

.w_pad{ padding:3rem .5rem;}

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:100%;}

.btn a{ display:block; border-radius:.3rem; padding:2.5% 0; height:2.4rem; overflow:hidden;  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:#c03427;}

.btn a:nth-of-type(2){ background-color:#c03427;}

.btn a.on { background:#f37548;}

.oneBtn { display:block; width:90%; padding:2.5% 0; color:#FFF; background:#c03427; 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;}

.oneColor { color:#ff7800;}

.oneBg1 { opacity:.8;}

.btn a img.on { opacity:.4;} 

.btnBg a.on { opacity:.8;}

@media screen and (min-width:320px) {.btn a,.oneBtn{font-size: 16px}}

@media screen and (min-width:340px) {.btn a,.oneBtn{font-size: 17px}}

@media screen and (min-width:480px) {.btn a,.oneBtn{font-size: 18px}}

@media screen and (min-width:640px) {.btn a,.oneBtn{font-size: 19px}}

/*--- btn E ---*/ 





/*本页面公共样式*/

.tit { margin-bottom:1.2rem; }

.tit a { display:block;}

.tit a img { display:block; width:100%;}

.st { margin:1.4rem 0 1.6rem;}

.st a { display:blcok;}

.st a img { display:block; width:100%;}

.pic {}

.pic a { display:block;}

.pic a img { display:block; width:100%; margin:0 auto;}



.p_1 { text-indent:2em; 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;  line-height:2rem; height:2rem; }

header #banner  a { display:block;}

header #banner a img { display:block; width:100%; margin:0 auto;}

header #banner { position:relative; }

header #banner .hd{ position:absolute; right:1rem; left:0; bottom:1rem; height: 14px; line-height: 14px; }

header #banner .hd ul { height: 14px; line-height: 14px; text-align:right;}

header #banner .hd ul li { vertical-align:top; display:inline-block; width:14px; height:14px; line-height:14px; border-radius:14px; font-size:0; margin:0 3px; background:#FFF}

header #banner .hd ul li.on { background:#ffeb3f;}









.m1 { padding-bottom:1.6rem;}



.m2 {}

.m2 .dm1 { background:#f7e5e3; padding-bottom:2.4rem;}

.m2 .dm2 { padding-top:2.4rem;}

.m2 .pic_1 { overflow:hidden; margin:1.6rem 0 1rem; }

.m2 .pic_1 a { display:block; width:49%;}

.m2 .pic_1 a img { display:block; width:100%;}

.m2 .p1 { color:#333; line-height:2rem; margin-bottom:.4rem;  font-size:1.3rem;}

.m2 .p1 span { display:block; font-weight:bold; margin-bottom:.2rem; font-size:1.45rem;}

.m2 .p2 {margin-top:.8rem;}

.m2 h2 { font-size:1.8rem; color:#333; font-weight:normal; margin:1.2rem 0 1rem; }

.m2 h2 span { font-style:italic; font-weight:bold; color:#c03427; margin-right:.2rem;}



.m2 .box2 { padding-top:.4rem;}

.m2 .box2 .p_1 { margin-top:1.2rem;}

.m2 .box2 ul li { padding:1.2rem 0; border-bottom:1px dashed #ccc;}

.m2 .box2 ul li a { display:block; overflow:hidden;}

.m2 .box2 ul li .fl { width:11rem; }

.m2 .box2 ul li .fr h3 { font-size:1.8rem;  color:#333; font-weight:bold; }

.m2 .box2 ul li .fr p { font-size:1.4rem; line-height:1.8rem; color:#333; margin:.6rem 0;}

.m2 .box2 ul li .fr span { display:block; width:50%; background:#c03427;  line-height:3.2rem; text-align:center; margin-top:1rem; border-radius:.3rem;}



.m3 {}

.m3 .pic { margin-top:1.2rem;}

.m3 .box { padding:2rem .5rem; background:#c03427;}

.m3 .box .zx { overflow:hidden; padding-bottom:1.2rem; margin-bottom:1rem; border-bottom:1px solid #FFF;}

.m3 .box .zx .fl { width:10rem;}

.m3 .box .zx .fr p { color:#fff; line-height:2rem; margin-bottom:.2rem;}

.m3 .box .zx .fr p span { margin-right:.4rem ; font-weight:bold;}

.m3 .box .p_1 { text-indent:0; color:#fff;}

.m3 .box .p_1 a { color:#ffff33;}

.m3 .focus { margin-top:1.6rem; }

.m3 .focus .bd ul li a { display:block; position:relative; }

.m3 .focus .bd ul li a img { display:block; width:100%; margin:0 auto; }

.m3 .focus .bd ul li a span { display:block; position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,.7); line-height:3rem; color:#fff; text-align:center;}

.m3 .focus .hd{ margin-top: 14px; height: 14px; line-height: 14px; }

.m3 .focus .hd ul { height: 14px; line-height: 14px; text-align: center; }

.m3 .focus .hd ul li { vertical-align: top; margin: 0 3px; display:inline-block; width: 14px; height: 14px; line-height: 14px; border-radius: 14px; font-size: 0; background: #ccc; }

.m3 .focus .hd ul li.on { background: #c03427; }



.m4 { padding:0 .5rem;}

.m4 .w_pad { background:#c03427;}

.m4 .focus1 .bd ul li { overflow:hidden;}

.m4 .focus1 .bd ul li > div { width:49%; }

.m4 .focus1 .bd ul li a { display:block; }

.m4 .focus1 .bd ul li a img { display:block; width:100%; }

.m4 .focus1 .bd ul li .txt {background:#FFF; padding:1rem ;}

.m4 .focus1 .bd ul li .txt h2 { font-size:1.8rem; color:#c03427; margin-bottom:.6rem;}

.m4 .focus1 .bd ul li .txt p { line-height:1.8rem;color:#c03427;}



.m4 .focus1 .hd{ margin-top: 14px; height: 14px; line-height: 14px; }

.m4 .focus1 .hd ul { height: 14px; line-height: 14px; text-align: center; }

.m4 .focus1 .hd ul li { vertical-align: top; margin: 0 3px; display:inline-block; width: 14px; height: 14px; line-height: 14px; border-radius: 14px; font-size: 0; background: #d9857d; }

.m4 .focus1 .hd ul li.on { background: #fff; }

.m4 .a1 { display:block; text-align:center; text-decoration:underline; font-size:1.5rem; margin-top:1.2rem;}





.m5 {}

.m5 .txt { padding:1rem .5rem; background:#f6f6f6; margin-bottom:1.2rem;}

.m5 .txt p { color:#333;}









/*m6*/

.m6 { border-bottom:.6rem solid #f6f6f6;}

.m6 ul { overflow:hidden;}

.m6 ul li { width:49%;}

.m6 ul li a { display:block; }

.m6 ul li a img { display:block; width:100%;}

.m6 ul li a p { color:#333; text-align:center; margin-top:.8rem;}

.m6 ul li a span { margin-top: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:100%;}











/*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;}