/*导航*/
	.wrap{
		width: 100%;
	}
	.head_box{
		width: 100%;
		height: 100px;
		line-height: 100px;
		background-color: #fff;
		position: absolute;
		top:0;
		right:0;
		z-index: 22;
	}
	.head{
		width: 90%;
		margin:0 auto;
		display: flex;
		justify-content:space-between;
	}
	.logo_box{
		text-align: left;
	}
	.logo_box img{
		vertical-align: middle;
	}
	.nav_box li{
		color:#333;
		font-size: 16px;
		float: left;
		padding:0 24px;
		box-sizing: border-box;
		position: relative;
	}
	.nav_bar{
		position: absolute;
		top:86px;
		left:0;
		right:0;
		border:2px solid #e9e9e9;
		background-color: #fff;
		display: none;
	}
	.nav_box li .nav_bar{
		transition: all 1s;
	}
	.nav_box li:hover .nav_bar{
		display: block;
	}
	.nav_box li.current>a{
		color:#c9151e;
	}
	.nav_bar>a{
		line-height: 50px;
		height: 50px;
		text-align: center;
		color:#333;
		font-size: 14px;
		position: relative;
	}
	.nav_bar>a:hover{
		background-color:#c9151e; 
		color:#fff;
	}
	.nav_bar>a.first_a{
		border-top: 2px solid #c9151e;
	}
	.nav_bar>a.first_a:after{
		content: "";
		position: absolute;
		top:-24px;
		left:50%;
		margin-left: -12px;
		border: 12px solid transparent;
		border-bottom: 12px solid #c9151e;
		width:0;
		height:0;
	}
	.sec{
		border-top: 2px solid #e9e9e9;
		border-bottom: 2px solid #e9e9e9;
	}
	.nav_bar>a{
		display:block;
	}
	.nav_box li .navItem{
		font-family: "PingFang SC";
		font-family: "PingFang Medium";
		transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-o-transition: all .3s linear;
	}
	.nav_box li:hover .navItem,.nav_box li.current .navItem{
		color:#c9151e;
	}
	.bef{
		position: relative;
	}
	.bef:after{
		content:"";
		width: 20px;
		height: 20px;
		position: absolute;
		top:50%;
		margin-top: -10px;
		right:0;
		background: url("/images/sousuo.png") no-repeat;
		background-size: 100%;
		cursor: pointer;
	}
	.search_box{
		width: 200px;
		overflow-x: hidden;
		position: relative;
	}
	.search_input{
		position: absolute;
		top:46px;
		right:0;
		width: 0;
		outline: none;
		border:none;
		border-bottom: 2px solid #666;
	}
	
	.btn{
		display: none;
	}
/*底部*/
	/*页脚*/
	.foot_wrap{
		width: 100%;
		padding:60px 0;
		box-sizing: border-box;
		background-color: #b4b4b4;
	}
	.foot_cont{
		width: 63%;
		margin:0 auto;
	}
	.erweima_box1{
		float: left;
		margin-right: 28px;
	}
	.erweima_box{
		float: left;
		margin-right: 28px;
	}
	.lianxi i{
		display: inline-block;
		width: 32px;
	}
	.lianxi>h4 img{
		width: 335px;
		height: 24px;
		margin-bottom: 18px;
	}
	.info1{
		margin-bottom: 18px;
	}
	.info1 span{
		margin-right: 28px;
		font-size: 14px;
		font-family: "PingFang Medium";
	}
	.info1 span img{
		vertical-align: middle;
		margin-right: 12px;
		font-family: "PingFang";
	}
	.info2{
		font-size: 14px;
		font-family: "PingFang Medium";
	}
	.share{
		float: right;
		margin-right: 108px;
	}
	.share img{
		vertical-align: middle;
	}
	.share img:first-child{
		margin-right: 16px;
	}

	.footer{
		background-color: #7f7f7f;
		width: 100%;
		padding:25px 0;
		box-sizing: border-box;
	}
	.footer p{
		width: 63%;
		margin:0 auto;
		color:#333;
		font-size: 14px;
		font-family: "Arial";
		font-family: "PingFang Medium";
	}

/*fu tab*/
	.tab_nav{
		width: 100%;
	}
	.tab_nav{
		margin-top: -2px;
		background-color: #4d4948;
		height: 68px;
	}
	.item_box{
		width: 62.5%;
		margin:0 auto;
		overflow: hidden;
	}
	.item_box>a{
		font-family: "PingFang Medium";
		padding:0 52px;
		box-sizing: border-box;
		height: 100%;
		display:block;
		float: left;
		color:#fff;
		line-height: 68px;
		font-size: 16px;
	}
	.item_box>a:hover,.item_box>a.active{
		background-color: #c9151e;
	}

