@charset "utf-8";
/*  comm */
html {font-size: 62.5%;}
@media screen and (min-width:321px) and (max-width:375px){html{font-size: 62.5%;}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size: 62.5%;}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size: 62.5%;}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size: 100%;}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size: 100%}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size: 100%}}
@media screen and (min-width:800px){html{font-size: 100%}}

html,body{font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; margin:0; padding: 0; text-decoration: none; color:#000;}
body{ font-size:1.4rem; line-height:2em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
img { border:0;}
ul,li,ol{list-style: none outside none; margin:0; padding: 0; }
a {text-decoration: none;font-size:1.4rem; color:#000;}
/* 公用 */
.clearx{ display:block; clear:both; height:0; overflow:hidden; }
.com_pad{ padding:3rem 0;}

.sub_title{ text-align:center; padding:0 1rem;}
.sub_title h2{ font-size:1.8rem; padding-bottom:0.5rem;}
.sub_title p{ line-height:1.8em; font-size:1.2rem; color:#666;}
.sub_title p a{color:#666;}

.com_pic{ width:100%; text-align:center;}
.com_pic img{ width:auto; max-width:100%; height:auto; display:block; margin:0px auto;}

.flex{
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法： Chrome 21+ */
display: flex;
}
.box_sizing{
-webkit-box-sizing:border-box; /* Safari */
-moz-box-sizing:border-box; /* Firefox */
-os-box-sizing:border-box; /* Firefox */
box-sizing:border-box;
}
.transition_3s{
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-transition:0.3s;
}
.transition_5s{
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
-transition:0.5s;
}
/* ---------------------------总述 */
#main_box{ margin:0px auto; width:auto; max-width:800px;}
/* ---------------------------header */
#header{ position:fixed; top:0; left:0; width:100%; height:4rem; background-color:#fff; border-bottom:1px solid #e2e2e2; z-index:100;}
#logo{ float:left; height:4rem; margin-left:1rem;}
#logo img{ width:auto; height:4rem;}
.blankx{ height:4rem;}

#header_tel{ float:right; margin-right:1rem; height:4rem;}
#header_tel img{ width:auto; height:4rem;}

/* 大图*/
.head_pic{ position:relative; overflow:hidden; margin:0 auto;min-width:320px;max-width:800px;}
.head_pic .hd{ position:absolute; width:100%; height:28px; line-height:28px; bottom:0; right:0; z-index:1; text-align:center;}
.head_pic .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#ffffff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.head_pic .hd li.on{ background:#fbc111;  }
.head_pic .bd{ position:relative; z-index:0; }
.head_pic .bd li{ position:relative; text-align:center;  }
.head_pic .bd li img{ background:url(../wap_images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.head_pic .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.head_pic .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;
background:url(../wap_images/focusBg.png) repeat-x; color:#FFF;  text-align:left;  }




/* ---------------------------footer */
#footer{position:fixed; left:0; bottom:0; width:100%; height:5rem; background-color:#FFF;  border-top:1px solid #f0f0f0; z-index:100;}
#footer ul li{ width:20%; text-align:center; float:left; position:relative;}
#footer ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.png) no-repeat; z-index:150;}
#footer ul li span{ margin-top:0.6rem; display:block; height:2.2rem; line-height:2.2rem; font-size:2rem;}
#footer ul li p{ height:1.5rem; line-height:1.5rem; font-size:1.1rem;}

#footer ul li em{ position:absolute; top:-2.8rem; left:50%; margin-left:-2.8rem; display:block; width:5.6rem; height:5.6rem; background-color:#FFF; z-index:110;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
#footer ul li em i{ margin:0.5rem; display:block; width:4.6rem; height:4.6rem; line-height:4.6rem; background-color:#fbc111; font-size:2.2rem;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
#footer ul li:nth-child(3) span{}