#menu {Z-INDEX: 100; POSITION: relative; float:left; text-align:left; width:85%;}
#menu UL {LIST-STYLE-TYPE: none;}
#menu UL LI {
	POSITION: relative; float:left; width:13.1%;
}
#menu UL LI A { 
	TEXT-ALIGN: center;
	DISPLAY: block;
	height:90px; font-weight:600; line-height:84px;
	color:#333; font-size:14px; 
}
#menu UL LI A  span{ position:relative;  z-index:100;}
#menu UL LI A  span:after {
	background: #1AB8FF; left:0px; bottom:-10px; width:0px; height:2px; background-color:rgba(255,255,255,0);border-radius:100%; position: absolute;border-radius:4px; z-index: -1; content: " ";transition:all 0.4s ease-in-out 0s;
}
#menu UL LI .change {
	TEXT-DECORATION: none;
	color:#CE182E;font-weight:bold; }
#menu UL LI .change span:after ,#menu UL LI A:hover span:after,#menu UL LI a.sec span:after{ background-color:#CE182E; width:100%;}
#menu UL LI A:hover {
	TEXT-DECORATION: none;
	color:#CE182E;font-weight:bold;
}
#menu UL LI a.sec {
	TEXT-DECORATION: none;
	color:#CE182E;; font-weight:bold;

}
#menu UL LI OL {
	POSITION: absolute;
	WIDTH:160px;
	DISPLAY: none;
	COLOR: #444;
	MARGIN-LEFT: 0px;
	left:-10px;
background-color:rgba(255,255,255,0.8);box-shadow: 1px 3px 10px #aaa;-webkit-box-shadow:1px 3px 10px #aaa;-moz-box-shadow: 1px 3px 10px #aaa; 
}

#menu UL LI OL LI {
	DISPLAY: block; FLOAT: none; background-image:none; font-weight:normal; padding:0px; padding:0px; 
	margin:0px; text-align:left;WIDTH:100%;
}
#menu UL LI OL LI A { text-align:center;font-size:13px; font-weight:normal;
	WIDTH: auto;
	DISPLAY: block;
	overflow:hidden;
		COLOR: #555; padding:6px;
	LINE-HEIGHT: 22px; height:auto; border-bottom:rgba(0,0,0,0.1) solid 1px; background-image:none;
	margin:0px;
}
#menu UL LI A  i{ margin-left:10px;}
#menu UL LI OL LI A:hover {
	color:#fff; font-weight:normal;
	background-image:none; background-color:#CE182E; border-bottom:#dd0000 solid 1px;

}
.clear{ clear:both;}
#top_r{ width:66%; float:right;}
.index-about {
	padding: 110px 0 100px;
	background-color: #fff;
	/*background-image: url(image/index_bg1.jpg);*/
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
	text-align: right
}

.index-about .box {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1
}

.index-about .info-con {
	position: relative;
	width: 1220px
}

.index-about .bg img {
	max-width: 100%;
	display: block
}

.index-about .word {
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-about .word h2 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 15px
}

.index-about .word .en {
	font-family: Arial;
	font-size: 12px;
	color: rgba(255,255,255,0.6);
	text-transform: uppercase
}

.index-about .items {
	font-size: 0;
	padding-top: 40px
}

.index-about .item {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	width: 154px;
	height: 154px;
	border-radius: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 2px solid #fff;
	text-align: center;
	margin: 0 20px
}

.index-about .item .p {
	font-size: 16px;
	color: #eaeaea
}

.index-about .num {
	font-size: 46px;
	color: #E50011;
	font-family: Bebas
}

.index-about .intro-con {
	position: absolute;
	top: 56px;
	bottom: 42px;
	left: -490px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 525px;
	padding: 0 65px;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: left;box-shadow:-3px 2px 10px #666;-webkit-box-shadow:-3px 2px 10px #666;-moz-box-shadow:-3px 2px 10px #666;
}

.index-about .intro-con .cn {
	font-size: 32px;
	color: #010101
}

.index-about .intro-con .en {
	font-size: 90px;
	font-family: BASKVILL;
	color: #010101;
	line-height: 64px
}

