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

.product-body .box2 {
	background:#eee;
}

.product-body .box3 {
	background:#fff;
}

.product-body .box4 {
	background:#eee;
}



.product-body .box5 {
		background:#fff;
}

.product-body .box6 {
		background:#eee;
}



.product-body .boxs .product-content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 10
}

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

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

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

.product-body .boxs .product-content .c-txt .p-main {
	font-size: 14px;
	color: #666;
	padding: 25px 0px 25px 25px;
	line-height: 24px
}

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

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

.product-body .boxs.odd .product-content .c-txt .p-main,.product-body .boxs.odd .product-content .c-txt .p-tit {
	color: #fff
}

.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-txt .p-more a:hover {
		background: #1AA4C3
	}

	.product-body .boxs:hover .product-content .c-txt {
		margin-top: 75px
	}

	.product-body .boxs .product-content .c-txt .p-more a {
		margin-left: 400px;
		opacity: 0;
		filter: alpha(opacity=0)
	}

	.product-body .boxs:hover .product-content .c-txt .p-more a {
		opacity: 1;
		filter: alpha(opacity=100);
		margin-left: 20px;
		animation: more .8s ease-out;
		-webkit-animation: more .8s ease-out
	}@	-webkit-keyframes more {
		0%{margin-left: 400px;
		opacity: 0
	}

	70% {
		margin-left: 0;
		opacity: 1
	}

	85% {
		margin-left: 30px
	}

	95% {
		margin-left: 10px
	}

	100% {
		margin-left: 20px
	}
}

@keyframes more {
	0% {
		margin-left: 400px;
		opacity: 0
	}

	70% {
		margin-left: 0;
		opacity: 1
	}

	85% {
		margin-left: 30px
	}

	95% {
		margin-left: 10px
	}

	100% {
		margin-left: 20px
	}
}

.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: #333;
	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 screen and (max-width:1750px) {
	.swiper-button-next-milestones {
		right: -50px
	}

	.swiper-button-prev-milestones {
		left: -50px
	}

	.index-body .box1 .milestones ul li.cur1 .round {
		animation-delay: 1s;
		-webkit-animation-delay: 1s
	}

	.index-body .box1 .milestones ul li.cur2 .round {
		animation-delay: 3s;
		-webkit-animation-delay: 3s
	}

	.index-body .box1 .milestones ul li.cur3 .round {
		animation-delay: 1s;
		-webkit-animation-delay: 1s
	}

	.index-body .box1 .milestones ul li.cur4 .round {
		animation-delay: -10s;
		-webkit-animation-delay: -10s
	}

	.index-body .box1 .milestones ul li.cur5 .round {
		animation-delay: -8s;
		-webkit-animation-delay: -8s
	}

	.index-body .box1 .milestones ul li.cur6 .round {
		animation-delay: 2s;
		-webkit-animation-delay: 2s
	}

	.index-body .box1 .milestones ul li.cur7 .round {
		animation-delay: -8s;
		-webkit-animation-delay: -8s
	}
}

