/*
 *	Created by scp-173 on 16/9
 *	Copyright (c) 2016 shuwon.com All rights reserved
*/

@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 14px;
	background: #FFFFFF;
	color: #3e3e3e;
	overflow-x: hidden;
}

body,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
	border: medium none;
	margin: 0;
	padding: 0;
	outline: none;
}

body,
button,
input,
select,
textarea {
	font: 14px LatoLight, '寰蒋闆呴粦', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

ul,
ol,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0;
}

img {
	border: 0px;
	display: block;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
}

tr {
	cursor: pointer;
}

input {
	border: 0;
}

textarea {
	resize: none;
	padding: 0;
}

::selection {
	background: #A2060A;
	color: #fff;
}

::-moz-selection {
	background: #A2060A;
	color: #fff;
}

.clear {
	clear: both;
}

.scroll_cs {
	position: fixed;
	top: 0;
	color: #000;
	font-size: 36px;
	z-index: 999;
	left: 0;
}


.scrollbar {
	padding-right: 5px;
	height: auto;
	overflow: auto;
}

.scrollbar::-webkit-scrollbar {
	width: 5px;
	height: 10px;
}

.scrollbar::-webkit-scrollbar-button {
	background-color: #ababa7;
}

.scrollbar::-webkit-scrollbar-track {
	background: #ababa7;
}



.scrollbar::-webkit-scrollbar-thumb {
	background: #1F99D6;
	border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-corner {
	background: #82AFFF;
}


.content1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: auto;
	z-index: 2;
}


/*****************************/


/*IEtips*/

.IEtips {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: url(../images/iebg.png);
	display: none;
}

.IEtips_Box {
	width: 1000px;
	background: #FAFAFA;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -250px 0 0 -500px;
}

.IEtips .Browser {
	margin-top: 35px;
}

.IEtips .IEtips_title {
	font-size: 36px;
	width: 80%;
	margin: 0 auto;
	padding-top: 35px;
}

.IEtips .Browser ul {
	overflow: hidden;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.IEtips .Browser ul li {
	margin: 0 40px;
	text-align: center;
	width: 120px;
	float: left;
}

.IEtips .Browser ul li img {
	width: 100px;
	margin: 0 auto;
}

.IEtips .Browser ul li a,
.IEtips .Browser ul li span {
	display: inline-block;
	margin-top: 25px;
	color: #2570e1;
	font-size: 16px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.IEtips .Browser ul li a:hover {
	color: #800886;
}

.IEtips .brn_off {
	background: url(../images/brn_off.png);
	height: 32px;
	width: 32px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}


/***mobile*********/

#navToggle {
	position: fixed;
	z-index: 101;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	display: none;
}

#navToggle span {
	position: absolute;
	top: 0;
	display: block;
	width: 30px;
	height: 2px;
	left: 0;
	border: 0px solid #A80000;
	background-color: #A80000;
	-webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
	transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
	transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s;
	transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
}

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

#navToggle span:nth-of-type(3) {
	top: auto;
	bottom: 0;
	-webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
	transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
	transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s;
	transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s;
}

#navToggle.expanded:hover {
	border-color: #fff;
}

#navToggle.expanded {
	border-color: #aaa;
}

#navToggle.expanded:hover span {
	transform: scale(0.9);
}

#navToggle.expanded span:nth-of-type(1) {
	top: 15px;
	transform: rotate(45deg);
	transition: top 0.2s, transform 0.2s 0.2s, background 0.2s;
	-webkit-transform: rotate(45deg);
	-webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s
}

#navToggle.expanded span:nth-of-type(2) {
	opacity: 0;
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

#navToggle.expanded span:nth-of-type(3) {
	bottom: 14px;
	transform: rotate(-45deg);
	transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s;
	-webkit-transform: rotate(-45deg);
	-webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s
}

#mobileNav.expanded {
	display: block;
	top: 0;
}

#mobileNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;
	-webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;
}

#mobileNav.cur {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

#mobileNav ul {
	margin-top: 72px;
	background: #A80000;
}

#mobileNav ul li {
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #8c1114;
	border-top: 1px solid #e4363b;
}

#mobileNav ul li a {
	display: block;
	height: 100%;
	color: #fff;
}


/*in-banner*/


/*.in-banner{}
.in-banner img{margin: 0 auto; width: 100%;position: relative;}*/

.in-banner {
	position: relative;
	background-attachment: fixed;
	background-size: auto 85%;
	width: 100%;
	height: 85vh;
	z-index: 5;
	background-position: top
}

.in-banner .img {
	width: 100%;
	position: absolute;
	top: 0;
	background: #000;
	height: 100%;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: -1;
}

.in-banner .img.coo {
	opacity: 0;
	filter: alpha(opacity=0);
}


/**/

.Top-phoneNumber {
	position: fixed;
	top: 0;
	width: 100%;
	height: 30px;
	background: #131313;
	line-height: 30px;
	z-index: 16;
}
#list li{text-indent:-9999px;}
.Top-phoneNumber .PNbox {
	font-size: 12px;
	color: rgba(255, 255, 255, .3);
	width: 390px;
	float: right;
	line-height: 30px;
}

.Top-phoneNumber .Number {
	font-size: 18px;
	margin-left: 15px;
}


/*header*/

.header {
	height: auto;
	position: fixed;
	top: 30px;
	width: 100%;
	left: 0;
	z-index: 100;
	padding: 10px 0;
	transition: all .6s;
	-webkit-transition: all .6s;
	background: url("../images/head_back.png") center;
}

.header.active {
	background: rgba(0, 0, 0, .7);
	top: 30px;
}

.header h1 {
	position: relative;
	width: 245px;
	margin-left: 2%;
	float: left;
}

.header h1 a {
	width: 100%;
	display: block;
}

.header h1 a img {
	width: 100%;
}

.header .nav {
	float: right;
	margin-right: 2%;
	margin-top: 12px;
}

.header .nav ul {}

