﻿.head1{
   padding: 1.2% 0;
}
.head1-1{
	width: 24%;
	float: left;

}
.head1-2{
    width: 22%;
    float: right;
    background: url(../images/dianhua.png) no-repeat 3% 40%;
    background-size: 13% 56%;
    padding-left: 6%;
}
.head1-2-1 p{
	font-size: 24px;
	color: #282828;
}
.head1-2-1 span{
	font-size: /*35.4px*/  33.4px;
	color: #282828;
	font-weight: 600;
}
/*logo及电话结束*/

/*导航*/
.head2{
	background: #b60005;
}
.head2 ul li{
	float: left;
	text-align: center;
	width: /*13%*/ calc(100% / 7);
}
.head2 ul li a{
	font-size: 18px;
	color: white;
	display: inline-block;
    padding: 10% 16%;
}
.head2 ul li a:hover,.head2 ul li.on a{
	background: #f3f3f3;
	color: #b60005;
}
.xl{
	position: absolute;
	top: 100%;
	display: none;
    width: 100%;
    z-index: 3;
    background: url(../images/xlbj.png) no-repeat;
    background-size: 100% 100%; 
    padding-top: 8%;
}
.xl a{
	display: block !important;
}
.xl a:nth-child(1){
	/*padding-top: 20% !important;*/
}
.head2 ul li{
	position: relative;
}
.head2 ul li.on .xl a{
	background: none;
}
.head2 ul li .xl a{
	font-size: 16px;
	color: white;
	padding: 8% 8px;
}
.head2 ul li .xl a:nth-child(1){
	/*padding-top: 20% !important;*/
}
.head2 ul li .xl a:hover{
	color: #b60005;
	background: #fff;
}
.head2 ul li:hover .xl{
	display: block;
}


.xl1{
	position: absolute;
	top: 100%;
	display: none;
    width: 100%;
    z-index: 3;
    background: url(../images/xlbj.png) no-repeat;
    background-size: 100% 100%; 
}
.xl1 a{
	display: block !important;
}
.xl1 a:nth-child(1){
	padding-top: 20% !important;
}
.head2 ul li:nth-child(5){
	position: relative;
}
.head2 ul li:nth-child(5) .xl1 a{
	font-size: 18px;
	color: white;
	padding: 6% 0;
}
.head2 ul li:nth-child(5) .xl1 a:hover{
	color: #b60005;
	background: none;
}
.head2 ul li:nth-child(5):hover .xl1{
	display: block;
}
/*导航*/

/*轮播图*/
.head3{
display: none;
}
.swiper-pagination-bullet{
	background: white;
	opacity:1;
	width: 14px;
	height: 14px;
}
.swiper-pagination-bullet-active{
	background: #d7d7d7;
}


/*轮播图*/



/*底部*/

footer{
	background: #474747;
	position:relative;
}
#cnzz_stat_icon_1278247960{
    position:absolute;
    top:95%;
    left:49%;
}
.foot{
	min-width: 320px;
	max-width: 1200px;
	margin: auto;
}
.foot1{
	padding-top: 4%;
	padding-bottom: 2%;
	border-bottom: 1px solid #5e5e5e;
}
.foot1-1{
	width: 33%;
	float: left;
	margin-top: 1%;

}
.foot1-2{
	width: 33%;
	float: left;
}
.foot1-3{
    width: 27%;
	float: right;
}

.foot1-1 span{
	color: white;
	font-size: 24px;
	display: inline-block;
	margin-bottom: 3%;
}
.foot1-1 p{
	font-size: 14px;
	color: white;
    line-height: 2rem;
}
.foot1-2{
	border-left:#5e5e5e 1px solid ;
	border-right:#5e5e5e 1px solid ;
	padding: 4.2% 3%;
	text-align: center;
}
.foot1-2 img{
	width: 75%;
}
.foot1-3-1{
	text-align: center;
}
.foot1-3-1 span{
    color: white;	
    font-size: 22px;
}
.foot1-3-2{
	margin-top: 6%;
}
.foot1-3-2-1{
	text-align: center;
	width: 50%;
	float: left;

}
.foot1-3-2-1 p{
	font-size: 14px;
	color: white;
}
.foot1-3-2-1 img{
	width: 60%;
}
.foot2{
    min-width: 320px;
    max-width: 566px;
    margin: auto;
    padding: 1% 0;
}
.foot2 a{
    color: white;
    font-size: 12px;
    display: inline-block;
        float: left;

}
.foot2 a:nth-child(2){

}



/*移动端头部*/
.head7{
	position: relative;
	border-bottom: 1px solid #333;
	display: none;
}
.head4{
width: 46%;
padding: 1.5rem;
	float: left;
}
.head5{
    width: 6rem;
    padding: 1.3rem 1.5rem;
    float: right;
    margin-top: 1.8rem;
    box-sizing: content-box;
}
.head6 ul li{
	text-align: center;
	padding: 1rem;
}
.head6 {
        position: absolute;
    top: 100%;
    width: 100%;
    z-index: 3;
    background: black;
    display: none;
}
.head6 ul li{
    text-align: center;
    /* padding: 1rem; */
    width: 46%;
    float: left;
}
.head6 {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 3;
    background: black;
    display: none;
}

header{
	position: relative;
}
.head6 ul li a{
	color: white;
	font-size: 2.5rem;
}
.li1 img{
	width: 3.5rem;
}
.li1 span{
	font-size: 3.2rem;
	font-weight: 550;
	color: white;
}

.li1 div *{
	display: inline-block;
	vertical-align: middle;
}
/*移动端头部*/

/*移动端底部*/
.gd{
	position: fixed;
	width: 100%;
	background: #b60005;
	bottom: 0;
	z-index: 3;
	padding: 1.4rem 0;
	display: none;
}
.gd1{
	width: 45%;
	float: left;
	margin-left: 3%;
	text-align: center;
}
.gd1 a{
	color: white;
	font-size: 2.5rem;
}
.gd1 span{
	color: white;
	font-size: 3rem;
}
.gd1 *{

	vertical-align: middle;
}
.gd1 img{
	width: 20%;
}


/*移动端底部*/




@media screen and (max-width: 1200px) {
body{
	display: block;
}
.head7{
	display: block;
	width: 100%;
	position: fixed;
	background: #fff;
    top: 0px;
    z-index: 999999999999;
}
.head1{
	display: none;
}
.head2{
	display: none;
}
footer{
	display: none !important;
}
.gd{
	display: block;
}
.xf{
	display: none;
}
}
