@charset "UTF-8";

/**
* 通用样式文件
*@file:common.css;
*@create author:gj;
**/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del, ins {
  text-decoration: none;
}
li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
audio,canvas,progress,video{
  display:inline-block;vertical-align:baseline
}
em, cite, i {
  font-style: normal;
}
input, button, textarea, select, optgroup, option {
  outline: none;
}
input, button, textarea, select {
  *font-size: 100%;
  font-family: "Microsoft YaHei";
}
img {
  vertical-align: top;
  border: 0;
}
html{font-size:50px}
html, body {
  width: 100%;
  height: 100%;
  font-family:"\5fae\8f6f\96c5\9ed1",Arial,sans-serif;
  font-size:16px;
/*  font-size-adjust:100%!important*/
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a {
  outline: none;
  text-decoration: none;
  cursor:pointer;
}
a:hover {
  text-decoration: none;
}
body{
  background:#f5f5f5;
  overflow-x:hidden;
  height: auto;
}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"\20";line-height:0;}
.clearfix{*zoom:1;}
.clear{clear:both}

.fl{
  float: left !important;
}
.fr{
  float: right !important;
}
.pl0{
  padding-left: 0;
}
.p0{
  padding: 0;
}
.col{
  color: #e0bf6a;
}
.mot{
  margin-top: 1rem !important;
}
.pb128{
  padding-bottom: 128px;
}
.mb28{
  margin-bottom: -2.8%;
}
.mt85{
  margin-top:85px !important;
  padding-top: 10px;
}
.mt120{
  margin-top:120px !important;
  padding-top: 10px;
}
.hid{
  overflow: hidden;
}
.fot14{
  font-size: 14px !important
}
.mb15{
  margin-bottom: 15px !important;
}
.pb15{
  padding-bottom: 15px;
}
.mt15{
  margin-top: 15px;
}
.backF3{
  background: #f3f3f3 !important;
  color:#939393 !important;
}
.color60a{
  color: #60a147 !important;
}
.colore0b{
  color: #e0bf6a !important;
}
.tc{
  text-align: center;
}
.bnone{
  border:none !important;
}
.minHeight{
  min-height: 815px;
}
.mb0{margin-bottom: 0 !important}
/*.minHei683{
  min-height: 683px;
}*/
/*返回顶部*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: 100%;
    background: url(../images/upicon.png) no-repeat 0px 0px;
    background-size: 100%;
}
#toTop:hover{
  background: url(../images/upHicon.png) no-repeat 0px 0px;
  background-size: 100%;
}
#toTopHover {
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
/*登录框样式*/
.signInBox{
  height: auto;
  overflow: hidden;
  display: none;
}
.signInBox .blackBag,
.agreementIng .blackBag{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  position: fixed;
  top:0;
  left: 0;
  z-index: 2013;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  display: block;
}
.signInBox .boxContent,
.agreementIng .boxContent{
  width:450px;
  height: auto;
  background-color: #fff;
  position: fixed;
  top:50%;
  left:50%;
  z-index: 2013;
  margin:-230px 0 0 -225px;
  border-radius: 10px;
}
.agreementIng .boxContent{
  width: 700px;
  height: 580px;
  border-radius: 0;

  margin:-290px 0 0 -325px;
}
.agreementIng .boxContent .specCont{
  height: 540px;
  /*overflow-y: scroll;*/
  margin:20px 10px;
  overflow-y: auto;
  /*height: 100%;*/
  padding:0 16px;
}
.boxContent .specCont h2{
  text-align: center;
  font-weight:bolder;
  font-size: 22px;
  margin:15px auto 25px;
}
.boxContent .specCont p{
  text-indent: 2em;
  margin-bottom: 20px !important;
  line-height: 32px !important;
}
.boxContent .specCont h3{
  text-indent: 2em;
  font-weight: bolder;
  margin-bottom: 15px;
}
.boxContent .specCont span{
  text-indent: 2em;
  display: block;
  color: #676767;
  margin-bottom: 15px;
}
.boxContent .specCont .akey{
  text-align: center;
  margin:40px 0;
  color: #d80909;
  font-weight: bolder;
  font-size: 20px;
}