.header .nav ul li {
	position: relative;
	float: left;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.header .nav ul li:before {
	position: absolute;
	content: '';
	left: 5%;
	width: 0%;
	bottom: 0;
	height: 2px;
	background: #b7060b;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.header .nav ul li.active:before,
.header .nav ul li:hover:before {
	width: 90%;
}

.header .nav ul li:after {
	content: '/';
	position: absolute;
	left: -4px;
	top: 0;
	opacity: .15;
	filter: alpha(opacity=15);
	color: #fff;
}

.header .nav ul li:first-child:after {
	display: none;
}

.header .nav ul li a {
	font-size: 14px;
	color: #fff;
	display: block;
	width: 116px;
	text-align: center;
	line-height: 30px;
}


/**/

.banner {
	height: 100vh;
	position: relative;
	z-index: 5;
	overflow: hidden;
}
.banners {
	height:26vh;
	position: relative;
	z-index: 5;
	overflow: hidden;
}

.banner .banner-text {
	position: absolute;
	z-index: 15;
	width: 679px;
	height: 364px;
	left: 50%;
	top: 50%;
	margin: -182px 0 0 -340px;
}

.banner .banner-text .line {
	background: rgba(255, 255, 255, .7);
	position: absolute;
}

.banner .banner-text .line.line-right {
	right: 0;
	top: 0;
	height: 0%;
	width: 4px;
	transition: all .9s;
	-webkit-transition: all .9s;
	transition-delay: 3.3s;
	-webkit-transition-delay: 3.3s;
}

.banner .banner-text .line.line-top {
	top: 0;
	left: 0;
	width: 0%;
	height: 4px;
	transition: all 1.2s;
	-webkit-transition: all 1.2s;
	transition-delay: 2.1s;
	-webkit-transition-delay: 2.1s;
}

.banner .banner-text .line.line-left {
	left: 0;
	bottom: 0;
	width: 4px;
	height: 0%;
	transition: all .6s;
	-webkit-transition: all .6s;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
}

.banner .banner-text .line.line-bottom {
	bottom: 0;
	height: 4px;
	right: 0;
	width: 0%;
	transition: all 1.2s;
	-webkit-transition: all 1.2s;
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
}

.banner .banner-text .line.line-right2 {
	right: 0;
	top: 75%;
	height: 0%;
	width: 4px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.banner .banner-text .line.cur {}

.banner .banner-text .line.cur.line-bottom {
	width: 100%;
}

.banner .banner-text .line.cur.line-top {
	width: 100%;
}

.banner .banner-text .line.cur.line-left {
	height: 100%;
}

.banner .banner-text .line.cur.line-right {
	height: 60%;
}

.banner .banner-text .line.cur.line-right2 {
	height: 25%;
}


.banner .banner-tab {
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0;
	z-index: 15;
}

.banner .banner-tab ul {
	height:35px;
	width: 720px;
	margin: 0 auto;
	padding-left: 210px;
}
.banner .banner-tab ul li {
	width:35px;
	height:35px;
	border-radius:35px;
	float: left;
	margin:0 20px;
	background:#F5E2A0;
	opacity: 0.8;
	padding: 0;
	border: none;
	position: relative;
	top: -50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	cursor: pointer;
}

.banner .banner-tab ul li span {
	display: block;
	position: absolute;
	z-index: 15;
}

.banner .banner-tab ul li .cn {
	font-size: 18px;
	color: #dad8d8;
	left: 25px;
	bottom: 104px;
}

.banner .banner-tab ul li .en {
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	left: 25px;
	top: 75px;
	opacity: .5;
	filter: alpha(opacity=50)
}

.banner .banner-tab ul li:after {
	background: url(../images/banner-tab.jpg);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 5;
}

.banner .banner-tab ul li:before {
	background-color: #fff;
	border-radius:35px ;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 6;
}

.banner .banner-tab ul li.active:after {
	opacity: 0 !important;
	filter: alpha(opacity=0)
}

.banner .banner-tab ul li.active:before {
	opacity: 1 !important;
	filter: alpha(opacity=100)
}

.banner .banner-tab ul li.active .cn {
	color: #dad8d8 !important;
}

.banner .banner-tab ul li.active .en {
	color: #fff !important;
}

.banner .bannert-img {
	height: 100%;
}

.banner .bannert-img ul {}

.banner .bannert-img ul li.cur {
	filter: blur(10px);
}

.banner .bannert-img ul li.swiper-slide {
	z-index: 2;
}

.banner .bannert-img ul li.swiper-slide-active {
	z-index: 5;
}

.banner .bannert-img ul li img {
	width: 100%;
	height: 100%;
}

@media screen and (min-width:1201px) {
	.banner .banner-tab ul li:hover,
	.banner .banner-tab ul li.active {
		bottom: 0;
	}
	.banner .banner-tab ul li:hover:after {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.banner .banner-tab ul li:hover .cn {
		color: #060001;
	}
	.banner .banner-tab ul li:hover .en {
		color: #060001;
		opacity: .5;
		filter: alpha(opacity=50)
	}
}


/*PageTitle*/

.PageTitle {
	text-align: center;
	padding: 40px 0;
	font-family: "鏂板畫浣�";
}

.PageTitle span {
	display: block;
}

.PageTitle span.cn {
	font-size: 30px;
	color: #1d1d1d;
}

.PageTitle span.en {
	font-size: 18px;
	color: #1d1d1d;
	opacity: .4;
	filter: alpha(opacity=40);
	text-transform: uppercase;
	position: relative;
}

.PageTitle span.en:after {
	background: #a19898;
	width: 80px;
	height: 2px;
	left: 50%;
	margin-left: -40px;
	position: absolute;
	content: '';
	bottom: -24px;
}

.PageTitle P {
	margin-top: 10px;
	font-family: "鏂板畫浣�";
	color: #666;
}


/*index-body*/

.index-body {}

.index-body .box {
	background:url(../images/bg12.png) no-repeat center bottom, url(../images/bg.jpg);
}

.index-body .box1 {
	height: 700px;
	padding: 30px 0 0 0;
	position: relative;
}

.index-body .box1 .PageTitle {
	position: absolute;
	width: 100%;
	z-index: 15;
}

.index-body .box1 .content1200 {
	height: 100%;
	width: 1400px;
}

.index-body .box1 .milestones {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.index-body .box1 .milestones ul {
	position: relative;
	width: 250000px;
}

.index-body .box1 .milestones ul li {
	position: relative;
	width: 280px
}

.index-body .box1 .milestones ul li .title {
	width: 90px;
	height: 90px;
	position: absolute;
	margin: -45px 0 0 -45px;
	left: 50%;
	top: 50%;
	border: 4px solid rgba(152, 31, 31, 0.19);
	border-radius: 50%;
	background: url(../images/icon-lcround.png) no-repeat center;
	cursor: pointer;
	background-size: 100% 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.index-body .box1 .milestones ul li .title:hover {
	background-size: 110% 110%;
}


/*娉㈡氮*/

.index-body .box1 .bolang1 {
	position: absolute;
	width: 500%;
	left: 0;
	height: 302px;
	background: url(../images/wave1.png) repeat-x;
	top: 40%;
}

.index-body .box1 .bolang2 {
	position: absolute;
	width: 500%;
	left: 0;
	height: 302px;
	top: 39%;
	background: url(../images/wave2.png) repeat-x;
	background-size: 1900px auto;
}

.index-body .box1 .milestones ul li .round {
	height: 220px;
	width: 220px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin: -110px 0 0 -110px;
	top: 50%;
}

.index-body .box1 .milestones ul li .round .title span {
	display: block;
	color: #fff;
	text-align: center;
	z-index: 14;
}

.index-body .box1 .milestones ul li .round .title span.year {
	margin-top:30px;
	font-size: 20px;
}

.index-body .box1 .milestones ul li .round .title span.names {
	font-size: 12px;
}

.index-body .box1 .milestones ul li .pic {
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.index-body .box1 .milestones ul li .pic .img {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	overflow: hidden;
	border: 6px solid #e6cdcd;
	position: relative;
}

.index-body .box1 .milestones ul li .pic .img img {
	display: block;
	margin: 0 auto;
	position: absolute;
	left: -6px;
	top: -6px;
	width: 220px;
	height: 220px;
}

.index-body .box1 .milestones ul li .summary {
	width: 100%;
	margin-top: 0;
}

.index-body .box1 .milestones ul li .summary .title-T {}

.index-body .box1 .milestones ul li .summary .title-T span {
	color: #a50004;
}

.index-body .box1 .milestones ul li .summary .title-T span.year {
	font-size: 20px;
}

.index-body .box1 .milestones ul li .summary .title-T span.names {
	font-size: 14px;
	margin-left: 5px;
}

.index-body .box1 .milestones ul li .summary .text {
	font-size: 12px;
	color: #666666;
	line-height: 24px;
	height: 96px;
}

.index-body .box1 .milestones ul li.swiper-slide-active .title {
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
}

.index-body .box1 .milestones ul li.swiper-slide-active .pic {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.index-body .box1 .milestones .swiper-pagination-box1 {
	position: absolute;
	bottom: 20px;
	text-align: center;
	z-index: 15;
}

.index-body .box1 .milestones .swiper-pagination-box1 span {
	width: 10px;
	height: 10px;
}

.index-body .box1 .milestones .swiper-pagination-box1 span.swiper-pagination-bullet-active {
	background: #A80000;
}

.swiper-button-next-milestones,
.swiper-button-prev-milestones {
	width: 39px;
	height: 78px;
	background: url(../images/o-right.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -39px;
	right: -100px;
	cursor: pointer;
	display: block;
}

.swiper-button-prev-milestones {
	background-image: url(../images/o-left.png);
	left: -100px;
	right: auto;
}

.index-body .box2 {
	height: auto;
	background: url(../images/index-box2.jpg);
	position: relative;
}

.index-body .box2:before {
	content: "";
	display: block;
	width: 0px;
	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;
}

.index-body .box2 .PageTitle span {
	color: #000;
}

.index-body .culture {
	position: relative;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-top: 15px;
}

.index-body .culture ul {
	overflow: hidden;
}

.index-body .culture ul li {
	width: 20%;
	float: left;
	background: #000;
	position: relative;
}

.index-body .culture ul li img {
	width: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.index-body .culture ul li .title-T,
.index-body .culture ul li .title-T1 {
	position: absolute;
	padding: 20px 0;
	width: 100%;
	bottom: 50%;
	margin-bottom: -51px;
	z-index: 15;
	transition: all .8s;
	-webkit-transition: all .8s;
}

.index-body .culture ul li .title-T1:after,
.index-body .culture ul li .title-T:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.index-body .culture ul li .title-T span,
.index-body .culture ul li .title-T1 span {
	display: block;
	text-align: center;
	color: rgb(255, 255, 255);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.index-body .culture ul li .title-T span.cn,
.index-body .culture ul li .title-T1 span.cn {
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
}

.index-body .culture ul li .title-T span.cn:after {
	content: "";
	position: absolute;
	bottom: -10px;
	width: 46px;
	height: 1px;
	background: rgba(255, 255, 255, .7);
	left: 50%;
	margin-left: -23px;
}

.index-body .culture ul li .title-T span.en,
.index-body .culture ul li .title-T1 span.en {
	font-size: 12px;
}

.index-body .culture ul li .title-T1 {
	bottom: 0;
	margin-bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.index-body .culture ul li .title-T1 span.cn {
	margin-bottom: 0;
}

.index-body .culture ul li .title-T1:after {
	opacity: 1;
	filter: alpha(opacity=100);
}

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

@media screen and (min-width:1201px) {
	.index-body .culture ul li:hover img {
		opacity: .8;
		filter: alpha(opacity=80)
	}
	.index-body .culture ul li:last-child:hover img {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.index-body .culture ul li:hover .title-T1 {
		opacity: .8;
		filter: alpha(opacity=80);
	}
	.index-body .culture ul li:hover .title-T {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.index-body .box3 {
	height:650px;
	position: relative;
/*	padding: 30px 0 0 0;*/
}

.index-body .box3 .content1200 {}

.index-body .box3 .title-tips {
	font-size: 14px;
	color: #6b0104;
	line-height: 28px;
	width: 1200px;
	margin: 20px auto 0;
}

.index-body .box3 .title-tips .more {
	width: 90px;
	height: 20px;
	background: #fc9127;
	border-radius: 10px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	display: block;
	margin: 40px auto 0;
}

/*.index-body .box3 .introduction {
	margin-top: 70px;
}*/

.index-body .box3 .introduction .img-news {
	padding: 0;
	position: relative;
	z-index: 2;
	width: 25%;
}

.index-body .box3 .introduction .img-news:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.index-body .box3 .introduction .img-news img {
	max-height: 100%;
	max-width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .8s;
	-webkit-transition: all .8s;
}

.index-body .box3 .introduction .img-news .summary {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 15px;
}

.index-body .box3 .introduction .img-news .summary .year {
	display: block;
	font-size: 18px;
	color: #a1a1a1;
	margin-top: 100px;
	transition: all .8s;
	-webkit-transition: all .8s;
}

.index-body .box3 .introduction .img-news .summary .title a {
	font-size: 16px;
	color: #333333;
	line-height: 27px;
	overflow: hidden;
	height: 54px;
}

.index-body .box3 .introduction .img-news .summary .text {
	font-size: 14px;
	color: #8a8989;
	line-height: 28px;
	margin-top: 35px;
}

.index-body .box3 .introduction .img-news .summary .more {
	margin-top: 40px;
	display: block;
	float: left;
	width: 70px;
	height: 18px;
	text-align: center;
	line-height: 16px;
	color: #fff;
	background: #fc9127;
	font-size: 12px;
	border-radius: 10px;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-left: 30px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

@media screen and (min-width:1201px) {
	.index-body .box3 .introduction .img-news:hover img {
		opacity: .4;
		filter: alpha(opacity=40);
	}
	.index-body .box3 .introduction .img-news:hover:before {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.index-body .box3 .introduction .img-news:hover .summary .year,
	.index-body .box3 .introduction .img-news:hover .summary .title a,
	.index-body .box3 .introduction .img-news:hover .summary .text {
		color: #fff;
	}
	.index-body .box3 .introduction .img-news:hover .summary .more {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.index-body .box3 .introduction .img-news:hover .summary .year {
		margin-top: 80px;
	}
}

.index-body .box4 {
	position: relative;
}

.index-body .box4 .content1200 {
	position: absolute;
	height: 100%;
	left: 45%;
	margin-left: -500px;
	width: auto;
}

.index-body .box4 .company-text {
	width: 410px;
	height: 100%;
	background: #6f0104;
	top: 0;
	position: absolute;
	overflow: hidden;
}

.index-body .box4 .company-text ul {
	height: 308px;
	position: relative;
	width: 100%;
	top: 0;
	margin-top: 15%;
}

.index-body .box4 .company-text ul li {
	position: relative;
	height: 100%;
}

.index-body .box4 .company-text .title-T {
	padding: 20% 20px;
	position: relative;
	top: 0;
	font-family: "瀹嬩綋";
}

.index-body .box4 .company-text .title-T span {
	color: #fff;
	display: block;
}

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

.index-body .box4 .company-text .title-T span.en {
	font-size: 18px;
	opacity: .5;
	filter: alpha(opacity=20);
	text-transform: uppercase;
}

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

.index-body .box4 .company-text ul li {}

.index-body .box4 .company-text .company-bk {
	background: url(../images/bg.jpg);
	padding: 15px;
	overflow: hidden;
	margin-bottom: 1px;
}

.index-body .box4 .company-text .company-name {
	font-size: 18px;
}

.index-body .box4 .company-text .company-nameE {
	font-size: 12px;
	color: #333333;
	opacity: .5;
	filter: alpha(opacity=50);
	text-transform: uppercase;
	margin-top: 5px;
}

.index-body .box4 .company-text .more {
	width: 74px;
	height: 18px;
	display: block;
	float: left;
	text-align: center;
	line-height: 16px;
	background: #fc9127;
	color: #fff;
	border-radius: 10px;
	margin-top: 10px;
	transition: all .5s;
	-webkit-transition: all .5s;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-left: 40px;
}

.index-body .box4 .company-text .swiper-pagination-box4 {
	text-align: center;
	margin-top: 15px;
}

.index-body .box4 .company-text .swiper-pagination-box4 span {
	height: 10px;
	width: 10px;
}

.index-body .box4 .company-text .swiper-pagination-box4 span.swiper-pagination-bullet-active {
	background: #fc9127;
}

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

.index-body .box4 .company-img {
	position: relative;
	transform: translateX(30%);
	-webkit-transform: translateX(30%);
	display: none;
}

.index-body .box4 .company-img.active {
	display: block;
}

.index-body .box4 .company-img ul {}

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

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


/*.index-body .box4 .company-img ul li:nth-child(2n) {width:75%;}*/

.index-body .box4 .swiper-pagination-company {
	position: absolute;
	bottom: 10px;
	width: 55%;
	right: 10%;
	z-index: 15;
	text-align: center;
}

.index-body .box4 .swiper-pagination-company span {
	width: 12px;
	border-radius: 0;
	opacity: 1;
	background: #a8a5a4;
	margin: 0 5px;
	transition: all .5s;
	-webkit-transition: all .5s;
	height: 3px;
	position: relative;
}

.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active {
	background: #fc9127;
	width: 60px;
}

.index-body .box4 .swiper-pagination-company span:after {
	content: "";
	display: block;
	width: 22px;
	height: 15px;
	position: absolute;
	top: -6px;
	left: -5px;
	cursor: pointer;
}

.index-body .box4 .swiper-pagination-company span.swiper-pagination-bullet-active:after {
	width: 70px
}

@media screen and (min-width:1500px) {
	.index-body .box4 .company-text .company-bk {
		padding: 25px 20px;
	}
	.index-body .box4 .company-text .swiper-pagination-box4 {
		margin-top: 150px;
	}
	.index-body .box4 .company-text .company-name {
		font-size: 22px;
	}
	.index-body .box4 .company-text .company-nameE {
		margin-top: 10px;
	}
}

.index-body .box.box5 {
	background: #fff;
}


.index-body .box5 .PageTitle span.cn {
	color: #fff;
}

.index-body .box5 .PageTitle span.en {
	color: #fff;
	opacity: .2;
	filter: alpha(opacity=20);
}


/*product-text*/

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

.product-body {}

.product-body .boxs {
	width: 100%;
	height: 350px;
	background: url(../images/box1-bg.jpg) no-repeat right 0px;
	background-size: 100% 380px;
	transition: all .2s;
	-webkit-transition: all .2s;
	position: relative;
}

.product-body .box2 {
	background-image: url(../images/box2-bg.jpg);
}

.product-body .box3 {
	background-image: url(../images/box3-bg.jpg);
}

.product-body .box4 {
	background-image: url(../images/box4-bg.jpg);
}

.product-body .box5 {
	background-image: url(../images/box5-bg.jpg);
}

.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 #840004;
	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: 12px;
	color: #666;
	padding: 25px;
	line-height: 24px;
}

.product-body .boxs .product-content .c-txt .p-more a {
	display: block;
	width: 90px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	background: #fc9127;
	text-align: center;
	line-height: 18px;
	border-radius: 20px;
	margin-left: 20px;
}

.product-body .boxs.odd .product-content .c-txt .p-tit,
.product-body .boxs.odd .product-content .c-txt .p-main {
	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: #f4a14f;
	}
	.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: 0px;
			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: 0px;
			opacity: 1;
		}
		85% {
			margin-left: 30px;
		}
		95% {
			margin-left: 10px;
		}
		100% {
			margin-left: 20px;
		}
	}
	.product-body .boxs:hover:after {
		right: 50%;
	}
}


/*news*/

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

.news-text {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.news-body {
	background: url(../images/bg.jpg);
	overflow: hidden;
}

.news-body .news-tits {
	text-align: center;
}

.news-body .PageTitle {
	display: inline-block;
	width: auto;
	position: relative;
	padding: 60px 20px;
	cursor: pointer;
}

.news-body .PageTitle span.cn {
	font-size: 24px;
}

.news-body .PageTitle span.en {
	font-size: 14px;
}

.news-body .PageTitle.active span.cn {
	font-size: 30px;
	color: #c30017;
}

.news-body .PageTitle.active span.en {
	font-size: 18px;
	color: #c30017;
}

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

.news-body .PageTitle.active:after {
	background: transparent;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	content: '';
	bottom: 40px;
	border-top: 6px solid #c30017;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	opacity: 1;
}

.news-body .box-container {
	max-width: 1200px;
	margin: 0 auto;
	color: #666;
}

.news-body .boxs {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	padding: 30px 0;
}

.news-body .boxs .box-txt {
	float: left;
	padding-right: 85px;
	transition: all 1s;
	-webkit-transition: all 1s;
}

.news-body .boxs .box-txt .t-tit a {
	font-size: 24px;
	color: #333;
}

.news-body .boxs .box-txt .t-date {
	color: #838383;
	line-height: 35px;
	padding-left: 20px;
	background: url(../images/date.png) no-repeat left center;
}

.news-body .boxs .box-txt .t-main {
	line-height: 24px;
}

.news-body .boxs .t-more a {
	position: absolute;
	bottom: 30px;
	left: 15px;
	width: 90px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background: #fc9127;
	border-radius: 20px;
	transition: all 1s;
	-webkit-transition: all 1s;
}

.news-body .boxs .box-img {
	float: right;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}

.news-body .boxs .box-img img {
	width: 100%;
	transition: all 1s;
	-webkit-transition: all 1s;
}

.news-body .boxs:hover .box-img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}


/*.news-body .boxs:hover .box-txt { margin-right: -30px; margin-left: 30px; }*/

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

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

.pages .p-prev,
.pages .p-next {
	width: 10px;
	height: 10px;
	margin-bottom: 4px;
	display: inline-block;
	background: url(../images/left-arrow.png) no-repeat;
}

.pages .p-next {
	background-image: url(../images/right-arrow.png);
}

.pages .ps {
	display: inline-block;
	overflow: hidden;
}

.pages .ps li {
	float: left;
	width: 22px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #6b0104;
	margin: 0 10px;
	text-align: center;
}

.pages .ps li.active a {
	background: #6B0104;
	color: #fff
}

.pages .ps li a {
	width: 100%;
	display: block;
	height: 100%;
	color: #666
}

.pages .ps li.d {
	border: none
}


/*operations*/

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

.operation-body {}

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

.operation-body .body-top .boxs-container {
	overflow: hidden;
	position: relative;
}

.operation-body .body-top .boxs-container:before {
	content: "";
	display: block;
	width: 0px;
	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;
}

.operation-body .body-top .boxs {
	width: 50%;
	float: left;
	height: 290px;
	position: relative;
	background: #000;
	cursor: pointer;
	padding: 2% 3%;
	overflow: hidden;
}

.operation-body .body-top .boxs .img {
	height: 100%;
	width: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.operation-body .body-top .boxs .box-text {
	position: relative;
	z-index: 5;
	color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.operation-body .body-top .boxs .box-text:before {
	display: block;
	content: "";
	border: 1px solid #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.operation-body .body-top .boxs .box-text .text-tit {
	font-size: 24px;
	text-align: center;
	margin-top: 80px;
	transition: all .5s;
	-webkit-transition: all .5s;
	margin-bottom: 30px;
}

.operation-body .body-top .boxs .box-text .text-tit img {
	display: inline-block;
	vertical-align: bottom;
}

.operation-body .body-top .boxs .box-text .text-tit span {
	margin-left: -15px;
}

.operation-body .body-top .boxs .box-text .texts {
	opacity: 0;
	filter: alpha(opacity=0);
	text-align: center;
	padding: 0 10%;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.operation-body .body-bottom .swipers {
	width: 100%;
	height: 622px;
	background: url(../images/bg.jpg);
	position: relative;
}

.operation-body .body-bottom .swiper-pagination {
	position: initial;
}

.operation-body .body-bottom .swipers:before {
	content: "";
	display: block;
	width: 0px;
	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;
}

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

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs {
	text-align: center;
	cursor: pointer;
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .img-box {
	display: block;
	margin: 50px auto 20px;
	position: relative;
	width: 156px;
	height: 147px;
	overflow: hidden;
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .img-box img {
	width: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	display: block;
	position: absolute;
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .img-box:after {
	content: "";
	width: 102%;
	height: 100%;
	background: url(../images/kuan.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: -1%;
	background-size: cover;
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .text-box {
	color: #666;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .text-box:before {
	content: "";
	position: absolute;
	width: 0;
	border-bottom: 9px solid #760004;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
	top: -5px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs .text-box .firstChild {
	font-size: 22px;
	line-height: 40px;
}

.operation-body .body-bottom .swipers .swiper-button-prev-operation,
.operation-body .body-bottom .swipers .swiper-button-next-operation {
	position: absolute;
	width: 39px;
	height: 78px;
	background: url(../images/o-left.png) no-repeat;
	top: 50%;
	margin-top: -39px;
	cursor: pointer;
	left: 5%;
	z-index: 10;
}

.operation-body .body-bottom .swipers .swiper-button-next-operation {
	background-image: url(../images/o-right.png);
	right: 5%;
	left: auto;
}

@media screen and (min-width:1201px) {
	.operation-body .body-top .boxs:hover .img {
		opacity: .6;
		filter: alpha(opacity=60);
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	.operation-body .body-top .boxs:hover .box-text:before {
		opacity: .5;
		filter: alpha(opacity=50);
	}
	.operation-body .body-top .boxs:hover .box-text .text-tit {
		margin-top: 50px;
	}
	.operation-body .body-top .boxs:hover .box-text .unline {
		opacity: .5;
		filter: alpha(opacity=50);
	}
	.operation-body .body-top .boxs:hover .box-text .texts {
		opacity: .9;
		filter: alpha(opacity=90);
	}
	.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs:hover .text-box {
		color: #760004;
	}
	.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs:hover .text-box:before {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.operation-body .body-bottom .swipers .product-list .swiper-slide .boxs:hover .img-box img {
		width: 110%;
		margin: -5%
	}
}


/*inherit*/

.inherit-text {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.inherit-body {}

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

.inherit-body .body-top .boxs-container {
	overflow: hidden;
	position: relative;
}

.inherit-body .body-top .boxs-container:before {
	content: "";
	display: block;
	width: 0px;
	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;
}

.inherit-body .body-top .boxs {
	width: 50%;
	float: left;
	height: 622px;
	position: relative;
	background: #000;
	cursor: pointer;
	padding: 3%;
	overflow: hidden;
}

.inherit-body .body-top .boxs .img {
	height: 100%;
	width: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.inherit-body .body-top .boxs .box-text {
	position: relative;
	z-index: 5;
	color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.inherit-body .body-top .boxs .box-text:before {
	display: block;
	content: "";
	border: 1px solid #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.inherit-body .body-top .boxs .box-text .text-tit {
	font-size: 24px;
	text-align: center;
	margin-top: 180px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.inherit-body .body-top .boxs .box-text .text-tit span.en {
	display: block;
	font-size: 18px;
	opacity: .5;
	filter: alpha(opacity=50);
	margin-top: 20px;
}

.inherit-body .body-top .boxs .box-text .unline {
	width: 70px;
	height: 1px;
	background: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	margin: 20px auto;
}

.inherit-body .body-top .boxs .box-text .texts {
	text-align: center;
	padding: 0 15%;
}

.inherit-body .body-top.b2 .boxs {
	width: 100%;
}

@media screen and (min-width:1201px) {
	.inherit-body .body-top .boxs:hover .img {
		opacity: .6;
		filter: alpha(opacity=60);
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	.inherit-body .body-top .boxs:hover .box-text:before {
		opacity: .5;
		filter: alpha(opacity=50);
	}
	.inherit-body .body-top .boxs:hover .box-text .text-tit {
		margin-top: 140px;
	}
}


/*ContactUs-body*/

.ContactUs-body {}

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

.ContactUs-body .box {
	background: url(../images/bg.jpg);
}

.ContactUs-body .box1 {}

.ContactUs-body .join-logo {
	text-align: center;
	height: 170px;
	line-height: 170px;
}

.ContactUs-body .join-logo a {
	width: 180px;
	height: 65px;
	display: inline-block;
	margin: 0 125px;
	position: relative;
}

.ContactUs-body .join-logo a.wyzp {
	transition: all .5s;
	-webkit-transition: all .5s
}

.ContactUs-body .join-logo a.zlzp {

	transition: all .5s;
	-webkit-transition: all .5s
}

.ContactUs-body .join-logo a:hover {
	background-position: left bottom;
}

.ContactUs-body .join-logo a span {
	position: absolute;
}

.ContactUs-body .join-logo a span.borderL {
	left: 0;
	top: 0;
}

.ContactUs-body .join-logo a span.borderR {
	right: 0;
	bottom: 0;
}

.ContactUs-body .join-logo a span.borderL:after {
	position: absolute;
	content: '';
}

.ContactUs-body .join-logo a span.borderL:before {
	position: absolute;
	content: '';
}

.ContactUs-body .join-logo a span.borderR:after {
	position: absolute;
	content: '';
}

.ContactUs-body .join-logo a span.borderR:before {
	position: absolute;
	content: '';
	width: 50px;
	height: 1px;
	background: #BEBEBE;
	top: -6px;
	left: -20px;
}

.ContactUs-body .join-logo .wyzp span.borderL:after {
	width: 1px;
	height: 50px;
	background: #BEBEBE;
	top: -20px;
	left: -6px;
}

.ContactUs-body .join-logo .wyzp span.borderL:before {
	width: 50px;
	height: 1px;
	background: #BEBEBE;
	top: -6px;
	left: -20px;
}

.ContactUs-body .join-logo .wyzp span.borderR:after {
	width: 1px;
	height: 50px;
	background: #BEBEBE;
	bottom: -20px;
	left: 5px;
}

.ContactUs-body .join-logo .wyzp span.borderR:before {
	width: 50px;
	height: 1px;
	background: #BEBEBE;
	top: 6px;
	left: -20px;
}

.ContactUs-body .join-logo .zlzp span.borderL:after {
	width: 1px;
	height: 50px;
	background: #BEBEBE;
	top: -20px;
	left: -6px;
}

.ContactUs-body .join-logo .zlzp span.borderL:before {
	width: 50px;
	height: 1px;
	background: #BEBEBE;
	top: -6px;
	left: -20px;
}

.ContactUs-body .join-logo .zlzp span.borderR:after {
	width: 1px;
	height: 50px;
	background: #BEBEBE;
	bottom: -20px;
	left: 5px;
}

.ContactUs-body .join-logo .zlzp span.borderR:before {
	width: 50px;
	height: 1px;
	background: #BEBEBE;
	top: 6px;
	left: -20px;
}

.ContactUs-body .box2 {
	margin: 0 auto;
}

.ContactUs-body .box2 .left {
	padding: 0;
	position: relative;
}

.ContactUs-body .box2 .right {
	padding: 0;
	position: relative;
}

.ContactUs-body .box2 .left img {
	width: 100%;
}

.ContactUs-body .box2 .right img {
	width: 100%;
}

.ContactUs-body .box2 .information {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 10%;
	transition: all .8s;
	-webkit-transition: all .8s;
	z-index: 5;
	cursor: pointer;
}

.ContactUs-body .box2 .information:after {
	content: "";
	display: block;
	width: 90%;
	height: 80%;
	border: 1px solid #fff;
	position: absolute;
	top: 10%;
	left: 2%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: -1;
}

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

.ContactUs-body .box2 .information .names span {
	display: block;
	text-transform: uppercase;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	text-align: center;
}

.ContactUs-body .box2 .information .names span.cn {
	font-size: 28px;
	line-height: 32px;
}

.ContactUs-body .box2 .information .names span.cn:after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	margin-left: -15px;
	left: 50%;
	bottom: -15px;
	background: #fff;
	opacity: .4;
	filter: alpha(opacity=40);
	ransition: all .5s;
	-webkit-transition: all .5s;
}

.ContactUs-body .box2 .information .names span.en {
	margin-top: 60px;
	display: inline-block;
}

.ContactUs-body .box2 .information .infor {
	line-height: 28px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .8s;
	-webkit-transition: all .8s;
}

.ContactUs-body .box2 .information .infor i {
	height: 14px;
	width: 14px;
	display: inline-block;
	background-size: 14px auto !important;
	margin-right: 10px;
}

.ContactUs-body .box2 .information .infor i.phoneNumber {
	background-position: 0 bottom;
}

.ContactUs-body .box2 .information .infor i.email {
	background-position: 0 -14px;
}

.ContactUs-body .box2 .information .infor i.diz {
	background-position: 0 -28px;
}

.ContactUs-body .box2 .information .infor a {
	color: #fff;
}


/*hover*/

@media screen and (min-width:1201px) {
	.ContactUs-body .box2 .information:hover {
		padding-left: 12%;
		padding-right: 8%;
	}
	.ContactUs-body .box2 .information:hover:after {
		left: 5%;
		opacity: .6;
		filter: alpha(opacity=60);
	}
	.ContactUs-body .box2 .information:hover .infor {
		opacity: 1;
		filter: alpha(opacity=1);
	}
	.ContactUs-body .box2 .information:hover .names span {
		top: 20%;
		margin-left: -30%;
	}
	.ContactUs-body .box2 .information:hover .names span.cn:after {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.ContactUs-body .box2 .information:hover .names span.en {
		margin-top: 40px;
	}
}

.ContactUs-body .box3 {}

.ContactUs-body .map {
	height: 400px;
	width: 100%;
	position: relative;
}


/*into*/

.into-body {}

.into-body .PageTitle {
	padding: 50px 0 30px;
}

.into-text {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.into-body .box {}

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

.into-body .box1 {}

.into-body .Five:before,
.into-body .Brand:before,
.into-body .box3 .Honors:before,
.into-body .box5 .Firm:before {
	content: "";
	display: block;
	width: 0px;
	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;
}

.into-body .Five {
	background: url(../images/bg.jpg);
	margin: 0 auto;
	position: relative;
}

.into-body .Five .left {
	height: 100%;
	padding: 50px;
}

.into-body .Five .left ul {}

.into-body .Five .left ul li {
	overflow: hidden;
}

.into-body .Five .left ul li .names {
	margin-bottom: 35px;
	position: relative;
}

.into-body .Five .left ul li .names span {
	display: block;
}

.into-body .Five .left ul li .names span.cn {
	font-size: 30px;
	color: #ab0004;
}

.into-body .Five .left ul li .names span.en {
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
	opacity: .5;
	filter: alpha(opacity=50);
}

.into-body .Five .left ul li .names:after {
	width: 86px;
	height: 2px;
	background: #ab0004;
	position: absolute;
	content: '';
	bottom: -12px;
}

.into-body .Five .left ul li .text {
	font-size: 14px;
	line-height: 28px;
	color: #666666;
}

.into-body .Five .left ul li .more {
	width: 88px;
	height: 20px;
	background: #fc9127;
	color: #fff;
	text-align: center;
	line-height: 20px;
	display: block;
	float: left;
	border-radius: 10px;
	margin-top: 25px;
}

.into-body .Five .page-box {
	position: absolute;
	bottom: 50px;
	left: 50px;
}

.into-body .Five .page-box span {
	display: inline-block;
	margin-right: 5px;
	font-family: "瀹嬩綋";
}

.into-body .Five .page-box span.p-now {
	color: #ab0004;
	font-size: 80px;
	position: relative;
	line-height: 80px;
	margin-right: 30px;
}

.into-body .Five .page-box span.p-now:after {
	display: block;
	content: "";
	width: 44px;
	height: 63px;
	background: url(../images/line-x.png);
	position: absolute;
	bottom: 8px;
	right: -44px
}

.into-body .Five .page-box span.p-all {
	color: #666;
	font-size: 38px;
}

.into-body .Five .page-box span.swiper-left,
.into-body .Five .page-box span.swiper-right {
	cursor: pointer;
}

.into-body .Five .right {
	float: right;
	padding: 0;
}

.into-body .Five .right ul {}

.into-body .Five .right ul li {}

.into-body .Five .right ul li img {
	width: 100%;
}

.into-body .box2 {}


/*xg*/

@media screen and (min-width:1450px) {
	.into-body .Five .left {
		padding: 120px 80px 0;
	}
	.into-body .Five .page-box {
		left: 80px
	}
}

.into-body .Brand {
	background: url(../images/brand.jpg) no-repeat;
	padding: 80px 0;
	position: relative;
}

.into-body .Brand .img-tit {
	text-align: center;
	margin-bottom: 80px;
}

.into-body .Brand .img-tit img {
	display: inline-block;
}

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

.into-body .Brand .img-team div {
	height: 100%;
	position: relative;
}

.into-body .Brand .img-team div:after {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 1px;
	background: #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	left: 0;
	top: 0;
}

.into-body .Brand .img-team div.img4:before {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 1px;
	background: #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	right: 0;
	top: 0;
}

.into-body .box4 .PageTitle span.cn {
	color: #fff;
}

.into-body .box4 .PageTitle span.en {
	color: #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	margin-top: 10px;
}

.into-body .box4 .map {
	margin: 20px auto;
}

.into-body .box3 {}

.into-body .box3 .Honors {
	height: 582px;
	width: 100%;
	position: relative;
	background: url(../images/honor.jpg) center;
	background-size: cover;
	overflow: hidden;
}

.into-body .box3 .Honors .flipster {
	width: 1000px;
	margin: 110px auto 0;
	position: relative;
	padding-bottom: 70px;
}

.into-body .box3 .Honors .flipster ul li {
	width: 490px;
	height: 330px;
	background: #fff;
}

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

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

.into-body .box3 .Honors .flipster ul li .img img {
	margin: 0 auto;
	background: #000;
	height: 100%;
	width: auto;
}

.into-body .box3 .Honors .flipster ul li .text {
	margin-top: 30px;
	text-align: center;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .7s;
	-webkit-transition: all .7s;
}

.into-body .box3 .Honors .flipster ul li .text:before {
	content: "";
	display: block;
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	border-bottom: 9px solid #6B0104;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.into-body .box3 .Honors .flipster ul li .text span {
	padding: 0 20px;
	display: inline-block;
	background: #6b0104;
	color: #fff;
	border-radius: 30px;
	height: 30px;
	line-height: 30px;
}

.into-body .box3 .Honors .flipster ul li.flip-current .text {
	opacity: 1;
	filter: alpha(opacity=100);
}

.into-body .box5 {}

.into-body .box5 .Firm {
	position: relative;
	padding: 10px 0 60px;
	background: url(../images/bg.jpg);
	overflow: hidden;
}

.into-body .box5 .Firm:after {
	position: absolute;
	width: 2px;
	height: 100%;
	background: #fff;
	content: "";
	left: 50%;
	top: 0;
	margin-left: -1px;
}

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

.into-body .box5 .Firm .firm-icon {
	text-align: center;
}

.into-body .box5 .Firm .firm-icon img {
	display: inline-block;
	margin: 40px 0;
}

.into-body .box5 .Firm p {
	padding: 0 15%;
	line-height: 24px;
}


/* @group Base Flipster Styles */

.flipster {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: relative;
}

.flip-items,
.flip-item {
	display: block;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

.flip-items {
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.flip-item {
	position: absolute;
	opacity: 0.99;
	/* Fix for strange clipping behavior on rotated elements in Chrome. */
}

.flip-past,
.flip-future,
.flip-next,
.flip-prev {
	cursor: pointer;
}

.flip-item img {
	display: block;
	width: 100%;
}


/* @end */


/* @group Coverflow Style */

.flipster-coverflow .flip-items {
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	position: relative;
	padding-top: 2%;
	padding-bottom: 5%;
}

.flipster-coverflow .flip-item {
	display: block;
	-webkit-transition: all 175ms ease-in-out;
	-moz-transition: all 175ms ease-in-out;
	-o-transition: all 175ms ease-in-out;
	-ms-transition: all 175ms ease-in-out;
	transition: all 175ms ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	position: absolute;
	width: 30%;
}

.flipster-coverflow .flip-content {
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}

.flipster-coverflow .flip-past .flip-content {
	-webkit-transform: rotateY(0) scale(0.75);
	-moz-transform: rotateY(0) scale(0.75);
	-o-transform: rotateY(0) scale(0.75);
	-ms-transform: rotateY(0) scale(0.75);
	transform: rotateY(0) scale(0.75);
}

.flipster-coverflow .flip-future .flip-content {
	-webkit-transform: rotateY(0) scale(0.75);
	-moz-transform: rotateY(0) scale(0.75);
	-o-transform: rotateY(0) scale(0.75);
	-ms-transform: rotateY(0) scale(0.75);
	transform: rotateY(0) scale(0.75);
}

.flipster-coverflow.no-rotate .flip-past .flip-content {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75);
}

.flipster-coverflow.no-rotate .flip-future .flip-content {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75);
}

.flipster-coverflow .flip-current .flip-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flipster-coverflow .flip-hidden {
	visibility: hidden;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}


/* @end */


/* @group Flip Items */

.flipster-carousel .flip-items {
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	perspective: 2000px;
}

.flipster-carousel .flip-item {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	-o-transition: all 350ms ease-out;
	-ms-transition: all 350ms ease-out;
	transition: all 350ms ease-out;
}

.no-csstransforms .flipster-carousel .flip-item {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.flipster-carousel .flip-items img {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.flipster-carousel .flip-past {
	-webkit-transform: translateX(-60%) translateZ(0) rotateY(0) scale(0.65);
	-moz-transform: translateX(-60%) translateZ(0) rotateY(0) scale(0.65);
	-o-transform: translateX(-60%) translateZ(0) rotateY(0) scale(0.65);
	-ms-transform: translateX(-60%) translateZ(0) rotateY(0) scale(0.65);
	transform: translateX(-60) translateZ(0) rotateY(0) scale(0.65);
}

.flipster-carousel.no-rotate .flip-past {
	-webkit-transform: translateX(-60%) translateZ(0) scale(0.65);
	-moz-transform: translateX(-60%) translateZ(0) scale(0.65);
	-o-transform: translateX(-60%) translateZ(0) scale(0.65);
	-ms-transform: translateX(-60%) translateZ(0) scale(0.65);
	transform: translateX(-60%) translateZ(0) scale(0.65);
}

.no-csstransforms3d .flipster-carousel .flip-past {
	-webkit-transform: translateX(-56%) scale(0.5);
	-moz-transform: translateX(-56%) scale(0.5);
	-o-transform: translateX(-56%) scale(0.5);
	-ms-transform: translateX(-56%) scale(0.5);
	transform: translateX(-56%) scale(0.5);
}

.no-csstransforms .flipster-carousel .flip-past {
	left: -20%;
	top: 40%;
	width: 50%;
	height: 50%;
}

.flipster-carousel .flip-future {
	-webkit-transform: translateX(60%) translateZ(0) rotateY(0) scale(0.65);
	-moz-transform: translateX(60%) translateZ(0) rotateY(0) scale(0.65);
	-o-transform: translateX(60%) translateZ(0) rotateY(0) scale(0.65);
	-ms-transform: translateX(60%) translateZ(0) rotateY(0) scale(0.65);
	transform: translateX(60%) translateZ(0) rotateY(0) scale(0.65);
}

.flipster-carousel.no-rotate .flip-future {
	-webkit-transform: translateX(80%) translateZ(0) scale(0.65);
	-moz-transform: translateX(80%) translateZ(0) scale(0.65);
	-o-transform: translateX(80%) translateZ(0) scale(0.65);
	-ms-transform: translateX(80%) translateZ(0) scale(0.65);
	transform: translateX(80%) translateZ(0) scale(0.65);
}

.no-csstransforms3d .flipster-carousel .flip-future {
	-webkit-transform: translateX(56%) scale(0.5);
	-moz-transform: translateX(56%) scale(0.5);
	-o-transform: translateX(56%) scale(0.5);
	-ms-transform: translateX(56%) scale(0.5);
	transform: translateX(56%) scale(0.5);
}

.no-csstransforms .flipster-carousel .flip-future {
	left: 88%;
	top: 40%;
	width: 50%;
	height: 50%;
}

.flipster-carousel .flip-prev {
	-webkit-transform: translateX(-30%) translateZ(0) rotateY(0) scale(0.8);
	-moz-transform: translateX(-30%) translateZ(0) rotateY(0) scale(0.8);
	-o-transform: translateX(-30%) translateZ(0) rotateY(0) scale(0.8);
	-ms-transform: translateX(-30%) translateZ(0) rotateY(0) scale(0.8);
	transform: translateX(-30%) translateZ(0) rotateY(0) scale(0.8);
}

.flipster-carousel.no-rotate .flip-prev {
	-webkit-transform: translateX(-60%) translateZ(0) scale(0.8);
	-moz-transform: translateX(-60%) translateZ(0) scale(0.8);
	-o-transform: translateX(-60%) translateZ(0) scale(0.8);
	-ms-transform: translateX(-60%) translateZ(0) scale(0.8);
	transform: translateX(-60%) translateZ(0) scale(0.8);
}

.no-csstransforms3d .flipster-carousel .flip-prev {
	-webkit-transform: translateX(-24%) scale(0.75);
	-moz-transform: translateX(-24%) scale(0.75);
	-o-transform: translateX(-24%) scale(0.75);
	-ms-transform: translateX(-24%) scale(0.75);
	transform: translateX(-24%) scale(0.75);
}

.no-csstransforms .flipster-carousel .flip-prev {
	left: -9%;
	top: 20%;
	width: 75%;
	height: 75%;
}

.flipster-carousel .flip-next {
	-webkit-transform: translateX(30%) translateZ(0) rotateY(0) scale(0.8);
	-moz-transform: translateX(30%) translateZ(0) rotateY(0) scale(0.8);
	-o-transform: translateX(30%) translateZ(0) rotateY(0) scale(0.8);
	-ms-transform: translateX(30) translateZ(0) rotateY(0) scale(0.8);
	transform: translateX(30%) translateZ(0) rotateY(0) scale(0.8);
}

.flipster-carousel.no-rotate .flip-next {
	-webkit-transform: translateX(60%) translateZ(0) scale(0.8);
	-moz-transform: translateX(60%) translateZ(0) scale(0.8);
	-o-transform: translateX(60%) translateZ(0) scale(0.8);
	-ms-transform: translateX(60%) translateZ(0) scale(0.8);
	transform: translateX(60%) translateZ(0) scale(0.8);
}

.no-csstransforms3d .flipster-carousel .flip-next {
	-webkit-transform: translateX(24%) scale(0.75);
	-moz-transform: translateX(24%) scale(0.75);
	-o-transform: translateX(24%) scale(0.75);
	-ms-transform: translateX(24%) scale(0.75);
	transform: translateX(24%) scale(0.75);
}

.no-csstransforms .flipster-carousel .flip-next {
	left: 39%;
	top: 20%;
	width: 75%;
	height: 75%;
}

.flipster-carousel .flip-past,
.flipster-carousel .flip-future {
	z-index: 1;
	-webkit-transition-delay: 87.5ms;
	-moz-transition-delay: 87.5ms;
	-o-transition-delay: 87.5ms;
	transition-delay: 87.5ms;
}

.flipster-carousel .flip-past .img img,
.flipster-carousel .flip-future .img img {
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.flipster-carousel .flip-prev,
.flipster-carousel .flip-next {
	z-index: 2;
	-webkit-transition-delay: 58.333333333333336ms;
	-moz-transition-delay: 58.333333333333336ms;
	-o-transition-delay: 58.333333333333336ms;
	transition-delay: 58.333333333333336ms;
}

.flipster-carousel .flip-prev .img img,
.flipster-carousel .flip-next .img img {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
	transition: all .8s;
	-webkit-transition: all .8s;
}

.flipster-carousel .flip-current {
	z-index: 25;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition-delay: 58.333333333333336ms;
	-moz-transition-delay: 58.333333333333336ms;
	-o-transition-delay: 58.333333333333336ms;
	transition-delay: 58.333333333333336ms;
}

.flipster-carousel .flip-current .text .yeary {
	opacity: 1 !important;
	filter: alpha(opacity=0)!important;
	transform: translateY(0) !important;
	-webkit-transform: translateY(0) !important;
}

.flipster-carousel .flip-hidden {
	visibility: hidden;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: rotateY(0deg) translateX(0) scale(0.5);
	-moz-transform: rotateY(0deg) translateX(0) scale(0.5);
	-o-transform: rotateY(0deg) translateX(0) scale(0.5);
	-ms-transform: rotateY(0deg) translateX(0) scale(0.5);
	transform: rotateY(0deg) translateX(0) scale(0.5);
	-webkit-transition-delay: 116.66666666666667ms;
	-moz-transition-delay: 116.66666666666667ms;
	-o-transition-delay: 116.66666666666667ms;
	transition-delay: 116.66666666666667ms;
}


/* @end */

.no-transition {
	-webkit-transition-duration: 0ms !important;
	-moz-transition-duration: 0ms !important;
	-o-transition-duration: 0ms !important;
	transition-duration: 0ms !important;
}

.flipto-next,
.flipto-prev {
	height: 78px;
	width: 39px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -39px;
	transition: all .4s;
	-webkit-transition: all .4s;
}

.flipto-prev {
	right: -35px;
	background: url(../images/o-right.png);
}

.flipto-next {
	left: -35px;
	background: url(../images/o-left.png);
}




/*newsDel*/

.model_news_detail {
	max-width: 1000px;
	margin: auto;
	margin-bottom: 50px;
	position: relative;
}

.model_news_detail .back {
	width: 100%;
	height: 50px;
	position: relative;
}

.model_news_detail .back a {
	display: block;
	width: 150px;
	height: 40px;
	color: #fc9127;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 0px;
	border: 1px solid #fc9127;
}

.model_news_detail .back a:hover {
	background: #fc9127;
	color: #FFFFFF;
}

.model_news_detail .title {
	width: 90%;
	height: auto;
	line-height: 35px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 35px 5% 15px 5%;
}

.model_news_detail .summary {
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #666666;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}

.model_news_detail .summary span {
	font-size: 14px;
	font-family: Georgia, Times, serif;
	color: #ff0000;
	font-weight: bold;
}

.model_news_detail .detailContent {
	width: 100%;
	min-height: 300px;
	margin: 25px 0px;
	line-height: 28px;
	text-indent: 28px;
	color: #3E3E3E;
}

.model_news_detail .detailContent img {
	text-indent: 0px;
	text-indent: 0px;
	max-width: 100%;
	margin: 15px auto;
	display: block;
}

.model_news_detail .newShare {
	width: 100%;
	height: 25px;
	position: relative;
	margin: 15px 0px 35px 0px;
}

.model_news_detail .newShare strong {
	float: right;
	margin-right: 10px;
}

.model_news_detail .detailPage {
	width: 100%;
	height: auto;
}

.model_news_detail .detailPage div a {
	font-weight: normal;
}

.model_news_detail .detailPage div {
	width: 100%;
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	height: auto;
	padding: 5px 0px;
	font-weight: bold;
}

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

.operation-body .body-bottom .swipers .swiper-pagination {
	margin-top: 10px;
}

.operation-body .body-bottom .swipers .swiper-pagination-bullet {
	margin: 0 5px;
}


/*缃《*/

.zhiding {
	background: url(../images/zhiding.png);
	height: 32px;
	width: 32px;
	position: fixed;
	right: 15px;
	bottom: 35px;
	z-index: 25;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.zhiding.cur {
	opacity: 1;
	filter: alpha(opacity=100);
}


/*media*/


/*svg map*/

#SA_x5F_Other.green circle {
	fill: #6fbc6d;
}

svg:hover #land circle {
	animation: sea .5s linear forwards;
	-webkit-animation: sea .5s linear forwards;
}

@keyframes sea {
	0% {
		fill: rgba(255, 255, 255, .2)
	}
	10% {
		fill: rgba(255, 255, 255, .4)
	}
	20% {
		fill: rgba(255, 255, 255, .6)
	}
	30% {
		fill: rgba(255, 255, 255, .8)
	}
	40% {
		fill: rgba(255, 255, 255, 1)
	}
	50% {
		fill: rgba(255, 255, 255, .8)
	}
	60% {
		fill: rgba(255, 255, 255, .6)
	}
	70% {
		fill: rgba(255, 255, 255, .4)
	}
	80% {
		fill: rgba(255, 255, 255, .2)
	}
	90% {
		fill: rgba(255, 255, 255, .1)
	}
	100% {
		fill: none;
	}
}

@-webkit-keyframes sea {
	0% {
		fill: rgba(255, 255, 255, .2)
	}
	10% {
		fill: rgba(255, 255, 255, .4)
	}
	20% {
		fill: rgba(255, 255, 255, .6)
	}
	30% {
		fill: rgba(255, 255, 255, .8)
	}
	40% {
		fill: rgba(255, 255, 255, 1)
	}
	50% {
		fill: rgba(255, 255, 255, .8)
	}
	60% {
		fill: rgba(255, 255, 255, .6)
	}
	70% {
		fill: rgba(255, 255, 255, .4)
	}
	80% {
		fill: rgba(255, 255, 255, .2)
	}
	90% {
		fill: rgba(255, 255, 255, .1)
	}
	100% {
		fill: none;
	}
}

#pin_x5F_NA:hover circle {
	animation: pin_x5F_NA .5s linear forwards;
	-webkit-animation: pin_x5F_NA .5s linear forwards;
}

@keyframes pin_x5F_NA {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

@-webkit-keyframes pin_x5F_NA {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

#pin_x5F_SA:hover circle {
	animation: pin_x5F_SA .5s linear forwards;
	-webkit-animation: pin_x5F_SA .5s linear forwards;
}

@keyframes pin_x5F_SA {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

@-webkit-keyframes pin_x5F_SA {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

#pin_x5F_E:hover circle {
	animation: pin_x5F_E .5s linear forwards;
	-webkit-animation: pin_x5F_E .5s linear forwards;
}

@keyframes pin_x5F_E {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

@-webkit-keyframes pin_x5F_E {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

#pin_x5F_Asia:hover circle {
	animation: pin_x5F_Asia .5s linear forwards;
	-webkit-animation: pin_x5F_Asia .5s linear forwards;
}

@keyframes pin_x5F_Asia {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

@-webkit-keyframes pin_x5F_Asia {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

#pin_x5F_O:hover circle {
	animation: pin_x5F_O .5s linear forwards;
	-webkit-animation: pin_x5F_O .5s linear forwards;
}

@keyframes pin_x5F_O {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

@-webkit-keyframes pin_x5F_O {
	50% {
		fill: rgba(255, 255, 255, .5);
	}
	100% {
		fill: #f00a20;
	}
}

#pin_x5F_NA circle,
#pin_x5F_SA circle,
#pin_x5F_E circle,
#pin_x5F_Asia circle,
#pin_x5F_O circle {
	fill: #c98585;
}

#pin_x5F_NA .zmd.zm1 {
	animation: RED 1.2s linear infinite;
}

#pin_x5F_NA .zmd.zm2 {
	animation: RED2 1.2s linear infinite;
}

#pin_x5F_NA .zmd.zm3 {
	animation: RED3 1.2s linear infinite;
}

#pin_x5F_NA .zmd.zm4 {
	animation: RED4 1.2s linear infinite;
}

#pin_x5F_NA .zmd.zm5 {
	animation: RED5 1.2s linear infinite;
}

#pin_x5F_NA .zmd.zm6 {
	animation: RED6 1.2s linear infinite;
}

#pin_x5F_NA .zmd.zm7 {
	animation: RED7 1.2s linear infinite;
}

#pin_x5F_NA .zmd.zm8 {
	animation: RED8 1.2s linear infinite;
}

#pin_x5F_SA .zmd {}

#pin_x5F_SA .zmd.zm1 {
	animation: RED 1.1s linear infinite;
}

#pin_x5F_SA .zmd.zm2 {
	animation: RED2 1.1s linear infinite;
}

#pin_x5F_SA .zmd.zm3 {
	animation: RED3 1.1s linear infinite;
}

#pin_x5F_SA .zmd.zm4 {
	animation: RED4 1.1s linear infinite;
}

#pin_x5F_SA .zmd.zm5 {
	animation: RED5 1.1s linear infinite;
}

#pin_x5F_SA .zmd.zm6 {
	animation: RED6 1.1s linear infinite;
}

#pin_x5F_SA .zmd.zm7 {
	animation: RED7 1.1s linear infinite;
}

#pin_x5F_SA .zmd.zm8 {
	animation: RED8 1.1s linear infinite;
}

#pin_x5F_E .zmd {}

#pin_x5F_E .zmd.zm1 {
	animation: RED 1s linear infinite;
}

#pin_x5F_E .zmd.zm2 {
	animation: RED2 1s linear infinite;
}

#pin_x5F_E .zmd.zm3 {
	animation: RED3 1s linear infinite;
}

#pin_x5F_E .zmd.zm4 {
	animation: RED4 1s linear infinite;
}

#pin_x5F_E .zmd.zm5 {
	animation: RED5 1s linear infinite;
}

#pin_x5F_E .zmd.zm6 {
	animation: RED6 1s linear infinite;
}

#pin_x5F_E .zmd.zm7 {
	animation: RED7 1s linear infinite;
}

#pin_x5F_E .zmd.zm8 {
	animation: RED8 1s linear infinite;
}

#pin_x5F_Asia .zmd {}

#pin_x5F_Asia .zmd.zm1 {
	animation: RED 1.3s linear infinite;
}

#pin_x5F_Asia .zmd.zm2 {
	animation: RED2 1.3s linear infinite;
}

#pin_x5F_Asia .zmd.zm3 {
	animation: RED3 1.3s linear infinite;
}

#pin_x5F_Asia .zmd.zm4 {
	animation: RED4 1.3s linear infinite;
}

#pin_x5F_Asia .zmd.zm5 {
	animation: RED5 1.3s linear infinite;
}

#pin_x5F_Asia .zmd.zm6 {
	animation: RED6 1.3s linear infinite;
}

#pin_x5F_Asia .zmd.zm7 {
	animation: RED7 1.3s linear infinite;
}

#pin_x5F_Asia .zmd.zm8 {
	animation: RED8 1.3s linear infinite;
}

#pin_x5F_O .zmd {}

#pin_x5F_O .zmd.zm1 {
	animation: RED 1s linear infinite;
}

#pin_x5F_O .zmd.zm2 {
	animation: RED2 1s linear infinite;
}

#pin_x5F_O .zmd.zm3 {
	animation: RED3 1s linear infinite;
}

#pin_x5F_O .zmd.zm4 {
	animation: RED4 1s linear infinite;
}

#pin_x5F_O .zmd.zm5 {
	animation: RED5 1s linear infinite;
}