@media screen and (max-width:1450px) and (min-width:1025px) {
	.swiper-button-next-milestones {
		right: -70px
	}

	.swiper-button-prev-milestones {
		left: -70px
	}

	.index-body .box1 .bolang1,.index-body .box1 .bolang2 {
		background-size: 1629px auto
	}@	-webkit-keyframes bolang2 {
		0%{background-position: 0 0
	}

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

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

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

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

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

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

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

@media screen and (width:1024px) {
	.product-text {
		background-size: 90%
	}

	.product-text.sb {
		background-size: initial
	}

	#mobileNav ul li.active {
		background-color: #8c1114
	}

	.index-body .box3 {
		height: auto;
		padding-bottom: 60px
	}

	.product-body .boxs {
		height: auto;
		padding-bottom: 40px
	}

	.swiper-button-next-milestones {
		display: none
	}

	.swiper-button-prev-milestones {
		display: none
	}

	.index-body .box1 .bolang1,.index-body .box1 .bolang2 {
		background-size: 2223px auto
	}

	.index-body .box1 .bolang2 {
		top: 35%
	}@	-webkit-keyframes bolang2 {
		0%{background-position: 0 0
	}

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

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

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

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

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

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

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

.index-body .box1 .milestones ul li.cur1 .round {
	animation-delay: -10s;
	-webkit-animation-delay: -10s
}

.index-body .box1 .milestones ul li.cur2 .round {
	animation-delay: -9s;
	-webkit-animation-delay: -9s
}

.index-body .box1 .milestones ul li.cur3 .round {
	animation-delay: 2s;
	-webkit-animation-delay: 2s
}

.index-body .box1 .milestones ul li.cur4 .round {
	animation-delay: -8s;
	-webkit-animation-delay: -8s
}

.index-body .box1 .milestones ul li.cur5 .round {
	animation-delay: -7s;
	-webkit-animation-delay: -7s
}

.index-body .box1 .milestones ul li.cur6 .round {
	animation-delay: -9s;
	-webkit-animation-delay: -9s
}

.index-body .box1 .milestones ul li.cur7 .round {
	animation-delay: -7s;
	-webkit-animation-delay: -7s
}}

@media screen and (width:768px) {
	.swiper-button-next-milestones {
		display: none
	}

	.swiper-button-prev-milestones {
		display: none
	}

	.index-body .box1 .bolang1,.index-body .box1 .bolang2 {
		background-size: 1667px auto
	}

	.index-body .box1 .bolang2 {
		top: 38%
	}@	-webkit-keyframes bolang2 {
		0%{background-position: 0 0
	}

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

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

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

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

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

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

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

.index-body .box1 .milestones ul li.cur1 .round {
	animation-delay: 2s;
	-webkit-animation-delay: 2s
}

.index-body .box1 .milestones ul li.cur7 .round {
	animation-delay: -7s;
	-webkit-animation-delay: -7s
}}

@media screen and (max-width:1450px) {
	.index-body .box1 .content1200 {
		width: 1200px
	}

	.cooperationModel-body .cooperationModel-bk li .round {
		width: 200px;
		margin: -145px 0 0 -100px
	}

	.cooperationModel-body .cooperationModel-bk li .round-text {
		width: 96%;
		left: 2%
	}
}

@media screen and (min-width:769px) and (max-width:1200px) {
	#navToggle {
		top: 20px;
		right: 20px
	}

	.in-banner {
		height: 70vh;
		background-attachment: scroll;
		background-size: auto 100%
	}

	.operation-text {
		background-size: 70%
	}

	.inherit-text {
		background-size: 70%
	}

	.operation-body .body-bottom .swipers .product-list {
		width: 70%;
		min-width: auto
	}

	.news-body .boxs {
		margin-left: 20px
	}

	.news-body .boxs .box-img {
		padding-right: 50px
	}

	.news-body .boxs .box-txt {
		padding-right: 40px
	}

	.news-body .boxs .box-txt .t-main {
		text-align: justify
	}

	.news-body .boxs:hover .box-img img {
		transform: none;
		-webkit-transform: none
	}

	.news-body .boxs:hover .box-txt {
		margin-right: initial;
		margin-left: initial
	}

	.news-body .boxs:hover .t-more a {
		left: 15px
	}

	.footer .content1200 {
		width: initial
	}
}

@media screen and (max-width:1200px) {
	.in-banner {
		height: 70vh;
		background-attachment: scroll;
		background-size: auto 100%
	}

	.svg-map {
		width: 80%
	}

	.ImportantPlace ul li.cur1,.ImportantPlace ul li.cur2,.ImportantPlace ul li.cur3 {
		left: -11%
	}

	.ImportantPlace ul li.cur4 {
		right: -5%
	}

	.Top-phoneNumber {
		display: none
	}

	#navToggle {
		display: block
	}

	.banner {
		height: 680px
	}

	.banner .video {
		top: 0
	}

	.banner .video video {
		height: 768px
	}

	.banner .banner-tab ul li.active {
		bottom: -20px
	}

	.banner .banner-text {
		width: 500px;
		height: 280px;
		margin: -140px 0 0 -250px
	}

	.banner .banner-text img {
		width: 120%
	}

	.PageTitle {
		padding: 30px 0
	}

	.PageTitle span.cn {
		font-size: 26px
	}

	.PageTitle span.en {
		font-size: 16px
	}

	.PageTitle span.en:after {
		bottom: -10px
	}

	.index-body .box .content1200 {
		width: 96%
	}

	.index-body .box1 .milestones ul li .summary {
		width: 100%
	}

	.index-body .culture ul {
		overflow: visible
	}

	.index-body .culture ul li img {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	.index-body .culture ul li .title-T {
		bottom: 0;
		margin-bottom: 0
	}

	.index-body .culture ul li .title-T:after {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	.index-body .culture ul li .title-T span {
		color: #ab0004
	}

	.index-body .culture ul li .title-T span.cn {
		margin-bottom: 0;
		font-size: 16px
	}

	.index-body .culture ul li .title-T span.cn:after {
		display: none
	}

	.swiper-pagination.box2-p {
		bottom: 3px
	}

	.swiper-pagination.box2-p .swiper-pagination-bullet-active {
		background: #A80000
	}

	.index-body .box3 .title-tips {
		width: 100%
	}

	.index-body .box3 .introduction {
		width: 100%
	}

	.swiper-pagination.box3-p {
		bottom: -25px
	}

	.swiper-pagination.box3-p .swiper-pagination-bullet-active {
		background: #A80000
	}

	.index-body .box3 .introduction .img-news img {
		opacity: .4;
		filter: alpha(opacity=40)
	}

	.index-body .box3 .introduction .img-news:before {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.index-body .box3 .introduction .img-news .summary .text,.index-body .box3 .introduction .img-news .summary .title a,.index-body .box3 .introduction .img-news .summary .year {
		color: #fff
	}

	.index-body .box3 .introduction .img-news .summary .more {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.index-body .box3 .introduction .img-news .summary .year {
		margin-top: 30px
	}

	.index-body .box4 .content1200 {
		left: 60%;
		width: auto
	}

	.index-body .box4 .company-text {
		width: 300px
	}

	.index-body .box4 .company-text .title-T {
		padding: 20px
	}

	.index-body .box4 .company-text .company-bk {
		padding: 10px
	}

	.index-body .box4 .company-text .company-nameE {
		margin-top: 0
	}

	.index-body .box4 .company-text .more {
		opacity: 1;
		filter: alpha(opacity=100);
		margin-left: 0;
		margin-top: 0;
		float: right
	}

	.index-body .box4 .company-text .title-T span.cn {
		font-size: 26px
	}

	.index-body .box4 .company-text .title-T span.en {
		font-size: 14px
	}

	.ContactUs-body .join-logo a.wyzp,.ContactUs-body .join-logo a.zlzp {
		background-position: left bottom
	}

	.ContactUs-body .box2 .information {
		padding: 12% 8% 0
	}

	.ContactUs-body .box2 .information:after {
		width: 94%;
		height: 90%;
		left: 3%;
		top: 5%
	}

	.ContactUs-body .box2 .information:after {
		opacity: .6;
		filter: alpha(opacity=60)
	}

	.ContactUs-body .box2 .information .infor {
		opacity: 1;
		filter: alpha(opacity=1)
	}

	.ContactUs-body .box2 .information .names {
		margin-bottom: 25px
	}

	.ContactUs-body .box2 .information .names span {
		top: 11%;
		margin-left: -30%
	}

	.ContactUs-body .box2 .information .names span.cn:after {
		opacity: 0;
		filter: alpha(opacity=0)
	}

	.ContactUs-body .box2 .information .names span.en {
		margin-top: 35px
	}

	.into-body .Five .left {
		padding: 30px
	}

	.into-body .Five .page-box {
		bottom: 10px;
		left: auto;
		right: 60%;
		z-index: 5
	}

	.into-body .Five .left ul li .names {
		margin-bottom: 25px
	}

	.into-body .Five .left ul li .names span.cn {
		font-size: 28px
	}

	.into-body .Five .left ul li .names span.en {
		font-size: 14px
	}

	.into-body .Five .page-box span.p-now {
		font-size: 60px;
		line-height: 60px;
		margin-right: 18px
	}

	.into-body .Five .page-box span.p-now:after {
		background-size: 100% 100%;
		width: 28px;
		height: 45px;
		right: -28px
	}

	.into-body .Five .page-box span.p-all {
		font-size: 32px
	}

	.inherit-body .body-top .boxs {
		height: 440px
	}

	.inherit-body .body-top .boxs .box-text .texts {
		padding: 0 10%
	}

	.inherit-body .body-top .boxs .img {
		opacity: .6;
		filter: alpha(opacity=60)
	}

	.inherit-body .body-top .boxs .box-text:before {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	.inherit-body .body-top .boxs .box-text .text-tit {
		margin-top: 100px
	}

	.inherit-body .body-top .boxs .box-text .text-tit span.en {
		margin-top: 10px
	}

	.operation-body .body-top .boxs {
		height: 280px
	}

	.operation-body .body-top .boxs .img {
		opacity: .6;
		filter: alpha(opacity=60)
	}

	.operation-body .body-top .boxs .box-text:before {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	.operation-body .body-top .boxs .box-text .text-tit {
		margin-top: 40px
	}

	.operation-body .body-top .boxs .box-text .unline {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	.operation-body .body-top .boxs .box-text .texts {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	.product-body .boxs {
		background-size: cover;
		background-position: 60%
	}

	.product-body .boxs:after {
		display: none
	}

	.product-body .boxs .product-content .c-txt .p-more a {
		opacity: 1;
		filter: alpha(opacity=100);
		margin-left: 20px
	}

	.productDel-body .boxs {
		width: 900px
	}

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

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

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

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

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

	.company-infor-body .company-information {
		width: 96%
	}

	.cooperationModel-body .cooperationModel-bk li .round-text {
		height: 70%
	}

	.cooperationModel-body .cooperationModel-bk li .round {
		display: none
	}

	.cooperationModel-body .page-text {
		background-size: 80% auto
	}

	.Exhibition-body figure div {
		width: 96%
	}

	.planning-body figure figcaption {
		padding: 0 20px
	}

	.productDel-body .boxs .line {
		top: -169px
	}

	.footer {
		position: relative
	}

	.footer-bottom {
		margin-bottom: 0
	}

	.into-body .box3 .Honors .flipster {
		width: 900px
	}

	.into-body .box3 .Honors .flipster ul li {
		width: 440px;
		height: 330px
	}

	.into-body .box5 .Firm p {
		padding: 0 10%
	}
}

@media screen and (max-width:768px) {
	#mobileNav ul li.active {
		background-color: #8c1114
	}

	.product-body .boxs {
		height: auto;
		padding-bottom: 40px
	}

	.OtherIndustries {
		margin-top: 10px
	}

	.OtherIndustries ul li {
		margin: 0
	}

	.OtherIndustries ul li a {
		padding: 10px
	}

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

	.ImportantPlace ul li.cur2 {
		top: 35%
	}

	.ImportantPlace ul li.cur3 {
		top: 50%
	}

	.ImportantPlace ul li.cur1 span.after,.ImportantPlace ul li.cur2 span.after,.ImportantPlace ul li.cur3 span.after {
		width: 20px;
		right: -20px
	}

	.ImportantPlace ul li.cur1 span.before {
		right: -90px;
		width: 70px;
		transform: rotate(56deg);
		-webkit-transform: rotate(56deg)
	}

	.ImportantPlace ul li.cur2 span.before {
		right: -75px;
		width: 55px;
		transform: rotate(-41deg);
		-webkit-transform: rotate(-41deg)
	}

	.ImportantPlace ul li.cur3 span.before {
		right: -103px;
		width: 83px;
		transform: rotate(-60deg);
		-webkit-transform: rotate(-60deg)
	}

	.ImportantPlace ul li.cur4 {
		right: -11%
	}

	.ImportantPlace ul li.cur4 span.before {
		width: 44px;
		left: -84px
	}

	.ImportantPlace ul li.cur4 span.after {
		width: 40px;
		left: -40px
	}

	.pop-svg {
		width: 700px;
		margin-left: -350px;
		top: 15%
	}

	.banner {
		height: 50vh
	}

	.banner .video video {
		height: auto;
		width: 100%
	}

	.banner .banner-text {
		width: 400px;
		height: 200px;
		margin: -140px 0 0 -200px
	}

	.banner .banner-text img {
		width: 110%
	}

	.banner .banner-tab ul li {
		bottom: -50px
	}

	.banner .banner-tab ul li .cn {
		font-size: 16px;
		bottom: 115px
	}

	.banner .banner-tab ul li .en {
		font-size: 12px;
		top: 60px
	}

	.index-body .box3 .introduction .img-news .summary .more {
		margin-top: 20px
	}

	.index-body .box3 .introduction .img-news .summary .text {
		margin-top: 20px
	}

	.index-body .box4 .content1200 {
		left: 70%
	}

	.index-body .box4 .company-text .company-bk {
		padding: 5px 10px
	}

	.index-body .box4 .company-text .swiper-pagination-box4 {
		margin-top: -5px
	}

	.index-body .box4 .company-img ul li img {
		height: 425px
	}

	.index-body .box5 .PageTitle {
		padding: 30px 0 40px
	}

	.ContactUs-body .join-logo a {
		margin: 0 10%
	}

	.ContactUs-body .box2 .address img {
		height: 200px
	}

	.ContactUs-body .box2 .information .names {
		margin-bottom: 35px
	}

	.product-body .boxs {
		position: relative
	}

	.product-body .boxs .product-content {
		width: 100%
	}

	.product-body .boxs .product-content .c-txt {
		width: 60%
	}

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

	.product-body .boxs .product-content .c-txt .p-main {
		padding: 10px 20px
	}

	.Top-phoneNumber {
		display: none
	}

	#navToggle {
		top: 20px;
		right: 20px
	}

	

	.in-banner {
		height: 60vh;
		background-size: auto 100%;
		background-position: 50% 0
	}

	.cooperationModel-text,.inherit-text,.into-text,.operation-text,.product-text {
		background-size: 90%
	}

	.product-text.sb {
		background-size: initial
	}

	.news-body {
		padding-left: 10px;
		padding-right: 10px
	}

	.news-body .detailContent p {
		text-align: justify
	}

	.operation-body .body-top .boxs {
		width: 100%
	}

	.operation-body .body-bottom .swipers .product-list {
		width: 80%;
		min-width: auto
	}

	.inherit-body .body-top .boxs {
		width: initial;
		float: none
	}

	.inherit-body .body-top .boxs .box-text .text-tit {
		margin-top: 100px
	}

	.inherit-body .body-top.b2 .boxs {
		height: auto
	}

	.inherit-body .body-top.b2 .boxs .box-text .texts {
		padding-bottom: 50px
	}

	.inherit-body .body-top.b2 .boxs .box-text .text-tit {
		margin-top: 50px
	}

	.news-body .boxs {
		padding-bottom: 50px
	}

	.news-body .boxs .box-txt {
		float: none;
		padding-right: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
	}

	.news-body .boxs:hover .box-img img {
		transform: none;
		-webkit-transform: none
	}

	.news-body .boxs:hover .box-txt {
		margin-right: initial;
		margin-left: initial
	}

	.news-body .boxs:hover .t-more a {
		left: initial
	}

	.news-body .boxs .t-more {
		margin-top: 20px
	}

	.news-body .boxs .box-txt .t-tit a {
		font-size: 20px
	}

	.footer .content1200 {
		width: initial
	}

	.productDel-body .boxs {
		width: 96%
	}

	.productDel-body .boxs .box img {
		width: 85%
	}

	.productDel-body .boxs .box:after {
		width: 15%
	}

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

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

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

	.company-infor-body .company-names li {
		width: 120px;
		margin: 0 5px
	}

	.company-infor-body .company-names li span {
		font-size: 14px
	}

	.productDel-body .boxs .line {
		top: -140px
	}

	.into-body .Five .left {
		padding-bottom: 100px
	}

	.into-body .Five .page-box {
		right: 30px;
		bottom: 30px
	}

	.into-body .Brand .img-team div.img4:before,.into-body .Brand .img-team div:after {
		display: none
	}

	.into-body .box3 .Honors {
		height: auto
	}

	.into-body .box3 .Honors .flipster {
		width: 88%;
		padding-bottom: 0;
		margin: 60px auto
	}

	.into-body .box3 .Honors .flipster ul li {
		width: 340px
	}

	.into-body .box3 .Honors .flipster ul li .img {
		height: auto
	}

	.into-body .box3 .Honors .flipster ul li .img img {
		width: 100%;
		height: auto
	}
}

@media screen and (max-width:767px) {
	.banner {
		height: 40vh
	}

	.banner .bannert-img ul li img {
		width: auto;
		margin-left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%)
	}

	.product-body .boxs .product-content .c-txt .p-tit {
		height: 25px
	}

	.product-body .boxs .product-content .c-txt {
		margin-top: 40px
	}

	.product-body .boxs.odd:after {
		background: rgba(50,50,50,.2)
	}

	.product-body .boxs.box1:after {
		background: rgba(0,0,0,.2)
	}

	.operation-body .body-top .boxs .box-text .text-tit img {
		width: 80%
	}

	.Exhibition-body h2 {
		font-size: 26px
	}

	#mobileNav ul {
		margin-top: 44px
	}

	.into-body .box5 .Firm .box {
		width: 100%;
		float: left
	}

	.into-body .box5 .Firm:after {
		display: none
	}

	.OtherIndustries {
		display: none
	}

	.swiper-button-next-milestones {
		display: none
	}

	.swiper-button-prev-milestones {
		display: none
	}

	.banner .banner-tab {
		display: none
	}

	.banner .banner-text {
		width: 220px;
		height: 110px;
		margin: -55px 0 0 -110px
	}

	.banner .bannert-img .swiper-pagination-banner {
		z-index: 15;
		bottom: 10px;
		position: absolute;
		text-align: center
	}

	.banner .bannert-img .swiper-pagination-bullet {
		background: #A80000
	}

	.banner .video video {
		width: auto;
		height: 80%
	}

	.PageTitle span.cn {
		font-size: 20px
	}

	.PageTitle span.en {
		font-size: 14px;
		padding: 0 2%
	}

	.index-body .box1 {
		height: 590px;
		padding: 0
	}

	.index-body .box1 .bolang2 {
		background-size: auto auto;
		top: 39%;
		left: -155px
	}

	.index-body .box1 .milestones ul li .summary {
		width: 134%;
		text-align: center;
		margin-left: -17%
	}

	.index-body .box1 .milestones ul li .summary .text {
		height: 96px
	}

	.index-body .box1 .milestones ul li.cur1 .round {
		top: 45%
	}

	.index-body .box1 .milestones ul li.cur2 .round {
		top: 45%
	}

	.index-body .box1 .milestones ul li.cur3 .round {
		top: 45%
	}

	.index-body .box1 .milestones ul li.cur4 .round {
		top: 45%
	}

	.index-body .box2 {
		padding-bottom: 50px
	}

	.index-body .culture {
		width: 90%;
		margin: 0 auto
	}

	.swiper-pagination.box2-p {
		bottom: -25px
	}

	.index-body .box3 {
		height: auto;
		padding-bottom: 80px
	}

	.index-body .box3 .title-tips .more {
		margin-top: 20px
	}

	.index-body .box3 .swiper-container-box3 {
		width: 94%;
		margin: 0 auto
	}

	.index-body .box4 .content1200 {
		left: 0;
		margin-left: 0;
		width: 100%
	}

	.index-body .box4 .company-text {
		width: 100%
	}

	.index-body .box4 .swiper-pagination-company {
		display: none
	}


	.index-body .box4 .company-img ul li {
		width: 100%
	}

	.ContactUs-body .join-logo {
		height: 120px;
		line-height: 120px
	}

	.ContactUs-body .join-logo a {
		width: 90px;
		height: 32px
	}

	.ContactUs-body .join-logo a.wyzp,.ContactUs-body .join-logo a.zlzp {
		background-size: 100% 200%
	}

	.ContactUs-body .box2 .information .names {
		margin-bottom: 30px
	}

	.ContactUs-body .box2 .information .names span.en {
		margin-top: 16px;
		margin-left: -20px
	}

	.product-body .boxs {
		background-size: auto 100%;
		background-position-x: 70%
	}

	.product-body .boxs:hover {
		background-position-x: 70%
	}

	.product-body .boxs .product-content .c-txt {
		width: 100%;
		padding: 10px
	}

	.product-body .boxs:after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(50,50,50,.4)
	}

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

	.product-body .boxs .product-content .c-txt .p-main {
		padding: 10px;
		text-align: justify
	}

	.ContactUs-body .box2 .information .infor {
		line-height: 24px
	}

	
	.in-banner {
		height: 40vh
	}

	.ContactUs-text,.cooperationModel-text,.inherit-text,.into-text,.news-text,.operation-text,.product-text {
		background-size: 90%
	}

	.product-text.sb {
		background-size: 90%
	}

	#navToggle {
		top: 14px;
		right: 14px;
		width: 20px;
		height: 20px
	}

	#navToggle.expanded {
		width: 30px;
		height: 30px;
		top: 10px
	}

	#navToggle.expanded span {
		width: 30px
	}

	#navToggle.expanded span:nth-of-type(2) {
		bottom: 14px
	}

	#navToggle span {
		width: 20px
	}

	#navToggle span:nth-of-type(2) {
		top: 9px
	}

	.product-body .boxs .product-content .c-txt .p-main {
		padding: 20px;
		text-align: justify
	}

	.inherit-body .body-top .boxs {
		padding: 0;
		height: initial
	}

	.inherit-body .body-top.b2 .boxs {
		height: initial
	}

	.inherit-body .body-top.b2 .boxs .box-text .texts {
		margin-bottom: 60px;
		padding: 0 10px;
		font-size: 12px;
		text-align: justify
	}

	.inherit-body .body-top .boxs .box-text .text-tit {
		margin-top: 50px
	}

	.inherit-body .body-top .boxs .box-text .texts {
		margin-bottom: 60px;
		padding: 0 10px;
		font-size: 12px;
		text-align: center
	}

	.operation-body .body-bottom .swipers {
		height: initial;
		padding-bottom: 20px
	}

	.operation-body .body-bottom .swipers .product-list {
		width: 100%;
		min-width: auto
	}

	.operation-body .body-bottom .swipers .swiper-button-next-operation,.operation-body .body-bottom .swipers .swiper-button-prev-operation {
		display: none
	}

	.operation-body .body-top .boxs {
		background: url(../resources/o1.jpg) no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 6% 3%
	}

	.operation-body .body-top .box2 {
		background-image: url(../resources/o2.jpg)
	}

	.operation-body .body-top .box3 {
		background-image: url(../resources/o3.jpg)
	}

	.operation-body .body-top .box4 {
		background-image: url(../resources/o4.jpg)
	}

	.operation-body .body-top .boxs .img {
		display: none
	}

	.operation-body .body-top .boxs:after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: "";
		background-color: rgba(0,0,0,.5)
	}

	.operation-body .body-top .boxs .box-text .unline {
		opacity: 1
	}

	.operation-body .body-top .boxs .box-text .texts {
		padding: 0;
		opacity: 1
	}

	.news-body .PageTitle {
		padding: 20px 15px 0
	}

	.news-body .PageTitle.active:after {
		bottom: -10px
	}

	.news-body .box-container .boxs .box-txt .t-tit {
		margin-top: 20px
	}

	.news-body .boxs .t-more {
		margin-top: 40px
	}

	.footer {
		height: initial
	}

	.footer .footer-logo img {
		width: 85px
	}

	.footer .CooperationCompany span {
		font-size: 12px
	}

	.footer .copyright {
		height: 50px;
		line-height: 50px;
		font-size: 12px
	}

	.footer .copyright span {
		display: none
	}

	.footer .ewm {
		margin-bottom: 70px;
		margin-top: 20px
	}

	.footer .ewm img {
		width: 40%
	}

	.footer .ewm span {
		font-size: 12px
	}

	.index-body .box5 .PageTitle {
		background-size: 200% 100%;
		background-position: 50%
	}

	.index-body .svg-map {
		margin-bottom: 150px;
		width: 100%
	}

	.ImportantPlace ul li.cur1,.ImportantPlace ul li.cur2,.ImportantPlace ul li.cur3,.ImportantPlace ul li.cur4 {
		left: 50%;
		margin-left: -80px;
		top: auto
	}

	.ImportantPlace ul li.cur1 {
		bottom: -30px
	}

	.ImportantPlace ul li.cur2 {
		bottom: -65px
	}

	.ImportantPlace ul li.cur3 {
		bottom: -100px
	}

	.ImportantPlace ul li.cur4 {
		bottom: -135px
	}

	.ImportantPlace ul li.cur1 .after,.ImportantPlace ul li.cur1 .before,.ImportantPlace ul li.cur2 .after,.ImportantPlace ul li.cur2 .before,.ImportantPlace ul li.cur3 .after,.ImportantPlace ul li.cur3 .before,.ImportantPlace ul li.cur4 .after,.ImportantPlace ul li.cur4 .before {
		display: none
	}

	.productDel-body .Del-content {
		padding: 30px 0
	}

	.productDel-body .boxs {
		padding: 0 2%
	}

	.productDel-body .boxs .box {
		width: 100%;
		padding: 20px 0
	}

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

	.productDel-body .boxs .line {
		left: 6px;
		top: 0
	}

	.productDel-body .Del-content .c-tit {
		width: 60px
	}

	.productDel-body .Del-content .c-tit img {
		width: 100%
	}

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

	.productDel-body .boxs .box img {
		width: 92%
	}

	.productDel-body .boxs .box:after {
		width: 8%;
		top: 100px;
		right: auto;
		left: 0
	}

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

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

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

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

	.productDel-body.P-02 .boxs .box.odd {
		border-left: 1px solid #850003;
		border-right: none
	}

	.productDel-body.P-02 .boxs .box.even {
		border-left: 1px solid #850003
	}

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

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

	.cooperationModel-body .cooperationModel-bk li .round-text {
		width: 90%;
		left: 5%
	}

	.cooperationModel-body .page-text {
		background-size: 96% auto;
		height: 90px
	}

	.company-infor-body .company-names li {
		width: 45%;
		margin: 5px;
		height: 70px
	}

	.company-infor-body .company-names li span {
		font-size: 12px;
		line-height: 24px;
		height: 24px
	}

	.company-infor-body .company-names li .title {
		margin-top: 6px
	}

	.company-infor-body .company-information .web-text {
		width: 100%;
		left: 0
	}

	.Exhibition-body figure div {
		overflow: hidden;
		font-size: 12px
	}

	.planning-body h2 {
		padding: 30px 0
	}

	.planning-body figure figcaption {
		padding: 0 5px;
		font-size: 12px
	}

	.planning-body figure div article h3 {
		text-align: center
	}

	.planning-body figure div img {
		float: none;
		width: 100%
	}

	.planning-body figure article {
		position: initial;
		padding: 15px 5px;
		width: 100%
	}

	.planning-body figure div article p {
		text-indent: 2em;
		line-height: 22px;
		font-size: 12px
	}

	.planning-body figure .block {
		margin: 0 auto
	}

	.into-body .box4 .PageTitle {
		background-size: 200% 100%;
		background-position: 50%
	}

	.into-body .svg-map {
		margin-bottom: 150px;
		width: 100%
	}

	.into-body .PageTitle P {
		padding: 0 40px;
		font-size: 12px
	}

	.into-body .Five .left {
		padding: 30px 20px 80px
	}

	.into-body .Five .left ul li .names span.cn {
		font-size: 22px
	}

	.into-body .Five .left ul li .names span.en {
		font-size: 12px
	}

	.into-body .Five .left ul li .text {
		text-align: justify
	}

	.into-body .Five .page-box {
		bottom: 20px;
		right: 20px
	}

	.into-body .Brand {
		padding-bottom: 30px
	}

	.into-body .Brand .img-tit {
		margin-bottom: 40px
	}

	.into-body .Brand .img-tit img {
		width: 90%
	}

	.into-body .Brand .img-team div {
		height: 120px
	}

	.into-body .Brand .img-team {
		height: auto
	}

	.into-body .box3 .Honors .flipster {
		overflow: hidden
	}

	.flipto-next,.flipto-prev {
		display: none;
		overflow: hidden
	}

	.into-body .box3 .Honors .flipster ul li {
		width: 100%;
		height: auto
	}

	.into-body .box5 .Firm p {
		text-align: justify;
		padding: 0 5%
	}
}