.signInBox .boxContent .boxLogo{
  width: 160px;
  height: 160px;
  display: block;
  text-align: center;
  margin:-56px auto;
  border-radius: 50%;
  background: #fff;
}
.signInBox .boxContent .boxLogo img{
  display: inline-block;
  margin-top: 20px;
}
.signInBox .boxContent .tabsignInfo{
  width: 362px;
  margin:25px auto;
}
.boxContent .tabsignInfo .signDetail{
  height: 205px;
}
.boxContent .signDetail .tips{
  height: auto;
  overflow: hidden;
  margin-top: 7px;
  text-align: center;
}
.boxContent .signDetail .tips span{
  float: left;
  font-size: 12px;
  color: #fb595a;
  margin:5px 0 0 13px;
  text-align: left;
}
.boxContent .signDetail .tips a{
  /*float: right;*/
  font-size: 14px;
  color: #60a147;
  text-decoration: underline;
  display: inline-block;
  text-align: center;
}
.boxContent .tabsignInfo input,
.boxContent .tabsignInfo .verCode{
  width: 100%;
  padding:15px 10px;
  font-size: 16px;
  border:none;
  margin-bottom: 5px;
  border-bottom: 1px solid #f5f5f5;
}
.boxContent .tabsignInfo input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset !important;
}
.boxContent .tabsignInfo .verCode{
  height: auto;
  overflow: hidden;
  margin-bottom: -1.5px;
}
.tabsignInfo .verCode input{
  width: 260px;
  padding:0;
  float: left;
  margin:0;
  border:none;
}
.tabsignInfo .verCode span img{
  width: 100px;
  height: 40px;
  background-color: #60a147;
  line-height: 30px;
  text-align: center;
  color: #fff;
  float: right;
  display: block;
  font-size: 16px;
  cursor: pointer;
  margin: -25px -10px 0 0;
  -webkit-user-select: none; /*禁止用户选中文字*/
}
.boxContent .specialZone .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border:none;
}
.boxContent .specialZone .nav-tabs > li > a{
  color: #a8a8a8;
}
.boxContent .specialZone .nav-tabs > li:first-child{
  /*margin-left:12%;*/
  margin-right: 25%;
}
.boxContent .specialZone .nav-tabs > li:last-child{
  margin-left:0;
}
.boxContent .tabsignInfo a.registerBtn,
.boxContent .tabsignInfo a.loginBtn{
  width: 300px;
  height: 40px;
  display: block;
  border-radius: 30px;
  /*background:#67a550;*/
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin:45px auto 25px;
  font-size: 16px;
}
.tabsignInfo .btn{
  padding:0;
}
.tabsignInfo .btn-success{
  border-color: #fff !important;
}
.boxContent .modeInfo{
  width: 312px;
  margin:0 auto;
}
.boxContent .modeInfo a{
  display: block;
  float: left;
  margin:0 55px 30px 0;
}
.boxContent .modeInfo a:last-child{
  margin:0;
}
.loginAfter{
  width: 378px;
  height: 198px;
  display: block;
  background: url(../images/logbg.png) no-repeat 0px 0px;
  background-size: 100%;
  position: absolute;
  top:48px;
  left:-100px;
  display: none;
  z-index: 9999;
}