#pin_x5F_O .zmd.zm6 {
	animation: RED6 1s linear infinite;
}

#pin_x5F_O .zmd.zm7 {
	animation: RED7 1s linear infinite;
}

#pin_x5F_O .zmd.zm8 {
	animation: RED8 1s linear infinite;
}

@keyframes RED {
	0%,
	24.6%,
	100% {
		fill: #c98585;
	}
	12.3% {
		fill: #f32020;
	}
}

@keyframes RED2 {
	0%,
	12.3%,
	36.9%,
	100% {
		fill: #c98585;
	}
	24.6% {
		fill: #f32020;
	}
}

@keyframes RED3 {
	0%,
	24.6%,
	49.2%,
	100% {
		fill: #c98585;
	}
	36.9% {
		fill: #f32020;
	}
}

@keyframes RED4 {
	0%,
	36.9%,
	61.5%,
	100% {
		fill: #c98585;
	}
	49.2% {
		fill: #f32020;
	}
}

@keyframes RED5 {
	0%,
	49.2%,
	73.8%,
	100% {
		fill: #c98585;
	}
	61.5% {
		fill: #f32020;
	}
}

@keyframes RED6 {
	0%,
	61.5%,
	86.1%,
	100% {
		fill: #c98585;
	}
	73.8% {
		fill: #f32020;
	}
}

