@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
}
html, body {
	font-size: 14px;
	font-family: "Microsoft YaHei";
	color: #000;
}
input, select, textarea, button {
	border: none; margin: 0px; padding: 0px; font-size: 100%; font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Helvetica, sans-serif;
}
img {
	border: none;
	max-width: 100%;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
table {
	width: 100%;
	border-collapse: collapse;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
p {
	line-height: 1.6em;
	color: #a7a7a7;
}
a {
	color: #000;
}
a:hover {
	color: #dd3825;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear:after {
	content: '';
	display: table;
	clear: both;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.relative {
	position: relative;
}
.img100 img {
	width: 100%;
	vertical-align: bottom;
}
.table {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}
.table-cell b {
	color: #fff;
}
.margin-t60 {
	margin-top: 60px;
}
.text-center {
	text-align: center;
}
.paddin-tb60 {
	padding: 60px 0;
}
.txt-font {
	font-size: 40px;
}
/*index*/
.menu-handler {
	width: 30px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 58px;
	transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	display: none;
}
.menu-handler .burger {
	height: 2px;
	background: #dd3825;
	display: block;
	width: 20px;
	position: absolute;
	z-index: 5;
	left: 5px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	top: 8px;
}
.menu-handler .burger-2 {
	top: 15px;
}
.menu-handler .burger-3 {
	top: 22px;
}
.menu-handler.active .burger-1 {
	top: 15px;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
	top: 15px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.ljgd {
	display: block;
	width: 150px;
	line-height: 50px;
	background: #dd3825;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.banner .ljgd {
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 25%;
}
.ljgd:hover {
	background: #fff;
	color: #dd3825;
}
.swiper-slide-active .ljgd {
	animation: toUp 1s linear both;
}
@keyframes toUp {
	0% {
		transform: translateY(50px);
		-webkit-transform: translateY(50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
.swiper-pagination-bullets.pagination-style {
	z-index: 4;
	text-align: center;
}
.banner .pagination1.pagination-style {
	position: absolute;
	bottom: 5%;
	text-align: center;
}
.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #fff;
	margin: 0 15px;
}
.anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet {
	background: #dcdcdc;
}
.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet-active {
	background: #dd3825 !important;
}
.anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet {
	margin: 0 6px;
}
.anlixq-img .pagination1 {
	margin-top: 12px;
}
.index-a li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	margin-top: 0.66%;
}
.index-a li:last-child {
	margin-right: 0;
}
.index-a-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.index-a li a {
	display: block;
	overflow: hidden;
}
.index-a .img img {
	width: 48px;
	max-width: 50%;
	vertical-align: bottom;
}
.index-a h3 {
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
}
.index-a i {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url("../images/i6.png");
	margin: 25px auto 0;
	transform: translateY(35px) translateZ(0);
	-webkit-transform: translateY(35px) translateZ(0);
	opacity: 0;
}
.index-a-title {
	margin-top: 45px;
}
.title1 h3 {
	font-size: 30px;
	color: #474747;
}
.title1 i {
	display: block;
	margin: 8px auto;
	width: 50px;
	border-top: 3px solid #dd3825;
}
.title1 {
	margin-bottom: 40px;
	padding: 0 10%;
}
.ppgs-l {
	width: 55%;
	cursor: pointer;
}
.ppgs-l .img100, .about-vd .img100 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
}
.ppgs-r {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 45%;
	background: #f3f3f3;
}
.ppgs-warp {
	width: 440px;
	margin: 0 auto;
	max-width: 90%;
}
.ppgs-title {
	margin-bottom: 25px;
}
.ppgs-title h4 {
	font-size: 24px;
	color: #333;
	letter-spacing: 5px;
	text-indent: 5px;
	margin-bottom: 6px;
}
.ppgs-title span {
	color: #999;
}
.ppgs-txt {
	text-align: left;
}
.ljgd2 {
	width: 118px;
	line-height: 38px;
	text-align: center;
	display: block;
	border: 1px solid #d6d6d6;
	color: #808080;
	margin: 20px auto 0;
}
.ljgd2:hover {
	color: #fff;
	background: #dd3825;
	border-color: #dd3825;
}
.i7 {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	background-image: url("../images/i7.png");
}
.ppgs-l:hover .i7 {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	background-image: url("../images/i7-1.png");
}
.sptc {
	position: fixed;
	z-index: 9999999;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}
.video_t {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 1270px;
	max-width: 90%;
}
.video_t a {
	position: absolute;
	width: 38px;
	height: 38px;
	right: -19px;
	top: -19px;
	background-image: url("../images/close.png");
	z-index: 9;
}
.video_t a img {
	width: 100%;
	vertical-align: bottom;
}
.video_t video {
	width: 100%;
	vertical-align: bottom;
}
.cptd1 li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	margin-bottom: 0.66%;
	overflow: hidden;
}
.cptd1 li:last-child {
	margin-right: 0;
}
.cptd1 li a {
	display: block;
}
.cptd1-con {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 80px;
	background: rgba(255, 255, 255, .8);
}
.cptd1-con p {
	display: none;
	width: 260px;
	margin: 0 auto;
	color: #fff;
	text-align: left;
}
.cptd1-title {
	font-size: 18px;
	color: #4d4d4d;
}
.cptd1-title img {
	vertical-align: middle;
	margin-right: 10px;
}
.cptd1-title .img1 {
	margin-top: -4px;
}
.cptd1-title .img2 {
	display: none;
}
.cptd1-con i {
	display: block;
	border-top: 1px solid rgba(255, 255, 255, .7);
	width: 0;
}
.cptd1 li:hover .img1 {
	display: none;
}
.cptd1 li:hover .img2 {
	display: inline-block;
	margin-top: -5px;
}
.cptd1 li:hover .cptd1-con {
	height: 100%;
	background: rgba(255, 51, 0, .9);
}
.cptd1 li:hover p {
	display: block;
}
.cptd1 li:hover .cptd1-title {
	color: #fff;
}
.cptd1 li:hover .cptd1-con i {
	width: 50px;
	margin: 20px auto;
}
.cptd2 li {
	width: 49.67%;
	margin-right: 0.66%;
	float: left;
}
.cptd2-con {
	width: 340px;
	height: 180px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, .9);
}
.cptd2 li a {
	display: block;
	position: relative;
}
.cptd2 li:last-child {
	margin-right: 0;
}
.cptd2-con h4 {
	font-size: 28px;
	color: #333;
	margin-bottom: 10px;
}
.cptd2-con span {
	font-size: 16px;
	color: #a7a7a7;
}
.cptd2 li:hover .cptd2-con {
	background: rgba(255, 51, 0, .9);
}
.cptd2 li:hover h4 {
	color: #fff;
}
.cptd2 li:hover span {
	color: #fff;
}
.anli-list li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	margin-bottom: 0.66%;
}
.anli-list li a {
	display: block;
}
.anli-list li:nth-child(4n) {
	margin-right: 0;
}
.margin-t50 {
	margin-top: 50px;
}
.anli-con {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 51, 0, .75);
	left: 0;
	top: 0;
	opacity: 0;
}
.anli-con h4 {
	font-size: 16px;
	color: #fff;
}
.anli-con i {
	display: block;
	width: 36px;
	height: 36px;
	background-image: url("../images/gor.png");
	margin: 20px auto 0;
}
.xw-list li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.xw-list a {
	display: block;
}
.xw-list li:nth-child(even) {
	margin-right: 0;
}
.xw-list .img100 {
	width: 36%;
}
.xw-con {
	position: absolute;
	height: 100%;
	right: 0;
	width: 62%;
	top: 0;
	border: 1px solid #e0e0e0;
	text-align: left;
}
.xw-txt {
	text-align: left;
	width: 86%;
	margin: 0 auto;
}
.xw-con h4 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.xw-con span {
	font-size: 16px;
	font-family: dincondBold;
	color: #a7a7a7;
	position: relative;
	padding-left: 40px;
	display: block;
}
.xw-con span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 30px;
	border-top: 1px solid #999;
}
.xw-con p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 3.2em;
}
.xw-list li:hover h4, .xw-list li:hover span, .xw-list li:hover p {
	color: #dd3825;
}
.xw-list li:hover span:before {
	border-color: #dd3825;
}
.footer-top {
	height: 120px;
	overflow: hidden;
}
.footer {
	margin-top: 40px;
}
.logo2 {
	margin-top: 29px;
}
.footer-mid {
	margin-top: 50px;
	background-color: #363839;
	border-color: rgba(255, 255, 255, 0);
	border-top-width: 0px;
	padding-top: 43px;
	padding-bottom: 40px;
}
.footer-mid-left, .footer-mid-right {
	width: 50%;
}
.fot-lxwm {
	padding: 0 15px;
	color: #e8e4e3;
	line-height: 1.5;
}
.fot-lxwm p {
	color: #e8e4e3;
}
.bdsharebuttonbox.forlink {
	margin-top: 25px;
}
.bdsharebuttonbox.forlink a {
	width: 27px;
	height: 27px;
	padding: 0;
	margin: 0 0 0 10px;
}
.forlink .weibo {
	background-image: url("../images/weibo.png");
}
.forlink .weixin {
	background-image: url("../images/weixin.png");
}
.forlink .tenxun {
	background-image: url("../images/qq.png");
}
.bdsharebuttonbox.forlink span {
	color: #333;
	font-weight: bold;
}
.footer-bot {
	padding: 15px 30px;
	background-color: #282a2b;
	border-top: 1px solid #4b4c4d;
	background: #282a2b;
	z-index: 10;
	position: relative;
	font-size: 12px;
	text-align: center;
	color: #96959a;
}
.footer-bot a {
	color: #96959a;
}
.fubox {
	position: fixed;
	right: -50px;
	top: 50%;
	z-index: 999;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.fubox.active {
	right: 0;
}
.fu-icon {
	background-color: #dd3825;
	width: 50px;
}
.fu-icon img {
	width: 100%;
	vertical-align: bottom;
}
.fu-list {
	margin-top: 1px;
	cursor: pointer;
	position: relative;
}
.fu-warp {
	background: #dd3825;
	overflow: hidden;
	height: 50px;
	width: 0;
}
.fu-txt {
	padding-right: 10px;
}
.fu-warp p {
	color: #fff;
	line-height: 50px;
}
.fu-list-tel:hover .fu-warp {
	width: 102px;
}
.fu-list-tel .fu-txt {
	width: 102px;
}
.fu-list-qq .fu-txt {
	width: 66px;
}
.fu-list-qq:hover .fu-warp {
	width: 66px;
}
.weixin-code {
	position: absolute;
	right: 100%;
	margin-right: 4px;
	top: 0;
	width: 0;
	overflow: hidden;
}
.weixin-code img {
	width: 128px;
	vertical-align: bottom;
	border: 1px solid #ddd;
}
.fu-list:hover .weixin-code {
	width: 130px;
}
/*about*/
.position {
	height: 80px;
	line-height: 70px;
	margin-top: -70px;
	z-index: 6;
}
.position h2 {
	width: 180px;
	text-align: center;
	background: url("../images/gkgk.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
.gk-title img {
	vertical-align: middle;
	margin: -4px 5px 0 0;
}
.position h2:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0;
	background: #750537;
	left: 0;
}
.brief-nav {
	width: 180px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.brief-nav-con li {
	margin-top: 2px;
	position: relative;
}
.left-yi {
	display: block;
	line-height: 60px;
	background: #f5f5f5;
	color: #808080;
	position: relative;
}
.left-yi:before {
	content: '';
	position: absolute;
	height: 100%;
	background: #dd3825;
	left: 0;
	top: 0;
	width: 0;
}
.brief-nav-con li.active .left-yi:before {
	width: 100%;
}
.brief-nav-con li.active .left-yi {
	color: #fff;
}
.left-er-box {
	padding: 20px 0;
	border: 1px solid #e5e5e5;
	background: #fff;
	display: none;
}
.left-er-box a {
	display: block;
	color: #a7a7a7;
	line-height: 40px;
	font-size: 12px;
}
.left-er-box a:hover {
	color: #dd3825;
}
.left-er-box a.active {
	color: #dd3825;
}
/*.brief-nav-con li.active .left-er-box{display: block;}*/
.zksq {
	cursor: pointer;
	z-index: 9;
	display: none;
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	background: url("../images/add.png") no-repeat center;
	background-size: cover;
	top: 24px;
	right: 25px;
}
li.none .zksq {
	display: none !important;
}
li.has .zksq {
	display: block !important;
}
.zksq.active {
	transform: rotate(45deg);
}
li:hover .zksq {
	background: url("../images/add2.png") no-repeat center;
	background-size: cover;
}
li.active .zksq {
	background: url("../images/add2.png") no-repeat center;
	background-size: cover;
}
.box-right {
	margin-left: 260px;
}
.pin-wrapper {
	position: absolute;
}
.box-right {
	padding-top: 60px;
}
.title2 {
	border-bottom: 1px solid #dcdcdc;
	line-height: 50px;
}
.title2 h4 {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.title2 h4 img {
	vertical-align: middle;
	margin: -4px 5px 0 0;
	filter: grayscale(1);
}
.title2 h4:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -1px;
	border-top: 1px solid #333;
}
.title2 span {
	font-size: 20px;
	color: #b2b2b2;
	text-transform: uppercase;
	font-family: dincondBold;
}
.margin-t40 {
	margin-top: 40px;
}
.about-vd {
	width: 855px;
	margin: 0 auto;
	max-width: 100%;
	cursor: pointer;
}
.bofang {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}
.bofang i {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 50%;
	top: 50%;
	background-image: url("../images/bofang.png");
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.gtrz .img100 {
	width: 55%;
}
.gtrz-con {
	width: 44%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border: 1px solid #e6e6e6;
	background: #fafafa;
}
.gtrz-txt {
	width: 300px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 4;
}
.gtrz-txt h5 {
	font-size: 19px;
	font-weight: bold;
	color: #2b2b2b;
}
.gtrz-txt i {
	display: block;
	width: 38px;
	border-top: 1px solid #ccc;
	margin-top: 5px;
}
.gtrz-txt b {
	font-size: 48px;
	color: #c00050;
	font-family: dincondBold;
	margin-right: 8px;
	min-width: 57px;
	display: inline-block;
}
.gtrz-txt span {
	font-size: 16px;
	color: #666;
}
.gtrz-txt ul {
	margin-top: 10%;
}
.ball {
	width: 72px;
	height: 68px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url("../images/boal.jpg");
}
.contentbox {
	padding-bottom: 40px;
	min-height: 500px;
}
.contentbox {
	padding-bottom: 40px;
	min-height: 500px;
}
/*发展历程*/
.history-top {
	width: 720px;
	max-width: 100%;
	margin: 60px auto 0;
}
.history-year {
	width: 200px;
	height: 160px;
	border: 1px solid #e0e0e0;
}
.history-year h5 {
	color: #cdcdcd;
	font-size: 40px;
	font-family: dincondBold;
}
.history-year img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.history-con {
	position: absolute;
	height: 100%;
	right: 0;
	left: 204px;
	top: 0;
	background: #f7f7f7;
}
.history-txt {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.history-bot {
	margin-top: 50px;
}
.preview {
	margin: 0 40px;
}
.preview:before {
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	top: 50%;
	border-top: 1px solid #d6d6d6;
}
.preview .swiper-slide {
	width: 20%;
	text-align: center;
	height: 120px;
	cursor: pointer;
}
.his-dots {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #d6d6d6;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.his-line {
	height: 20px;
	border-right: 1px solid #d6d6d6;
	position: absolute;
	left: 50%;
}
.preview .swiper-slide:nth-child(odd) .his-line {
	bottom: 50%;
	margin-bottom: 8px;
}
.preview .swiper-slide:nth-child(even) .his-line {
	top: 50%;
	margin-top: 8px;
}
.his-nian {
	position: absolute;
	width: 100%;
	left: 0;
	font-size: 30px;
	color: #333;
	font-family: dincondBold;
}
.preview .swiper-slide:nth-child(odd) .his-nian {
	bottom: 50%;
	margin-bottom: 28px;
}
.preview .swiper-slide:nth-child(even) .his-nian {
	top: 50%;
	margin-top: 28px;
}
.his-btn a {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 50%;
	margin-top: -14px;
}
.arrow-left {
	background-image: url("../images/btn01.png");
	left: 0;
}
.arrow-right {
	background-image: url("../images/btn02.png");
	right: 0;
}
.arrow-left:hover {
	background-image: url("../images/btn01-1.png");
}
.arrow-right:hover {
	background-image: url("../images/btn02-1.png");
}
.swiper-slide.active-nav .his-nian {
	color: #c00050;
}
.swiper-slide.active-nav .his-dots {
	background: #c00050;
}
.swiper-slide.active-nav .his-line {
	border-color: #c00050;
}
.swiper-slide:hover .his-nian {
	color: #c00050;
}
.swiper-slide:hover .his-dots {
	background: #c00050;
}
.swiper-slide:hover .his-line {
	border-color: #c00050;
}
.whbox .img100 {
	width: 53.5%;
}
.whbox li {
	position: relative;
}
.whbox li:nth-child(odd) .img100 {
	float: left;
}
.whbox li:nth-child(even) .img100 {
	float: right;
}
.whbox-con {
	position: absolute;
	height: 100%;
	width: 46%;
	border: 1px solid #e0e0e0;
	top: 0;
}
.whbox li:nth-child(odd) .whbox-con {
	right: 0;
}
.whbox li:nth-child(even) .whbox-con {
	left: 0;
}
.whbox li:last-child {
	margin-top: 50px;
}
.wh-text {
	text-align: left;
	width: 80%;
	margin: 0 auto;
}
.wh-title h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.wh-title span {
	font-size: 20px;
	color: #b2b2b2;
	font-family: dincondBold;
	text-transform: uppercase;
	margin: 5px 0 2px;
	display: block;
}
.wh-title i {
	display: block;
	width: 50px;
	border-top: 1px solid #e0d5d5;
}
.wh-text b {
	display: block;
	font-size: 20px;
	color: #c00050;
	margin-top: 10%;
}
/*网络服务*/
.map {
	width: 75.5%;
	float: left;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-bottom: 56.9%;
	position: relative;
}
#containerMap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.map-info {
	width: 23%;
	float: right;
	margin-left: 1%;
	margin-top: 100px;
	margin-bottom: 60px;
}
.map-tit {
	margin: 20px auto;
	border-left: 6px solid #dd3825;
	text-indent: 20px;
}
.map-tit h2 {
	font-size: 24px;
	color: #dd3825;
	font-weight: bold;
}
.map-tit > div {
	color: #231815;
	font-size: 16px;
}
.map-name {
	font-size: 18px;
	color: #fff;
	background: #dd3825;
	padding: 15px 0;
	text-align: center;
}
.map-otherInfo {
	margin-top: 1px;
	max-height: 389px;
	overflow: auto;
}
.map-otherInfo p {
	text-align: center;
	margin-bottom: 1px;
	background: #f4f4f4;
	padding: 10px 2px;
}
path {
	cursor: pointer;
}
path:hover {
	fill: #dd3825;
}
.fillRed {
	fill: #dd3825;
	fill: #dd3825 !important;
}
.addCircle {
	position: absolute;
	width: 40px;
	height: 20px;
	display: block;
	text-align: center;
	cursor: pointer;
	color: #231815;
	padding: 25px 0 0 0;
	font-size: 12px;
	background: url("../images/circle.png")center top/20px no-repeat;
}
path:hover .addCircle {
	background: url("https://template/pc/skin/images/hovercircle.png")center top/20px no-repeat;
}
.addCircle.xin {
	left: 20%;
	top: 29%;
}
.addCircle.gud {
	left: 65%;
	top: 81%;
}
.addCircle.tib {
	left: 19%;
	top: 54%;
}
.addCircle.qih {
	left: 35%;
	top: 47%;
}
.addCircle.gan {
	left: 37%;
	top: 33%;
}
.addCircle.nmg {
	left: 58%;
	top: 32%;
}
.addCircle.hlj {
	left: 84%;
	top: 14%;
}
.addCircle.jil {
	left: 82%;
	top: 24%;
}
.addCircle.lia {
	left: 78%;
	top: 30%;
}
.addCircle.heb {
	left: 67%;
	top: 41%;
}
.addCircle.shd {
	left: 71%;
	top: 45%;
}
.addCircle.shx {
	left: 61%;
	top: 44%;
}
.addCircle.sha {
	left: 56%;
	top: 50%;
}
.addCircle.nxa {
	left: 51%;
	top: 45%;
}
.addCircle.hen {
	left: 66%;
	top: 52%;
}
.addCircle.sch {
	left: 46%;
	top: 63%;
}
.addCircle.chq {
	left: 55%;
	top: 61%;
}
.addCircle.hub {
	left: 63%;
	top: 60%;
}
.addCircle.anh {
	left: 71%;
	top: 57%;
}
.addCircle.jsu {
	left: 75%;
	top: 53%;
}
.addCircle.yun {
	left: 42%;
	top: 79%;
}
.addCircle.gui {
	left: 55%;
	top: 73%;
}
.addCircle.hun {
	left: 63%;
	top: 69%;
}
.addCircle.jxi {
	left: 69%;
	top: 68%;
}
.addCircle.zhj {
	left: 76%;
	top: 65%;
}
.addCircle.fuj {
	left: 73%;
	top: 74%;
}
.addCircle.gxi {
	left: 58%;
	top: 82%;
}
.addCircle.hai {
	left: 59%;
	top: 93%;
}
.addCircle.tai {
	left: 79%;
	top: 80%;
}
.addCircle.bej {
	left: 67.5%;
	top: 34%;
}
.addCircle.shh {
	left: 80%;
	top: 58%;
}
.addCircle.taj {
	left: 70%;
	top: 37%;
}
.addCircle.hkg {
	left: 68%;
	top: 85%;
}
.addCircle.mac {
	left: 65%;
	top: 87%;
}
.add1 {
	left: 20%;
	top: 29%;
}
.map-bot {
	background: #dd3825;
	color: #fff;
	text-align: center;
	padding: 12px;
}
.proj-select {
	line-height: 32px;
	margin-bottom: 15px;
}
.proj-text {
	position: absolute;
	left: 0;
	top: 0;
}
.proj-sel {
	margin-left: 90px;
	border: 1px solid #ddd;
}
.sel-list {
	position: absolute;
	background: #fff;
	width: 100%;
	box-shadow: 0 2px 4px #ddd;
	max-height: 25em;
	overflow: auto;
	display: none;
	top: 33px;
}
.sel-list a {
	display: block;
	margin: 0 10px;
	border-bottom: 1px solid #ddd;
	line-height: 2.5em;
}
.sel-list a:last-child {
	border: none;
}
.sel-list a.active {
	color: #dd3825;
}
.sel-val {
	text-align: center;
	margin-right: 32px;
	color: #333;
}
.sel-btn {
	width: 32px;
	height: 32px;
	position: absolute;
	background: #dd3825;
	right: 0;
	top: 0;
}
.sel-btn:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-top: 8px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.proj-sel.active .sel-btn:after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
/*五列*/
.yunu-section {
	padding: 60px 0;
}
.yunu-pinzhi {
	margin-left: -10px;
	margin-right: -10px;
}
.yunu-pinzhi li {
	float: left;
	width: 20%;
}
.yunu-pinzhi li a {
	display: block;
	margin: 0 10px;
	position: relative;
	overflow: hidden;
	border: 1px solid #e9e9e9;
}
.yunu-pinzhi li .text {
	background-color: #fff;
	text-align: center;
	position: relative;
	z-index: 1;
	height: 200px;
}
.yunu-pinzhi li i {
	display: inline-block;
	background: no-repeat center;
	height: 68px;
	margin-top: -34px;
	width: 68px;
	vertical-align: middle;
}
.yunu-pinzhi li h4 {
	line-height: 50px;
	background: url(../images/pinz_line01.gif) no-repeat center bottom;
	font-size: 18px;
	margin: 0;
}
.yunu-pinzhi li p {
	color: #777;
	line-height: 1.8;
}
.yunu-pinzhi li .box {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background-color: rgb(181, 0, 78);
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.yunu-pinzhi li .box i {
	margin-top: 110px;
}
.yunu-pinzhi li .box h4 {
	background-image: url(../images/pinz_line02.gif);
}
.yunu-pinzhi li .box p {
	color: #fff;
}
.yunu-pinzhi li a:hover .text {
	opacity: 0;
}
.yunu-pinzhi li a:hover .box {
	top: 0;
	opacity: 1;
}
/*产品*/
.product-list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 5%;
}
.product-list li:nth-child(3n) {
	margin-right: 0;
}
.pro-list-bot {
	padding: 15px;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}
.pro-list-bot:after {
	position: absolute;
	width: 0;
	left: 0;
	bottom: 0;
	border-top: 1px solid #dd3825;
	content: '';
}
.pro-list-bot h5 {
	color: #a7a7a7;
	font-size: 14px;
	line-height: 1.35em;
	margin-right: 30px;
}
.pro-list-bot b {
	font-size: 16px;
	font-family: dincondBold;
	color: #a7a7a7;
	color: #333;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 1.5em;
	display: block;
	text-align: center;
}
.pro-list-bot span {
	color: #a7a7a7;
}
.pro-i {
	position: absolute;
	width: 26px;
	height: 26px;
	right: 15px;
	top: 50%;
	margin-top: -13px;
	background-image: url("../images/pro-i.png");
}
.product-list li:hover h5 {
	color: #c00050;
}
.product-list .img100 {
	background: #e6e6e6;
}
.product-list li:hover b {
	color: #c00050;
}
.product-list li:hover span {
	color: #c00050;
}
.product-list li:hover .pro-i {
	background-image: url("../images/pro-i2.png");
}
.product-list li:hover .pro-list-bot:after {
	width: 100%;
}
.ny-title-r a {
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 29px;
	color: #a7a7a7;
}
.ny-title-r a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background-image: url("../images/arrow2.png");
}
.ny-title-r a:hover:before {
	background-image: url("../images/arrow2-on2.png");
}
.ny-title-r a:hover {
	color: #333;
}
/*详情*/
.proxqimg {
	width: 54.4%;
	background: #e6e6e6;
}
.proxq-r {
	width: 40%;
}
.pro-cs-a {
	margin: 25px 0;
}
.pro-cs-a span {
	font-size: 15px;
}
.pro-cs-a h4 {
	font-size: 22px;
	color: #333;
	font-weight: bold;
}
.price {
	color: #c00050;
}
.price span {
	font-size: 18px;
}
.price b {
	font-size: 38px;
	font-family: dincondBold;
	margin-right: 2px;
}
.pri-online {
	margin-top: 25px;
}
.pri-online a {
	line-height: 40px;
	background: #c00050;
	color: #fff;
	width: 140px;
	max-width: 48%;
	margin-right: 2%;
	text-align: center;
}
.pri-online .zxzx2 {
	font-family: dincondBold;
}
.pri-online a img {
	vertical-align: middle;
	margin: -2px 5px 0 0;
}
.proxq-sm .his-btn {
	margin: 30px 0;
}
.proxq-sm .his-btn a {
	position: static;
	margin-top: 0;
}
.proxq-sm .his-btn a.fl {
	margin-right: 15px;
}
.xqsmimg .swiper-slide {
	width: 32%;
	margin-right: 2%;
	cursor: pointer;
	background: #e6e6e6;
}
.xqsmimg .swiper-slide:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid #dd3825;
	box-sizing: border-box;
	opacity: 0;
}
.xqsmimg .active-nav.swiper-slide:before {
	opacity: 1;
}
.proxq-b h5 {
	background: #f5f5f5;
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.poroxq-b-con {
	border: 1px solid #e6e6e6;
	padding: 50px;
}
.cs-page:first-child {
	margin-top: 0;
}
.cs-page p {
	color: #333;
}
.cs-page {
	margin-top: 30px;
}
.cs-page b {
	display: block;
	color: #dd3825;
	margin-bottom: 8px;
}
.gdcp-list {
	margin-top: 25px;
}
.gdcp-list li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
}
.gdcp-list li:nth-child(4n) {
	margin-right: 0;
}
.gdcp-list a {
	display: block;
	position: relative;
}
.gdcp-txt {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(192, 0, 80, .7);
	opacity: 0;
}
.gdcp-txt h5 {
	color: #fff;
	font-size: 14px;
	max-width: 90%;
	margin: 0 auto;
}
.gdcp-list a:hover .gdcp-txt {
	opacity: 1;
}
.gdcp h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
/*工程安案例*/
.gcal-list li {
	float: left;
	width: 24.5%;
	margin-right: 0.66%;
	text-align: center;
	margin-bottom: 30px;
}
.gcal-list li:nth-child(4n) {
	margin-right: 0;
}
.gcal-list p {
	color: #333;
	margin-top: 5px;
	height: 3.2em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.gcal-list li:hover p {
	color: #c00050;
}
.pages {
	border: 1px solid #ddd;
	line-height: 34px;
	padding: 0 14px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #737373;
}
.page-btn:hover {
	background: #c00050;
	color: #fff;
}
.go {
	background: #c00050;
	color: #fff;
	display: inline-block;
	border-color: #c00050;
}
.alxq-title h4 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
}
.alxq-title span {
	margin: 0 10px;
}
.alxq-title span:nth-child(2) {
	font-family: dincond;
	font-size: 16px;
}
/*新闻*/
.xw-con h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 2.7em;
}
.edibox img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	vertical-align: bottom;
	height: auto !important;
}
.edipage {
	margin-top: 25px;
}
.tmms {
	margin-top: 15px;
}
.xwfy-a {
	max-width: 48%;
}
.xwfy {
	border-top: 1px solid #e0e0e0;
	padding-top: 15px;
	margin-top: 40px;
}
.xwfy a {
	position: relative;
	color: #a7a7a7;
	display: block;
}
.xwfy a:hover {
	color: #c00050;
}
.fy-go {
	position: absolute;
	top: 0;
}
.fl .fy-go {
	left: 0;
	padding-right: 20px;
}
.fr .fy-go {
	right: 0;
	padding-left: 20px;
}
.fl.xwfy-a a {
	padding-left: 70px;
}
.fr.xwfy-a a {
	padding-right: 70px;
}
.fy-go span {
	position: absolute;
	top: 0;
}
.fl.xwfy-a span {
	right: 0;
}
.fr.xwfy-a span {
	left: 0;
}
/*服务与支持*/
.honnor li {
	float: left;
	width: 25%;
	text-align: center;
	margin-right: 12.5%;
	margin-bottom: 40px;
	cursor: pointer;
}
.honnor li:nth-child(3n) {
	margin-right: 0;
}
.honnor li p {
	color: #666;
	margin-top: 20px;
}
.honnor li:hover p {
	color: #c00050;
}
/*联系我们*/
#container {
	height: 640px;
	width: 100%;
}
.map-lxwm {
	padding: 40px 50px;
	background: #fff;
}
.lxwm-tou b {
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: middle;
}
.lxwm-tou span {
	font-size: 22px;
	color: #999;
	font-family: dincondBold;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
.lxwm-tou {
	border-bottom: 1px solid #d0d0d0;
	line-height: 36px;
}
.contact-page {
	max-width: 48%;
	width: 518px;
}
.ditu-bot {
	position: relative;
	z-index: 9;
	margin-top: -80px;
}
.contact-bot {
	padding-top: 20px;
}
.contact-page li {
	position: relative;
	padding-left: 80px;
	color: #4c4c4c;
	margin-bottom: 5px;
}
.contact-page li span {
	position: absolute;
	left: 0;
	top: 0;
}
.contact-page li span img {
	vertical-align: middle;
	margin: -4px 10px 0 0;
}
.line-box div {
	position: absolute;
	background: #dd3825;
}
.line-01, .line-02 {
	bottom: 0;
	height: 3px;
	width: 0;
}
.line-01 {
	right: 50%;
}
.line-02 {
	left: 50%;
}
.line-03, .line-04 {
	bottom: 0;
	width: 3px;
	height: 0;
}
.line-03 {
	left: 0;
}
.line-04 {
	right: 0;
}
.line-05, .line-06 {
	height: 3px;
	width: 0;
	top: 0;
}
.line-05 {
	left: 0;
}
.line-06 {
	right: 0;
}
.cptd2 li:hover div {
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
.cptd2 li:hover .line-box .line-01, .cptd2 li:hover .line-box .line-02 {
	width: 50%;
}
.cptd2 li:hover .line-box .line-03, .cptd2 li:hover .line-box .line-04 {
	height: 100%;
	transition-delay: .2s !important;
}
.cptd2 li:hover .line-box .line-05, .cptd2 li:hover .line-box .line-06 {
	width: 50%;
	transition-delay: .4s !important;
}

.search-list {
	margin-bottom: 50px;
}
.result-box .search-list li {
	margin-bottom: 0;
	margin-top: 40px;
}
.result-box {
	margin-bottom: 100px;
}
.top-search {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	cursor: pointer;
}
.search-btn {
	width: 24px;
	height: 24px;
	background: url("../images/search.png") no-repeat center;
	background-size: cover;
	margin-top: 28px;
}

.search-nr {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -16px;
	background: #d9d9d9;
	width: 0;
	z-index: 9;
	overflow: hidden;
}
.search-nr.active {
	width: 240px;
}
.search-nr .text {
	width: 240px;
	display: block;
	height: 32px;
	text-indent: 1em;
	background: #d9d9d9;
}
.search-nr .sbmit {
	position: absolute;
	right: 40px;
	top: 0;
	width: 32px;
	height: 32px;
	background: url("../images/search2.png") no-repeat center;
	cursor: pointer;
}
.search-close {
	position: absolute;
	width: 32px;
	height: 100%;
	right: 0;
	top: 0;
	background: url("../images/gb.png") no-repeat center;
	background-size: cover;
}

.search-nr-wap:before {
	content: '';
	position: absolute;
	height: 50%;
	top: 25%;
	right: 35px;
	border-left: 1px solid #999;
}
.search-nr-wap {
	width: 240px;
	position: relative;
}
.hide-honor {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999999;
	background: rgba(0, 0, 0, 0.8);
	display: none;
}
.hide-honor-play {
	height: 100%;
}
.hide-honor-con {
	position: absolute;
	width: 600px;
	left: 50%;
	top: 0;
	height: 100%;
	margin-left: -300px;
}
.hide-honor-con .img img {
	vertical-align: bottom;
	max-width: 100%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.hide-honor-con .img p {
	position: absolute;
	bottom: 10%;
	width: 100%;
	font-size: 16px;
	margin-bottom: -40px;
}
.honor-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 10%;
	right: -40px;
	background: url(../images/24-fff.jpg) no-repeat center;
	background-size: cover;
	z-index: 99;
	cursor: pointer;
}
.hide-honor-bth div {
	position: absolute;
	cursor: pointer;
	width: 34px;
	height: 34px;
	top: 50%;
	margin-top: -17px;
	z-index: 999;
}
.hide-honor-bth1 {
	left: -35px;
	background-image: url(../images/bth555.png);
}
.hide-honor-bth2 {
	right: -35px;
	background-image: url(../images/bth666.png);
}
.hide-honor-bth div.swiper-button-disabled {
	display: none;
}
.hide-honor-bth1:hover {
	background-image: url(../images/bth555-1.png);
}
.hide-honor-bth2:hover {
	background-image: url(../images/bth666-1.png);
}
.fanghui1 {
	margin-top: 30px;
}
.fanghui1 a {
	display: block;
	width: 120px;
	line-height: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #ddd;
	margin: 0 auto;
	color: #666;
}
.fanghui1 a:hover {
	border-color: #dd3825;
	color: #dd3825;
}
.swiper-btn-style div {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
	cursor: pointer;
}
.swiper-btn-style .swiper-btn-left {
	left: -50px;
	background-image: url("../images/btn1.png");
}
.swiper-btn-style .swiper-btn-right {
	right: -50px;
	background-image: url("../images/btn2.png");
}
.swiper-container:hover .swiper-btn-left {
	left: 70px;
}
.swiper-container:hover .swiper-btn-right {
	right: 70px;
}
.swiper-btn-style .swiper-btn-left:hover {
	background-image: url("../images/btn1-1.png");
}
.swiper-btn-style .swiper-btn-right:hover {
	background-image: url("../images/btn2-1.png");
}
.gywm-edit {
	font-size: 16px;
	line-height: 1.6;
}
.gywm-edit img {
	display: block;
	max-width: 100%;
	margin: 0 auto !important;
	height: auto !important;
}
.imgscale .img100 {
	overflow: hidden;
}
.imgscale:hover .img100 img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.swiper-btn-style div, .menu-handler .burger, .index-a i, .index-a-title, .index-a-con, .ljgd2, .cptd1-con, .cptd2-con, .anli-con, .fubox, .zksq, .gdcp-txt, .sel-btn:after, .weixin-code, .i7, .imgscale .img100 img, .left-yi:before, .left-yi, .pro-list-bot:after, .search-nr {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.fu-warp {
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
.index-a i, .i7, .video_t a, .anli-con i, .footer-top, .bofang i, .ball, .his-btn a, .pro-i, .hide-honor-bth div {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#newBridge .icon-right-top {
	top: 135px !important;
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px);
		-moz-transform: translateY(100px);
		-o-transform: translateY(100px);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes slideInUp {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px);
		-moz-transform: translateY(100px);
		-o-transform: translateY(100px);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
/*新增*/
.wfl {
	float: left;
}
.wfr {
	float: right;
}
.w55 {
	width: 55%;
}
.w50 {
	width: 50%;
}
.w45 {
	width: 45%;
}
.w33 {
	width: 33.33333%
}
.w66 {
	width: 66.66666%
}
/*栏目banner*/
.hp-pc-speimg, .hp-photo-speimg, .hp-u8Cloud-speimg, .hp-n-speimg {
	height: 400px;
	background-color: rgba(255, 255, 255, 0);
	background-position: center center;
	background-repeat: no-repeat;
	border-top: 1px solid #e9e9e9;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hp-photo-speimg {
	display: none;
}
.hp-pc-speimg img, .hp-photo-speimg img {
	max-height: 100%;
	vertical-align: top;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.hp-u8Cloud-speimg span {
	display: inline-block;
	padding-top: 90px;
}
.hp-u8Cloud-speimg img {
	max-height: 400px;
}
.hp-u8Cloud-speimg .wfr {
	text-align: right;
}
.hp-u8Cloud-speimg h2 {
	font-size: 40px;
	margin-bottom: 10px;
}
.hp-u8Cloud-speimg h3 {
	color: #bcbcbc;
}
.hp-n-speimg {
	text-align: center;
	position: relative;
}
.hp-n-speimg h1 {
	font-size: 50px;
	padding-bottom: 15px;
	font-weight: bold;
}
.hp-n-speimg h2 {
	font-size: 26px;
	font-weight: lighter;
}
.hp-n-speimg h3 {
	font-size: 20px;
	font-weight: lighter;
}
.hp-n-speimg span {
	display: inline-block;
	padding-bottom: 15px;
}
.hp-n-txt {
	width: 1200px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 20px;
	right: 20px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	z-index: 1;
}
/*内容页banner背景*/
.hp-n-banner {
	background-color: rgba(255, 255, 255, 0);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hp-n-banner h4 {
	text-align: center;
	font-size: 30px;
	padding: 85px 0 30px 0;
	color: #fff;
}
.hp-n-banner p {
	margin: 0px 10%;
	padding: 30px;
	color: #fff;
}
.hp-n-banner img {
	vertical-align: top;
}
.hp-n-banner h6 {
	margin: 0px 10% 85px 10%;
	padding: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: normal;
	border: 1px solid #fff;
}
/*首页banner*/
.home-banner {
	height: 500px;
	background-image: url(../images/home-banner.jpg);
	background-color: rgba(0, 0, 0, 0);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.home-banner .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 20;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.home-banner .txt h1 {
	font-size: 90px;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}
.home-banner .txt h2 {
	font-size: 20px;
	color: #fff;
	letter-spacing: 12px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding-bottom: 20px;
	white-space: nowrap;
}
.home-banner .txt p {
	font-size: 24px;
	color: #fff;
	letter-spacing: 10px;
	white-space: nowrap;
}
.home-banner .txt em {
	cursor: pointer;
	margin-top: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;
    border-radius: 25px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #ff3300;
}
.home-banner .txt em img {
	width: 100%;
	height: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.home-banner .txt em:hover {
	background-color: #fff;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.home-banner .txt em:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	filter: none;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
/*弹出视频*/
.video-body{
	display: none;
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    width: 60%;
}
.Tan-box { position: relative; height: 80px; }
.Chahao {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    cursor: pointer;
}
.Chahao .close-bottom, .Chahao .close-top{
	position:absolute;
	background:#fff;
	width:45px; height:2px;
	left:16px;
	transition:.3s;
}
.Chahao .close-top{
	-webkit-transform:translate(0,5px) rotate(225deg);
	transform:translate(0,5px) rotate(225deg);
}
.Chahao .close-bottom{
	-webkit-transform:translate(0,-5px) rotate(135deg);
	transform:translate(0,-5px) rotate(135deg);
}
.Chahao .close-top{
	top:34px;
}
.Chahao .close-bottom{
	bottom:34px;
}
.Chahao:hover .close-top{
	-webkit-transform:translate(0,5px) rotate(225deg);
	transform:translate(0,5px) rotate(45deg)
}
.Chahao:hover .close-bottom{
	-webkit-transform:translate(0,-5px) rotate(135deg);
	transform:translate(0,-5px) rotate(315deg)
}
.video-form-box {
	clear: both;
	position: relative;
	text-align: center;
	background-color: #000;
}
.Tan-body {
	display: none;
	position: fixed;
	z-index: 9998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
	background: rgba(0,0,0,0.6);
}
/*正奂旋转层*/
.mainxza, .mainxzb {
	width: 100%;
	height: 100%;
	display: table;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 10;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.mainxz1, .mainxz2 {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.mainxz2 {
	opacity: 0.5;
}
.mainxz1 img, .mainxz2 img {
	max-width: 500px;
	max-height: 500p;
	width: 100%;
}
.mainxz1 img {
	animation: mainzx1 120s infinite linear;
	-webkit-animation: mainzx1 120s infinite linear;
	-moz-animation: mainzx1 120s infinite linear;
	-o-animation: mainzx1 120s infinite linear;
}
@-webkit-keyframes mainzx1 {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg)
	}
}
@-moz-keyframes mainzx1 {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(359deg)
	}
}
@-o-keyframes mainzx1 {
	from {
		-o-transform: rotate(0deg)
	}
	to {
		-o-transform: rotate(359deg)
	}
}
@keyframes mainzx1 {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(359deg)
	}
}
.mainxz2 img {
	animation: mainzx2 60s infinite linear;
	-webkit-animation: mainzx2 60s infinite linear;
	-moz-animation: mainzx2 60s infinite linear;
	-o-animation: mainzx2 60s infinite linear;
}
@-webkit-keyframes mainzx2 {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(-359deg)
	}
}
@-moz-keyframes mainzx2 {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(-359deg)
	}
}
@-o-keyframes mainzx2 {
	from {
		-o-transform: rotate(0deg)
	}
	to {
		-o-transform: rotate(-359deg)
	}
}
@keyframes mainzx2 {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(-359deg)
	}
}
/*关于我们*/
.hp-contact {
	float: left;
	width: 60%;
	padding-bottom: 50px;
}
.hp-erweima {
	float: right;
	width: 35%;
}
.hp-contact-txt {
	padding: 28px 28px 27px 31px;
	position: relative;
	background: #f5f5f5;
	font-size: 16px;
	border-left: 5px solid #dd3825;
}
.hp-contact-txt:before {
	position: absolute;
	bottom: 15px;
	left: 10px;
	z-index: -1;
	height: 20%;
	max-height: 100px;
	max-width: 460px;
	width: 60%;
	content: "";
	opacity: .7;
	-webkit-box-shadow: 0 17px 10px rgb(0 0 0 / 70%);
	box-shadow: 0 17px 10px rgb(0 0 0 / 70%);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.hp-contact-txt:after {
	position: absolute;
	bottom: 15px;
	left: auto;
	right: 10px;
	z-index: -1;
	height: 20%;
	max-height: 100px;
	max-width: 460px;
	width: 60%;
	content: "";
	opacity: .7;
	-webkit-box-shadow: 0 17px 10px rgb(0 0 0 / 70%);
	box-shadow: 0 17px 10px rgb(0 0 0 / 70%);
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}
.hp-contact-txt h3 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
}
/*五列*/
.hp-section {
	padding: 60px 0;
}
.hp-pinzhi {
	margin: 0 -10px;
}
.hp-pinzhi li {
	float: left;
	width: 20%;
	padding: 0 10px;
	box-sizing: border-box;
}
.hp-pinzhi .text {
	padding: 20px 10px;
	background-color: #fff;
	text-align: center;
	height: 380px;
	border: 1px solid #e9e9e9;
}
.hp-pinzhi .text:hover {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.hp-pinzhi i {
	display: block;
	margin: 8px auto;
	width: 30px;
	border-top: 1px solid #dd3825;
}
.hp-pinzhi span {
	display: inline-block;
	height: 150px;
	width: 150px;
	vertical-align: middle;
}
.hp-pinzhi span img {
	width: 100%;
	height: 100%;
}
.hp-pinzhi h4 {
	line-height: 50px;
	font-size: 18px;
	margin: 0;
	color: #000;
	font-weight: bold;
}
.hp-pinzhi p {
	padding-top: 10px;
}
/*文章列表*/
.hp-n-mbx {
	width: 100%;
	height: 60px;
	background: #F1F1F1;
	line-height: 60px;
	border-top: 1px solid #e9e9e9;
}
.hp-n-newsbj {
	background-color: #f9f9f9;
	padding-bottom: 50px;
}
.hp-n-title {
	padding: 30px 0;
	font-size: 32px;
	line-height: 32px;
	color: #000;
}
.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.hp-news {
	margin: 0 -10px;
}
.hp-news li {
	float: left;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}
.hp-news .box {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}
.hp-news .photo {
	width: 150px;
	height: 110px;
	border: 1px #f2f2f2 solid;
	margin-left: 15px;
}
.hp-news .photo img {
	width: 100%;
	height: 100%;
	display: block;
}
.hp-news .info {
	overflow: hidden;
}
.hp-news h2 {
	font-size: 20px;
	padding: 5px 0;
}
.hp-news p {
	height: 48px;
	overflow: hidden;
}
.hp-news h6 {
	color: #a7a7a7;
	padding: 5px 0;
}
.hp-news .box:hover {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
/**/
.hp-n-news {
	padding: 20px;
	background-color: #fff;
}
.hp-n-news li {
	border-bottom: 1px solid #e9e9e9;
	padding: 15px 0;
}
.hp-n-news h2 {
	float: left;
	font-size: 16px;
	border-left: 4px solid #e9e9e9;
	padding-left: 10px;
}
.hp-n-news span {
	float: right;
	color: #a7a7a7;
	padding: 0 10px;
}
/**/
.hp-so-news {
	padding: 20px;
	background-color: #fff;
}
.hp-so-news li {
	border-bottom: 1px solid #e9e9e9;
	padding: 15px 0;
}
.hp-so-news h2 {
	font-size: 16px;
	border-left: 4px solid #e9e9e9;
	padding-left: 10px;
}
.hp-so-news h6 {
	color: #a7a7a7;
	padding: 0 14px;
}
.hp-so-news p {
	padding: 10px 14px;
	font-size: 14px;
}
/**/
.css_button {
	background-color: #dd3825;
	color: #fff;
	font-size: 16px;
	padding: 4px 20px;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
	overflow: visible;
}
.css_button:hover {
	background-color: #f08800;
}
.css_input, .css_select { padding: 6px;  box-sizing: border-box; border: 1px solid #e9e9e9; outline: 0; }
/*文章分页*/
.page {
	padding: 10px;
}
.page a, .page span {
	display: inline-block;
	text-decoration: none;
	letter-spacing: 0px;
	background-color: #f2f2f2;
	padding: 5px 10px;
	margin: 0px 2px;
	text-align: center;
}
.page a:hover, .page a.current {
	background: #e61414;
	color: #fff;
	text-decoration: none;
}
.page input {
	padding: 0px;
	color: #390;
	height: 16px;
	width: 25px;
	border: 0px solid #fff;
	text-align: center;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
	vertical-align: middle;
	font-size: 12px;
}
/*行业*/
.hp-hy-left {
	float: left;
	width: 66.66666%;
}
.hp-hy-right {
	float: right;
	width: 33.33333%;
}
.hp-hangye-one {
	margin-left: 10px;
	margin-right: -10px;
}
.hp-hangye-three {
	margin: 0 -10px;
}
.hp-hangye-three li, .hp-hangye-one li {
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.hp-hangye-three li {
	float: left;
	width: 33.33333%;
}
.hp-hangye-three .text, .hp-hangye-one .text {
	padding: 15px 20px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hp-hangye-three .text {
	height: 323px;
}
.hp-hangye-one .text {
	height: 200px;
}
.hp-hangye-three .text:hover, .hp-hangye-one .text:hover {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.hp-hangye-three i, .hp-hangye-one i {
	display: block;
	margin-top: 8px;
	margin-bottom: 10px;
	width: 30px;
	border-top: 1px solid #dd3825;
}
.hp-hangye-three h4, .hp-hangye-one h4 {
	line-height: 50px;
	font-size: 18px;
	margin: 0;
	color: #000;
	font-weight: bold;
}
.hp-hangye-three em, .hp-hangye-one em {
	font-style: normal;
	border-right: 1px solid #ddd;
	margin: 0 10px;
}
/*产品详情定义*/
.hp-title {
	font-size: 24px;
	padding-bottom: 20px;
}
.hp-txt {
	font-size: 16px;
	line-height: 24px;
}
.hp-ydz-four {
	margin: 0 -20px;
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.hp-ydz-four li {
	display: inline-block;
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.hp-ydz-four .text {
	background-color: #4f4f5c;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 30px 40px;
}
.hp-ydz-four h4 {
	font-size: 24px;
	color: #fff;
}
.hp-ydz-four h5 {
	font-size: 40px;
	color: #fff;
}
.hp-ydz-four h6 {
	font-size: 20px;
	color: #fff;
}
.hp-ydz-four i {
	display: inline-block;
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 10px;
	width: 100%;
	border-top: 1px solid #727273;
}
/*T+Cloud一体化*/
.hp-tCloud-yth {
	margin: 0 -10px;
}
.hp-tCloud-yth li {
	float: left;
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.hp-tCloud-yth .text {
	padding: 20px;
	background-color: #fff;
	text-align: center;
	height: 350px;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.hp-tCloud-yth .text:hover {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.hp-tCloud-yth i {
	display: block;
	margin: 8px auto;
	width: 30px;
	border-top: 1px solid #dd3825;
}
.hp-tCloud-yth span {
	display: inline-block;
	height: 150px;
	width: 150px;
	vertical-align: middle;
}
.hp-tCloud-yth span img {
	width: 100%;
	height: 100%;
}
.hp-tCloud-yth h4 {
	line-height: 50px;
	font-size: 18px;
	margin: 0;
	color: #000;
	font-weight: bold;
}
.hp-tCloud-yth p {
	padding-top: 10px;
}
/*T+Cloud痛点*/
.hp-tCloud-td {
	margin-left: -10px;
	margin-right: -10px;
}
.hp-tCloud-td li {
	float: left;
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.hp-tCloud-td li a {
	display: block;
	padding: 10px 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.hp-tCloud-td .photo {
	display: inline-block;
	height: 150px;
	width: 150px;
	vertical-align: middle;
}
.hp-tCloud-td .photo img {
	width: 100%;
	height: 100%;
}
.hp-tCloud-td .text {
	text-align: center;
	position: relative;
	z-index: 1;
	height: 200px;
}
.hp-tCloud-td h4 {
	line-height: 50px;
	font-size: 18px;
	margin: 0;
	color: #000;
	font-weight: bold;
}
.hp-tCloud-td .text i {
	display: block;
	margin: 8px auto;
	width: 30px;
	border-top: 1px solid #dd3825;
}
.hp-tCloud-td .text p {
	color: #777;
	line-height: 1.6em;
}
.hp-tCloud-td .box {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	background-color: rgb(250, 76, 67);
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.hp-tCloud-td .box h4 {
	color: #fff;
}
.hp-tCloud-td .box p {
	color: #fff;
	line-height: 1.6em;
}
.hp-tCloud-td a:hover .text {
	opacity: 0;
}
.hp-tCloud-td a:hover .box {
	top: 0;
	opacity: 1;
}
/*T+Cloud版本*/
.hp-tCloud-bb {
	margin: 0 -10px;
}
.hp-tCloud-bb li {
	float: left;
	width: 33.33333%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.hp-tCloud-bb .text {
	margin-top: 20px;
	padding: 10px;
	background-color: #f8f8f8;
	text-align: center;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.hp-tCloud-bb .zhong {
	margin-top: 0;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.hp-tCloud-bb h4 {
	font-size: 30px;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	background-color: #dd3825;
}
.hp-tCloud-bb h3 {
	font-size: 50px;
	padding: 10px 0;
	color: #000;
}
.hp-tCloud-bb h3 i {
	font-style: normal;
	font-size: 20px;
	padding-left: 20px;
}
.hp-tCloud-bb h3 em {
	font-style: normal;
	font-size: 20px;
	color: #888;
}
.hp-tCloud-bb p {
	padding: 20px 0 50px 0;
	font-size: 16px;
	color: #000;
	line-height: 40px;
	background-color: #fff;
}
/*u8Cloud特点*/
.hp-u8Cloud-td {
	margin: 0 -10px;
}
.hp-u8Cloud-td li {
	float: left;
	width: 33.33333%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.hp-u8Cloud-td .text {
	padding: 20px;
	background-color: #fff;
	height: 110px;
	border: 1px solid #e9e9e9;
/*
	-webkit-border-radius: 10px;
	border-radius: 10px;
*/
	-webkit-box-shadow: none;
	box-shadow: none;
}
.hp-u8Cloud-td .text:hover {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.hp-u8Cloud-td .box {
	overflow: hidden;
}
.hp-u8Cloud-td i {
	display: block;
	margin-top: 8px;
	width: 30px;
	border-top: 1px solid #dd3825;
}
.hp-u8Cloud-td span {
	float: left;
	display: inline-block;
	height: 70px;
	width: 70px;
	vertical-align: middle;
	margin-right: 20px;
}
.hp-u8Cloud-td span img {
	width: 100%;
	height: auto;
}
.hp-u8Cloud-td h4 {
	font-size: 20px;
	margin: 0;
	color: #000;
}
.hp-u8Cloud-td p {
	padding-top: 10px;
}
.hp-n-u8cloud {
	padding: 50px 0;
	background-color: rgba(255, 255, 255, 0);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*uc6产品特性*/
.hp-uc6-tx {
	margin: 0 -10px;
}
.hp-uc6-tx li {
	float: left;
	width: 33.33333%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
}
.hp-uc6-tx li:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100px;
	right: 0;
	top: 40px;
	background-color: #8b8b8b;
}
.hp-uc6-tx li:last-child:after {
	width: 0px;
}
.hp-uc6-tx .text {
	padding: 20px;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.hp-uc6-tx .text:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.hp-uc6-tx i {
	display: block;
	margin: 8px auto;
	width: 30px;
	border-top: 1px solid #dd3825;
}
.hp-uc6-tx span {
	display: inline-block;
	height: 150px;
	width: 150px;
	vertical-align: middle;
}
.hp-uc6-tx span img {
	width: 100%;
	height: 100%;
}
.hp-uc6-tx h4 {
	line-height: 50px;
	font-size: 28px;
	margin: 0;
	color: #fff;
}
.hp-uc6-tx p {
	padding-top: 10px;
}
/*U8应用价值*/
.hp-u8-jz {
	margin: 0 -10px;
}
.hp-u8-jz li {
	float: left;
	width: 33.33333%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.hp-u8-jz .text {
	padding: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	height: 120px;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.hp-u8-jz .text:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.hp-u8-jz i {
	display: block;
	margin: 8px auto;
	width: 30px;
	border-top: 1px solid #fff;
}
.hp-u8-jz h4 {
	line-height: 50px;
	font-size: 18px;
	margin: 0;
	color: #fff;
	font-weight: bold;
}
.hp-u8-jz p {
	padding-top: 10px;
	color: #fff;
}
/*tab选择器PC*/
/*样式一*/
.tab-box {
	display: flex;
	border: none;
	clear: both;
	zoom: 1;
}
.hp-tab {
	width: auto;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
}
.hp-tab li {
	display: block;
	color: #666;
	white-space: nowrap;
	background: #f5f5f5;
	margin-bottom: 10px;
	padding: 0 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.hp-tab li.active {
	background: #dd3825;
	color: #fff;
}
.hp-tab li:hover {
	background: #dd3825;
	color: #fff;
	cursor: pointer;
}
.hp-tabs {
	margin: 0;
	width: 100%;
}
.hp-tabs h2 {
	line-height: 50px;
	font-size: 28px;
	color: #dd3825;
}
.hp-tabs p {
	padding: 10px 0;
	font-size: 16px;
}
.tab-page {
	display: none;
	animation: anim 2s;
}
.tab-page.active {
	display: block;
}
.hp-page {
	padding-left: 40px;
}
.ac-container {
	display: none;
}
/*样式二*/
.tab-btn {
	font-size: 20px;
	line-height: 50px;
	text-align: center;
}
.tab-btn a {
	float: left;
	width: 20%;
	display: block;
	color: #666;
	text-align: center;
	background: #f5f5f5;
	position: relative;
}
.tab-btn a:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	right: 0;
	top: 0px;
	background-color: #fff;
}
.tab-btn a:first-child {
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
.tab-btn a:last-child {
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.tab-btn a:last-child:after {
	width: 0;
}
.tab-btn a.active {
	background: #dd3825;
	color: #fff;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.tab-btn a:hover {
	background: #dd3825;
	color: #fff;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.tabpage {
	padding: 30px 0;
	display: none;
	animation: anim 2s;
}
.tabpage.active {
	display: block;
}
@keyframes anim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*hp-article-content*/
.hp-article-content {}
.hp-article-content h1 {
	padding: 30px 0;
	font-size: 32px;
	line-height: 32px;
	color: #000;
	text-align: center;
}
.hp-article-content .info {
	border: 1px solid #e9e9e9;
	line-height: 30px;
	text-align: center;
	color: #333;
	background-color: #F1F1F1;
}
.hp-article-content .area {
	background-color: #fff;
	overflow: hidden;
	line-height: 200%;
	font-size: 16px;
	color: #000;
	padding: 30px;
	border-bottom: #f2f2f2 1px solid;
	border-left: #f2f2f2 1px solid;
	border-right: #f2f2f2 1px solid;
}
.hp-article-content .area p { /*text-indent:2em;*/ padding: 5px 0;
	line-height: 200%;
	color: #000;
}
.hp-article-content .area img, .hp-article-content .area video {
	max-width: 100%;
	margin: 5px 0;
}
.hp-article-content .area a {
	color: #00F;
	text-decoration: underline
}
/*pre next*/
.prenext {
	line-height: 35px;
	border-top: 1px #f2f2f2 dashed; /*border-bottom:1px #f2f2f2 solid;*/ margin-top: 10px;
}
.prenext .pre {
	float: left;
	width: 50%;
} /* 上一篇 */
.prenext .next {
	text-align: right;
	float: right;
	width: 50%;
} /* 下一篇 */
/**/
.hp-loglist {
	margin: 20px -10px 0 -10px;
}
.hp-loglist li {
	float: left;
	width: 16.66667%;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
}
.hp-loglist span {
	display: block;
}
.hp-loglist h2 {
	padding-top: 10px;
	font-size: 16px;
}
/*首页方案*/
.hp-fa {
	margin: 0 -10px;
}
.hp-fa-left {
	float: left;
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
}
.hp-fa-right {
	float: right;
	width: 75%;
}
.hp-fa-two li {
	float: left;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}
.hp-fa-three li {
	float: left;
	width: 33.33333%;
	padding: 0 10px 10px 10px;
	box-sizing: border-box;
}
.hp-fa-two .txt, .hp-fa-three .txt {
	height: 150px;
}
.hp-fa .txt {
	padding: 30px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	position: relative;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.hp-fa .txt h2 {
	font-size: 20px;
	color: #000;
	padding-bottom: 10px;
}
.hp-fa .txt span {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
}
.hp-fa .txt span img {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.hp-fa .txt:hover {
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.hp-fa .txt:hover span img {
	opacity: 1;
	filter: alpha(opacity=100);
	filter: none;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.hp-fa .txt:hover h2 {
	color: #dd3825;
}
.hp-fa-one .info {
	height: 384px;
	position: relative;
	background-image: url(../images/home-fa.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 30px;
	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.hp-fa-one .info i {
	display: block;
	width: 30px;
	border-top: 1px solid #fff;
}
.hp-fa-one .info h2 {
	font-size: 24px;
	color: #fff;
	padding-bottom: 10px;
	font-weight: bold;
}
.hp-fa-one .info p {
	padding-top: 10px;
	color: #fff;
}
.hp-fa-one .info span {
	position: absolute;
	right: 20px;
	bottom: 30px;
	width: 100px;
	height: 100px;
}
.hp-fa-one .info span img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*头部*/
.top-blank {
	height: 124px;
	overflow: hidden;
	background: none;
}
.top-head {
	height: 124px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background: none;
}
.top01 {
	height: 44px;
	line-height: 44px;
	font-size: 12px;
	color: #a7a7a7;
	overflow: hidden;
	background: #312f38;
}
.top02 {
	height: 80px;
	background: #fff;
}
.top-logo {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.top-logo img {
	vertical-align: bottom;
	max-width: 180px;
	max-height: 55px;
}
.top-nav {
	margin-right: 80px;
}
.top-nav li {
	float: left;
	font-size: 18px;
	margin: 0 15px;
	text-align: center;
}
.top-nav li a {
	display: inline-block;
	padding: 0 10px;
	line-height: 80px;
	position: relative;
	z-index: 111;
}
.top-nav li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	height: 3px;
	opacity: 0;
	background-color: #dd3825;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.top-nav li a:hover:after, .top-nav .active a:after {
	left: 0;
	right: 0;
	opacity: 1;
	color: #dd3825;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.top-nav .active a {
	color: #dd3825;
}
.top-nav .sub {
	display: none;
	width: 1200px;
	padding: 0;
	position: fixed;
	top: 123px;
	overflow: hidden;
	z-index: 110;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	background-color: #fff;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.top-nav.active .top-nav-ul {
	opacity: 0;
}
.top-nav .sub a {
/*	display: table-cell;*/
	float: left;
	display: block;
	width: 25%;
	padding: 30px;
	line-height: 24px;
	min-height: 200px;
	border-bottom: 1px solid #e9e9e9;
	box-sizing: border-box;
}
.top-nav .sub a:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	background-color: #e9e9e9;
	top: 0;
	bottom: 0;
	right: 0;
}
.top-nav .sub a:nth-child(4):before {
	width: 0;
}
.top-nav .active .sub a {
	color: #000;
}
.top-nav .active .sub a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	height: 3px;
	opacity: 0;
	background-color: #dd3825;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.top-nav .active .sub a:hover:after {
	left: 0;
	right: 0;
	opacity: 1;
	color: #dd3825;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.top-nav .active .sub a:after {
	opacity: 0;
	color: #000;
}
.top-nav .sub h2 {
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
}
.top-nav .sub span img {
	vertical-align: bottom;
}
.top-nav .sub p {
	text-align: left;
	font-size: 14px;
	margin-top: 10px;
}

/*致远OA*/
.oa-oatab {
	text-align: center;
}
.oa-oatab li {
	display: inline-block;
	font-size: 18px;
	font-weight: lighter;
	color: #000;
	background-color: #f6f6f6;
	white-space: nowrap;
	padding: 10px 20px;
	margin: 0 10px;
	position: relative;
}
.oa-oatab li:hover {
	color: #fff;
	background-color: #118cee;
	cursor: pointer;
}
.oa-oatab li.active {
	color: #fff;
	background-color: #118cee;
}
.oa-oatabs {
	margin-top: 20px;
	padding: 30px 0;
	background-color: #f6f6f6;
}
.oatab-page {
	display: none;
	animation: anim 2s;
}
.oatab-page.active {
	display: block;
}
.zy-box {
	display: flex;
	clear: both;
	zoom: 1;
	background-color: #fff;
}
.zy-tab {
	width: auto;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	border: 1px solid #e9e9e9;
	box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
.zy-tab li {
	display: block;
	color: #666;
	white-space: nowrap;
	padding: 10px 20px;
	position: relative;
}
.zy-tab li:after {
	content: "";
	height: 1px;
	width: 20%;
	background-color: #e9e9e9;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.zy-tab li:last-child:after, .zy-tab li.active:after {
	height: 0px;
}
.zy-tab li:hover {
	color: #118cee;
	cursor: pointer;
}
.zy-tab li.active {
	color: #fff;
	background-color: #118cee;
}
.zy-tab li.active:before { 
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent transparent #118cee;
	content: "";
	height: 0;
	position: absolute;
	right: -20px;
	top: 50%;
	width: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.zy-tabs {
	margin: 0;
	width: 100%;
	border: 1px solid #e9e9e9;
	border-left: none;
}
.zy-page {
/*	padding-left: 30px;*/
}
.zab-page {
	display: none;
	animation: anim 2s;
}
.zab-page.active {
	display: block;
}
.oa-tab {
	padding-left: 20px;
	float: left;
	width: 150px;
	position: relative;
}
.oa-tab li {
	line-height: 30px;
	font-size: 16px;
	color: #999;
	position: relative;
	padding: 10px 0 10px 30px;
}
.oa-tab li:after {
	content: "";
	height: 1px;
	background-color: #e9e9e9;
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 0;
}
.oa-tab i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	display: inline-block;
	width: 20px;
    height: 20px;
	font-style: normal;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #999;
    color: #fff;
}
.oa-tab li.active, .oa-tab li:hover {
	color: #118cee;
	cursor: pointer;
}
.oa-tab li.active:after, .oa-tab li:hover:after {
	background-color: #118cee;
}
.oa-tab li.active i, .oa-tab li:hover i {
	background-color: #118cee;
}
.oa-tabs {
	overflow: hidden;
	padding: 20px 50px;
}
.zab-page {
	position: relative;
}
.zab-page .txt {
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 20px;
    line-height: 30px;
	color: #333;
    font-weight: lighter;
    text-align: justify;
}
.zab-page .img_slick {
    text-align: center;
    position: relative;
}
.zab-page .img_slick .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/pc.png);
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    padding: 8% 2% 2%;
    border-radius: 20px 20px 0 0;
}
.zab-page .img_slick .item.m {
    width: 32%;
    margin: 0 auto;
    border-radius: 22px;
    padding: 7% 2%;
    background-image: url(../images/m.png);
}

/*致远OA产品系列*/
.oa-probj {
	background-image: url(/uploadfile/image/202109/img69.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.oa-pro-list {
	margin: 0 -10px;
	padding: 30px 0;
}
.oa-pro-list li {
	float: left;
	width: 33.33333%;
	padding: 0 10px;
	box-sizing: border-box;
}
.oa-pro-list .text {
	height: 400px;
	background-color: #fff;
	position: relative;
}
.oa-pro-list span {
	display: block;
	overflow: hidden;
	vertical-align: middle;
}
.oa-pro-list span img {
	width: 100%;
	height: auto;
}
.oa-pro-list h4 {
	padding: 20px 20px 0 20px;
	font-size: 20px;
	color: #000;
}
.oa-pro-list p {
	padding: 10px 20px 20px 20px;
}
.oa-pro-list em {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 30px;
	height: 30px;
}
.oa-pro-list .text:hover {
	background-color: #11487e;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
}
.oa-pro-list .text:hover h4, .oa-pro-list .text:hover p {
	color: #fff;
}
.oa-pro-list .text:hover span {
	opacity: 0.5;
}

/**/
.oa-cont {
    position: relative;
}
.oa-right {
    width: 520px;
    float: right;
	font-size: 0;
}
.oa-right li:nth-of-type(odd) {
    margin-right: 80px;
	width: 220px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3vw;
    cursor: pointer;
}
.oa-right li {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3vw;
    cursor: pointer;
}
.oa-right li i {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #b0dfff;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 10px 30px rgb(16 140 238 / 20%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.oa-right li h3 {
    font-size: 24px;
    color: #333;
    margin: 20px 0;
}
.oa-right li p {
    font-size: 12px;
    line-height: 20px;
    color: #808080;
}
.oa-right li.active i {
  background-color: #108cee;
}
.oa-left {
    width: 46vw;
    position: absolute;
    left: 0;
    top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.oa-left img.bg {
    width: 98%;
    max-width: 874px;
    display: block;
}
.oa-left img.ct {
    position: absolute;
    right: 0;
    top: 14%;
    width: 68%;
    max-width: 604px;
}
.oa-left .item .box {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.oa-left .item .box:before {
	content: '';
	display: block;
	border-radius: 50%;
	background: #b0dfff;
	box-shadow: 0 10px 20px rgba(100, 191, 253, 0.5);
}
.oa-left .item .box:nth-of-type(1) {
	top: 18%;
	left: 44%;
}
.oa-left .item .box:nth-of-type(1):before {
	width: 80px;
	height: 40px;
	opacity: .6;
}
.oa-left .item .box:nth-of-type(2) {
	top: 35%;
	left: 34%;
}
.oa-left .item .box:nth-of-type(2):before {
	width: 64px;
	height: 32px;
	opacity: .4;
}
.oa-left .item .box:nth-of-type(3) {
	top: 58%;
	left: 22%;
}
.oa-left .item .box:nth-of-type(3):before {
	width: 110px;
	height: 55px;
	opacity: .8;
}
.oa-left .item .box:nth-of-type(4) {
	top: 70%;
	left: 40%;
}
.oa-left .item .box:nth-of-type(4):before {
	width: 80px;
	height: 40px;
	opacity: .6;
}
.oa-left .item .box:nth-of-type(5) {
	top: 75%;
	left: 55%;
}
.oa-left .item .box:nth-of-type(5):before {
	width: 80px;
	height: 40px;
	opacity: .6;
}
.oa-left .item .box h3 {
	font-size: 18px;
	color: #108cee;
	line-height: 24px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-webkit-transform: translateX(-50%) rotate(-26deg) skewX(-30deg) scaleY(0.9);
	-moz-transform: translateX(-50%) rotate(-26deg) skewX(-30deg) scaleY(0.9);
	-ms-transform: translateX(-50%) rotate(-26deg) skewX(-30deg) scaleY(0.9);
	transform: translateX(-50%) rotate(-26deg) skewX(-30deg) scaleY(0.9);
	margin-top: -12px;
	white-space: nowrap;
}

.item-page.active .box {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.item-page.active .box:nth-of-type(1) {
	transition-delay: .1s;
}
.item-page.active .box:nth-of-type(2) {
	transition-delay: .2s;
}
.item-page.active .box:nth-of-type(3) {
	transition-delay: .3s;
}
.item-page.active .box:nth-of-type(4) {
	transition-delay: .4s;
}
.item-page.active .box:nth-of-type(5) {
	transition-delay: .5s;
}
/**/
.oa-left2 {
	max-width: 640px;
}
.oa-left2 input {
	display: none;
}
.oa-left2 label {
	display: block;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	padding: 15px 40px 15px 0;
	position: relative;
	cursor: pointer;
}
.oa-left2 label:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 15px;
	height: 26px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/icon-51.png");
}
.oa-left2 label:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	-webkit-transition: width 0.3s ease;
	-moz-transition: width 0.3s ease;
	-ms-transition: width 0.3s ease;
	transition: width 0.3s ease;
}
.oa-left2 article {
	height: 0;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.oa-left2 input:checked ~ article {
	padding: 20px 50px 20px 0;
	color: #00fac5;
	height: auto;
	overflow: auto;
}
.oa-left2 li.active label {
	color: #00fac5;
}
.oa-left2 li.active label:after {
	width: 26px;
	height: 15px;
	background-image: url("../images/icon-62.png");
}
.oa-left2 li.active label:before {
	background-color: #00fac5;
}
.oa-right2 {
	position: absolute;
	right: -100px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	width: 45vw;
}
.oa-right2 img.bg {
	display: block;
}
.oa-right2 img.img1 {
	position: absolute;
	width: 42.33%;
	max-width: 442px;
	top: 24%;
	left: 20%;
	z-index: 2;
}
.oa-right2 img.img2 {
	width: 34.4%;
	max-width: 359px;
	position: absolute;
	top: 40%;
	left: 10%;
	z-index: 1;
	-webkit-animation: bigBall2 6s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: bigBall2 6s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: bigBall2 6s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: bigBall2 6s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
@keyframes bigBall2 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0, 32px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes bigBall2 {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0, 32px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
.oa-right2 img.img3 {
	width: 12.6%;
	max-width: 131px;
	position: absolute;
	top: 32%;
	left: 50%;
	z-index: 3;
	-webkit-animation: minBall2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: minBall2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: minBall2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: minBall2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
@keyframes minBall2 {
  0% {
    transform: translate(0, 10px);
  }
  50% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, 10px);
  }
}
@-webkit-keyframes minBall2 {
  0% {
    -webkit-transform: translate(0, 12px);
  }
  50% {
    -webkit-transform: translate(0, 0px);
  }
  100% {
    -webkit-transform: translate(0, 12px);
  }
}
.oa-right2 .imgs {
	position: absolute;
	width: 42.33%;
	max-width: 442px;
	top: 24%;
	left: 20%;
	z-index: 4;
}
.oa-right2 .imgs img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.oa-right2 .imgs img.active {
	opacity: 1;
}
/**/
.oa-left3 {
	width: 50%;
	float: left;
	vertical-align: top;
	position: relative;
}
.oa-left3 img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
}
.oa-left3 img:nth-of-type(2) {
	z-index: 1;
}
.oa-left3 img:nth-of-type(2), .oa-left3 img:nth-of-type(3) {
	position: absolute;
	top: 0;
	left: 0;
}
.oa-left3 img:nth-of-type(2) {
	-webkit-animation: flicker 1s infinite;
	-moz-animation: flicker 1s infinite;
	-ms-animation: flicker 1s infinite;
	animation: flicker 1s infinite;
}
.oa-left3 img:nth-of-type(3) {
	-webkit-animation: brainbob 3s ease-in-out alternate infinite;
	-moz-animation: brainbob 3s ease-in-out alternate infinite;
	-ms-animation: brainbob 3s ease-in-out alternate infinite;
	animation: brainbob 3s ease-in-out alternate infinite;
}
.oa-right3 {
	width: 50%;
	float: right;
	vertical-align: top;
	padding-left: 4vw;
	padding-top: 4vw;
	box-sizing: border-box;
}
.oa-right3 .desc {
	font-size: 24px;
	color: #108cee;
	line-height: 32px;
	text-align: justify;
}
.oa-right3 .desc:before, .oa-right3 .desc:after {
	content: '';
	width: 32px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}
.oa-right3 .desc:before {
	background-image: url("../images/icon-71.png");
	margin-bottom: 10px;
}
.oa-right3 .desc:after {
	background-image: url("../images/icon-81.png");
	margin-top: 10px;
	margin-left: calc(100% - 32px);
}
.oa-right3 .tab_title {
	text-align: center;
	margin-top: 30px;
	border-bottom: 1px solid #e6e6e6;
}
.oa-right3 .tab_title li {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #808080;
	line-height: 28px;
	padding: 0 15px 25px 15px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
}
.oa-right3 .tab_title li:after {
	content: '';
	width: 17px;
	height: 9px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../images/icon-91.png");
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -8px;
	opacity: 0;
}
.oa-right3 .tab_title li.active {
	color: #108cee;
	font-size: 20px;
}
.oa-right3 .tab_title li.active:after {
	opacity: 1;
}
.oa-right3 .tab_content {
	margin: 30px 0;
}
.oa-right3 .tab_content .item {
	font-size: 16px;
	line-height: 2;
	color: #808080;
	display: none;
	position: relative;
	opacity: 0;
	-webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	-moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	-ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.oa-right3 .tab_content .item.active {
	display: block;
	opacity: 1;
}
@-webkit-keyframes o-upfade-top {
  0% {
    opacity: 0;
    top: 50px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes o-upfade-top {
  0% {
    opacity: 0;
    top: 50px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes brainbob {
  from {
    transform: translateY(10px) rotate(-2deg);
  }
  to {
    transform: translateY(-30px) rotate(0deg);
  }
}
@keyframes brainbob {
  from {
    transform: translateY(10px) rotate(-2deg);
  }
  to {
    transform: translateY(-30px) rotate(0deg);
  }
}
@-webkit-keyframes flicker {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  18% {
    opacity: 0;
  }
  19% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  61% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  71% {
    opacity: 1;
  }
  72% {
    opacity: 0;
  }
}
@keyframes flicker {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  18% {
    opacity: 0;
  }
  19% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  61% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  71% {
    opacity: 1;
  }
  72% {
    opacity: 0;
  }
}
/**/
.oa-left4 {
	width: 33.33%;
	padding-top: 50px;
	position: relative;
	z-index: 2;
}
.oa-left4 .tab_title {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	font-size: 0;
}
.oa-left4 .tab_title li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 76px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	margin:0;
}
.oa-left4 .tab_title li:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 3px;
	background: #00fac5;
	transform-origin: left bottom;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
}
.oa-left4 .tab_title li.active {
	font-size: 24px;
	background:none;
}
.oa-left4 .tab_title li.active:after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.oa-left4 .tab_title li.active, .oa-left4 .tab_title li:hover {
	background:none;
}
.oa-left4 .tab_title li.active:hover, .oa-left4 .tab_title li:hover:after {
	display: blcok;
}
.oa-left4 .tab_content {
	margin-top: 3vw;
}
.oa-left4 .tab_content .item {
	display: none;
	width:100%;
}
.oa-left4 .tab_content .item.active {
	display: block;
}
.oa-left4 .tab_content h3 {
	font-size: 24px!important;
	color: #fff!important;
	position: relative;
	opacity: 0;
	text-align:left;
	-webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	-moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	-ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.oa-left4 .tab_content p {
	font-size: 16px;
	line-height: 2;
	color: #fff;
	margin: 20px 0 3vw;
	position: relative;
	opacity: 0;
	text-align:left;
	-webkit-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	-moz-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	-ms-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.oa-right4 {
	position: absolute;
	top: 0;
	left: 150%;
	width: 600px;
	height: 400px;
}
.oa-right4 .item {
	display: none;
	position: relative;
}
.oa-right4 .item.active {
	display: block;
}
.oa-right4 .item img {
	position: absolute;
}
.oa-right4 .item:nth-of-type(1) {
	width: 90%;
	height: 100%;
}
.oa-right4 .item:nth-of-type(1) .img1 {
	width: 83.8%;
	right: 0;
	top: 14.8%;
	-webkit-animation: ro4 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: ro4 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: ro4 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: ro4 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.oa-right4 .item:nth-of-type(1) .img2 {
	width: 52.74%;
	left: 22.43%;
	top: 0%;
}
.oa-right4 .item:nth-of-type(1) .img3 {
	width: 61.86%;
	left: 16%;
	top: 20.5%;
}
.oa-right4 .item:nth-of-type(1) .img4 {
	width: 87.2%;
	left: 0;
	top: 17%;
	-webkit-animation: ro1 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: ro1 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: ro1 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: ro1 4.2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.oa-right4 .item:nth-of-type(2) {
	width: 70%;
	height: 100%;
}
.oa-right4 .item:nth-of-type(2) .img1 {
	width: 91.24%;
	right: 4.86%;
	top: 60%;
	-webkit-animation: ro1 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: ro1 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: ro1 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: ro1 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.oa-right4 .item:nth-of-type(2) .img2 {
	width: 100%;
	right: 0;
	top: 65%;
	-webkit-animation: ro2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: ro2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: ro2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: ro2 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.oa-right4 .item:nth-of-type(2) .img3 {
	width: 50.24%;
	right: 26.58%;
	top: 63%;
	-webkit-animation: ro3 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: ro3 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: ro3 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: ro3 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.oa-right4 .item:nth-of-type(2) .img4 {
	width: 88.97%;
	right: 7.3%;
	top: 10%;
}
.oa-right4 .item:nth-of-type(2) .img5 {
	width: 60.45%;
	right: 23%;
	top: 0%;
	-webkit-animation: ro4 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-moz-animation: ro4 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	-ms-animation: ro4 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
	animation: ro4 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

@-webkit-keyframes ro1 {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes ro1 {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-webkit-keyframes ro2 {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@keyframes ro2 {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@-webkit-keyframes ro3 {
  0% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@keyframes ro3 {
  0% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@-webkit-keyframes ro4 {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes ro4 {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/**/
.fxy-section {
	background-color: #fff;
	padding: 50px;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 0px rgb(178 211 231 / 50%);
}
.fxy-td {
	margin: 0 -10px;
}
.fxy-td li {
	float: left;
	width: 33.33333%;
	padding: 20px 10px;
	box-sizing: border-box;
	text-align: center;
}
.fxy-td  span {
	display: block;
	height: 120px;
	vertical-align: middle;
}
.fxy-td span img {
	max-height: 100%;
}
.fxy-td  h2 {
	font-size: 18px;
	line-height: 30px;
}
.fxy-td  p {
	padding-top: 10px;
}

.hp-input, .hp-select, .hp-textarea { padding: 6px; outline: none; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 2px; -webkit-border-radius: 2px; transition: all .3s; -webkit-transition: all .3s; }
.hp-input:focus, .hp-textarea:focus, .hp-input-s:focus { border-color:#b6b6b6; }
.hp-btn { background-color: #dd3825; color: #fff; padding: 6px 30px; cursor: pointer; text-transform: uppercase; overflow: visible; border-radius: 2px; -webkit-border-radius: 2px; }
.hp-btn:hover { background-color: #ff1a00; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }