@charset "utf-8";
/* 
    @名称: base
    @功能: 重设浏览器默认样式
*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
    color:#000;background:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:62.5%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display:inline-block;*display:inline;*zoom:1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
    font-size: 12px;
    line-height: 1.5em;
}
/* iphone手机表单默认 */
input.no {-webkit-appearance:none;}

input,select,textarea{
    font-size:100%;
}
/* 去掉各Table  cell 的边距并让其边重合 */
table{
    border-collapse:collapse;border-spacing:0;
}
/* IE bug fixed: th 不继承 text-align*/
th{
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img{
    border:0;
    width: 100%;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
    border:0;font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
q:before,q:after {
    content:'';
}
/* 默认不显示下划线，保持页面简洁 */
a {
    text-decoration:none !important;
    color:#000;
}
a:hover {
    text-decoration:underline;
}
/* 清理内浮动 */
.fl-c:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fl-c {
    *zoom:1; /* for IE6 IE7 */
}
span,strong{display:inline-block;}
i{font-style:normal;display:inline-block;}
.fl{float:left;}
.fr{float:right}
.no-r{margin-right:0!important}
/* 默认字体样式 微软雅黑&宋体\5b8b\4f53*/
*,input,button,select,textarea {font-family:\5FAE\8F6F\96C5\9ED1;}

/* 最大宽度应对手机自定义 */
header,nav,section,footer {margin:0 auto; max-width:640px;}
.main {
    max-width: 640px;
    margin: 0 auto;
}
/* header*/
header a, header a img {
    display: block;
    width: 6.4rem;
}
.banner{
    width: 6.4rem;
}
.banner a,.banner a img{
    display: block;
    width: 6.4rem;
}
.banner-tel,.banner-bt{
    width: 6.4rem;
}
.banner-tel a,.banner-tel a img,.banner-bt a,.banner-bt a img{
    display: block;
    width: 6.4rem;
}
.m1{
    width: 6.4rem;
    margin-top: .44rem;
    margin-bottom: .5rem;
}
.m1-title h2{
    font-size: .48rem;
    font-weight: bold;
    color: #da2220;
    text-align: center;
    line-height: .55rem;
}
.m1-title p{
    font-size: .26rem;
    line-height: .42rem;
    color: #333;
    text-align: center;
}
.m1-img{
    width: 6.4rem;
    margin-top: .22rem;
}
.m1-img a,.m1-img a img{
    display: block;
    width: 6.4rem;
}
.m1-text{
    width: 5.85rem;
    margin: .3rem auto;
}
.m1-text h2{
    width: 2.98rem;
    height: .57rem;
    line-height: .57rem;
    color: #333;
    font-size: .28rem;
    text-align: center;
    border:1px solid #333;
    margin: 0 auto .12rem;
}
.m1-text p{
    font-size: .24rem;
    line-height: .38rem;
    color: #333;
    text-indent: 2em;
}
.m-btn{
    width: 6rem;
    margin: 0 auto;
}
.m-btn a{
    display: block;
    width: 2.88rem;
    height: .68rem;
    line-height: .68rem;
    border-radius: .34rem;
    color: #fff;
}
.m-btn a.a{
    padding-left: .3rem;
    background: url(../images/ds_tel-icon1.png) no-repeat 2.24rem center #3c489c;
    background-size: .55rem;
    font-size: .3rem;
    box-sizing:border-box;
}
.m-btn a.b{
    padding-left: .2rem;
    background: url(../images/ds_tel-icon2.png) no-repeat 2.26rem center #f37216;
    background-size: .55rem;
    font-size: .29rem;
    box-sizing:border-box;
}
.m2{
    width: 6.4rem;
    background-color: #f5f4f7;
    padding: .3rem 0 .5rem 0;
}
.m2-cont{
    width: 6rem;
    margin: .2rem auto .4rem;
}
.m2-box{
    width: 6rem;
    background-color: #fff;
    padding: .17rem;
    margin-bottom: .1rem;
    box-sizing:border-box;
}
.m2-left{
    width: 2.79rem;
    height: 1.86rem;
}
.m2-left a,.m2-left a img{
    display: block;
    width: 2.79rem;
}
.m2-right{
    width: 2.55rem;
    margin-top: .25rem;
}
.m2-right h2{
    font-size: .26rem;
    color: #333;
    line-height: .42rem;
}
.m2-right p{
    font-size: .2rem;
    line-height: .28rem;
    color: #666;
}
.m2-right-t{
    margin-top: .4rem;
}
.m3{
    margin-top: .44rem;
}
.m3-nav{
    width: 6rem;
    margin:.2rem auto .1rem;
}
.m3-nav li{
    width: 2.88rem;
    margin-bottom: .18rem;
}
.m3-nav li a,.m3-nav li a img{
    display: block;
    width: 2.88rem;
    height: 2.68rem;
}
.m3-nav li p{
    font-size: .24rem;
    line-height: .42rem;
    text-align: center;
    color: #333;
    margin-top: .04rem;
}
.m3-img{
    width: 6.4rem;
}
.m3-img a,.m3-img a img{
    display: block;
    width: 6.4rem;
}