@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
/*杂项*/
.u-co-bt{ border-radius:4px; /*css3圆角*/ width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}/*提交按钮样式*/
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px;  /*css3圆角*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*等待载入*/
.fs15{font-size:15px;} /*15号字体*/
.fs12{font-size:12px;} /*12号字体*/
.pdr12{ padding-right:12px;} /*右边距12px*/
.pl10{ padding-left:10px;} /*左边距10px*/
.red { color:#f00; } /*字体颜色红色*/
.emptyData{padding-left:10px;line-height:26px; }
/* -- 页面整体布局 -- */
.wrap{ max-width:750px; min-width:320px;margin:0 ; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{ width: 100%;display: block;}
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
/*内页返回开始*/
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;} /*内页返回布局样式*/
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	/*内页返回链接样式*/
.g-back .u-bp { background-position:0 0; } /*内页返回样式*/
.g-back .u-bl {background-position:0 -286px;  } /*内页回到首页样式*/
.g-back .u-bh { margin-right:10px; background-position:0 -232px;} /*内页目录样式*/
/*内页返回结束*/


/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*头部*/
/*头部动画*/
.erji a{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}

@-webkit-keyframes resize {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale(3,3);
        transform: scale(3,3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@keyframes resize {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale(3,3);
        transform: scale(3,3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@-webkit-keyframes returnToNormal {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes returnToNormal {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*底部*/
/**/

                .m-head{height:6rem;}
                .m-head .g-hd{min-width: 320px;width: 100%;}
                .m-head .g-hd{height:6rem;}
                .m-head .g-hd .t_logo{float: left;width:29.2%;padding: 1rem 0 0 2%;}
             
                .m-head .g-hd .m-nav2{ width:4.3%;height:1.46rem;float: right;margin-top:2.5rem;margin-right:4%;display: inline;}
                .m-head .g-hd .m-nav2 i{display:block;width:100%;height:100%;background:url(../images/hea-ico.png) no-repeat center; background-size:100%;}
                .m-head .g-hd .hea_nav{width:42%; height:6rem; display: block; float:right; line-height:6.2rem; margin-right: 3%;}
                .m-head .g-hd .hea_nav a{width:33.3%;font-size:1.4rem; color:#333333; font-weight: normal; display: block;float:left; text-align: center;}
                .m-head .menu2 {position: relative;z-index:301;}
                .m-head .menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:#EEEEEE;background-size:100% 100%;height:52.36rem;top:6rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s;padding:5.3% 4% 0; box-sizing: border-box;}  
                .m-head .menu2 .erji ul li{float:left;width:30.4%;height:10.6rem;border-radius:2rem;box-shadow:6px 8px 20px 0px rgba(0, 0, 0, 0.1); margin-bottom: 1.6rem;margin-right:4%;background:#FFF;}
                .m-head .menu2 .erji ul li a{display:block;height:10.6rem;padding-top:2.4rem; box-sizing: border-box;}
                .m-head .menu2 .erji ul li:nth-child(3n){margin-right: 0;}
                .m-head .menu2 .erji ul li i{display:block; width:3.16rem;height:3.16rem; margin:0 auto 1.1rem;}
                .m-head .menu2 .erji ul li i img{width:100%;}
                .m-head .menu2 .erji ul li em{display:block; font-size: 1.2rem; color:#333333; text-align: center;}
                .m-head .menu2 .erji strong{display: block;width: 43.75%;   height: 3.6rem;   line-height: 3.6rem;   background: #1155c2;  border-radius: 35px; margin: 0.76rem auto 0;}
                .m-head .menu2 .erji strong a{display:block;padding-left:6rem;font-size: 1.2rem; color:#FFF;background:url(../images/tel.png) no-repeat 27%; background-size:14%;font-weight: normal;}