@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:95%;}
.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:#dd3434;}
.btn a:nth-of-type(2){ background-color:#f38100;}
.oneBtn { display:block; width:90%; padding:2.5% 0; color:#FFF; background:#ff9c00; font-weight:100; border-radius:0.3em; text-align:center; margin:1.2rem auto 0;}
.oneBtn img { display:inline-block; width:4rem; margin-top:-2px;}
@media screen and (min-width:320px) {.btn a,.oneBtn{font-size: 16px}}
@media screen and (min-width:340px) {.btn a,.oneBtn{font-size: 18px}}
@media screen and (min-width:480px) {.btn a,.oneBtn{font-size: 20px}}
@media screen and (min-width:640px) {.btn a,.oneBtn{font-size: 22px}}
.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;}
/*--- btn E ---*/ 


/*本页面公共样式*/
.tit { margin-bottom:1.2rem; height:2rem; text-align:center}
.tit p {font-weight:bold;color:#dd3434;font-size:2.4rem; }
.tit p span{ display:block;color:#c03427;background:#ffffff;color:#333;font-size:1.6rem; text-align:center;width:63%;margin:0 auto;margin-bottom:-1.2rem;}
.p_1 { line-height:2rem; color:#333; text-indent:2em;}
/*end*/
/*header*/
header { background:#FFF;}
header #top_logo { width:100%;overflow:hidden; padding-top:1rem; padding-bottom:1.6rem;}
header #top_logo .logo { width:70%; float:left; margin-left:1rem;}
header #top_logo .tel { width:11%; 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;}

.xtit { position:relative;height:30px;}
.xtit h2{height:35px; position:absolute; top:0;left:-19px;}
.xtit h2 span { display:inline-block; background:#dd3434; font-weight:bold; font-size:1.6rem; line-height:35px;  color:#FFF; padding:0 2rem 0 1rem; position:relative;}
.xtit h2 span i { position:absolute; right:0; top:0; background:#dd3434; border-left:20px solid #dd3434; border-bottom:35px solid #f6f6f6;}
.xtit h2 img { display:block; width:1rem;}
.xtit h2 span b{font-weight:normal;font-size:1.3rem}
/*dd*/
.dd{background:#dd3434}
.dd .circular {margin:0 auto; overflow:hidden}
.dd .circular li{float:left;width:32%; display:block;}
.dd .circular li:nth-child(2){margin:0 2%; }
.dd .circular li a{ display:block;border:1px solid #fff;border-radius:50%; line-height:1.5rem; text-align:center;}
.dd .circular li span{ display:block;color:#fff600;font-weight:bold; line-height:1.5rem;}
/*m1*/
.m1{padding-bottom:0;}
.m1 p.p1,.m2 p.p1,.m3 p.p1{ text-indent:2em; line-height:2rem}
/*m2*/
.m2 p.p1{margin-bottom:1rem;}
.m2 p.p2 span{color:#dd3434}
.m2 .m2nr{background:#f6f6f6;margin:0 auto;margin-top:2rem; position:relative;width:90%;padding:0 0.8rem;padding-top:2rem;padding-bottom:2rem}
.m2 .m2nr p.p3{margin-top:1.4rem; text-align:center;color:#333; font-size:1.4rem;margin-bottom:0.5rem;}
.m2 .m2nr .tp{margin:1rem auto;}
.m2 .m2nr .tp a img{ display:block;margin:0 auto;}
.m2 .m2nr p.p4{color:#dd3434;font-size:1.6rem;margin-top:2rem;margin-bottom:0.5rem;font-weight:300}
.m2 .m2nr .ul1{ overflow:hidden;margin-top:1rem;}
.m2 .m2nr .ul1 li{float:left;}
.m2 .m2nr .ul1 li:nth-child(2n){float:right;}
.m2 .m2nr .ul1 li a{ height:3rem; line-height:3rem; display:block; text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.m2 .m2nr .ul1 li:nth-child(1){width:60%;background:#71a1eb;}
.m2 .m2nr .ul1 li:nth-child(2){width:40%;background:#ffa101;}
.m2 .m2nr .ul1 li:nth-child(3){width:40%;background:#f56189;}
.m2 .m2nr .ul1 li:nth-child(4){width:60%;background:#9974e1;}
.m2 .m2nr .ul1 li:nth-child(5){width:60%;background:#00b65f;}
.m2 .m2nr .ul1 li:nth-child(6){width:40%;background:#ed6d6e;}
.m2 .ss { height:5rem;position:relative; margin-top:.8rem; }
.m2 .ss .u_1 { overflow:hidden; padding-top:.9rem;}
.m2 .ss .u_1 li { width:50%; float:left; height:3.2rem; line-height:3.2rem; font-size:1.5rem; text-align:center; color:#FFF;}
.m2 .ss .u_1 li:nth-child(1) { background:#dd3434;}
.m2 .ss .u_1 li:nth-child(2) { background:#d4d4d4;color:#333}
.m2 .ss span { display:block; width:4rem; height:4rem; line-height:4rem; background:#dd3434; border-radius:50%; text-align:center; font-size:1.8rem; font-weight:900; border:5px solid #FFF; position:absolute; top:0; left:50%; margin-left:-2.5rem; color:#FFF;}
.m2 .u_2 { overflow:hidden; margin-top:-1.2rem;}
.m2 .u_2 li { overflow:visible; border-bottom:1px solid #e6e6e6; }
.m2 .u_2 li .asd { width:38%;}
.m2 .u_2 li .asd p { line-height:2rem;font-size:1.3rem}
.m2 .u_2 li .asd span { color:#06469d;}
.m2 .u_2 li .le { float:left; text-align:right; padding:2rem 0;}
.m2 .u_2 li .ri { float:right; text-align:left; padding:2rem 0; }
.m2 .u_2 li .ce { width:6rem; margin:0 auto; position:relative; height:6rem; }
.m2 .u_2 li .ce img { display:block; /*z-index:9999;*/ position:absolute; }
.m2 .u_2 li .ce i { display:block; height:12rem; z-index:0; border-left:1px solid #d22815; position:absolute; left:50%; margin-left:-1px; }
.m2 .u_2 li:nth-child(4) { border:none;}
.m2 .u_2 li:nth-child(4) .ce i{ border-left:none;}
.m2 .p3 { color:#333; text-align:center; margin-top:1.2rem; line-height:1.4rem; }
.m2 .m2nr .box1 ul { overflow:hidden;  margin:0 auto;margin-top:1rem;}
.m2 .m2nr .box1 ul li { width:32%; float:left; margin-right:2%; margin-bottom:3.5%; padding-bottom:2.7rem; position:relative;}
.m2 .m2nr .box1 ul li img { display:block; width:100%; z-index:1;}
.m2 .m2nr .box1 ul li span { display:block; border:1px solid #ccc; position:absolute; bottom:0; left:0; right:0; height:3.4rem; line-height:4.4rem; color:#333; z-index:0; text-align:center; border-top:0;}
.m2 .m2nr .box1 ul li:nth-child(3n) { margin-right:0;}
.m2 .al1{font-size:1.3rem;color:#333; text-align:center; display:block;margin-top:1rem;}
.m2 .box3{margin-bottom:2.4rem}
.m2 .ddys{margin-top:0.5rem;}
.m2 .box3 p.p1{margin-bottom:0;}
.m2 .box3 p.p1 a{color:#dd3434}
.m2 .box3 .ul3 { overflow:hidden;margin-top:1.2rem;}
.m2 .box3 .ul3 li{width:32%;float:left; position:relative}
.m2 .box3 .ul3 li:nth-child(2){margin:0 2%;}
.m2 .box4{margin-top:2rem}
.m2 .box4 p.p5{font-size:1.5rem; color:#dd3434;margin-top:1.2rem}
.m2 .box4 p.p6{color:#333;}
.m2 .m2nr .span1{ display:inline-block;background:#dd3434;width:40%;color:#fff; height:2.5rem; line-height:2.5rem;}
.m2 .m2nr .span3{ display:inline-block;background:#d4d4d4;width:40%;}
/***m3**/
.m3{border-bottom:5px solid #e4e4e4}
.m3 .w_pad{padding-top:0;}
.m3 .tp{margin:1.2rem auto;}
.m3 .tp a img{ display:block;margin:0 auto;}





.m4{margin-top:2rem;}
.m4 { border-bottom:.6rem solid #e6e6e6;padding-bottom:2.6rem}
.m4 .w_pad{padding-bottom:0;padding-top:0.5rem;}
.m4 .tit p{color:#333;font-size:2.2rem;font-weight:bold;border:0; text-align:center; }
.m4 .slideBox{position:relative; }
.m4 .slideBox .bd{ z-index:0; width:80%;margin:0 auto; text-align:center  }
.m4 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.m4 .slideBox .bd li p.p1{color:#333;margin:0.5rem;font-size:1.5rem;margin-top:1rem;margin-bottom:0.2rem}
.m4 .slideBox .bd li p.p2{ text-align:left; text-indent:2em}
.m4 .slideBox .bd li p.p2 a{color:#c03427}
.m4 .slideBox .bd img{  display:block; width:100%;margin:0 auto }
.m4 .slideBox .prev{ position:absolute; left:-2%; top:50%; margin-top:-22px;display:block; width:25px; height:44px;   }
.m4 .slideBox .next{ position:absolute; right:-2%; top:50%; margin-top:-22px; display:block; width:25px; height:44px;  }
.m4 .slideBox .prev:hover,
.m4 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.m4 .slideBox .prevStop{ display:none;  }
.m4 .slideBox .nextStop{ display:none;  }
.m4 .slideBox .hd{ display:none}
.m4 .slideBox .hd li {font-size:0;}
.m4 .oneBtn{width:100%;}
/*.m5*/
.m5 .ul1{ overflow:hidden}
.m5 .ul1 li{width:20%;float:left; text-align:center;marign:0 auto;margin-bottom:0.5rem}
.m5 .ul1 li img{width:4.5rem; text-align:center;}
.m5 .ul1 li span{ display:block;color:#595757;}
.zhhy{background:#c03427; margin:0 auto; text-align:center;padding:1.4rem;}
.zhhy img{width:100%;}

/*footer*/
footer { background:#f6f6f6; }
footer #ul_1 { padding:0 1rem; margin-bottom:1.4rem;}
footer #ul_1 li { background:#FFF;}
footer .expert_line{ margin-bottom:1.2rem;}
footer .expert_line a { display:block; text-align:center; font-size:1.45rem; color:#9b0003; line-height:2rem;}
footer .expert_line a img { display:inline-block; width:2rem; height:2rem; margin-right:.5rem; margin-top:-.3rem;}
footer .expert_line a span { color:#333;}
footer .foot_nav { overflow:hidden; padding:0rem 1rem;  height:1.6rem; line-height:1.6rem; padding:1rem 0;padding-bottom:0;}
footer .foot_nav a { display:block; float:left; width:25%; height:1.6rem; line-height:1.6rem;  font-size:1.4rem; color:#333; text-align:center; vertical-align:middle;}
footer .foot_nav a span { display:block; border-right:1px solid #333; height:1.6rem; line-height:1.6rem; }
footer .foot_nav a:last-of-type span { border-right:0;}
footer .address { padding:1rem 0 2rem;}
footer .address p { text-align:center; line-height:2rem; font-size:1.4rem; color:#666;}
footer .address p:nth-child(1) { font-size:1.5rem; line-height:2.4rem;}
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;}