@keyframes RED7 {
	0%,
	73.8%,
	100% {
		fill: #c98585;
	}
	86.1% {
		fill: #f32020;
	}
}

@keyframes RED8 {
	0%,
	86.1% {
		fill: #c98585;
	}
	100% {
		fill: #f32020;
	}
}

.svg-map {
	width: 1000px;
	margin: 30px auto;
	position: relative;
}

.svg-map svg {
	width: 100%;
}

.pop-svg-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
	display: none;
}

.pop-svg {
	width: 800px;
	height: 50%;
	background: url(../images/pop-svg-over.jpg);
	position: absolute;
	left: 50%;
	top: 25%;
	z-index: 15;
	margin-left: -400px;
	overflow: hidden;
	border-radius: 20px;
}

.pop-svg .title {
	height: 54px;
	background: #850005;
	font-size: 18px;
	color: #fff;
	text-align: center;
	position: relative;
	line-height: 54px;
}

.pop-svg .title:after {
	background: url(../images/pop-title.png) no-repeat;
	width: 163px;
	height: 41px;
	content: '';
	position: absolute;
	right: 10px;
	top: 1px;
	top: 6px;
}

.pop-svg-over {
	position: absolute;
	height: 80%;
	width: 96%;
	bottom: 5%;
}

.pop-svg ul {
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.pop-svg ul p {
	width: 33%;
	float: left;
	text-align: center;
	line-height: 24px;
	margin: 2px 0;
}

.pop-svg-off {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
}

.ImportantPlace {}

.ImportantPlace ul {}

.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:after { box-shadow: 1px 1px 1px 1px #53535380; }*/

.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:before { box-shadow: 1px 1px 1px 1px #53535380; }*/

.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%;
}

.circles div.land4 {
	top: 40%;
	left: 70%;
}

.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: 0.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;
	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: 0.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: 0.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: 0.8;
		left: 10px;
		top: 10px;
	}
	80% {
		width: 50px;
		height: 50px;
		opacity: 0;
		left: 0px;
		top: 0px;
	}
	100% {
		width: 50px;
		height: 50px;
		opacity: 0;
		left: 0px;
		top: 0px;
	}
}

