.head{padding-top: 15px;position: fixed;top: 0;background: #fff;z-index: 999;width: 100%;display: block;}
.container{padding: 0 28px;position: relative;visibility: visible;height: 80px;}
.logo{width: auto;position: relative;display: block;float: left;}
.logo img{height: 50px;}
.nav{float: right;top: 50%;}	
.nav_li{float: left;}
.nav_li a{padding: 20px 20px 15px;font-size: 14px;color: #888;font-weight: 500;display: block;font-family: Microsoft YaHei;position: relative;}
.nav_li .nav_line:before{
	content: "";
		  position: absolute;
		  bottom: 0;
		  width: 0;
		  border-bottom: 2px solid #000;
}
.nav_li .nav_line:hover:before{
	 width: 50%;
}
.nav_li .nav_line:before {
		  -webkit-transition: width 0.5s ease-in-out;
		  -moz-transition: width 0.5s ease-in-out;
		  -ms-transition: width 0.5s ease-in-out;
		  -o-transition: width 0.5s ease-in-out;
		  transition: width 0.5s ease-in-out;
		}
.nav_li ul{position: absolute;display: none;top: 50px;background: #fff;box-shadow:0px 19px 35px rgba(0,0,0,0.11);-webkit-box-shadow:0px 19px 35px rgba(0,0,0,0.11);padding: 0 20px 20px;}
.nav_li ul li{}
.nav_li ul li a {font-size: 14px;line-height: 14px;}

.nav_contact_list{height: 60px;width: 100%;background: #0a0a0a;line-height: 60px;font-family: Roboto;}
.nav_contact_list ul{height: 100%;margin: 0 auto;}
.nav_contact_list li{float:left ;height: 100%;padding: 0 25px;}
.nav_contact_list li a{opacity: 0.7;color: #fff;font-size: 18px;}
.nav_contact_list li a:hover{opacity: 1;}

	
.foot{color: #fff;text-align: center;font-family: Roboto;}
.foot .foot_text{font-size: 14px;line-height: 24px;padding: 40px 0;text-align: left;letter-spacing: 1px;text-align: center;}


.ch{background: url('../images/ch.png') no-repeat;background-size: 14px 14px; background-position: 5px 20px;}
.en{background: url('../images/en.png') no-repeat;background-size: 14px 14px; background-position: 5px 20px;}

.fff{background: #fff;}
.c000{background: #000;}
.yellow{background: #5c5052;}
.f4f4f4{background: #f4f4f4;}
.e2e2e2{background: #e2e2e2;}
.green{background: #587982;}


.clear{clear: both;}
.box{margin-top: 100px;overflow: hidden;}
.left{float: left;}
.right{float: right;}


/*moblie*/
.m_head{height: 4rem;width: 100%;position: fixed;top: 0;left: 0;background: #fff;z-index: 10;}
.m_logo{height: 2.5rem;width:7.6rem ;margin:0.5rem 0 0 0.5rem  ;float: left;}
.m_logo img{width: 100%;}

.m_list{height:2.5rem ;width: 2.5rem;background: url(../images/m_list.png) no-repeat; background-size: 2.5rem;float: right;margin:0.5rem 0.5rem 0 0 ;}
.m_plane{display: none;position: fixed;height: 100%;width: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);z-index: 11;}
.m_nav_box{display: none;width: 18rem;height: 100%;position: fixed;right: 0;top:0;background: #587982;z-index: 12;}
.m_close{height: 2rem;width: 2rem;background: url(../images/close.png) no-repeat;background-size: 2rem;position: absolute;right: 1rem;top: 1rem;}
.m_nav_list{margin: 3rem 0 0 1rem;font-family: Roboto;}
.m_nav_list li{margin:1rem 0 1rem 0;}
.m_nav_list ul{margin-left:1rem ;color: #fff;font-size: 14px;display: none;}
.m_nav_list ul a{margin-left: 0.5rem;display: block;}
.m_nav_list a{text-decoration: none;color: #fff;font-size: 16px;text-indent: 1rem;letter-spacing: 1px;}
.m_ch{background: url('../images/ch.png') no-repeat;background-size: 1rem;}
.m_en{background: url('../images/en.png') no-repeat;background-size: 1rem; }
@media screen and (min-width: 645px) {
.head{display: block;}
.m_head{display: none;}
}
@media screen and (max-width: 640px) {
.head{display: none;}
.m_head{display: block;}
.foot .foot_text{font-size: 14px;line-height: 18px;padding: 1rem 0;text-align: left;letter-spacing: 1px;text-align: center;}

}