@charset "utf-8";



.left {



	float: left;



}







.right {



	float: right;



}







.clearboth {



	clear: both;



}







.content-all {



	width: 1180px;



	margin: 0 auto;



	position: relative;



}







.content-1 {



	width: 1180px;



	margin: 0 auto;



}







 ::selection {



	background-color: #D60C34;



	color: #fff;



}







::-moz-selection {



	background-color: #D60C34;



	color: #fff;



}







::-webkit-selection {



	background-color: #D60C34;



	color: #fff;



}











/*header*/







.header {



	width: 100%;



	margin: 0 auto;



	height: 136px;



	border-top: #333 5px solid;



	border-bottom: 1px solid #eee;



}







.logo {



	width: 168px;



	height: 75px;



	margin-left: 129px;



}







.logo img {



	display: block;



	width: 165px;



	height: 78px;



	padding-top: 25px;



}







.logo-title {



	height: 70px;



	margin: 27px 0 0 0px;



	width: 420px;



}







.logo-title h4 {



	font: 18px/31px "microsoft yahei";



	color: #333;



	letter-spacing: 4px;



	padding-top: 9px;



}







.HeaderLine {



	width: 50px;



	height: 1px;



	margin: 2px auto;



	background: #ccc;



}







.logo-title p {



	font: 18px/31px "microsoft yahei";



	color: #333;



	letter-spacing: 4px;



}







.logo-title p span {



	color: #D60C34;



}







.header-tel {



	width: 170px;



	margin-top: 20px;



}







.header-tel span {

	display: block;

	font: 13px/30px "microsoft yahei";

	color: #333;

	/* text-align: center; */

	background: url(../images/header-tel.png) no-repeat center right;

	margin-top: 14px;

}







.header-tel h4 {


font: 24px/29px "microsoft yahei";


color: #333;


text-align: right;


letter-spacing: 0;


text-align: center;
}







.header-tel p {



	font: bold 18px/26px "microsoft yahei";



	color: #D60C34;



	padding-left: 5px;



}











/*nav*/







.nav_xiala_xx {



	width: 100%;



	height: 50px;



}







.nav_xiala {



	width: 1180px;



	height: 50px;



	margin: 0 auto;



}







.nav_xiala>ul {



	position: relative;



	height: 50px;



}







.nav_xiala ul li {



	float: left;



	width: 118px;



	height: 50px;



	line-height: 50px;



	text-align: center;



	font-size: 15px;



	background: url(../images/menu_line.png) no-repeat left;



	-webkit-transition: .5s;



	transition: .5s;



}







.nav_xiala ul li a {



	display: block;



	color: #333;



	height: 50px;



	line-height: 50px;



	overflow: hidden;



	-webkit-transition: .5s;



	transition: .5s;



}







.nav_xiala ul li:hover {



	background: #d60c34;



	color: #fff;



}







.nav_xiala ul li:hover a {



	color: #fff;

background: #d60c34;

}







.nav_xiala ul li:nth-child(1) {



	background: none;



}







.nav_xiala .erji_xiala {



	z-index: 20;



	height: 0px;



	visibility: hidden;



	opacity: 0;



	-webkit-transition: all .3s linear;



	transition: all .3s linear;



	position: absolute;



	top: 50px;



	left: 230px;



	width: calc(196px * 3);



	background: rgba(214,12,52,.8);



	-webkit-transition: .5s;



	transition: .5s;



}











/*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */







.nav_xiala ul li:hover .erji_xiala {



	height: auto;



	visibility: visible;



	opacity: 1;



}







.nav_xiala .erji_xiala .daohang_xiala {



	float: left;



	width: 156px;



	padding: 0 20px 5px 20px;



	-webkit-transition: .5s;



	transition: .5s;



}







.nav_xiala .erji_xiala .daohang_xiala i {



	font-size: 15px;



	border-bottom: 1px solid rgba(255, 255, 255, 0.35);



	display: block;



}







.nav_xiala .erji_xiala .daohang_xiala span {



	border-bottom: 1px dashed rgba(255, 255, 255, 0.35);



	display: block;



	text-align: left;



}







.nav_xiala .erji_xiala .daohang_xiala a {



	height: 40px;



	line-height: 40px;



	display: block;



	color: #FFF;



	font-size: 14px;



}







.nav_xiala .erji_xiala .daohang_xiala i a {



	font-size: 15px;



	text-align: left;



	background: url(../images/liqsub_ss.png) 0px no-repeat;



	padding-left: 13px;



}







.nav_xiala .erji_xiala .daohang_xiala i a:hover {



	background: url(../images/liqsub_ss.png) 145px no-repeat;



	padding-left: 0px;



}







.nav_xiala .erji_xiala a:hover {



	color: #FFF;



	padding-left: 15px;



}







.nav_xiala .erji_xiala1 {



	position: absolute;



	top: 50px;



	z-index: 20;



	



background: rgba(214,12,52,.8);



	width: 118px;



	/*和一级栏目一样宽度*/



	height: 0px;



	visibility: hidden;



	opacity: 0;



	-webkit-transition: all .3s linear;



	transition: all .3s linear;



}







.nav_xiala ul li:hover .erji_xiala1 {



	height: auto;



	visibility: visible;



	opacity: 1;



}







.nav_xiala .erji_xiala1 .daohang_xiala {



	padding: 0 0 5px 0;



}







.nav_xiala .erji_xiala1 .daohang_xiala i {



	font-size: 15px;



	border-bottom: 1px solid rgba(255, 255, 255, 0.35);



	display: block;



}







.nav_xiala .erji_xiala1 .daohang_xiala a {



	height: 40px;



	line-height: 40px;



	font-size: 14px;



	display: block;



	color: #FFF;



}







.nav_xiala .erji_xiala1 a:hover {



	color: #FFF;



	padding-left: 15px;



}







.nav_xiala>ul>li.another {



	background: #d60c34;



}







.nav_xiala>ul>li.another>a {



	color: #fff;



}







.fixedNav {



	position: fixed;



	top: 0px;



	left: 0px;



	background: #fff;

	z-index: 99999;



	_position: absolute;



	_top: expression(eval(document.documentElement.scrollTop));



	box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);



}











/*footer*/







/*footer*/



.footer-content-1{

width: 100%;

height: 206px;

background: #D60C34;
}







.footer-left b i{



	display: inline-block;



	width: 14px;



	height: 18px;



	background: url(../images/footer-1.png) no-repeat center left;padding-right: 10px;



	vertical-align: sub;



}



.footer-left b {



	font: 16px/30px "microsoft yahei";



	color: #fff;



}



.pt{



	display: block;



	margin-top: 20px;



}



.footer-left p{



	font:   27px/30px "microsoft yahei";



	color: #fff;



}



.footer-left p.footer-ll{



	font:   15px/30px "microsoft yahei";



}







.footer-content{

padding-top:30px;

width: 754px;

padding-left: 20px;

font: 14px/30px "microsoft yahei";

color: #fff;

padding-top: 20px;
}



.footer-content h2{



	display: inline-block;



	font: 14px/30px "microsoft yahei";



	color: #fff;



}



.footer-content a{



	color: #fff;



}







.footer-right{

width: 155px;

height: 155px;

margin-top: 30px;
}



.footer-right img{



	display: block;



	width: 155px;



	height: 155px;



}



.footer-nav{



	width: 100%;



	height: 60px;



	background: #0364ce;



}















.footer-nav ul li{



	float: left;







}



.footer-nav ul li a{



	font: 14px/60px "microsoft yahei";



	color: #fff;



	margin: 0 31px;



}