@keyframes bgAniamte {
	0% {
		opacity: 0.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(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rectAniamte {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg)
	}
}

@-ms-keyframes rectAniamte {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg)
	}
}

@keyframes rectAniamte {
	0% {
		transform: rotate(0deg);
	}
	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.before,
	.ImportantPlace ul li.cur2 span.before,
	.ImportantPlace ul li.cur3 span.before,
	.ImportantPlace ul li.cur4 span.before,
	.ImportantPlace ul li.cur1 span.after,
	.ImportantPlace ul li.cur2 span.after,
	.ImportantPlace ul li.cur3 span.after,
	.ImportantPlace ul li.cur4 span.after {
		width: 0;
	}
}


/*productDel-body*/


/*productDel01-body*/

.productDel-body {}

.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: 0px;
	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;
}


/*ly start*/

.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;
	/*border-left: 1px solid #850003; */
}

.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:hover a,
.OtherIndustries ul li.active a {
	background: #B7060B;
	color: #fff;
}

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


/*ly end*/

.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;
}


/*productDel02-body*/

.productDel-body.P-02 .boxs .box.odd {}

.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:after {}

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


/*operationDel*/

.operationDel-body {}

.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 {}

.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 .title { margin-top: 15px; }*/

.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: 0px;
}

.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: 0px;
	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 {}

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

