/*边距*/
.pd2{padding: 2.5%;}
.pdlr2{padding-left: 2.5%;padding-right: 2.5%;}
.pdtb2{padding-top: 2.5%;padding-bottom: 2.5%;}
.pdtb4{padding-top: 4%;padding-bottom: 4%;}
.pd0{padding:0;}

/* 遮罩 */
.mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	overflow: hidden;
	z-index: 2;
}

.main{width:100%;margin:0 auto;transition: all 1s; -webkit-transition: all 1s;position:relative;}


.hx{width: 100%;height: 1px;background: #eaeaea;}

.header{position: fixed;width: 100%;height:80px;background:#fff;top: 0px;z-index: 100;margin: auto;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.header .container{height:100%;width:1400px;margin: 0 auto;}
.header-height{height:80px;}
.header-wrap{position: relative;width: 100%;height: 100%;margin:0 auto;}
.header-logo{float:left;width: auto;height: 100%;padding:12px 0;}
.header-logo a{float:left;height:100%;}
.header-logo img{width:auto;height: 100%;float:left;}
.header-logo .m-logo{display: none;}

.header-icon{float:right;margin-top:30px;}
.header-icon .icon{float:left;width:36px;height:36px;border-radius:50%;background:#e5e5e5;margin-left:20px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header-icon .icon a{display:block;width:100%;font-size:14px;color:#fff;line-height:16px;padding:10px 0;text-align:center;font-family:"Arial";}
.header-icon .icon a img{display:block;width:16px;height:16px;margin:0 auto;}
.header-icon .icon:hover{background:#ab0006;}
.header-icon .icon.headernav-btn{display:none;background:#ab0006;}
.header-icon .icon.headernav-tel{background:#ab0006;display: none;}

/*侧边导航*/
.nav-bj{position:fixed;width: 100%;right: 0px;top: 0px;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 200;display: none;}
.nav{float: right;transition: all .6s;width: 1046px;}
.nav-title{border-bottom: solid 2px #ab0006;height: 64px;padding: 0 3%;background: #fff;position: relative;z-index: 205;display:none;}
.nav-title h3{font-size: 18px;line-height: 62px;color: #000;}
.nav-close{display: inline-block;width: 24px;height:24px;margin-top:20px;}

.nav-ul .nav-first{float:left;margin-right:40px;position:relative;
    -webkit-perspective: 60px;
    -moz-perspective: 60px;
    -ms-perspective: 60px;
    perspective: 60px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 9999;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;}
.nav-ul .nav-first h3{float:left;}
.nav-ul .nav-first h3 a{float:left;font-size:14px;color: #333333;line-height:80px;font-family:"Microsoft YaHei","微软雅黑";transition: all .3s;position:relative;}
.nav-ul .nav-first h3 a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ab0006;transform:scaleX(0);transition: all .3s;}
.nav-ul .nav-first h3 .more{display:none;}
.nav-ul .nav-first h3 .more{display:block;width:20px;height:100%;position:absolute;top:0;right:-20px;cursor: pointer;}
.nav-ul .nav-first h3 .more i{display:block;float:right;width:20px;height:100%;background:url(../images/icon-down04.png) no-repeat center;background-size:9px;transition: all .6s;}

.nav-ul .nav-first:hover h3 a{color:#ab0006;}
.nav-ul .nav-first:hover h3 a:after{transform:scaleX(1);}
.nav-ul .nav-first.cur h3 a{color:#ab0006;}
.nav-ul .nav-first.cur h3 a:after{transform:scaleX(1);}

.nav-ul .nav-btn{padding-top: 15px;}
.nav-ul .nav-btn a{display:inline-block;padding:0 20px;height:30px;line-height:30px;text-align:center;background:#ab0006;color:#fff;font-size:14px;border-radius:3px;margin-right:10px;}

/* 二级菜单 */
.second-nav{position:absolute;top:80px;left: 50%; margin-left: -90px;width:180px;background:#f2f2f2;opacity:0;text-align: center;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-63deg);
    -moz-transform: rotateX(-63deg);
    -ms-transform: rotateX(-63deg);
    transform: rotateX(-63deg);
    -moz-backface-visibility:visibility: hidden;;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 9999;
    transition: all .3s;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.second-nav .nav-sec{float:left;padding:0 10px;width:100%;}
.second-nav .nav-sec h5{float:left;width:100%;position:relative;}
.second-nav .nav-sec h5 a{float:left;width:100%;text-align: center;font-size:14px;color: #333;line-height:56px;font-family:"Microsoft YaHei","微软雅黑";height:56px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all .3s;}
.second-nav .nav-sec h5 a .icon{float:left;margin-right:8px;width:32px;height:32px;margin-top:12px;border-radius:50%;border:#ab0006 solid 1px;padding:6px;}
.second-nav .nav-sec h5 a .icon img{display:block;width:100%; }
.second-nav .nav-sec h5 a span{display: flex;width: 100%;justify-content: center;}    
.second-nav .nav-sec h5 .more{display:block;width:20%;height:56px;position:absolute;top:0;right:0;cursor: pointer;}
.second-nav .nav-sec h5 .more i{display:block;float:right;width:32px;height:100%;background:url(../images/icon-right04.png) no-repeat center;background-size:9px;transition: all .6s;}
.second-nav .nav-sec:hover{background:#fff;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.second-nav .nav-sec:hover h5 a{color:#ab0006;}

.nav-ul .nav-first:hover .second-nav{
    opacity:1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    transition: all .3s;
}

@media(max-width:1440px){
	.header .container{width: 1300px;}
	.nav{width: 974px;}
	.nav-ul .nav-first{margin-right: 32px;}	
}

@media(max-width:1350px){
	.header .container{width: 1200px;}
	.nav{width: 956px;}
	.nav-ul .nav-first{margin-right: 30px;}	
}
@media(max-width:1201px){
	.header .container{width: 1080px;}
	.nav{width: 920px;}
	.header{height:80px;}
    .header-height{height:80px;}
    .header-logo{padding:9px 0;}
	.nav-ul .nav-first{margin-right: 26px;}	
	.header-logo .m-logo{display: block;}
	.header-logo .pc-logo{display: none;}
	.nav-ul .nav-first h3 .more{width: 40px;}
  /*  .nav{width:626px;} */
 
    .nav-ul .nav-lst h3 a{line-height:80px;}
}
@media(max-width:1080px){
	.nav{width: 970px;}
}

@media(max-width:1024px){
	.header{height:64px;padding:0 2.5%;}
	.header .container{width: 100%;}
	.header-height{height:64px;}
	.header-logo .m-logo{display: none;}
	.header-logo .pc-logo{display: block;}
	.header-logo{padding:8px 0;}

    .header-icon{margin-top:14px;}
	.header-icon .icon.headernav-btn{display:block;}
	
	.nav{float:none;margin-right:0;position: fixed;width:80%;height: 100%;background: #fff;left:-100%;top: 0px;z-index: 201;transition: all .6s;}
	.nav.in{left: 0px;overflow-y: auto;}
	.nav-title{display:block;}
	.nav-ul{width:100%;}
	
	.nav-ul .nav-first h3 .more.open i {transform: rotate(-180deg);}
	.second-nav .nav-sec h5 a span{justify-content: flex-start;}
	
	.nav-ul .nav-first{float:left;width:100%;margin:0;
		-webkit-perspective:0;
		-moz-perspective:0;
		-ms-perspective:0;
		perspective:0;
		-webkit-transform-style:flat;
		-moz-transform-style:flat;
		-ms-transform-style:flat;
		transform-style:flat;}
	.nav-ul .nav-first h3{width:100%;padding:0 3%;height:48px;border-bottom:#ddd solid 1px;}

	.nav-ul .nav-first h3 a{width:80%;padding:0;font-size: 16px;line-height: 48px;margin-top:0;margin-bottom:0;}
	.nav-ul .nav-first h3 a:after{display:none;}
	.nav-ul .nav-first:hover h3 a{color:#333;}
	.nav-ul .nav-first.cur h3 a{color:#ab0006;}
	.nav-ul .nav-first h3 .more{top: 0;right: 0;padding: 0 3%;height: 48px;}

	/* 二级菜单 */
	.second-nav{display:none;position:relative;top:0;left:0;margin-left: 0;width:100%;opacity:1;float:left;background:#f5f5f5;
		-webkit-transform: rotateX(0);
		-moz-transform: rotateX(0);
		-ms-transform: rotateX(0);
		transform: rotateX(0);
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.second-nav .nav-sec{float:left;width:100%;padding:0 5%;border-bottom:#ddd dashed 1px;}
	.second-nav .nav-sec h5{float:left;width:100%;height:48px;position:relative;}
	.second-nav .nav-sec h5 a{float:left;width:80%;font-size:14px;color: #333;line-height:48px;font-family:"Microsoft YaHei","微软雅黑";height:40px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all .3s;}
	.second-nav .nav-sec h5 .more{height:48px;}
	.second-nav .nav-sec h5 a .icon{display:none;}
	.second-nav .nav-sec h5 a span{float:left;}
	.second-nav .nav-sec:hover{background:none;-webkit-box-shadow:none;box-shadow:none;}
	.second-nav .nav-sec:hover h5 a{color:#333;}
	
	.header-icon .icon.headernav-tel{display: block;}
}

@media(max-width:640px){
	.header{height:48px;}
	.header-height{height:48px;}
	.header-logo{padding:8px 0;}
    
   .header-icon{margin-top:8px;}
   .header-icon .icon{width:32px;height:32px;margin-left:12px;}
   .header-icon .icon a{padding:8px 0;}
   
	/* .nav-ul{padding:0 5%;} */
    .nav-ul .nav-lst h3 a{font-size: 14px;}
	.nav-title{height: 48px;}
	.nav-title h3{line-height: 46px;}
    .nav-close{width:18px;height:18px;margin-top:15px;}
}

/* 底部 */
.footer{width:100%;margin:0 auto;background:#f1f1f1;}
.footer .containerbox {border-bottom: 1px solid #e0e0e0;padding: 40px 0;}
.footerbox{width: 100%;position: relative;}
.foot-nav{width:62%;margin: 0 auto;padding-bottom: 35px;border-left: 1px solid #e0e0e0;padding-left: 6%;}
.foot-nav dl{float:left;width:26%;}
.foot-nav dl:first-child{width:21%;}
.foot-nav dl:last-child{width:16%;}

.foot-nav dl dt{float:left;width:100%;position:relative;}
.foot-nav dl dt a{float:left;width:100%;}

.foot-nav dl dt a p{float:left;width:100%;font-size:14px;color:#000;line-height:36px;font-weight:bold;}
.foot-nav dl dt a i{display: none;float:right;width:20px;height:42px;background:url(../images/icon-down01.png) no-repeat center;background-size:15px;}

.foot-nav dl dd{float:left;width:100%;margin-top:10px;}
.foot-nav dl dd a{font-size: 14px;color:#999;display:block;font-family:"微软雅黑";width:100%;line-height:22px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.foot-nav dl dd:hover a{color:#333;transition: all 0.3s;-webkit-transition: all 0.3s;}

.foot-tel{position: absolute;left: 0;top: 0;width: 19%;}
.foot-tel h3{font-size: 14px;line-height: 36px;color: #000;font-weight: bold;}
.foot-tel h4{margin-bottom: 24px;font-size: 24px;line-height: 36px;color: #000;font-family: "Arial";}
.foot-tel .icon{width: 100%;}
.foot-tel .icon .icon-item{width: 40px;height: 40px;display: block;
	opacity: 0.55;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.foot-tel .icon .icon-item img{width: 25px;height: 25px;}
.foot-tel .icon .icon-item:hover{
	opacity: 1;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(100);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}

.foot-code{position: absolute;right: 0;top: 0;width: 19%;}
.foot-code h3{font-size: 14px;line-height: 36px;color: #000;font-weight: bold;}
.foot-code  .code-img{margin-top: 10px;width: 108px;height: 108px;padding: 5px;background: #fff;}
.foot-code  .code-img img{width: 100%;}

@media (max-width:1201px) {
	.foot-tel h4{font-size: 20px;}
}

@media (max-width: 1024px){
    .footer{padding:0 0 20px 0;}
	.footer .containerbox{padding: 0;padding-bottom: 20px;}
	.footerbox{display: flex;flex-wrap: wrap;}
    .foot-nav{width:100%;padding:20px 0;border: 0;}
    .foot-nav dl{width:100%;margin:0;}
	.foot-nav dl:first-child{width: 100%;}
    .foot-nav dl:last-child{width:100%;}
    .foot-nav dl dt{margin-bottom:0px;border-bottom:#ccc solid 1px;}
    .foot-nav dl dt a span.icon{width:24px;margin-bottom:0;margin-top:9px;margin-right:4px;opacity:0.8;}
    .foot-nav dl dt a span.icon img{width:24px;height:24px;}
    .foot-nav dl dt a p{width:60%;line-height:42px;text-align:left;font-size:12px;}  
    .foot-nav dl dt a i{display:block;}

    .foot-nav dl dd{display:none;padding:0 2.5% 0 28px;}
    .foot-nav dl dd a{line-height:28px;height:28px;text-align:left;font-size: 12px;}
	
	.foot-tel,.foot-code{position: relative;left: auto;right: auto;width: 50%;}
	.foot-tel h3,.foot-code h3{font-size: 12px;line-height: 24px;}
	.foot-tel h4{margin-bottom: 0;font-size: 18px;line-height: 28px;}
	
	.foot-code .code-img{width: 80px;height: 80px;margin-top: 5px;}
	.foot-code h3{text-align: center;}
	
	.foot-tel .icon .icon-item{
		opacity: 1;
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(100);
		-o-filter: grayscale(0);
		filter: grayscale(0);
		filter: none;
	}
 }
 
 
/* 底部版权 */
.footer-bottom{width:100%;background:#f1f1f1;height:62px;}
.copyright{font-size:14px;color:#999;line-height:62px;float:left;width:100%;}
.copyright .cp-left{float:left;margin-right:5px;}
.copyright .cp-right{float:right;}
.copyright p{line-height:62px;}
.copyright a{color:#999;transition: all 0.3s;-webkit-transition: all 0.3s;}
.copyright a:hover{color: #fff;}

@media(max-width:1024px){
    .footer-bottom{height:auto;}
    .copyright{line-height:24px;float:none;font-size:12px;}
    .copyright .cp-left{float:none;text-align:center;width:100%;margin-right:0;}
    .copyright .cp-right{float:none;text-align:center;width:100%;}
    .copyright p{line-height:24px;}
}



@media (min-width: 1200px){
    .container{width: 1200px;padding: 0;}
 }
 
@media(max-width:991px){
    .container{padding:0 2.5%;width:100%;}

 }
 

/*页码*/
.list-more{width:100%;margin-top:20px;display:none;}
.list-more a{display:block;width:120px;height:40px;margin:0 auto;border:#dedede solid 2px;border-radius:20px;font-size:12px;color:#888;text-align:center;line-height:36px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.list-more a:hover{background:#0000d3;border:#0000d3 solid 2px;color:#fff;transition: all 0.6s;-webkit-transition: all 0.6s;}

.page01 { text-align:center; width:100%;margin-top:30px;}
.page01 a{display:inline-block;zoom:1;*display:inline;padding:0 16px;height:40px;line-height:40px;margin-left:4px; margin-right:4px;color:#999;font-size: 12px;cursor: pointer; text-align:center;}
.page01 .current{ color:#fff;background:#0000d3; }
.page01 a:hover{color:#fff;background: #0000d3; }
.page01 input{display:inline-block;zoom:1;*display:inline;width:60px;padding:0 8px;height:40px;border:none;background:#f3f3f3;}
.page01 input.go{border:#0000d3 solid 2px;color:#0000d3;}
.page02 { float:left;width:100%; height:45px; line-height:45px; text-align:center;color:#333; font-size:16px; background:#f8f8f8; margin-top:20px; display:none;}

@media (max-width: 1024px){
    .list-more{display:block;}
    .page01{display:none;}
}

/* 三角形 */
.arrow{
	position: absolute;
    width: 0;
    top: -14px;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 28px solid #f5f5f5;
    left: 50%;
    transform: translateX(-50%);
}

/* 查看更多 */
.more{width: 100%;display: flex;justify-content: center;}
.more a{width: 132px;height: 48px;display: block;border: 1px solid #e0e0e0;font-size: 14px;line-height: 46px;color: #999;text-align: center;}
.more a:hover{color: #fff;background: #ab0006;}

@media (max-width:1024px) {
	.more a {height: 32px;line-height: 30px;width: 90px;font-size: 12px;}
}