.product-body .boxs {
	width: 100%;
	height:500px;
	background: #fff;
	background-size: 100% 500px;
	transition: all .2s;
	-webkit-transition: all .2s;
	position: relative;
	margin:0px 0px;
}




.product-body .boxs .product-content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index:2;
	text-align:center;
	padding-top:9%;
}

.product-body .boxs .product-content .c-txt {
	transition: all .5s;
	-webkit-transition: all .5s;

}

.product-body .boxs .product-content .c-txt .p-tit {
	font-size: 36px;
	color: #363636;
	line-height: 40px;
	
}


.product-body .boxs .product-content .c-txt .p-tit a{ color:#fff;}

.product-body .boxs .product-content .c-txt .p-tit img {
	height: 100%
}

.product-body .boxs .product-content .c-txt .p-main {
	font-size: 17px;
	color: #fff;
	margin:0;
	 padding-top:20px;

}
.product-body .boxs .product-content .c-txt .p-main p{ line-height:15px;}

.product-body .boxs .product-content .c-txt .p-more a {
	display: block;
	width:223px;
	height: 52px;
	margin:0 auto;
	margin-top:25px;
	font-size: 16px;
	color: #fff;

	text-align: center;
	background:#417EBC;

	line-height:52px;
}


.product-body .boxs .product-content .c-txt2 {
	float: left;
	width: 50%;
	padding: 20px;
	margin-top: 20%;
	transition: all .5s;
	-webkit-transition: all .5s;

}

.product-body .boxs .product-content .c-txt2 .p-tit {
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	line-height: 40px;
}



.product-body .boxs .product-content .c-txt2 .p-main {
	font-size: 18px;
	color: #fff;
	margin:0;
	 padding-top:20px;

}

.product-body .boxs .product-content .c-txt2 .p-more a {
display: block;
	width: 150px;
	height: 38px;
	font-size: 16px;
	color: #fff;

	text-align: center;
	background:#31A1A5;

	line-height:38px;
}






@media (max-width: 800px) {



.product-body .boxs .product-content {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index:2;
	text-align:center;
	padding-top:20%;
}

.product-body .boxs .product-content .c-txt .p-tit {
	font-size: 16px;
	line-height: 30px;
}

.product-body .boxs .product-content .c-txt2 .p-more a {
    display: block;
	width: 130px;
	height: 30px;
	font-size: 14px;
	line-height:30px;
}



.product-body .boxs .product-content .c-txt .p-more a {
	display: block;
	width:130px;
	height:35px;
	margin:0 auto;
	margin-top:10px;
	font-size: 14px;

	line-height:35px;
}


.product-body .boxs .product-content .c-txt .p-main {
	font-size: 14px;

	 padding-top:10px;
	 line-height:26px;
	 max-width:90%;
	 margin:0 auto;

}





}



.product-body .boxs .product-content .c-txt2 .p-main p{ line-height:15px;}

.product-body .boxs .product-content .c-txt2 .p-tit a{ color:#fff;}


.product-body .boxs .product-content .c-txt3 {
	float: left;
	width: 50%;
	padding: 20px;
	margin-top: 155px;
	transition: all .5s;
	-webkit-transition: all .5s;
	background-color:rgba(0,0,0,.3);
}

.product-body .boxs .product-content .c-txt3 .p-tit {
	font-size: 30px;
	color: #333;
	border-left: 4px solid #fff;
	padding-left: 20px;
	line-height: 30px;
	height: 30px
}



.product-body .boxs .product-content .c-txt3 .p-main {
font-size: 15px;
	color: #fff;
	padding:15px 25px;
	line-height: 28px
}

.product-body .boxs .product-content .c-txt3 .p-more a {
	display: block;
	width: 90px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	background: #F56A36;
	text-align: center;

	border-radius: 5px;
	margin-left: 20px;
	line-height:35px;
}




.product-body .boxs .product-content .c-txt4 {
	float: left;
	width: 50%;
	padding: 20px;
	margin-top: 155px;
	transition: all .5s;
	-webkit-transition: all .5s;
	background-color:rgba(0,0,0,.3);
}

.product-body .boxs .product-content .c-txt4 .p-tit {
	font-size: 30px;
	color: #333;
	border-left: 4px solid #fff;
	padding-left: 20px;
	line-height: 30px;
	height: 30px
}



.product-body .boxs .product-content .c-txt4 .p-main {
font-size: 15px;
	color: #fff;
	padding:15px 25px;
	line-height: 28px
}

.product-body .boxs .product-content .c-txt4 .p-more a {
	display: block;
	width: 90px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	background: #F56A36;
	text-align: center;

	border-radius: 5px;
	margin-left: 20px;
	line-height:35px;
}






.product-body .boxs .product-content .c-txt5 {
	float: left;
	width: 50%;
	padding: 20px;
	margin-top: 155px;
	transition: all .5s;
	-webkit-transition: all .5s;
	background-color:rgba(0,0,0,.3);
}

.product-body .boxs .product-content .c-txt5 .p-tit {
	font-size: 30px;
	color: #333;
	border-left: 4px solid #fff;
	padding-left: 20px;
	line-height: 30px;
	height: 30px
}



.product-body .boxs .product-content .c-txt5 .p-main {
font-size: 15px;
	color: #fff;
	padding:15px 25px;
	line-height: 28px
}

.product-body .boxs .product-content .c-txt5 .p-more a {
	display: block;
	width: 90px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	background: #F56A36;
	text-align: center;

	border-radius: 5px;
	margin-left: 20px;
	line-height:35px;
}



.product-body .boxs .product-content .c-txt6 {
	float: left;
	width: 50%;
	padding: 20px;
	margin-top: 155px;
	transition: all .5s;
	-webkit-transition: all .5s;
	background-color:rgba(0,0,0,.3);
}

.product-body .boxs .product-content .c-txt6 .p-tit {
	font-size: 30px;
	color: #333;
	border-left: 4px solid #fff;
	padding-left: 20px;
	line-height: 30px;
	height: 30px
}



.product-body .boxs .product-content .c-txt6 .p-main {
font-size: 15px;
	color: #fff;
	padding:15px 25px;
	line-height: 28px
}

.product-body .boxs .product-content .c-txt6 .p-more a {
	display: block;
	width: 90px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	background: #F56A36;
	text-align: center;

	border-radius: 5px;
	margin-left: 20px;
	line-height:35px;
}




.product-body .boxs:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10%;
	width: 100%;
	height: 100%;
	background: url(../images/bg-mask1.png) no-repeat right center;
	background-size: auto 100%;
	transition: all .5s;
	-webkit-transition: all .5s
}

.product-body .boxs.box1:after {
	background-image: url(../images/bg-mask2.png)
}

.product-body .boxs.box3:after,.product-body .boxs.box5:after {
	background-image: url(../images/bg-mask3.png)
}

@media screen and (min-width:1201px) {
	.product-body .boxs .product-content .c-txt1 .p-more a:hover,.product-body .boxs .product-content .c-txt2 .p-more a:hover,.product-body .boxs .product-content .c-txt3 .p-more a:hover,.product-body .boxs .product-content .c-txt4 .p-more a:hover,.product-body .boxs .product-content .c-txt5 .p-more a:hover,.product-body .boxs .product-content .c-txt6 .p-more a:hover {
		background: #fff; color:#31A1A5;
	}

	.product-body .boxs:hover .product-content .c-txt1,.product-body .boxs:hover .product-content .c-txt2,.product-body .boxs:hover .product-content .c-txt3,.product-body .boxs:hover .product-content .c-txt4,.product-body .boxs:hover .product-content .c-txt5,.product-body .boxs:hover .product-content .c-txt6 {
	
	}
	

	.product-body .boxs .product-content .c-txt1 .p-more a,.product-body .boxs .product-content .c-txt2 .p-more a,.product-body .boxs .product-content .c-txt3 .p-more a,.product-body .boxs .product-content .c-txt4 .p-more a,.product-body .boxs .product-content .c-txt5 .p-more a,.product-body .boxs .product-content .c-txt6 .p-more a {
	
	}

	.product-body .boxs:hover .product-content .c-txt1 .p-more a,.product-body .boxs:hover .product-content .c-txt2 .p-more a,.product-body .boxs:hover .product-content .c-txt3 .p-more a,.product-body .boxs:hover .product-content .c-txt4 .p-more a,.product-body .boxs:hover .product-content .c-txt5 .p-more a,.product-body .boxs:hover .product-content .c-txt6 .p-more a{
		
	}
	


.product-body .boxs:hover:after {
	right: 50%
}}

.Tits {
	margin: 50px auto;
	text-align: center
}


.ImportantPlace ul li {
	position: absolute;
	width: 160px
}

.ImportantPlace ul li div {
	background: #d33b3a;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	line-height: 28px;
	color: #fff;
	text-align: center
}

.ImportantPlace ul li.cur1 {
	left: -5%;
	top: 16%
}

.ImportantPlace ul li.cur2 {
	left: -5%;
	top: 29%
}

.ImportantPlace ul li.cur3 {
	left: -5%;
	top: 42%
}

.ImportantPlace ul li.cur4 {
	right: -1%;
	top: 30%
}

.ImportantPlace ul li.cur1 span.after {
	position: absolute;
	width: 70px;
	height: 2px;
	background: #d33b3a;
	right: -70px;
	top: 14px
}

.ImportantPlace ul li.cur2 span.after {
	position: absolute;
	width: 70px;
	height: 2px;
	background: #d33b3a;
	right: -70px;
	top: 14px
}

.ImportantPlace ul li.cur3 span.after {
	position: absolute;
	width: 70px;
	height: 2px;
	background: #d33b3a;
	right: -70px;
	top: 14px
}

.ImportantPlace ul li.cur4 span.after {
	position: absolute;
	width: 70px;
	height: 2px;
	background: #d33b3a;
	left: -70px;
	top: 14px
}

.ImportantPlace ul li.cur1 span.before {
	position: absolute;
	width: 40px;
	height: 2px;
	background: #d33b3a;
	right: -109px;
	top: 14px;
	transform: rotate(23deg);
	-webkit-transform: rotate(23deg);
	transform-origin: left;
	-webkit-transform-origin: left
}

.ImportantPlace ul li.cur2 span.before {
	position: absolute;
	width: 40px;
	height: 2px;
	background: #d33b3a;
	right: -109px;
	top: 14px;
	transform: rotate(-23deg);
	-webkit-transform: rotate(-23deg);
	transform-origin: left;
	-webkit-transform-origin: left
}

.ImportantPlace ul li.cur3 span.before {
	position: absolute;
	width: 63px;
	height: 2px;
	background: #d33b3a;
	right: -133px;
	top: 14px;
	transform: rotate(-52deg);
	-webkit-transform: rotate(-52deg);
	transform-origin: left;
	-webkit-transform-origin: left
}

.ImportantPlace ul li.cur4 span.before {
	position: absolute;
	width: 63px;
	height: 2px;
	background: #d33b3a;
	left: -133px;
	top: 14px;
	transform: rotate(-23deg);
	-webkit-transform: rotate(-23deg);
	transform-origin: right;
	-webkit-transform-origin: right
}

.circles {
	display: none
}

.circles div {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	cursor: pointer
}

.circles div.land1 {
	top: 26%;
	left: 22%;
	cursor: url(../images/red.png),pointer
}

.circles div.land2 {
	top: 14%;
	left: 50%;
	cursor: url(../images/blue.png),pointer
}

.circles div.land3 {
	top: 71%;
	left: 30%;
	cursor: url(../images/black.png),pointer
}

.circles div.land4 {
	top: 40%;
	left: 70%;
	cursor: url(../images/yellow.png),pointer
}

.circles div span {
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #721414;
	border-radius: 50%;
	position: absolute/*!  */
	/*!  */
}

.circles div.land1 span {
	border-color: #f63a43
}

.circles div.land2 span {
	border-color: #596bf9
}

.circles div.land3 span {
	border-color: #49f854
}

.circles div.land4 span {
	border-color: #fce650
}

.circles div .circle1 {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: #fff;
	opacity: .2;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-animation: bgAniamte 2s ease infinite;
	-moz-animation: bgAniamte 2s ease infinite;
	-ms-animation: bgAniamte 2s ease infinite;
	animation: bgAniamte 2s ease infinite;
	margin: -25px 0 0 -25px
}

.circles div .circle2 {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: #e1e1e1;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	box-shadow: 0 0 10px #c7c7c7;
	margin: -15px 0 0 -15px;
	z-index: 12
}

.circles div .circle3 {
	width: 16px;
	height: 16px;
	background: #747474 url(../images/plus.png) no-repeat;
	border-radius: 19px;
	border: 2px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-animation: rectAniamte 2s ease infinite;
	-moz-animation: rectAniamte 2s ease infinite;
	-ms-animation: rectAniamte 2s ease infinite;
	animation: rectAniamte 2s ease infinite;
	margin: -8px 0 0 -8px;
	z-index: 15
}

@-webkit-keyframes bgAniamte {
	0% {
		opacity: .8;
		transform: scale(.8);
		-webkit-transform: scale(.8)
	}

	80% {
		opacity: 0;
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bgAniamte {
	0% {
		opacity: .8;
		transform: scale(.8);
		-webkit-transform: scale(.8)
	}

	80% {
		opacity: 0;
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-ms-keyframes bgAniamte {
	0% {
		width: 30px;
		height: 30px;
		opacity: .8;
		left: 10px;
		top: 10px
	}

	80% {
		width: 50px;
		height: 50px;
		opacity: 0;
		left: 0;
		top: 0
	}

	100% {
		width: 50px;
		height: 50px;
		opacity: 0;
		left: 0;
		top: 0
	}
}

@keyframes bgAniamte {
	0% {
		opacity: .8;
		transform: scale(.8);
		-webkit-transform: scale(.8)
	}

	80% {
		opacity: 0;
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes rectAniamte {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rectAniamte {
	0% {
		-moz-transform: rotate(0)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-ms-keyframes rectAniamte {
	0% {
		-ms-transform: rotate(0)
	}

	100% {
		-ms-transform: rotate(360deg)
	}
}

@keyframes rectAniamte {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes aa {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}

	33% {
		transform: scale(.5);
		-webkit-transform: scale(.5);
		opacity: .8
	}

	66% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: .6
	}

	99% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes aa {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}

	33% {
		transform: scale(.5);
		-webkit-transform: scale(.5);
		opacity: .8
	}

	66% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: .6
	}

	99% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@media screen and (min-width:1025px) {
	.ImportantPlace ul li div {
		opacity: 0;
		filter: alpha(opacity=0)
	}

	.ImportantPlace ul li.cur1 span.after,.ImportantPlace ul li.cur1 span.before,.ImportantPlace ul li.cur2 span.after,.ImportantPlace ul li.cur2 span.before,.ImportantPlace ul li.cur3 span.after,.ImportantPlace ul li.cur3 span.before,.ImportantPlace ul li.cur4 span.after,.ImportantPlace ul li.cur4 span.before {
		width: 0
	}
}

.productDel-body .PageTitle span.en:after {
	display: none
}

.productDel-body .Del-content {
	background: url(../images/bg.jpg);
	position: relative;
	padding: 60px 0;
	text-align: center
}

.productDel-body .Del-content:before {
	content: "";
	display: block;
	width: 0;
	border-top: 12px solid #fff;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	position: absolute;
	top: 0;
	z-index: 3;
	left: 50%;
	margin-left: -12px
}

.productDel-body .Del-content .c-tit {
	display: inline-block;
	margin-bottom: -4px
}

.productDel-body .boxs {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.productDel-body .boxs .box {
	width: 50%;
	padding: 30px 0;
	position: relative;
	z-index: 1
}

.productDel-body .boxs .box.odd {
	text-align: left;
	float: left
}

.productDel-body .boxs .box.even {
	text-align: right;
	float: right
}

.productDel-body .boxs .line {
	height: 100%;
	width: 1px;
	background: #A2060A;
	left: 50%;
	top: 0;
	position: absolute;
	content: '';
	top: -253px
}

.OtherIndustries {
	margin-top: 35px
}

.OtherIndustries ul {
	text-align: center
}

.OtherIndustries ul li {
	display: inline-block;
	border: 1px solid #bfbfbf;
	margin: 0 15px;
	color: #3d3d3d;
	position: relative
}

.OtherIndustries ul li a {
	color: #3d3d3d;
	padding: 20px;
	display: block
}

.OtherIndustries ul li:after {
	position: absolute;
	content: '';
	width: 30%;
	height: 2px;
	background: #B7060B;
	bottom: 20%;
	left: 20px;
	transition: all .4s;
	-webkit-transition: all .4s
}

.OtherIndustries ul li.active a,.OtherIndustries ul li:hover a {
	background: #B7060B;
	color: #fff
}

.OtherIndustries ul li.active:after,.OtherIndustries ul li:hover:after {
	background: #fff;
	width: 40%
}

.productDel-body .boxs .box.box2 {
	padding-top: 160px
}

.productDel-body .boxs .box img {
	border-radius: 5px;
	display: inline-block;
	width: 80%
}

.productDel-body .boxs .box:after {
	content: "";
	position: absolute;
	width: 20%;
	height: 1px;
	background: #850003;
	top: 126px;
	right: 0;
	z-index: 3
}

.productDel-body .boxs .box.even:after {
	right: auto;
	left: 0

}

.productDel-body .boxs .box.box2:after {
	top: 256px
}

.productDel-body .boxs .box:before {
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #850003;
	top: 120px;
	right: -7px;
	z-index: 10
}

.productDel-body .boxs .box.even:before {
	right: auto;
	left: -7px
}

.productDel-body .boxs .box.box2:before {
	top: 250px
}

.productDel-body.P-02 .boxs .box.even {
	border: none
}

.productDel-body.P-02 .boxs .box.box2 {
	padding-top: 210px
}

.productDel-body.P-02 .boxs .box:before {
/*!  */
}

.productDel-body.P-02 .boxs .box.box2:before {
	top: 360px
}

.productDel-body.P-02 .boxs .box.box2:after {
	top: 365px
}

.operationDel-body .PageTitle span.en:after {
	display: none
}

.operationDel-body .pages {
	background: url(../images/bg.jpg)
}

.operationDel-body .boxs {
	margin: 0;
	cursor: pointer
}

.operationDel-body .box {
	padding: 0
}

.operationDel-body .box .img {
	position: relative;
	overflow: hidden
}

.operationDel-body .box .img img {
	width: 100%;
	display: inline-block;
	transition: all .5s;
	-webkit-transition: all .5s
}

.operationDel-body .box .img:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/search.png) no-repeat center center;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
	transition: all .5s;
	-webkit-transition: all .5s;
	background-size: 0
}

.operationDel-body .box .img:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	left: 0;
	z-index: 1;
	transition: all .5s;
	-webkit-transition: all .5s
}

.operationDel-body .box .p-tit {
	padding: 0 25px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	transition: all .5s;
	-webkit-transition: all .5s
}

.operationDel-body .box .Parent-box .Mask {
	background: #B7060B;
	z-index: -1
}

@media screen and (min-width:1025px) {
	.operationDel-body .box:hover .img img {
		transform: scale(1.1);
		-webkit-transform: scale(1.1)
	}

	.operationDel-body .box:hover .img:before {
		opacity: 1;
		filter: alpha(opacity=100);
		background-size: 36px
	}

	.operationDel-body .box:hover .img:after {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	.operationDel-body .box:hover .p-tit {
		background: #ab0004;
		color: #fff
	}
}

.operationDel-body .box {
	padding: 0;
	cursor: pointer
}

.product-show {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none
}

.product-show .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: .7
}

.product-show .pic {
	width: 70%;
	height: 80%;
	overflow: hidden;
	position: absolute;
	z-index: 15;
	left: 15%;
	top: 10%
}

.product-show .pic img {
	width: 100%;
	margin: 0 auto;
	border-radius: 15px
}

.product-show .bg:hover {
	cursor: url(../images/hover.ico),crosshair
}

.company-infor-body {
	background: url(../images/bg.jpg);
	position: relative;
	padding-top: 63px
}

.company-infor-body .company-names ul {
	text-align: center
}

.company-infor-body .company-names li {
	width: 145px;
	height: 114px;
	border: 1px solid #bfbfbf;
	display: inline-block;
	margin: 0 15px;
	color: #3d3d3d;
	transition: all .3s;
	-webkit-transition: all .3s
}

.company-infor-body .company-names li span {
	display: block;
	font-size: 18px;
	text-align: left;
	height: 46px;
	line-height: 23px;
	text-indent: 1em;
	position: relative;
	overflow: hidden
}

.company-infor-body .company-names li span.en {
	text-align: center;
	text-indent: 0
}

.company-infor-body .company-names li span.cn {
	height: 30px
}

.company-infor-body .company-names li span.cn:after {
	width: 26px;
	height: 2px;
	background: #850005;
	position: absolute;
	content: '';
	left: 1em;
	bottom: 0
}

.company-infor-body .company-names li.active {
	background: #850005;
	border: 1px solid #850005;
	color: #fff
}

.company-infor-body .company-names li.active span:after {
	background: #fff
}

.company-infor-body .company-names li a {
	color: #3d3d3d;
	display: block;
	height: 100%;
	padding-top: 0;
	text-decoration: none
}

.company-infor-body .company-names li.active a {
	color: #fff
}

@media screen and (min-width:1201px) {
	.company-infor-body .company-names li:hover {
		background: #850005;
		border: 1px solid #850005;
		color: #fff
	}

	.company-infor-body .company-names li:hover span:after {
		background: #fff
	}

	.company-infor-body .company-names li:hover a {
		color: #fff
	}
}

.company-infor-body .company-information {
	font-size: 14px;
	line-height: 28px;
	margin-top: 25px;
	overflow: hidden;
	padding-bottom: 75px
}

.company-infor-body .company-information .company-name {
	padding-bottom: 20px;
	position: relative
}

.company-infor-body .company-information .company-name span {
	display: block;
	text-align: center;
	position: relative
}

.company-infor-body .company-information .company-name span.cn {
	font-size: 30px;
	color: #850005;
	line-height: 63px
}

.company-infor-body .company-information .company-name span.en {
	color: #060001;
	text-transform: uppercase;
	opacity: .5
}

.company-infor-body .company-information .company-name span.en:after {
	width: 84px;
	height: 1px;
	background: #850005;
	position: absolute;
	content: '';
	left: 50%;
	margin-left: -42px;
	bottom: -15px
}

.company-infor-body .company-information .company-img {
	display: block;
	margin: 45px auto 25px;
	width: 100%
}

.company-infor-body .company-information .web-text {
	width: 374px;
	height: 38px;
	text-align: center;
	background: #850005;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	margin: 0 auto;
	border-radius: 0 0 8px 8px;
	margin-top: 55px
}

.company-infor-body .company-information .web-text:after {
	width: 100%;
	left: 0;
	position: absolute;
	content: '';
	height: 1px;
	background: #850005
}

.company-infor-body .company-information .web-text a {
	color: #fff
}

.cooperationModel-text {
	width: 100%;
	height: 100%;
	background: url(../images/cooperationModel-text.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.cooperationModel-body .page-text {
	background: url(../images/CooperationModel-page-text.png) no-repeat center center;
	height: 180px
}

.cooperationModel-body .cooperationModel-bk ul {
	margin: 0 auto
}

.cooperationModel-body .cooperationModel-bk li {
	position: relative;
	padding: 0
}

.cooperationModel-body .cooperationModel-bk li img {
	width: 100%
}

.cooperationModel-body .cooperationModel-bk li .bg-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
	transition: cubic-bezier(.22,.61,.36,1) .5s;
	-webkit-transition: cubic-bezier(.22,.61,.36,1) .5s
}

.cooperationModel-body .cooperationModel-bk li .black {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: 15;
	transition: cubic-bezier(.22,.61,.36,1) .5s;
	-webkit-transition: cubic-bezier(.22,.61,.36,1) .5s
}

.cooperationModel-body .cooperationModel-bk li .round {
	width: 290px;
	position: absolute;
	top: 45%;
	left: 50%;
	margin: -145px 0 0 -145px;
	overflow: hidden;
	height: 60%;
	transition: cubic-bezier(.22,.61,.36,1) .5s;
	-webkit-transition: cubic-bezier(.22,.61,.36,1) .5s;
	z-index: 16
}

.cooperationModel-body .cooperationModel-bk li .round-text {
	position: absolute;
	top: 20%;
	width: 90%;
	left: 5%;
	overflow: hidden;
	height: 0%;
	transition: cubic-bezier(.22,.61,.36,1) .5s;
	-webkit-transition: cubic-bezier(.22,.61,.36,1) .5s;
	z-index: 17
}

@media screen and (min-width:1201px) {
	.cooperationModel-body .cooperationModel-bk li:hover .round-text {
		height: 70%
	}

	.cooperationModel-body .cooperationModel-bk li:hover .round {
		height: 0%
	}
}

.Exhibition-body h2 {
	position: relative;
	padding-top: 56px;
	padding-bottom: 66px;
	line-height: 26px;
	text-align: center;
	color: #1d1d1d;
	font-family: "鏂板畫浣�";
	font-weight: 900
}

.Exhibition-body h2:after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: "";
	border: 12px solid;
	border-color: #fff transparent transparent transparent;
	z-index: 3;
	margin-left: -12px
}

.Exhibition-body h2 small {
	margin-top: 20px;
	font-family: "寰蒋闆呴粦";
	font-size: 18px;
	opacity: .2
}

.Exhibition-body figure {
	background: url(../images/bg.jpg)
}

.Exhibition-body figure div {
	margin: 0 auto;
	padding: 52px 0;
	width: 1200px;
	font-family: "鏂板畫浣�";
	line-height: 26px;
	text-align: justify
}

.Exhibition-body figure div img {
	margin: 15px 0;
	width: 100%
}

.planning-body h2 {
	position: relative;
	padding-top: 56px;
	padding-bottom: 66px;
	line-height: 26px;
	text-align: center;
	color: #1d1d1d;
	font-family: "鏂板畫浣�";
	font-weight: 900
}

.planning-body h2:after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: "";
	border: 12px solid;
	border-color: #fff transparent transparent transparent;
	z-index: 3;
	margin-left: -12px
}

.planning-body h2 small {
	margin-top: 20px;
	font-family: "寰蒋闆呴粦";
	font-size: 18px;
	opacity: .2
}

.planning-body figure {
	padding-top: 42px;
	padding-bottom: 42px;
	background: url(../images/bg.jpg)
}

.planning-body figure figcaption {
	margin: 0 auto;
	max-width: 1200px;
	line-height: 26px;
	font-size: 14px/*! font-family: "鏂板畫浣�"; */
}

.planning-body figure .block {
	position: relative;
	margin: 42px auto 0;
	max-width: 1200px
}

.planning-body figure div img {
	float: left;
	display: inline-block;
	width: 50%;
	height: auto
}

.planning-body figure .block:nth-of-type(2n) img {
	float: right
}

.planning-body figure article {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 24px;
	width: 50%;
	height: 100%;
	background-color: #fff;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	justify-content: center
}

.planning-body figure article .inner-box {
	max-height: calc(100% - 80);
	overflow-y: auto
}

.planning-body figure .block:nth-of-type(2n+1) article {
	left: initial;
	right: 0
}

.planning-body figure div article h3 {
	font-weight: 800;
	color: #ab0004;
	margin-bottom: 22px;
	font-weight: 100
}

.planning-body figure div article h3 small {
	opacity: .5;
	font-family: "瀹嬩綋";
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px
}

.planning-body figure div article h3 span {
	display: inline-block;
	width: 88px;
	height: 1px;
	background-color: #ab0004
}

.planning-body figure div article {
	color: #666;
	line-height: 26px;
	font-size: 14px;
	text-align: justify
}

.page_navigation {
	text-align: center;
	height: 150px;
	line-height: 150px
}

.page_navigation a {
	display: inline-block;
	width: 22px;
	height: 22px;
	overflow: hidden
}

.page_navigation .page_link {
	line-height: 22px;
	border: 1px solid #6b0104;
	margin: 0 10px;
	text-align: center;
	color: #666
}

.page_navigation .previous_link {
	width: 22px;
	height: 22px;
	background: url(../images/left-arrow.png) center no-repeat;
	text-indent: 10em;
	background-position: center
}

.page_navigation .previous_link.p-next {
	background: url(../images/right-arrow.png) no-repeat;
	background-position: center
}

.page_navigation .page_link.active_page {
	background: #6B0104;
	color: #fff
}

@media screen and (min-width:767px) {
	.index-body .box1 .bolang1 {
		-webkit-animation: bolang1 18s linear infinite;
		animation: bolang1 18s linear infinite
	}@	-webkit-keyframes bolang1 {
		0%{background-position: 0 50px
	}

	100% {
		background-position: 1900px 50px
	}
}

@keyframes bolang1 {
	0% {
		background-position: 0 50px
	}

	100% {
		background-position: 1900px 50px
	}
}

.index-body .box1 .bolang2 {
	-webkit-animation: bolang2 24s linear infinite;
	animation: bolang2 24s linear infinite
}

@-webkit-keyframes bolang2 {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: -1900px 0
	}
}

@keyframes bolang2 {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: -1900px 0
	}
}

.index-body .box1 .milestones ul li.cur1 .round {
	top: 36%;
	-webkit-animation: round1 12s ease-in-out infinite;
	animation: round1 12s ease-in-out infinite
}

.index-body .box1 .milestones ul li.cur2 .round {
	top: 48%;
	-webkit-animation: round2 12s ease-in-out infinite;
	animation: round2 12s ease-in-out infinite
}

.index-body .box1 .milestones ul li.cur3 .round {
	top: 52%;
	-webkit-animation: round3 12s ease-in-out -1s infinite;
	animation: round3 12s ease-in-out -1s infinite
}

.index-body .box1 .milestones ul li.cur4 .round {
	top: 38%;
	-webkit-animation: round4 12s ease-in-out infinite;
	animation: round4 12s ease-in-out infinite
}

.index-body .box1 .milestones ul li.cur5 .round {
	top: 47%;
	-webkit-animation: round5 12s ease-in-out 1.5s infinite;
	animation: round5 12s ease-in-out 1.5s infinite
}

.index-body .box1 .milestones ul li.cur6 .round {
	top: 45%;
	-webkit-animation: round6 12s ease-in-out -1s infinite;
	animation: round6 12s ease-in-out -1s infinite
}

.index-body .box1 .milestones ul li.cur7 .round {
	top: 45%;
	-webkit-animation: round7 12s ease-in-out 1.7s infinite;
	animation: round7 12s ease-in-out 1.7s infinite
}

@-webkit-keyframes round1 {
	0% {
		top: 36%
	}

	50% {
		top: 52%
	}

	100% {
		top: 36%
	}
}

@keyframes round1 {
	0% {
		top: 36%
	}

	50% {
		top: 52%
	}

	100% {
		top: 36%
	}
}

@-webkit-keyframes round2 {
	0% {
		top: 48%
	}

	15% {
		top: 52%
	}

	65% {
		top: 36%
	}

	100% {
		top: 48%
	}
}

@keyframes round2 {
	0% {
		top: 48%
	}

	15% {
		top: 52%
	}

	65% {
		top: 36%
	}

	100% {
		top: 48%
	}
}

@-webkit-keyframes round3 {
	0% {
		top: 52%
	}

	50% {
		top: 36%
	}

	100% {
		top: 52%
	}
}

@keyframes round3 {
	0% {
		top: 52%
	}

	50% {
		top: 36%
	}

	100% {
		top: 52%
	}
}

@keyframes round4 {
	0% {
		top: 38%
	}

	5% {
		top: 36%
	}

	55% {
		top: 52%
	}

	100% {
		top: 38%
	}
}

@-webkit-keyframes round4 {
	0% {
		top: 38%
	}

	5% {
		top: 36%
	}

	55% {
		top: 52%
	}

	100% {
		top: 38%
	}
}

@-webkit-keyframes round5 {
	0% {
		top: 47%
	}

	15% {
		top: 52%
	}

	65% {
		top: 36%
	}

	100% {
		top: 47%
	}
}

@keyframes round5 {
	0% {
		top: 47%
	}

	15% {
		top: 52%
	}

	65% {
		top: 36%
	}

	100% {
		top: 47%
	}
}

@-webkit-keyframes round6 {
	0% {
		top: 53%
	}

	50% {
		top: 40%
	}

	100% {
		top: 53%
	}
}

@keyframes round6 {
	0% {
		top: 53%
	}

	50% {
		top: 36%
	}

	100% {
		top: 53%
	}
}

@-webkit-keyframes round7 {
	0% {
		top: 36%
	}

	50% {
		top: 52%
	}

	100% {
		top: 36%
	}
}

@keyframes round7 {
	0% {
		top: 36%
	}

	50% {
		top: 52%
	}

	100% {
		top: 36%
	}
}}



@media (max-width: 1300px){
.product-body .boxs .product-content { width: 100%;}
.product-body .boxs .product-content .c-txt1 {width: 80%;margin-left:10%;margin-top: 15%;}
.product-body .boxs {height: 400px;background-size: 100% 400px;}
.product-body .boxs .product-content .c-txt1 .p-tit {font-size: 20px;color:#fff;}
.product-body .boxs .product-content .c-txt1 .p-main {font-size: 16px; padding-top:10px;color:#fff;}
.product-body .boxs .product-content .c-txt1 .p-more a { margin-left:0px; margin-top:10px;}
.product-body .boxs .product-content .c-txt1 .p-tit a{ color:#fff;}

.product-body .boxs .product-content .c-txt2 {width: 80%;margin-left:10%;margin-top: 10%;}
.product-body .boxs {height: 400px;background-size: 100% 400px;}
.product-body .boxs .product-content .c-txt2 .p-tit {font-size: 20px;color:#fff;}
.product-body .boxs .product-content .c-txt2 .p-main {font-size: 16px; padding-top:10px;color:#fff;}
.product-body .boxs .product-content .c-txt2 .p-more a { margin-left:0px; margin-top:10px;}
.product-body .boxs .product-content .c-txt2 .p-tit a{ color:#fff;}

}



@media (max-width: 1023px){
.product-body .boxs .product-content { width: 100%;}
.product-body .boxs .product-content .c-txt1 {width: 80%;margin-left:5%;margin-top: 20%;}
.product-body .boxs {height: 400px;background-size: 100% 400px;}
.product-body .boxs .product-content .c-txt1 .p-tit {font-size: 18px; color:#fff;}
.product-body .boxs .product-content .c-txt1 .p-main {font-size: 14px; padding-top:5px;color:#fff;}
.product-body .boxs .product-content .c-txt1 .p-more a { margin-left:0px; margin-top:15px;	width: 100px;height: 35px;font-size: 15px; line-height:35px;}

.product-body .boxs .product-content .c-txt2 {width: 80%;margin-left:5%;margin-top:15%;}
.product-body .boxs {height: 400px;background-size: 100% 400px;}
.product-body .boxs .product-content .c-txt2 .p-tit {font-size: 18px; color:#fff;}
.product-body .boxs .product-content .c-txt2 .p-main {font-size: 14px; padding-top:5px;color:#fff;}
.product-body .boxs .product-content .c-txt2 .p-more a { margin-left:0px; margin-top:15px;	width: 100px;height: 35px;font-size: 15px; line-height:35px;}



}


@media (max-width: 639px){
.product-body .boxs .product-content { width: 100%;}
.product-body .boxs .product-content .c-txt1 {width: 80%;margin-left:5%;margin-top: 25%;}
.product-body .boxs {height: 300px;background-size: 100% 300px;}
.product-body .boxs .product-content .c-txt1 .p-tit {font-size: 16px;color:#fff;}
.product-body .boxs .product-content .c-txt1 .p-main {font-size: 13px; padding-top:0px;color:#fff;}
.product-body .boxs .product-content .c-txt1 .p-more a { margin-left:0px; margin-top:10px;	width: 100px;height: 30px;font-size: 13px; line-height:30px;}

.product-body .boxs .product-content .c-txt2 {width: 80%;margin-left:5%;margin-top: 20%;}
.product-body .boxs {height: 300px;background-size: 100% 300px;}
.product-body .boxs .product-content .c-txt2 .p-tit {font-size: 16px;color:#fff;}
.product-body .boxs .product-content .c-txt2 .p-main {font-size: 13px; padding-top:0px;color:#fff;}
.product-body .boxs .product-content .c-txt2 .p-more a { margin-left:0px; margin-top:10px;	width: 100px;height: 30px;font-size: 13px; line-height:30px;}



}