.cooperationModel-body .cooperationModel-bk {}

.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 .bg1 {}

.cooperationModel-body .cooperationModel-bk li .bg2 {}

.cooperationModel-body .cooperationModel-bk li .bg3 {}

.cooperationModel-body .cooperationModel-bk li .bg4 {}

.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;
}


/*9-27*/

.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;
}

.cooperationModel-body .cooperationModel-bk li .round-text img {}


/*9-27*/

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


/*Exhibition full operation*/

.Exhibition-body {}

.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-and-implementation*/

.planning-body {}

.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-prev {}

.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;
}


/*pc*/


/*bolang*/

@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 .bolang2,
	.index-body .box1 .bolang1 {
		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) {
	/*20161109*/
	.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;
	}
	/*end*/
	/*2016.11.8*/
	.product-body .boxs {
		height: auto;
		padding-bottom: 40px;
	}
	/*end*/
	.swiper-button-next-milestones {
		display: none;
	}
	.swiper-button-prev-milestones {
		display: none;
	}
	.index-body .box1 .bolang2,
	.index-body .box1 .bolang1 {
		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 .bolang2,
	.index-body .box1 .bolang1 {
		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%;
	}
	/*9-27*/
}

@media screen and (min-width:769px) and (max-width:1200px) {
	/*by Dengchunhuang*/
	#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%;
	}
	.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;
	}

}