.loginAfter .logTop,
.loginAfter .logOpen{
  height: auto;
  overflow: hidden;
  margin:25px 25px 12px;
}
.loginAfter .logOpen{margin-top: 0;}
.loginAfter .logTop .logName{
  font-size: 16px;
  color:#60a147;
  float: left;
}
.loginAfter .logTop .signOut{
  float: right;
  font-size: 16px;
  color: #333;
}
.loginAfter .logOpen span{
  display: block;
  float: left;
  font-size: 12px;
  color: #333;
  margin:3px 18px 0 0;
}
.loginAfter .logOpen a{
  width: 90px;
  height: 20px;
  display: block;
  float: left;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  background:#e0bf6a;
  color: #fff;
  border-radius: 30px;
  overflow: hidden;
}
.loginAfter .logOperation{
  height: auto;
  overflow: hidden;
  margin:23px 20px 0;
}
.loginAfter .logOperation a{
  display: block;
  float: left;
  width: 25%;
  position: relative;
  text-align: center;
}
.loginAfter .logOperation a img{
  display: inline-block;

}
.loginAfter .logOperation a em{
  display: block;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-top: 5px;
}
.loginAfter .logOperation a span{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e60012;
  display: block;
  position: absolute;
  top:0;
  right: 10px;
}
/*底部样式*/
footer{
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #fff;
}
.footerMain{
  width: 1048px;
  margin:0 auto;
}
.footerMain .footerCont{
  height: auto;
  overflow: hidden;
  padding:30px 0 20px;
  border-bottom: 1px solid #f5f5f5;
}
.footerMain .footerCont ul{
  height: auto;
  overflow: hidden;
  /*width: 868px;*/
  width: 100%;
  float: left;
  margin:20px 25px 0 0;
}
.footerMain .footerCont ul li{
  height: auto;
  overflow: hidden;
  width: 25%;
  float: left;
  text-align: center;
}
.footerMain .footerCont ul li span{
  display: block;
  font-size: 17px;
  color:#333;
}
.footerMain .footerCont ul li a{
  display: block;
  font-size:14px;
  color: #bfbfbf;
  margin-top: 16px;
}
.footerMain .footerCont ul li a:hover{
  color:#60a147;
}
.footerMain .footerCont .code{
  width: 114px;
  text-align: center;
  float: left;
  font-size: 18px;
}
.footerCont .code img{
  display: block;
  margin-bottom: 13px;
}
.footerMain .supplement{
  text-align: center;
  margin: 25px 0 50px 0;
}
.footerMain .supplement p,
.footerMain .supplement a,
.visitsIng{
  display: inline-block;
  font-size: 14px;
  color: #bfbfbf;
  margin-right: 30px;
}
.visitsIng{display: block;margin-bottom: 10px;}
.visitsIng span{display: inline-block; margin-right: 30px;}
.visitsIng span em{color: #8c8c8c;}
/*二级页面共用头部*/
.secondaryHead{
  width: 100%;
  position: fixed;
  top:0;
  left: 0;
  z-index: 99999;
}
.secondaryHead .navbar > .container .navbar-brand, .secondaryHead .navbar > .container-fluid .navbar-brand{margin-left: 0;}
.secondaryHead .navbar-brand{
  width: 120px;
  height: 76px;
  display: block;
  margin:25px 30px 22px 0;
  background: url(../images/logoing.png) no-repeat;
  background-size: 100%;
}
.secondaryHead .secondNav{
  margin:21px -5px 0 0;
}
.secondaryHead .secondNav li a{
  height: 55px;
  line-height: 70px;
  padding:0;
  margin:0 25px 0 0;
  font-size: 24px;
  color: #333;
}
.secondaryHead .navbar-default .navbar-nav > .active > a, .secondaryHead .navbar-default .navbar-nav > .active > a:hover,.secondaryHead .navbar-default .navbar-nav > .active > a:focus{
  background: none;
  border-bottom: 2px solid #60a147;
  color: #60a147;
  font-weight: bolder;
}
.secondaryHead .form-group,
.swichTab .form-group{
  width: 365px;
  height: 48px;
  border:1px solid #60a147;
  border-radius: 8px;
  margin-top: 23px;
}
.swichTab .form-group{margin:20px 200px 20px 0;}
.secondaryHead .form-group .form-control,
.swichTab .form-group .form-control{
  width: 330px;
  height: 46px;
  font-size: 16px;
  line-height: 46px;
  border:0;
  float: left;
  border-radius: 8px;
  webkit-box-shadow:none;
  box-shadow:none;
}
.secondaryHead .form-group .form-control:focus,
.swichTab .form-group .form-control:focus{
  width: 330px;
  height: 46px;
  font-size: 16px;
  line-height: 46px;
  border-color:#fff;
  border-radius: 8px;
  webkit-box-shadow:none;
  box-shadow:none;
}
.secondaryHead .form-group a,
.swichTab .form-group a{
  width: 21px;
  height: 21px;
  display: block;
  float: right;
  background: url(../images/searchicon.png) no-repeat;
  background-size: 100%;
  margin:14px 12px 0 0;
}
.secondaryHead .secondLogin{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  float: left;
  margin-right: 8px;
  box-shadow: 0 1px 10px #e3efde, 0 0 1px #e3efde, 0 0 1px #e3efde;
}
.secondaryHead .plogin{
  margin-top: 5px;
  float: left;
  font-size: 20px;
  color: #333;
}
.secondaryHead .secondLogin img{
  display: inline-block;
  margin-top: 5px;
}
.secondaryHead .navbar-right{
  margin:35px 0 0 0;
  width: 125px;
}
.secondaryHead .navbar{margin:0;}
.secondBanner{
  width: 100%;
  /*height: 260px;*/
  background:#fff;
  margin:120px 0 30px 0;
  padding-top: 10px;
}
.secondBanner .banner{
  /*width: 1100px !important;*/
  margin:0 auto !important;
  /*border-radius: 10px;*/
  overflow: hidden;
}
.secondBanner .item img{
  /*border-radius: 10px;*/
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.secondBanner .carousel-indicators{
  right: 3%;
  left: inherit;
  width: 100%;
  text-align: right;
}
.bannerAnother .carousel-indicators{
  /*right:50%;*/
  /*margin-right: -5%;*/
  left: inherit;
}
.bannerAnother .carousel-indicators{
  width: 100%;
  margin-left: 0;
}
.secondBanner .carousel-indicators li,
.bannerAnother .carousel-indicators li{
  width: 8px;
  height: 8px;
  background:#fff;
  border:none;
  margin-left: 7px;
}
.secondBanner .carousel-indicators .active,
.bannerAnother .carousel-indicators .active{
  width: 20px;
  height: 8px;
  background:#60a147;
  border-radius: 20px;
  margin-top: -3px;
}
.secondBanner .item{
    height: 320px;
    /*border-radius: 10px;*/
    overflow: hidden;

}
.banner .carousel-control.left,
.banner .carousel-control.right{
  background-image: none;
  font-size: 50px;
  background: none;

}
.banner .carousel-control{
  opacity: 0.4;
}

/*带背景的分页按钮背景色begin*/
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #60a147;
  color: #FFF;
}

.el-pagination.is-background .el-pager li.active {
  color: #fff;
  cursor: default;
}

.el-pagination.is-background .el-pager li:hover {
  color: #60a147;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #60a147;
}

.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
  background-color: #60a147;
  color: #FFF;
}

.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transition: all 0s ease;
}


.img-area img{
  width: 100%;
}
.bshare-custom{
  margin-top: 2px;
}

.passwordIng{text-align: center;margin:15px 0;}
.passwordImgs{display: block; text-align: center;margin:0 auto;}

.noConents{
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-top: 50px;
}
.noConents p{
  margin: 20px 0;
}
[v-cloak] {
  display: none;
}
/*设置element message样式*/
.el-message-box{
  width: 300px !important;
}
.el-message{
  min-width: 330px !important;
  z-index: 99999 !important;
}