.h_banner {
	height: 776px;
	overflow: hidden;
	position: relative;
}

.h_banner .swiper_spot {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	z-index: 11;
	text-align: center;
}

.h_banner .swiper_spot span {
	width: 14px;
	height: 14px;
	margin: 0 6px;
	border-radius: 50%;
	opacity: 0.5;
	background: #fff;
}

.h_banner .swiper_spot span.swiper-pagination-bullet-active {
	background: #e60013;
	opacity: 1;
}

.h_banner li,
.h_banner li a {
	display: block;
	height: 100%;
}

.h_page1 {
	background: #cacaca;
	padding: 80px 0 60px;
}

.u_tit {
	text-align: center;
}

.u_tit h2 span {
	font-size: 45px;
	line-height: 64px;
	color: #141414;
	font-weight: bold;
	position: relative;
}

.u_tit h2 span::after,
.u_tit h2 span::before {
	content: "";
	background: url(../images/ico21.png) no-repeat center;
	width: 161px;
	height: 26px;
	position: absolute;
	top: 18px;
	left: -180px;
}

.u_tit h2 span::after {
	left: auto;
	right: -180px;
	background: url(../images/ico22.png) no-repeat center;
}

.u_tit p {
	font-size: 30px;
	line-height: 42px;
	color: #222222;
}

.u_tit p i {
	color: #e60013;
}

.h_page1 .bds {
	margin-top: 160px;
}

.h_page1 .bds li {
	width: calc((100% - 30px)/2);
	margin-right: 28px;
	float: left;
	position: relative;
	margin-bottom: 60px;
}

.h_page1 .bds li::before {
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	background: url(../images/img12.png) no-repeat center;
	width: 786px;
	height: 50px;
	overflow: hidden;
	content: "";
	margin: 0 auto;
}

.h_page1 .bds li:nth-child(2n) {
	margin-right: 0;
	margin-top: -110px;
}

.h_page1 .bds li .img {
	width: 100%;
	height: 402px;
}

.h_page1 .bds li .img img {
	width: 100%;
	height: 100%;
	display: block;
}

.h_page1 .bds li .txt {
	width: 100%;
	background: #1d1d2b;
	height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 40px;
}

.h_page1 .bds .txt h3 {
	float: left;
	background: #c60010;
	width: 100px;
	height: 100%;
	text-align: center;
	font-size: 60px;
	color: #FFFFFF;
	position: relative;
	line-height: 1.7;
}

.h_page1 .bds .txt h3::before {
	content: "";
	background: url(../images/ico8.png) no-repeat center;
	width: 124px;
	height: 24px;
	position: absolute;
	overflow: hidden;
	top: -24px;
	left: 0;
}

.h_page1 .bds .txt .rt {
	float: right;
	width: calc(100% - 150px);
	padding: 20px 0 10px;
}

.h_page1 .bds .txt h4 {
	font-size: 36px;
	line-height: 54px;
	color: #e60013;
	font-weight: bold;
}

.h_page1 .bds .txt p {
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	height: 108px;
	overflow: hidden;
}

.h_page1 .bds .txt p i {
	color: #ffff00;
	font-weight: bold;
}

.h_page2 {
	height: 1291px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 90px;
}

.h_page2 .lbg1 {
	content: "";
	background: url(../images/img9.png) no-repeat center;
	width: 264px;
	height: 475px;
	position: absolute;
	top: 0;
	left: 0;
}