/*pad*/

@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;
	}
	.header {
		top: 0;
	}
	.header.active {
		top: 0
	}
	.header .nav {
		display: none;
	}
	.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;
		color: #1d1d1d;
	}
	.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 .year,
	.index-body .box3 .introduction .img-news .summary .title a,
	.index-body .box3 .introduction .img-news .summary .text {
		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-img ul li:nth-child(2n){}*/
	.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: 0px;
	}
	.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.zlzp,
	.ContactUs-body .join-logo a.wyzp {
		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*/
	.productDel-body .boxs {
		width: 900px;
	}
	/*P-02*/
	.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-full-operation*/
	.Exhibition-body figure div {
		width: 96%;
	}
	/*planning-and-Implementation*/
	.planning-body figure figcaption {
		padding: 0 20px;
	}
	/*ly strat*/
	.productDel-body .boxs .line {
		top: -169px;
	}

	.into-body .box3 .Honors .flipster {
		width: 900px;
	}
	.into-body .box3 .Honors .flipster ul li {
		width: 440px;
		height: 330px;
	}
	/*ly end*/
	.into-body .box5 .Firm p {
		padding: 0 10%;
	}
}


/*ipad绔栧睆*/

@media screen and (max-width:768px) {
	/*20161109*/
	#mobileNav ul li.active {
		background-color: #8c1114;
	}
	/*end*/
	/*201611.8*/
	.product-body .boxs {
		height: auto;
		padding-bottom: 40px;
	}
	/*end*/
	.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 .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 {
		/*height: 820px;*/
	}
	.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;
	}
	/*by Dengchunhuang*/
	.Top-phoneNumber {
		display: none;
	}
	#navToggle {
		top: 20px;
		right: 20px;
	}
	.header {
		top: 0;
	}
	.header.active {
		top: 0;
	}
	.header .nav {
		display: none;
	}
	.in-banner {
		height: 60vh;
		background-size: auto 100%;
		background-position: 50% 0;
	}
	.inherit-text,
	.operation-text,
	.product-text,
	.into-text,
	.cooperationModel-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;
		/*height: 496px;*/
		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;
	}
	/*productDel-body*/
	.productDel-body .boxs {
		width: 96%;
	}
	.productDel-body .boxs .box img {
		width: 85%;
	}
	.productDel-body .boxs .box:after {
		width: 15%;
	}
	/*P-02*/
	.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;
	}
	/*ly strat*/
	.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:after,
	.into-body .Brand .img-team div.img4:before {
		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;
	}
	/*ly end*/
}


