/*head*/
.head{
  position:fixed;
  width:100%;
  top:0;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -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;
}
.head .warpper{
  display:flex;
  justify-content: space-between;
  align-items: center;
  height: 78px;	
}
.head .container .row{
  display:flex;
  justify-content: space-between;
  align-items: center;
  height: 78px;
}
.warpper{
  width:1600px;
  margin:0 auto;
}
.logo{
  display:flex;
  justify-content: left;
  align-items: center;
}
.logo img{
  height: 60px;
  position: relative;
  z-index: 3;
}
.logo h1{
  color: #fff;
  font-weight: normal;
  font-family: comtit;
  font-size: 2.7rem;
}
.head_right{
  display:flex;
  align-items: center;
}
.nav-bar li{
  float:left;
  height: 78px;
  margin: 0 15px;
  line-height: 22px;
  position: relative;
}
.nav-bar li>a:hover:before,.nav-bar li.active>a:before{width:100%;}
.nav-bar li>a{
  position:relative;
  display: block;
  line-height: 78px;
  color: #fff;
  font-size: 1.6rem;
}
.nav-bar li>a span{position: relative;z-index:99;}
.nav-bar li>a:before{
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  content: '';
  width:0;
  height:3px;
  background:#be0c0f;
  -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;
  z-index: 98;
}
.head-top-scroll{top:-200px;background:rgba(255,255,255,0.9);box-shadow: 0 0 5px #b1b1b1;}
.head-top-scroll .nav-bar li>a{color:#333;}
.head-top-scroll .head_right>h4{color:#333;}
.head-top-scroll .logoW{display:none;}
.head-top-scroll .logoB{display:block;}
.head-top-scroll .menuicon2 i{background:#333;}
/*headdownbg*/
.headdownbgWp{position: relative;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1);}

.headdownbgWp .headdowntopbg{position:absolute;width:100%;height:0;left:0;top:0;background:rgba(255,255,255,0.5);z-index:0;}
.head-top-scroll .headdownbgWp .headdowntopbg{background:rgba(255,255,255,0.9);}
.headdownbg{
  display: none;
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  overflow: hidden;
  -webkit-transition: 150ms 0s all ease;
  -moz-transition: 150ms 0s all ease;
  -ms-transition: 150ms 0s all ease;
  -o-transition: 150ms 0s all ease;
  transition: 150ms 0s all ease;
}
.headdownbg .headdownWp{display:flex;justify-content:center;padding:10px 0;}
.headdownbg .headdownWp a{line-height: 35px; display: block; position: relative; min-width: 110px;margin: 0 30px;color:#333; text-align:center;}
.headdownbg .headdownWp a .navitemiconhover{display:none;}
.headdownbg .headdownWp a span img{display:block; margin:0 auto;}
.headdownbg .headdownWp a:hover{color: #be0c0f;}
.headdownbg .headdownWp a:hover .navitemicon{display:none;}
.headdownbg .headdownWp a:hover .navitemiconhover{display:block;}
.headdown_close{
  background:url("../images/closeicon.png") no-repeat left center;
  padding-left:37px;
  font-size: 1.6rem;
  color: #fff;
  position:absolute;
  right:0;
  top:-25px;
  cursor: pointer;
}

.headdownbg .warpper{
  position:relative;
}
.head_right>a{
  color: #fff;
  font-size: 1.6rem;
}
.head_right>h4{
  font-size: 2.6rem;
  line-height: 26px;
  color: #fff;
  font-weight: normal;
  margin-left:30px;
}
.menuicon{
  float:left;
  cursor: pointer;
  margin-top: 6px;
  margin-right: 30px;
  border-top: 11px solid #e60012;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.menuicon2{
  width: 32px;
  cursor: pointer;
}
.menuicon2 i{
  width: 100%;
  background:#fff;
  height: 2px;
  display:block;
  margin-bottom:5px;
  -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;
}
.menuicon2 i:last-of-type{
  width: 50%;
  margin-right: 0;
  margin-left:auto;
  margin-bottom: 0;
}
.logoB{display: none;}

.headfix{
 
}
.headfix .logoB{display: block;}
.headfix .logoW{display: none;}
.headfix .logo>h1,.headfix .nav-bar a,.headfix .head_right>a,.headfix .head_right>h4{
  color: #353535;
}
.headfix .head_right>.menuicon i{
  background:#be0c0f;
}
.down_show{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  width: 100%;
}
.down_show a{
  display:block;
  flex: 1;
  line-height: 60px;
  font-size: 1.8rem;
  color: #fff;
  position:relative;
  overflow: hidden;
  margin-right: 2%;
  padding-bottom: 10px;
}
.down_show a:nth-of-type(7n){
  margin-right: 0;
}
.down_show a:before,.down_show a:after{
  display:block;
  content: '';
  position:absolute;
  left:0;
  height: 1px;
  bottom:0;
  width: 45px;
  background:#fff;
}
.down_show a:before{
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
}
.head-top-scroll .down_show a:before,.head-top-scroll .down_show a:after{background:#999;}
.head-top-scroll .down_show a:before{background: rgba(0,0,0,0.2);}
.down_show a span{
  background:url("../images/menuproicon.png") no-repeat left center;
  color: #fff;
  padding-left:35px;
  display: block;
  line-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.head-top-scroll .headdownbgWp{border-bottom:1px solid rgba(0,0,0,0.2);}

.siteLink{position:relative;margin-left: 40px;align-items:center;}
.siteLink i{display: block;width: 1px;height: 13px;background: #fff;margin: 0 20px;}
.nowLink{display:block;color:#fff;line-height: 30px;}
.goLink{line-height: 30px;color:#fff;position:relative; transition: all 0.5s;padding-left: 30px;}
.goLink::before{content: '';position: absolute;display: block;width: 9px;height: 9px;border: 2px solid #cb121b;border-radius: 50%;box-sizing:content-box!important;top: 50%;left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.nowLink:hover {border-bottom:1px solid #cb121b;}
.goLink:hover {border-bottom:1px solid #cb121b;}
.headfix .siteLink i{background:#333;}
.headfix .nowLink{display:block;color:#333;}
.headfix .goLink{color:#333;transition: all 0.5s;}

.head2 .nowLink{color:#fff;}
.head2 .goLink{color:#fff;}
.head2.head-top-scroll .siteLink i{background:#333;}
.head2.head-top-scroll .nowLink{color:#333;}
.head2.head-top-scroll .goLink{color:#333;}

.head2 .down_show a span{
  background:url("../images/menuproicon.png") no-repeat left center;
  color: #fff;
  padding-left:35px;
  display: block;
  line-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.head-top-scroll .down_show a span{color:#333;}
.head2.head-top-scroll .down_show a span{background:url("../images/menuproicon1.png") no-repeat left center;}

/*style*/
.headfix .head_right>.menuicon2 i{background:#be0d10;}
.mobilebarbg{position:fixed;top:0;right:-385px;z-index:1000;width:325px;height:100%;background:#be0c0f;-webkit-transition:350ms 0s all ease;-moz-transition:350ms 0s all ease;-o-transition:350ms 0s all ease;transition:350ms 0s all ease;-ms-transition:350ms 0s all ease;}
.navclose{position:absolute;top:0;right:100%;width:60px;height:60px;background:#2a2a2a url(../images/closeicon.png) no-repeat center;}
.mobile-bar{overflow-x:hidden;height:100%;overflow-Y:auto;}
.mobile-bar::-webkit-scrollbar{width:0;}
.mobile-bar li{width:100%;border-bottom:1px solid #a62628;background:#be0c0f;}
.mobile-bar li.active{background:#2a2a2a;}
.mobile-bar li>a{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;color:#fff;font-size:16px;line-height:48px;}
.mobile-bar li .mobile_list_top{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;}
.mobile-bar li .mobile_list_top>a{float:left;width:85%;color:#fff;font-size:16px;line-height:48px;}
.mobile-bar li .mobile_list_top>span{float:right;margin-top:19px;border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;-webkit-transition:350ms 0s all ease;-moz-transition:350ms 0s all ease;-o-transition:350ms 0s all ease;transition:350ms 0s all ease;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-ms-transition:350ms 0s all ease;-ms-transform:rotate(-90deg);}
.mobile-bar li .mobile_list_top>span.rote{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0);}
.mobile-bar li .mobile_list_bottom{display:none;width: 100%;}
.mobile-bar li .mobile_list_bottom a{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0 25px;width:90%;border-top:1px dashed #a62325;color: rgba(255,255,255,0.8);font-size:15px;line-height:35px;}
.mobile-bar li .mobile_list_bottom a:last-of-type{
  border-top: none;}
.mobile-bar li .mobile_list_bottom a.hight_linght{border-top:none;background:#9c2224;}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	.head_right>h4 {
	    margin-right: 30px;
	}
	
}
@media screen and (max-width: 1270px){
	.siteLink{margin-left:10px;}
	.head_right>h4{margin: 0 10px;}
}
@media screen and (min-width: 960px) and (max-width: 1199px){
	.warpper {
	    width: 96%!important;
	}
	.head .warpper {
	    height: 64px;
	}
	.logo img{
		height: 50px;
	}
	.head_right>h4 {
	    margin-right: 30px;
	}
}
@media screen and (max-width: 959px){
	.head_right>h4 {
		display: none;
	}
}	
@media screen and (min-width: 768px) and (max-width: 959px){
	.head .warpper {
	    height: 64px;
	}
	.logo img{
		height: 50px;
	}
}
@media only screen and (max-width: 767px){
	
	.head .warpper {
	    height: 64px;
	}
	.logo img {
	    height: 40px;
	}
	.siteLink i{margin:0 10px;}
	.goLink{padding-left:20px;}
	
}