body,p,h1,h2,h3,h4,h5,h6,img,ul,li,dl,dd,dt,input,button,textarea{margin:0; padding:0;  }
	body,textarea{
		font-size:16px; color:#333; font-family: "Arial"; 
	}
	body{
		width: 100%;
		overflow-x: hidden;
	}
	img { border:0 none;display: block; width: 100%;}  
	ol, ul ,dl,li,dt,dd{ list-style:none; }
	h1, h2, h3, h4, h5, h6{font-weight:normal;}
	em {font-style:normal; }
	input, button, select, textarea { outline:none; } 
	textarea {
	    resize: none;
	    overflow: auto;
	}
	input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
	  -webkit-appearance: none !important; 
	 }
	/* chrome */
	input[type="number"]{
	  -moz-appearance:textfield;/* firefox */
	}
	p{
		line-height: 30px;
	}
	a {color:#333;text-decoration:none; outline: medium none; cursor: pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
	a:hover { text-decoration:none; outline: medium none;}
	input, button {cursor:pointer;outline:0px; -webkit-appearance:none; } 
	.clearfix{zoom:1;}
	.clearfix:after{
	  content:"";        
	  display:block;        
	  height:0;        
	  clear:both;        
	  visibility:hidden;   
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	.padd{
		padding: 60px 0;
	}
	.content{
		width: 1200px;
		margin: 0 auto;
	}
	.wap-flex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-moz-box-pack: space-between;
		-webkit--moz-box-pack: space-between;
		box-pack: space-between;
		align-items: center;
		-webkit-align-items: center;
		box-align: center;
		-moz-box-align: center;
		-webkit-box-align: center;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.clear{
		clear: both;
	}
	.aniimg{
		overflow: hidden;
	}
	.aniimg img{
		display: block;
		transition: all 2s;
		vertical-align: middle;
		transform: scale(1);
	}
	.aniimgbox:hover .aniimg img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.swiper-button-next,.swiper-button-prev{
		outline: none;
	}
	.menubtn{
		display: none;
	}

	/*head*/
	header{
		position: relative;
	}
	header:before{
		content: '';
	    display: block;
	    height: 106px;
	    top: 0;
	    left: 0;
	    background: #BD1D21;
	    position: absolute;
	    width: 19%;
	}
	header:after{
		content: '';
	    display: block;
	    height: 56px;
	    bottom: 0;
	    right:  0;
	    background: #151920;
	    z-index: -1;
	    position: absolute;
	    width: 22%;
	}
	.logo{
		width: 18.5%;
		background: #BD1D21;
		position: relative;
		height: 106px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.logo a{
		width: 76%;
		display: block;

	}
	.logo:after{
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 106px 76px 0 0;
		border-color: #BD1D21 transparent transparent transparent;
		position: absolute;
		top: 0;
		right: -76px;
	}
	.headright{
		width: 78.1%;
		box-sizing: border-box;
	}
	.headchat a {
		display: block;
		float: left;
		font-size: 16px;
		color: #4D4D4D;
		margin-right: 7%;
	}
	.headchat a strong{
		font-size: 18px;
		color: #1A1A1A;
	}
	.headchat a img{
		width: 20px;
		float: left;
		margin-right: 10px;
	}
	.headtxtbox{
		margin-left: 60px;
		height: 80px;
	}
	.headchat{
		width: 76.9%;
	}
	.search{
		width: 23.1%;
		height: 36px;
		background: #F7F7F7;
		border: 1px solid #EBEBEB;
		border-radius: 4px;
		box-sizing: border-box;
		position: relative;
	}
	.search input{
		border:0 none;
		background: transparent;
		padding-left: 10px;
		font-size: 16px;
		line-height: 36px;
		width: 100%;
		box-sizing: border-box;
		padding-right: 40px;
	}
	.search .searchbtn{
		border:0 none;
		background: url(../images/search.png) no-repeat center center;
		width: 40px;
		position: absolute;
		right: 0;
		top: 0;
		display: inline-block;
		height: 36px;
		padding-right:0px;

	}
	.nav {
		height: 56px;
		background: #151920;
		/*position: relative;*/
	}
	.nav:before{
		position: absolute;
		content:'';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 56px 42px;
		border-color: transparent transparent #151920 transparent;
		left: 21.9%;
		bottom: 0;
		margin-left: -42px;
	}
	.nav>li{
		float: left;
		/*width: 12%;*/
		padding: 0 2.2%;
		text-align: center;
		line-height: 56px;
	}
	.nav>li>a{
		color: #FFF;
		font-size: 16px;
	}
	.nav>li:hover,.nav>li.navact{
		margin-top: -5px;

	}
	.nav>li:hover>a,.nav>li.navact>a{
		font-weight: bold;
		position: relative;
	}
	.nav>li:hover>a:after,.nav>li.navact>a:after{
		position: absolute;
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 6.5px 10px 6.5px;
		border-color: transparent transparent #fff transparent;
		bottom: -13px;
		left: 50%;
		margin-left: -6.5px;
	}
	header .content{
		position: relative;
	}
	.navpro{
		position: absolute;
		width: 100%;
		left: 0;
		overflow: hidden;
		display: none;
		z-index: 9;
		background: #FFF;
	}
	.navpro li{
		float: left;
		width: 14.28%;
		border-right: 1px solid #E6E6E6;
		border-top: 1px solid #E6E6E6;
		box-sizing: border-box;
		margin-top: -1px;
	}
	.navpro li:nth-child(7n){
		border-right: 0 none;
	}
	.navpro li img{
		width: 65%;
		margin:35px auto 0;
	}
	.navpro li:hover h4{
		color: #BD1D21;
	}
	.nav>li:hover .navpro{
		display: block;
	}

	/*banner*/
	.indexban{
		position: relative;
	}
	.indexban .content{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.indexbantxt{
		width: 49.3%;
		background: url(../images/bannertxtbg.png) no-repeat right center;

	}
	.indexbantxt h1{
		height: 140px;
		line-height: 50px;
		padding: 20px;
		background: rgba(189, 29, 33, .9);
		color: #FFF;
		box-sizing: border-box;
		font-family: Fontquan;
		font-weight: bold;
		width: 85%;
		font-size: 30px;
	}
	.indexbantxt p{
		background: rgba(189, 29, 33, .9);
		font-size: 24px;
		margin-top: 20px;
		color: #FFF;
		padding: 30px 40px;
		box-sizing: border-box;
		width: 100%;
		line-height: 42px;
	}
	/*foot*/
	footer{
		background: #151920;
	}
	footer>p{
		font-size: 16px;
		text-align: center;
		color: #FFF;
		padding: 15px 0;
		border:1px solid rgba(255, 255, 255, .3);
	}
	footer .content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.footright{
		width: 66.66%;
		background: rgba(255, 255, 255, .12);
		box-sizing: border-box;
		padding: 35px 6% 15px;
	}
	.footright ul{
		float: left;
	}
	.footright li img{
		width: 16px;
		display: inline-block;
		float: left;
		margin-right: 10px;
	}
	.footright li,.footright li a{
		color: #FFF;
		font-size: 16px;
		margin-bottom: 25px;
	}
	.footcode{
		width: 17.7%;
		float: right;
	}
	.footcode span{
		font-size: 16px;
		display: block;
		text-align: center;
		margin-top: 10px;
		color: #FFF;
	}
	.footleft{
		width: 29.1%;
	}
	.footchat a{
		display: inline-block;
		width: 40%;
		height: 36px;
		line-height: 36px;
		background: #BD1D21;
		text-align: center;
		color: #FFF;
		border-radius: 4px;
		margin-right: 8%;
	}
	.footchat a span{
		background:url(../images/footicon1.png) no-repeat left center;
		padding-left: 32px;
		display: inline-block;
	}
	.footchat a:nth-child(2n) span{
		background:url(../images/footicon2.png) no-repeat left center;

	}
	.footchat{
		margin-top: 30px;
	}
	.footchat a:hover{
		opacity: 0.9;
	}
	.footnav ul {
		float: left;
		width: 44%;
	}
	.footnav ul:first-child{
		border-right: 1px solid rgba(255, 255, 255, .2);
		margin-right: 10%;
	}
	.footnav ul li a{
		color: #FFF;
		font-size: 16px;
	}
	.footnav ul li{
		line-height: 44px;
		padding-left: 20px;
	}
	.footnav ul li:hover a{
		opacity: 0.85;
	}
	.titbox{
		margin-bottom: 30px;
	}
	.titbox h2{
		font-size: 36px;
		color: #1a1a1a;
		text-align: center;
		font-weight: bold;
		background: url(../images/titbg.png) no-repeat center bottom;
		padding-bottom: 13px;	
	}
	.titboxfff h2{
		color: #FFF;
		background: url(../images/titbgfff.png) no-repeat center bottom;
	}
	/*route*/
	.route{
		padding: 15px 0;
		position: relative;
	}
	.route a{
		font-size: 15px;
		color: #4D4D4D;
	}
	.route a:first-child:before{
		content:'';
		width: 16px;
		height: 16px;
		display: inline-block;
		background-size: 16px 16px;
		background:url(../images/routeicon.png) no-repeat;
		margin-right: 10px; 
		float: left;
	}
	.route i{
		display: inline-block;
		width: 6px;
		height: 10px;
		background-size: 6px 10px;
		background: url(../images/routeright.png) no-repeat;
		margin: 0 5px;
	}
	/*pagediv*/
	.pagediv{
		text-align: right;
		margin-bottom: 60px;
	}
	.pagediv a,.pagediv input{
		display: inline-block;
		border: 1px solid #CCCCCC;
		border-radius: 4px;
		box-sizing: border-box;
		line-height: 28px;
		height: 28px;
		padding: 0 10px;
		width: auto;
		margin: 0 3px;
	}

	.pagediv .pageprev,.pagediv .pagenext{
		font-size: 16px;
		margin: 0 3px;
		color: #666;
	}
	.pagediv span{
		color: #666;
		font-size: 16px;
		margin-left: 8px;
		margin-right: 8px;
	}
	.pagediv span i{
		font-style: normal;
		display: inline-block;
		margin: 0 3px;
	}
	.pagediv input{
		width: 34px;
		padding: 0;
		text-align: center;
		font-size: 16px;
		color: #666;
	}
	.pagediv a{
		font-size: 18px;
		color: #333333;
	}
	.pagediv a:hover{
		background: #BD1C21;
		border-color: #BD1C21;
		color: #FFF;
	}
	.pagediv a.current{
		background: #BD1C21;
		border-color: #BD1C21;
		color: #FFF;
	}
	.pagediv a.disabled:hover{
		background: none;
		border-color: #CCCCCC;
		color: #666;
	}
	.pagediv span.pagebtn{
		background: #BD1C21;
		border-radius: 4px;
		line-height: 28px;
		height: 28px;
		display: inline-block;
		text-align: center;
		color: #FFF;
		font-size: 16px;
		padding: 0 10px;
		cursor: pointer;
	}
	/*pagediv*/
	@media (max-width: 1300px){
		.content{
			width: 95%;
		}
		.nav>li{
			padding: 0 1.5%;
		}
	}
	@media (min-width: 1900px){
		header:before{
			width: 30%;
		}
		header:after{
			width: 27%;
		}
	}
	@media (max-width: 1100px){
		.content{
			width: 95%;
		}
		.nav>li{
			padding: 0 1%;
		}
	}