/*mobilephone*/

@media screen and (max-width:767px) {
	/*20161109*/
	.banner {
		height: 40vh;
	}
	.banner .bannert-img ul li img {
		width: auto;
		margin-left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	/*end*/
	/*2016.11.08*/
	.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;
	}
	/*end*/
	#mobileNav ul {
		margin-top: 34px;
	}
	.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;
	}
	/*.in-banner img{height: 300px;width: auto;margin-left:-50%;}*/
	.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.zlzp,
	.ContactUs-body .join-logo a.wyzp {
		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-tit,
	.product-body .boxs .product-content .c-txt .p-main {
		color: #fff
	}
	.product-body .boxs .product-content .c-txt .p-main {
		padding: 10px;
		text-align: justify;
	}
	/*.in-banner img{height: 300px;width: auto;margin-left:-50%;}
*/
	.ContactUs-body .box2 .information .infor {
		line-height: 24px;
	}
	/*by Deng*/
	.header h1 {
		width:180px;
	}
	/*2016119*/
	.in-banner {
		height: 40vh;
	}
	/*end*/
	.inherit-text,
	.operation-text,
	.news-text,
	.ContactUs-text,
	.product-text,
	.into-text,
	.cooperationModel-text {
		background-size: 90%;
	}
	.product-text.sb {
		background-size: 90%;
	}
	#navToggle {
		top: 5px;
		right: 14px;
		width: 20px;
		height: 20px;
	}
	#navToggle.expanded {
		width: 30px;
		height: 30px;
		top: 0;
	}
	#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-prev-operation,
	.operation-body .body-bottom .swipers .swiper-button-next-operation {
		display: none;
	}
	.operation-body .body-top .boxs {
		background: url(../images/o1.jpg)no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 6% 3%;
	}
	.operation-body .body-top .box2 {
		background-image: url(../images/o2.jpg);
	}
	.operation-body .body-top .box3 {
		background-image: url(../images/o3.jpg);
	}
	.operation-body .body-top .box4 {
		background-image: url(../images/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;
	}

	.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.cur4 .after,
	.ImportantPlace ul li.cur2 .before,
	.ImportantPlace ul li.cur3 .after,
	.ImportantPlace ul li.cur3 .before,
	.ImportantPlace ul li.cur4 .before {
		display: none;
	}
	/*productDel-body*/
	.productDel-body {}
	.productDel-body .Del-content {
		padding: 30px 0;
	}
	.productDel-body .boxs {
		padding: 0 2%;
	}
	.productDel-body .boxs .box {
		width: 100%;
		padding: 20px 0;
	}
	/*ly start*/
	.productDel-body .boxs .box.odd {
		text-align: right;
		float: right;
		/*border-left: 1px solid #850003; */
	}
	.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%;
	}
	/*ly end*/
	.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;
	}
	/*P-02*/
	.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-full-operation*/
	.Exhibition-body figure div {
		overflow: hidden;
		font-size: 12px;
	}
	/*.Exhibition-body figure div img { transform: scale(1.5); }*/
	/*planning-and Implementation*/
	.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 .po{float: right;display: inline-block;height: 100%;width:40px;background: url(../images/russia.png) no-repeat center center;}
.Top-phoneNumber .en,.Top-phoneNumber .cn{float: right;display: inline-block;height: 100%;width:40px;background: url(../images/china.png) no-repeat center center;}
.Top-phoneNumber .en{background-image: url(../images/usa.png);}
.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.before,.ImportantPlace ul li.cur2 span.before,.ImportantPlace ul li.cur3 span.before,.ImportantPlace ul li.cur4 span.before,
.ImportantPlace ul li.cur1 span.after,.ImportantPlace ul li.cur2 span.after,.ImportantPlace ul li.cur3 span.after,.ImportantPlace ul li.cur4 span.after,
.ImportantPlace ul li.cur5 span.before,.ImportantPlace ul li.cur6 span.before,.ImportantPlace ul li.cur7 span.before,
.ImportantPlace ul li.cur5 span.after,.ImportantPlace ul li.cur6 span.after,.ImportantPlace ul li.cur7 span.after{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%;}



/*footer*/

@media screen and (max-width: 1200px) {
	.foot {
		background: url("../images/foot.jpg") center no-repeat;
		height: 100%;
		width: 100%;
		padding: 0;
	}

	.f_concat p {
		text-align: center;
		color: #fff;
		line-height: 35px;
		font-size: 12px;
		font-family: LatoLight, '寰蒋闆呴粦', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;;
	}

	.f_logo {
		padding: 20px;
	}

	.f_logo > img {
		width: 50%;
		height: 100%;
		margin: 0 25%;
	}

	.f_concat {
		position: relative;
	}

	.ter_d {
		height: 35px;
		width: 100%;
		background: #000;
		line-height: 35px;
		vertical-align: middle;
		margin: 0 auto;
	}

	.ter_d > p {
		text-align: center;
		font-size: 12px;
		color: #666666;
	}

	.f_wx {
		width: 135px;
		height: 135px;
		margin: 0 auto;
	}
}
@media screen and (min-width:1100px){
	.foot{
		background: url("../images/foot.jpg") center no-repeat;
		height: 562px;
		width: 100%;
		padding: 0;
	}
	.f_concat p{
		text-align: left;  color: #fff;  line-height: 35px;  font-size: 18px;
		font-family: LatoLight, '寰蒋闆呴粦', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;;  }
	.f_logo{  padding:30px 0 40px;  }
	.f_concat{
		margin-left: 60%;  position: relative;  top: 80px;
	}
	.ter_d{
		height: 35px;  width: 100%;  background: #000;  line-height: 35px;vertical-align: middle;margin: 0 auto;}
	.ter_d>p{text-align: center;font-size: 16px;color: #666666;}
}
@media screen and (max-width:560px){
	.foot{
		background: url("../images/foot.jpg") center no-repeat;
		height:100%;
		width: 100%;
		padding: 0;
	}
	.f_concat p{
		text-align: center;  color: #fff;  line-height:35px;  font-size: 12px;
		font-family: LatoLight, '寰蒋闆呴粦', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;;
	}
	.f_logo{  padding:20px;  }
	.f_logo>img{
		width: 100%;height: 100%;margin: 0 auto;
	}
	.f_concat{  position: relative;  }
	.ter_d{
		height: 35px;  width: 100%;  background: #000;  line-height: 35px;vertical-align: middle;margin: 0 auto;
	}
	.ter_d>p{text-align: center;font-size:12px;color: #666666;}
	.f_wx{width:135px;height: 135px;margin: 0 auto;}
}
@media screen and (max-width: 1200px){
	#banner{width:100%;margin:0 auto ;position:relative;}
	#tab >li{width:100%;margin:0 auto ;position:relative;height:100%;  }
	#banner ul li{list-style:none;border: 1px solid #fff;}
	#banner ul li img{width: 100%;height: 100%;}
	#tab>li:not(:first-child){display:none;}
	#list{position:absolute;z-index:2;top:520px;left: 250px;}
	#list li{display: inline-block;height:70px;width:140px;background-size: 100% 100%;display: none;
		margin-left:5px;text-align: center;cursor:pointer;line-height:60px;vertical-align: middle
	}
	#list .on{}
	#btn{z-index: 3;/*display: none;*/}
	#btn a{width:60px;height:60px;position:absolute;top:150px;opacity:0.5;}
	#btn .prev{left:20px;background:url(../images/btn.gif) left 0 no-repeat;}
	#btn .next{right:20px;background:url(../images/btn.gif) left -60px no-repeat;}
	.index-body .box4 {
		padding: 50px 0;
		position: relative;
		height:100%;
		background: url("../images/bggg.jpg") no-repeat;
	}
}
@media screen and (min-width:1100px){
	#banner{width:1100px;margin:0 auto ;position:relative;}
	#tab >li{width:1100px;margin:0 auto ;position:relative;height:600px;  }
	#banner ul li{list-style:none;border: 1px solid #fff;}
	#banner ul li img{width: 100%;height: 100%;}
	#tab>li:not(:first-child){display:none;}
	#list{position:absolute;z-index:2;top:520px;left: 250px;}
	#list li{display: inline-block;height:70px;width:140px;background-size: 100% 100%;
		margin-left:5px;text-align: center;cursor:pointer;line-height:60px;vertical-align: middle

	}
	#list .on{}
	#btn{z-index: 3;/*display: none;*/}
	#btn a{width:60px;height:60px;position:absolute;top:265px;opacity:0.5;}
	#btn .prev{left:20px;background:url(../images/btn.gif) left 0 no-repeat;}
	#btn .next{right:20px;background:url(../images/btn.gif) left -60px no-repeat;}
	.index-body .box4 {
		padding: 50px 0;
		position: relative;
		height:750px;
		background: url("../images/bggg.jpg") no-repeat;
	}
}

@media screen and (max-width:560px){
	#banner{width:100%;margin:0 auto ;position:relative;}
	#tab >li{width:100%;margin:0 auto ;position:relative;height:100%;  }
	#banner ul li{list-style:none;border: 1px solid #fff;}
	#banner ul li img{width: 100%;height: 100%;}
	#tab>li:not(:first-child){display:none;}
	#list{position:absolute;z-index:2;top:520px;left: 250px;}
	#list li{display: inline-block;height:70px;width:140px;background-size: 100% 100%;display: none;
		margin-left:5px;text-align: center;cursor:pointer;line-height:60px;vertical-align: middle
	}
	#list .on{}
	#btn{z-index: 3;/*display: none;*/}
	#btn a{width:60px;height:60px;position:absolute;top:75px;opacity:0.5;}
	#btn .prev{left:20px;background:url(../images/btn.gif) left 0 no-repeat;}
	#btn .next{right:20px;background:url(../images/btn.gif) left -60px no-repeat;}
	.index-body .box4 {
		padding: 50px 0;
		position: relative;
		height:100%;
		background: url("../images/bggg.jpg") no-repeat;
	}
}


@media screen and (max-device-width: 1024px) and (orientation: landscape) {
	#btn a{width:60px;height:60px;position:absolute;top:250px;opacity:0.5;}
	.f_concat p{
		text-align: center;  color: #fff;  line-height:35px;  font-size: 16px;
		font-family: LatoLight, '寰蒋闆呴粦', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;;
	}
	.ter_d>p{text-align: center;font-size:16px;color: #666666;}
}