@charset "utf-8";
/* reset */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,code,del,em,img,q,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tr,th,td{ margin:0; padding:0; border:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,main{display:block;}
audio,canvas,progress,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
[hidefocus],summary{outline:0;}
a{background-color:transparent; color:#202020;}
a:active,a:hover{outline:0;}
img{vertical-align:middle; border:none;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
small{font-size:80%;}
sub,sup{position:relative;line-height:0;vertical-align:baseline;font-size:75%;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
svg:not(:root){overflow:hidden;}
code,kbd,pre,samp{font-size:1em;font-family:monospace, monospace;}
q:before,q:after{content:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em{font-weight: normal;}
strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
button,input,select,textarea,keygen,legend{margin:0;font:inherit;color:inherit;}
textarea{overflow:auto;}
input{outline:none;}
body{background:#fffafa; font-size:22px; font-family:-apple-system,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color:#333;}


/* function */
.f-fl{float:left;}
.f-fr{float:right;}

.g-hd{box-sizing:border-box; width:100%; height:98px; background:#fffafa;}
#zhanwei{width:100%; height:98px; display: none;}
.fixedactive {
  position: fixed;
  top: 0;
  z-index: 998;
  -webkit-animation: headTop 0.4s ease-in-out;
  animation: headTop 0.4s ease-in-out;
}
@keyframes headTop {
  0% {
    top: -98px;
  }
  to {
    top: 0;
  }
}
@-webkit-keyframes headTop {
  0% {
    top: -98px;
  }
  to {
    top: 0;
  }
}

.maxWidth{ width:1200px; margin:0px auto;}
// .clear:after,.maxWidth:after{display:block; content:'.'; clear:both; line-height:0; visibility:hidden;}
// .clear,.maxWidth{zoom:1;}

.g-hd{width:100%; padding:15px 0;}
.logo{width:300px; height:68px; background:url(../img/logo.png) no-repeat; background-size:100% auto; text-indent:-9999px;}
.m-nav{padding-top:10px;}
.m-nav a{display:block; width:200px; height:50px; background-color:#e60012; border-radius:25px; font-size:28px; text-align: center; font-weight:bold; color:#fff; line-height:50px;}

.m-nav a{transition:all 0.2s; overflow:hidden; position:relative;}

.m-nav a:hover:after{
    animation: btn-animate .75s;
}
.m-nav a:after{
    width: 0;
    padding-top:0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: "";
}
@keyframes btn-animate{
    0%{
        width: 0;
        padding-top: 0;
        background: rgba(0,0,0,.5);
    }
    100%{
        width: 100%;
        padding-top: 100%;
        background-color:transparent;
    }
}


// .m-nav{height:36px; line-height:36px; font-size:18px;}
// .m-nav li{float:left; color:#ccc;}
// .m-nav .nav-item:first-child a{color:#fff;}
// .m-nav .nav-item a{ padding:0 15px; color:#ccc;}
// .m-nav .nav-item a img{vertical-align: top;}
// .m-nav .nav-item a:hover{color:#4e64da;}


.foot{ width:100%; font-size:16px; color:#a6a6a6; padding:30px 0; text-align:center; line-height:32px;}
.foot a{ color:#a6a6a6;}
.foot span{margin:0 9px;}
.foot img{opacity:.5;}


/* 2017/10/31 21:45:00 Update Evan Xu */