/*banner_titel*/
	.banner_box{
		width: 100%;
		/*height: 634px;*/
		position: relative;
		overflow: hidden;
	}
	.banner_box>img{
		width: 100%;
		transform: scale(1.04);
		animation: saAniimg 4s linear;
		-webkit-animation: saAniimg 4s linear;
		-moz-animation: saAniimg 4s linear;
	}
	@keyframes saAniimg{
		0%{transform: scale(1);} 
		100%{transform: scale(1.04);} 
	}
	@-moz-keyframes saAniimg{
		0%{transform: scale(1);} 
		100%{transform: scale(1.04);} 
	}
	@-webkit-keyframes saAniimg{
		0%{transform: scale(1);} 
		100%{transform: scale(1.04);} 
	}
	.tit_box{
		width: 62.5%;
		position: absolute;
		top:0;
		right:50%;
		margin-right: -31.25%;
		bottom:0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: left;
		color:#fff;
	}
	.tit_box span{
		display: block;
		font-size: 20px;
		margin-bottom: 22px;
		font-family: "HELVETICA NEUE CE 55 ROMAN";
		animation:saAnispan .6s linear 0s normal none;
		-webkit-animation:saAnispan .6s linear 0s normal none;
		-moz-animation:saAnispan .6s linear 0s normal none;
	}
	@keyframes saAnispan{
		from{opacity:0;margin-bottom:72px;} 
		to{opacity:1;margin-bottom: 22px;} 
	}
	@-webkit-keyframes saAnispan{
		from{opacity:0;margin-bottom:72px;} 
		to{opacity:1;margin-bottom: 22px;} 
	}
	@-moz-keyframes saAnispan{
		from{opacity:0;margin-bottom:72px;} 
		to{opacity:1;margin-bottom: 22px;} 
	}
	.tit_box p{
		font-size: 60px;
		font-weight: 200;
		margin-bottom: 75px;
		/*font-family: "PingFang";*/
		/*font-family: "PingFang XI";*/
		animation:saAnip .6s linear 0s normal none;
		-webkit-animation:saAnip .6s linear 0s normal none;
		-moz-animation:saAnip .6s linear 0s normal none;
	}
	@keyframes saAnip{
		from{opacity:0;margin-top: -70px;} 
		to{opacity:1;margin-top: 0;} 
	}
	@-webkit-keyframes saAnip{
		from{opacity:0;margin-top: -70px;} 
		to{opacity:1;margin-top: 0;} 
	}
	@-moz-keyframes saAnip{
		from{opacity:0;margin-top: -70px;} 
		to{opacity:1;margin-top: 0;} 
	}
	.tit_box a{
		width: 66px;
		height: 66px;
		border-radius: 50%;
		background-color: #c9151e;
		text-align: center;
		line-height: 66px;
		animation:saAnia 1s linear .6s infinite alternate;
		-webkit-animation:saAnia 1s linear .6s infinite alternate;
		-moz-animation:saAnia 1s linear .6s infinite alternate;
	}
	.tit_box a>img{
		transform: rotate(-270deg);
	}
	@keyframes saAnia{
		0%{transform: translateY(0px);}
		100%{transform: translateY(20px);}
	}
	@-webkit-keyframes saAnia{
		0%{transform: translateY(0px);}
		100%{transform: translateY(20px);}
	}
	@-moz-keyframes saAnia{
		0%{transform: translateY(0px);}
		100%{transform: translateY(20px);}
	}


	.titel{
		color: rgb(51, 51, 51);
		clear: both;
		text-align: center;
		margin-bottom: 60px;
	}
	.titel h1{
		font-size: 28px;
		font-weight: 540 !important;
		font-family: "HELVETICA NEUE CE 55 ROMAN";
		position: relative;
	}
	.titel span{
		display: block;
		font-size: 36px;
		position: relative;
		margin-bottom: 16px;
		font-weight: bold;
		/*font-family: "PingFang";*/
	}
	.titel h1:after{
		display: block;
		width: 64px;
		height: 2px;
		background-color: #c9151e;
		content:"";
		position: absolute;
		left:50%;
		margin-left: -32px;
		bottom:-15px;
	}

