@charset "UTF-8";
/*
***重置样式***
*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,pre,hr,table,th,td,form,input,button,textarea{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;}
i,em{font-style:normal;}
li,ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{overflow:auto;resize:none;}
label{cursor:default;}
button,input[type="button"], input[type="submit"]{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
a,a:hover,a:active{color:#333;text-decoration:none;}
input,textarea,button{ background:none;  border:none; outline:none; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif; font-size:12px; }
/*select{-webkit-appearance:none; appearance:none;}*/

/*
***全局公共样式***
*/
html {  font-size: 62.5%;}
body{font-size: 14px; font-size: 1.4rem;  color: #333;  margin: 0 auto;  font-family: 'Microsoft YaHei',Helvetica,Arial,sans-serif;  -webkit-tap-highlight-color: transparent;}
/*浮动*/
.fl ,.lt {  float: left;  }
.fr ,.rt {  float: right;  }
/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.clear {clear:both;}

/*placeholder 颜色*/
:-moz-placeholder { color: #666; }
::-moz-placeholder { color: #666;}
input:-ms-input-placeholder{ color: #666;}
input::-webkit-input-placeholder{ color: #666;}

/****主体宽度****/
/*头*/
.wrap{width:1200px;margin: 0 auto;}
.heand .banner{position:absolute}
.heand .wrap{position: relative;z-index: 99}
.nav{width: 210px;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 2;text-align: center;float: left}
.banner-tit{float: right;position: relative;top:280px}
.banner-tith1{font-size: 36px;color: #fff;text-align: right;}
.banner-tith1-box{position: absolute;top: 50px;right:50px;}
.banner{width: 100%;display: block; }
#banner{height:725px;}
#banner .banner{height:100%;}
.banner-phone img{display: block;width: 100%}
.nav .logo-box{background-color: rgb(150, 24, 12);padding-bottom: 40px}
.nav .logo{display: block;width: 50%;margin:0 auto;padding: 40px 0 15px 0 }
.nav h1{font-size: 26px;color: #fff;font-weight: 400}
.nav p{font-size: 12px;color:rgba(255,255,255,0.8);}
.navbot .navbot-span{display: inline-block;text-align: center;width: 35px;margin: 0 10px;position: relative;height: 35px;cursor: pointer}
.navbot .navbot-span:hover .img2{display: block}
.navbot .navbot-span:hover .img{display:none}
.navbot .navbot-span img{display: block;}
.navbot .navbot-span .img{position: absolute}
.navbot .navbot-span .img2{display: none}
.nav-list-box{margin:35px auto 25px;margin-bottom:0px;}
.nav-list-box .nav-list{height: 55px;line-height: 55px;}
.nav-list-box .nav-list.active{background: url("../image/index/icon.png") center;background-repeat: no-repeat}
.nav-list-box .nav-list:hover{background: url("../image/index/icon.png") center;background-repeat: no-repeat}
.nav-list-box .nav-list a{color: #f5f5f5;font-size: 14px}
.search{margin:8px auto 30px;width:85%}
.search .input{background-color: #35302b;line-height: 30px;height: 30px;padding: 5px;box-sizing: border-box;color: #666;display: inline-block;width: calc(100% - 50px)}
.search .submit{background-color: #35302b;line-height: 30px;height: 30px;color: #666;display: inline-block;width: 40px;text-align: center}
/*头结束*/
/*title*/
.title-all{text-align: center;margin-top:90px}
.title-all .fg{width: 80px;height: 3px;background-color:#96180c;display: block;margin: 0 auto}
.title-all h1{font-size: 32px;margin:10px auto;line-height: 1}
.title-all p{font-size: 28px;line-height: 1}


.foot{background-color: #000;margin-top:80px;padding: 20px 0}
.foot .foot-top{text-align: center}
.foot .foot-top span{background:url("../image/index/link.png");display: inline-block;width: 115px;height: 35px;line-height: 35px;text-align: center;background-size: 100%;background-repeat: no-repeat;color: #fff}
.foot .foot-top a{display: inline-block;margin-left: 15px;color: #999}
.foot-bottom{text-align: center;color: #999;border-top: 1px solid #999;margin-top: 15px;padding-top: 15px}
.foot-bottom p{margin-bottom: 10px;}


.phone-btn{display: none;width:50px;height:40px;background-color:#b81000;;float: right;margin-top: 5px}
.phone-btn span{display: block;width:60%;height:3px;background-color:#fff;margin:7px 20% 8px 20%}
.phone-nav-box .cont-box{display: inline-block;position: relative;top: -7px;}
.phone-nav-box .cont-box h1{font-size: 20px;color: #fff}
.phone-nav-box .cont-box p{font-size: 12px;color: #fff}
.phone-nav-box{background-color:rgb(150, 24, 12);height: 80px;padding-top: 15px;box-sizing: border-box}
.phone-nav-box .logo-box img{display: inline-block}
.phone-nav{display: none}

.pages{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
	}
	.pages a{
		text-align: center;
		font-size: 12px; 
		height: 25px;
		line-height: 25px;
		border: 1px solid #e5e5e5;
		margin: 0 3px;
		display: inline-block;
		color: #666666;
	}
	.pages a:hover{
		border: 1px solid #000;
		background:#000;
		color:#fff;
	}
	.pages strong:hover{
		border: 1px solid #000;
		background:#000;
		color:#fff;
	}
	.pages strong{
		text-align: center;
		font-size: 12px;
		width: 25px;
		height: 25px;
		line-height: 25px;
		border: 1px solid #e5e5e5;
		margin: 0 3px;
		display: inline-block;
		color: #666666;
	}
	.pages cite{
		font-style: inherit;
	}
@media(max-width:1219px){
    .wrap{width: 90%;}
    .nav .logo{padding: 20px 0 15px 0;}
    .nav .logo-box{padding-bottom: 20px}
    .nav-list-box {margin: 15px auto 10px;}
    .search {margin: 10px auto 25px;}
    .banner{height: 608px}
    .nav-list-box .nav-list{height: 45px;line-height: 45px}
    .nav h1{font-size: 24px}
    .banner-tit{ top: 200px;}
    .banner-tith1{font-size: 32px}

    .foot .foot-top a{margin-left: 10px}



}
@media(max-width:1023px){
	.phone-nav-box .cont-box{display: inline-block;position: relative;top: 0px;}
	.phone-nav-box .logo-box img{display:none}
	.logo{display: none}
.nav{display: none}
.heand{display: none}
.nav-phone{display: none;position: absolute;top:80px;width: 100%;text-align: center;background-color: #fff;z-index:9999;left: 0;}
.nav-phone a{display: block;line-height: 35px;line-height: 35px;background-color: #b81000;;border-bottom: 1px solid #fff;color: #fff}
.phone-btn{display: inline-block}
    .title-all{margin-top: 20px}
	
}

@media(max-width:767px){
    .wrap{width: 96%;}
	#banner{
		height:auto;
	}
}