.pop-svg .boxs {
	display: none
}

.pop-svg .boxs.active {
	display: block
}

.Top-phoneNumber .cn,.Top-phoneNumber .en {
	float: right;
	display: inline-block;
	height: 100%;
	width: 40px;
	background: url(../images/china.jpg) no-repeat center center
}

.Top-phoneNumber .en {
	background-image: url(../images/english.jpg)
}

.Top-phoneNumber .dt {
	float: right;
	color: rgba(255,255,255,.3);
	padding-left: 45px;
	padding-right: 15px;
	position: relative;
	background: url(../images/webMap.png) no-repeat left center
}

.Top-phoneNumber .dt:after {
	content: "";
	position: absolute;
	border-left: 5px solid rgba(255,255,255,.3);
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 50%;
	margin-top: -4px;
	right: 5px
}

@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,.ImportantPlace ul li.cur5 span.after,.ImportantPlace ul li.cur5 span.before,.ImportantPlace ul li.cur6 span.after,.ImportantPlace ul li.cur6 span.before,.ImportantPlace ul li.cur7 span.after,.ImportantPlace ul li.cur7 span.before {
		width: 0
	}
}

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

.ImportantPlace ul li.cur6 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.cur7 span.before {
	position: absolute;
/* width:85px; */
	height: 2px;
	background: #d33b3a;
	right: -115px;
	top: 15px;
	transform: rotate(-70deg);
	-webkit-transform: rotate(-70deg);
	transform-origin: left;
	-webkit-transform-origin: left;
}

