/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html {
  font-size: 14px
}
body {
  font-family:"Microsoft YaHei", PingFangSC-Regular, "PingFangSC-Medium","Open Sans",'Raleway', sans-serif;
  color:#333333;
}

a {
  color: #ffffff;
@link-color: #ffffff;
}

a:hover {
  color: #f54647;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .font-primary {
  font-family:"Microsoft YaHei", PingFangSC-Regular, "PingFangSC-Medium","Open Sans",'Raleway', sans-serif;
}
.fixed-top {
  /*padding: 0 6.25rem;*/
}
/* webkit, opera, IE9 */
::selection{background:rgba(245, 70, 71, 0.3);}
/* mozilla firefox */
::-moz-selection{background:rgba(245, 70, 71, 0.3);}

input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
input:-ms-input-placeholder { color: #E4E4E4; }

::-webkit-scrollbar{width:8px;height:8px;background:rgba(46,46,46,1);}
::-webkit-scrollbar-thumb{background-color:#999999;border-radius:4px;}
::-webkit-scrollbar-corner,
/*::-webkit-resizer{background:#F54647;}*/

.gray {
  -webkit-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
.icon {
  font-family: "font_family" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
}
/*@font-face {*/
/*  font-family: 'PingFangSC-Regular';*/
/*  src: url('../fonts/PingFangSC-Regular.ttf');*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/
@font-face {
  font-family: "RuixianTopHeiHeavyGB";
  src: url("../fonts/RuixianTopHeiHeavyGB1.0.ttf") format("truetype");
}

@font-face {
  font-family: "FZLTXHK--GBK1-0";
  src: url("./fonts/FZXH1FW.woff2") format("woff2"),
  url("./fonts/FZXH1FW.woff") format("woff"),
  url("./fonts/FZXH1FW.ttf") format("truetype"),
  url("./fonts/FZXH1FW.eot") format("embedded-opentype"),
  url("./fonts/FZXH1FW.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FZLTZHK--GBK1-0";
  src: url("./fonts/FZHTFW.woff2") format("woff2"),
  url("./fonts/FZHTFW.woff") format("woff"),
  url("./fonts/FZHTFW.ttf") format("truetype"),
  url("./fonts/FZHTFW.eot") format("embedded-opentype"),
  url("./fonts/FZHTFW.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#main {margin-top:4.25rem;overflow: hidden;}
#header {transition:all 0.5s;padding:1.4375rem 6.25rem;}
#header.header-scrolled {background:rgba(255,255,255);background-color:#FFFFFF;padding:1.571rem 0;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.08);
  box-shadow: 0 2px 5px rgba(0,0,0,.08);}
#header.notIndex {background:rgba(46,46,46,1);padding:0.625rem 6.25rem;transition:all 0s ease 0s;}
#header .icon-logo{font-size: 3rem;color: #F54647;}
#header .hd_left{font-family: FZLTTHB--B51-0;font-size: 1.5rem;}

#head_weixin{position: relative;display: inline-block;}
#head_weixin .weChatQR{display: none;transition:1s;position: absolute;-webkit-animation:fadeOutDown 1s .2s ease both;-moz-animation:fadeOutDown 1s .2s ease both;}
#head_weixin:hover .weChatQR{top: 2.857rem;left: 0;display: block;width: 120px;margin-left: -55px;-webkit-animation:fadeInUp 1s .2s ease both;-moz-animation:fadeInUp 1s .2s ease both;}

.nowrap{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.nowrap_two{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.icon.icon-liaotian{width: 1.5rem;height: 1.5rem;color: #fff;font-size: 1.5rem;transition:0.3s;}
.icon.icon-liaotian:hover{color: #F54647;}

.icon.icon-qq{transition:0.3s;}
.icon.icon-qq:hover{color: #F54647;}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.nav-menu,.nav-menu * {margin:0;padding:0;list-style:none;}
.nav-menu {overflow:hidden;}
.nav-menu ul {position:relative;display: flex}
.nav-menu > ul > li {position:relative;white-space:nowrap;float:left;margin-left: 1.429rem}
.nav-menu > ul > li:first-child{margin-left: 0}
.nav-menu a {display:block;min-width:5rem;font-size: 1.5rem;text-align:right;position:relative;color:#101010;padding:0;transition:0.3s;padding-left:2.143rem;font-weight: bolder}
.nav-menu ul li a{color: #101010;}
.nav-menu i {width:1.286rem;height:0.286rem;float:left;background:#F54647;opacity:0;position:absolute;top:50%;left: 0;transition:all 0.5s ease 0s;}
.nav-menu li:hover a,.nav-menu li.active a {color:#F54647;}
.nav-menu li:hover i,.nav-menu li.active i {opacity:1;width:1.286rem;color:#eea303;}

/*baner*/
.banner-show .mod,.banner-show .container {height:57.857rem;position:relative;}
.banner-show .mod .layerWrap {width:100%;height:57.857rem;background:url("images/bg.min.png");background-size: cover;background-position: center;}
.banner-show .mod .buttonWrap:hover {background-color:#d61819;border-color:#d61819;}
.banner-show .mod .tag {line-height:1.786rem;color:#ffffff;font-size:1.286rem;font-weight:600;}

.banner-show .mod .buttonlayerWrap{width: 18.35rem;position: relative}
.banner-show .mod .buttonlayerWrap .qrcode{position: absolute;left: 110%;display: inline-block;padding: 0.357rem;background: #ffffff;top: 0;border-radius: 0.367rem}
.banner-show .mod .buttonlayerWrap .qrcode img{width: 8.714rem;height: 8.714rem;}
.banner-show .mod .buttonWrap {transition: 0.3s;box-sizing:border-box;display:flex;align-items:center;flex-direction:row;border-width:0.143rem;border-style:solid;border-radius:0.367rem;border-color:rgba(255,255,255,1);height:3.643rem;text-align:center;justify-content:center;margin-bottom:1.429rem;}
.banner-show .mod .button {line-height:1.786rem;color:#ffffff;font-size:1.286rem;font-weight:400;}
.banner-show .mod .summary {display:flex;width:38.286rem;line-height:1.786rem;color:#ffffff;font-size:1rem;font-weight:400;margin-bottom: 1.429rem}
.banner-show .mod .bgWrap {position:absolute;top:20%;left:0;width: 100%}
.banner-show .mod .crazyPlayPrev {display:flex;line-height:2.857rem;color:#ffffff;font-size:1.286rem;font-weight:400;}
.banner-show .mod .crazyPlay {display:flex;margin-top: 2.357rem;margin-bottom: 1.429rem;width: 35.214rem;height: 3.143rem}
.banner-show .mod .crazyImg {width: 12.143rem;height: 12.143rem}
.banner-show .mod .block_1 {display:flex;align-items:center;flex-direction:row;width:31.143rem;position:absolute;right:15px;bottom:0;justify-content: flex-end;}
.banner-show .mod .layerWrap_1 {width:31.143rem;}

.introduce .mod {display:flex;align-items:center;flex-direction:row;width:137.143rem;height:27.214rem;}
.introduce .row {padding-top:4.286rem;}
.introduce {background:#ffffff;}
.introduce:nth-child(2n) {background:#FBFBFB;}
.introduce .itemLong {width:16.714rem;height:21.571rem;}
.introduce .icon {margin-top:1.786rem;width:0.571rem;height:0.429rem;}
.introduce .outer {display:flex;align-items:center;flex-direction:row;margin-top: 3.286rem;}

.introduce .row.mobile{display: none}

.introduce .text-right .outer{justify-content: flex-end}
.introduce .text-right .bd{float: right;}
.introduce .text-right .main{justify-content: space-between;}
.introduce .text-right .title-1{ margin-right:0;margin-left:0.643rem;}

.introduce .title-1 {margin-right:0.643rem;max-width:39.357rem;height:2.857rem;overflow:hidden;text-overflow:ellipsis;line-height:2.857rem;color:#222222;font-size:2rem;font-weight:600;}
.introduce .tagWrap {box-sizing:border-box;display:flex;align-items:center;flex-direction:row;border-radius:0.143rem;background-color:#d61819;padding-right:0.786rem;padding-left:0.714rem;height:2.071rem;}
.introduce .tag {line-height:1.714rem;color:#ffffff;font-size:1.286rem;font-weight:600;}
.introduce .icon_1 {position:relative;margin-top:0.143rem;margin-left:26.714rem;width:0.571rem;height:0.429rem;}
.introduce .bd {position:relative;margin-top:0.714rem;margin-left:0rem;background-color:#d61819;width:2.214rem;height:0.357rem;}
.introduce .main {display:flex;position:relative;align-items:center;align-self:center;flex-direction:row;justify-content:flex-start;margin-top:1.429rem;margin-bottom:1.429rem;}
.introduce .block {display:flex;align-items:flex-start;flex-direction:column;height:7.571rem;}
.introduce.group {display:flex;align-items:flex-start;flex-direction:column;margin-top:0.286rem;height:6.857rem;}
.introduce .summary {position:relative;line-height:2.286rem;color:#464646;font-size:1.4rem;font-weight:400;}
.introduce .ieRight{padding-left: 5.214rem}
.introduce .ieRight.text-right{padding-left: 0;padding-right: 5.214rem}
.contactIcon{
  width: 40.5rem;
  height: 6.143rem;
}
.aboutIcon{
  width: 25.857rem;
  height: 6.143rem;
}

.telIcon{
  width: 17.214rem;
  height: 1.714rem;
}

.title {text-align:center;padding:2.571rem 0}
.title img {margin:auto}
.about {background:url("images/bg2.min.png") no-repeat;background-size: cover}
.bv-form input:focus,.bv-form input {background:rgba(255,255,255,0.06);border:1px solid #666666;}
.bv-form textarea:focus,.bv-form textarea {background:rgba(255,255,255,0.06);border:1px solid #666666;}
.bv-form button {width:15.857rem;height:3.286rem;line-height:3.286rem;background:#E60012;border-radius:0.294rem;border:0;color:#ffffff;}
.bv-form button[disabled]{opacity: 0.5}
.text-1 {font-family:PingFangSC-Regular;color:#FFFFFF;letter-spacing:0.071rem;text-align:center;line-height:1.466rem;margin-bottom:1.429rem;}
.text-2 {opacity:0.5;color:#FFFFFF;font-family:Helvetica;font-size:0.857rem;text-align:center;line-height:1.714rem;margin-bottom:1.429rem;}
.map {width:100%;height:29.321rem;background:#efefef;margin-top:2.357rem;margin-bottom:1.429rem;}
.copyright {font-family:Helvetica;font-size:0.952rem;color:#FFFFFF;background:#E60012;text-align:center;padding:0.714rem;}
.copyright .share{display: inline-block;margin-right: 2.929rem}
#think_page_trace_open{display: none}
.bv-form .form-group {position:relative}
.bv-form .help-block {display:none !important}
.bv-form .has-error input {
  border: 1px solid rgba(243, 34, 40, 0.8);
}
.bv-form .has-error textarea {
  border: 1px solid rgba(243, 34, 40, 0.8);
}
.form-control{
  padding: .375rem .75rem;
  height: calc(1.5em + .75rem + 10px);
  color: #FFFFFF;
}
.form-control:focus{
  color: #FFFFFF;
}

.about{background: #ffffff}
.about .logo{width: 8.571rem;height: 8.571rem;margin-top: 2.857rem}
.about .txt{font-size: 2.571rem;color: #222222;margin-top: 2.143rem;margin-bottom: 1.429rem}
.about .desc{text-indent:1.714rem;font-size: 1.5rem;color: #464646;line-height: 2.571rem;margin-bottom: 2.143rem}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

@media (max-width: 1680px) {
  html{
    font-size: 14px;
  }

}
@media (max-width: 1400px) {
  html{
    font-size: 13px;
  }
}

@media (max-width: 1200px) {
  html{
    font-size: 12px;
  }


}

@media (max-width: 992px) {
  html{
    font-size: 11px;
  }

  .banner-show .mod .layerWrap_1{
    width: 16.143rem;
  }


  .introduce .ieRight{padding-left: 15px}
  .introduce .ieRight.text-right{padding-left: 0;padding-right: 15px}
  .introduce .title-1{
    font-size: 1.8rem;
  }
}


@media (max-width:768px){
  html{
    font-size: 11px;
  }
  .about{
    font-size: 1.2rem;
  }
  .text-2{
    font-size: 1.2rem;
  }
  .form-control{
    font-size: 1.2rem;
  }
  #header.header-scrolled{
    padding: 1rem 0;
    padding-bottom: 0;
    min-height: 50px;
  }
  #header .hd_left{
    width: 100%;
    text-align: center;
  }

  .banner-show .mod .crazyPlay{
    align-self: center;
  }

  .nav-menu{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 1.429rem;
    position: relative;
    bottom: 0;
  }
  .banner-show .mod .layerWrap_1{
    width: 16.143rem;
  }

  .introduce .itemLong{
    margin: auto;
    display: block;
  }
  .banner-show .mod .crazyPlay,
  .aboutIcon,
  .contactIcon{
    max-width: 100%;
    width: 70%;
    height: auto
  }

  .banner-show .mod .block_1{
    display: none;
  }

  .banner-show .mod .crazyImg{
    align-self: center;
  }
  .banner-show .mod .crazyPlayPrev{
    align-self: center;
  }
  .banner-show .mod, .banner-show .container {
    height: 75.857rem;
  }
  .banner-show .mod .layerWrap{
    height: 75.857rem;
  }
  .banner-show .mod .buttonlayerWrap{
    align-self: center;
  }

  .banner-show .mod .buttonlayerWrap .qrcode{
    margin-bottom: 2rem;
    position: initial;
  }

  .banner-show .mod .bgWrap{
    padding: 2rem;
    display: flex;
    flex-direction: row;
    flex-direction: column;
    text-align: center;
  }

  .banner-show .mod .summary{
    width: 100%;
  }
  .introduce .title-1{
    font-size: 1.6rem;
  }
  .introduce .summary{
    line-height: 1.8rem;
    font-size: 1.3rem;
  }

  .nav-menu > ul > li{
    margin-left: 2rem;
  }
  .nav-menu a{
    padding-left:0;
    padding-bottom:  1rem;
    text-align: center;
  }

  .nav-menu li:hover i, .nav-menu li.active i{
    width: 100%;
  }
  .nav-menu i{
    top: inherit;
    left: 0;
    bottom: 0px;
    /*margin-left: -0.643rem;*/
  }


  .introduce .row.mobile{display: flex}

  .introduce:nth-child(7) .row.mobile .outer{
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }
  .introduce .row.pc{display: none}

  .about .txt{font-size: 2.071rem;}
  .about .desc{font-size: 1.3rem;line-height: 2.071rem;}

  .copyright .share{display: flex;margin-right:0;justify-content: center;padding-bottom: 0.714rem;}
}