	.prove_index,
	.next_index {
		top: 46%;
		width: 72px;
		height: 72px;
		position: absolute;
		margin-top: -23px;
		z-index: 999;
		cursor: pointer;
		background-repeat: no-repeat;
	}
	
	.prove_index {
		left: 0px;
		display: none;
		background-image: url(../js/focus/images/bar_arrow_left_2.png);
	}
	
	.next_index {
		right: 0px;
		background-image: url(../js/focus/images/bar_arrow_right_2.png);
		display: none;
	}
	
	.prove_index:hover {
		background-image: url(../js/focus/images/bar_arrow_left.png);
	}
	
	.next_index:hover {
		background-image: url(../js/focus/images/bar_arrow_right.png);
	}
	
	ul.banner_nav,
	ul.banner_nav li {
		list-style: none;
	}
	/***focus***/
	
	.newsWrapper {
		width: 1200px;
		margin: 30px auto 0;
		display: table;
		word-spacing: -1em;
	}
	
	.newsWrapper .d1 {
		display: table;
		width: 100%;
	}
	
	.newsWrapper .d1 .l {
		float: left;
		width: 50%;
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 1px;
		color: #595959;
	}
	
	.newsWrapper .d1 .r {
		float: right;
		width: 50%;
		text-align: right;
		position: relative;
		top: 5px
	}
	
	.newsWrapper .d1 .r * {
		display: inline-block;
	}
	
	.newsWrapper .d1 .r hr {
		width: 50px;
		height: 1px;
		background: #7F7F7F;
		border: none;
		position: relative;
		top: 4px;
		margin-right: 20px;
	}
	
	.newsWrapper .d1 .r a {
		color: #0F0F0F;
		font-size: 15px;
	}
	
	.newsWrapper .d1 .r a:hover {
		color: #da251c;
	}
	
	.newsWrapper .newOne {
		clear: both;
		width: 100%;
		display: table;
		padding-top: 20px;
		margin-bottom: 20px;
	}
	
	.newsWrapper .newOne .l:hover img {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
	}
	
	.newsWrapper .newOne .l {
		width: 580px;
		height: 320px;
		float: left;
		overflow: hidden;
	}
	
	.newsWrapper .newOne .l img {
		width: 100%;
		height: 320px;
		display: block;
	}
	
	.newsWrapper .newOne .r {
		width: 580px;
		height: 220px;
		float: right;
		padding: 55px 0;
		letter-spacing: 1px;
	}
	
	.newsWrapper .newOne .r .ndate {
		width: 100%;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
		color: #3F3F3F;
	}
	
	.newsWrapper .newOne .r .ntitle {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
		padding-top: 30px;
		transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/*.newsWrapper .newOne .r:hover {
		color: #da251c;
	}*/
	
	.newsWrapper .newOne .r .nbrief {
		width: 100%;
		height: 50px;
		line-height: 25px;
		font-size: 16px;
		padding-top: 10px;
		color: #5F5F5F;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #5F5F5F;
	}
	
	.newsWrapper .newOne .r a {
		width: 100%;
		height: 25px;
		line-height: 25px;
		font-size: 20px;
		margin-top: 30px;
		display: inline-block;
		width: auto;
		color: #0F0F0F;
	}
	
	.newsWrapper .newOne .r a:hover {
		color: #da251c;
	}
	
	.newsWrapper .new {
		clear: both;
		display: inline-block;
		width: 375px;
		height: 140px;
		margin: 0;
		padding: 0;
	}

	.newsWrapper .new .ndate {
		float: left;
		width: 75px;
		height: 140px;
	}
	
	.newsWrapper .new .ndate span {
		font-size: 55px;
		text-align: center;
		display: block;
	}
	
	.newsWrapper .new .ndate div {
		font-size: 18px;
		text-align: center;
	}
	
	.newsWrapper .new .ninfo {
		float: right;
		width: 285px;
		height: 140px;
		letter-spacing: 1px;
	}
	
	.newsWrapper .new .ninfo .ntitle {
		width: 100%;
		height: 40px;
		font-size: 20px;
		border-bottom: solid 1px #BFBFBF;
		position: relative;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
	}
	
	.newsWrapper .new .ninfo .ntitle:after {
		width: 0;
		height: 1px;
		position: absolute;
		bottom: -1px;
		left: 0;
		background: #da251c;
		content: "";
		transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
	}
	/*.newsWrapper .new:hover .ninfo .ntitle:after {
		width: 100%;
	}*/
	/*.newsWrapper .new:hover .ninfo {
		color: #da251c;
	}
	*/
	
	.newsWrapper .new .ninfo .nbrief {
		width: 100%;
		height: 40px;
		font-size: 14px;
		line-height: 20px;
		margin-top: 15px;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #5F5F5F;
	}
	
	.newsWrapper .new .ninfo a {
		width: 100%;
		height: 25px;
		line-height: 25px;
		font-size: 15px;
		margin-top: 15px;
		display: inline-block;
		width: auto;
		color: #0F0F0F;
	}
	
	.newsWrapper .new .ninfo a:hover {
		color: #da251c;
	}
	
	.newsWrapper .new.middle {
		margin: 0 37px;
	}
	/***news***/
	.productsWrapper {
		width: 1200px;
		margin: 45px auto 0;
	}
	
	.productsWrapper .productsPic {
		display: block;
		margin: 0 auto 25px;
	}
	
	/***products***/
	
	.aboutWrapper {
		width: 1200px;
		margin: 15px auto 0;
		display: table;
	}
	
	.aboutWrapper .aboutPic {
		display: block;
		margin: 0 auto 25px;
	}
	
	.aboutWrapper a {
		display: block;
		float: left;
		height: 380px;
	}
	
	.aboutWrapper a div {
		margin: -70px auto 0;
		width: 140px;
		height: 32px;
		line-height: 32px;
		border: solid 1px #FFFFFF;
		color: #FFFFFF;
		text-align: center;
		position: relative;
		font-size: 15px;
		letter-spacing: 1px;
		position: relative;
		z-index: 1;
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
	}
	
	.aboutWrapper a div:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		content: "";
		z-index: -1;
		background: #da251c;
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
	}
	/*.aboutWrapper a:hover div:before {
		height: 32px;
	}*/
	
	.aboutWrapper a:hover div {
		color: #da251c;
	}
	
	.aboutWrapper a.middle {
		margin: 0 10px;
	}
	
	.aboutWrapper a:hover div .aboutWrapper a div .top {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	
	.aboutWrapper a div .right {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}
	
	.aboutWrapper a div .bottom {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
	}
	
	.aboutWrapper a div .left {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 100%;
	}
	
	.aboutWrapper a div .top:before {
		position: absolute;
		content: "";
		left: -1px;
		top: -1px;
		width: 0;
		height: 2px;
		background: #da251c;
		transition: width .1s 0s;
	}
	
	.aboutWrapper a:hover div .top:before {
		width: 100%;
	}
	
	.aboutWrapper a div .right:before {
		position: absolute;
		content: "";
		right: -1px;
		top: -1px;
		height: 0;
		width: 2px;
		background: #da251c;
		transition: height .1s .1s;
	}
	
	.aboutWrapper a:hover div .right:before {
		height: 100%;
	}
	
	.aboutWrapper a div .bottom:before {
		position: absolute;
		content: "";
		right: -1px;
		bottom: -1px;
		height: 2px;
		width: 0;
		background: #da251c;
		transition: width .1s .2s;
	}
	
	.aboutWrapper a:hover div .bottom:before {
		width: 100%;
	}
	
	.aboutWrapper a div .left:before {
		position: absolute;
		content: "";
		left: -1px;
		bottom: -1px;
		height: 0;
		width: 2px;
		background: #da251c;
		transition: height .1s .3s;
	}
	
	.aboutWrapper a:hover div .left:before {
		height: 100%;
	}
	
	.aboutWrapper a:not(:hover) div .top:before {
		transition-delay: .3s;
	}
	
	.aboutWrapper a:not(:hover) div .right:before {
		transition-delay: .2s;
	}
	
	.aboutWrapper a:not(:hover) div .bottom:before {
		transition-delay: .1s;
	}
	
	.aboutWrapper a:not(:hover) div .left:before {
		transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
	}
	/***about***/