.index-about .intro-con .red {
	color: #E50011
}

.index-about .intro-con .tip {
	font-size: 24px;
	color: #444;
	margin-bottom: 10px
}

.index-about .intro-con .t {
	font-size: 12px;
	line-height: 16px;
	color: #d3d3d3
}

.index-about .intro-con .p {
	font-size: 14px;
	line-height: 30px;
	color: #666;
	height: 90px;
	overflow: hidden;
	padding-top: 20px;
	position: relative;
	margin: 15px 0 30px
}

.index-about .intro-con .p:before {
	top: 0;
	left: 0;
	display: block;
	width: 33px;
	height: 4px;
	background: #E50011;
	content: '';
	position: absolute
}

.index-about .intro-con .more {
	display: block;
	width: 142px;
	height: 42px;
	color: #fff;
	line-height: 42px;
	font-size: 16px;
	position: relative;
	background: #E50011;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 13px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease
}
.index-about .intro-con .more i{ position:absolute; right:8%; top:20%; font-size:22px;transition:all 0.4s ease-in-out 0s;}

.index-about .intro-con .more:hover {
	background-color: #cc0000;
}
.index-about .intro-con .more:hover i{ top:10%;}


@media screen and (max-width: 1800px) {
	.index-about .info-con {
		width: 1130px
	}
}

@media screen and (max-width: 1700px) {
	.index-about .info-con {
		width: 1098px
	}

	.index-about .word h2 {
		font-size: 38px
	}

	.index-about .intro-con {
		left: -445px;
		width: 480px
	}

	.index-about .intro-con .cn {
		font-size: 30px
	}

	.index-about .intro-con .en {
		font-size: 84px;
		line-height: 56px
	}

	.index-about .intro-con .tip {
		font-size: 22px
	}
}

@media screen and (max-width: 1600px) {
	.index-about .info-con {
		width: 1050px
	}

	.index-about .word h2 {
		font-size: 36px
	}

	.index-about .item {
		width: 144px;
		height: 144px
	}

	.index-about .item .p {
		font-size: 15px
	}

	.index-about .intro-con {
		top: 42px;
		left: -380px;
		width: 415px;
		padding: 0 50px
	}

	.index-about .intro-con .cn {
		font-size: 28px
	}

	.index-about .intro-con .en {
		font-size: 80px;
		line-height: 52px
	}

	.index-about .intro-con .tip {
		font-size: 20px
	}

	.index-about .intro-con .p {
		margin-bottom: 25px
	}
}

@media screen and (max-width: 1500px) {
	.index-about .info-con {
		width: 1000px
	}

	.index-about .word h2 {
		font-size: 34px
	}

	.index-about .item {
		width: 136px;
		height: 136px
	}

	.index-about .item .p {
		font-size: 14px
	}

	.index-about .intro-con .en {
		font-size: 74px;
		line-height: 48px
	}

	.index-about .intro-con .more {
		width: 132px;
		height: 38px;
		line-height: 38px;
		font-size: 15px
	}

.index-about .intro-con .more i{ font-size:18px;}
}

@media screen and (max-width: 1440px) {
	.index-about .info-con {
		width: 950px
	}

	.index-about .word h2 {
		font-size: 34px
	}

	.index-about .item {
		width: 130px;
		height: 130px
	}

	.index-about .intro-con {
		top: 32px;
		bottom: 32px;
		left: -335px;
		width: 370px;
		padding: 0 45px
	}

	.index-about .intro-con .en {
		font-size: 70px;
		line-height: 44px
	}

	.index-about .intro-con .tip {
		font-size: 18px
	}

	.index-about .intro-con .p {
		margin-bottom: 20px;
		padding-top: 16px;
		line-height: 28px;
		height: 84px
	}

	.index-about .intro-con .p:before {
		height: 3px
	}

	.index-about .intro-con .more {
		height: 36px;
		line-height: 36px;
		font-size: 14px
	}

.index-about .intro-con .more i{ font-size:16px;}
}

