/* 
* @Author: anchen
* @Date:   2015-12-15 17:36:05
* @Last Modified by:   anchen
* @Last Modified time: 2015-12-21 17:38:33
*/
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body{background:#fff;}
a,a:hover{color:#333;}

.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.g-doc{
    width: 100%;
    font-family: "Microsoft Yahei";
}
.g-doc img{
    border:0;
    vertical-align: top;
}
.m-hd{
    width: 100%;
}
.m-card{
    position: relative;
    width: 100%;
    height: 9.65rem;
    background: #fff;
}
.m-card .u-bcd{
    position: absolute;
    width: 5.2rem;
    height: 9rem;
    left: 1.25rem;
    bottom: 0;
    background: url("../images/card.png");
    background-size: 100%;

}
.m-card .u-wrd{
    position: absolute;
    top: .9rem;
    right: .55rem;
    width: 8rem;
    height: 4.25rem;
    font-size: .6rem;
    color: #284263;
}
.m-card .u-btn1{
    position: absolute;
    right: 1.55rem;
    top: 5.7rem;
    display: block;
    width: 6.75rem;
    height: .75rem;
    text-align: center;
    line-height: .75rem;
    font-size: .6rem;
    color: #3c89eb;
    text-decoration: underline;
}
.m-card .u-btn2{
    position: absolute;
    right: 1.8rem;
    top: 7rem;
    width: 6.3rem;
    height: 1.95rem;
    font-size: 1rem;
    text-align: center;
    line-height: 1.95rem;
    color: #fff;
    border-radius: .2rem;
    background: #408cee;
}
.m-mn{
    width: 100%;
    height: 25rem;
    padding: .25rem 0;
    background: #ebebeb;
}
.m-mn .m-bd{
    width: 15.35rem;
    margin: 0 auto;
}
.m-mn .m-cf{
    float: left;
    position: relative;
}
.m-mn .m-cf1,.m-mn .m-cf2{
    width: 50%;
    height: 4.9rem;
    padding-top: 5.37rem;
}
.m-mn .m-cf1{
    background: url("../images/cg1.jpg") no-repeat;
    background-size: 100% 100%;
}
.m-mn .m-cf .u-igs{
    width: 7rem;
    height: 1.5rem;
    margin: .15rem auto;
}
.m-mn .m-cf1 p{
    font-size: .55rem;
    line-height: .625rem;
    padding-left: 1.8rem;
    color: #fff;
}
.m-mn .m-cf1 .u-igs{
    background: url("../images/g1.png") ;
    background-size: 100% 100%;
}
.m-mn .m-cf2 .u-igs{
    background: url("../images/g2.png") ;
    background-size: 100% 100%;
}
.m-mn .m-cf2 p,.m-mn .m-cf3 p,.m-mn .m-cf4 p,.m-mn .m-cf5 p{
    font-size: .55rem;
    line-height: .625rem;
    padding: .1rem 0;
    text-align: center;
    color: #fff;
}
.m-mn .m-cf2 .u-btn3{
    margin-top: .5rem;
    background: #7b4ef3;
}
.m-mn .m-cf2{
    background: url("../images/cg2.jpg") no-repeat;
    background-size: 100% 100%;
}

.m-mn .m-cf3,.m-mn .m-cf4,.m-mn .m-cf5{
    width: 50%;
}
.m-mn .m-cf3,.m-mn .m-cf5{
    height:8.6rem;
    padding-right: 50%;
    background: url("../images/cg3.jpg") no-repeat;
    background-size: 100% 100%; padding-top:1.7rem;
}

.m-mn .m-cf3 .u-igs{
    background: url("../images/g3.png") ;
    background-size: 100% 100%;
}
.m-mn .m-cf3 p{
    line-height: .6rem;
}
.m-mn .m-cf3 .u-btn3{
    margin-top: 0.8rem;
    background: #3d89eb;
}

.m-mn .m-cf5{
    height: 5.6rem;
    padding-left: 50%;
    padding-right: 0;
    padding-top: 1.25rem;
    background: url("../images/cg5.jpg") no-repeat;
    background-size: 100% 100%;
}
.m-mn .m-cf5 .u-igs {
    background: url("../images/g2.png");
    background-size: 100% 100%;
}
.m-mn .m-cf5 .u-btn3 {
    margin-top: .1rem;
    background: #7b4ef3;
}

.m-mn .m-cf4{
    height: 10.05rem;
    padding-left: 50%;
    background: url("../images/cg4.jpg") no-repeat;
    background-size: 100% 100%;
}
.m-mn .m-cf4 .u-igs{
    background: url("../images/g4.png") ;
    background-size: 100% 100%;
}
.m-mn .m-cf4 p{
    padding: 0 .7rem;
    font-size: .5rem;
    text-align: left;
}
.m-mn .m-cf4 .u-btn3{
    width: 5.4rem;
    margin-top: .1rem;
    background: #7b4ef3;
    line-height: 1.1rem;
    font-size: .5rem;
    height: 1.1rem;
}
.m-mn .u-btn3{
    display: block;
    width: 5.25rem;
    height: 1.45rem;
    margin: .1rem auto;
    font-size: .55rem;
    line-height: 1.45rem;
    text-align: center;
    color: #FFF;
    border-radius: .25rem;
    background: #3d89eb;
}

.g-doc .u-btn4{
    display: block;
    width: 6.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    margin: 1.25rem auto 0;
    color: #fff; 
    font-size: .7rem;
    border-radius: .25rem;
    background: #3c89eb;
}
.u-mark{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 50;
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;
}

/*------------- 弹窗 ---------------------*/
.m-pop{
    display: none;
    position: fixed;
    top: 7%;
    left: 50%;
    z-index: 99;
    margin-left: -47.5%;
}
.m-pop .m-bd{
    position: relative;
}
.m-pop .u-close{
    position: absolute;
    right: -.3rem;
    top: -1.1rem;
    width: 1.75rem;
    height: 1.75rem;
    background: url("../images/close.png");
    background-size: 100% 100%;
}
.m-pop h2{
    text-align: center;
    color: #3c89eb;
    padding-top: .25rem;
    font-size: .75rem;
    line-height: 1.25rem;
}
.m-pop .u-xn{
    width: 100%;
    height: .325rem;
    background: url("../images/xian.png");
    background-size: 100% 100%;
}
.m-pop .u-wod1{
    line-height: .75rem;
    font-size: .55rem;
    color: #473333;
}
.m-pop .u-wod2{
    line-height: .65rem;
    font-size: .5rem;
    color: #473333;
}
.m-pop1,.m-pop2{
    width: 14.75rem;
    height: 85%;
    padding: .3rem;
    background: #fff;
}
.m-pop1 .m-bd,.m-pop2 .m-bd,.m-pop4 .m-bd{
    width: 100%;
    height: 100%;
    border: 1px solid #d8e8fc;
    background: #f5f5f5;
}
.m-pop1 .m-cn,.m-pop2 .m-cn,.m-pop4 .m-cn{
    width: 95%;
    height: 90%;
    margin: 0 auto;
    overflow: auto;
}
.m-pop1 .m-cn .u-igb{
    width: 9rem;
    height: 5rem;
    margin: 0 auto .25rem;
    background: url("../images/six3.png");
    background-size: 100% 100%;
}
.m-pop1 .m-cn .u-xz,.m-pop2 .m-cn .u-xz,.m-pop4 .m-cn .u-xz{
    display: block;
    width: 3.55rem;
    height: 1.15rem;
    text-align: center;
    line-height: 1.15rem;
    font-size: .7rem;
    color: #fff;
    margin: .25rem 0;
    border-radius: .25rem;
    background: #3d89eb;
}
.m-pop1 .m-cn .u-wod1{
    padding-bottom: .5rem;
}
.m-pop1 .m-cn .u-wod2{
    padding-top: .25rem;
}
.m-pop1 .u-wod2 p,.m-pop2 .u-wod2 p{
    position: relative;
    padding-left: .6rem;
    line-height: .65rem;
}
.m-pop1 .u-wod2 span,.m-pop2 .u-wod2 span{
    position: absolute;
    display: inline-block;
    left: 0;
    top: .05rem;
    width: .5rem;
    height: .5rem;
    font-size: .4rem;
    text-align: center;
    line-height: .5rem;
    color: #fff;
    background: url("../images/list.png");
    background-size: 100% 100%;
}
.m-pop2 .m-cn .u-wod1{
    width: 8rem;
    padding-bottom: .5rem;
}
.m-pop2 .m-cn .u-igb{
    position: absolute;
    right: .7rem;
    top: 3rem;
    width: 5.5rem;
    height: 6.5rem;
    background: url("../images/nv.png");
    background-size: 100% 100%;
}
.m-pop2 .m-cn .u-wod2{
    padding-top: .5rem;
}

.m-pop3{
    width: 7.05rem;
    height: 8.95rem;
    padding: .3rem;
    top: 20%;
    margin-left: -3.5rem;
    background: #fff;
}
.m-pop3 .m-bd{
    width: 100%;
    height: 100%;
    border: 1px solid #d8e8fc;
    background: #f5f5f5;
}
.m-pop3 .u-xn{
    width: 5.125rem;
    height: 8rem;
    margin: .5rem auto 0;
    background: url("../images/zss.png");
    background-size: 100% 100%;
}
.m-pop4{
    width: 14.75rem;
    height: 50%;
    top: 20%;
    background: #fff;
    padding: .3rem;
}
.m-pop4 .m-cn .u-xz1{
    width: 7.05rem;
    margin: .55rem 0;
}

/*------------- 贴士-------------------*/
.m-tie{
    width: 100%;
    padding: .5rem 0 2rem;
    background: #ebebeb;
}
.m-tie .u-tt{
    width: 100%;
    height: 1.5rem;
    background: url("../images/tie_t.png");
    background-size: 100% 100%;
}
.m-tie .m-num{
    width: 14rem;
    padding-top: .6rem;
    margin: 0 auto;
}
.m-tie .u-num{
    float: left;
}
.m-tie .u-num1{
    width: 1.3rem;
    height: 30.8rem;
    margin-top: 1.3rem;
    margin-right: .4rem;
    background: url("../images/num.png");
    background-size: 100% 100%;
}
.m-tie .u-num2{
    width: 12.13rem;
}
.m-tie .u-num2 li{
    width: 100%;
    margin-bottom: .8rem;
    height: 4.1rem;
}
.m-tie .u-num2 p{
    font-size: .55rem;
    color: #0e2543;
    line-height: .65rem;
}
.m-tie .u-num2 .list1,.m-tie .u-num2 .list3{
    padding-top: 1.5rem;
    height: 2.6rem;
}
.m-tie .u-num2 .list1 p,.m-tie .u-num2 .list3 p,.m-tie .u-num2 .list5 p,.m-tie .u-num2 .list7 p{
    padding-left: 1.25rem;
}
.m-tie .u-num2 .list2,.m-tie .u-num2 .list4,.m-tie .u-num2 .list6{
    padding-top: .8rem;
    height: 3.3rem;
}
.m-tie .u-num2 .list5,.m-tie .u-num2 .list7{
    padding-top: .6rem;
    height: 3.5rem;
}
.m-tie .u-num2 .list2 p,.m-tie .u-num2 .list4 p,.m-tie .u-num2 .list6 p{
    padding-left: 1.2rem;
}

.m-tie .u-num2 .list1{
    background: url("../images/tie1.jpg");
    background-size: 100% 100%;
}
.m-tie .u-num2 .list2{
    background: url("../images/tie2.jpg");
    background-size: 100% 100%;
}
.m-tie .u-num2 .list3{
    background: url("../images/tie3.jpg");
    background-size: 100% 100%;
}
.m-tie .u-num2 .list4{
    background: url("../images/tie4.jpg");
    background-size: 100% 100%;
}
.m-tie .u-num2 .list5{
    background: url("../images/tie5.jpg");
    background-size: 100% 100%;
}
.m-tie .u-num2 .list6{
    background: url("../images/tie6.jpg");
    background-size: 100% 100%;
}
.m-tie .u-num2 .list7{
    background: url("../images/tie7.jpg");
    background-size: 100% 100%;
}