/*重设*/
html {margin: 0;padding: 0;border: 0;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section {margin: 0;padding: 0;border: 0;font-size: 14px;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section {display: block;}
body {font-size: 14px;color: #333;background: #fff;font-family: "Microsoft YaHei";line-height: 1.8;}
img {border: 0;vertical-align: bottom;}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #ccc;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
textarea {overflow: auto;}
input:focus,textarea:focus,button:focus,select:focus {outline: none;}
input::-ms-clear {display: none;}
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;}
[hidden],template {display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;color: #51d5cb;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {color: #000;background: #ff0;}
small {font-size: 80%;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {height: 0;-moz-box-sizing: content-box;box-sizing: content-box;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace,monospace;font-size: 1em;}
button,input,optgroup,select,textarea {margin: 0;font: inherit;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
legend {padding: 0;border: 0;}
optgroup {font-weight: bold;}
table {border-spacing: 0;border-collapse: collapse;}
td,th {padding: 0;}
a{ text-decoration:none; color:#666;}
/*预设*/
.pull-left{float: left;}
.pull-right{float: right;}
.tac{text-align: center;}
ul li{list-style: none;}
.button-hin{border:0px; background:none;}
.clear {clear:both;} 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1;}
/*导航*/
.navbar {position: relative;max-width: 1200px;margin: 0 auto;z-index: 999;}
.foot {background-color: #1f1f1f;}
.foot::before{content: '';width: 100%;height: 5px;background-color: #51d5cb;position: absolute;}
.foot > div{max-width: 1200px; margin: 0 auto;display: flex;justify-content: space-between;}
.subnav h4 {color: #fff;padding: 30px 0 15px;}
.subnav h4 a {color: #fff;}
.subnav p {padding: 15px 0 ;color: #858585;}
.subnav a:hover, .banq a:hover{color: #51d5cb;}
.subnav a, .banq a {color: #858585;padding-right:20px;}
.banq{color: #858585;font-size: 14px;}
.banq img {width: 80px;margin: 20px auto 10px;display: block;}
.btn-next {display: flex;justify-content: space-between;margin-bottom: 40px;}
.btn-next a {cursor: pointer;padding: 8px 20px;border-radius: 2px;width: 48%;background-color: #e8e8e8;font-size: 16px;display: flex;align-items: center;}
.btn-next a:hover{background-color: #51d5cb;color: #fff;}
.btn-next a i{width: 70px; text-align: center;}
.btn-next a b{width: 60px;}
.btn-next a span{width: 65%; overflow: hidden;line-height: 32px; height: 32px;}
.w12 {max-width: 1200px; margin: 0 auto;}

@media (min-width: 991px) {
  .navbar, .navbar-head{display: flex;justify-content: space-between;}
  .icon-navicon{display: none;}
  .navbar-head .logo {padding: 30px 0 0;text-align: center;}
  .navbar-head .logo img{width: 100%;max-width: 282px;}
  .navbar-head .logo p{ border-radius: 6px;border: 1px solid #dbdbdb;background-color: #efefef;font-size: 14px;padding: 0px 10px; font-weight: bold;margin-top: 15px;}
  .navbar-body {width: calc(100% - 360px);}
  .navbar-body p {text-align: right;margin: 40px 0;}
  .navbar-body .nav-menu {display: flex;justify-content: space-between;align-items: center;}
  .navbar-body .nav-menu > li {position: relative;text-align: center;flex:1;}
  .navbar-body .nav-menu > li:first-child{width: 7%;}
  .navbar-body .nav-menu > li > a {font-size: 16px;color: #333;text-decoration: none;line-height: 1.5; height: 55px;display: inline-block;}
  .navbar-body .nav-menu > li > a:hover,.navbar-body .nav-menu > li.active > a{color: #51d5cb;border-bottom: 3px solid #51d5cb;}
  .nav-menu .drop-menu{background:#fff;position: absolute;width: 110%;left: 0%;border-radius:0 0 4px 4px;top: 52px;display: none;border-top: 3px solid #51d5cb;}
  .nav-menu .drop-menu li {line-height: 45px;border-bottom: 1px solid #f1f1f1;text-align: center;}
    /* transition: padding 0.3s;-moz-transition: padding .3s; -webkit-transition: padding .3s;-o-transition: padding .3s; */
  .nav-menu .drop-menu li:hover a{color: #51d5cb;}
  .nav-menu .drop-menu li:last-child{border-bottom: 0;}
  .nav-menu .drop-menu li a{color: #999;text-decoration: none;}
}

@media (max-width: 991px) {
  .navbar-head{display: flex;justify-content: space-between;align-items: center;}
  .icon-navicon {display: block;}
  .navbar-head {width: 92%;margin: 0 auto;}
  .navbar-head .logo {padding: 15px 0;}
  .navbar-head .logo img{width: 70%;}
  .navbar-head .logo p{font-size: 12px;line-height: 1;margin-top: 6px;color: #aaa;}
  .navbar-head .icon-navicon {padding: 6px 15px;font-size: 16px;float: right;border-radius: 4px;background:none;border:1px solid #ccc;margin:5px 0;}
  .navbar-body{position: absolute;width: 100%;background:#fff;display: none;padding-bottom: 10px;}
  .navbar-body p {display: none;}
  .navbar-body .nav-menu > li {text-align: left;line-height: 36px;}
  .navbar-body .nav-menu > li > a {font-size: 14px;color: #333;text-decoration: none;width: 88%;display: block;margin: 0 auto;}
  .navbar-body .nav-menu > li > a:hover,.navbar-body .nav-menu > li.active > a {color: #51d5cb;}
  .nav-menu .drop-menu{display: none;background:#f1f1f1;padding:10px 5%;width: 94%;margin: 0 auto;}
  .nav-menu .drop-menu li {line-height: 32px;text-align: left;}
  .nav-menu .drop-menu li:last-child{border-bottom: 0;}
  .nav-menu .drop-menu li a{color: #51d5cb;text-decoration: none;}
  .nav-menu .drop-menu li a:hover{color: #333;}
}

@media (max-width: 768px){
  .foot > div {display: block;}
  .subnav, .banq{width: 95%; margin: 0 auto; }
  .banq{display: block;}
  .banq span {display: block;}
  .btn-next {display: block;}
  .btn-next a{margin: 10px auto 0;width: 94%;}
  .btn-next a b{width: 60px;}
  .btn-next a i{display: none;}
  .btn-next a span{width: 160px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
}