@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:12px/1.5 tahoma,arial,\5FAE\8F6F\96C5\9ED1;
}
/* 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 .swiper-slide a,.banner .swiper-slide a img{
    display: block;
    width: 6.4rem;
}
.banner .swiper-pagination-bullet{
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background-color: #a6a6a6;
    opacity: .9;
}
.banner .swiper-pagination-bullet-active{
    background-color: #da1e1c
}
.banner_bt a,.banner_bt a img{
    display: block;
    width: 6.4rem;
}
.div-nav{
    width: 6.4rem;
}
.div-nav li{
    width: 20%;
    float: left;
    box-sizing:border-box;
    border-right: 1px solid #d3d3d3;
    padding-top: .16rem;
}
.div-nav li.li-br{
    border-right: none;
}
.div-nav li a{
    display: block;
}
.div-nav li a img{
    display: block;
    width: .75rem;
    margin: 0 auto;
}
.div-nav li a i{
    display: block;
    font-size: .24rem;
    color: #333;
    line-height: .5rem;
    text-align: center;
}
.m1-tit{
    height: .82rem;
    line-height: .82rem;
    padding-left: .65rem;
    background: url(../images/ds_icon1.png) no-repeat .22rem center;
    background-size: .29rem;
    font-size: .24rem;
}
.m1-tit a{
    display: inline-block;
    font-size: .24rem;
    line-height: .82rem;
    color: #333333;
}
.m1-cont{
    width: 6.4rem;
    background-color: #ddd7e5;
    height: 8.7rem;
    .padding-bottom: .5rem;
    position: relative;
}
.m1-red{
    width: 6.4rem;
    height: 2.43rem;
    background-color: #da2220;
    font-size: .48rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 1.45rem;
}
.m1-white{
    width: 6rem;
    background-color: #fff;
    position: absolute;
    top:1.45rem;
    left: .2rem;
    padding:.25rem .2rem .2rem .2rem;
    box-sizing:border-box; 
}
.m1-white-t p{
    font-size: .24rem;
    line-height: .38rem;
    color: #333;
    text-indent: 2em;
}
.m1-white-t a{
    display: block;
    font-size: .24rem;
    line-height: .38rem;
    color: #da2220;
    margin-bottom: .2rem;
}
.m1-box{
    width: 5.6rem;
    height: 1.4rem;
    margin: 0 auto;
    border-top:1px solid #d3d3d3;
    padding-top: .18rem;
    box-sizing:border-box;
}
.m1-img{
    width: .9rem;
    float: left;
    margin-right: .15rem;
}
.m1-img img{
    display: block;
    width: .9rem;
}
.m1-t{
    width: 4.5rem;
    float: left;
}
.m1-t strong{
    display: inline-block;
    font-size: .26rem;
    color: #333;
    line-height: .38rem;
}
.m1-t i{
    display: inline-block;
    font-size: .2rem;
    color: #cfcfcf;
    line-height: .38rem;
}
.m1-t p{
    font-size: .2rem;
    color: #666;
    line-height: .38rem;
}
.m1-t p.p1{
    line-height: .3rem;
}
.m2-tit{
    line-height: .6rem;
    font-size: .48rem;
    color: #da2220;
    font-weight: bold;
    text-align: center;
    padding-top: .42rem;
}
.m2-cont{
    width: 6rem;
    margin: 0 auto;
}
.m2-doc{
    width: 6rem;
    border-bottom: 1px dashed #d3d3d3;
    padding:.3rem 0;
}
.m2-l{
    float: left;
    width: 2.24rem;
}
.m2-l img{
    display: block;
    width: 2.24rem;
}
.m2-text{
    width: 3.5rem;
}
.m2-text strong{
    display: inline-block;
    font-size: .38rem;
    color: #333;
    line-height: .45rem;
}
.m2-text i{
    display: inline-block;
    height: .26rem;
    line-height: .26rem;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    background-color: #f37216;
    padding: 0 .05rem;
    margin-left: .1rem;
}
.m2-text h2{
    font-size: .24rem;
    color: #333;
    line-height: .4rem;
}
.m2-box{
    width: 3.5rem;
    margin-top: .1rem
}
.m2-s{
    float: left;
    width: .54rem;
    height: .52rem;
    background-color: #d4bd97;
    line-height: .26rem;
    font-size: .2rem;
    color: #fff;
    text-align: center;
}
.m2-ss{
    width: 2.5rem;
    float: left;
    margin-left: .1rem;
    font-size: .18rem;
    line-height: .26rem;
    color: #333;
}
.m2-text p{
    font-size: .2rem;
    line-height: .32rem;
    color: #333;
    margin-top: .18rem;
}
.m2-text p em{
    color: #f37216
}
.m2-btn{
    width: 100%;
    margin-top: .22rem;
}
.m2-btn a{
    display: block;
    width: 1.6rem;
    height: .52rem;
    line-height: .52rem;
    border-radius: .26rem;
    font-size: .24rem;
    color: #fff;
    padding-left: .74rem;
    box-sizing:border-box;
}
.m2-btn a.a{
    background: url(../images/ds_icon5.png) no-repeat .387rem center #da2220;
    background-size: .29rem;
}
.m2-btn a.b{
    background: url(../images/ds_icon6.png) no-repeat .387rem center #f37216;
    background-size: .29rem;
}
.m2-more img{
    display: block;
    width:.43rem;
    margin: .3rem auto 0; 
}
.m2-more a{
    display: block;
    font-size: .24rem;
    color: #333;
    line-height: .38rem;
    text-align: center;
}
.m2-more{
    margin-bottom: .45rem;
}
.m-lienbg{
    width: 6.4rem;
    height: .2rem;
    background-color: #edebf1;
}
.m3-tit{
    font-size: .48rem;
    font-weight: bold;
    color: #da2220;
    text-align: center;
    line-height: 1.35rem;
}
.m3-img{
    width: 5.84rem;
    margin: 0 auto .5rem;
}
.m3-img img,.m3-img a{
    display: block;
    width: 5.84rem;
}
.m3-y a,.m3-y a img{
    display: block;
    width: 6.4rem;
}
.p4{
    padding-top: 1.2rem;
    height: 3.2rem;
    background: url(../images/p5-bg.jpg) top center no-repeat;
    background-size: 6rem;
    box-sizing:border-box;
}
#p4-swiper{
    width: 5.6rem;
    height: 1.43rem;
    margin:0 auto;
    overflow: hidden;
}
.p4 .swiper-slide a{
    font-size: 0;
}
.p4 .swiper-slide img{
    margin-right: .03rem;
    width: 1.84rem;
}
.p4 .swiper-slide img:nth-of-type(3){
    margin-right: 0;
}
.form-tit h2{
    font-size: .46rem;
    font-weight: bold;
    color: #da2220;
    text-align: center;
    line-height: .62rem;
    margin-top: .42rem;
}
.form-tit p{
    font-size: .26rem;
    line-height: .38rem;
    color: #333;
    text-align: center;
}
.form-tit img{
    display: block;
    width: 6.4rem;
    margin-top: .1rem;
    margin-bottom: .3rem;
}
.form-menu{
    width: 5.9rem;
    margin: 0 auto;
}
.form-menu div{
    margin-bottom: .2rem;
}
.form-menu label{
    width: 1.35rem;
    text-align: left;
    font-size: .26rem;
    line-height: .7rem;
    color: #333;
    float: left;
}
.form-menu input{
    width: 4.5rem;
    float: left;
    height: .7rem;
    line-height: .7rem;
    border-radius: .1rem;
    border:1px solid #d3d3d3;
    background-color: #edebf1;
    font-size: .26rem;
    color: #9a9a9a;
    text-indent: 1em;
    appearance:none;
    -webkit-appearance:none;
}
.div-sub{
    width: 5.9rem;
    margin: .3rem auto .24rem;
}
.div-sub .sub,.div-sub a{
    display: block;
    width: 2.8rem;
    height: .75rem;
    line-height: .75rem;
    border-radius: .1rem;
    border:none;
    text-indent: 0;
    font-size: .28rem;
    color: #fff;
    box-sizing:border-box;
}
.div-sub .sub{
    background: url(../images/ds_icon3.jpg) no-repeat .6rem center #3c489c;
    background-size: .43rem;
    padding-left: .52rem;
    appearance:none;
    -webkit-appearance:none;
    padding-left: 1.15rem;
}
.div-sub a{
    background: url(../images/ds_icon4.jpg) no-repeat .53rem center #f37216;
    background-size: .52rem;
    padding-left: 1.15rem;
}
.form-btn a,.form-btn a img{
    display: block;
    width: 5.84rem;
    margin: 0 auto;
}
footer{
    height: 5.06rem;
    background: url(../images/foot_bg.jpg) center top no-repeat;
    background-size: 6.4rem;
    margin-bottom: 1.1rem;
    margin-top: .5rem;
}
footer .f-txt{
    padding-top: 2.3rem;
    margin-left:  2.85rem;
}
footer .f-txt p{
    margin-bottom: .15rem;
    line-height: .3rem;
    font-size: .22rem;
    color: #666666;
    overflow: hidden;
}
footer .f-txt p img{
    margin-right: .15rem;
    float: left;
    width: .3rem;
}
footer .f-txt p span{
    float: left;
}