.h_page2 .lbg2 {
	content: "";
	background: url(../images/img10.png) no-repeat center;
	width: 196px;
	height: 352px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.h_page2 h2 span {
	color: #FFFFFF;
}

.h_page2 h2 span::before {
	background: url(../images/ico26.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page2 h2 span::after {
	background: url(../images/ico27.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page2 .ltit {
	padding-top: 50px;
	text-align: center;
	vertical-align: top;
}

.h_page2 .ltit span {
	font-size: 42px;
	line-height: 65px;
	color: #e6e6e6;
	vertical-align: top;
	font-weight: bold;
	margin: 0 30px;
}

.h_page2 .ltit img {
	position: relative;
	top: -37px;
	vertical-align: top;
}

.h_page2 .bds li {
	position: relative;
	height: 96px;
	margin-bottom: 38px;
}

.h_page2 .bds h3 {
	width: calc((100% - 50px)/2);
	line-height: 96px;
	font-size: 28px;
	color: #333333;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 50px;
	float: left;
	background: #fff;
	transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	/* IE 9 */
	-moz-transform: skewX(-30deg);
	/* Firefox */
	-webkit-transform: skewX(-30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(-30deg);
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.h_page2 .bds h3:nth-child(2n) {
	float: right;
	text-align: left;
	color: #fff;
	background: #21212f;
}

.h_page2 .bds h3 strong {
	color: #e60013;
}

.h_page2 .bds h3>span {
	transform: skewX(30deg);
	-ms-transform: skewX(30deg);
	/* IE 9 */
	-moz-transform: skewX(30deg);
	/* Firefox */
	-webkit-transform: skewX(30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(30deg);
	display: block;
}

.h_page2 .bds h4 {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	line-height: 32px;
	padding: 7px;
	width: 112px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	background: #e60013;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	z-index: 11;
	transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	/* IE 9 */
	-moz-transform: skewX(-30deg);
	/* Firefox */
	-webkit-transform: skewX(-30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(-30deg);
	margin-top: -40px;
}

.mores {
	width: 210px;
	line-height: 54px;
	display: block;
	margin: 45px auto;
	font-size: 24px;
	color: #ffffff;
	transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	/* IE 9 */
	-moz-transform: skewX(-30deg);
	/* Firefox */
	-webkit-transform: skewX(-30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(-30deg);
	background: #e60013;
	text-align: center;
}
.moresyk{
	width: 160px;
	line-height: 46px;
	font-size: 18px;
}
.mores span {
	display: inline-block;
	transform: skewX(30deg);
	-ms-transform: skewX(30deg);
	/* IE 9 */
	-moz-transform: skewX(30deg);
	/* Firefox */
	-webkit-transform: skewX(30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(30deg);
}

.h_page3 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 90px;
	position: relative;
}

.lbgs3 {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: url(../images/lbg1.png) no-repeat center/cover;
}

.h_page3 h2 span {
	color: #FFFFFF;
}

.h_page3 .wrap {
	position: relative;
	z-index: 111;
}

.h_page3 h2 span::after,
.h_page3 h2 span::before {
	background: url(../images/ico10.png) no-repeat center;
	width: 43px;
	height: 34px;
	left: -60px;
	top: 14px;
}

.h_page3 h2 span::after {
	left: auto;
	right: -60px;
}

.wap {
	width: 1200px;
	margin: 0 auto;
}

.h_page3 .bds {
	margin-top: 45px;
	box-shadow: -10px 10px 10px 2px rgba(0, 0, 0, 0.1);
}

.h_page3 .bds .lt {
	float: left;
	width: 242px;
	background: #21212f;
	padding-top: 28px;
}

.h_page3 .bds .rt {
	float: right;
	width: calc(100% - 242px);
	background: #FFFFFF;
	padding-left: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.h_page3 .bds .top {
	margin-bottom: 25px;
	padding: 0 28px 0;
}

.h_page3 .bds .top h3 {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
}

.h_page3 .bds .top p {
	font-size: 12px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

.h_page3 .bds .nav h4 {
	width: 100%;
	background: #8f000c;
	height: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 28px;
}

.h_page3 .bds .nav h4 a {
	line-height: 60px;
	font-size: 22px;
	color: #FFFFFF;
	display: block;
	padding-left: 50px;
}

.h_page3 .bds .nav li:nth-child(1) h4 a {
	background: url(../images/ico11.png) no-repeat left center;
}

.h_page3 .bds .nav li:nth-child(2) h4 a {
	background: url(../images/ico12.png) no-repeat left center;
}

.h_page3 .bds .nav li:nth-child(3) h4 a {
	background: url(../images/ico13.png) no-repeat left center;
}

.h_page3 .bds .nav dl {
	padding: 10px 28px;
}

.h_page3 .bds .nav dd a {
	line-height: 38px;
	font-size: 16px;
	color: #d9d9e9;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.h_page3 .bds .tit {
	border-bottom: 1px solid #e7e7e7;
}

.h_page3 .bds .tit h3 {
	font-size: 30px;
	line-height: 62px;
	color: #333333;
	border-bottom: 2px solid #e60013;
	float: left;
}

.h_page3 .bds .tit .more {
	display: block;
	float: right;
	width: 100px;
	height: 36px;
	background: #e60013;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	border-radius: 25px;
	margin-top: 14px;
}

.h_page3 .bds .list {
	padding: 20px 0 60px;
}

.h_page3 .bds .list li {
	width: calc((100% - 32px)/3);
	margin-right: 15px;
	border: 1px solid #f4f4f4;
	margin-bottom: 10px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.h_page3 .bds .list li:nth-child(3n) {
	margin-right: 0;
}

.h_page3 .bds .list li .img {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.h_page3 .bds .list li .img img {
	width: 100%;
	height: 100%;
	display: block;
}

.h_page3 .bds .list h4 {
	border-top: 1px solid #f4f4f4;
	line-height: 58px;
	font-size: 16px;
	color: #666666;
	padding: 0 30px;
	text-align: center;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.h_page4 {
	height: 249px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 42px;
}

.h_page4 .lt {
	float: left;
	width: 515px;
}

.h_page4 .rt {
	float: right;
	width: calc(100% - 630px);
	padding-right: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 20px;
}

.h_page4 h2 {
	font-size: 65px;
	line-height: 76px;
	color: #f40014;
	margin-bottom: 10px;
}

.h_page4 p {
	font-size: 30px;
	line-height: 42px;
	color: #fff;
}

.h_page4 p i {
	font-weight: bold;
}

.h_page4 .img {
	float: left;
	width: 134px;
	height: 134px;
	overflow: hidden;
}

.h_page4 .img img {
	width: 100%;
	height: 100%;
	display: block;
}

.h_page4 .btn {
	float: right;
	margin-left: 110px;
}

.h_page4 .btn .ico {
	float: left;
	width: 76px;
	height: 76px;
}

.h_page4 .btn .ico img {
	width: 100%;
	height: 100%;
	display: block;
}

.h_page4 .btn .txt {
	float: left;
	margin-left: 14px;
}

.h_page4 .btn .txt h4 {
	font-size: 25px;
	color: #FFFFFF;
	line-height: 36px;
}

.h_page4 .btn .b1 {
	background: url(../images/ico32.png) no-repeat center;
	width: 171px;
	height: 42px;
	display: block;
	text-align: center;
	line-height: 42px;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: -40px;
}

.h_page5 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 90px;
}

.h_page5 h2 span {
	color: #FFFFFF;
}

.h_page5 h2 span::before {
	background: url(../images/ico26.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page5 h2 span::after {
	background: url(../images/ico27.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page5 .bds {
	margin-top: 60px;
}

.h_page5 .bds li {
	position: relative;
	margin-bottom: 40px;
}

.h_page5 .bds li .tbg {
	position: absolute;
	content: "";
	right: -600px;
	left: -40%;
	z-index: 1;
	height: 220px;
	bottom: 0;
	background: #e60013;
	transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	/* IE 9 */
	-moz-transform: skewX(-30deg);
	/* Firefox */
	-webkit-transform: skewX(-30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(-30deg);
}

.h_page5 .bds li .poz {
	position: relative;
	z-index: 222;
}

.h_page5 .bds li .imgs {
	position: absolute;
	right: 50%;
	top: 0;
	width: 585px;
	overflow: hidden;
	border: 15px solid #fff;
	transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	/* IE 9 */
	-moz-transform: skewX(-30deg);
	/* Firefox */
	-webkit-transform: skewX(-30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(-30deg);
	z-index: 222;
	margin-right: 80px;
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.4);
}

.h_page5 .bds li .imgs img {
	transform: skewX(30deg);
	-ms-transform: skewX(30deg);
	/* IE 9 */
	-moz-transform: skewX(30deg);
	/* Firefox */
	-webkit-transform: skewX(30deg);
	/* Safari 和 Chrome */
	-o-transform: skewX(30deg);
	width: 160%;
	max-width: initial;
	height: 315px;
	display: block;
	margin-left: -30%;
}

.h_page5 .bds li .txt {
	float: right;
	width: 50%;
	position: relative;
	z-index: 22;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 60px;
}

.h_page5 .bds li .txt h3 {
	text-align: right;
}

.h_page5 .bds li .txt span {
	font-size: 90px;
	line-height: 1.1;
	color: #ffffff;
	display: inline-block;
	padding-right: 35px;
	background: url(../images/icos1.png) no-repeat right bottom;
}

.h_page5 .bds li .txt h2 {
	font-size: 50px;
	line-height: 92px;
	color: #e6e6e6;
	margin-bottom: 10px;
	font-weight: bold;
}

.h_page5 .bds li .txt h6 {
	height: 220px;
	position: relative;
}

.h_page5 .bds li .txt p {
	font-size: 24px;
	line-height: 42px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	/* IE 9 */
	-moz-transform: translateY(-50%);
	/* Firefox */
	-webkit-transform: translateY(-50%);
	/* Safari 和 Chrome */
	-o-transform: translateY(-50%);
	max-height: 168px;
	overflow: hidden;
	width: 600px;
}

.h_page5 .bds li:nth-child(2n) .txt {
	float: left;
}

.h_page5 .bds li:nth-child(2n) .txt h3 {
	text-align: left;
}

.h_page5 .bds li:nth-child(2n) .txt h2 {
	text-align: right;
}

.h_page5 .bds li:nth-child(2n) .txt p {
	left: auto;
	right: 0;
}

.h_page5 .bds li:nth-child(2n) .imgs {
	right: auto;
	left: 50%;
	margin: 0;
	margin-left: 80px;
}

.h_page5 .bds li:nth-child(2n) .tbg {
	left: -500px;
	right: -40%;
}

.h_page6 {
	height: 830px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 106px;
}

.h_page6 h2 span::before {
	background: url(../images/ico2.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page6 h2 span::after {
	background: url(../images/ico3.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page6 .bds {
	margin-top: 45px;
	height: 550px;
}

.h_page6 .bds .video {
	width: 800px;
	height: 550px;
	float: left;
	position: relative;
}

.h_page6 .bds .video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h_page6 .bds .video .ico {
	width: 95px;
	height: 95px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	display: none;
}

.h_page6 .bds .video .ico img {
	width: 100%;
	height: 100%;
	display: block;
}

.h_page6 .bds .txt {
	width: calc(100% - 800px);
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px;
	float: right;
	background: #FFFFFF;
}
.h_page6 .bds .txt .ltet{
	overflow: hidden;    height: 355px;
}
.h_page6 .txt h2 {
	font-size: 36px;
	line-height: 1.8;
	color: #1a1919;
}

.h_page6 .txt h2 i {
	font-weight: bold;
}

.h_page6 .txt span {
	display: block;
	width: 44px;
	height: 2px;
	background: #e60013;
	margin-bottom: 20px;
}

.h_page6 .txt p {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	text-indent: 2em;
	margin-bottom: 20px;
}

.h_page6 .txt .btn i {
	line-height: 42px;
	font-size: 16px;
	color: #FFFFFF;
	display: inline-block;
}

.h_page6 .txt .btn {
	display: block;
	height: 42px;
	background: url(../images/ico33.jpg) no-repeat right center #21212f;
	width: 136px;
	padding-right: 68px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.h_page7 {
	padding: 80px 0 30px;
}

.h_page7 .wap {
	position: relative;
}

.h_page7 h2 span::before {
	background: url(../images/ico2.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page7 h2 span::after {
	background: url(../images/ico3.png) no-repeat center;
	width: 156px;
	height: 26px;
}

.h_page7 .bds {
	overflow: hidden;
	margin-top: 40px;
}

.h_page7 .bds li {
	height: 327px;
	overflow: hidden;
}

.h_page7 .bds li img {
	display: block;
	height: 100%;
	width: 100%;
}

.h_page7 .prev,
.h_page7 .next {
	position: absolute;
	left: -70px;
	z-index: 11;
	top: 50%;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	background: url(../images/pre.jpg) no-repeat center;
	cursor: pointer;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}

.h_page7 .next {
	left: auto;
	right: -70px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	/* IE 9 */
	-moz-transform: rotate(180deg);
	/* Firefox */
	-webkit-transform: rotate(180deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(180deg);
}

.h_page7 .prev:hover,
.h_page7 .next:hover {
	background: url(../images/pr-1.jpg) no-repeat center;
}

.h_page8 {
	height: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 45px 0;
}

.h_page8 .tit {
	padding: 0 230px;
}

.h_page8 .tit h2 {
	font-size: 61px;
	line-height: 60px;
	color: #e60013;
	font-weight: bold;
	float: left;
}

.h_page8 .tit rt {
	float: left;
}

.h_page8 .tit p {
	font-size: 26px;
	color: #FFFFFF;
	line-height: 30px;
}

.h_page8 .tit i {
	color: #e60013;
	font-weight: bold;
}

.h_page8 .bd {
	margin-top: 35px;
}

.h_page8 .bd ul {
	padding: 0 170px;
}

.h_page8 .bd li {
	overflow: hidden;
	width: 33.33%;
	float: left;
}

.h_page8 .bd li .ico {
	float: left;
	width: 70px;
}

.h_page8 .bd li .ico img {
	height: 59px;
	display: block;
}

.h_page8 .bd li .txt {
	float: left;
	width: calc(100% - 72px);
}

.h_page8 .bd li h3 {
	font-size: 25px;
	line-height: 34px;
	color: #fff;
	font-weight: bold;
}

.h_page8 .bd li h6 {
	font-size: 19px;
	line-height: 34px;
	color: #fff;
}

.h_page9 {
	padding: 60px 0;
	background: #f0f0f0;
}

.h_page9 .u_tit h2 span::before {
	background: url(../images/ico5.png) no-repeat center;
	width: 35px;
	height: 26px;
	left: -70px;
}

.h_page9 .u_tit h2 span::after {
	left: auto;
	right: -70px;
	background: url(../images/ico5.png) no-repeat center;
	width: 35px;
	height: 26px;
}

.h_page9 .box {
	margin-top: 30px;
}

.h_page9 .box .lt {
	float: left;
	width: 580px;
}

.h_page9 .box .rt {
	float: right;
	width: calc(100% - 622px);
}

.h_page9 .lt .hd {
	height: 56px;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.h_page9 .lt .hd ul {
	font-size: 0;
	text-align: center;
}

.h_page9 .lt .hd li {
	display: inline-block;
	font-size: 20px;
	color: #333333;
	line-height: 56px;
	background: #FFFFFF;
	width: 50%;
	cursor: pointer;
}
.h_page9 .lt .hd li a{
	color: #333333;
	display: block;
}
.h_page9 .lt .hd li a:hover,
.h_page9 .lt .hd li.on a{
	color: #fff;
	background: #e60013;
}

.h_page9 .lt .bd {
	margin-top: 28px;
}

.h_page9 .lt .bd li {
	overflow: hidden;
	margin-bottom: 40px;
}

.h_page9 .lt .bd li:nth-child(1) {
	background: #FFFFFF;
	height: 125px;
	overflow: hidden;
}

.h_page9 .lt .bd li a {
	display: block;
}

.h_page9 .lt .bd li .img {
	float: left;
	width: 218px;
	height: 125px;
	overflow: hidden;
}

.h_page9 .lt .bd li .img img {
	width: 100%;
	height: 100%;
	display: block;
}

.h_page9 .lt .bd li a {
	display: block;
}

.h_page9 .lt .bd li .txt {
	float: right;
	width: calc(100% - 220px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 22px 16px 20px 22px;
}

.h_page9 .lt .bd li h3 {
	font-size: 18px;
	color: #221815;
	line-height: 28px;
	margin-bottom: 5px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.h_page9 .lt .bd li p {
	line-height: 26px;
	font-size: 14px;
	color: #716c6c;
	height: 52px;
	overflow: hidden;
}

.h_page9 .lt .bd li .date {
	float: left;
	border-right: 1px solid #d3d3d3;
	padding-right: 36px;
}

.h_page9 .lt .bd li .date h4 {
	font-size: 30px;
	color: #909090;
	line-height: 40px;
	margin-bottom: 16px;
}

.h_page9 .lt .bd li .date h6 {
	font-size: 18px;
	color: #606060;
	line-height: 22px;
}

.h_page9 .lt .bd li.n1 .txt {
	width: calc(100% - 166px);
	padding: 0;
}

.h_page9 .rt h2 {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	float: left;
	line-height: 56px;
}

.h_page9 .rt .hd {
	padding: 0 20px;
	background: #FFFFFF;
	height: 56px;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.h_page9 .rt .ture {
	background: url(../images/ico6.png) no-repeat right center;
	width: 56px;
	height: 56px;
	overflow: hidden;
	display: block;
	float: right;
}

.h_page9 .rt .bd {
	margin-top: 10px;
}

.h_page9 .rt .bd li {
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 0;
}

.h_page9 .rt .bd li:last-child {
	border-bottom: none;
}

.h_page9 .rt .bd a {
	display: block;
	background: url(../images/img6.jpg) no-repeat left top;
	padding-left: 70px;
}

.h_page9 .rt .bd h3 {
	font-size: 18px;
	color: #221815;
	line-height: 20px;
	margin-bottom: 7px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.h_page9 .rt .bd p {
	line-height: 26px;
	font-size: 14px;
	color: #716c6c;
	height: 78px;
	overflow: hidden;
}

.h_page10 {
	height: 249px;
	padding: 20px 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.h_page10 .txt {
	text-align: center;
}

.h_page10 h2 {
	font-size: 42px;
	line-height: 1.8;
	color: #fff;
	font-weight: bold;
	text-shadow: 5px 2px 6px rgba(0, 0, 0, 0.4);
}

.h_page10 p {
	font-size: 30px;
	line-height: 1.8;
	color: #fff;
}

.h_page10 .btn {
	background: url(../images/ico32.png) no-repeat center;
	width: 171px;
	height: 42px;
	display: block;
	text-align: center;
	line-height: 42px;
	font-size: 24px;
	color: #FFFFFF;
	margin: 20px auto 0;
}

.h_page11 {
	padding: 50px 0 70px;
	background: #FFFFFF;
}

.h_page11 .u_tit h2 span::before {
	background: url(../images/ico5.png) no-repeat center;
	width: 35px;
	height: 26px;
	left: -70px;
}

.h_page11 .u_tit h2 span::after {
	left: auto;
	right: -70px;
	background: url(../images/ico5.png) no-repeat center;
	width: 35px;
	height: 26px;
}

.h_page11 .bd {
	margin-top: 40px;
}

.h_page11 .bd li {
	float: left;
	margin-right: 11px;
	height: 104px;
	border: 1px solid #e7e7e7;
	width: calc((100% - 68px)/7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.h_page11 .bd li:nth-child(7n){
	margin-right: 0;
}
.h_page11 .bd li:nth-child(n + 8){
    display: none;
}
.h_page11 .bd li img {
	display: block;
	position: absolute;
	z-index: 11;
	max-height: 80%;
	max-width: 80%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}


.posi {
	position: relative;
}

.l_banner {
	height: 300px;
}

.l_banner .wap {
	position: relative;
	height: 100%;
}

.l_banner .lnav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
}

.l_banner .lnav ul {
	overflow: hidden;
}

.l_banner .lnav li {
	float: left;
	line-height: 54px;
	margin-right: 5px;
	font-size: 16px;
	text-align: center;
}

.l_banner .lnav li a {
	position: relative;
	display: block;
	color: rgb(31, 35, 38);
	padding: 0 15px;
	background-color: rgba(255, 255, 255, .8);
}

.l_banner .lnav li.active i {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	border: 8px solid transparent;
	border-top: 0;
	border-bottom-color: white;
	display: block;
}

.l_banner .lnav li.active a,
.l_banner .lnav li a:hover {
	color: white;
	background-color: #e60013;
}

.crumbs {
	height: 50px;
	margin-bottom: 20px;
}
.crumbs dl{
	overflow: hidden;
}
.crumbs dt,
.crumbs dd {
	float: left;
	line-height: 50px;
	margin-bottom: 20px;
	color: #666;
	font-size: 14px;
}

.crumbs dd a {
	color: #666;
}

.crumbs dd span {
	margin: 0 5px;
}

.layout_bg {
	background: #f5f5f5;
}

.proList {
	width: 1200px;
	margin: 0 auto;
}

.proList li {
	width: 1160px;
	height: 360px;
	padding: 20px;
	background-color: white;
	margin-bottom: 20px;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	transition: box-shadow .3s;
}

.proList li:hover {
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}

.proList li .photo {
	float: left;
	position: relative;
	display: block;
	width: 360px;
	height: 360px;
	overflow: hidden;
}

.proList li .photo a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 360px;
	height: 360px;
	overflow: hidden;
}

.proList li .photo a img {
	max-width: 360px;
	max-height: 360px;
	vertical-align: bottom;
}

.proList .desc {
	float: right;
	width: 745px;
	height: 360px;
}

.proList a.title {
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
	margin: 15px 0;
}

.proList .focus {
	font-size: 16px;
	color: #666;
	line-height: 28px;
}

.proList .focus p {
	position: relative;
	padding-left: 15px;
}

.proList .focus p:before {
	content: "";
	border: 5px solid transparent;
	border-top: 0;
	border-bottom-color: #e60013;
	position: absolute;
	left: 0;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-moz-transform: rotate(90deg);
	/* Firefox */
	-webkit-transform: rotate(90deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(90deg);
	top: 50%;
	z-index: 11;
	margin-top: -3px;
}

.proList em {
	font-style: normal;
	font-size: 16px;
	padding: 25px 0 45px;
	display: block;
}

.proList a.detail {
	display: block;
	width: 98px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	border: 1px solid #e60013;
	color: #e60013;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	/* IE 9 */
	-moz-transition: all 0.3s;
	/* Firefox */
	-webkit-transition: all 0.3s;
	/* Safari 和 Chrome */
	-o-transition: all 0.3s;
}

.proList a.detail:hover {
	color: white;
	background-color: #e60013;
}

.ptOuter {
	padding: 40px 0;
	background: #fff;
}

.ptOuter ul {
	margin-top: 30px;
}

.ptOuter li {
	float: left;
	width: calc((100% - 62px)/4);
	background-color: white;
	margin: 0 20px 20px 0;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	transition: box-shadow .3s;
}

.ptOuter li:nth-child(4n) {
	margin-right: 0;
}

.ptOuter li .photo a {
	display: block;
	border: 1px solid #eee;
	height: 403px;
}

.ptOuter li .photo a img {
	width: 100%;
	height: 100%;
	display: block;
}

.ptOuter li .title {
	display: block;
	font-size: 16px;
	padding: 15px 0;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-weight: bold;
}

.ptOuter li:hover .photo a {
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}

.lstit {
	text-align: center;
}

.lstit span {
	font-size: 45px;
	line-height: 64px;
	color: #141414;
	font-weight: bold;
	position: relative;
	display: inline-block;
}

.lstit span::after,
.lstit span::before {
	content: "";
	background: url(../images/ico2.png) no-repeat center;
	width: 161px;
	height: 26px;
	position: absolute;
	top: 18px;
	left: -180px;
}

.lstit span::after {
	left: auto;
	right: -180px;
	background: url(../images/ico3.png) no-repeat center;
}
.h_pagef7{
	background: #fff;
}
.twoInner {
	padding: 60px 0;
	text-align: center;
}

.twoInner li {
	width: 590px;
	height: 240px;
	border: 6px solid #fff;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	transition: box-shadow .3s;
	float: left;
}

.twoInner li a {
	display: block;
	color: white;
}

.twoInner li div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 578px;
	height: 228px;
	overflow: hidden;
	background-color: rgba(6, 24, 37, .7);
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	transition: background-color .3s;
}

.twoInner li strong {
	font-size: 24px;
	font-weight: normal;
}

.twoInner li p {
	font-size: 16px;
	padding: 15px 30px;
	line-height: 50px;
	line-height: 25px;
}

.twoInner li a:hover div {
	background-color: rgba(6, 24, 37, .5);
}

.twoInner li:hover {
	box-shadow: 0 0 18px rgba(0, 0, 0, 0);
}

.twoInner li:nth-child(2) {
	float: right;
}


/*产品*/
.pro_detal{
	padding-bottom: 40px;
}
.pro_detal .subLeft{
	float: left;
	width: 850px;
}
.pro_detal h1{
	font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
    color: #222;
    clear: both;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    margin-bottom: 15px;
}
.pro_detal .kuai{
	    position: relative;
    padding: 23px 0;
    border-bottom: 1px solid #b4b4b5;
    margin-bottom: 30px;
}
.pro_detal .kuai dl {
    display: table-cell;
    vertical-align: middle;
    height: 105px;
    font-size: 16px;
    line-height: 26px;
    padding-left: 40px;
    position: relative;
    z-index: 1;
}
.pro_detal .kuai dl:before {
    width: 4px;
    height: 85px;
    background-color: #0060c7;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: '';
}
.pro_detal .kuai dt {
    line-height: 34px;
    font-weight: bold;
    font-size: 24px;
    color: #040204;
    margin-right: 100px;
    float: left;
}
.pro_detal .kuai dd {
    width: 440px;
    line-height: 30px;
    font-size: 18px;
    color: #6c6a6c;
    float: left;
}
.pro_detal .kuai:after {
    width: 26px;
    height: 14px;
    background: url(../images/line-arrow.jpg) no-repeat center bottom;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -14px;
    left: 0;
    content: '';
}
.pro_detal .para2{
    font-size: 18px;
    color: #333;
}
.pro_detal .slideBox {
    overflow: hidden;
    position: relative;
    background: linear-gradient(#ffffff,#e7e7e7);
    margin-bottom: 20px;
    padding-bottom: 140px/* 81px */;
}
.pro_detal .slideBox .bd {
    position: relative;
}
.pro_detal .slideBox .bd li img{
	width: 500px;
	margin: 0 auto;
} 
.pro_detal .slideBox li img{
	width: 100%;display: block;
}
.pro_detal .slideBox .hd{
    position: absolute;
    z-index: 1;
    bottom: 25px;left: 0;right: 0;
    margin: 0 60px;overflow: hidden;
    padding: 10px;
}
.pro_detal .slideBox .hd ul li {
    display: inline-block;
    margin-bottom: 10px;
    background: #fff;
    cursor: pointer;
}
.pro_detal .slideBox .hd ul li:hover,
.pro_detal .slideBox .hd ul li.swiper-slide-thumb-active{
    box-shadow: 0 0 8px rgba(0,0,0,.6);
}
.pro_detal .slideBox a.prev,
.pro_detal .slideBox a.next {
    width: 24px;
    height: 43px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 35%;left: 40px;
    margin-top: -26px;
    background-repeat: no-repeat;
    background-image: url(../images/lr.png);
}
.pro_detal .slideBox a.next {
    right: 40px;left: auto;
    background-position: right top;
}
.pro_detal .slideProBox .bd img{
	width: 100%;display: block;
}
.subRight {
    float: right;
    width: 330px;
}
.sideContact {
    padding: 0 20px;
    border: 1px solid #0060c7;
    background-color: #f7f7f7;
    margin-bottom: 20px;
}
.sideContact .tit {
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-left: 16px;
}
.sideContact .tit:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 17px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: linear-gradient(#0060c7,#0060c7);
    border-radius: 2px;
    top: 19px;
    left: 0;
}
.sideContact li {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 33px;
    font-size: 16px;
    color: #333;line-height: 24px;
    margin-top: 13px;
}
.sideContact li:nth-child(3) a:after {
    content: '';
    position: absolute;
    right: 38px;
    top: 50%;
    margin-top: -4px;
    border: 4px solid transparent;
    border-right: 0;
    border-left-color: #333;
}
.sideContact li:nth-child(3) a {
    display: block;
    position: relative;
}
.sideContact li:nth-child(3) a img {
    position: absolute;
    right: -10px;
    top: 23px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in 0s;
    -moz-transition: opacity 0.3s ease-in 0s;
    transition: opacity 0.3s ease-in 0s;
}
.sideContact li:nth-child(3) a:hover img {opacity:1;}
.sideContact li:nth-child(3) a:hover:after {margin-top:-2px;border:4px solid transparent;border-bottom:none;border-top-color:#0060c7;}
.sideContact li:nth-child(1) {
    background-image: url(../images/side_tel_icon.png);
}
.sideContact li:nth-child(2) {
    background-image: url(../images/side_email_icon.png);
}
.sideContact li:nth-child(3) {
    background-image: url(../images/side_weixin_icon.png);
}
.sideContact li:nth-child(4) {
    padding: 0;
}
.sideContact li:nth-child(4) a {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    background-color: #0060c7;
    margin-top: 20px;
    margin-bottom: 20px;
}
.sideContact li:nth-child(4) a span {
    display: inline-block;
    padding-left: 23px;
    font-size: 14px;
    color: white;
    background: url(../images/side_book_icon.png) no-repeat left center;
}
.other {
    padding: 0 20px 20px;
    border: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    margin-bottom: 20px;
}
.other li {
    height: 43px;
    line-height: 43px;
    border-bottom: 1px dashed #e5e5e5;
}
.other li a {
    display: block;
    font-size: 16px;
    color: #666;
    position: relative;
}
.other li a i{
    position: absolute;
    right: 0;z-index: 1;
    top: 50%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 0;
    border-left-color: #0060c7;
}
.related_product {
    padding: 0 20px 20px;
    border: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    margin-bottom: 20px;
}
.related_product ul {
    padding-top: 20px;
}
.related_product li {
    margin-bottom: 20px;
}
.related_product .photo {
    position: relative;
    display: block;
    width: 290px;
    height: auto;
    overflow: hidden;
    background-color: white;
}
.related_product li p {
    font-size: 16px;
    padding-top: 15px;
    text-align: center;
}
.related_product .photo a{
	display: block;
	width: 100%;
	height: 100%;
}
.related_product .photo a img {
    width: 100%;
    display: block;
}
.subwd {
    position: relative;
    padding: 0 20px 20px;
    border: 1px solid #f1f1f1;
    background-color: #f7f7f7;
        line-height: 24px;
        overflow: hidden;
        display: none;
}
.pro_detal .tit {
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-left: 16px;
    margin-bottom: 20px;
}
.pro_detal .tit:after{
	content:'';position:absolute;
	width:6px;height:17px;font-size:0;line-height:0;
	overflow:hidden;background:linear-gradient(#0060c7,#0060c7);
	border-radius:2px;top:19px;left:0;
}
.subwd .hspan {
    position: absolute;
    right: 20px;z-index: 1;
    top: 20px;
}
.subwd .bd li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px dashed rgb(238,238,238);
}
.subwd .bd li div.wenti {
    margin-bottom: 10px;
    overflow: hidden;
}
.subwd .bd em {
    float: left;
    width: 24px;
    height: 24px;
    padding-right: 3px;
    line-height: 24px;
    font-style: normal;
    text-align: center;
    color: white;
    font-size: 16px;
    background: url(../images/a.png) no-repeat;
}
.subwd .bd a {
    float: right;
    width: 250px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
}
.subwd .daan em {
    background: url(../images/q.png) no-repeat;
}
.subwd .bd p {
    float: right;
    width: 250px;
    font-size: 14px;
    color: rgb(102,102,102);
    height: 100px;
    line-height: 25px;
    overflow: hidden;
}
.tempWrap{
	height: 320px;
	overflow: hidden;
}
.subwd .hspan span{
	    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 5px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    background-color: #ccc;
    border-radius: 50%;
    opacity: 1;
}
.subwd .hspan span.swiper-pagination-bullet-active{
	background-color: #e60013;
}



/*产品详情*/


/*走进*/

.enter{
	font-size: 16px;
    line-height: 28px;
    margin-bottom: 25px;
    text-indent: 2em;
}
.sideMess {
    padding: 0 20px 20px;
    border: 1px solid #f1f1f1;
    background-color: #f7f7f7;
    background: #c1c1c1 url(../images/messbg.gif) no-repeat;
}
.sideMess input[type='text'] {
    box-sizing: border-box;
    height: 33px;
    margin-bottom: 16px;
    padding: 5px 9px;
    width: 100%;
    overflow: hidden;
    background-color: white;
    border: 1px solid rgb(241,241,241);
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}
.sideMess textarea {
    box-sizing: border-box;
    height: 99px;
    margin-bottom: 16px;
    padding: 5px 9px;
    width: 100%;
    overflow: hidden;
    background-color: white;
    border: 1px solid rgb(241,241,241);
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}
.sideMess input[type='submit'] {
    width: 110px;
    height: 36px;
    background-color: #e60013;
    color: white;
    border: none;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    outline: none;
    font-family: 'Microsoft YaHei';
    cursor: pointer;
}
.pd30{
	padding-top: 50px;
}
.honor h1{
	    /* font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
    color: #222;
    clear: both;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    margin-bottom: 15px; */
}
.honor .hon_text{
	font-size: 16px;
    line-height: 28px;
    color: #333;
}
.honor .hon_text h2{
	    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 5px;
}
.pro_lis{
	margin-top: 40px;
}
.pro_lis h2{
	font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.pro_lis ul{
	overflow: hidden;
}
.pro_lis li{
	float: left;
	width: calc((100% - 42px)/3);
	margin-right: 20px;
	margin-bottom: 20px;
}
.pro_lis li:nth-child(3n){
	margin-right: 0;
}
.pro_lis li .img{
	border: 1px solid #e7e7e7;
	height: 267px;
}
.pro_lis li .img img{
	width: 100%;
	height: 100%;
	display: block;
}
.pro_lis li h4{
	    font-size: 16px;
    color: #666;
    display: block;
    text-align: center;
    padding: 15px 0;
     word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.customer{
	padding: 20px 0 60px;
}
.customer ul {
    margin: 40px 0 36px;
    font-size: 0;
    overflow: hidden;
    border: 1px solid #ededed;
    border-bottom: none;
    border-right: none;
}
.customer li {
    float: left;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 2px)/6);
    height: 106px;
    position: relative;
}

.customer li img {
	display: block;
	position: absolute;
	z-index: 11;
	max-height: 80%;
	max-width: 80%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.news{
	margin: 30px 0;
}
.news li h2{
    padding: 6px 19px;
    border: 1px solid #e7e7e7;
	background-color: #f1f1f1;
    margin-bottom: 20px;
}
.news li h2 a{
    font-size: 18px;
	position: relative;
    display: block;
    background: url(../images/wd_icon.png) no-repeat left center;
    line-height: 36px;
    padding-left: 46px;
     word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news li h2 a i{
	border: 5px solid transparent;
    border-bottom: 0;
    border-top-color: #333;
    position: absolute;
    right: 10px;z-index: 1;
    top: 50%;
    margin-top: -5px;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);  /* IE 9 */
    -moz-transform:rotate(-90deg);     /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg);transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 和 Chrome */
    -o-transition:all 0.3s;
}
.news li.on h2 a i{
	transform:rotate(0);
	-ms-transform:rotate(0);  /* IE 9 */
	-moz-transform:rotate(0);     /* Firefox */
	-webkit-transform:rotate(0); /* Safari 和 Chrome */
	-o-transform:rotate(0);
    border-top-color: #e60013;
}
.news li p{
	    padding: 0 20px 20px;
    font-size: 16px;
    color: rgb(68,68,68);
    line-height: 20px;
    display: none;
}
.news li p a{
    color: rgb(68,68,68);
}
.pages{
	margin: 40px auto;
	text-align: center;
}
.pages li{
	display: inline-block;
	margin: 0 4px;
}
.pages li a{
	    display: block;
    line-height: 36px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    padding: 0 12px;
    border: 1px solid #dcdcdc;    
}
.pages li.on a,
.pages li a:hover{
	border: 1px solid #0060c7;
    text-align: center;
    background: #0060c7;
    color: #ffffff;
}


.news_detal .ls{
	float: left;
}
.news_detal .ls span{
	display: inline-block;
    font-size: 14px;
    color: #7e7e7e;
    background: url(../images/time.png) no-repeat left center;
    padding-left: 25px;
    background-size: 20px auto !important;
    line-height: 30px;
}
.bdsharebuttonbox {
    display: inline-block;
}
.news_detal .rt{
	float: right;
}
.news_detal .rt a{
	font-size: 14px;
	line-height: 20px;
    line-height: 30px;
    color: #333;display: inline-block;
    padding-right:35px;
    background: url(../images/icos4.png) no-repeat right center;
    background-size: 30px auto;
}
.news_detal .rt a:hover{
	color: #e60013;
}
.news_detal .ne_text{
	overflow: hidden;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    text-indent: 2em;
    margin-top: 30px;
}
.news_detal .ne_text video{
	width: 100%;
	object-fit: cover;
}
.news_detal .ne_tj{
	margin-top: 40px;
}
.news_detal .ne_tj h2{
	font-size: 20px;
	line-height: 1.6;
	color: #e60013;
	padding-bottom: 10px;
}
.news_detal .ne_tj li a{
	font-size: 16px;
	line-height: 1.8;
	color: #333;display:block;
	 word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news_detal .ne_tj li a:hover{
	color: #e60013;
}

.video_list li{
	float: left;
	width: calc((100% - 20px)/2);
	margin-bottom: 20px;
}
.video_list li:nth-child(2n){
	float: right;
}
.video_list li a,
.video_list li img{
	width: 100%;display: block;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.video_list li .imgs{
	height: 233px;
	overflow: hidden;
	position: relative;
}
.video_list li .imgs:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	background: url(../images/play.png) no-repeat center;
	width: 42px;
	height: 42px;z-index: 11;
	margin: -21px auto 0;
}
.video_list li h5{
	font-size: 16px;
    text-align: center;
    padding-top: 15px;
     word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;text-align: center;
}
.map{
	height: 600px;
	margin-top: 30px;
}
.contact{
	padding: 60px 0;
}
.anchorBL{
	display: none;
}
.ct-group ul{
	width: 75%;float: left;
}
.ct-group li{
	background: #f0f0f0;
	float: left;
	width:300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 120px;position: relative;
}.ct-group li:nth-last-child(1),
.ct-group li:nth-last-child(2),
.ct-group li:nth-last-child(3){
	border-bottom: none;
}
.ct-group li .text{
	padding-left: 55px;
    position: absolute;
    left: 0;right: 0;
    top: 50%;margin: 0 30px;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%); 
}
.ct-group .erweima{
	float: right;
	width: 25%;
	height: 240px;
	background: #f0f0f0;
	position: relative;
}
.ct-group .erweima .imgs{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	width:140px ;
	z-index: 11;margin: 0 auto;
}
.ct-group .erweima .imgs p{
	text-align: center;
}
.ct-group li .text h4{
	    font-size: 18px;
    margin-bottom: 4px;
    color: #666;
    line-height: 1.6;
     word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ct-group li .text p{
	    font-size: 14px;
    color: #333;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
}
.ct-group li:nth-child(1) .text{
	background: url(../images/c1.png) no-repeat left center;
	background-size: 50px auto !important;
}
.ct-group li:nth-child(2) .text{
	background: url(../images/c2.png) no-repeat left center;
	background-size: 45px auto !important;
}
.ct-group li:nth-child(3) .text{
	background: url(../images/c3.png) no-repeat left center;
	background-size: 40px auto !important;
}
.ct-group li:nth-child(4) .text{
	background: url(../images/c4.png) no-repeat left center;
	background-size: 50px auto !important;
}
.ct-group li:nth-child(5) .text{
	background: url(../images/c5.png) no-repeat left center;
	background-size: 50px auto !important;
}
.ct-group li:nth-child(6) .text{
	background: url(../images/c6.png) no-repeat left center;
	background-size: 45px auto !important;
}


/* 动画 */
.h_page9 .lt .bd li .img img,
.h_page3 .bds .list li .img img{
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.h_page9 .lt .bd li:hover .img img,
.h_page3 .bds .list li:hover .img img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  /* IE 9 */
	-moz-transform:scale(1.1);     /* Firefox */
	-webkit-transform:scale(1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1); 
}
.pages li.n1 a:hover,
.video_list li:hover h5,
.copyright li a:hover,
.footer .lt .nav li a:hover,
.other li a:hover,
.crumbs dd a:hover,
.h_page9 .rt .bd li:hover h3,
.h_page9 .lt .bd li:hover .date h4,
.h_page9 .lt .bd li:hover h3,
.h_page3 .bds .nav dd a:hover,
.h_page3 .bds .list li:hover h4{
	color: #0060c7;
}
.h_page9 .lt .hd li:hover,
.h_page6 .txt .btn:hover{
	background-color:#0060c7 ;
}
.pages li.n1 a:hover,
.h_page9 .lt .hd li:hover{
	color: #FFFFFF;
}
.sideMess textarea:focus,
.sideMess input[type='text']:focus{
	border-color: #0060c7;;
}
.pro_detal .slideBox a.prev:hover, .pro_detal .slideBox a.next:hover{
	 background-image: url(../images/lr-1.png);
}
.sideContact li:nth-child(4) a:hover,
.h_page3 .bds .tit .more:hover,
.mores:hover{
	background: #0060c7;
}
.sideMess input[type='submit']:hover{
	background-color: #0060c7;
}




.ry_list ul{
	margin: 40px 0 0;
	overflow: hidden;
}
.ry_list li{
	float: left;
	width: calc((100% - 92px)/4);
	margin-right: 20px;
	margin-bottom: 30px;
}
.ry_list li:nth-child(4n){
	margin-right: 0;
}
.ry_list li img{
	display: block;
	width: 100%;
}
.ry_list li h4{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: center;
	padding: 15px;
	 word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.ykweb{
    display: none;
}