.ImportantPlace ul li.cur5 span.after {
	position: absolute;
/* width:20px; */
	height: 2px;
	background: #d33b3a;
	left: -20px;
	top: 14px;
}

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

.ImportantPlace ul li.cur7 span.after {
	position: absolute;
/* width:30px; */
	height: 2px;
	background: #d33b3a;
	right: -30px;
	top: 14px;
}

.ImportantPlace ul li.cur5 {
	right: -3%;
	top: 69%
}

.ImportantPlace ul li.cur6 {
	left: 4%;
	top: 56%
}

.ImportantPlace ul li.cur7 {
	left: 34%;
	top: 39%
}

@media screen and (max-width:768px) {
	.ImportantPlace ul li.cur6 {
		left: -11%
	}

	.ImportantPlace ul li.cur5 {
		right: -11%
	}

	.ImportantPlace ul li.cur5 span.before {
		width: 16px;
		left: -36px
	}

	.ImportantPlace ul li.cur7 {
		left: 27%;
		top: 35%
	}

	.ImportantPlace ul li.cur7 span.before {
		width: 54px;
		right: -58px
	}

	.ImportantPlace ul li.cur7 span.after {
		width: 4px;
		right: -4px
	}
}

@media screen and (max-width:767px) {
	.ImportantPlace ul li {
		width: 86%;
		left: 7%!important;
		margin-left: 0!important
	}

	.ImportantPlace ul li span.after,.ImportantPlace ul li span.before {
		display: none!important
	}

	.index-body .svg-map {
		margin: 10px auto 160px
	}

	.ImportantPlace ul li.cur1 {
		top: auto;
		bottom: -30px
	}

	.ImportantPlace ul li.cur4 {
		top: auto;
		bottom: -60px
	}

	.ImportantPlace ul li.cur5 {
		top: auto;
		bottom: -90px
	}

	.ImportantPlace ul li.cur6 {
		top: auto;
		bottom: -120px
	}

	.ImportantPlace ul li.cur7 {
		top: auto;
		bottom: -150px
	}
}