input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #fff;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #fff;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #fff;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #fff;
}
.w12 { width: 1400px; margin: 0 auto; }
.headbox { width: 100%; height: 300px;position: absolute;z-index:1000;
  background: -moz-linear-gradient(top, rgb(151,36,36) 32%, rgba(151,36,36,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(151,36,36)), color-stop(100%,rgba(151,36,36,0)));
  background: -webkit-linear-gradient(top, rgb(151,36,36) 32%,rgba(151,36,36,0) 100%);
  background: -o-linear-gradient(top, rgb(151,36,36) 32%,rgba(151,36,36,0) 100%);
  background: -ms-linear-gradient(top, rgb(151,36,36) 32%,rgba(151,36,36,0) 100%);
  background: linear-gradient(to bottom, rgb(151,36,36) 32%,rgba(151,36,36,0) 100%);}
.headbox .head { width: 1535px;margin: 0 auto;position: relative;}
.headbox .head .fl { float: left; padding: 45px 0 0 0; }
.headbox .head .fl .logo { float: left; height: 96px; }
.headbox .head .fl .logo img { display: block; height: 100%; }
.headbox .head .nav { float: right;margin-top:64px;}
.headbox .head .nav .obox { float: left;position: relative;margin-left:50px;}
.headbox .head .nav .obox .onav { display: block;line-height: 64px; font-size: 22px; color: #fff;position: relative;}
.headbox .head .nav .obox .onav:after{content:'';position: absolute;bottom:0;width:0;height:3px;background: #fff;left:50%;transition: all .3s;-webkit-transition: all .3s;}
.headbox .head .nav .obox .onav:hover:after, .headbox .head .nav .obox .onav.on:after {width:100%;left:0;}

.headbox .head .fr { height: 40px; position: absolute; right:0;top:20px;}

.headbox .head .fr .searchbox { float: left; } 
.headbox .head .fr .searchbox > .iconfont { display: block; width: 40px; line-height: 40px; font-size: 20px; color: #fff; text-align: center; }
.headbox .head .fr .searchbox .search { display: none; position: absolute; top: 0; right: 40px; width: 215px; background: rgba(255,255,255,.08); border-radius: 5px; height: 38px; z-index: 3; border:1px solid #fff;}
.headbox .head .fr .searchbox .search input{ display: block; width:100%; height: 38px; font-size: 16px; color: #fff; border: 0; padding:5px 0;box-sizing: border-box;background:none;text-indent: 15px;}
.headbox .head .fr .searchbox .search .iconfont { position: absolute; top: 0; right: 10px; width: 32px; line-height: 38px; font-size: 20px; color: #fff; text-align: center; } 
.mhead { display: none; }
.foot { width: 100%;max-width: 1920px; margin: 0 auto; background: url(../images/foot_bg.jpg) no-repeat top center; } 
.foot .w12{width:1236px;}
.foot .link {margin-top:35px;margin-bottom:35px;} 
.foot .link span{display: none;}
.foot .link ul {overflow: hidden;} 
.foot .link ul li { float: left;line-height: 30px;width:25%;} 
.foot .link ul li a {font-size: 14px; color: #fff; } 
.foot .info .fl { float: left; padding-top: 68px; width: 13.99%;} 
.foot .info .fl .logo img { display: block; width: 100%; } 
.foot .info .cen { float: left; width: 63.9%; padding-top: 44px;padding-left:8.89%;} 
.foot .info .cen .foot_nav ul{overflow: hidden;}
.foot .info .cen .foot_nav ul li{float:left;font-size:16px;padding:0 36px;line-height:1;border-right:1px solid rgba(255, 255, 255, 0.2);}
.foot .info .cen .foot_nav ul li:first-child{padding-left:0;}
.foot .info .cen .foot_nav ul li:last-child{padding-right:0;border:0;}
.foot .info .cen .foot_nav ul li a{color:#fff;font-weight:bold;}
.foot .info .cen p { line-height: 30px; font-size: 14px; color: #fff; }
.foot .info .cen p span+span{margin-left:25px;} 
.foot .info .fr { float: right; width: 12.13%; padding-top: 89px; } 
.foot .info .fr .wx{padding:7px;background:rgba(255,255,255,.4);border-radius: 5px;}
.foot .info .fr .wx img{width: 100%;display: block;}
.foot .info .fr p{font-size:15px;color:#fff;text-align: center;line-height:40px;}
.foot .beian {background:rgba(133,36,36,.64);padding:7px 0;text-align: center;font-size:13px;} 
.foot .beian p{line-height: 30px; font-size: 13px; color: rgba(255,255,255,.75);} 
.foot .beian p span{margin-right:8px;}
.foot .beian a {color: rgba(255,255,255,.75);}
.search-icon {height: 30px;width: 30px;display: block;position: relative;cursor: pointer;top:8px;}
.circle {
  position: relative;
  display: block;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border-radius: 50px;
  z-index: 0;
  border: 2px solid white;
  transition: all 0.4s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: 1;
}
.handle {
  position: absolute;
  background-color: white;
  top: 18px;
  left: 16px;
  width: 6px;
  height: 2px;
  display: block;
  transform: rotate(45deg);
  float: right;
  border-radius: 2px;
}
.handle:after {
  content: "";
  background-color: white;
  width: 6px;
  height: 2px;
  display: block;
  float: right;
  border-radius: 2px;
  transition: all 0.4s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
.open .circle {
  transform: scale(0);
  transform-origin: 20% 20%;
  background: white;
  border-color: white;
}
.open .handle{width:20px;top:10px;left:5px}
.open .handle:after {
  transform-origin: center center;
  transform: rotate(90deg);
  width:20px;
}
@media screen and (max-width: 1600px){
  .headbox {height:240px;}
  .headbox .head { width: 98%;margin: 0 auto;position: relative;}
  .headbox .head .fl{width:34%; padding: 30px 0 0 0;}
  .headbox .head .fl .logo { float: left; height: auto; }
  .headbox .head .fl .logo img { display: block;width:100%;}
  .headbox .head .nav {width:62%;margin-top:40px;}
  .headbox .head .nav .obox {margin-left:5.2%;}
  .headbox .head .nav .obox:first-child{margin-left:0;}
  .headbox .head .fr { height: 40px; position: absolute; right:0;top:10px;}
}
@media screen and (max-width: 1350px){
  .headbox .head .nav .obox {margin-left: 5%;}
  .headbox .head .nav .obox .onav{font-size:20px;line-height:56px;}
  
}
@media screen and (max-width: 1250px){
  .foot .w12 {width: 98%;}
  .foot .info .cen{padding-left:6%;}
}
@media screen and (max-width: 1200px){
  .headbox{display: none;}
  .mhead { height: 1.2rem;display: block; position: fixed; top: 0; left: 0; right: 0; padding: 0.1rem 0.25rem; height: 1.7rem;z-index: 9; background: -moz-linear-gradient(top, rgb(151,36,36) 32%, rgba(151,36,36,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(151,36,36)), color-stop(100%,rgba(151,36,36,0)));
    background: -webkit-linear-gradient(top, rgb(151,36,36) 50%,rgba(151,36,36,0) 100%);
    background: -o-linear-gradient(top, rgb(151,36,36) 50%,rgba(151,36,36,0) 100%);
    background: -ms-linear-gradient(top, rgb(151,36,36) 50%,rgba(151,36,36,0) 100%);
    background: linear-gradient(to bottom, rgb(151,36,36) 50%,rgba(151,36,36,0) 100%);} 
  .mhead .head {display: flex; justify-content: space-between; align-items: center; } 
  .mhead .head .fl { float: left; height: 1rem; display: inline-flex; align-items: center; } 
  .mhead .head .fl .logo { height: 0.8rem; } 
  .mhead .head .fl .logo img { display: block; height: 100%; } 
  .mhead .head .fl .logo_desc { margin-left: 0.2rem; height: 0.6rem; } 
  .mhead .head .fr { float: right; height: 1rem; display: inline-flex; align-items: center; } 
  .mhead .head .fr .icon1 { width: 0.7rem; line-height: 0.8rem; font-size: 0.4rem; color: #fff; text-align: center; } 
  .mhead .head .fr .icon2 { margin-left: 0.2rem; width: 0.7rem; line-height: 0.8rem; font-size: 0.36rem; color: #fff; text-align: center; } .mhead .head .fr .close { margin-left: 0.2rem; width: 0.7rem; line-height: 0.8rem; font-size: 0.4rem; color: #fff; text-align: center; display: none; } 
  .mhead .navbox { position: fixed; top: 1rem; left: 0; bottom: 0; right: 0; z-index: 8; padding: 0.2rem 0.25rem 0; background: rgba(141, 34, 38, 0.9); overflow-y: scroll; display: none; } 
  .mhead .navbox .btnbox { height: 0.8rem; display: flex; justify-content: space-between; align-items: center; } 
  input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
  }
  input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
  }
  input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
  }
  input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
  }
  .mhead .navbox .nav .obox { border-bottom: 0.012rem solid rgba(255, 255, 255, 0.2); } 
  .mhead .navbox .nav .obox .onav { padding: 0 0.2rem; height: 0.9rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.32rem; color: #fff; } 
  .mhead .navbox .nav .obox .onav span { font-size: 0.32rem; color: #fff; } 
  .mhead .navbox .nav .obox .onav .up { width: 0.5rem; text-align: center; font-size: 0.4rem; color: #fff; display: none; } 
  .mhead .navbox .nav .obox .onav .down { width: 0.5rem; text-align: center; font-size: 0.3rem; color: #fff; } 
  
  .searchpop { position: fixed; top: 1.1rem; left: 0; right: 0; height: 1rem;z-index: 8; display: none; } 
  .searchpop .searchbox { padding: 0 0.3rem; height: 1rem; display: flex; align-items: center; background: #fff; } 
  .searchpop .searchbox input { width: 6.1rem; height: 0.8rem; border: 0; font-size: 0.3rem; color: #333; flex: 1 2; } 
  .searchpop .searchbox .iconfont { width: 0.8rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.4rem; color: #9C3030; text-align: center; }
  .foot .info .fl{display: none;}
  .foot .info .cen{width:82%;padding-left:2%;}
}
@media screen and (max-width:1024px) {
  .foot .info .cen .foot_nav ul li{padding:0 4%;}
}
@media screen and (max-width: 768px) {
  .foot{background: url(../images/img09.png) no-repeat;background-size: 100% 100%;padding-top:0;}
  .foot .info .cen{width:100%;float:none;padding:.3rem;box-sizing: border-box;}
  .foot .link {margin-top: 0;margin-bottom: .15rem;padding-bottom: .1rem;border-bottom: .012rem solid #B56163;}
  .foot .link span{display: block;line-height: .5rem;font-size: .24rem;color: #fff;}
  .foot .link ul li{width:auto;line-height:.48rem;margin-right:.2rem;}
  .foot .link ul li a{font-size:.24rem;}
  .foot .info .cen p{text-align:left;line-height:.44rem;font-size:.24rem;}
  .foot .info .cen p span{display: block;}
  .foot .info .cen p span+span{margin:0;}
  .foot_nav{display: none;}
  .foot .info .fr{width:2rem;margin:0 auto;float:none;padding:0 0 .2rem;}
  .foot .info .fr p{font-size:.24rem;line-height:.48rem;}
  .foot .beian p{font-size:.22rem;line-height:.36rem;}
  .foot .info .fr .wx{padding:.07rem;border-radius: .05rem;}
  .foot .beian{font-size:.24rem;padding:.07rem 0;}
  .foot .beian p span{margin:0;display: block;}
}