@media screen and (max-width: 1300px) {
	.index-about .info-con {
		width: 860px
	}

	.index-about .word h2 {
		font-size: 30px
	}

	.index-about .item {
		margin: 0 15px;
		width: 120px;
		height: 120px
	}

	.index-about .intro-con {
		top: 24px;
		bottom: 24px;
		padding: 0 40px
	}

	.index-about .intro-con .cn {
		font-size: 26px
	}

	.index-about .intro-con .en {
		font-size: 66px;
		line-height: 42px
	}

	.index-about .intro-con .tip {
		font-size: 16px
	}

	.index-about .intro-con .p {
		line-height: 26px;
		height: 78px;
		font-size: 13px
	}
}

@media screen and (max-width: 1200px) {
	.index-about .info-con {
		width: 760px
	}

	.index-about .word h2 {
		font-size: 26px
	}

	.index-about .item {
		margin: 0 12px;
		width: 110px;
		height: 110px
	}

	.index-about .item .p {
		font-size: 12px
	}

	.index-about .num {
		font-size: 32px
	}

	.index-about .intro-con {
		top: 20px;
		bottom: 20px;
		left: -280px;
		padding: 0 30px;
		width: 320px
	}

	.index-about .intro-con .cn {
		font-size: 24px
	}

	.index-about .intro-con .en {
		font-size: 60px;
		line-height: 38px
	}

	.index-about .intro-con .tip {
		font-size: 15px
	}

	.index-about .intro-con .p {
		height: 52px
	}
}

@media screen and (max-width: 1050px) {
	.index-about {
		padding: .4rem 0
	}

	.index-about .box {
		display: block
	}

	.index-about .info-con {
		margin-left: .25rem;
		width: auto
	}

	.index-about .intro-con {
		position: relative;
		top: 0;
		bottom: auto;
		left: 0;
		margin: -.15rem .15rem 0;
		padding: .3rem .25rem;
		width: auto
	}

	.index-about .intro-con .p {
		height: auto;
		max-height: 78px
	}
}

