﻿/**/

* {
	font-family: "微软雅黑", helvetica;
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
}

ul {
	list-style: none;
	margin-bottom: 0;
}

span {
	display: inline-block;
}

p {
	margin: 0;
}

.search_menu input {
	padding-bottom: 13px !important;
padding-top: 9.5px !important;
padding-left: 15px !important;
}
textarea,
input:focus {
	border: 1px solid #ffeaeb !important;
	outline: none !important;
}
.container {
	width: 1570px;
	margin: auto;
}

a,
button {
	cursor: pointer;
}


/**/


/*nav*/

.all {
	background: #fff;
	width: 100%;
	padding-top: 15px;
}

.header {
	overflow: hidden;
	max-width: 1540px;
	min-width: 1100px;
	margin: auto;
	width: 1540px;
}

.logo {
	float: left;
}

.language {
	text-align: right;
}

.language a {
	color: #999;
	font-size: 1.6rem;
}

.nav {
	float: right;
}

.navul li {
	display: inline-block;
	padding: 0 5px;
	margin: 0 20px;
}

.navul li>a {
	font-weight: bold;
}

.navul li a {
	color: #666;
	font-size: 1.6rem;
	line-height: 70px;
	display: inline-block;
	border-bottom: 1px solid transparent;
}

.navul .liahover {
	color: #c9151e;
	border-bottom: 1px solid #c9151e;
}

.navul li a p {
	color: #666666;
	line-height: 16px;
}

.navul .search {
	margin-right: 0;
	padding-right: 0;
	width: 70px;
	cursor: pointer;
}

.navul .search:hover a {
	border-bottom: 1px solid transparent;
}

.search p {
	height: 43px;
	text-align: right;
}

.erji {
	position: absolute;
	text-align: center;
	background: #fafafa;
	height: 225px;
	left: 0;
	width: 100%;
	padding: 50px 0;
	display: none;
	z-index: 500;
	/*margin-left: 15px;*/
}

.search_menu {
	position: absolute;
	text-align: center;
	background: #fafafa;
	height: 225px;
	left: 0;
	width: 100%;
	padding: 90px 0;
	display: none;
	z-index: 500;
}

.search_menu input {
	width: 500px;
	height: 60px;
	border: none;
}

.menu_show {
	overflow: hidden;
	display: inline-block;
	margin-left: 15px;
}

.search_menu .search_er {
	/*width: 100px;*/
	background: #c9151e;
	box-shadow: 0 0 5px #c9151e;
	padding: 20px 30px;
	line-height: 10px;
}

.menu_show div {
	float: left;
	text-align: center;
	width: 115px;
	margin: 0 20px;
}

.menu_show div:hover p {
	color: #c9151e;
}
/* 
.sp1 {
	background: url('../img/header/icon.png') no-repeat -42px -47px;
	width: 46px;
	height: 49px;
}

.menu_show div:hover .sp1 {
	background: url('../img/header/icon.png') no-repeat -42px -132px;
}

.sp2 {
	background: url('../img/header/icon.png') no-repeat -198px -49px;
	width: 40px;
	height: 49px;
}

.menu_show div:hover .sp2 {
	background: url('../img/header/icon.png') no-repeat -198px -134px;
}

.sp3 {
	background: url('../img/header/icon.png') no-repeat -348px -51px;
	width: 44px;
	height: 49px;
}

.menu_show div:hover .sp3 {
	background: url('../img/header/icon.png') no-repeat -348px -136px;
}

.sp4 {
	background: url('../img/header/icon.png') no-repeat -502px -48px;
	width: 49px;
	height: 49px;
}

.menu_show div:hover .sp4 {
	background: url('../img/header/icon.png') no-repeat -502px -133px;
}

.sp5 {
	background: url('../img/header/icon.png') no-repeat -661px -48px;
	width: 35px;
	height: 49px;
}

.menu_show div:hover .sp5 {
	background: url('../img/header/icon.png') no-repeat -661px -133px;
}

.sp6 {
	background: url('../img/header/icon.png') no-repeat -806px -53px;
	width: 41px;
	height: 49px;
}

.menu_show div:hover .sp6 {
	background: url('../img/header/icon.png') no-repeat -806px -138px;
}

.sp7 {
	background: url('../img/header/icon.png') no-repeat -957px -52px;
	width: 44px;
	height: 49px;
}

.menu_show div:hover .sp7 {
	background: url('../img/header/icon.png') no-repeat -957px -137px;
}

.sp8 {
	background: url('../img/header/icon.png') no-repeat -1111px -50px;
	width: 43px;
	height: 49px;
}

.menu_show div:hover .sp8 {
	background: url('../img/header/icon.png') no-repeat -1111px -135px;
}
 */
