html, body {
  height: 100%;
  font-family: Arial, "微软雅黑" ;
  margin: 0;
}
a, a:hover, a:active, a:focus{text-decoration: none;}
.ml0{
  margin-left: 0 !important;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
 height: 70px;
  z-index: 9898989;
}
header .logo{
  position: absolute;
  left: 33px;
  top: 20px;
   width: 125px;
  z-index: 2;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
header .logo img{
  max-width: 100%;
}

header .menu{
  position: relative;
  /* width: 1080px; */
  text-align: center;
  padding-top: 0px;
  line-height: 68px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
header .menu a{
  cursor: pointer;
  color: #cbcbcb;
  font-size: 20px;
  margin: 0 18px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;

}
header .menu a:hover,
header .menu a.active{
  color: #dd1a1a;
}
header .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .6;
  z-index: -1;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
header .menu .menu-item{
  position: relative;
  cursor: pointer;
  font-size: 20px;
  color: #cbcbcb;
  margin: 0 18px;
 /* text-align: center; */
  display: inline-block;
}
header .submenu{
  position: absolute;
  top: 55px;
  left: -39px;
 /* width: 100%; */
 display: none;
 border-top: 15px solid transparent;
}
header .submenu a{
  display: block;
  color: #cbcbcb;
  font-size: 18px;
 padding-left: 0px;
 /* text-align: left; */
  line-height: 50px;
  width: 131px;
}
header .line{
	position: relative;
	color: #dd1a1a;
}
header .line span{
	position: relative;
	color: #dd1a1a;
}
header .line:after{
	content: '';
	background: #DD1A1A;
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: -2px;
	left: 0px;
}
header .menu .line2{
	position: relative;
	color: #DD1A1A;
}
header .line2:after{
	content: '';
	background: #DD1A1A;
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: -23px;
	left: 0px;
}
header .line3:after{
	bottom: -25px;
}
header .menu-item:hover .submenu{
  display: block;
}
header .menu-item:hover .line:after{
 height: 0px;
 width: 0;
}
header .submenu a:hover{
  color: #dd1a1a;
}
header .menu .menu-item:hover,
header .menu .menu-item.active{
  color: #dd1a1a;
}
header .bg2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: .5;
  z-index: -1;
}
/* .header2{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 9898989;
}

.header2 .box{
  position: relative;
  width: 1180px;
  height: 100%;
  margin: auto;
}
.header2 .logo{
  position: absolute;
  top: 20px;
  width: 125px;
  margin: auto;
}
.header2 .logo img{
  max-width: 100%;
}
.header2 .menu{
  position: relative;
  float: right;
  line-height: 70px;
}
.header2 .menu .menu-item{
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  width: 174px;
  text-align: center;
  display: inline-block;

}
.header2 .submenu{
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  display: none;
  padding-bottom: 15px;
}
.header2 .submenu a{
  display: block;
  color: #fff;
  font-size: 18px;
  padding-left: 46px;
  text-align: left;
  line-height: 50px;
}
.header2 .menu-item:hover .submenu{
  display: block;
}
.header2 .submenu a:hover{
  color: #dd1a1a;
}
.header2 .menu .menu-item:hover,
.header2 .menu .menu-item.active{
  color: #dd1a1a;
}
.header2 .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: .5;
  z-index: -1;
} */
.footer{
  overflow: hidden;
  padding-top: 140px;
  padding-bottom: 80px;
  color: #fff;
  background-color: #242d3c;
}
.footer .footer-box{
  width: 870px;
  margin: auto;
}
.footer .logo{
  margin-bottom: 35px;
}
.footer-items{
  overflow: hidden;
}
.footer-item{
 float: left;
}
.footer-menu{
  font-size: 14px;
}
.footer-menu a{
  color: #fff;
}
.footer-menu i{
  color: #fff;
  margin: 0 20px;
  font-style: normal;
}
.footer-item .copyright{
  color: #fff;
  margin: 10px 0 30px;
}
.footer-item .copyright span{
  font-size: 24px;
  padding: 0 5px;
}
.footer-item.fi1 img{
  margin-right: 15px;
}
.footer-item.fi2{
  margin-left: 80px;
}
.footer-item.fi2 .t{
  font-size: 20px;
}
.footer-item.fi2 .c{
  font-size: 14px;
  line-height: 3;
}
.footer-item.fi3 {
  text-align: center;
  float: right;
}
.footer-item.fi3 img{
  width: 106px;
  margin-bottom: 20px;
}

.zzq-banner{
  width: 100%;
  height: 424px;
  background: url(../img/zzq_banner.jpg) no-repeat center / cover;
}
.xq-btn{
  display: block;
  width: 400px;
  height: 50px;
  line-height: 50px;
  font-size: 26px;
  color: #fff;
  margin: 30px auto 70px;
  text-align: center;
  border-radius: 10px;
  background-color: #dd1a1a;
}
.xq-btn:hover{
  color: #fff;
}
.xqck{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9898990;
  display: none;
}
.xqck .bg{
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
}
.xqck .box{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 460px;
  height: 600px;
  padding: 30px;
  background-color: #fff;
}
.xqck .box .t{
  text-align: center;
  font-size: 26px;
  color: #a1a1a1;
}
.xqck .box input{
  font-size: 20px;
  width: 100%;
  height: 50px;
  padding: 0 24px;
  margin-bottom: 30px;
  border: 1px solid #dbd8d8;
  border-radius: 10px;
  color: #333;
  outline: 0;
}
.xqck .box textarea{
  font-size: 20px;
  width: 100%;
  height: 240px;
  padding: 14px 24px;
  border: 1px solid #dbd8d8;
  border-radius: 10px;
  color: #333;
  outline: 0;
}
.xqck .box input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #c6c6c6;
}
.xqck .box input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #c6c6c6;
}
.xqck .box textarea::-webkit-input-placeholder { /* WebKit browsers */
  color:    #c6c6c6;
}
.xqck .box textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #c6c6c6;
}

.xqck .box .btn-group{
  overflow: hidden;
  width: 100%;
  margin-top: 30px;
}
.xqck .box .fl{
  float: left;
  width: 260px;
  line-height: 1.8;
}
.xqck .box .fr{
  float: right;
  width: 100px;
  height: 44px;
  line-height: 44px;
  font-size: 22px;
  color: #fff;
  border: 0;
  border-radius: 10px;
  background-color: #dd1a1a;
  outline: 0;
}