@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;
    outline: none;
    color: inherit;
}
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 */
}
i{font-style:normal;display:inline-block;}
.fl{float:left;}
.fr{float:right}
.no-mr{margin-right:0!important}
.no-mb{margin-bottom:0!important}
.no-pr{padding-right:0!important;}
.no-pb{padding-bottom:0!important}


/* 最大宽度应对手机自定义 */
header,nav,section,footer {margin:0 auto; max-width:640px;}
.main {
    max-width: 640px;
    margin: 0 auto;
}
/* header*/
.banner{
    width: 6.4rem;
}
.banner a,.banner a img{
    display: block;
    width: 6.4rem;
}
.m1{
    background-color: #d8ebfe;
    padding-bottom: .6rem;
}
.m1-tit{
    width: 6.4rem;
    height: 2.5rem;
    background-color: #1751bc;
}
.m1-tit h2{
    font-size: .42rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: .52rem;
}
.m1-tit p{
    font-size: .12rem;
    color: #4690db;
    line-height: .2rem;
    text-align: center;
}
.cont{
    width: 6rem;
    margin: 0 auto;
}
.m1-cont{
    background-color: #fff;
    padding: .32rem .28rem .48rem .28rem;
    position: relative;
    margin-top: -1.35rem;
    box-sizing:border-box;
}
.m1-nav li{
    width: 2.55rem;
    margin-bottom: .3rem;
}
.m1-nav li a{
    display: block;
    width: 2.55rem;
}
.m1-zjjd{
    margin-top: .1rem;
}
.m1-zjjd img{
    display: block;
    width: .65rem;
}
.m1-zjjd .m1-right{
    width: 4.53rem;
    height: 2.53rem;
    background: url(../images/m1_bg.jpg) no-repeat;
    background-size: 100%;
    padding: .15rem .3rem;
    box-sizing:border-box;
}
.m1-zjjd .m1-right p{
    font-size: .24rem;
    line-height: .42rem;
    color: #333;
}
.m1-btn{
    width: 6rem;
    height: .8rem;
    line-height: .8rem;
    background-image: linear-gradient(#2787d7, #1751bc);
    background-image: -webkit-linear-gradient(#2787d7, #1751bc);
}
.m1-btn a{
    display: block;
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
    background: url(../images/icon.png) no-repeat 4.62rem .05rem;
    background-size: .42rem;
    padding-left: 1.7rem;
    box-sizing:border-box;
}
.m2{
    margin-top: .5rem;
}
.m2-tit h2{
    font-size: .42rem;
    font-weight: bold;
    color: #1751bc;
    line-height: .52rem;
    text-align: center;
}
.m2-tit h2 span{
    color: #ff7b02
}
.m2-tit p{
    font-size: .12rem;
    color: #6c7c99;
    line-height: .2rem;
    text-align: center;
}
.m2-cont{
    width: 6rem;
    margin: .1rem auto .5rem;
}
.m2-cont a,.m2-cont a img{
    display: block;
    width: 6rem;
}
.m2-bgcolor{
    width: 6.4rem;
    background-color: #1751bc;
    padding-top: .46rem;
    padding-bottom: .45rem;
}
.m2-tit2{
    width: 6rem;
    margin: 0 auto;
    border:1px solid #86c0ec;
}
.m2-tit2 h2{
    font-size: .36rem;
    font-weight: bold;
    color: #ffe400;
    line-height: .36rem;
    width: 1.9rem;
    position: relative;
    margin: -.18rem auto 0;
    background-color:#1751bc;
    border-left:1px solid #86c0ec;
    border-right: 1px solid #86c0ec;
    text-align: center;
}
.m2-tit2 p{
    font-size: .26rem;
    line-height: .38rem;
    color: #fff;
    text-align: center;
    padding: .15rem 0 .2rem 0;
}
.m2-btn{
    width: 6rem;
    height: .8rem;
    line-height: .8rem;
    margin: .2rem auto 0;
    background-image: linear-gradient(#ffa702, #ff7b02);
    background-image: -webkit-linear-gradient(#ffa702, #ff7b02);
}
.m2-btn a{
    display: block;
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
    background: url(../images/icon.png) no-repeat 4.62rem .05rem;
    background-size: .42rem;
    padding-left: 1.7rem;
    box-sizing:border-box;
}
.m3{
    margin-top: .4rem;
}
.m3-tit h2{
    font-size: .42rem;
    font-weight: bold;
    color: #1e3152;
    line-height: .56rem;
    color: #1e3152;
    text-align: center;
}
.m3-tit h3{
    font-size: .42rem;
    line-height: .52rem;
    color: #1751bc;
    text-align: center;
    font-weight: bold;
}
.m3-tit h3 span{
    color: #ff7b02
}
.m3-tit p{
    font-size: .12rem;
    color:#6c7c99;
    line-height: .2rem;
    text-align: center;
}
.m3-tit img{
    display: block;
    width: .6rem;
    margin: .25rem auto;
}
.m3-img img{
    display: block;
    width: 6rem;
    margin-bottom: .2rem;
}
.m3-cont1 p{
    width: 6rem;
    margin: .3rem auto .35rem;
    font-size: .26rem;
    line-height: .42rem;
    color: #333;
}
.m3-cont2{
    width: 6.4rem;
    background-color: #1751bc;
    padding: .4rem 0 .6rem 0;
}
.m3-nav{
    margin-bottom: .5rem;
}
.m3-nav li{
    width: 1.36rem;
    height: 1.36rem;
    border-radius: 50%;
    float: left;
    margin-right: .186rem;
    font-size: .3rem;
    line-height: .36rem;
    color: #fff;
    text-align: center;
    padding-top: .3rem;
    box-sizing:border-box;
}
.m3-nav li:nth-of-type(1){
    background-color: #2376ca;
}
.m3-nav li:nth-of-type(2){
    background-color: #46c93b;
}
.m3-nav li:nth-of-type(3){
    background-color: #ff7c02;
}
.m3-nav li:nth-of-type(4){
    background-color: #e3333e;
}
.m3-cont2 .m2-tit2 h2{
    width: 2.2rem;
}
.m3-cont2 .m2-tit2 p{
    padding: .15rem .3rem .25rem .3rem;
}
.doc-team img{
    display: block;
    width: 6.4rem;
}
.doc-slide{
    width: 6.4rem;
}
.doc-cont{
    position: relative;
    width: 6.4rem;
}
.doc-cont img{
    display: block;
    width: 6.4rem;
}
.doc-cont a{
    display: block;
    width: 2.8rem;
    height: .65rem;
    line-height: .65rem;
    border-radius: .32rem;
    font-size: .28rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(#ffa702, #ff7b02);
    background-image: -webkit-linear-gradient(#ffa702, #ff7b02);
    position: absolute;
    left: .7rem;
    bottom: .38rem;
}
.m4{
    margin-top: .7rem;
}
.m4-tit{
    border:1px solid #7c8eae;
    padding-bottom: .2rem;
}
.m4-tit h2{
    width: 4.1rem;
    line-height: .42rem;
    font-size: .42rem;
    font-weight: bold;
    text-align: center;
    margin: -.21rem auto 0;
    color: #1e3152;
    background-color: #fff;
    border-left: 1px solid #7c8eae;
    border-right: 1px solid #7c8eae;
}
.m4-tit h3{
    font-size: .42rem;
    font-weight: bold;
    color: #1751bc;
    line-height: .56rem;
    text-align: center;
    margin-top: .05rem;
}
.m4-tit h3 span{
    color: #ff7b02
}
.m4-tit p{
    font-size: .12rem;
    color: #6c7c99;
    line-height: .2rem;
    text-align: center;
}
.m4-cont h2{
    font-size: .3rem;
    color: #333;
    padding-left: .72rem;
    line-height: .6rem;
    background: url(../images/m4-bg.jpg) no-repeat left center;
    background-size: .6rem;
    margin: .3rem 0 .2rem 0;
}
.m4-img{
    border-radius: .2rem;
    padding: .08rem 0;
    box-shadow: .05rem 0 .15rem rgba(0,0,0,0.2);
}
.m4-img img{
    display: block;
    width: 5.83rem;
    margin: 0 auto;
}
.m4-cont p{
    font-size: .26rem;
    line-height: .42rem;
    color: #333;
    margin-top: .2rem;
}
.m4-btn{
    width: 5.5rem;
    height: .75rem;
    line-height: .75rem;
    border-radius: .37rem;
    border:1px solid #cfcfcf;
    margin: .35rem auto .6rem;
    box-shadow: .08rem 0 .1rem rgba(0,0,0,0.1);
    overflow: hidden;
}
.m4-btn a.a1{
    display: block;
    width: 3.4rem;
    font-size: .26rem;
    color: #666666;
    text-align: center;
}
.m4-btn a.a1 span{
    color: #ff0000
}
.m4-btn a.a2{
    width: 2rem;
    height: .75rem;
    line-height: .75rem;
    background-image: linear-gradient(#ffa702, #ff7b02);
    background-image: -webkit-linear-gradient(#ffa702, #ff7b02);
}
.m4-btn a.a2 i{
    display: block;
    font-size: .26rem;
    color: #fff;
    font-weight: bold;
    padding-left: .24rem;
    background: url(../images/icon.png) no-repeat 1.38rem -1.07rem;
    background-size: .42rem;
    box-sizing:border-box;
}
.m8{margin-bottom:0.3rem;}
.m8-tit{
    width: 6.4rem;
    height: 1.1rem;
    background-color: #1751bc;
    padding-top: .15rem;
    box-sizing:border-box;
}
.m8-tit h2{
    font-size: .42rem;
    line-height: .55rem;
    text-align: center;
    color: #fff;
}
.m8-tit p{
    font-size: .12rem;
    color: #6a99f1;
    line-height: .2rem;
    text-align: center;
}
.m8-cont{
    margin: .25rem 0 .25rem 0;
}
.m8-cont h2{
    font-size: .24rem;
    line-height: .36rem;
    color: #1751bc;
    text-align: center;
}
.m8-cont p{
    font-size: .24rem;
    line-height: .36rem;
    color: #ff0000;
    text-align: center;
}
.m8-cont span{
    display: block;
    width: .9rem;
    height: .1rem;
    background-color: #d8ebfe;
    margin: .2rem auto .2rem;
}
.m8-cont .shu{
    color: #000;
   margin: .2rem auto .2rem;
}
.m8-cont .shu span{
       display: initial;
  background-color:snow;
  color:red;
  font-weight: bold;
  margin-bottom:0.2rem;
}
.m8-form{
    width: 6rem;
    margin: 0 auto;
}
.m8-form div{
    margin-bottom: .22rem;
}
.m8-form div label{
    float: left;
    width: 1.3rem;
    font-size: .26rem;
    line-height: .66rem;
    color: #999;
}
.m8-form div label i{
    color: #f00;
}
.m8-form div input,.m8-form div textarea{
    float: left;
    width: 4.65rem;
    height: .66rem;
    line-height: .66rem;
    border:1px solid #cccccc;
    font-size: .26rem;
    color: #c0c0c0;
    text-indent: 1em;

}
.m8-form div.sub{
    width: 6rem;
    height: .78rem;
    margin: .4rem auto 0;
}
.m8-form div.sub input{
    display: block;
    width: 6rem;
    height: .78rem;
    line-height: .78rem;
    background-color: #ff7b02;
    border-radius: .06rem;
    text-indent: 0;
    font-size: .26rem;
    color: #fff;
    border:none;
    appearance:none;
    -webkit-appearance:none;
}
.m5{
    background-color: #d8ebfe;
    padding-top: .35rem;
    padding-bottom: .6rem;
}
.m5-tit h2{
    font-size: .42rem;
    color: #1751bc;
    font-weight: bold;
    line-height: .56rem;
    text-align: center;
}
.m5-tit span{
    display: block;
    width: .9rem;
    height: .09rem;
    background-color: #93c1fc;
    margin:.15rem auto .3rem;
}
.m5-nav li{
    width: 2.87rem;
    height: .67rem;
    line-height: .67rem;
    background-color: #fff;
    box-shadow: .05rem 0 .1rem rgba(23,81,188,.2);
    margin-bottom: .2rem;
    font-size: .24rem;
    color: #333;
    text-align: center;
}
.m5-nav li.red{
    color: #ff0000
}
.m5-btn{
    width: 6rem;
    height: .78rem;
    line-height: .78rem;
    margin: .4rem auto 0;
    background-image: linear-gradient(#ffa702, #ff7b02);
    background-image: -webkit-linear-gradient(#ffa702, #ff7b02);
}
.m5-btn a{
    display: block;
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
    padding-left: 2.35rem;
    background: url(../images/icon.png) no-repeat 4.6rem .05rem;
    background-size: .42rem;
    box-sizing:border-box;
}
.m6{
    width: 6.4rem;
    background-color: #1751bc;
    padding-top: .48rem;
}
.m6-tit h2{
    font-size: .42rem;
    font-weight: bold;
    color: #fff;
    line-height: .48rem;
    text-align: center;
}
.m6-tit p{
    font-size: .32rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
}
.m6-cont{
    width: 6.2rem;
    border-radius: .2rem;
    background-color: #fff;
    padding: .2rem 0 0.4rem 0;
    margin: .3rem auto 0;
}
.m6-cont img{
    display: block;
    width: 5.83rem;
    margin: 0 auto;
}
.m6-cont img:nth-of-type(1){
    margin-bottom: .06rem;
}
.m6-cont p{
    font-size: .24rem;
    line-height: .42rem;
    color: #333;
    padding: .3rem .2rem 0 .2rem;
}
footer{
    width: 6.4rem;
    background-color: #1751bc;
    padding: .7rem 0 .75rem 0;
}
footer img{
    display: block;
    width: 6rem;
    margin: 0 auto;
}
footer h2{
    width: 4.15rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .25rem;
    border:1px solid #8ba8de;
    text-align: center;
    font-size:.32rem;
    color: #fff;
    margin: .16rem auto .42rem;
}
footer p{
    font-size: .24rem;
    line-height: .46rem;
    color: #fff;
    text-align: center;
}