.head_icon1{
	display: none;
}
.menu_show span img{
	padding-bottom: 20px;
}

/*nav*/


/*手机端导航*/

.phone-header {
	position: fixed;
	display: none;
	width: 100%;
	height: 70px;
	background: #fff;
	z-index: 999;
	left: 0;
	right: 0;
}


/**/

.phone-header-box {
	position: fixed;
	top: 10px;
	left: 0;
	background: #fff;
	width: 100%;
	top: 0;
	padding-bottom: 10px;
	/*height: 40px;*/
}

.phone-header h1 {
	line-height: 20px;
	margin: 10px 0 0 15px;
}

.phone-header .menu-push {
	position: absolute;
	right: 15px;
	top: 5px;
	width: 40px;
	height: 40px;
	padding: 12px 8px 0;
	background: #fff;
	z-index: 999;
}

.phone-header .menu-push.fixed {
	position: fixed;
	background: rgba(255, 255, 255, .8);
}

.phone-header .menu-push.fixed.menu-open {
	width: 100%;
	background: rgba(255, 255, 255, 1);
}

.phone-header .menu-push .push-line {
	float: right;
	width: 27px;
	height: 27px;
}

.phone-header .menu-push .line {
	display: block;
	width: 27px;
	height: 3px;
	margin-bottom: 4px;
	background: #000;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.phone-header .menu-push.menu-open {
	background: #c9151e;
}

.phone-header .menu-push.menu-open .line {
	background: #fff;
}

.phone-header .menu-push.menu-open .line-1 {
	width: 30px;
	transform: translate(0px, 7px) rotate(45deg);
	-webkit-transform: translate(0px, 7px) rotate(45deg);
	-moz-transform: translate(0px, 7px) rotate(45deg);
	-o-transform: translate(0px, 7px) rotate(45deg);
}

.phone-header .menu-push.menu-open .line-2 {
	width: 0px;
	transform: translateX(27px);
	-webkit-transform: translateX(27px);
	-moz-transform: translateX(27px);
	-o-transform: translateX(27px);
}

.phone-header .menu-push.menu-open .line-3 {
	width: 30px;
	transform: translate(0px, -7px) rotate(-45deg);
	-webkit-transform: translate(0px, -7px) rotate(-45deg);
	-moz-transform: translate(0px, -7px) rotate(-45deg);
	-o-transform: translate(0px, -7px) rotate(-45deg);
}

.phone-header .menu-list {
	position: absolute;
	left: 0;
	top: 70px;
	width: 100%;
	z-index: 999;
	display: none;
	height: 100vh;
	background: #fff;
}

.phone-header .menu-list form .choose {
	padding: 16px 15px 11px;
	background: #fff;
	box-shadow: 0px 3px 3px #f1f1f1 inset;
}

.phone-header .menu-list form .choose a {
	float: left;
	font-size: 12px;
	color: #666666;
	line-height: 12px;
}

.phone-header .menu-list form .choose i {
	float: left;
	width: 1px;
	height: 7px;
	margin: 3px 27px 0;
	background: #c2c1c1;
}

