@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: 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:1600px;
  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: Impact;
  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{
  background:#181818;
  overflow: hidden;
}
.fot_leftbg{
  float:left;
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top:4vw;
  height: 379px;
}
.fot_left{
  margin-right: 10%;
  float:left;
}
.fottit a{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.fot_left>a{
  margin-top: 10px;
  font-size: 14px;
  display: block;
  font-weight: lighter;
  color: rgba(255, 255, 255, 0.6);
  -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{
  color: #a91f24;
  text-decoration: underline;
}
.fot_left>.fottit a{
  font-size: 16px;
}
.fot_card{
  float:right;
  width: 26.2%;
  height: 379px;
  background: url("../images/fot_carbg.png") no-repeat center;
  display:flex;
  justify-content: center;
  align-items: center;
}
.fot_card>div{
  width: 81%;
}
.fot_card>div img{
  max-width: 163px;
  filter: brightness(1) grayscale(0);
}
.fot_card>div ul li{
  margin-top: 22px;
}
.fot_card>div ul li p{
  font-size: 18px;
  color: #fff;
  font-weight: lighter;
}
.fot_card>div ul li h3{
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.fot_card>div ul li h3 a{
  color: #fff;
}


.fot_bom{
  border-top:1px solid #2b2b2b;
  margin-top: 3vw;
  display:flex;
  justify-content: left;
  align-items: center;
  height: 111px;
}
.fot_bom>span{
  color: #fff;
  font-size: 18px;
}
.fot_bom>a{
  float:left;
  height: 34px;
}
.fot_bom>a img{
  object-fit: contain;
}
.fot_videoicon>a{
  position: relative;
  margin-right:16px;
}
.fot_videoicon>a>img{
  height: 100%;
}
.fot_videoicon>a>div{
  position: absolute;
  bottom:100%;
  left:50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 150px;
  display:none;
}
.fot_videoicon>a:hover>div {
  display:block;
}
.fot_videoicon>a>div img{
  width: 100%;
}


.fot_bot{
  line-height: 55px;
  height: 55px;
  background: #0e0e0e;
}
.fot_bot>.warpper>div{
  float:left;
}
.fot_bot>.warpper>p{
  float:right;
}
.fot_bot p{
  font-size: 14px;
  color: #8d9093;
  font-weight: lighter;
}
.fot_bot a{
  font-size: 14px;
  color: #8d9093;
  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: #fff;
  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;
}
.headfix .nav_menu i{
  background-color: #828384;
}

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