*{
	margin:0;
	padding:0;
	font-family: "微软雅黑";
	font-size: 20px;
}
.header{
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	background: #f9f9fa;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
}
.logo{
	width: 22.4rem;
	float: left;
	margin-left: 1rem;
}

.logo>img{
    width: 100%;
    height: 100%;
}

.open{
	width: 2.15rem;
	height: 1.45rem;
	background: url(../img/open.png);
	float: right;
	margin-right: 1rem;
	margin-top: 1.25rem;
}


.nav_nav{
	width: 10rem;
	height: 10.5rem;
	position: fixed;
	right: 0;
	top: 4.5rem;
	background: black;
	opacity: 0.9;
	z-index: 9999;
	display: none;
}

.nav_nav ul{
	width: 10rem;
	height: 100%;
	margin:auto;
    margin: 0px;
    padding: 0px;
}
.nav_nav li{
   width: 10rem;
   height: 3.5rem;
   line-height: 3.5rem;
   list-style-type: none;
   border-bottom: 1px #ff5b5b solid;
   text-align: center;
}

.nav_nav a{
	text-decoration: none;
	font-size: 1rem;
	color: #fff;

}

.close{
	background: url(../img/close.png) no-repeat;
}

.footer_model{
	width: 100%;
	height: 11.5rem;
	background: black;
	position: relative;
}
.wei{
	width: 7rem;
	height: 7rem;
	
	position: absolute;
    margin-top: 1rem;
    left: 50%;
    margin-left: -3.5rem;
}

.wei>img{
    width: 100%;
}

.tel{
	width: 15rem;
	height: 2.25rem;
	line-height:1.25rem;
	position: absolute;
	left: 50%;
	top: 60%;
	margin-left:-7.5rem;
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
}
.dizhi{
	width: 30rem;
	height: 1.5rem;
	font-size: 0.8rem;
	position: absolute;
	left: 50%;
	margin-left:-15rem;
	bottom: 18%;
	color:#fff;
	text-align: center;
}

.banq{
	width: 30rem;
	height: 1.5rem;
	font-size: 0.8rem;
	position: absolute;
	left: 50%;
	margin-left:-15rem;
	bottom: 5%;
	color:#fff;
	text-align: center;

}

.news_nav {
	width: 700px;
	height: 80px;
	float: right;
}

.news_nav ul {
	width: 100%;
	height: 100%;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

.news_nav li {
	width: 170px;
	height: 80px;
	float: left;
	list-style-type: none;
	text-align: center;
	line-height: 80px;
	font-size: 16px;
	color: #2b2b2b;
}

.news_nav a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #2b2b2b;
}

.news_nav a:hover {
	color: #fff;
	background: #0b274f;
}

.news_nav{}

.news_nav ul{margin:0px; padding:0px; list-style:none;border: 0;}

.news_nav ul li{ display: block;  }

.news_nav ul li:hover ul{display:block;}

.news_nav ul li a{text-align:center; width:100%; height:80px; line-height:80px; display:block; text-decoration:none;}

.news_nav ul li ul{display:none;position:relative; top:0px; left:0px;height: 160px; width: 200px;}

.news_nav ul li ul li{
	width: 200px !important;
	margin:0px 0px 2px 0px; 
	padding:0px ; 
	background-color:#FFFFFF; 
	height: 80px; 
	line-height: 80px;
	background-image: url(../img/jian.png);
				background-repeat: no-repeat;
				background-position: 180px 30px;
}
.news_nav ul li ul li>a{
	width: 200px !important;
	height: 80px; line-height: 80px;
	border-right: 1px #0b274f solid;
	box-sizing: border-box;
}
.news_nav ul li ul li:hover{ width: 200px !important;}

.news_nav ul li ul li:hover ul{visibility:visible;}

.news_nav ul li ul li ul{visibility:hidden; position:relative; top:-80px; left:200px;}

.news_nav ul li ul li ul li{background:#FFFFFF;}

.news_nav ul li ul li ul li:hover{background:#fff;}



@media screen and (max-width: 375px) {
    *{
    	font-size: 12px;
    }
    .logo img{
    	width: 100%;
    }
    .open{
    	width: 20px;
    	height: 20px;
    	background: url(../img/open2.png);
    }
    .close{
    	background: url(../img/close2.png);
    }

    .wei img{
    	width: 96px;
    }
    .tel{
    	width: 300px;
    	margin-left: -150px;
    }

    .tel img{
    	width: 25px;
    }

    .dizhi{
    	width: 320px;
    	margin-left: -160px;
    }

    .banq{
    	width: 320px;
    	margin-left: -160px;
    }

	 

}

@media screen and (min-width: 376px) and (max-width: 414px) {
    *{
    	font-size: 16px;
    }

    .logo img{
    	width: 100%;
    }
    .open{
    	width: 20px;
    	height: 20px;
    	background: url(../img/open2.png);
    	margin-top: 28px;
    }
    .close{
    	background: url(../img/close2.png);
    }
    .wei img{
    	width: 120px;
    }
    .tel{
    	width: 300px;
    	margin-left: -150px;
    }

    .tel img{
    	width: 25px;
    }

     .dizhi{
    	width: 400px;
    	margin-left: -200px;
    }

    .banq{
    	width: 380px;
    	margin-left: -190px;
    }

     
}

@media screen and (min-width: 1024px) and (max-width: 2800px)  {
    .footer{
        display: block;
    }
    .footer_model{
        display: none;
    }
    .news_head{
        display: block;
    }
    .news_head_up{
        display: block;
    }
    .header{
        display: none;
    }
  }

  @media screen and  (max-width: 1023px)  {
    .footer{
        display: none;
    }
    .news_head{
        display: none;
    }
    .news_head_up{
        display: none;
    }
    .header{
        display: block;
    }

    .footer_model{
        display: block;
    }
  }