@charset "utf-8";
html, body {
  padding: 0;
  margin: 0;
  background: #fff;
}
@font-face {
  font-family: AlegreyaSans;
  src: url('../fonts/alegreyasans.ttf');
}
@font-face {
  font-family: hkjgh;
  src: url('../fonts/huakangjinganghei.ttf');
}
* {
  margin: 0;
  padding: 0;
  font-family: 'hkjgh','Microsoft YaHei',Arial, Helvetica, Verdana;
  border: 0;
  outline: medium;
  text-shadow: none;
  text-decoration: none;
}

body {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
  vertical-align: middle;
}

textarea {
  resize: none;
}

@font-face
{
  font-family:'youshe';
  src:url('../fonts/youshe.ttf');/*IE9+,可以是具体的实际链接*/
}


hr {
  border-width: 1px;
  border-style: inset;
}

ul {
  list-style: none;
}

p {
  margin: 0;
}

a, a:link, a:active, a:visited, a:hover {
  text-decoration: none;
}

img, i {
  display: block;
}

i, em {
  font-style: normal;
}
html{
  height: 100%;
}
html, body {
  width: 100%;
  min-height: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

.warpper{
  width:1440px;
  margin:0 auto;
}

.dH{
  overflow: hidden;
}
.inp_pla{
  color:#999 !important;
}
.rig-title-over{
  float: left;
  line-height: 60px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*input placeholder 样式 */

::-webkit-input-placeholder {
  color: #999999;
}

:-moz-placeholder {
  color: #999999;
}

::-moz-placeholder {
  color: #999999;
}

:-ms-input-placeholder {
  color: #999999;
}

/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}

/* 无内容 */
.no-goods,.no-network{
  padding-top:100px;
  overflow: hidden;
  text-align: center;
}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-network img{
  display: block;
  margin:0 auto 30px;
  width:222px;
  height: 160px;
}
.no-goods p,.no-network p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}

/* 更改layer样式 */
.layui-layer-btn{
  text-align: center !important;
  padding-bottom:28px !important;
}
.layui-layer-btn .layui-layer-btn0{
  display: block;
  margin:0 auto !important;
  border-radius: 0 !important;
  width:88px !important;
  text-align: center !important;
  height: 34px !important;
  line-height: 34px !important;
  border-color: #8dd448 !important;
  background-color: #8dd448 !important;
}
.layui-layer-btn .layui-layer-btn0:hover{
  background: #6dab32 !important;
  border-color: #6dab32 !important;
}


.btn_style{
  display: block;
  position: relative;
  width: 130px;
  line-height: 42px;
  height: 42px;
  border-radius: 42px;
  overflow: hidden;
  background: #344f94;
}
.btn_style:before{
  display: block;
  content: '';
  position: absolute;
  right:0;
  top:0;
  height: 100%;
  width:100%;
  background: #8dd448;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1);
  transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1);
  transition: transform .6s cubic-bezier(.4,0,.2,1);
  transition: transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
  transform-origin:0;
}
.btn_style:hover:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  transform-origin:100%;
}
.btn_style>b{
  display: block;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  color: #344f94;
  font-size: 18px;
  width:28px;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right:7px;
  top:calc(50% - 14px);
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style:hover b{color: #8dd448;}

.btn_style span{
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: lighter;
  padding-left:19px;
}



/*footer*/
.footer{
  padding-bottom:3.5vh;
  border-top: 1px solid #e5e5e5;
}
.footer>.warpper{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 75px;
  padding-top:7vh;
}
.footer-slide {
  background: #ffffff;
  align-items: flex-end;
}
.fottit{
  font-size: 18px;
  color: #5a5e67;
  margin-bottom: 2.5vh;
  line-height: 18px;
}
.fot_left{
  position: relative;
  padding-right:6%;
  margin-right: 6%;
  float:left;
}
.fot_left:after{
  display: block;
  content: '';
  position: absolute;
  right:0;
  height: 168px;
  width:1px;
  top:0;
  background: #e5e5e5;
}
.fot_left>a,.fot_left>p{
  font-size: 14px;
  display: block;
  color: #85898c;
  font-weight: lighter;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
  margin-bottom: 1vh;
}
.fot_left>p a{
  color: #85898c;
}
.fot_left>a:hover{
  color: #8dd448;
  text-decoration: underline;
}
.fot_right{
  float:right;
}
.fot_right .wxchat{
  border:2px solid #e6e6e6;
  width: 127px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:3px;
}
.fot_right .wxchat img{
  width: 100%;}
.fot_bot{
  line-height: 40px;
  height: 40px;
  border-top: 1px solid #e5e5e5;
  margin-top: 2vw;
}
.fot_bot p{
  font-size: 14px;
  color: #85898c;
  font-weight: lighter;
}
.fot_bot a{
  font-size: 14px;
  color: #85898c;
  font-weight: lighter;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.fot_bot a:hover{
  text-decoration: underline;
}

.p_content img,.p_content table{
  max-width: 100%;
}


.nav_menu{
  float:right;
  position: relative;
  display: block;
  width: 34px;
  height: 30px;
  margin-top: 20px;
  margin-left: 10px;
}

.nav_menu i{
  width: 28px;
  height: 2px;
  background-color: #828384;
  display: block;
  position: absolute;
  right: 0;
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}
.nav_menu .a1{top:0;}
.nav_menu .a3{top:10px;}
.nav_menu_click .a1{
  top: 6px;
  width: 28px;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.nav_menu_click .a3{
  top: 6px;
  width: 28px;
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}