@charset "utf-8";
html, body {
  padding: 0;
  margin: 0;
  background: #fff;
}
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */}
p{font-size:14px;font-size:1.4rem;}

@font-face {
  font-family: AlegreyaSans;
  src: url('../font/AlegreyaSans.ttf');
}
@font-face {
  font-family: xingshu;
  src: url('../font/banner.ttf');
}
@font-face {
  font-family: hkjgh;
  src: url('../font/HuaKangJinGangHei.ttf');
}
@font-face {
  font-family: barlow;
  src: url('../font/barlow.ttf');
}
@font-face {
  font-family: abril;
  src: url('../font/abril.otf');
}
* {
  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('../font/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:89.5%;
  margin:0 auto;
}
.warpper2{
  width: 1400px;
  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: #a91f24 !important;
  background-color: #a91f24 !important;
}
.layui-layer-btn .layui-layer-btn0:hover{
  background: #b94549 !important;
  border-color: #b94549 !important;
}


.title{
  text-align: center;
  padding-bottom:1.5vw;
  height: 75px;
}
.title b{
  font-family: barlow;
  font-weight: bold;
  font-size: 60px;
  line-height: 35px;
  text-transform: uppercase;
  background: #a91f24;
  background:-moz-linear-gradient(-90deg, #a91f24, rgba(169, 31, 36, 0));
  background:-webkit-linear-gradient(-90deg,#a91f24, rgba(169, 31, 36, 0));
  background:-o-linear-gradient(-90deg, #a91f24, rgba(169, 31, 36, 0));
  -webkit-background-clip: text;
  color: transparent;
  opacity: 0.2;
}
.title h3{
  font-size: 48px;
  color: #282828;
  font-weight:bold;
  position: relative;
  top:-40px;
}
.title h3 span{
  color: #a91f24;
}
.title_color>b{
  color: #fff;
  background:-moz-linear-gradient(-90deg, #fff, rgba(169, 31, 36, 0));
  background:-webkit-linear-gradient(-90deg,#fff, rgba(169, 31, 36, 0));
  background:-o-linear-gradient(-90deg, #fff, rgba(169, 31, 36, 0));
  -webkit-background-clip: text;
  color: transparent;
}
.title_color>h3{
  color: #fff;
}

/*footer*/
.footer{
  width:100%;
}
.fot_left{
  float:left;
  margin-right:5%;
}
.fottit{
  margin-bottom:2vw;
}
.fottit>a{
  font-weight: bold;
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 1.5vw;
}
.fot_left>a{
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 8px;
  display:block;
}
.fot_left>a>span{
  position: relative;
  display: inline-block;
}
.fot_left>a>span:before{
  display:block;
  content: '';
  position: absolute;
  left:0;
  bottom: 2px;
  background: #79c4fd;
  height: 5px;
  width:0;
  -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_left>a:hover>span:before{
  width:100%;
}

.fot_left>a>span>i{
  position:relative;
}
.fot_bom{
  margin-top: 2vw;
}
.fot_bom>div{
  float:left;
  margin-right:46px;
}
.fot_bom>div p{
  color: #fff;
  font-size: 1.4rem;
  margin-bottom:8px;
}
.fot_right{
  float:right;
  text-align: center;
}
.fot_right>img{
  max-width:144px;
  margin:0 auto;
}
.fot_right>p{
  color: #fff;
  font-size: 1.6rem;
}
.shownav{background:#fff!important;}

.fot_bot{
  width: 100%;
  margin-top: 4vw;
  line-height: 72px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.fot_bot .warpper>a{
  float:right;
}
.fot_bot p{
  font-size: 1.4rem;
  color: #fff;
  font-weight: lighter;
  float:left;
}
.fot_bot a{
  font-size: 1.4rem;
  color: #fff;
  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%;
}

/*menubg*/

.menubg{
  display:none;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url("../images/menubg.jpg") no-repeat center;
  z-index: 10000;
}
.navlistshow{
  display:block;
}
.wave{
  position: absolute;

}
.menubg_top{
  display:flex;
  justify-content: space-between;
  margin-top: 5%;
  margin-bottom: 6%;
}
.menubg_top>a>img{
  max-width:226px;
}
.menubg_top span{
  cursor: pointer;
}
.menubg_top span i{
  color: #fff;
  font-size: 2rem;
  text-transform: uppercase;
  float:left;
  line-height: 45px;
}
.menubg_top span b{
  display:block;
  float:left;
  position: relative;
  width: 45px;
  height: 45px;
}
.menubg_top span b:before,.menubg_top span b:after{
  display:block;
  content: '';
  background:#fff;
  width:35px;
  height: 4px;
  position: absolute;
  left:50%;
  top:50%;
  transform-origin: center center;
}
.menubg_top span b:before{
  -webkit-transform:translate(-50%,-50%) rotate(45deg);
  -moz-transform:translate(-50%,-50%) rotate(45deg);
  -ms-transform:translate(-50%,-50%) rotate(45deg);
  -o-transform:translate(-50%,-50%) rotate(45deg);
  transform:translate(-50%,-50%) rotate(45deg);
}
.menubg_top span b:after{
  -webkit-transform: translate(-50%,-50%)rotate(-45deg);
  -moz-transform: translate(-50%,-50%)rotate(-45deg);
  -ms-transform: translate(-50%,-50%)rotate(-45deg);
  -o-transform: translate(-50%,-50%)rotate(-45deg);
  transform: translate(-50%,-50%)rotate(-45deg);
}
.menu_mid_left{
  float:left;
  margin-top:3%;
  width: 40%;
}
.menu_mid_left>h3{
  font-size: 5rem;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.menu_mid_left>h2{
  font-size: 3.86rem;
  color: #ffffff;
  font-weight: bold;
  margin-top:2vw;
  margin-bottom:2vw;
}
.menu_mid_left>small{
  font-size: 1.4rem;
  color: #ffffff;
}
.menu_mid_right{
  float:right;
  width:54%;
}
.menu_mid_right .fot_left{
  width: 17%;
  height: 304px;
  padding-top:1vw;
  border-top:2px solid rgba(255, 255, 255, 0.56);
}
.menu_mid_right .fot_left:nth-of-type(5),.menu_mid_right .fot_left:nth-of-type(6){
  height: 250px;
}
.menubg_bom>p,.menubg_bom>p a{
  color: #fff;
  font-size: 1.4rem;
}
.menubg_bom>p{
  float:left;
  line-height: 44px;
}
.menubg_bom>div{
  float:right;
}
.menubg_bom>div>a{
  float:left;
  margin-left:10px;
  display:block;
  -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;
  position: relative;
  top:0;
}
.menubg_bom>div>a:hover{
  top:-5px;
}
.menubg_bom>div>a>div{
  position: absolute;
  background: rgba(255, 255, 255, 0.71);
  left:50%;
  bottom:118%;
  width: initial;
  line-height: 35px;
  border-radius:5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display:none;
  -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;
}

.menubg_bom>div>a>p{
  position: absolute;
  text-align: center;
  background: rgba(255, 255, 255, 0.71);
  font-size: 1.6rem;
  color: #666;
  border-radius:5px;
  padding:0 10px;
  left:50%;
  bottom:118%;
  width: 188px;
  line-height: 35px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -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;
  display:none;
}

.menubg_bom>div>a:hover>div,.menubg_bom>div>a:hover>p{
  display:block;
}
.menubg_bom>div>a>p:before,.menubg_bom>div>a>div:before{
  display:block;
  content: '';
  position: absolute;
  top:100%;
  left:50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top:8px solid rgba(255, 255, 255, 0.71);
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}







.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);
}