/* 
mreset 0.9 (build 20171101)
https://github.com/mixice/mreset
https://gitee.com/mixice/mreset
http://www.mixice.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, a,
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 center no-repeat;}
html, body {height: 100%;}
html{-webkit-font-smoothing: antialiased;}
body, button, input, select, textarea {font:12px/1.5 '\5b8b\4f53', Arial;color:#333;background: #fff;border: none;}
a, button, input, select, span, img, i, cite, tt, em, button{transition:all .4s;color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;text-transform: capitalize;}
img {border:0;vertical-align: middle;-ms-interpolation-mode: bicubic;}
a, a:hover {text-decoration:none;outline: 0;}
b, strong {font-weight: bold;}
p {margin: 0;line-height: 200%; color: #333;text-align: justify;}
ul, li {margin:0; padding:0; list-style:none;}
button, input, optgroup, select, textarea {margin: 0;padding: 0; font: inherit;color: inherit;outline:none;}
a, button {cursor: pointer;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-moz-placeholder{color:#ccc;}
::-ms-input-placeholder{color:#ccc;}
input:-moz-placeholder { color:#ccc; }
textarea:-moz-placeholder { color:#ccc;}
input[type="button"],
input[type="submit"],
input[type="reset"],
textarea { -webkit-appearance: none;}
::selection{background:#333;color:#999;text-shadow:none;}
.yh {font-family:Microsoft YaHei, '\9ed1\4f53';}
.jh {font-family:Microsoft JhengHei, '\9ed1\4f53';}
.hide {display:none !important;}
.show {display:block !important;}
.clear {clear:both;}
.fl {float: left !important;}
.fr {float: right !important;}
.center {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;
    -webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;
    -webkit-align-items: center;align-items: center;}
.black {-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;}
.black:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
  filter:none;}

span,a{    font-family: "Microsoft YaHei";}


.copyright{
	  font-family: "Microsoft YaHei";
}

/* head */
.head {width: 100%;height: 100px;background: #fff;position: relative; z-index: 99999;border-bottom: 1px solid #ddd;}

.logo {line-height: 100px;font-size: 20px;text-transform: uppercase;color: #c00;}
.logo span {color: #c00;padding: 0 5px;}
.logo i {width: 100px;height: 100px;background-image: url(../images/logo.svg);background-size: 80%;display: block;float: left;}

.login {margin: 30px 0;overflow: hidden;text-transform: capitalize;border-left: 1px #333 solid;}
.login a {width: 80px;height: 40px;line-height: 40px;text-align: center;display: block;float: left;font-size: 15px;border-radius: 3px;}
.login a:hover {color: #c00;}
.login a.register {width: 100px;background-image: url(../images/btn.jpg);background-size: 100% 100%;color: white;font-weight: bold;box-shadow: 0 5px 0 rgba(0,0,0,.08);margin: 0 0 5px 0;}
.login a.register:hover {transform: translateY(5px);border: none;}

.menu {overflow: hidden;margin: 25px 0;}
.menu a.nav {width: 100px;height: 100px;background-image: url(../images/menu.svg);background-size: 35%;display: none;}
.menu-con {overflow: hidden;}
.menu-con a { height: 50px; line-height: 50px; margin: 0 14px;font-size: 16px;    font-weight: 600;
color: #888;float: left;text-transform: capitalize;display: block;text-align: center;}
.menu-con a:hover,
.menu-con a.active { color: #dd4250;}

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

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

.fadeInDown {
  animation-name: fadeInDown;
}
@media screen and (max-width: 990px) {
    /* head */
    .menu {margin: 0;}
    .menu a.nav {display: block;}
    .menu-con {width: 100%;position: absolute;top: 100px;left: 0;display: none;}
    .menu-con a {width: 100%;margin: 0;background: #222;border-bottom: 1px #444 solid;color: #fff;}
    .menu-con a:hover,
    .menu-con a.active {font-weight: bold;border-bottom: 1px #c00 solid;background: #c00;}
}
/*响应式手机样式*/
@media screen and (max-width: 640px) {
    /* head */
    .head {height: 75px;}

    .logo {line-height: 75px;font-size: 18px;}
    .logo i {width: 75px;height: 75px;}

    .login {margin: 30px 0;}
    .login a {width: 40px;height: 25px;line-height: 25px;font-size: 14px;}
    .login a.register {width: 55px;}
    .menu a.nav {width: 75px;height: 75px;}
    .menu-con {top: 75px;}
    .menu-con a {height: 45px; line-height: 45px;font-size: 16px;}
}