body{overflow-x: hidden;}
/*top*/
header{background: url("../images/top_bg.png") left top no-repeat;height: 100px;position: absolute;top:0;left:0;z-index:9;width: 100%;background-size: cover;}
header .logo{margin-left: 100px;width:240px;height:100px;}
header .logo a{background: rgb(215,23,24);display: block;width:240px;height:100px;text-align: center;line-height: 100px;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
header .logo a:hover{background: #9b0c0d;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
header .logo a img{display: block;padding:26px 20px;}
header .nav-btn{width: 100px; height: 100px; background: #191919; float: left;position: relative;}
header a.lang{position: absolute;right: 5%;top: 40px;color: #fff;}
header a.lang:hover{color: #9b0c0d;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
header .nav-btn .nav-btn-icon{margin:0 auto;}
header .nav-btn-icon,header .nav-btn-icon:before,header .nav-btn-icon:after{background-color: #fff;}
@media only screen and (max-width: 1366px){
	header{height: 80px;}
	header .nav-btn{width: 80px; height: 80px;}
	header .logo{margin-left: 80px;width:192px;height:80px;}
	header .logo a{display: block;width:198px;height:80px;text-align: center;line-height:80px;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
	header .logo a img{width:158px;height:36px;padding:22px 20px;}
	header .nav-btn{top:0px;}
	header a.lang{top:25px;}
}
header.index{position: fixed;z-index: 1;width: 100%;top: 0;left: 0;right: 0;}

/*nav*/
.nav-btn-icon{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position: absolute;height: 1px;width: 38px;top: 10px;background-color: #666;border-radius: 0;top: 48px;left: 30px;}
.nav-btn-icon:before{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position: absolute;width: 38px;height: 1px;background-color: #666;content: "";top: -8px;border-radius: 0;}
.nav-btn-icon:after{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position: absolute;width: 38px;height: 1px;background-color: #666;content: "";top: 8px;border-radius: 0;}
@media only screen and (max-width: 1366px){
	.nav-btn-icon{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position: absolute;height: 1px;width: 38px;top: 10px;background-color: #666;border-radius: 0;top: 38px;left: 20px;}
}
.nav-btn.open .nav-btn-icon{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out; background: transparent;}
.nav-btn.open .nav-btn-icon:before {transform: rotateZ(45deg) scaleX(1.25) translate(5px, 7px);}
.nav-btn.open .nav-btn-icon:after {transform: rotateZ(-45deg) scaleX(1.25) translate(3px, -5.5px);}
.nav-bar{height:100%;width: 380px;background: rgba(0,0,0,.8);position: fixed;top: 0;bottom: 0;left: -380px;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index: 11;}
.nav-bar.active{left: 0;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.nav-bar-warpper{position:relative;}
.nav-logo{width: 320px;margin: 20px 0 10px 0;display: block;text-align: center;}
.nav-close-btn{position: absolute;top: 0px;right: 16px;width: 15px;height: 15px;}
.nav-close-btn span{height: 2px;width: 15px;top: 10px;background-color: #f1f1f1;border-radius: 0;}
.nav-close-btn span:before{position: absolute;width: 15px;height: 2px;background-color: #f1f1f1;content: "";top: -3px;border-radius: 0;transform: rotateZ(45deg) scaleX(1.25) translate(5px, 7px);}
.nav-close-btn span:after{position: absolute;width: 15px;height: 2px;background-color: #f1f1f1;content: "";top: 13px;border-radius: 0;transform: rotateZ(-45deg) scaleX(1.25) translate(3px, -5.5px);}
.nav-close-btn:hover span:before{background-color: #d00;}
.nav-close-btn:hover span:after{background-color: #d00;}
ul.nav-ul-level-1{margin-top: 20px;}
ul.nav-ul-level-1 li{line-height: 90px;text-indent: 4em;position: relative;}
ul.nav-ul-level-1 li a{color: #fff;font-size: 16px;display: block;}
ul.nav-ul-level-1 li.open > a{background: #d00;}
ul.nav-ul-level-1 li a:hover{background: #d00;}
ul.nav-ul-level-1 li span{position: absolute;width: 15px;height: 15px;top: 35px;right: 0;right: 4em;}
ul.nav-ul-level-1 li span:before{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position: absolute;width: 15px;height: 2px;background-color: #fff;right:0;content: "";top: 8px;border-radius: 0;}
ul.nav-ul-level-1 li span:after{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position: absolute;width: 15px;height: 2px;background-color: #fff;right:0;content: "";top: 8px;border-radius: 0;transform: rotate(90deg);}
ul.nav-ul-level-1 li.open span:after{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;transform: rotate(0deg);}
ul.nav-ul-level-1 li > ul{display: none;}
ul.nav-ul-level-1 li.open ul li{-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-indent: 6em;}

/*breadcrumb*/
.breadcrumb-bar{padding:30px 0;}
.breadcrumb{float: right;}
.breadcrumb>li {display: inline-block;font-size: 16px;}
.breadcrumb>li a{color: #191919;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.breadcrumb>li a:hover{color: #d71718;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.breadcrumb>.active {color: #d71718;}
.breadcrumb>li+li:before {padding: 0 5px;color: #e0e0e0;content: "\003E";}

/*footer*/
footer{width:100%;background:#0e0e0e url("../images/footer_bg.png") left center no-repeat;height: 420px;position: relative;}
.footerTopLeft{float: left;margin: 80px 0 0 0px;width: 40%;}
.footerLogo{display: block;margin-left: 160px;}
.footerTopLeft dl{margin-top: 56px;margin-left: 160px;}
.footerTopLeft dl dt,.footerTopLeft dl dd{color: #fff;font-size: 16px;margin-bottom: 10px;}
.footerTopLeft dl dd a{color: #fff;}
.footerTopLeft dl dd a:hover{color: #d00;}
.footerTopRight{float: right;width: 60%;}
.footerTopRight ul{margin-top: 80px;float: none;padding-right: 50px;}
.footerTopRight ul li{float: left;/*width: 100px;*/width: 16.6%;/*margin-right: 50px;*/text-align: center;}
.footerTopRight ul li dl a{font-size: 16px;color: #fff;}
.footerTopRight ul li dl a span{font-size: 20px;}
.footerTopRight ul li dl a:hover{color: #d00;}
.footerTopRight ul li dl dt{margin-bottom: 40px;}
.footerTopRight ul li dl dd{margin-bottom: 10px;}
.footerBottom{border-top: 1px solid #5a5a5a;height: 40px;line-height: 40px;text-align: right;position: absolute; width: 100%; left: 0;bottom: 0;}
.footerBottom img.icon-wechat{margin-right: 40px;}
.footerBottom span,.footerBottom a{font-family: "KaiTi";font-size: 12px;color: #fff;}
.footerBottom span{margin-right: 40px;}
.footerBottom span:last-child{margin-right: 140px;}
.footerBottom a:hover{color: #d00;}
@media only screen and (max-width: 1366px){
	.footerTopLeft{width: 30%;}
	.footerLogo{margin-left: 50px;}
	.footerTopLeft dl{margin-top: 30px;margin-left: 50px;}
	.footerTopLeft dl dt,.footerTopLeft dl dd{font-size: 12px;margin-bottom: 8px;}
	.footerTopRight{width: 70%;}
	/* .footerTopRight ul li{width: 86px;margin-right: 35px;} */
	.footerTopRight ul li dl a{font-size: 12px;}
	.footerTopRight ul li dl a span{font-size: 16px;}
}
@media only screen and (max-width: 1024px){
	footer{
		height: auto;
		overflow: hidden;
	}
	.footerTopLeft{
		float: none;
		margin: 20px auto 50px;
		width: 100%;
		text-align: center;
	}
	.footerLogo,.footerTopLeft dl{
		margin-left: 0;
	}
	.footerTopRight{
		display: none;
	}
	.footerBottom{
		text-align: center;
	}
	.footerBottom span:last-child{
		margin-right: 0;
	}
}
@media only screen and (max-width: 767px){
	.breadcrumb>li a,.breadcrumb>li{
		font-size: 14px;
	}
	.footerTopLeft{
		float: none;
		margin: 20px auto 60px;
		width: 92%;
	}
	.footerBottom{
		height: 45px;
		line-height: 1.5;
	}
	.footerBottom span,.footerBottom img.icon-wechat{
		margin-right: 0;
	}
	.footerBottom span:last-child{
		display: block;
	}
}