/* 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,select,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%;font-weight:normal;}
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;}
a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:20px ΢ÈíÑźÚ; color:#666;outline:0;-webkit-text-size-adjust:none;}
body{background:#fff;}
a{color:#666;}
a:hover{color:#0060a0;}


/* function */
.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-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.fl{float:left;}
.fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-box{ display:-webkit-box; display:-moz-box; display:-o-box; display:-ms-box; display:box; -webkit-box-orient:horizontal; -moz-box-orient:horizontal; -o-box-orient:horizontal; -ms-box-orient:horizontal; box-orient:horizontal; }
.f-flex { -webkit-box-flex:1; box-flex:1; }
.block { display:block!important; }
.hide { display:none!important; }
.trst { -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.color1 { color:#0060a0!important; }
.color2 { color:#aaa!important; }
.fs16 { font-size:16px!important; }
.fs20 { font-size:20px!important; }
.fs24 { font-size:24px!important; }
.fs28 { font-size:28px!important; }
.fs32 { font-size:32px!important; }
.fs36 { font-size:36px!important; }

.g-body { position:relative; z-index:2; max-width:640px; }
.back-f5{background: #f5f5f5;}
/*----------------------¹«¹²----------------------*/
body { position:relative;  }

.g-hd {
    position: fixed;
    z-index:4; left:0; top:0; width:100%; max-width:640px; height:80px; overflow:hidden; line-height:80px;  color:#333; text-align:center;

}
.logo { position:absolute; left:20px; top:15px; display:block; width:300px; height:60px;
    background:url(/styles/images/logo.png) no-repeat;
    background-size: 80%;
}

.g-hd .nav{width:320px;margin:0 auto;padding-top:20px;}
.g-hd .nav li a{ float: left;color:#fff;border:2px #0060a0 solid;width:160px; height:50px;line-height:50px;margin-right:-4px;border-radius: 4px;font-size:24px;font-weight:bold;}
.g-hd .nav .navon a{ background:#fff;color:#fff;}

.g-hd .t{width:320px;margin:0 auto;color:#444;font-size:36px;font-weight:bold;}

.mini{
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -moz-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -ms-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -o-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.btnMenu {
    display: block;
    position: fixed;
    width: 80px;
    height: 80px;
    right: 0px;
    top: 0px;
    overflow: hidden;
    z-index: 100;
    background: none;
    padding: 10px 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btnMenu span {
    display: block;
    position: relative;
    width: 46px;
    height: 3px;
    background-color: #fff;
    transition: 0.3s;
    border-radius: 0.1rem;
    top:30px;
}
.btnMenu span:before,
.btnMenu span:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    background: #fff;
    transition: 0.3s;
    border-radius: 0.1rem;
    position: absolute;
    left: 0px;
}
.btnMenu span:after {
    top: 13px;
}
.btnMenu span:before {
    top: -13px;
}

.mini .logo{
    background:url(/styles/images/logo-mini.png) no-repeat;
    background-size: 80%;
}
.mini .btnMenu {
    background: #0060a0;
}
.mini .btnMenu span {
    background-color: #fff;
}
.mini .btnMenu span:before,
.mini .btnMenu span:after {
    background: #fff;
}



.g-hd .btnleft { position:absolute; z-index:2; }
.g-hd .btnleft .ico { position:absolute; left:18px; top:27px; display:block; width:50px; height:50px; background-position:-780px -12px; }


.backTop {
    position:fixed;
    z-index:10;
    right:10px;
    bottom:150px;
    width:64px;
    height:64px;
    background: url("/styles/images/top.png") no-repeat;
    cursor:pointer;
}

.sideNav { display:none; }
.sideNav .navMask { position:fixed; z-index:100; left:0; top:0; width:100%; max-width:640px; height:100%; background-color:rgba(0,0,0,0.5); opacity:0; }
.sideNav.slide .navMask { opacity:1; }
.sideNav .navList { position:fixed; z-index:101; right:-300px; top:0; width:300px; height:100%; background-color:#FFF; }
.sideNav.slide .navList { right:0; }
.sideNav .navList li { border-bottom:1px solid #E3E3E3; }
.sideNav .navList li >a{ position:relative; display:block; height:80px; line-height:80px; text-indent:50px; font-size:28px; }
.sideNav .navList li.open >a{
    background: #0060a0;
    color: #fff;
}
.sideNav .navList li i {
    position: absolute;
    top: 25px;
    right: 30px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.fa {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/styles/images/nav1.png") no-repeat;
    background-size: 80%;
}
.sideNav .navList li.open i.fa {
    background: url("/styles/images/nav2.png") no-repeat;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.nav{
    padding: 15px 0;
    display: none;
}
.nav a{
    font-size: 24px;
    text-indent:60px;
    padding: 8px 0;
    display:block;
}



.ftNav {
    position:fixed;
    z-index:99;
    left:0;
    bottom:0;
    width:100%;
    max-width:640px;
    height:100px;
    padding:0 10px;
    background: #fff;
    -webkit-box-shadow: 0 -2px 25px rgba(41,46,51,0.2);
    -moz-box-shadow: 0 -2px 25px rgba(41,46,51,0.2);
    -ms-box-shadow: 0 -2px 25px rgba(41,46,51,0.2);
    -o-box-shadow: 0 -2px 25px rgba(41,46,51,0.2);
    box-shadow: 0 -2px 25px rgba(41,46,51,0.2);
}
.ftNav li { float:left;position:relative; width:20%; -webkit-box-sizing:border-box; box-sizing:border-box; padding-top:10px; }
.ftNav li:after { position:absolute; left:0; top:20px; content:""; display:block; width:1px; height:60px;     background: #99999952; }
.ftNav li:first-child:after { display:none; }
.ftNav li a,.ftNav li a:hover,  { display:block; width:100%; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ftNav li a .ico { display:block; width:48px; height:48px; margin:0 auto; }
.ftNav li a .ico1 { background: url("/styles/images/i1.png") no-repeat; }
.ftNav li a .ico2 { background: url("/styles/images/i2.png") no-repeat;  }
.ftNav li a .ico3 { background: url("/styles/images/i3.png") no-repeat;  }
.ftNav li a .text {
    line-height: 36px;
    text-align: center;
    color: #333;
    font-size: 24px;
}



/*foot*/
.foot{
    background: #2f2f2f;
    color: #666;
    padding:20px 40px 20px 40px;
    margin-bottom: 98px;
    text-align: center;
}
.foot li,
.foot-link{
    padding: 5px 0;
}
.foot a{
    color: #888;
}
.foot span{
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #666;
    margin: 12px 12px 0;
}

.LoginBox{
    width:560px;
    margin: 0 auto;
    height: 300px;
    z-index:10000;
    display: table;
    left: 0;
    right: 0;
    bottom: 120px;
    position: fixed;
    overflow: hidden;
    background: #fff;
    border: 1px #ddd solid;
    -webkit-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -moz-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -ms-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -o-box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    box-shadow: 0 2px 5px rgba(41,46,51,0.15);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.pop-txt{
    overflow: hidden;
}
.close_btn{
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: url('/styles/images/close.png') no-repeat;
    float:right;
    margin:17px 15px 0 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.close_btn:hover{
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.pop-body{
    padding-bottom: 20px;
    overflow: hidden;
}
.pop-body li .wx {
    float: left;
    padding: 20px 20px 20px 20px;
    text-align: center;
}
.pop-body li .wx img {
    width: 240px;
}
.pop-body li .wx span {
    line-height: 30px;
    display: block;
}