@charset "utf-8";
.ld .x-header{ background: rgba(137,1,0,0.8); /* background:#78201f; */ position: relative; }
.ld .x-container{ overflow: hidden; }
.red.ld .x-header{  }
.w_60{ position: relative; margin:0 6%; height: 100%; }
/*.x-header .tools{ position: absolute; right: 0; top: 12px;}*/
.x-header .tools a{}
.x-header .tools .lang{}
.x-header .tools .login{ position: relative; display: inline-block; vertical-align: middle; cursor: pointer; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; }
.x-header .tools .login:before{ content: '\e601'; display: inline-block; width: 30px; border-radius: 50%; background-color: darkgray; font-size: 20px; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transition: color .3s, background .3s;
	-moz-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
}
/*.x-header .tools .login:hover{ color: coral;}*/
.x-header .tools .login:hover:before{ color: #fff; background-color: coral;}
/*.x-header{ position: relative; }*/
.x-footer .clear{width: 100%;padding: 0;}
.x-footer{ width: 100%; background:#251c1b; color:#fff; padding:16px 0}
.x-footer .link{}
.x-footer .link li{}
.x-footer .copy{}
.x-footer .ftbj{}
.x-footer a{}
.x-footer a:hover{ color: #909090;}
.x-footer .share-box{float: inherit;}
.x-footer .site{ /* position: absolute; left: 0; line-height: 54px; */ display: inline-block;padding-right: 10px;}
.x-footer .site em{ font-style:normal; padding:0 5px; }
.x-footer .share-box{ /* position: absolute; right: 0; top:15px; */ }
.x-footer .copy{ text-align: center; padding: 12px 0 8px; position: relative;  /* line-height: 54px;  padding-left: 190px;padding-right: 300px; */}
.x-footer .copy .s1{padding:0 10px;}
.x-footer .copy br {display: none;}
.x-footer .ba{text-align: center;padding-bottom: 20px;}
.x-footer .ftbj{ /* position: absolute; right: 65px; line-height: 54px; top:0; */ text-align: center;}
.x-footer .num{text-align: center;color: #fff;}
.x-footer .num .inner{display:inline-block;vertical-align: middle;margin-left:10px;}
.x-footer .num .inner i{display:inline-block;width:20px;height:28px;line-height:28px;text-align:center;background:#404040;margin:0 3px;font-style: normal;}

.ind_footer .x-footer{ position: absolute; bottom:0; left:0; z-index: 2;}

.header_nav{ position: fixed; width: 100%; height:100%; top:0; left:0; z-index: 1100; display: none; }
.header_nav .n{ height:100%; background-size: cover !important; width: 100%; text-align: center; }
.header_nav .n .ico{ padding-bottom: 80px; }
.header_nav .n .ico img{ display: block; height:169px; margin:0 auto; } 
.header_nav .ul{ display: inline-block; overflow: hidden;  }
.header_nav .ul .li{ float: left; padding:0 30px; }
.header_nav .ul .li .h3 a{ color:#e39a8a; font-size:18px; display: block; }
.header_nav .ul .li .h3{ padding:0 0 25px;  }
.header_nav .ul .li .a a{ color:#fff; line-height: 35px; display: block; }
.header_nav .n .close{ position: absolute; width: 100%; height:100%; top:0; left:0; }
.header_nav .n .close span{transition:all 0.3s; -webkit-transition:all 0.3s; letter-spacing: 0px; position: absolute; font-family: "xfont"; /* border:2px solid #fff;  */right: 10px; top:10px; color:#fff; font-size:40px; width: 60px; height:60px; line-height: 60px; text-align: center; border-radius: 50%; }
.header_nav .n .middle-cont{ position: relative; z-index: 2; }
.header_nav .n .close span:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.header_nav .ul .li .a a:hover,.header_nav .ul .li .a a.cur{ color:#e39a8a; }

.nav-mod .nav-lv1 .nav-item img{ height:18px; position: relative; top:-2px; padding-right:5px;  }

.ld-footer{ /* height:200px; */ }
.ld-footer .top{ text-align: center; position: relative; z-index: 5; }
.ld-footer .top .li{ float: left; width: 20%; height: 139px; }
.ld-footer .top .t2{ width: 100px; margin:0 auto; position: relative; top:45px; font-size:22px; line-height: 1.3; }
.ld-footer .top .a{ display: block; height:100%; }
.ld-footer .top .ico{ padding:30px 0 0; width: 83px; margin:0 auto; height: 60px; position: relative; }
.ld-footer .top .ico img{ display: block; width: 100%; }
.ld-footer .top .ico .i2{ position: absolute; top:30px; left: 0; z-index: 5; opacity: 0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.ld-footer .top .a:hover .ico .i2{ opacity: 1; }

.ld-footer .top .t3{ font-size: 18px; line-height: 1.2; position: relative; z-index: 5;} 
.ld-footer .box{padding-top: 16px; z-index: 5;position: relative;}
.x-footer a:hover{ color:#fff; }
.ld-footer .bot{ position: relative; z-index:6; }
.five_footer.active{ overflow: inherit !important; z-index: 10; }
.ld-footer .w{ position: relative; }
.ld-footer .line{ position: absolute; width: 100%; height:139px; top:0; left: 0; background:url(../images/five9.png) no-repeat center bottom; }
.ld-footer .bg{ position: absolute; bottom:0; left:-115px; z-index: 2;  }
.ld-footer .bg img{ display: block; width: 476px; }
@media screen and (max-width: 750px){
.x-footer .w_60 {margin: 0 !important;}
}


@media screen and (max-width: 1279px){
	
	.x-header{ height:75px; }
	.w_60{ margin: 0 auto; }
	.x-footer .w_60{ margin:0 25px; }

	
	.ld-footer .line{ background:none; border-bottom:1px solid #533e3c; } 
	.x-wrap{ width: 980px; }
	
	/*.x-header{ height: 150px;}*/

	.x-header .menu-head{ position: relative; height: 100%; z-index: 1;}
	.x-header .logo{ left: 25px; top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.menu-btn{ position: absolute; top: 50%; right: 0; width: 80px; height: 80px; overflow: hidden; text-align: center;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
		
	.menu-btn .line, .menu-btn .line:before, .menu-btn .line:after{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 40px; background:#fff; height:4px; border-radius: 10px;}
	.menu-btn .line{ top: 0; bottom: 0;
		-webkit-transition: border 0.3s;
		transition: border 0.3s;
	}
	.menu-btn .line:before, .menu-btn .line:after{ content: '';
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: transform 0.3s;
		transition: transform 0.3s;
	}
	.menu-btn .line:before{
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	.menu-btn .line:after{
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
	}
	.menu-open{ z-index: 1100;}
	.menu-open .line{ background: transparent;}
	.menu-open .line:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu-open .line:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	/*	mobile navigation */
	.menu-open .nav-mod{
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	

	.header_nav{ display: none !important; }
	.menu-btn.m-show{ display: block;}

	
	.p-show{ display: none;}
	
	.x-footer .share-box{ display: none; }
	.x-footer .ftbj{ right: 0; }
	.x-footer{ /*height:110px;*/ height:auto; /* padding:0 0 20px; */ }
	.x-footer .site{ /* padding-top: 10px; */ }
	.x-footer .site,.x-footer .ftbj,.x-footer .copy{ position: static; text-align: center; /* line-height: 30px; */ }
	.x-footer .copy{/* padding: 0; */}
	
	.ld-footer .top .ico{ height:80px; width: 60px; }
	.ld-footer .top .t3{ font-size: 16px; }
	
}
@media screen and (min-width: 751px) and (max-width: 1024px){
	body{ font-size: 12px; } 
	.ld .x-header{ position: absolute; width: 100%; }
	.ld .x-container{ margin-top: 75px; }

}
@media screen and (max-width: 1023px){
}

@media screen and (max-width: 750px){
	
	body{ font-size: 0.26rem; min-width: 320px; max-width: 750px; margin:0 auto; }
	.x-header{ height: 1.2rem;}
	.ld .x-container{ overflow: hidden; }
	.x-header, .x-footer, .x-container{ min-width: 0; }
	.x-footer{padding: 0.4rem 0;}
	.x-footer .copy .s1{padding: 0;display: block;}
	.x-footer .copy img{vertical-align: sub;margin-right: 0.1rem;}
	.x-footer .num{font-size: .3rem;}
	.x-footer .num .inner{margin-left: 0.1rem;}
	.x-footer .num .inner i{width: 0.4rem;height: 0.5rem;line-height: 0.5rem;margin: 0 0.05rem;}
	.x-wrap{ width: auto;}
	

	.gotop{ right: 0.2rem; bottom: 0.2rem; padding: 0.2rem;}


	.menu-btn{ width: 0.6rem; height:0.6rem; right: 0.2rem; }
	.menu-btn .line, .menu-btn .line:before, .menu-btn .line:after{ height: 0.04rem; width: 0.6rem; }
	.menu-btn .line:before{
		-webkit-transform: translateY(-0.15rem);
		transform: translateY(-0.15rem);
	}
	.menu-btn .line:after{
		-webkit-transform: translateY(0.15rem);
		transform: translateY(0.15rem);
	}

	.x-wrap{ width:100%; padding:0 0.25rem;}
	
	
	
	/*	mobile navigation */
	.share-box .icon-sinawb:after{ font-size: 0.5rem; }
	.nav-mod .nav-tit .arr{ width: 0.8rem; }

	
	.menu-open .line:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu-open .line:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	.gotop{ right: 0.2rem; bottom: 0.2rem; padding: 0.2rem;}
	
	.page-mod .page-box{ display: none;}
	.page-mod .page-more{ display:inline-block; border:1px solid; border-radius: 1rem; font-size: 0.28rem; padding: 0.1rem 0.3rem;}
	
	.pop-mod .pop-close{ right: 0.2rem; top: 0.2rem; width: 0.8rem; height: 0.8rem;}
	.pop-mod .pop-close:after{ content: '\e842';}

	.select-mod .select-btn{ padding: 0.1rem 0.8rem 0.1rem 0.2rem; height: 0.62rem;}
	.select-mod .select-btn:after{ content: '\e834'; top: 50%; bottom: auto; right: 0.2rem; height: auto; font-size: 1.5em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.select-mod .select-val{ visibility: hidden;}
	.select-mod .select-txt{ right: 0.8rem; padding: 0.1rem 0.2rem;}
	.select-mod .select-native{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0.1rem 0.2rem; width: 100%; height: 100%; display: block;}
	.select-mod .select-txt + .select-native{ left: auto; width: 0.8rem; opacity: 0;}
	.select-mod .squery-list{ padding: 0.2rem; padding-right: 0.1rem; min-height: 2rem;}
	.select-mod .squery-item{ padding: 0.05rem 0;}

	/* 移动端分页 */
	.page-mod .page-box{ display: none;}
	.page-mod .page-item{ margin: 0 0.05rem; min-width: 0.6rem; font-size: 0.32rem; line-height: 0.6rem;}
	.page-mod .page-item > a{ padding: 0 0.1rem; border-radius: 0.05rem;}
	.page-mod .page-input{ padding-right: 0.1rem; width: 1rem;}
	.page-mod .page-btn{ min-width: 0.8rem; padding: 0 0.1rem;}
	.page-mod .prev{ margin-right: 0.1rem;}
	.page-mod .next{ margin-left: 0.1rem;}
	.page-mod .jump{ float: none; display: table; vertical-align: top; margin: 0 auto; padding-top: 0.2rem; clear: both;}
	.page-mod .page-more{ display:inline-block; vertical-align: top; border:1px solid; border-radius: 1rem; padding: 0.1rem 0.3rem;}
	
	/* Slider */
	.slick-arrow{ width: 1rem; height: 1rem;}	
	.slick-arrow:after{ font-size: 2.5em;}
	.slick-prev{ left: 0.25rem;}
	.slick-next{ right: 0.25rem;}
	.slick-dots{ bottom: 0.2rem;}
	/*.slick-dots li{ margin: 0 0.1rem; padding: 0.1rem;}*/
	
	/* 移动端面包屑 */
	.bread-mod .bread-item + .bread-item:before{ padding: 0 0.1rem;}
	
	/* 移动端分享 */
	.share-box a.share-item{ margin: 0 0.1rem; width: 0.75rem; font-size: 0.5rem;}
	
	.share-item .code{ position: fixed; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; border-radius: 0; background-color: rgba(0,0,0,0.8); pointer-events: all;}
	.share-item .code::before, .share-item .code::after{ display: none;}
	.share-item .code img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 2rem; height: 2rem;}

	/*	*****************************************************  */

	.ld-footer .bg{ display: none; }
	.ld-footer .top { padding-bottom: 0.3rem; border-bottom: 1px solid #533e3c; }
	.ld-footer .top .li:nth-child(1){ width: 100%; height:auto; padding:0.5rem 0 0rem; }
	.ld-footer .top .li + .li{ width: 25%; height: auto; }
	.ld-footer .top .t2{ top:0; font-size:0.36rem; width: auto; }
	.ld-footer .top .ico{ width: 1.2rem; height:1.6rem; padding-top: 0.5rem; }
	.ld-footer .top .t3{ font-size:0.28rem; }
	.ld-footer .line{ display: none; }
	.x-footer .site, .x-footer .ftbj, .x-footer .copy{ line-height: 0.5rem; padding-left: 0;}
	 .x-footer .site br, .x-footer .ftbj, .x-footer .copy br {display: block;}
	.x-footer .site{ display: block;padding: 0;}
	.x-footer .copy{padding: 0.2rem 0 0.15rem;}
	.x-footer .w_60{margin: 0 0.3rem;}
}