/*animate.css 的一点补充动画*/
	@keyframes fadeInLeftSmall {
	    from {
	        opacity: 0;
	        transform: translate3d(-10%, 0, 0);
	    }
	    to {
	        opacity: 1;
	        transform: none;
	    }
	}

	.fadeInLeftSmall {
	    animation-name: fadeInLeftSmall;
	}
	@keyframes fadeInRightSmall {
	    from {
	        opacity: 0;
	        transform: translate3d(10%, 0, 0);
	    }
	    to {
	        opacity: 1;
	        transform: none;
	    }
	}

	.fadeInRightSmall {
	    animation-name: fadeInRightSmall;
	}

	@keyframes fadeInLeftSmall {
	    from {
	        opacity: 0;
	        transform: translate3d(-10%, 0, 0);
	    }

	    to {
	        opacity: 1;
	        transform: none;
	    }
	}

	.fadeInLeftSmall {
	    animation-name: fadeInLeftSmall;
	}

	@keyframes fadeInRightSmall {
	    from {
	        opacity: 0;
	        transform: translate3d(10%, 0, 0);
	    }

	    to {
	        opacity: 1;
	        transform: none;
	    }
	}

	.fadeInRightSmall {
	    animation-name: fadeInRightSmall;
	}

	@keyframes fadeInDownSmall {
	    from {
	        opacity: 0;
	        transform: translate3d(0%, -10%, 0);
	    }

	    to {
	        opacity: 1;
	        transform: none;
	    }
	}


	.fadeInDownSmall {
	    animation-name: fadeInDownSmall;
	}
	@keyframes fadeOutDownSmall {

	    from {
	        opacity: 1;
	        transform: none;
	    }
	    to {
	        opacity: 0;
	        transform: translate3d(0%, 10%, 0);
	    }
	}

	.fadeOutDownSmall {
	    animation-name: fadeOutDownSmall;
	}

	@keyframes fadeInUpSmall {
	    from {
	        opacity: 0;
	        transform: translate3d(0%, 10%, 0);
	    }

	    to {
	        opacity: 1;
	        transform: none;
	    }
	}

	.fadeInUpSmall {
	    animation-name: fadeInUpSmall;
	}

	#qrcode {
		display: none;
		position: fixed;
		bottom: 80px;
		right: 12%; 
	}
	#qrcode canvas {
	  box-shadow: 10px 10px 5px #888888;
	  width: 100px; 
	}


@media only screen and (max-width: 1366px){
	.search_box {
	    display: none;
	}
}
@media only screen and (max-width: 1090px){
	.nav_box li {
	    padding: 0 20px;
	}
	.foot_cont {
	    width: 86% !important;
	}
}
@media only screen and (max-width: 1036px){
	.nav_box li {
	    padding: 0 10px;
	}
	.foot_cont {
	    width: 88% !important;
	}
}
@media only screen and (max-width: 1400px){
	.share {
	    float: right;
	}
	.foot_cont {
	    width: 70% !important;
	}
}
@media only screen and (max-width: 1238px){
	.foot_cont {
	    width: 80% !important;
	}
}
@media only screen and (max-width: 500px){
/*nav*/
	.head_box {
	    height: 50px;
	    line-height: 50px;
	}
	.logo_box img {
	    width: 200px;
	}
	.btn{
		width: 30px;
		display: block;
	}
	.btn>img{
		width: 100%;
		vertical-align: middle;
	}
	.nav_p{
		display: none !important;
	}
	.nav_box li:hover .nav_bar{
		display: block;
	}
	.nav_box{
		display: none;
		position: absolute;
		top:50px;
		left:0;
		right:0;
		background-color: rgba(0,0,0,.8);
		z-index: 20;
	}
	.nav_box li {
		display: block;
		float: none;
	    padding: 0 20px;
	    line-height: 36px;
	}
	.nav_box li a{
		color:#fff;
	}
	.nav_p{
		display: none !important;
	}
	.nav_bar{
		position: static;
		background-color: rgba(0,0,0,.8);
		display: block;
		margin-left: 20px;
		border:none;
	}
	.nav_bar>a {
	    line-height: 30px;
	    height: 30px;
	    text-align: left;
	    padding-left: 20px;
	    box-sizing: border-box;
	    border:none;
	}
	.nav_bar>a.first_a{
		border: none;
	}
	.nav_bar>a.first_a:after {
	    content: "";
	    position: absolute;
	    top: -24px;
	    left: 50%;
	    margin-left: -12px;
	    border:none;
	    border-bottom:none;
	    width: 0;
	    height: 0;
	}
	.slide-main {
	    margin-top: 50px;
	    height: 200px;
	    clear: both;
	    overflow: hidden;
	}
/*foot*/
	.foot_wrap {
	    padding: 20px 0;
	}
	.foot_cont {
	    width: 94% !important;
	}
	.erweima_box {
	    display: none;
	}
	.info1 span {
	    display: block;
	    margin-bottom: 10px;
	}
	.share {
	    display: none;
	}
	.footer{padding:12px 0;}
	.lianxi>h4 img{width: 290px;height: auto;}
	.footer p {
	    width: 94%;
	    font-size: 12px;
	}
	/*titel*/
	.titel span {
	    font-size: 18px;
	    margin-bottom: 8px;
	    font-weight: bold;
	}
	.titel h1 {
	    font-size: 14px;
	}
	.titel h1:after{
		bottom:-10px;
	}
	/**/
	.titel{margin-bottom: 30px;}
	.tit_box {
	    width: 80%;
	    position: absolute;
	    top: 20px;
	    right: 50%;
	    margin-right: -40%;
	    text-align: center !important;
	}
	.tit_box span {
	    font-size: 16px;
	    margin-bottom: 22px;
	}
	.tit_box p {
	    font-size: 20px;
	    font-weight: 200;
	    margin-bottom: 10px;
	}
	.tit_box a{
		display: none;
	}
	.tab_nav {
	    height: 40px;
	}
	.item_box {
		width: 100%;
	    display: -webkit-box;
	    overflow: visible;
	    overflow-x: scroll;
	}
	.item_box>a {
	    padding: 0 20px;
	    line-height: 40px;
	    display: block;
	    float: none;
	}
}