.phone-header .menu-list form .choose a.on {
	color: #ff0000;
}

.phone-header .menu-list .form {
	height: 36px;
	background: #e9e9e9;
}

.phone-header .menu-list form input {
	float: left;
}

.phone-header .menu-list form .text {
	width: 80%;
	height: 33px;
	line-height: 33px;
	border: none;
	padding-left: 15px;
	background: #e9e9e9;
}

.phone-header .menu-list form .search {
	height: 33px;
	width: 33px;
	margin-right: 15px;
	float: right;
	border: none;
	background: #e9e9e9 url("http://www.nabel.cc/static/web/css/../img/form_ico.png") no-repeat center center;
	background-size: 15px 15px;
}

.phone-header .menu-list ul {
	float: none;
	overflow: auto;
}

.phone-header .menu-list li {
	float: none;
	background: #ffffff;
	padding: 0;
	margin: 0;
}

.phone-header .menu-list li a {
	display: block;
	height: 43px;
	line-height: 43px;
	font-size: 1.6rem;
	color: #333333;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 15px;
	position: relative;
}

.phone-header .menu-list li a i {
	position: absolute;
	right: 15px;
	top: 14px;
	width: 17px;
	height: 17px;
	background: url("http://www.nabel.cc/static/web/css/../img/menu_list1.png") no-repeat right center;
	background-size: 17px 17px;
}

.phone-header .menu-list li a.active {
	color: #fff;
	background: #c9151e;
	border-color: transparent;
}

.phone-header .menu-list li a.active i {
	background-image: url("http://www.nabel.cc/static/web/css/../img/menu_list2.png");
}

.phone-header .menu-list li dl {
	padding: 5px 0;
	display: none;
	margin: 0;
}

.phone-header .menu-list li dd {}

.phone-header .menu-list li dd a {
	padding: 0 15px;
	background: #f5f5f5;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 1.2rem;
	color: #7c7c7c;
}

.phone-header .menu-list li dd {
	-webkit-margin-start: 0px;
}

.phone-header .menu-list ul {
	-webkit-padding-start: 0px;
}

.phone-header-box h1 img {
	height: 50px;
}


/*手机端导航*/


/*底部*/

.foot {
	background: url(../img/header/footbg.png) no-repeat;
	background-size: 100% 100%;
	padding: 30px 0 20px 0;
}

.uls li a {
	color: #e4e4e4;
	font-size: 1.2rem;
	/*line-height: 25px;*/
}

.uls {
	width: 100%;
	/*border-bottom: 1px solid #F1F1F1;*/
}

.martop {
	margin-top: 20px;
}

.uls .firstli {
	margin-bottom: 5px;
}

.uls .col-md-2{
	/*text-align: center;*/
	
}

.uls .firstli a {
	font-size: 1.4rem;
	color: #fff;
}

.erweima p {
	color: #fff;
	font-size: 1.4rem;
}
.erweima img{
	/*width: 50%;*/
}
.address .firstli {
	font-size: 1.4rem;
	color: #fff;
}

.address {
	margin-top: 25px;
	/*float: right;*/
}

.address p {
	color: #fff;
	font-size: 1.2rem;
	line-height: 23px;
}

.hao {
	color: #fff;
	font-size: 1.2rem;
	margin: 20px 0px 0px 0;
	text-align: left;
}


/*分享*/

.float {
	position: fixed;
	top: 600px;
	right: 50px;
	z-index: 20;
}

.float div {
	width: 55px;
	height: 55px;
	text-align: center;
	background: #7c868f;
	line-height: 60px;
}

.float div:hover {
	background: #be252c;
}

.float a {
	display: block;
}

.float .tancode {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	text-align: center;
	z-index: 50;
}

.tancode img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -51px;
	margin-top: -51px;
}

.navul li .curs1 {
	color: #c9151e;
	border-bottom: 1px solid #c9151e;
}


/*分享*/