@media screen and (max-width: 750px) {
	.index-about .info-con {
		position: relative;
		margin-left: .25rem;
		width: auto;
		overflow: hidden; 
	}

	.index-about .bg {
		position: absolute;
		top: 0;
		left: 50%;
		width: auto;
		height: 100%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.index-about .bg img {
		max-width: none;
		height: 100%
	}

	.index-about .word {
		position: relative;
		padding: .4rem .15rem .45rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.index-about .word h2 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.index-about .word .en {
		font-size: 10px
	}

	.index-about .items {
		padding-top: .25rem
	}

	.index-about .item {
		padding: 0 .05rem;
		width: 25%;
		height: auto;
		border-radius: none;
		border: none;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.index-about .item .p {
		margin-top: 8px;
		line-height: 16px;
		font-size: 12px
	}

	.index-about .num {
		width: 54px;
		height: 54px;
		line-height: 54px;
		font-size: 20px;
		border: 1px solid rgba(255,255,255,0.5);
		border-radius: 100%
	}

	.index-about .intro-con .cn {
		font-size: 22px
	}

	.index-about .intro-con .en {
		font-size: 48px;
		line-height: 32px
	}

	.index-about .intro-con .t {
		line-height: 14px;
		font-size: 10px
	}

	.index-about .intro-con .p {
		margin-bottom: 16px;
		padding-top: 14px
	}

	.index-about .intro-con .p:before {
		height: 2px
	}

	.index-about .intro-con .more {
		width: 110px;
		height: 30px;
		line-height: 30px;
		font-size: 13px
	}

.index-about .intro-con .more i{ font-size:14px;}
}

.index-title {
	margin: 0 auto;
	position: relative;
	width: 1310px;
	max-width: 100%;
	text-align: center;
	overflow: hidden;
	z-index: 5
}

.index-title .t {
	margin: 0 auto 10px;
	z-index: 2
}

.index-title .t span {
	position: relative;
	display: inline-block
}

.index-title .t span:before {
	height: 7px;
	position: absolute;
	content: '';
	display: block;
	top: 46px;
	left: -moz-calc(100% + .1rem);
	left: calc(100% + .1rem);
	width: 600px;
	background-image: url(image/index_line1.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%
}

.index-title .t img {
	max-width: 100%
}

.index-title .p {
	position: relative;
	display: inline-block;
	max-width: 60%;
	font-size: 16px;
	color: #444;
	z-index: 2
}

.index-title .p:after {
	position: absolute;
	content: '';
	display: block;
	top: 6px;
	right: -moz-calc(100% + .1rem);
	right: calc(100% + .1rem);
	width: 600px;
	height: 7px;
	background-image: url(image/index_line1.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%
}

.index-title.light .t span:before {
	background-image: url(image/index_line2.png)
}

.index-title.light .p {
	color: #c9c9c9
}

.index-title.light .p:after {
	background-image: url(image/index_line2.png)
}

@media screen and (max-width: 1600px) {
	.index-title {
		width: 1200px
	}
}

@media screen and (max-width: 1440px) {
	.index-title {
		width: 1050px
	}
}

@media screen and (max-width: 1200px) {
	.index-title .t span:before {
		top: 38px
	}

	.index-title .t img {
		max-height: 72px
	}

	.index-title .p {
		font-size: 15px
	}
}

@media screen and (max-width: 1050px) {
	.index-title .t span:before {
		top: 30px
	}

	.index-title .t img {
		max-height: 66px
	}

	.index-title .p {
		font-size: 14px
	}
}

@media screen and (max-width: 750px) {
	.index-title .t {
		margin-bottom: 5px
	}

	.index-title .t span:before {
		top: 24px;
		height: 5px
	}

	.index-title .t img {
		max-height: 48px
	}

	.index-title .p {
		font-size: 12px
	}

	.index-title .p:after {
		height: 5px
	}
}


.index-main-box {
	position: relative;

}

.index-main-box .bg-top {
	position: absolute;
	width: 100%;
	top: 0;
	height: 582px;
	background-image: url(image/index_bg3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2
}

.index-main-box .bg-middle {
	position: absolute;
	width: 100%;
	top: 582px;
	bottom: 1103px;
	background-color: #fafafa;
	background-image: url(image/index_bg4.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1
}

.index-main-box .bg-bottom {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 1103px;
	background-color: #fafafa;
	background-image: url(image/index_bg5.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2
}

@media screen and (max-width: 1440px) {
	.index-main-box .bg-top {
		height: 550px
	}

	.index-main-box .bg-middle {
		top: 550px;
		bottom: 990px
	}

	.index-main-box .bg-bottom {
		height: 990px
	}
}

@media screen and (max-width: 1200px) {
	.index-main-box .bg-top {
		height: 500px
	}

	.index-main-box .bg-middle {
		top: 500px;
		bottom: 900px
	}

	.index-main-box .bg-bottom {
		height: 900px
	}
}

@media screen and (max-width: 1050px) {
	.index-main-box .bg-top {
		height: 600px
	}

	.index-main-box .bg-middle {
		top: 600px;
		bottom: 700px
	}

	.index-main-box .bg-bottom {
		height: 700px
	}
}

@media screen and (max-width: 640px) {
	.index-main-box .bg-top {
		height: 400px
	}

	.index-main-box .bg-middle {
		top: 400px;
		bottom: 550px
	}

	.index-main-box .bg-bottom {
		height: 550px
	}
}

@media screen and (max-width: 414px) {
	.index-main-box .bg-middle {
		bottom: 500px
	}

	.index-main-box .bg-bottom {
		height: 500px
	}
}

.index-custom {
	position: relative;
	z-index: 5;
	padding-top: .37rem
}

.index-custom-news {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:2% 5px;
	margin-top: 30px;

}

@media screen and (max-width: 1440px) {
	.index-custom-news {
		padding: 35px 40px
	}
}

@media screen and (max-width: 1050px) {
	.index-custom-news {
		display: block;
		padding: 30px
	}
}

@media screen and (max-width: 750px) {
	.index-custom-news {
		margin-top: .2rem;
		padding: .1rem
	}
}

.index-custom-news-topic {
	-webkit-box-flex: 785px;
	-webkit-flex: 785px;
	-moz-box-flex: 785px;
	-ms-flex: 785px;
	flex: 785px;
	margin-right: 10px;
	min-width: 0
}

.index-custom-news-topic .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	background-color: #f5f5f5;
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.index-custom-news-topic .item:last-child {
	margin-bottom: 0
}

.index-custom-news-topic .item .img {
	width: 295px;
	position: relative;
	overflow: hidden;
	margin-right: 50px
}

.index-custom-news-topic .item .img span {
	position: relative;
	width: 100%;
	display: block;
	padding-bottom: 73.46939%;
	overflow: hidden
}

.index-custom-news-topic .item .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease
}

.index-custom-news-topic .item .info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-custom-news-topic .item .t {
	margin-bottom: 12px;
	font-size: 18px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.index-custom-news-topic .item .p {
	margin-bottom: 15px;
	max-height: 84px;
	font-size: 13px;
	line-height: 28px;
	color: #777;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-word;
	overflow: hidden
}

.index-custom-news-topic .item .time {
	font-size: 12px;
	color: #888
}

.index-custom-news-topic .item:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.index-custom-news-topic .item:hover .t {
	color: #E50011;
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px)
}

@media screen and (max-width: 1440px) {
	.index-custom-news-topic {
		-webkit-box-flex: 840px;
		-webkit-flex: 840px;
		-moz-box-flex: 840px;
		-ms-flex: 840px;
		flex: 840px
	}

	.index-custom-news-topic .item .img {
		width: 272px;
		margin-right: 35px
	}

	.index-custom-news-topic .item .t {
		font-size: 16px
	}
}

@media screen and (max-width: 1200px) {
	.index-custom-news-topic .item .img {
		width: 236px
	}
}

@media screen and (max-width: 1050px) {
	.index-custom-news-topic {
		margin: 0 0 10px
	}
}

@media screen and (max-width: 750px) {
	.index-custom-news-topic {
		margin-bottom: .1rem
	}

	.index-custom-news-topic .item {
		margin-bottom: .1rem
	}

	.index-custom-news-topic .item .img {
		margin-right: .15rem;
		width: 140px
	}

	.index-custom-news-topic .item .info {
		padding-right: .1rem
	}

	.index-custom-news-topic .item .t {
		margin-bottom: 6px;
		max-height: 40px;
		line-height: 20px;
		font-size: 14px;
		color: #333;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all
	}

	.index-custom-news-topic .item .p {
		margin-bottom: 5px;
		max-height: 40px;
		line-height: 20px;
		font-size: 12px;
		-webkit-line-clamp: 2
	}

	.index-custom-news-topic .item .time {
		font-size: 11px
	}
}

.index-custom-news-list {
	-webkit-box-flex: 638px;
	-webkit-flex: 638px;
	-moz-box-flex: 638px;
	-ms-flex: 638px;
	flex: 638px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 50px;
	min-width: 0;
	background: #f5f5f5;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.index-custom-news-list .more {
	display: block;
	top: 20px;
	right: 20px;
	color: #E50011;
	font-size: 14px;
	position: absolute;
	z-index: 4
}

.index-custom-news-list .more:hover {
	text-decoration: underline
}

.index-custom-news-list ul {
	width: 100%
}

.index-custom-news-list ul li {
	border-bottom: 1px dashed #cacaca
}

.index-custom-news-list ul li:last-child {
	border-bottom: none
}

.index-custom-news-list ul li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 24px 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.index-custom-news-list ul li a:hover .t {
	color: #E50011;
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px)
}

.index-custom-news-list .date {
	text-align: center;
	margin-right: 40px;
	font-family: Arial
}

.index-custom-news-list .day {
	line-height: 1;
	font-size: 48px;
	color: #E50011
}

.index-custom-news-list .time {
	font-size: 16px;
	color: #333
}

.index-custom-news-list .info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.index-custom-news-list .t {
	font-size: 16px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.index-custom-news-list .p {
	max-height: 48px;
	font-size: 12px;
	line-height: 24px;
	color: #888;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word;
	overflow: hidden
}

@media screen and (max-width: 1440px) {
	.index-custom-news-list {
		padding: 0 40px
	}

	.index-custom-news-list .date {
		margin-right: .15rem
	}

	.index-custom-news-list .day {
		font-size: 46px
	}

	.index-custom-news-list .time {
		font-size: 15px
	}
}

@media screen and (max-width: 1050px) {
	.index-custom-news-list {
		padding: 0 .15rem
	}
}

@media screen and (max-width: 750px) {
	.index-custom-news-list {
		display: block
	}

	.index-custom-news-list ul {
		padding: .05rem 0
	}

	.index-custom-news-list ul li a {
		padding: .15rem 0 .17rem
	}

	.index-custom-news-list .day {
		font-size: 36px
	}

	.index-custom-news-list .time {
		font-size: 11px
	}

	.index-custom-news-list .t {
		margin-bottom: 6px; font-size:13px;
	}

	.index-custom-news-list .p {
		max-height: 40px;
		line-height: 20px
	}

	.index-custom-news-list .more {
		position: static;
		width: 100%;
		text-align: center;
		margin-bottom: .15rem
	}
}

.index-custom-list {
	position: relative
}

.index-custom-list .index-custom-prev,.index-custom-list .index-custom-next {
	position: absolute;
	top: 50%;
	font-size: 30px;
	margin-top: -15px;
	outline: none;
	color: #333;
	cursor: pointer
}

.index-custom-list .index-custom-prev:hover,.index-custom-list .index-custom-next:hover {
	color: #E50011
}

@media screen and (max-width: 750px) {
	.index-custom-list .index-custom-prev,.index-custom-list .index-custom-next {
		display: none
	}
}

.index-custom-list .index-custom-prev {
	left: -30px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.index-custom-list .index-custom-next {
	right: -30px
}

.index-custom-list li {
	width: 210px
}

.index-custom-list li span {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 47.61905%;
	overflow: hidden;
	background: #fff
}

.index-custom-list li span img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	display: block
}

@media screen and (max-width: 1050px) {
	.index-custom-list li {
		display: inline-block;
		vertical-align: top;
		width: 210px
	}
}

@media screen and (max-width: 750px) {
	.index-custom-list li {
		width: 120px
	}
}



.index-design {
	padding-top: .3rem;
	padding-bottom: .425rem;
	position: relative;
	z-index: 5;
	background-image: url(image/index_sjbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;
}

@media screen and (max-width: 750px) {
	.index-design .wp1534 {
		margin-right: 0;
		margin-left: 0
	}
}

.index-design-con {
	padding-right: 84px;
	position: relative;
	margin-top: .2rem;
	margin-bottom: .2rem
}

.index-design-con .more {
	right: 0;
	top: 50%;
	width: 84px;
	height: 84px;
	line-height: 84px;
	margin-top: -42px;
	background: #da241c;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	position: absolute;
	text-align: center;
	-webkit-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	transition: background-color .2s ease
}

.index-design-con .more:hover {
	background: #e4332c
}

@media screen and (max-width: 1050px) {
	.index-design-con {
		padding-right: 60px
	}

	.index-design-con .more {
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin-top: -30px;
		font-size: 12px
	}
}

@media screen and (max-width: 750px) {
	.index-design-con {
		padding-right: 0
	}

	.index-design-con .more {
		right: 0;
		top: auto;
		bottom: -.275rem;
		margin-top: 0;
		width: .55rem;
		height: .55rem;
		line-height: .55rem;
		font-size: .1rem
	}
}

.index-design-bd {
	background-color: #fff
}

.index-design-bd .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 56px;
	background-color: #fff;
	display: none
}

.index-design-bd .item:first-child {
	display: block
}

.index-design-bd .item .box {
	background: #f6f6f6;
	padding: 50px 50px 70px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 300px
}

.index-design-bd .item .avatar {
	width: 370px;
	position: relative;
	margin-right: 80px
}

.index-design-bd .item .avatar span {
	width: 300px;
	height: 300px;
	border-radius: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 30px solid #fff;
	display: block;
	position: absolute;
	left: 0;
	top: -140px
}

.index-design-bd .item .info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.index-design-bd .item .name {
	font-size: 32px;
	color: #444;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.index-design-bd .item .name a {
	color: #444
}

.index-design-bd .item .name a:hover {
	color: #E50011
}

.index-design-bd .item .p {
	max-height: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #777;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all
}

@media screen and (max-width: 1600px) {
	.index-design-bd .item {
		padding: 40px 46px
	}

	.index-design-bd .item .box {
		padding: 40px 40px 60px;
		min-height: 260px
	}

	.index-design-bd .item .avatar {
		width: 330px
	}

	.index-design-bd .item .avatar span {
		top: -130px;
		width: 280px;
		height: 280px;
		border-width: 25px
	}

	.index-design-bd .item .name {
		font-size: 30px
	}
}

@media screen and (max-width: 1440px) {
	.index-design-bd .item .box {
		min-height: 246px
	}

	.index-design-bd .item .avatar {
		margin-right: 60px;
		width: 290px
	}

	.index-design-bd .item .avatar span {
		top: -120px;
		width: 250px;
		height: 250px;
		border-width: 20px
	}

	.index-design-bd .item .name {
		font-size: 28px
	}
}

@media screen and (max-width: 1200px) {
	.index-design-bd .item {
		padding: 30px
	}

	.index-design-bd .item .box {
		padding: 30px 30px 40px;
		min-height: 235px
	}

	.index-design-bd .item .avatar {
		margin-right: 50px;
		width: 260px
	}

	.index-design-bd .item .avatar span {
		top: -100px;
		width: 220px;
		height: 220px
	}

	.index-design-bd .item .name {
		font-size: 26px
	}
}

@media screen and (max-width: 1050px) {
	.index-design-bd .item {
		padding: 20px
	}

	.index-design-bd .item .box {
		padding: 20px 20px 30px;
		min-height: 190px
	}

	.index-design-bd .item .avatar {
		margin-right: 40px;
		width: 210px
	}

	.index-design-bd .item .avatar span {
		top: -80px;
		width: 180px;
		height: 180px;
		border-width: 15px
	}

	.index-design-bd .item .name {
		font-size: 24px
	}
}

@media screen and (max-width: 750px) {
	.index-design-bd .item {
		padding: .2rem 0
	}

	.index-design-bd .item .box {
		padding: .2rem .2rem .25rem .075rem;
		min-height: 1.2rem
	}

	.index-design-bd .item .avatar {
		margin-right: .15rem;
		width: 1.4rem
	}

	.index-design-bd .item .avatar span {
		top: -.6rem;
		width: 1.2rem;
		height: 1.2rem;
		border-width: .1rem
	}

	.index-design-bd .item .name {
		font-size: 20px
	}

	.index-design-bd .item .p {
		max-height: 66px;
		line-height: 22px;
		font-size: 13px
	}
}

.index-design-hd {
	position: absolute;
	right: 190px;
	text-align: right;
	font-size: 0;
	bottom: -53px
}

.index-design-hd .item {
	display: inline-block;
	vertical-align: top;
	margin-left: 16px
}

.index-design-hd .item span {
	display: block;
	width: 162px;
	height: 162px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	cursor: pointer
}

.index-design-hd .item.on span {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

@media screen and (max-width: 1600px) {
	.index-design-hd {
		right: 170px
	}

	.index-design-hd .item span {
		width: 140px;
		height: 140px
	}
}

@media screen and (max-width: 1440px) {
	.index-design-hd {
		right: 160px
	}

	.index-design-hd .item span {
		width: 130px;
		height: 130px
	}
}

@media screen and (max-width: 1050px) {
	.index-design-hd {
		right: 100px
	}

	.index-design-hd .item span {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width: 750px) {
	.index-design-hd {
			right:30%; top:80%;
	}
		.index-design-hd .item span {
		width: 70px;
		height: 70px
	}
}
@media screen and (max-width: 450px) {
	.index-design-hd {
			right:30%;
	}
		.index-design-hd .item span {
		width: 55px;
		height: 55px
	}
}