header{ width: 100%; float: left; position: absolute; top: 0; z-index: 2; transition: all 0.3s ease-in-out;background: rgba(255,255,255,.5)}
header .logo{ margin: 10px 0 10px 46px; display: inline-block;}
header .logo img {width: 90%;}
header nav{ float: right; margin-top: 18px;position: relative;}
header nav ul{ float: left;}
header nav ul > li{ line-height: 53px; float: left; position: relative;}
header nav ul > li:last-child {margin-right: .2rem;}
header nav ul li a{ color: #000; float: left; text-transform: uppercase; padding: 0 19px; font-size: .16rem; font-weight: bold; transition: all 0.3s ease-in-out;}
header nav ul li a:hover { color: #e81a46; }
header nav ul li .sub{ display:none; width: 200px; left:0; top: 43px;  position: absolute; background:#3c3b43; padding: 10px 15px; box-sizing: border-box; border-radius: 5px; }
header nav ul li .sub a{ color: #fff; font-size: 14px;}
header nav ul li .sub a:hover{ opacity: .7;}
header nav ul li .sub li{ line-height: .4rem;}
header nav ul li .sub::after{ content: "";width:0; position: absolute;  top: -5px; left: .3rem; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #3c3b43; transition: all 0.3s ease-in-out;}
/*header:hover{ background: rgba(255,255,255,.5)}*/
header nav ul li a.cur{ color: #e81a46;}
header nav ul li.nLi{ padding-right: 25px;}
header nav ul li.nLi::after{ content: ""; width:0; position: absolute; top: 50%; transform: translateY(-50%); left: 72%; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #3c3b43;}
header nav form{ float: left; margin-top: 8px; border: 1px solid transparent;position: relative;}
header nav form .none{ display: none;}
header nav form input{ width: 0; position: absolute; border: none; height: .36rem; right: .36rem; transition: all 0.5s ease-in-out;  box-sizing: border-box; float: left;}
header nav form.show-input input { width: 200px; padding: 5px .2rem; line-height: 26px; background: rgba(255, 255, 255, .95);border: 1px solid #ddd;}
header nav .button-icon{ background: none; width: .36rem; height: .36rem; line-height: .36rem; border: none; float: left; font-family: "iconfont"; text-align: center; font-size: .16rem; font-weight: bold;}
header nav .show-input .button-icon{ background: rgba(255, 255, 255, .7);}
header nav .show-input{ border-color: rgba(232, 26, 70, .7);}
header nav .language{ line-height: 53px; float: left; position: relative;}
header nav .language a { font-weight: bold; color: #000; font-size: .14rem;}
header nav .language a:hover { color: #33506e; }
header .menu { display: none; }
.menu-close {display: none;}
.nav-logo { display: none; }
/* banner */
.banner{ width: 100%; display: block; overflow:hidden; position:relative; font-size: 0; background-color: #000;}
.banner .hd{ display: none;}
.banner .bd{ position: relative; width: 100%; display: block;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd .img{ width: 100%; display: block;}
.banner .bd .img img{ max-width: 100%;}
.banner .bd li.banner01 .text{ width: 9.5rem; height: 3.6rem; background: rgba(232, 26, 70, .2); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.banner .bd li.banner01 .text span{ display: inline-block; margin: .9rem 0 0;font-family: antuohangshu, fangzhengcusong; line-height: 1.5; font-size: .64rem;font-weight: bold; padding: 0 .24rem; text-transform: uppercase; position: relative; opacity: 0; color: #000; text-shadow: 1px 0px 0px #fff,-1px 0px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff; }
.banner .bd li.banner01 .text h2{ font-size: .48rem; color: #000; width: 100%;font-family: antuohangshu; line-height: 82px; margin: 0 0 12px; text-transform: uppercase; opacity: 0; text-shadow: 1px 0px 0px #fff,-1px 0px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff;}
.banner .bd li.banner01 .text a{ line-height: .48rem; border-radius: .48rem; padding: 0 .36rem;font-family: antuohangshu, fangzhengcusong; display: inline-block; background: #fff; color: #33506e; font-size: .16rem; text-transform: uppercase;  opacity: 0;  transition: background 0.3s ease-in-out,color 0.3s ease-in-out; }
.banner .bd li.banner01 .text a:hover{ background: #000; color: #fff;}
.banner .bd li.banner02 .text{ position: absolute; top: 50%; left: 1.72rem; transform: translateY(-50%);}
.banner .bd li.banner02 .text span{ display: inline-block; margin: 0;font-family: antuohangshu, fangzhengcusong; line-height: 1.5; font-size: .64rem; text-transform: uppercase; position: relative;}
.banner .bd li.banner02 .text span {
    padding: 0 10px;
    display: inline-block;
    margin: 0;
    font-family: antuohangshu, fangzhengcusong;
    line-height: 1.4;
    background: #e81a46;
    font-size: .2rem;
    padding: 0 .35rem;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    font-size: .42rem;
}
.banner .bd li.banner02 .text h2{ font-size: .48rem; color: #0b0b0b; width: 100%; line-height: .58rem; text-transform: uppercase; font-family: "AvantGarde-Md-BT";}
.banner .bd li.banner02 .text h2 .tit01{ color: #33506e;font-family: antuohangshu;line-height: 1;margin-top: .32rem; font-weight: bold; display: block;}
.banner .bd li.banner02 .text h2 .tit02{ color: #33506e;display: block;font-family: antuohangshu;line-height: 1.5;}
.banner .bd li.banner02 .text h2 .tit03{ display: block;font-family: antuohangshu;}
.banner .bd li.banner02 .text a { line-height: .48rem;font-family: antuohangshu; border-radius: .48rem; margin-top: .3rem; padding: 0 .36rem; display: inline-block; background: rgba(11, 11, 11, .26); color: #000; font-size: .16rem; text-transform: uppercase; transition: background 0.3s ease-in-out,color 0.3s ease-in-out;}
.banner .bd li.banner02 .text a:hover{ background: #e81a46; color: #fff;}
.banner .bd li .text a i{ font-family: iconfont; margin-left: 10px; font-size: 18px; font-weight: bold;}
.banner .bd li.banner03 .text{ width: 9.5rem; height: 4.1rem; background: rgba(232, 26, 70, .2); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.banner .bd li.banner03 .text span{ display: inline-block; margin: .9rem 0 0;font-family: antuohangshu, fangzhengcusong; line-height: 1.5; font-size: .64rem;font-weight: bold; padding: 0 .24rem; text-transform: uppercase; position: relative; opacity: 0; color: #000; text-shadow: 1px 0px 0px #fff,-1px 0px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff; }
.banner .bd li.banner03 .text h2{ font-size: .48rem; color: #000; width: 100%;font-family: antuohangshu; line-height: 82px; margin: 0 0 12px; text-transform: uppercase; opacity: 0; text-shadow: 1px 0px 0px #fff,-1px 0px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff;}
.banner .bd li.banner03 .text a { line-height: .48rem;font-family: antuohangshu; border-radius: .48rem; margin-top: .3rem; padding: 0 .36rem; display: inline-block; background: #fff; color: #000; font-size: .16rem; text-transform: uppercase; transition: background 0.3s ease-in-out,color 0.3s ease-in-out;}
.banner .bd li.banner03 .text a:hover{ background: #e81a46; color: #fff;}
.banner .bd li.banner03 .text h2 .tit01{ color: #33506e;font-family: antuohangshu;line-height: 1;margin-top: .32rem; font-weight: bold; display: block;}

.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; background-color: rgba(255,255,255,.6); margin-top:-25px; display:block; width:.5rem; height:1rem; line-height: 1rem; font-family: iconfont; color: #000; text-align: center; font-size: .3rem; font-weight: bold; filter:alpha(opacity=70); opacity:.7; }
.banner .next{ left:auto; right:3%; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }


.loader {
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}
.loader .spinner {
	width: 40px;
    height: 40px;
    position: relative;
    margin: 0px auto;
    top: 50%;
    margin-top: -.2rem;
}
.double-bounce1, .double-bounce2 {
	width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #da251c;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
    animation-delay: -1.0s;
}
@keyframes sk-bounce {
0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
}
50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
}
@media (max-width: 480px) {
.banner, .banner .bd, .banner .bd ul, .banner .bd ul li, .banner .bd .img {
	height: 4.5rem;
}
.banner .bd .img img {
	object-fit: cover;
	object-position: 66% 50%;
	width: 6.4rem; height: 4.5rem;
}
.banner .bd li.banner01 .text {
	width: 90%; height: 90%;
}
.banner .bd li.banner01 .text span {
	margin-top: 34%;
	font-size: .42rem;
}
.banner .bd li.banner01 .text h2 {
	line-height: 1.5;
	font-size: .24rem!important;
	margin-top: .15rem;
}
.banner .bd li.banner01 .text a {
	padding: 0 .24rem;
}
.banner .bd li.banner02 .text {
	left: 5%;
	width: 90%; height: 90%;
	box-sizing: border-box;
	text-align: center;
}
.banner .bd li.banner02 .text span {
	margin-top: 34%;
	display: inline-block;
	width: 2.15rem;
	padding: 0;
	font-size: .34rem;
}
.banner .bd li.banner02 .text h2 {
	font-size: .2rem;
	line-height: 1.5;
	width: 2.15rem;
	text-align: left;
}
.banner .bd li.banner02 .text h2 .tit01 {
	font-size: .24rem;
	margin-top: .22rem;
	margin-bottom: .1rem;
	color: #333;
}
.banner .bd li.banner02 .text h2 .tit02 {
	font-size: .24rem;
	color: #333;
}
.banner .bd li.banner02 .text a {
	margin-top: .15rem;
	background-color: #bdbdbd;
}
.banner .prev, .banner .next {
	background-color: transparent;
}
.banner .prev {
	left: 0;
}
.banner .next {
	right: 0;
}
header .logo {
	margin: 0;
	padding: .1rem;
	box-sizing: border-box;
	max-height: .8rem;
	display: inline-block;
}
header .logo img {
	height: .5rem;
	width: auto;
}
header .menu {
	/*width: 0;*/
	display: block;
	position: absolute;
	right: 0.2rem; top: 50%;
	transform: translateY(-50%);
	font-size: .3rem;
}
header nav {
	width: 0; height: 96vh;
	margin: 0;
	overflow: hidden;
	transition: all .6s ease-in-out;
	position: absolute;
	top: 2vh; left: 5vw;
	background-color: #fff;
}
header .open {
	width: 90vw; height: 96vh;
	box-shadow: 0 0 .5rem 3vh #000;
}
.nav-logo {
	display: block;
	width: 2.2rem;
	position: absolute;
	top: .1rem; left: .16rem;
}
header .menu-close {
	position: absolute;
	right: 0; top: 0;
	padding: .1rem;
	background-color: rgba(0, 0, 0, .08);
	font-size: .24rem;
	display: block;
}
header nav ul {
	width: 100%; height: 100%;
	padding: 15vh 8% 0;
	box-sizing: border-box;
}
header nav ul > li {
	width: 100%; height: 10%;
	border-bottom: 1px solid #33516f;
	padding-left: .2rem;
	box-sizing: border-box;
	min-height: .54rem;
}
header nav ul > li:first-child {
	border-top: 1px solid #33516f;
}
header nav ul li .sub {
	display: none;
	opacity: 0;
}
header nav ul li.nLi {
	padding-right: 0;
}
header nav ul li.nLi::after {
	display: none;
}
header nav ul li a {
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
	width: 100%;
	display: block;
	position: relative;
	padding: 0;
}
header nav .language {
	position: relative;
	height: 100%; width: 100%;
	display: inline-block;
}
header nav .language a {
	display: inline-block;
}
header nav form {
	display: none;
}
header nav form input {
	left: .4rem;
	height: 5vh;
}
header nav form.show-input {
	border: 0;
}














}