.topic-menu-link {
	width: 20px;
	background: url(../images/topic-border_03.png) repeat-y center top;
	position: fixed;
	right: 92px;
	top: 50%;
	margin-top: -217px;
	z-index: 1001;
	text-align: center;
	display:none;
}

.topic-menu-link span {
	display: block;
	margin: 25px auto 0;
	width: 20px
}

.topic-menu-link span a {
	display: block;
	width: 7px;
	height: 7px;
	line-height: 7px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #1176a9;
	position: relative;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.topic-menu-link span a:hover {
	background-color: #e30013
}

.topic-menu-link span:first-child {
	margin-top: 0
}

.topic-menu-link span.active a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #e30013;
	text-align: center
}

.topic-menu-link span a i {
	display: inline-block;
	font-style: normal;
	width: 20px;
	height: 9px;
	line-height: 9px;
	text-align: center;
	font-size: 12px;
	color: #1593d3;
	position: absolute;
	right: 9px;
	bottom: 0;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.topic-menu-link span a:hover i {
	color: #e30013
}

.topic-menu-link span.active a i {
	display: inline;
	position: static;
	color: #fff;
	line-height: 20px
}

.topic-menu-link span a b {
	font-weight: 400;
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	font-size: 12px;
	color: #1593d3;
	position: absolute;
	right: 25px;
	bottom: 0;
	display: none;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.topic-menu-link span.active a b {
	display: block
}

@media screen and (max-width:1480px) {
	.topic-menu-link {
		right: 25px
	}
}

@keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.toBottom {
	-webkit-animation: toBottom 1s;
	-o-animation: toBottom 1s;
	-moz-animation: toBottom 1s;
	animation: toBottom 1s
}

.topic-section-one {
	width: 100%;
	height: 850px;
	position: relative;
	overflow: hidden;
	/* margin-top: 80px; */
}

.topic-section-one .topic-wrap {
	width: 860px;
	margin: 0 auto;
	padding-top: 125px
}

.topic-section-one h1 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 16px
}

.topic-section-one h2 {
	font-size: 18px;
	color: #e5e5e5;
	text-align: center;
	line-height: 21px;
	margin-bottom: 24px
}

.topic-section-one p {
	line-height: 22px;
	color: #aaa;
	text-align: center;
	font-weight: lighter;
}

.topic-section-one ul {
	margin-top: 100px;
	width: 860px;
	overflow: hidden
}

.topic-section-one ul li {
	box-sizing: unset;
	width: 155px;
	height: 70px;
	min-height: 40px;
	float: left;
	padding: 58px 30px 10px;
	text-align: center;
	line-height: 24px;
	color: #FFF;
}

.topic-section-one ul li.li01 {
	width: 131px;
	border-left: none;
	background: url(../images/ico-_03.png) no-repeat center 7px
}

.topic-section-one ul li.li02 {
	background: url(../images/ico-_06.png) no-repeat center 7px
}

.topic-section-one ul li.li03 {
	background: url(../images/ico-_09.png) no-repeat center 7px
}

.topic-section-one ul li.li04 {
	background: url(../images/ico-_12.png) no-repeat center 7px
}

@keyframes mouseMove {
	0%,
	100% {
		bottom: 21px;
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		bottom: 41px;
		opacity: .5;
		filter: alpha(opacity=50)
	}
}

@-webkit-keyframes mouseMove {
	0%,
	100% {
		bottom: 21px;
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		bottom: 41px;
		opacity: .5;
		filter: alpha(opacity=50)
	}
}

@-moz-keyframes mouseMove {
	0%,
	100% {
		bottom: 21px;
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		bottom: 41px;
		opacity: .5;
		filter: alpha(opacity=50)
	}
}

@-o-keyframes mouseMove {
	0%,
	100% {
		bottom: 21px;
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		bottom: 41px;
		opacity: .5;
		filter: alpha(opacity=50)
	}
}

.topic-section-one i {
	display: block;
	width: 18px;
	height: 45px;
	background: url(../images/ico-_19.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -9px;
	bottom: 21px;
	-webkit-animation: mouseMove 2s infinite;
	-o-animation: mouseMove 2s infinite;
	-moz-animation: mouseMove 2s infinite;
	animation: mouseMove 2s infinite
}

.topic-section-two {
	width: 100%;
	height: 794px;
	overflow: hidden
}

.topic-section-two .topic-wrap {
	width: 860px;
	margin: 0 auto;
	padding-top: 110px
}

.topic-section-two h2 {
	font-size: 30px;
	line-height: 38px;
	color: #000;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 16px
}

.topic-section-two h3 {
	font-size: 20px;
	color: #000;
	text-align: center;
	line-height: 21px;
	margin-bottom: 24px
}

.topic-section-two p {
	line-height: 22px;
	color: #6d6d6d;
	text-align: center
}

.topic-section-three {
	width: 100%;
	height: 647px;
	overflow: hidden;
}

.topic-section-three .topic-wrap {
	box-sizing: unset;
	width: 600px;
	height: 76px;
	margin: 0 auto 110px;
	padding-top: 100px;
}

.topic-section-three h2 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
}

.topic-section-three h2 span {
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	font-weight: 400
}

.section-three-main {
	width: 810px;
	margin: 0 auto 45px
}

.section-three-l {
	box-sizing: unset;
	float: left;
	width: 227px;
	padding-left: 88px;
}

.section-three-main .bg1 {
	background: url(../images/ico-_28.png) no-repeat left top
}

.section-three-main .bg2 {
	background: url(../images/ico-_25.png) no-repeat left top
}

.section-three-main .bg3 {
	background: url(../images/ico-_33.png) no-repeat left top
}

.section-three-main .bg4 {
	background: url(../images/ico-_36.png) no-repeat 12px top
}

.section-three-r {
	box-sizing: unset;
	float: right;
	width: 227px;
	padding-left: 88px
}

.section-three-main p {
	line-height: 24px;
	color: #b9b9b9
}
.topic-section-four {
	width: 100%;
	height: 872px;
	overflow: hidden;
	position: relative
}

.topic-section-four .topic-wrap {
	width: 785px;
	margin: 0 auto;
	padding-top: 100px;

	filter: alpha(opacity=0)
}

.topic-section-four h2 {
	font-size: 30px;
	line-height: 38px;
	color: #000;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 23px
}

.topic-section-four p {
	line-height: 24px;
	color: #636363;
	text-align: center;
	font-weight: lighter;
}
.topic-section-four .tgy-six{color: #666;}

.topic-section-four .topic-bottom {
	width: 1100px;
	position: absolute;
	left: 50%;
	margin-left: -550px;
	bottom: -698px
}

.topic-section-four .topic-bottom .img {
	float: left;
	width: 698px;
	height: 500px
}

.topic-section-four .topic-bottom-r {
	float: right;
	width: 280px;
	padding-top: 180px
}

.topic-section-four .topic-bottom-r h3 {
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	color: #8f8e8e;
	padding-left: 100px
}

.topic-section-four .topic-bottom-r h3 span {
	font-size: 12px;
	margin-left: 12px
}

.topic-section-four .topic-bottom-r ul {
	width: 280px
}

.topic-section-four .topic-bottom-r ul li {
	width: 280px;
	overflow: hidden;
	margin-top: 40px;
	height: 24px;
	line-height: 24px
}

.topic-section-four .topic-bottom-r ul li h4 {
	width: 100px;
	float: left;
	text-align: right;
	color: #8f8e8e
}

.topic-section-four .topic-bottom-r ul li i {
	display: block;
	float: left;
	width: 60px;
	height: 24px;
	border-radius: 2px;
	margin-left: 15px;
	overflow: hidden
}

.topic-section-four .topic-bottom-r ul li.li01 i {
	background-color: #ea2b3b
}

.topic-section-four .topic-bottom-r ul li.li02 i {
	background-color: #ffb1b8
}

.topic-section-four .topic-bottom-r ul li.li03 i {
	background-color: #f8e0e2
}

.topic-section-four .topic-bottom-r ul li div {
	box-sizing: unset;
	width: 44px;
	height: 24px;
	float: right;
	padding-left: 26px;
	color: #8f8e8e
}

.topic-section-four .topic-bottom-r ul li.li01 div {
	background: url(../images/ico-_44.png) no-repeat left center
}

.topic-section-four .topic-bottom-r ul li.li02 div {
	background: url(../images/ico-_48.png) no-repeat left center
}

.topic-section-four .topic-bottom-r ul li.li03 div {
	background: url(../images/ico-_51.png) no-repeat left center
}

@keyframes fiveBg {
	0%,
	100% {
		background: url(../images/bg-3.jpg) no-repeat center
	}
	50% {
		background: url(../images/bg-3-h.jpg) no-repeat center
	}
}

@-webkit-keyframes fiveBg {
	0%,
	100% {
		background: url(../images/bg-3.jpg) no-repeat center
	}
	50% {
		background: url(../images/bg-3-h.jpg) no-repeat center
	}
}

@-moz-keyframes fiveBg {
	0%,
	100% {
		background: url(../images/bg-3.jpg) no-repeat center
	}
	50% {
		background: url(../images/bg-3-h.jpg) no-repeat center
	}
}

@-o-keyframes fiveBg {
	0%,
	100% {
		background: url(../images/bg-3.jpg) no-repeat center
	}
	50% {
		background: url(../images/bg-3-h.jpg) no-repeat center
	}
}

.topic-section-five {
	width: 100%;
	height: 870px;
	overflow: hidden;
	position: relative;
	background: url(../images/bg-3.jpg) no-repeat center #000;
	-webkit-animation: fiveBg 3s 4s infinite;
	-o-animation: fiveBg 3s 4s infinite;
	-moz-animation: fiveBg 3s 4s infinite;
	animation: fiveBg 3s 4s infinite
}

.topic-section-five .topic-wrap {
	width: 1000px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-five h2 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 23px;
	margin-left: -1000px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.topic-section-five p {
	line-height: 24px;
	color: #d1d1d1;
	text-align: center;
	margin-right: -1000px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.five-bottom {
	width: 1015px;
	height: 512px;
	position: absolute;
	left: 50%;
	margin-left: -507px;
	bottom: -512px;
	opacity: .5;
	filter: alpha(opacity=50)
}

.five-center {
	width: 400px;
	height: 580px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	bottom: -580px;
	opacity: .8;
	filter: alpha(opacity=80)
}

.topic-section-six {
	width: 100%;
	height: 658px;
	overflow: hidden;
	position: relative
}

.topic-section-six .topic-wrap {
	width: 900px;
	padding-top: 100px;
	margin: 0 auto
}

.topic-section-six .topic-wrap h2 {
	font-size: 30px;
	line-height: 38px;
	color: #0e0e0e;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 23px
}

.topic-section-six .topic-wrap p {
	line-height: 24px;
	color: #414141;
	text-align: center
}

.six-box {
	width: 884px;
	margin: 65px auto 0;
	padding-top: 74px;
	overflow: hidden
}

.six-box .six-box-item {
	float: left;
	width: 220px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.six-box .six-box-item:hover {
	margin-top: -74px
}

.six-box .six-box-item i {
	display: block;
	width: 128px;
	height: 128px;
	border: 1px solid #b5b5b5;
	border-radius: 50%;
	margin: 0 auto 20px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.six-box .six-box-item:hover i {
	width: 162px;
	height: 162px;
	border: 1px solid #fe0b0b
}

.six-box .six-box-item01 i {
	background: url(../images/ico-_69.png) no-repeat center
}

.six-box .six-box-item01:hover i {
	background: url(../images/ico-_66.png) no-repeat center
}

.six-box .six-box-item02 i {
	background: url(../images/ico-_61.png) no-repeat center
}

.six-box .six-box-item02:hover i {
	background: url(../images/ico-_59.png) no-repeat center
}

.six-box .six-box-item03 i {
	background: url(../images/ico-_78.png) no-repeat center
}

.six-box .six-box-item03:hover i {
	background: url(../images/ico-_75.png) no-repeat center
}

.six-box .six-box-item04 i {
	background: url(../images/ico-_72.png) no-repeat center
}

.six-box .six-box-item04:hover i {
	background: url(../images/ico-_81.png) no-repeat center
}

.six-box .six-box-item h3 {
	font-size: 18px;
	color: #151515;
	text-align: center;
	line-height: 24px;
	margin-bottom: 10px
}

.six-box .six-box-item p {
	color: #696969;
	line-height: 20px;
	text-align: center;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	transition: .8s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.six-box .six-box-item:hover p {
	opacity: 1;
	filter: alpha(opacity=100)
}

.topic-section-seven {
	width: 100%;
	height: 672px;
	overflow: hidden;
	position: relative
}

.topic-section-seven .topic-wrap {
	width: 900px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -450px
}

.topic-section-seven .topic-wrap h2 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 23px
}
.topic-section-seven .topic-wrap p{
	font-size: 14px;
	color: #d1d1d1;
	text-align: center;
}
.seven-box {
	width: 1200px;
	position: absolute;
	left: 50%;
	top: 272px;
	margin-left: -600px;
	padding-top: 57px
}

.seven-box>div {
	width: 240px;
	float: left;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	transition: .8s
}

.seven-box>div:hover {
	margin-top: -57px
}

.seven-box>div i {
	display: block;
	width: 138px;
	height: 138px;
	border: 1px solid #b5b5b5;
	border-radius: 50%;
	margin: 0 auto 20px;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	transition: .8s
}

/*.seven-box>div:hover i {
	border: 1px solid #fe0b0b
}*/

.seven-box>div.seven-box-item01 i {
	background: url(../images/ico-_108.png) no-repeat center
}

/*.seven-box>div.seven-box-item01:hover i {
	background: url(../images/ico-_106.png) no-repeat center
}*/

.seven-box>div.seven-box-item02 i {
	background: url(../images/ico-_101.png) no-repeat center
}

/*.seven-box>div.seven-box-item02:hover i {
	background: url(../images/ico-_97.png) no-repeat center
}*/

.seven-box>div.seven-box-item03 i {
	background: url(../images/ico-_90.png) no-repeat center
}

/*.seven-box>div.seven-box-item03:hover i {
	background: url(../images/ico-_93.png) no-repeat center
}*/

.seven-box>div.seven-box-item04 i {
    background: url(../images/fwsgl_03.png) no-repeat center !important;
}
.seven-box>div.seven-box-item05 i {
    background: url(../images/fwsgl_08.png) no-repeat center !important;
}

.seven-box>div h3 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	margin-bottom: 10px
}
.seven-box>div:hover h3{
	color: white;
}
.seven-box>div p {
	width: 200px;
	font-size: 14px;
	color: #959595;
	line-height: 20px;
	text-align: center;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	transition: .8s
}

.seven-box>div:hover p {
	opacity: 1;
	filter: alpha(opacity=100)
}

.topic-section-eight {
	width: 100%;
	height: 800px;
	overflow: hidden
}

.topic-section-eight .topic-wrap {
	width: 960px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-eight h2 {
	font-size: 30px;
	line-height: 38px;
	color: #000;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 16px;
	margin-right: -200px
}

.topic-section-eight p {
	font-size: 15px;
	line-height: 22px;
	color: #404040;
	text-align: center;
	margin-right: -200px
}

.topic-section-nine {
	width: 100%;
	height: 713px;
	overflow: hidden
}

.topic-section-nine .topic-wrap {
	width: 1070px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-nine h2 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 26px;
	margin-left: -250px
}

.topic-section-nine p {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	margin-left: -250px
}

.nine-list {
	width: 1070px;
	margin: 80px auto 0;
	overflow: hidden
}

.nine-list li {
	width: 140px;
	float: left;
	margin: 0 37px;
	height: 140px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0)
}

.nine-list li i {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.nine-list li.li1 i {
	width: 44px;
	height: 25px;
	overflow: hidden;
	background: url(../images/ico0_12.png) no-repeat 0 0
}

.nine-list li.li1:hover i {
	background-position: 0 -25px
}

.nine-list li.li2 i {
	width: 35px;
	height: 26px;
	overflow: hidden;
	background: url(../images/ico0_15.png) no-repeat 0 0
}

.nine-list li.li2:hover i {
	background-position: 0 -26px
}

.nine-list li.li3 i {
	width: 36px;
	height: 36px;
	overflow: hidden;
	background: url(../images/ico0_06.png) no-repeat 0 0
}

.nine-list li.li3:hover i {
	background-position: 0 -36px
}

.nine-list li.li4 i {
	width: 37px;
	height: 32px;
	overflow: hidden;
	background: url(../images/ico0_09.png) no-repeat 0 0
}

.nine-list li.li4:hover i {
	background-position: 0 -32px
}

.nine-list li.li5 i {
	width: 44px;
	height: 44px;
	overflow: hidden;
	background: url(../images/ico0_03.png) no-repeat 0 0
}

.nine-list li.li5:hover i {
	background-position: 0 -44px
}

.nine-list li.li6 i {
	width: 34px;
	height: 34px;
	overflow: hidden;
	background: url(../images/ico0_33.png) no-repeat 0 0
}

.nine-list li.li6:hover i {
	background-position: 0 -34px
}

.nine-list li.li7 i {
	width: 39px;
	height: 38px;
	overflow: hidden;
	background: url(../images/ico0_23.png) no-repeat 0 0
}

.nine-list li.li7:hover i {
	background-position: 0 -38px
}

.nine-list li.li8 i {
	width: 39px;
	height: 37px;
	overflow: hidden;
	background: url(../images/ico0_26.png) no-repeat 0 0
}

.nine-list li.li8:hover i {
	background-position: 0 -37px
}

.nine-list li.li9 i {
	width: 37px;
	height: 37px;
	overflow: hidden;
	background: url(../images/ico0_28.png) no-repeat 0 0
}

.nine-list li.li9:hover i {
	background-position: 0 -37px
}

.nine-list li.li10 i {
	width: 34px;
	height: 36px;
	overflow: hidden;
	background: url(../images/ico0_30.png) no-repeat 0 0
}

.nine-list li.li10:hover i {
	background-position: 0 -36px
}

.nine-list li.li11 i {
	width: 45px;
	height: 30px;
	overflow: hidden;
	background: url(../images/ico0_50.png) no-repeat 0 0
}

.nine-list li.li11:hover i {
	background-position: 0 -30px
}

.nine-list li.li12 i {
	width: 40px;
	height: 34px;
	overflow: hidden;
	background: url(../images/ico0_47.png) no-repeat 0 0
}

.nine-list li.li12:hover i {
	background-position: 0 -34px
}

.nine-list li.li13 i {
	width: 35px;
	height: 35px;
	overflow: hidden;
	background: url(../images/ico0_44.png) no-repeat 0 0
}

.nine-list li.li13:hover i {
	background-position: 0 -35px
}

.nine-list li.li14 i {
	width: 37px;
	height: 35px;
	overflow: hidden;
	background: url(../images/ico0_46.png) no-repeat 0 0
}

.nine-list li.li14:hover i {
	background-position: 0 -35px
}

.nine-list li.li15 i {
	width: 37px;
	height: 39px;
	overflow: hidden;
	background: url(../images/ico0_41.png) no-repeat 0 0
}

.nine-list li.li15:hover i {
	background-position: 0 -39px
}

.nine-list li h4 {
	line-height: 14px;
	color: #6b6b6b;
	margin-top: 26px
}

.topic-section-ten {
	width: 100%;
	height: 675px;
	position: relative;
	overflow: hidden
}

.topic-section-ten .topic-wrap {
	width: 1070px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-ten h2 {
	font-size: 30px;
	line-height: 38px;
	color: #282828;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 26px;
	margin-right: -150px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.topic-section-ten p {
	line-height: 14px;
	color: #393939;
	text-align: center;
	font-weight: lighter;
	margin-right: -150px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ten-list {
	width: 920px;
	position: absolute;
	left: 40%;
	margin-left: -460px;
	top: 310px
}

.ten-list li {
	transition: .5s;
	-webkit-transition: .5s;
	width: 180px;
	float: left;
	margin: 0 25px
}

.ten-list li i {
	display: block;
	width: 180px;
	height: 180px;
	line-height: 240px;
	text-align: center;
	border: 1px solid #b6b6b6;
	border-radius: 50%;
	color: #353535;
	font-style: normal;
	font-size: 16px;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s
}

.ten-list li:hover i {
	border: 1px solid #df0013;
	color: #df0013
}

.ten-list li.li1 i {
	background: url(../images/ico0_60.png) no-repeat center 66px
}

.ten-list li.li1:hover i {
	background: url(../images/ico01_60.png) no-repeat center 66px
}

.ten-list li.li2 i {
	background: url(../images/ico0_63.png) no-repeat center 66px
}

.ten-list li.li2:hover i {
	background: url(../images/ico01_63.png) no-repeat center 66px
}

.ten-list li.li3 i {
	background: url(../images/ico0_57.png) no-repeat center 66px
}

.ten-list li.li3:hover i {
	background: url(../images/ico01_57.png) no-repeat center 66px
}

.ten-list li.li4 i {
	background: url(../images/ico0_66.png) no-repeat center 66px
}

.ten-list li.li4:hover i {
	background: url(../images/ico01_66.png) no-repeat center 66px
}

.ten-list li:hover {
	margin-top: -50px
}

.ten-list li h4 {
	width: 182px;
	color: #888;
	text-align: center;
	margin-top: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s
}

.ten-list li:hover h4 {
	color: #353535
}

.topic-section-eleven {
	width: 100%;
	height: 810px;
	position: relative;
	overflow: hidden
}

.topic-section-eleven .topic-wrap {
	width: 1070px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-eleven h2 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 26px
}

.topic-section-eleven p {
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-weight: lighter
}

@keyframes elevenAfter {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-webkit-keyframes elevenAfter {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes elevenAfter {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-o-keyframes elevenAfter {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes elevenAfter {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-webkit-keyframes elevenBefore {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-180deg)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@-moz-keyframes elevenBefore {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-180deg)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@-o-keyframes elevenBefore {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-180deg)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes elevenBefore {
	0% {
		-webkit-transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(-180deg)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

.eleven-pay {
	width: 840px;
	height: 430px;
	position: relative;
	margin: 80px auto 0
}

.eleven-pay::before {
	content: '';
	display: inline-block;
	width: 348px;
	height: 348px;
	position: absolute;
	left: 282px;
	top: 20px;
	background: url(../images/ico0_84.png) no-repeat center;
	z-index: 1;
	-webkit-animation: elevenBefore 8s linear infinite
}

.eleven-pay::after {
	content: '';
	display: inline-block;
	width: 348px;
	height: 348px;
	position: absolute;
	left: 282px;
	top: 20px;
	background: url(../images/ico0_77.png) no-repeat center;
	z-index: 2;
	-webkit-animation: elevenAfter 8s linear infinite
}

.eleven-pay .pay1 {
	width: 90px;
	height: 90px;
	border: 1px solid #fff;
	position: absolute;
	left: 194px;
	top: 0;
	border-radius: 50%;
	background: url(../images/ico0_73.png) no-repeat center;
	z-index: 9
}

.eleven-pay .pay1::before {
	content: '';
	display: inline-block;
	width: 137px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 72px;
	top: 108px;
	-webkit-transform: rotate(33deg);
	-ms-transform: rotate(33deg);
	-moz-transform: rotate(33deg);
	-o-transform: rotate(33deg);
	transform: rotate(33deg)
}

.eleven-pay .pay2 {
	width: 128px;
	height: 128px;
	border: 1px solid #fff;
	position: absolute;
	right: 0;
	top: 33px;
	border-radius: 50%;
	background: url(../images/ico0_80.png) no-repeat center;
	z-index: 9
}

.eleven-pay .pay2::before {
	content: '';
	display: inline-block;
	width: 189px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 123px;
	top: 108px;
	-webkit-transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	-o-transform: rotate(-17deg);
	transform: rotate(-17deg)
}

.eleven-pay .pay3 {
	width: 128px;
	height: 128px;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	bottom: 50px;
	border-radius: 50%;
	background: url(../images/ico0_87.png) no-repeat center;
	z-index: 9
}

.eleven-pay .pay3::before {
	content: '';
	display: inline-block;
	width: 270px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 120px;
	top: 10px;
	-webkit-transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	-o-transform: rotate(-17deg);
	transform: rotate(-17deg)
}

.eleven-pay .pay4 {
	width: 88px;
	height: 88px;
	border: 1px solid #fff;
	position: absolute;
	right: 153px;
	bottom: 0;
	border-radius: 50%;
	background: url(../images/ico0_91.png) no-repeat center;
	z-index: 9
}

.eleven-pay .pay4::before {
	content: '';
	display: inline-block;
	width: 148px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 51px;
	bottom: 129px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.eleven-pay .pay {
	width: 154px;
	height: 154px;
	border: 1px solid #fff;
	position: absolute;
	left: 378px;
	top: 113px;
	border-radius: 50%;
	background: url(../images/ico0_96.png) no-repeat center
}

.topic-section-twelve {
	width: 100%;
	height: 711px;
	position: relative;
	overflow: hidden
}

.topic-section-twelve .topic-wrap {
	width: 1070px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-twelve h2 {
	font-size: 30px;
	line-height: 38px;
	color: #000;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 26px
}

.topic-section-twelve p {
	line-height: 18px;
	color: #575757;
	text-align: center
}

.topic-section-thirteen {
	width: 100%;
	height: 980px;
	position: relative;
	background-color: #01050c;
	overflow: hidden
}

.topic-section-thirteen .topic-wrap {
	width: 1070px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-thirteen h2 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 26px
}

@-webkit-keyframes site {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(2.5);
		-o-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-moz-transform: scale(2.5);
		transform: scale(2.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes site {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(2.5);
		-o-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-moz-transform: scale(2.5);
		transform: scale(2.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes site {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(2.5);
		-o-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-moz-transform: scale(2.5);
		transform: scale(2.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes site {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(2.5);
		-o-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-moz-transform: scale(2.5);
		transform: scale(2.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes sites {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(3.5);
		-o-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-moz-transform: scale(3.5);
		transform: scale(3.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes sites {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(3.5);
		-o-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-moz-transform: scale(3.5);
		transform: scale(3.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes sites {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(3.5);
		-o-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-moz-transform: scale(3.5);
		transform: scale(3.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes sites {
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		-webkit-transform: scale(3.5);
		-o-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-moz-transform: scale(3.5);
		transform: scale(3.5);
		opacity: .3;
		filter: alpha(opacity=30)
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.thirteen-map {
	width: 1280px;
	height: 617px;
	background: url(../images/map-bg_03.jpg) no-repeat center;
	margin: 127px auto 0;
	position: relative
}

.thirteen-site {
	position: absolute;
	text-align: center
}

.thirteen-site0 {
	width: 80px;
	left: 300px;
	top: 125px
}

.thirteen-site1 {
	width: 80px;
	left: 594px;
	top: 70px
}

.thirteen-site2 {
	width: 80px;
	left: 1014px;
	top: 124px
}

.thirteen-site3 {
	width: 80px;
	left: 1095px;
	top: 160px
}

.thirteen-site4 {
	width: 80px;
	left: 800px;
	top: 60px
}

.thirteen-site5 {
	width: 80px;
	left: 613px;
	top: 107px
}

.thirteen-site6 {
	width: 80px;
	left: 640px;
	top: 95px
}

.thirteen-site7 {
	width: 80px;
	left: 580px;
	top: 147px
}

.thirteen-site8 {
	width: 88px;
	left: 1030px;
	top: 330px
}

.thirteen-site9 {
	width: 80px;
	left: 1055px;
	top: 156px
}

.thirteen-site10 {
	width: 80px;
	left: 755px;
	top: 190px
}

.thirteen-site11 {
	width: 80px;
	left: 850px;
	top: 196px
}

.thirteen-site12 {
	width: 80px;
	left: 400px;
	top: 400px
}

.thirteen-site13 {
	width: 80px;
	left: 888px;
	top: 235px
}

.thirteen-site p {
	line-height: 15px;
	color: #b5b6b6;
	font-weight: lighter;
	margin-bottom: 10px
}

.thirteen-site0 p,
.thirteen-site1 p,
.thirteen-site2 p {
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 10px
}

.thirteen-site>div {
	width: 30px;
	height: 40px;
	margin: 0 auto;
	position: relative
}

.thirteen-site>div img {
	display: inline-block;
	position: relative;
	z-index: 4
}

.thirteen-site>div i {
	display: block;
	width: 10px;
	height: 4px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #6c6e72;
	position: absolute;
	left: 10px;
	top: 24px;
	z-index: 3
}

.thirteen-site>div::before {
	display: inline-block;
	content: '';
	width: 10px;
	height: 4px;
	border-radius: 50%;
	background-color: #313339;
	position: absolute;
	left: 10px;
	top: 24px;
	z-index: 2;
	-webkit-animation: site 2s infinite;
	-ms-animation: site 2s infinite;
	-moz-animation: site 2s infinite;
	-o-animation: site 2s infinite;
	animation: site 2s infinite
}

.thirteen-site>div::after {
	display: inline-block;
	content: '';
	width: 10px;
	height: 4px;
	border-radius: 50%;
	background-color: #161a20;
	position: absolute;
	left: 10px;
	top: 24px;
	z-index: 1;
	-webkit-animation: sites 1.5s infinite;
	-ms-animation: sites 1.5s infinite;
	-moz-animation: sites 1.5s infinite;
	-o-animation: sites 1.5s infinite;
	animation: sites 1.5s infinite
}

.thirteen-site1>div::after {
	-webkit-animation: site 2.2s infinite;
	-ms-animation: site 2.2s infinite;
	-moz-animation: site 2.2s infinite;
	-o-animation: site 2.2s infinite;
	animation: site 2.2s infinite
}

.thirteen-site1>div::before {
	-webkit-animation: site 1.2s infinite;
	-ms-animation: site 1.2s infinite;
	-moz-animation: site 1.2s infinite;
	-o-animation: site 1.2s infinite;
	animation: site 1.2s infinite
}

.thirteen-site3>div::after {
	-webkit-animation: site 2.5s infinite;
	-ms-animation: site 2.5s infinite;
	-moz-animation: site 2.5s infinite;
	-o-animation: site 2.5s infinite;
	animation: site 2.5s infinite
}

.thirteen-site3>div::before {
	-webkit-animation: site 2.8s infinite;
	-ms-animation: site 2.8s infinite;
	-moz-animation: site 2.8s infinite;
	-o-animation: site 2.8s infinite;
	animation: site 2.8s infinite
}

.thirteen-site5>div::after {
	-webkit-animation: site .8s infinite;
	-ms-animation: site .8s infinite;
	-moz-animation: site .8s infinite;
	-o-animation: site .8s infinite;
	animation: site .8s infinite
}

.thirteen-site5>div::before {
	-webkit-animation: site 1.8s infinite;
	-ms-animation: site 1.8s infinite;
	-moz-animation: site 1.8s infinite;
	-o-animation: site 1.8s infinite;
	animation: site 1.8s infinite
}

.thirteen-site7>div::after {
	-webkit-animation: site 1s infinite;
	-ms-animation: site 1s infinite;
	-moz-animation: site 1s infinite;
	-o-animation: site 1s infinite;
	animation: site 1s infinite
}

.thirteen-site7>div::before {
	-webkit-animation: site 3s infinite;
	-ms-animation: site 3s infinite;
	-moz-animation: site 3s infinite;
	-o-animation: site 3s infinite;
	animation: site 3s infinite
}

.thirteen-site9>div::after {
	-webkit-animation: site 1s infinite;
	-ms-animation: site 1s infinite;
	-moz-animation: site 1s infinite;
	-o-animation: site 1s infinite;
	animation: site 1s infinite
}

.thirteen-site9>div::before {
	-webkit-animation: site 3.1s infinite;
	-ms-animation: site 3.1s infinite;
	-moz-animation: site 3.1s infinite;
	-o-animation: site 3.1s infinite;
	animation: site 3.1s infinite
}

.thirteen-site11>div::after {
	-webkit-animation: site 1s infinite;
	-ms-animation: site 1s infinite;
	-moz-animation: site 1s infinite;
	-o-animation: site 1s infinite;
	animation: site 1s infinite
}

.thirteen-site11>div::before {
	-webkit-animation: site 1.2s infinite;
	-ms-animation: site 1.2s infinite;
	-moz-animation: site 1.2s infinite;
	-o-animation: site 1.2s infinite;
	animation: site 1.2s infinite
}

.topic-section-fourteen {
	width: 100%;
	height: 1172px;
	position: relative;
	overflow: hidden
}

.topic-section-fourteen .topic-wrap {
	width: 1070px;
	margin: 0 auto;
	padding-top: 100px
}

.topic-section-fourteen h2 {
	font-size: 30px;
	line-height: 38px;
	color: #000;
	text-align: center;
	font-weight: lighter;
	margin-bottom: 26px
}

.topic-section-fourteen p {
	line-height: 18px;
	color: #575757;
	text-align: center
}

.fourteen-scroll {
	width: 1200px;
	margin: 55px auto 0;
	position: relative
}

.fourteen-hdprev {
	display: block;
	width: 54px;
	height: 54px;
	position: absolute;
	left: -136px;
	top: 50%;
	margin-top: -27px;
	background: url(../images/img0-left.png) no-repeat;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer
}

.fourteen-hdprev:hover {
	background: url(../images/img0-left-h.png) no-repeat
}

.fourteen-hdnext {
	display: block;
	width: 54px;
	height: 54px;
	position: absolute;
	right: -136px;
	top: 50%;
	margin-top: -27px;
	background: url(../images/img0-right.png) no-repeat;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer
}

.fourteen-hdnext:hover {
	background: url(../images/img0-right-h.png) no-repeat
}

.fourteen-bd {
	width: 1200px;
	overflow: hidden
}

.fourteenList {
	overflow: hidden
}

.fourteenList li {
	width: 1200px;
	float: left;
	overflow: hidden
}

.fourteenList li a {
	overflow: hidden;
	display: block;
	width: 374px;
	height: 313px;
	float: left;
	margin: 21px 39px 21px 0;
	position: relative;
	cursor: pointer
}

.fourteenList li a:nth-child(3n) {
	margin-right: 0
}

.fourteenList li a img {
	width: 374px
}

.fourteenList li a .li-link-bg {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 374px;
	height: 313px;
	background-color: rgba(235, 25, 42, .76);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.fourteenList li a:hover .li-link-bg {
	opacity: 1;
	filter: alpha(opacity=100)
}

.fourteenList li a .li-link-bg i {
	display: block;
	width: 200px;
	padding-top: 72px;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	font-style: normal;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: -260px;
	background: url(../images/img0-hover.png) no-repeat center top;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.fourteenList li a:hover .li-link-bg i {
	top: 90px
}

.fourteen-link {
	display: block;
	width: 170px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #666;
	border-radius: 20px;
	margin: 64px auto 0;
	border: 1px solid #979797;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer
}

.fourteen-link:hover {
	background-color: #e00616;
	border-color: #e00616;
	color: #fff
}

@media screen and (max-width:1480px) {
	.fourteen-scroll {
		width: 1000px
	}
	.fourteen-hdprev {
		left: -80px
	}
	.fourteen-hdnext {
		right: -80px
	}
	.fourteen-bd {
		width: 1000px
	}
	.topic-section-fourteen {
		height: 1035px
	}
	.fourteenList li {
		width: 1000px
	}
	.fourteenList li a {
		width: 320px;
		height: 267.8px;
		margin: 10px 20px 10px 0
	}
	.fourteenList li a img {
		width: 320px;
		height: 267.8px
	}
	.fourteenList li a .li-link-bg {
		width: 320px;
		height: 267.8px
	}
	.fourteenList li a .li-link-bg i {
		width: 200px;
		padding-top: 72px;
		font-size: 18px;
		line-height: 22px;
		top: -222px
	}
	.fourteenList li a:hover .li-link-bg i {
		top: 70px
	}
}

@media (min-width:1500px) {
	.topic-section-two {
		background-size: cover
	}
}

/*��er����*/
.two-pic{position: relative;margin-top: 110px;text-align: center;}
.two-pic li{width: 130px; position: absolute;transition: all .5s;}
.two-icon{margin: 0 auto; width: 93px;height: 93px;border-radius: 50%;background: white;text-align: center;padding-top: 32px;}
.two-pic li p{text-align: center; font-size: 14px;color: #333;margin:13px 0 0;line-height: 28px;}
.two-pic li.two-li1{left: 5px;top: 80px;}
.two-pic li.two-li2{left: 187px;top: 134px;}
.two-pic li.two-li3{right: 185px;top: 102px;}
.two-pic li.two-li4{right: 5px;top: 164px;}
.two-pic li:hover {transform: translateY(-10px);}

/*��������*/
.new-six{padding: 117px 0 136px;}
.new-main{width: 1200px;margin: 0 auto;}
.new-tit{font-size: 30px;color: #333;line-height: 30px;font-weight: lighter;text-align: center;margin-bottom: 25px;}
.new-dec{font-size: 14px;color: #666;line-height: 22px;font-weight: lighter;text-align: center;}
.new-tit1{font-size: 30px;color:white;line-height: 30px;font-weight: lighter;text-align: center;margin-bottom: 25px;}
.new-dec1{font-size: 14px;color: #d1d1d1;line-height: 22px;font-weight: lighter;text-align: center;}
.new-six ul{margin-top: 47px; height: 403px;position: relative;width: 100%;}
.new-six li{ padding-top: 35px; width: 285px;height: 163px;border: solid 1px #e5e5e5;background: white;position: absolute;}
.new-six li.six-li1{top: 0;left: 0;}
.new-six li.six-li2{top: 0;right: 0;}
.new-six li.six-li3{bottom: 0;left: 0;}
.new-six li.six-li4{bottom: 0;right: 0;}
.new-six li::after{position: absolute;content: '';width: 100%;height: 2px;left: 0;bottom: 0;}
.new-six li.six-li1::after{background: #3081e9;}
.new-six li.six-li2::after{background: #18ddc9;}
.new-six li.six-li3::after{background: #e3c728;}
.new-six li.six-li4::after{background: #ab26e1;}
.six-icon{transition: all .5s; height: 40px;width: 40px;margin: 0 auto;}
.six-icon img{display: block;width: 100%;height: 100%;}
.new-six li p{font-size: 14px;color: #333;line-height: 28px;text-align: center;margin-top: 21px;}
.new-six li:hover .six-icon{transform: translateY(-10px);}

/*���߲���*/
.new-seven{padding: 110px 0;}
.seven-pic{margin-top: 90px;text-align: center;}

/*�ڰ˲���*/
.new-eight{padding: 110px;}
.eight-pic{margin-top: 47px;text-align: center;}

/*�ھŲ���*/
.new-nine{padding: 118px 0 145px;}
.nine-pic{margin-top: 85px;}
.nine-pic img{display: block;width: 100%;}

/*��ʮ����*/
.new-ten{padding: 110px 0;}
.ten-cle{margin-top: 105px;}
.ten-pic{float: left;margin-left: 50px;}
.ten-right{width: 585px;float: right;margin-right: 25px;}
.new-ten .ten-right p{margin-bottom: 20px ; background: url(../images/ten-dot.png) no-repeat left top 9px; padding-left: 14px;font-size: 14px;color: #666;line-height: 22px;}

/*��ʮһ����*/
.new-ele{padding: 110px 0;}
.ele-pic{float: left;margin-left: 60px;}
.ele-right{float: right; width: 510px;margin-right: 78px;padding-top: 50px;}
.ele-right h3{font-size: 30px;color: white;line-height: 30px;font-weight: lighter;letter-spacing: 3px;margin-bottom: 24px;}
.ele-right p{font-size: 14px;color: #d1d1d1;line-height: 26px;}
.ele-top{margin-bottom: 40px;}
.ele-img{float: right;margin-right: 25px;}
.ele-left{float: left; width: 510px;margin-left: 30px;padding-top: 90px;}
.ele-left h3{font-size: 30px;color: white;line-height: 30px;font-weight: lighter;letter-spacing: 3px;margin-bottom: 24px;}
.ele-left p{font-size: 14px;color: #d1d1d1;line-height: 26px;}

/*��ʮ������*/
.new-twelve{padding: 110px 0 105px;border-bottom: solid 1px #d1d1d1;}
.new-twelve li{float: left;width: 362px;margin-left: 57px;}
.new-twelve ul{margin-left: -57px;margin-top: 85px;}
.twe-pic {width: 100%;height: 212px;overflow: hidden;}
.twe-pic img{display: block;width: 100%;height: 100%;}
.new-twelve li p{font-size: 14px;color: #666;line-height: 24px;margin-top: 13px;}

/**/
.new-thirteen{padding: 130px 0 135px;}
.new-swiper{position: relative;margin-top: 75px;padding-bottom: 35px;}
.new-swiper ul{margin-left: -39px;}
.new-swiper li{width: 374px;margin-left: 39px;float: left;margin-bottom: 40px;position: relative;}
.thir-pic{width: 100%;overflow: hidden;}
.thir-pic img{display: block;width: 100%;height: 100%;}
.thir-hide{text-align: center; padding-top: 90px; position: absolute;width: 100%;height: 100%;top: 0;left: 0; overflow: hidden;   background-color: rgba(235,25,42,.76);opacity: 0;filter: alpha(opacity=0);-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.thir-hide p{display: block;width: 100%;padding-top: 72px;font-size: 18px;line-height: 22px;color: #fff;text-align: center;font-style: normal;position: absolute;left: 0%;top: -260px;background: url(../images/twe-search.png) no-repeat center top;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.new-swiper li:hover .thir-hide{opacity: 1;}
.new-swiper li:hover .thir-hide p{top: 90px;}
.new-swiper .twe-next{top: 255px; margin-top: 0px; width: 54px;height: 54px;border-radius: 50%;border: solid 1px #959595;background: url(../images/twe-right.png) no-repeat center;right: -139px;}
.new-swiper .twe-prev{top: 255px;margin-top: 0px;width: 54px;height: 54px;border-radius: 50%;border: solid 1px #959595;background: url(../images/twe-left.png) no-repeat center;left: -139px;}
.new-swiper .twe-next:hover{background-image: url(../images/twe-rightH.png);border-color: #eb192a;background-color: #eb192a;}
.new-swiper .twe-prev:hover{background-image: url(../images/twe-leftH.png);border-color: #eb192a;background-color: #eb192a;}
.twe-more {letter-spacing: 2px; display: block; width: 170px;height: 40px;line-height: 40px;text-align: center;color: #666;border-radius: 30px;margin: 0 auto;border: 1px solid #979797;-webkit-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;cursor: pointer;}
.twe-more:hover{color: white;border-color: #e00616;background: #e00616;}
@media  (max-width:1440px) {
	.new-swiper .twe-next{right: 0;}
	.new-swiper .twe-prev{left: 0;}
}

@charset "UTF-8";

/*�ƹ���-sec1*/
.section{
	width: 100%;
	overflow: hidden;
}
.sec-container{
	width: 1200px;
	margin:0 auto;
}
.sec-container:before,.sec-container:after{
  content: " ";display: table;
}
.sec-container:after{
  clear: both;
}
.section img{
	vertical-align: middle;
    outline: none;
    border: 0;
}
.section p{margin:0;}
.tgy-sec1{background: #fff;}
.tgy-layout{
	padding:98px 88px 0 84px;
}
.tgy-head{
	border-bottom: 2px solid #e5e5e5;
}
.tgy-fir{
	float: left;
	text-align: center;
	font-size: 18px;
}
.tgy-fir p{margin-bottom: 17px;}
.tgy-head .tgy-se{
	float: right;
	padding-top:54px;
	width: 596px;
}
.tgy-head .sec1-ri{
	font-size: 18px;
	
}
.tgy-cont{padding-top: 30px;}
.tgy-thr{float: left;width: 335px;}
.tgy-fig{width: 100%;position: relative;z-index: 1;}
.tgy-fig img{width: 100%;}
.tgy-fig::after{
	content: '';
	width: 836px;
	height: 466px;
	background: url(../images/tgy_103.png) no-repeat center bottom;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -418px;
	z-index: -1;
}
.tgy-fiv{
	float: right;
	width: 596px;
}
.tgy-six{
	line-height: 24px;
	
	font-size: 14px;
	margin-bottom: 20px;
}
.tgy-sev li{
	border-bottom: 1px solid #e5e5e5;
	min-height: 60px;
}
.tgy-sev li:last-child{border-bottom: none;}
.tgy-sev li .m-icon{
	float: left;
	width: 60px;
	height: 60px;
	text-align: left;
	line-height: 60px;
	font-size:0;
}
.tgy-sev li .m-cont{
	margin-left: 60px;
	
	padding:17px 0;
}
.tgy-sev li .m-tit{
	font-size: 16px;
	line-height: 22px;
}
.tgy-sev li .m-des{
	font-size: 14px;
	margin-top: 10px;
}
/*�ƹ���-sec2*/
.tgy-sec2{
	background:url(../images/tgy_108.jpg) repeat-x left top #fefefe;
}
.tgy2-tab li{float: right;margin-left: 20px;}
.tgy2-tab li a{display: block;font-size: 18px;padding:0 30px 16px 30px;position: relative;}
.tgy2-tab li a::after{
	content: '';
	width: 0;
	height: 2px;
	background: #db1516;
	position: absolute;
	bottom: -2px;
	left:50%;
	transform: translateX(-50%);
	z-index: 2;
	transition:all .5s;
}
.tgy2-tab li.active a::after,
.tgy2-tab li:hover a::after{width: 100%;}
.tgy-thr .m-tit{
	font-size: 18px;
	line-height: 28px;
	
	margin:20px 0 10px;
}
.tgy-thr .m-des{
	font-size: 14px;
	line-height: 24px;
	
	color: #666;
}
.tgy2-pen{display: none;}
.tgy2-pen.active{display: block;}
.tgy2-fig{position: relative;z-index: 1;}
.tgy2-fig img{width: 100%;}
.tgy2-fig::after{
	content: '';
	width: 1050px;
	height: 360px;
	background: url(../images/tgy_16.png) no-repeat center bottom;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -525px;
	z-index: -1;
}
/*�ƹ���-sec3*/
.tgy-sec3{background: #f2f2f2;}
.tgy03-head{border-bottom: 2px solid #e5e5e5;margin-bottom: 25px;}
.tgy03-head .m-cont{
	float: left;
	text-align: center;
	font-size: 18px;
}
.tgy03-head .m-cont p{margin: 6px 0 17px 0;}
.tgy03-tit{font-size: 18px;margin-bottom: 10px;}
.tgy-sec3 .tgy-sev li{padding: 5px 0}
/*ϵͳ����-sec1*/
.xtjs-sec1 .topic-wrap {
    width: 785px;
    margin: 0 auto;
    padding-top: 114px;
}
.xtjs-sec1 h2 {
    font-size: 30px;
    line-height: 38px;
    color: #333;
    text-align: center;
    
    margin-bottom:21px;
}
.section .tgy-sev li:nth-child(1) .m-icon img
{
	margin-top: 8px;
}
.section .m-icon img
{
	margin-top: 14px;
}
.xtjs-sec1 p {
	font-size: 14px;
	
    line-height: 22px;
    color: #666;
    text-align: center;
}
.xtjs-tabs{margin-top: 42px;text-align: center;border-bottom: 2px solid #e5e5e5;}
.xtjs-tabs li{display: inline-block;margin:0 65px;}
.xtjs-tabs li a{
	display: block;
	text-align: center;
	position: relative;
	padding-bottom: 17px;
}
.xtjs-tabs li a p{font-size: 18px;}
.xtjs-tabs li a::after{
	content: '';
	width:0;
	height: 2px;
	background: #db1516;
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	transition: all .3s;
}
.xtjs-tabs li:hover a::after,
.xtjs-tabs li.active a::after{width: 100%;}
.xtjs-box{padding-top: 40px;width: 860px;margin:0 auto;}
.xtjs-tit{
    font-size: 18px;
    line-height: 28px;
    
    margin: 20px 0 10px;
}
.xtjs-box .tgy-fiv{width: 398px;}
.xtjs-pen{display: none;}
.xtjs-pen.active{display: block;}


/* 2021.11.4 */
@media (max-width:1200px){
    .topic-wrap{width: 100%!important;padding:60px 50px 0!important;overflow: hidden;}
    .new-main,
    .sec-container{width:100%;padding:0 50px!important;}
    .topic-section-one{height:auto;padding-bottom: 60px;}
    .topic-section-two{height:auto;padding-bottom:6%}
    .two-pic img{width:30%;margin: auto;}
    .two-pic li.two-li1 {left: 5px;top:0px;}
    .two-pic li.two-li2 {left:20%;top:auto;bottom:0;}
    .two-pic li.two-li3{right:20%;top:40%;}
    .two-pic li.two-li4{right:5px;top:0;}
    .topic-section-three .topic-wrap{box-sizing: inherit;height: auto;margin-bottom: 60px;}
    .topic-section-three{height:auto;padding-bottom: 15px;}
    .section-three-main {width:100%;margin: 0 auto 45px;padding:0 50px;}
    .xtjs-box{width:100%;}
    .topic-section-four{height:auto}
    .topic-section-seven .topic-wrap{position:static;margin-left:0;}
    .seven-box {
		width:100%;
		position:static;
		margin-left:0;
		padding: 7% 5% 0;
	}
	.seven-box>div{width:33.33%;height: 220px;}
	.seven-box>div i{width:100px;height:100px}
	.seven-box>div p{width:100%; padding:0 15px}
	.topic-section-seven{height:auto;padding-bottom:7%;}
    .new-twelve,.new-six,.new-seven,.new-eight,.new-nine,.new-ten,.new-ele{padding:60px 0}
    .seven-pic,.nine-pic,.two-pic,.ten-cle,.new-twelve ul,.topic-section-one ul{margin-top:7%}
    .ten-pic {
		float: left;
		width: 100%;
		margin:0;
		text-align:center;
		}
	.ten-right{
		margin-right:0;
		width:100%;
		margin-top:4%;
	}
	.new-ele{padding-top:0;}
	.new-twelve ul{margin-left:0}
	.new-twelve li{width:49%;margin-left:0;margin-bottom: 25px;}
	.new-twelve li:nth-child(2n){
		margin-left:2%;
	}
	.new-twelve li:last-child{margin-bottom:0}
	.topic-section-one ul{width:100%;}
	.topic-section-one ul li{width: 25%!important;margin: 0;box-sizing: inherit;height: auto;}
}
@media (max-width:992px){
    .topic-wrap{width:100%;padding: 40px 15px!important;}
     .new-main{width:100%;padding:0 15px!important;}
    .topic-section-one{padding-bottom:0}
    .seven-pic, .nine-pic, .two-pic, .ten-cle, .new-twelve ul, .topic-section-one ul{margin-top:5%;}
    .new-twelve, .new-six, .new-seven, .new-eight, .new-nine, .new-ten, .new-ele {padding: 40px 0;}
    .seven-box{padding:0;}
    .two-pic li{width:100px}
    .two-icon{width:80px;height:80px;padding-top:27px;}
    .two-pic li p{line-height:1.4;margin-top:8px}
    .xtjs-tabs li{width:33.33%;margin:0;}
    .tgy-thr{margin:auto;float:none;}
    .xtjs-tabs{margin-top:0;}
    .xtjs-box .tgy-fiv{width:100%;padding-bottom:30px;}
    .new-six ul{background-size:40%!important;}
}
@media (max-width:767px){
	p br{display:none;}
	.topic-section-one ul li{width: 50%!important;padding: 55px 10px 10px;height: 140px;}
    .topic-section-two h2,
    .topic-section-seven .topic-wrap h2,
    .xtjs-sec1 h2,.new-tit1,.new-tit,
    .ele-right h3,.ele-left h3,
    .topic-section-three h2{
    font-size:22px;
    line-height:30px;
    margin-bottom:13px;
    }
    .two-pic img {
    width:100%;
    margin: auto;
    }
    .two-pic li{position:static;width: 50%;display: inline-block;height: 126px;margin-top: 20px;}
    .two-icon{padding-top:23px}
    .two-pic img{width: 70%;}
    .two-icon img{width:50%}
    .two-pic li p{height: 35px;overflow:hidden;}
    .two-pic{margin-top:0}
    .topic-section-three .topic-wrap{margin-bottom:0}
    .section-three-main{padding:0 15px;margin:0;transform: translateY(-30px);}
    .topic-section-three{}
    .section-three-l,.section-three-r{width:100%;float:none;margin-bottom:20px;box-sizing: inherit;}
    .sec-container{padding:0 15px!important;}
    .xtjs-tabs li a img{display:none;}
    .xtjs-tabs li a p{font-size: 12px;}
    .xtjs-tabs li a{padding-bottom: 8px;}
    .seven-box>div{width: 100%;height:auto;margin-bottom: 20px;}
    .new-six li{width:100%;float:none;position: static;margin-bottom:20px;}
    .new-six li:last-child{margin-bottom:0}
    .new-six ul{height:auto;background:none!important;margin-top: 30px;}
    .ele-pic{margin-left:0;margin-top: -30px;}
    .new-ele{padding-top:0;overflow: inherit;}
    .ele-right {
		float: right;
		width:100%;
		margin-right:0;
		padding-top: 50px;
    }
    .ele-left {
    float: left;
    width: 100%;
    margin-left:0;
    padding-top:0;
    }
    .twe-pic{height:auto}
    .new-twelve li{width:100%;margin-left:0!important;}
    .new-twelve li p{margin-top:5px;}


}