/* loader */
.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:#912902}
/* header */
.header{width:100%;z-index:99;background:#fff;position:sticky;top:0;box-shadow:0 0 10px rgba(0,0,0,.2);}
header{width:98%;height:130px;max-width:1620px;max-width:max-content;margin:auto;position:relative;z-index:20;}
header .logo{display:block;margin-right:60px}
header .logo img{width:100%; max-width: 300px;}
header .nav{height:130px}/* width: calc(100% - 550px);*/
header .nav li{position:relative}
header .nav a{display:flex;align-items:center;justify-content:center;height:130px;width:105px;font-size:15px; text-transform: uppercase;}/* padding: 0 1.2vw; */
.bg:before{content:"";position:absolute;z-index:-1;display:block;width:100%;height:0;background:#912902;top:0;transition:.5s}
.bg:hover:before{height:130px}
.bg:hover a{color:#fff}
.bg.active:after{transform:scaleY(1);opacity:1}
.bg.active a{color:#fff}
.bg.active{background:#912902}
header .nav-ul2{position:absolute;top:100%;width:max-content;left:0%;background:#eee;transition:300ms;transform:translateY(-20px);opacity:0;visibility:hidden}
header .nav-ul2 a{width:100%;display:flex;align-items:center;justify-content:initial;position:relative;height:50px;overflow:hidden;font-size:14px;color:#333;box-sizing:border-box;padding:0 25px}
header .nav-ul2 a i{margin-right:5px;transform:translateY(1px);font-size:15px}
header li:hover .nav-ul2{transform:translateY(0);opacity:1;visibility:visible}
header .bg:hover .nav-ul2 a{color:#333}
header .bg .nav-ul2 a:hover{background:#912902;color:#fff}
.section{width:auto;min-width:auto;margin-left:20px}
.section a{width:90px;line-height:80px;font-size:12px;display:block;color:#838383;text-align:right}
.section .icon1{background:url(../pics/icon1.png) left center no-repeat}
.section .icon2{background:url(../pics/icon2.png) left center no-repeat;width:60px}
.section small{display: inline-block;margin-left:5px;width: 12px;height:10px;background:url(../pics/xiala.png) left center no-repeat;}
.section .ch_en{position:relative}
.section .link{position:absolute;top:100%;width:180px;left:-50%;background:#eee;transition:300ms;transform:translateY(40px);opacity:0;visibility:hidden}
.section .link a{width:100%;display:flex;align-items:center;position:relative;height:60px;overflow:hidden;font-size:14px;color:#333}
.section .link a img{width:30px;height:30px;padding:0 10px 0 15px}
.section .link a::before{content:"";position:absolute;right:15px;top:50%;margin-top:-3px;padding:1px;border-radius:100%;border:2px solid #999}
.section .ch_en:hover .link{transform:translateY(0px);opacity:1;visibility:visible}
.section .link a:hover{background:#912902;color:#fff}
.section .link a:hover::before{border-color:#fff}
.m-nav{display:none;font-size:28px;color:#912902;margin-right:20px;cursor:pointer}
.close-nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:#000;transition:0.5s;opacity:0;visibility:hidden}
/* banner */
.banner{position:relative}
.banner-bg img{width:100%;display:block}
.banner-info{position:absolute;bottom:0;text-align:right;width:100%;}
.banner-info .info{width: 100%;max-width:1200px;margin: 0 auto;font-size: 12px;color: #fff;line-height: 44px;}
.banner-info .info a,.banner-info .info a.active:hover{margin: 0 2px;font-size: 12px;color: #fff;}
.banner-info .info a.active{color: #fff;}
.nav-x{background:#f1f2f3}
.nav-x .info{width:100%;max-width:1200px;margin:0 auto}
.nav-x .info a{display:inline-block;width:200px;line-height:65px;text-align:center;box-sizing:border-box;position:relative;transition:0.2s}
.nav-x .info a i:before{content:"";width:7px;height:7px;display:inline-block;background:#fff;border-radius:50%;transition:0.6s;margin-right:0px;opacity:0;transform:scale(0) translateY(-2px)}
.nav-x .info a.active,.nav-x .info a:hover{color:#fff;background:#912902}
.nav-x .info a.active i:before,.nav-x .info a:hover i:before{opacity:1;transform:scale(1) translateY(-2px);margin-right:8px}
/* container */
.container{padding:80px 0 30px 0;width:100%;max-width:1200px;margin:0 auto}
.container img{width:100%;max-width:max-content;text-align:center}
.container p{font-size:15px;color:#494949;line-height:26px;margin:16px 0}

/* 按钮 */
.s-btn{position: relative;overflow: hidden;}
.s-btn::before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
}
.s-btn:hover::before {animation: btn1 .6s;z-index: 1;}
@keyframes btn1 {
	0% {
		background:rgba(0,0,0,.25);
		transform:translateX(-50%) translateY(-50%) scale(0)
	}
	to {
		background:0 0;
		transform:translateX(-50%) translateY(-50%) scale(1)
	}
}

/* 分页 */
.pagination{
	text-align: center;
	list-style: none;
	margin: 30px auto 10px;
	padding: 0;
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
}
.pagination li{
	display: inline-block;
	margin: 0 5px;
	font-size: 14px;
	border: none;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.pagination li a{
	display: flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	border-radius: 4px;
	color: #6e6e6e;
	background: #fff;
	/* padding: 12px 16px; */
	border: 1px solid #DCDCDC;
	min-width: 42px;
	min-height: 42px;
	padding: 0 12px;
}
.pagination li a:hover,.pagination li.active a{
	color: #fff;
	background: #912902;
	border: 1px solid #912902;
}
.pagination li.active a{cursor: not-allowed;}
.pagination li a:not([href]){cursor: not-allowed;}
.pagination strong{margin: 0 8px;}
/* footer */
footer{background:#f2f2f2;color:#494949;padding:20px;}
.footer1,.footer2,footer .copyright{width:100%;max-width:1122px;margin:auto;position:relative}
.footer1 img{display:block;margin:auto;width:100%}
.footer2 .menu{width:100%;max-width:500px;padding-bottom: 20px;}
.footer2 .menu .item{width:23%}
.footer2 .menu .item2{width:31%}
.footer2 .menu ul{border-top:1px solid #aaa;margin-top:3px}
.footer2 .menu a{font-size:14px;line-height:28px}
.footer2 .menu ul a{font-size:14px;color:#777}
.footer2 .menu a:hover{color:#0081CC}
.footer2 .form{width:100%;max-width:400px;}
.footer2 .form input,.footer2 .form textarea,.footer2 .form button{width:calc(100% - 32px);background:none;border:none;line-height:32px;font-size:13px;padding-bottom:2px}
.footer2 .form label{display:flex;align-items:center;border:1px solid #999;margin-bottom:10px}
.footer2 .form label i{color:#494949;font-size:15px;width:32px;min-width:32px;line-height:32px;text-align:center}
.footer2 .form textarea{width:80%;border:1px solid #999;padding:5px;line-height:1.2;height:70px}
.footer2 .form .button{width:20%;height:82px;cursor:pointer;text-align:center;color:#fff;background:#912902;transition:all .6s;opacity:0.8}
.footer2 .form .button i{font-size:35px;}
.footer2 .form .button:hover{opacity:1}
footer .copyright{position:absolute;bottom:0px;left:0;color:#777;font-size:13px;}
footer .copyright a{color:#777;font-size:13px;margin-left:5px}

@media screen and (max-width: 1300px) {
	header .logo { width: 30%;margin: 0 1%;}
	header .header-r { width: 68%; }
	header .nav{ width: calc(100% - 200px);}
}
@media screen and (max-width: 1200px) {
	.banner-info .info,.container,.footer1,.footer2,footer .copyright{padding-left:1%;padding-right:1%;box-sizing:border-box;}
}
@media screen and (max-width: 1100px) {
	header .header-r{width:68%}
	header .nav{width:calc(100% - 110px)}
	header .section{width:90px;min-width:90px;margin:0 10px}
	.section .link{left:initial;right:-10px}
	header .mail{display:none}
}
@media screen and (max-width: 950px) {
	header{width:100%;max-width:100%;height:70px}
	header .logo{width:64%;max-width:400px}
	header .m-nav{display: block;}
	header .header-r{position:fixed;height:100vh;left:-300px;top:0;bottom:0;display:block;width:280px;box-shadow:0 3px 5px #666;z-index:99;overflow-y:auto;background:#383838;transition:0.3s;}
	header .nav{width:94%;max-width:94%;margin:80px 3% 5px 3%;display:block;height:auto}
	header .nav ul{display:block}
	header .nav a{width:100%;height:auto;box-sizing:border-box;color:#fff;display:block;padding-left:12px;font-size:18px;line-height:48px}
	header .nav ul .nav-ul2{position:relative;opacity:1;visibility:visible;transform:translateY(0);background:transparent;width:100%;margin-bottom:10px;box-shadow:0px 3px 10px rgba(0,0,0,.2)}
	header .nav ul .nav-ul2 a{padding-left:20px;font-size:14px;line-height:36px}
	header .bg:hover .nav-ul2 a{color:#fff}
	header .nav-ul2 a:hover{text-decoration:underline}
	.bg::before{display:none}
	.bg.active{background:transparent;border-bottom:2px solid #912902}
	header .section{width:100%;min-width:100%;position:absolute;top:0;left:0;margin:0;display:block;height:60px}
	.section .ch_en{width:100%}
	.section .icon1{display:none}
	.section .link{position:relative;top:0;right:0;transform:translateY(0px);opacity:1;visibility:visible;width:100%;display:flex}
	.section .link a{width:50%}
	.section .link a::before{display:none}
	.footer2{width: 96%;margin: auto;flex-wrap:wrap;}
	.footer2 .menu,.footer2 .form{max-width: 100%;padding-bottom: 30px;}
	.pagination li{margin:0 2px}
	.pagination li a{min-width:36px;min-height:36px;padding:0 6px;font-size:12px}
}
@media (min-width: 1024px) {
	.flex-between-center{
		min-width: 1380px;
	}

}













@media (max-width:767px){
    .nav-x{
            max-width: 100%;
    overflow-x: scroll;
    }
    .nav-x .info{
        width:800px;
    }
	.flex-content{
		justify-content: flex-start;
	}
	.nav-x .info a {
		display: inline-block;
		width: auto;
		line-height: 65px;
		text-align: center;
		box-sizing: border-box;
		position: relative;
		transition: 0.2s;
		margin:0 5px;
		padding: 0 10px;
	}
}