@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:#ffffff;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:70%;}

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

.oneBtn { display:block; width:80%; padding:2.5% 0; color:#c03427; background:#ffff00; font-weight:normal; border-radius:0.3em; text-align:center; margin:1.8rem 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: 15px}}

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

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

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

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





/*本页面公共样式*/

.tit { margin-bottom:1.4rem; }

.tit h2 { text-align:center; font-size:2rem; line-height:2rem; margin-top:.6rem; font-weight:normal; color:#333;}

.tit p { color:#333; text-align:center; margin-top:.4rem; line-height:2rem;}

.st {}

.st { display:blcok;}

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

.pic {}

.pic a { display:block;}

.pic a img { display:block; width:100%; margin:0 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;  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;}







.dd { padding:2.4rem .5rem;}

.dd p { margin-bottom:.2rem;}

.dd .p_2 { color:#333;}

.dd .p_2 span { display:block; font-weight:bold;}





.m1 .w_pad { padding:2.4rem .5rem; background:#c03427;}

.m1 .p_1 { color:#FFF; margin-bottom:1.6rem;}



.m1 .a1 { display:block; overflow:hidden; width:85%; margin:1.8rem auto 0; text-align:center; border:1px solid #ffff00; border-radius:.3rem; line-height:3.4rem;}

.m1 .a1 span { display:block; float:left; width:66%; line-height:3.4rem; }

.m1 .a1 i { display:block; float:right; width:34%; background:#ffff00; font-style:normal; line-height:3.4rem; color:#c03427;}





.m1 .tit h2 { color:#FFF;}





/*m2*/

.m2 {}

.m2 .focus { margin:1.4rem 0 1.6rem;}

.m2 .focus .bd ul li a { display:block;}

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

.m2 .focus .bd ul li .p_1 { margin-top:1rem;}

.m2 .focus .hd { height: 14px; line-height: 14px; margin-top:1.2rem; }

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

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

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



.m2 { border-bottom:.6rem solid #e4e4e4;}

.m2 .box { margin-top:1.6rem;}

.m2 .box ul { overflow:hidden; }

.m2 .box ul li { float:left; width:49%; margin-right:2%; margin-bottom:2%; }

.m2 .box ul li:nth-child(2n) { margin-right:0; }

.m2 .box ul li a { display:block; }

.m2 .box ul li .txt { overflow:hidden; margin-top:1rem; padding:0 3%; }

.m2 .box ul li .txt p { display:block; float:left; color:#333; width:48%; line-height:2.8rem;  border-right:1px solid #333; font-size:2.2rem;}

.m2 .box ul li .txt span { display:block; float:right; color:#333; width:48%;}

.m2 .box ul li .txt span i { display:block; color:#333; font-style:normal; height:1.4rem; overflow:hidden;  font-size:1.1rem; line-height:1.4rem;} 

.m2 .box ul li .s1 { display:block; width:80%; margin:1rem auto 0; background:#ff8500; border-radius:3px; line-height:3.2rem; text-align:center; font-size:1.5rem;}





/*m3*/

.m3 { border-bottom:.6rem solid #e4e4e4;}

.m4 { border-bottom:.6rem solid #e4e4e4; }

.m3 .pic { margin:1.2rem auto;}

.m3 .oneBtn { background:#c03427; color:#FFF; margin-top:1.4rem; }

/*m4*/

.m4 { padding-bottom:2.6rem;}

.m4 ul { overflow:hidden;  }

.m4 ul li { margin-bottom:1.4rem; }

.m4 ul li a { display:block; position:relative; }

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

.m4 ul li a p { position:absolute; left:0; padding:.4rem;  right:0; bottom:0; line-height:2.6rem; background:rgba(0,0,0,.7); overflow:hidden; }

.m4 ul li a p span { display:block; float:left; font-size:1.3rem; line-height:2.6rem;}

.m4 ul li a p span em { font-style:normal; color:#ff8500; }

.m4 ul li a p i { display:block; position:absolute; top:.4rem; right:.4rem; bottom:.4rem; line-height:2.6rem; font-size:1.2rem; color:#FFF; background:#ff8500; border-radius:.3rem; font-style:normal; padding:0 .5rem;}



.mm .p_1 a { text-decoration:underline;}

.mm .pic { margin:1.2rem 0; }

.mm .pic a { display:block; position:relative; }

.mm .pic a p { position:absolute; right:0; bottom:0; left:0; background:rgba(0,0,0,.7); color:#fff; text-align:center; line-height:3rem; }

/*m5*/

.m5 { background:#c03427; }

.m5 .tit h2 , .m5 .p_1 { color:#fff;}

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



/*m6*/



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