/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* ----- common css ----- */
@font-face {
    font-family: "fzltcxhjw";
    src: url("../fonts/fzltcxhjw.eot"); /* IE9 */
    src: url("../fonts/fzltcxhjw.eot") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../fonts/fzltcxhjw.woff") format("woff"), /* chrome, firefox */
    url("../fonts/fzltcxhjw.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    
    url("../fonts/fzltcxhjw.svg#fzltcxhjw") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
html,body{
    position: relative;
    font: 14px/1.5 "微软雅黑",arial, georgia, verdana, helvetica, sans-serif;
    font-weight: 100;
}
body{
    width: 100%;
    min-width: 980px;
}
.doc h1, 
.doc h2, 
.doc h3, 
.doc h4,
.hd .nav .nav-li .nav-a,
.dlist .dlist-pop li a{
    font-family: "fzltcxhjw",arial,georgia,verdana,helvetica,sans-serif;
    color: #fff;
}
.footer h2{
    font: 14px/1.5 "微软雅黑",arial, georgia, verdana, helvetica, sans-serif;
}
.clearfix, 
.gmod{zoom: 1;}
.clearfix:after, 
.gmod:after{display:block; clear:both; visibility:hidden; height:0; content:''}
.fl {float: left;}
.fr {float: right;}

a, a:visited {color: #e4e4e4; text-decoration: none;}
a:hover {}
a:active {}
ul { list-style: none;}
.trans {
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}
.trans_fast{
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.trans_slow {
    -o-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}
.blur {
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    -moz-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* ----- header ----- */
.hd { 
    position: fixed; 
    z-index: 1001;
    width: 100%;
    min-width: 980px;
    height: 90px; 
    background-color: rgba(0, 0, 0, 0.6);
    transform: translate3d(0,0,0);
}
.hd .gmod {
    margin: 0 40px;
}
.hd .logo a{ 
    display: block; 
    width: 245px; 
    height: 65px; 
    margin: 15px 0 10px;
    /*background: url(../images/logo.png) 0 0 no-repeat transparent;*/
    background: url(../images/logo-green.png) 0 0 no-repeat transparent;
}
.hd .nav .nav-li {
    float: left;
    position: relative;
}
.hd .nav .nav-li .nav-a {
    display: block;
    width: 125px;
    line-height: 90px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}
.hd .nav .nav-li .active,
.hd .nav .nav-li:hover {
    background-color: #000;
    color: #fff;
}
.dlist .dlist-pop {
    display: none;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 10;
    width: 100%;
}
.dlist .dlist-pop li a{
    display: block;
    line-height: 60px;
    text-align: center;
    background-color: rgba(40, 40, 40, 0.8);
}
.dlist .dlist-pop li a:hover {
    color: #fff;
    background-color:#000;
}
.dlist:hover .dlist-pop {
    display: block;
}


/*@media (max-width: 820px) {
    .hd .nav .nav-li .nav-a {
        width: 100px;
    }
}
@media (max-width: 720px) { 
    .hd .nav .nav-li .nav-a {
        width: 70px;
        font-size: 14px;
    }
    .hd .gmod {
        margin: 0;
    }
    .dlist .dlist-pop {
        left: auto;
        right: 0;
        width: 100px;
    }
}
@media (max-width: 520px) {
    .hd .logo {
        display: none;
    }   
    .hd .nav {
        float: none;
    }
    .hd .gmod {
        margin: 0 15px;
    }
}*/

/*移动端小于736px使用iphone6+*/
@media (max-device-width: 736px) {
    .hd {
        position: absolute;
    }
    .hd .nav .nav-li .nav-a,
    .dlist .dlist-pop li a{
        font-family: arial,georgia,verdana,helvetica,sans-serif;
        /*color: yellow;*/
    }
    .footer{
        font-family: arial,georgia,verdana,helvetica,sans-serif;
    }
}

/*PC端小于980px使用,手机端小于980px*initial-scale使用*/
@media (max-width: 980px) {
    .hd {
        position: absolute;
    }
    .footer{
        font-family: arial,georgia,verdana,helvetica,sans-serif;
    }
}

/* ----- footer ----- */
        /* ----- footer ----- */
.ft {
    color: #C1C0C0;
    background-color: #272727;
}
.ft a:hover {
    color: #6BA1FB;
}
.ft .gmod {
    width: 850px;
    margin: 0 auto;
    padding: 40px 0 30px;
}
.ft .desc {
    width: 545px;
}
.ft .logo {
    display: block;
    width: 245px;
    height: 56px;
    margin: 0 auto;
    background: url(../images/logo-foot.png) 0 0 no-repeat transparent;
}
.ft .contact {
    line-height: 32px;
}
.ft .contact .phone-wrap {
    position: relative;
    border-top: 1px solid #B4B3B2;
    text-align: center;
    margin-top: 50px;
}
.ft .contact .phone-wrap .phone {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 40px;
    line-height: 40px;

    font-size: 24px;
    text-align: center;
    background: #272727;
}
/* 联系方式 */
.ft .cate {
    float: left;
    position: relative;
    width: 50px;
    height: 75px;
    margin-right: 130px;
}
.ft .cate-wrapper {
    margin-top: 30px;
}
.ft .cate i {
    display: block;
    width: 50px;
    height: 42px;
}
.ft .cate span {
    display: block;
    color: #C1C0C0;
    font-size: 14px;
    text-align: center;
    margin-top: 2px;
}
.ft .cate:hover span {
    color: #fff;
}
.ft .weibo i {
    background: url(../images/weibo_gray.png) center center no-repeat transparent;
}
.ft .weibo:hover i {
    background: url(../images/weibo.png) center center no-repeat transparent;
}
.ft .forum i {
    background: url(../images/forum_gray.png) center center no-repeat transparent;
}
.ft .forum:hover i {
    background: url(../images/forum.png) center center no-repeat transparent;
}
.ft .mail i {
    background: url(../images/mail_gray.png) center center no-repeat transparent;
}
.ft .mail:hover i {
    background: url(../images/mail.png) center center no-repeat transparent;
}
.ft .weixin i {
    background: url(../images/weixin_gray.png) center center no-repeat transparent;
}
.ft .weixin:hover i {
    background: url(../images/weixin.png) center center no-repeat transparent;
}
.ft .weixin {
    margin-right: 0;
}
.ft .weixin img {
    position: absolute;
    top: -30px;
    left: 60px;
    z-index: 100;
    width: 125px;
    height: 125px;
    display: none;
}
.ft .weixin:hover img {
    display: block;
}
.ft .copyright{
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #C1C0C0;
    background-color: #1f1f1f;
    font-size: 13px;
}
.ft .copyright p a{
    margin-left: 20px;
}
/*.ft .copyright p a,.ft .copyright p{
    color: #C1C0C0;
    height: 20px;
    line-height: 30px;
}*/
.ft .copyright p img{
    vertical-align: middle;
}
.ft .copyright p a:link{
    color: #C1C0C0;
}
.ft .copyright p a:visited{
    color: #C1C0C0;
}
.ft .copyright p a:hover{
    color: #C1C0C0;
}
.ft .copyright p a:active{
    color: #C1C0C0;
}
/* ----- common animation css ----- */
/* change animation duration */
.animated2 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* circle animation clockwise */
.r1 {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
.r2 {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
.r3 {
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
.r4 {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
.r5 {
    -webkit-animation:spin 5s linear infinite;
    -moz-animation:spin 5s linear infinite;
    animation:spin 5s linear infinite;
}
.r6 {
    -webkit-animation:spin 6s linear infinite;
    -moz-animation:spin 6s linear infinite;
    animation:spin 6s linear infinite;
}
.r7 {
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 7s linear infinite;
}
.r8 {
    -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
}
.r9 {
    -webkit-animation:spin 9s linear infinite;
    -moz-animation:spin 9s linear infinite;
    animation:spin 9s linear infinite;
}
.r10 {
    -webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite;
}
.r11 {
    -webkit-animation:spin 11s linear infinite;
    -moz-animation:spin 11s linear infinite;
    animation:spin 11s linear infinite;
}
.r12 {
    -webkit-animation:spin 12s linear infinite;
    -moz-animation:spin 12s linear infinite;
    animation:spin 12s linear infinite;
}
.r13 {
    -webkit-animation:spin 13s linear infinite;
    -moz-animation:spin 13s linear infinite;
    animation:spin 13s linear infinite;
}
.r14 {
    -webkit-animation:spin 14s linear infinite;
    -moz-animation:spin 14s linear infinite;
    animation:spin 14s linear infinite;
}
.r15 {
    -webkit-animation:spin 15s linear infinite;
    -moz-animation:spin 15s linear infinite;
    animation:spin 15s linear infinite;
}
.r16 {
    -webkit-animation:spin 16s linear infinite;
    -moz-animation:spin 16s linear infinite;
    animation:spin 16s linear infinite;
}
.r20 {
    -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
}
@-o-keyframes spin { 100% { -o-transform: rotate(360deg); } }
@-ms-keyframes spin { 100% { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -o-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg); transform:rotate(360deg) }}

/* otherwise closewise */
.rr1 {
    -webkit-animation:rspin 1s linear infinite;
    -moz-animation:rspin 1s linear infinite;
    animation:rspin 1s linear infinite;
}
.rr2 {
    -webkit-animation:rspin 2s linear infinite;
    -moz-animation:rspin 2s linear infinite;
    animation:rspin 2s linear infinite;
}
.rr3 {
    -webkit-animation:rspin 3s linear infinite;
    -moz-animation:rspin 3s linear infinite;
    animation:rspin 3s linear infinite;
}
.rr4 {
    -webkit-animation:rspin 4s linear infinite;
    -moz-animation:rspin 4s linear infinite;
    animation:rspin 4s linear infinite;
}
.rr5 {
    -webkit-animation:rspin 5s linear infinite;
    -moz-animation:rspin 5s linear infinite;
    animation:rspin 5s linear infinite;
}
.rr6 {
    -webkit-animation:rspin 6s linear infinite;
    -moz-animation:rspin 6s linear infinite;
    animation:rspin 6s linear infinite;
}
.rr7 {
    -webkit-animation:rspin 7s linear infinite;
    -moz-animation:rspin 7s linear infinite;
    animation:rspin 7s linear infinite;
}
.rr8 {
    -webkit-animation:rspin 8s linear infinite;
    -moz-animation:rspin 8s linear infinite;
    animation:rspin 8s linear infinite;
}
.rr9 {
    -webkit-animation:rspin 9s linear infinite;
    -moz-animation:rspin 9s linear infinite;
    animation:rspin 9s linear infinite;
}
.rr10 {
    -webkit-animation:rspin 10s linear infinite;
    -moz-animation:rspin 10s linear infinite;
    animation:rspin 10s linear infinite;
}
.rr11 {
    -webkit-animation:rspin 11s linear infinite;
    -moz-animation:rspin 11s linear infinite;
    animation:rspin 11s linear infinite;
}
.rr12 {
    -webkit-animation:rspin 12s linear infinite;
    -moz-animation:rspin 12s linear infinite;
    animation:rspin 12s linear infinite;
}
.rr13 {
    -webkit-animation:rspin 13s linear infinite;
    -moz-animation:rspin 13s linear infinite;
    animation:rspin 13s linear infinite;
}
.rr14 {
    -webkit-animation:rspin 14s linear infinite;
    -moz-animation:rspin 14s linear infinite;
    animation:rspin 14s linear infinite;
}
.rr15 {
    -webkit-animation:rspin 15s linear infinite;
    -moz-animation:rspin 15s linear infinite;
    animation:rspin 15s linear infinite;
}
.rr16 {
    -webkit-animation:rspin 16s linear infinite;
    -moz-animation:rspin 16s linear infinite;
    animation:rspin 16s linear infinite;
}
.rr20 {
    -webkit-animation:rspin 20s linear infinite;
    -moz-animation:rspin 20s linear infinite;
    animation:rspin 20s linear infinite;
}

@-o-keyframes rspin { 100% { -o-transform: rotate(-360deg); } }
@-ms-keyframes rspin { 100% { -ms-transform: rotate(-360deg); } }
@-moz-keyframes rspin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes rspin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes rspin { 100% { -o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);-webkit-transform: rotate(-360deg); transform:rotate(-360deg) }}


/* animation */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* ie bugfix */
.ie6 .hd {
    position: absolute;
}
.ie6 .hd, 
.ie7 .hd, 
.ie8 .hd {
    background-color: #000;
}
.ie6 .dlist .dlist-pop li a, 
.ie7 .dlist .dlist-pop li a,
.ie8 .dlist .dlist-pop li a {
    background-color: rgb(40, 40, 40);
    cursor: pointer;
}