html,
body {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 16px;
	min-width: 1355px;
}

img {
	border: 0 none;
}

a {
	text-decoration: none;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

p {
	margin: 0 auto;
}

* {
	box-sizing: border-box;
	outline: none;
}

.container {
	width: 1355px;
	margin: 0 auto;
	min-height: 1px;
	/* border-left: 1px solid #4AFFFF;
	border-right: 1px solid #4AFFFF; */
}
.container::after {
	content: "";
	display: block;
	clear: both;
}

.smax {
	width: 100%;
	min-width: 1355px;
	background-color: #FFFFFF;
}

/* ������ */
/* ���ù���������ʽ */
::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background-color: #00A0E5;
	background: rgba(188, 0, 0,0);
	border-radius: 20px;
}

/* ������ */
::-webkit-scrollbar-track {
	border-radius: 20px;
	background: linear-gradient(45deg,rgba(228, 115, 75,0.3),rgba(0, 59, 142,0.3),rgba(0, 161, 228,0.3));
}

/* ���������� */
::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background-color: #6F8EC5;
	background: linear-gradient(135deg, rgba(1, 60, 141, 1), rgba(203, 19, 26, 1), rgba(0, 165, 233, 1));
}

/* 导航 */
nav {
	width: 100%;
	height: 153px;
	min-width: 1355px;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
}

nav .top {
	width: 100%;
	height: 120px;
	background-image: url(../images/nav-top-bg.png);
	background-size: cover 100%;
	background-position: center;
}

.top-left {
	height: 120px;
	float: left;
	padding-left: 35px;
	position: relative;
}

.top-left>a {
	display: inline-block;
	height: 100%;
	float: left;
}

.top-left>a img {
	margin-top: 24px;
}

.top-left>img {
	position: absolute;
	left: 210px;
	top: 39px;
}

.nav-left-wz {
	float: left;
	position: relative;
}

.nav-left-wz img {
	display: block;
	position: relative;
	z-index: 2;
}

.nav-left-wz::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-left-wz::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: linear-gradient(135deg, rgba(1, 60, 141, 0.9), rgba(0, 165, 233, 0.9), rgba(203, 19, 26, 0.9), rgba(1, 60, 141, 0.9), rgba(0, 165, 233, 0.9), rgba(203, 19, 26, 0.9));
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.nbtop::after {
	width: 0;
}

.nbtop::before {
	width: 100%;
}

.top-right {
	float: right;
}

.top-right .nav-lx {
	float: right;
	width: 320px;
	height: 120px;
	margin-left: 50px;
	padding-left: 40px;
}

.top-right .nav-lx img {
	margin-top: 40px;
	float: left;
}

.top-right .nav-lx p {
	padding-left: 10px;
}

.top-right .nav-lx .one {
	float: left;
	margin-top: 33px;
	font-size: 0.911875rem;
	color: #EAEAEA;
	letter-spacing: 2.5px;
}

.top-right .nav-lx .two {
	float: left;
	font-size: 1.625rem;
	color: #EAEAEA;
}

.top-right>a {
	float: right;
	display: inline-block;
	height: 120px;
	position: relative;
	color: #FFFFFF;
	font-size: 0.75rem;
	width: 110px;
}

.top-right>a img {
	position: absolute;
	top: 36px;
	left: 39.5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.top-right>a img:nth-child(1) {}

.top-right>a img:nth-child(2) {
	opacity: 0;
}

.top-right>a p {
	width: 100%;
	margin-top: 67px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.top-right>a:hover {
	color: #CA0F3E;
}

.top-right>a:hover img:nth-child(1) {
	opacity: 0;
	left: 30px;
}

.top-right>a:hover img:nth-child(2) {
	opacity: 1;
	left: 40px;
}

/* 导航-菜单 */
nav .nav {
	width: 100%;
	height: 33px;
	background-color: rgba(0, 0, 0, 0.2);
	text-align: center;
}

.scrrol .nav {
	background-color: rgba(0, 0, 0, 0.5);
}

nav .nav>ul {
	display: inline-block;
	margin: 0 auto;
}

nav .nav>ul>li {
	float: left;
}

nav .nav>ul>li>a {
	color: #FFFFFF;
	display: inline-block;
	height: 100%;
	padding: 0 62.5px;
	width: 100%;
	font-size: 0.875rem;
	line-height: 33px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

nav .nav>ul>li>a:hover {
	/* color: #DD1136; */
	font-weight: 600;
	background-color: rgba(0, 0, 0, 0.3);
}

/* footer */
footer {
	width: 100%;
	height: 296px;
	background-color: #000000;
	padding-top: 32px;
}
footer .container {
	overflow: hidden;
}

.fot-2 {
	width: 100%;
	margin-top: 30px;
}

.fot-2 p {
	font-size: 0.875rem;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.fot-2 a {
	display: inline-block;
	font-size: 0.75rem;
	color: #D6D6D6;
	margin-right: 15px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}

.fot-2 a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 0;
	height: 1px;
	background-color: #FFFFFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.fot-2 a:hover {
	color: #FFFFFF;
}

.fot-2 a:hover::before {
	width: 100%;
}

.fot-1 {
	width: 100%;
	height: 105px;
}

.fot-lef {
	float: left;
	padding-top: 15px;
	width: 600px;
}

.fot-lef>a {
	display: inline-block;
	float: left;
}

.fot-det {
	width: 533px;
	padding-left: 15px;
	float: left;
}

.fot-det>a {
	float: left;
	font-size: 0.875rem;
	color: #FFFFFF;
	padding: 0 10px;
	position: relative;
}

.fot-det>a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 18%;
	height: 70%;
	width: 1px;
	background-color: #FFFFFF;
}

.fot-det>a:first-child {
	padding-left: 0;
}

.fot-det>a:first-child::before {
	display: none;
}

.fot-det>a::after {
	content: "";
	position: absolute;
	right: 40%;
	top: 70%;
	width: 20%;
	height: 2px;
	opacity: 0;
	background-color: #FFFFFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.fot-det>a:hover::after {
	top: 110%;
	opacity: 1;
	right: 15%;
	width: 70%;
}

.fot-det p {
	display: inline-block;
	width: 100%;
	color: #D6D6D6;
	font-size: 0.75rem;
	line-height: 1.5;
}

.fot-det p:nth-child(6) {
	margin-top: 0.7rem;
}

.fot-det p a {
	color: #FFFFFF;
	position: relative;
}

.fot-det p a::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 1px;
	background-color: #FFFFFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.fot-det p a::after {
	content: "";
	position: absolute;
	right: 50%;
	top: 100%;
	width: 0;
	height: 1px;
	background-color: #FFFFFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.fot-det p a:hover::before,
.fot-det p a:hover::after {
	width: 50%;
}

.fot-det p a:hover {
	color: #FFFFFF;
}

.fot-rig {
	float: right;
	width: 755px;
}

.fot-rig>a {
	float: right;
	margin-left: 15px;
}

.fot-rig>a:hover {
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.5);
}

.fot-rig .lian {
	float: left;
	padding-left: 100px;
}

.fot-rig .lian a {
	float: left;
	width: 110px;
	color: #FFFFFF;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.fot-rig .lian a img {
	position: absolute;
	top: 36px;
	left: 39.5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.fot-rig .lian a img:nth-child(2) {
	top: 36px;
	opacity: 0;
}

.fot-rig .lian a p {
	width: 100%;
	margin-top: 67px;
	text-align: center;
	font-size: 0.75rem;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.fot-rig .lian a:hover {
	color: #CA0F3E;
}

.fot-rig .lian a:hover img:nth-child(1) {
	top: 0;
	opacity: 0;
}

.fot-rig .lian a:hover img:nth-child(2) {
	top: 36px;
	opacity: 1;
}

/* 数据 */
.shuju {
	width: 100%;
	height: 242px;
	background-color: #DD1136;
	padding: 20px 0;
	overflow: hidden;
}

.shuju ul {
	display: inline-block;
	width: 100%;
	height: 202px;
}

.shuju ul li {
	width: 33.33%;
	float: left;
	height: 100%;
	border-right: 1px solid #E73857;
	color: #FFFFFF;
	text-align: center;
	transform: translate(0, 200px);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	opacity: 0;
}

.shuju ul li:nth-child(2) {
	transition-delay: 0.1s;
}

.shuju ul li:last-child {
	border: none;
	transition-delay: 0.2s;
}

.shuju ul li img {
	margin-top: 10px;
}

.shuju ul li p:nth-child(2) {
	font-size: 1.375rem;
	margin: 0;
	height: 130px;
	line-height: 130px;
}

.shuju ul li p:nth-child(2) span {
	font-size: 7.1875rem;
	display: inline-block;
	height: 130px;
	overflow: hidden;
}

.shuju ul li p:nth-child(3) {
	font-size: 1.25rem;
	margin: 0;
}

.started .shuju-anima ul li {
	transform: translate(0, 0);
	opacity: 1;
}

/* 七大理由 */
.liyou {
	width: 100%;
	height: 653px;
	background-image: url(../images/qida.png);
	background-position: center;
	position: relative;
}

.liyou .container {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 5;
	height: 100%;
}

.liyou .container>img,
.liyou .container>a {
	position: absolute;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
	outline: none;
}

/* wz */
.liyou .container>img:nth-child(1) {
	left: 113px;
	top: 115px;
	transition-delay: 0;
}

.liyou .container>img:nth-child(2) {
	left: 167px;
	top: 231px;
	transition-delay: 0;
}

.liyou .container>img:nth-child(3) {
	left: 177px;
	top: 289px;
	transition-delay: 0;
}

.liyou .container>img:nth-child(4) {
	left: 251px;
	top: 257px;
	transition-delay: 0;
}

.liyou .container>img:nth-child(5) {
	left: 244px;
	top: 329px;
	transition-delay: 0;
}

/* jiuda */
.liyou .container>a:nth-child(6) {
	left: 500px;
	top: 152px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(7) {
	left: 667px;
	top: 152px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(8) {
	left: 836px;
	top: 152px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(9) {
	left: 1004px;
	top: 152px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(10) {
	left: 416px;
	top: 297px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(11) {
	left: 584px;
	top: 297px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(12) {
	left: 753px;
	top: 297px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(13) {
	left: 920px;
	top: 297px;
	transition-delay: 0;
}

.liyou .container>a:nth-child(14) {
	left: 1089px;
	top: 297px;
	transition-delay: 0;
}

.liyou .container>a {
	display: inline-block;
	width: 164px;
	height: 190px;
}

.liyou .container>a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	height: 90px;
	box-shadow: -10px 0px 10px 5px rgba(0, 0, 0, 0.5);
	transform: translate(0, 0) rotate(-60deg);
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.liyou .container>a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	height: 90px;
	box-shadow: 10px 0 10px 5px rgba(0, 0, 0, 0.5);
	transform: translate(0, 0) rotate(60deg);
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.liyou .container>a div {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	height: 90px;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.5);
	transform: translate(0, 0) rotate(0);
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}

.liyou .container>a img {
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 3;
}

.liyou .container>a:hover {
	z-index: 6;
}

.liyou .container>a:hover::before,
.liyou .container>a:hover::after,
.liyou .container>a:hover div {
	opacity: 1;
	margin-top: -10px;
}

.liyou .container>a:hover img {
	transform: translate(0, -10px);
}


/* 资质 */
.ziz {
	width: 100%;
	height: 835px;
	background-image: url(../images/ziz.png);
	background-position: center;
}

.ziz .det {
	width: 750px;
	height: 360px;
	padding-top: 90px;
	padding-left: 22px;
	position: relative;
}

.ziz .det>span {
	font-size: 2.5rem;
	color: #013B8D;
	font-weight: 600;
	display: inline-block;
	width: 100%;
}

.ziz .det img {
	position: absolute;
	left: 22px;
	top: 172px;
}

.ziz .det img:nth-child(3) {
	left: 347px;
	top: 157px;
}

.ziz .det>p {
	display: inline-block;
	min-width: 280px;
	font-size: 1.25rem;
	color: #000000;
	background-image: url(../images/zz-bg.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
	line-height: 3;
}

.ziz .det>p:nth-child(4) {
	margin-top: 84px;
}

.ziz .det .xian {
	display: inline-block;
	height: 2px;
	width: 30vw;
	position: absolute;
	right: 100%;
	top: 120px;
}

.ziz .det .xian::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background-color: #FF0000;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
}

.ziz .started .det .xian::before {
	width: 100%;
}

/* 荣誉证书 */
.ziz .container {
	position: relative;
	height: 100%;
}

.ziz .container>img {
	position: absolute;
}

.ziz .container>img:hover {
	z-index: 25;
	cursor: pointer;
}

.ziz .nl {
	left: 6px;
	top: 450px;
	cursor: pointer;
}

/* 荣誉证书第一�?*/
.ziz .zs1-1 {
	left: 870px;
	top: 166px;
}

.ziz .zs1-2 {
	left: 1122px;
	top: 77px;
}

/* 荣誉证书第二�?*/
.ziz .zs2-1 {
	top: 388px;
	left: 546px;
}

.ziz .zs2-2 {
	top: 538px;
	left: 339px;
}

/* 荣誉证书第三�?*/
.ziz .zs3-1 {
	left: 863px;
	top: 514px;
}

.ziz .zs3-2 {
	left: 1147px;
	top: 513px;
}

.ziz .zs3-3 {
	top: 488px;
	left: 989px;
}

/* 讯迈能为你做什�?*/
.smax-can {
	width: 100%;
	height: 731px;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	background-color: #FFFFFF;
}

.smax-can::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 128px;
	background-color: #F6F6F6;
}

.bt-one {
	text-align: center;
	height: 96px;
	background-image: url(../images/can-bt-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	margin-bottom: 81px;
}

.bt-one p:nth-child(1) {
	font-size: 2.25rem;
	color: #1D1D1D;
	position: relative;
	z-index: 5;
}

.bt-one p:nth-child(1) span {
	font-size: 3rem;
	color: #DF143F;
	display: inline-block;
	margin-right: 15px;
}

.bt-one img {
	position: absolute;
	top: 42px;
	transform: translate(-50%, 0);
}

.bt-one p:last-child {
	width: 100%;
	font-size: 1.125rem;
	color: #242424;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 110%;
	letter-spacing: 0.3rem;
}

.can {
	width: 100%;
	height: 440px;
}

.can li {
	position: relative;
	z-index: 15;
	float: left;
	height: 100%;
	width: 25%;
	background-color: #FFFFFF;
	/* border: 4px solid #F1F1F1; */
	padding: 4px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 8px);
	border-top: 4px solid #F1F1F1;
	border-bottom: 4px solid #F1F1F1;
	transform: translate(0, 0) scale(1, 1);
	opacity: 1;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.can li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 8px);
	height: 100%;
	border-left: 4px solid #F1F1F1;
	border-right: 4px solid #F1F1F1;
	transform: translate(0, 0) scale(1, 1);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .top {
	width: 100%;
	height: 178px;
	margin-top: 0;
	background-color: #FC5B4D;
	
	/* background: none!important; */
	background-image: url(../images/can1-bg.png);
	background-position: center top;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .top::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 33px solid transparent;
	border-left: 165px solid #FFFFFF;
	border-bottom: 0px solid transparent;
	z-index: 25;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .top::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 33px solid transparent;
	border-right: 165px solid #FFFFFF;
	border-bottom: 0px solid transparent;
	z-index: 25;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .top a {
	display: inline-block;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 20px;
	margin-top: 25px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 5;
	transform: translate(0, 0) rotate(45deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .top p {
	font-weight: 600;
	font-size: 1.5rem;
	color: #FFFFFF;
	margin-top: 10px;
	position: relative;
	z-index: 5;
	font-style: italic;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .top a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .top a img:nth-child(2) {
	opacity: 0;
	transform: translate(30px, -50%) rotate(-45deg);
}

.can li .top canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.can li .cont {
	padding-top: 10px;
	text-align: center;
	position: relative;
	z-index: 5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .cont .bt {
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .cont .bt span {
	font-size: 1.375rem;
	color: #000000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .cont .bt p:nth-child(2) {
	font-size: 0.875rem;
	color: #DDDDDD;
	margin: 5px 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .cont .bt p:nth-child(3) {
	font-size: 0.75rem;
	color: #565656;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .cont .lian {
	width: 100%;
	padding: 25px 20px;
	text-align: left;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .cont .lian a {
	display: inline-block;
	float: left;
	min-width: 33.33%;
	line-height: 2;
	padding-left: 15px;
	font-size: 0.9375rem;
	color: #323232;
	transform: translate(0, 0);
	background: url(../images/can-li-a.png) no-repeat left center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.can li .cont>a {
	display: inline-block;
	width: 160px;
	height: 38px;
	font-size: 0.875rem;
	color: #FFFFFF;
	line-height: 38px;
	border-radius: 5px;
	position: relative;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
	transform: translate(0, 0);
	box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
		7px 7px 20px 0px rgba(0, 0, 0, .1),
		4px 4px 5px 0px rgba(0, 0, 0, .1);
	outline: none;
}

.can li:nth-child(1) .cont>a {
	background-color: rgb(255, 27, 0);
	background: linear-gradient(0deg, rgba(255, 27, 0, 1) 0%, rgba(251, 75, 2, 1) 100%);
}

.can li:nth-child(1) .cont>a:hover {
	color: #f0094a;
	background: transparent;
	box-shadow: none;
}

.can li:nth-child(1) .cont>a:before,
.can li:nth-child(1) .cont>a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	width: 0;
	background: #f0094a;
	box-shadow:
		-1px -1px 5px 0px #fff,
		7px 7px 20px 0px #0003,
		4px 4px 5px 0px #0002;
	transition: 400ms ease all;
}

.can li:nth-child(1) .cont>a:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}

.can li:nth-child(1) .cont>a:hover:before,
.can li:nth-child(1) .cont>a:hover:after {
	width: 100%;
	transition: 800ms ease all;
}


.can li:nth-child(2) .top {
	background-color: #FEA63E;
	background-image: url(../images/can2-bg.png);
}

.can li:nth-child(3) .top {
	background-color: #AECB6A;
	background-image: url(../images/can3-bg.png);
}

.can li:nth-child(4) .top {
	background-color: #88AFE6;
	background-image: url(../images/can4-bg.png);
}

.can li:nth-child(2) .cont>a {
	background: linear-gradient(0deg, rgba(255, 151, 0, 1) 0%, rgba(251, 75, 2, 1) 100%);
	line-height: 42px;
	padding: 0;
	border: none;
}

.can li:nth-child(2) .cont>a span {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.can li:nth-child(2) .cont>a:before,
.can li:nth-child(2) .cont>a:after {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	background: rgba(255, 140, 39, 1);
	box-shadow:
		-7px -7px 20px 0px rgba(255, 255, 255, .9),
		-4px -4px 5px 0px rgba(255, 255, 255, .9),
		7px 7px 20px 0px rgba(0, 0, 0, .2),
		4px 4px 5px 0px rgba(0, 0, 0, .3);
	transition: all 0.3s ease;
}

.can li:nth-child(2) .cont>a:before {
	height: 0%;
	width: 2px;
}

.can li:nth-child(2) .cont>a:after {
	width: 0%;
	height: 2px;
}

.can li:nth-child(2) .cont>a:hover {
	color: rgba(251, 75, 2, 1);
	background: transparent;
}

.can li:nth-child(2) .cont>a:hover:before {
	height: 100%;
}

.can li:nth-child(2) .cont>a:hover:after {
	width: 100%;
}

.can li:nth-child(2) .cont>a span:before,
.can li:nth-child(2) .cont>a span:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: rgba(255, 140, 39, 1);
	box-shadow:
		-7px -7px 20px 0px rgba(255, 255, 255, .9),
		-4px -4px 5px 0px rgba(255, 255, 255, .9),
		7px 7px 20px 0px rgba(0, 0, 0, .2),
		4px 4px 5px 0px rgba(0, 0, 0, .3);
	transition: all 0.3s ease;
}

.can li:nth-child(2) .cont>a span:before {
	width: 2px;
	height: 0%;
}

.can li:nth-child(2) .cont>a span:after {
	height: 2px;
	width: 0%;
}

.can li:nth-child(2) .cont>a span:hover:before {
	height: 100%;
}

.can li:nth-child(2) .cont>a span:hover:after {
	width: 100%;
}

.can li:nth-child(3) .cont>a {
	background-color: #AECB6A;
}

.can li:nth-child(3) .cont>a {
	background-color: #AECB6A;
	background-image: linear-gradient(315deg, #89d8d3 0%, #AECB6A 74%);
	border: none;
	z-index: 1;
}

.can li:nth-child(3) .cont>a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;
	background-color: #4dccc6;
	background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);
	box-shadow:
		-7px -7px 20px 0px #fff9,
		-4px -4px 5px 0px #fff9,
		7px 7px 20px 0px #0002,
		4px 4px 5px 0px #0001;
	transition: all 0.3s ease;
}

.can li:nth-child(3) .cont>a:hover {
	color: #fff;
}

.can li:nth-child(3) .cont>a:hover:after {
	top: 0;
	height: 100%;
}

.can li:nth-child(3) .cont>a:active {
	top: 2px;
}

.can li:nth-child(4) .cont>a {
	background: none;
}

.can li:nth-child(4) .cont>a {
	position: relative;
	border: none;
	box-shadow: none;
	width: 160px;
	height: 38px;
	line-height: 42px;
	-webkit-perspective: 230px;
	perspective: 230px;
}

.can li:nth-child(4) .cont>a span {
	background: rgb(0, 172, 238);
	background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%);
	display: block;
	position: absolute;
	width: 160px;
	height: 38px;
	box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
		7px 7px 20px 0px rgba(0, 0, 0, .1),
		4px 4px 5px 0px rgba(0, 0, 0, .1);
	border-radius: 5px;
	margin: 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.can li:nth-child(4) .cont>a span:nth-child(1) {
	box-shadow:
		-7px -7px 20px 0px #fff9,
		-4px -4px 5px 0px #fff9,
		7px 7px 20px 0px #0002,
		4px 4px 5px 0px #0001;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}

.can li:nth-child(4) .cont>a span:nth-child(2) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}

.can li:nth-child(4) .cont>a:hover span:nth-child(1) {
	box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
		7px 7px 20px 0px rgba(0, 0, 0, .1),
		4px 4px 5px 0px rgba(0, 0, 0, .1);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.can li:nth-child(4) .cont>a:hover span:nth-child(2) {
	box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
		7px 7px 20px 0px rgba(0, 0, 0, .1),
		4px 4px 5px 0px rgba(0, 0, 0, .1);
	color: transparent;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


.can .on {
	background-color: transparent;
	border: none;
}

.can .on::before {
	transform: translate(0, 50px) scale(0, 0.8);
}

.can .on::after {
	opacity: 0;
	transform: translate(0, 50px) scale(1, 0);
}

.can .on .top {
	margin-top: 50px;
	background: #FFFFFF !important;
}

.can .on .top canvas {
	opacity: 0;
}

.can .on .top a {
	background-color: #FC5B4D;
}

.can .on:nth-child(2) .top a {
	background-color: #FEA63E;
}

.can .on:nth-child(3) .top a {
	background-color: #AECB6A;
}

.can .on:nth-child(4) .top a {
	background-color: #88AFE6;
}

.can .on .top p {
	color: #FC5B4D;
}

.can .on:nth-child(2) .top p {
	color: #FEA63E;
}

.can .on:nth-child(3) .top p {
	color: #AECB6A;
}

.can .on:nth-child(4) .top p {
	color: #88AFE6;
}

.can .on .top a img:nth-child(1) {
	opacity: 0;
	transform: translate(-30px, -50%) rotate(-45deg);
}

.can .on .top a img:nth-child(2) {
	opacity: 1;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.can .on .cont .bt p:nth-child(3) {
	opacity: 0;
}

.can .on .cont {
	padding-top: 0;
}

.can .on .cont .lian {
	transform: translate(0, 50px);
	opacity: 0;
}

.can .on .cont>a {
	transform: translate(0, 50px);
	opacity: 0;
}

.case {
	width: 100%;
	background-color: #FFFFFF;
}

.case {
	padding-top: 80px;
}

.bt-two {
	height: 120px;
	margin-bottom: 100px;
}

.bt-two p:nth-child(3) {
	margin-top: 15px;
	font-size: 1rem;
	color: #242424;
}

.bt-two p:last-child {
	letter-spacing: 0;
	font-size: 1rem;
}

/* 案例一 */
.case-one {
	width: 100%;
	height: 823px;
	position: relative;
	overflow: hidden;
	background: url(../images/case-one-bg.png) no-repeat center center;
}

.case-one .container {
	position: relative;
	height: 100%;
	padding-top: 50px;
}

.case-one .container::after {
	content: "";
	position: absolute;
	bottom: 1px;
	right: -152px;
	width: 0;
	height: 0;
	border-top: 751px solid transparent;
	border-left: 1829px solid #CA0F3E;
	border-bottom: 0px solid transparent;
	z-index: 5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	/* transform: translate(500px,0); */
}

.case-one .started::after {
	/* transform: translate(0,0); */
}

.case-one .one {
	position: absolute;
	top: 117px;
	width: 192px;
	height: 192px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	left: -192px;
	opacity: 0;
}

/* .case-one .one::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 99%;
	height: 98%;
	border-radius: 50%;
	border: 1px solid #CA0F3E;
} */
.case-one .one .one-1 {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.case-one .one .one-2 {
	position: absolute;
	left: 50%;
	top: 43px;
	z-index: 6;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	transition: all 2s;
	opacity: 0;
	transform: translate(-50%, 0);
}

.case-one .one .one-3 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
	transform: rotate(-360deg);
}

.case-one .one .one-4 {
	position: absolute;
	left: 182px;
	bottom: 155px;
	z-index: 4;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	width: 0;
	height: 0;
}

.case-one .started .one {
	left: 0;
	opacity: 1;
}

.case-one .started .one-2 {
	opacity: 1;
}

.case-one .started .one-3 {
	transition-delay: 0.5s;
	transform: rotate(0deg);
}

.case-one .started .one-4 {
	transition-delay: 2s;
	width: 503px;
	height: 43px;
}

.case-one .bt {
	margin-left: 250px;
	width: 430px;
	position: relative;
	float: left;
	z-index: 6;
}

.case-one .bt .bt-top {
	overflow: hidden;
}

.case-one .bt a {
	color: #FFFFFF;
	font-size: 1rem;
	display: inline-block;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	transform: translate(0, 100px);
}

.case-one .bt a:nth-child(2) {
	margin-left: 20px;
}

.case-one .bt .bt-bot {
	margin-top: 20px;
	padding: 0 5px;
}

.case-one .bt .bt-bot p {
	font-size: 0.8125rem;
	color: #FFFFFF;
	line-height: 1.8;
}

.case-one .started .bt a {
	transition-delay: 2.5s;
	transform: translate(0, 0);
}

.case-one .more {
	float: right;
	font-size: 1rem;
	color: #FFFFFF;
	display: inline-block;
	margin-top: 30px;
	position: relative;
	z-index: 6;
}

.case-one .container>a img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.case-one .container>a img:hover {
	transform: scale(0.95, 0.95);
}

.case-one .co-1 {
	position: absolute;
	left: 52px;
	top: 335px;
	z-index: 10;
}

.case-one .co-2 {
	position: absolute;
	left: 589px;
	top: 215px;
	z-index: 9;
}

.case-one .co-3 {
	position: absolute;
	left: 863px;
	top: 189px;
	z-index: 8;
}

.case-one .co-4 {
	position: absolute;
	right: -8px;
	top: 165px;
	z-index: 7;
}

/* 案例�?*/
.case-two {
	background-color: #F6F6F6;
	width: 100%;
	height: 851px;
	overflow: hidden;
	position: relative;
}

.case-two .container {
	position: relative;
	height: 100%;
}

.case-two .bt {
	width: 590px;
	height: 230px;
	position: relative;
	float: left;
}

.case-two .bt>span {
	position: absolute;
	display: inline-block;
	background-color: #DF143F;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.case-two .bt .x1 {
	width: 3px;
	left: 50px;
	top: 0;
	height: 0%;
}

.case-two .bt .x2 {
	bottom: 0;
	height: 3px;
	right: 540px;
	width: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.case-two .bt .x3 {
	left: 0;
	bottom: 0;
	width: 3px;
	height: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.case-two .bt .x4 {
	bottom: 53px;
	left: 0;
	height: 3px;
	width: 0%;
}

.case-two .started .bt .x1 {
	transition-delay: 0s;
	height: 100%;
}

.case-two .started .bt .x2 {
	transition-delay: 0.5s;
	width: 50px;
}

.case-two .started .bt .x3 {
	transition-delay: 0.8s;
	height: 53px;
}

.case-two .started .bt .x4 {
	transition-delay: 1.1s;
	width: 100%;
}

.case-two .bt-top {
	margin-left: 53px;
	width: 545px;
	height: 174px;
	overflow: hidden;
}

.case-two .bt-top img {
	display: inline-block;
}

.case-two .bt-top>img {
	margin-top: 40px;
	margin-left: 47px;
}

.case-two .bt-top a {
	margin-left: 40px;
}


.case-two .bt-bot {
	overflow: hidden;
	margin-left: 53px;
	margin-top: 3px;
	width: 537px;
	height: 53px;
	line-height: 53px;
}

.case-two .bt-bot p {
	font-size: 1.125rem;
	color: #000000;
	text-align: right;
	letter-spacing: 0.3rem;
}

.case-two .bt-bot p span {
	font-size: 1.375rem;
	color: #CD1440;
	font-weight: 600;
}

.case-two .more {
	float: right;
	font-size: 1rem;
	color: #1A1717;
	display: inline-block;
	margin-top: 90px;
}

.case-two .co-1,
.case-two .co-2,
.case-two .co-3,
.case-two .co-4 {
	position: absolute;
}

.case-two .co-1 {
	left: 71px;
	top: 374px;
	z-index: 2;
}

.case-two .co-2 {
	left: 557px;
	top: 168px;
	z-index: 3;
}

.case-two .co-3 {
	left: 747px;
	bottom: 30px;
	z-index: 5;
}

.case-two .co-4 {
	left: 830px;
	bottom: 30px;
	z-index: 4;
}

/* 案例�?*/
.case-three {
	width: 100%;
	height: 822px;
	overflow: hidden;
	background-image: url(../images/case-three-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.case-three .container {
	position: relative;
	height: 100%;
	padding-top: 50px;
}

.case-three .three {
	width: 192px;
	height: 192px;
	position: absolute;
	right: 300px;
	top: 58px;
	opacity: 0;
	transform: translate(100px, 0);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.case-three .three .the-1 {
	position: absolute;
	left: 25.5px;
	top: 38.5px;
}

.case-three .three .the-2 {
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	transition: all 0.8s;
}

.case-three .three .the-3 {
	position: absolute;
	right: 194px;
	bottom: 78px;
	width: 0;
	height: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.case-three .started .three {
	transition-delay: 0.5s;
	transform: translate(0, 0);
	opacity: 1;
}

.case-three .started .three .the-2 {
	transition-delay: 1s;
	opacity: 1;
	transform: translate(-50%, -50%);
}

.case-three .started .three .the-3 {
	transition-delay: 1.5s;
	width: 854px;
	height: 43px;
}

.case-three .bt {
	width: 660px;
	height: 180px;
	float: left;
}

.case-three .bt-top {
	width: 100%;
	height: 80px;
	overflow: hidden;
}

.case-three .bt-top a {
	display: inline-block;
	margin-top: 8px;
	float: left;
}

.case-three .bt-top a:last-child {
	margin-top: 45px;
	margin-left: 30px;
	font-size: 1.125rem;
	color: #FFFFFF;
}

.case-three .bt-bot {
	width: 450px;
	height: 94px;
	padding: 0 10px;
	margin-top: 15px;
	overflow: hidden;
}

.case-three .bt-bot p {
	font-size: 0.8125rem;
	color: #F5E9E9;
	line-height: 2;
	letter-spacing: 0.1rem;
}

.case-three .more {
	display: inline-block;
	float: right;
	font-size: 1rem;
	color: #FFFFFF;
	margin-top: 60px;
}

.case-three .co-1,
.case-three .co-2,
.case-three .co-3,
.case-three .co-4,
.case-three .co-5 {
	position: absolute;
}

.case-three .co-1 {
	left: -77px;
	top: 484px;
	z-index: 3;
}

.case-three .co-2 {
	left: 105px;
	top: 319px;
	z-index: 2;
}

.case-three .co-3 {
	left: 701px;
	top: 343px;
}

.case-three .co-4 {
	right: -36px;
	top: 246px;
	z-index: 2;
}

.case-three .co-5 {
	left: 1285px;
	top: 172px;
}

/* 手机案例 */
.case-four {
	height: 974px;
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
}

.case-four .container {
	position: relative;
	height: 100%;
}

.case-four .bt {
	width: 530px;
	height: 230px;
	float: right;
	position: relative;
}

.case-four .bt>span {
	position: absolute;
	display: inline-block;
	background-color: #DF143F;
	width: 3px;
	height: 3px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.case-four .bt .x1 {
	top: 0;
	right: 50px;
	height: 0%;
}

.case-four .bt .x2 {
	left: 480px;
	bottom: 0;
	width: 0px;
}

.case-four .bt .x3 {
	right: 0;
	bottom: 0;
	height: 0px;
}

.case-four .bt .x4 {
	right: 0;
	width: 0%;
	bottom: 50px;
}

.case-four .bt .wz {
	width: 480px;
	height: 130px;
	margin-top: 50px;
	overflow: hidden;
}

.case-four .started .x1 {
	height: 100%;
}

.case-four .started .x2 {
	width: 50px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	transition: all 0.1s;
	transition-delay: 0.5s;
}

.case-four .started .x3 {
	height: 50px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	transition: all 0.1s;
	transition-delay: 0.6s;
}

.case-four .started .x4 {
	width: 100%;
	transition-delay: 0.7s;
}



.case-four .bt .wz span {
	display: inline-block;
	font-size: 2.25rem;
	color: #010101;
	line-height: 4;
	float: right;
	margin-right: 25px;
}

.case-four .bt .wz img {
	display: inline-block;
	float: right;
	margin-right: 30px;
	margin-top: 15px;
}

/* case-four-lun */
.case-lun {
	width: 100%;
	height: 654px;
	position: absolute;
	top: 233px;
	left: 0;
	overflow: hidden;
}

.case-lun .swiper-container {
	padding-top: 30px;
	width: 100%;
	height: 100%;
}

.case-lun .swiper-slide {
	height: 545px;
	background-image: url(../images/case-lun-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.case-lun .swiper-slide:hover {
	transform: translate(0, -20px);
}

.case-lun .swiper-slide a {
	display: inline-block;
	height: 416px;
	width: 256px;
	background-image: linear-gradient(180deg, #F8F8F8, #F1F1F1);
	position: absolute;
	left: 50%;
	top: 11.6%;
	transform: translate(-50%, 0);
	overflow: hidden;
}

.case-lun .swiper-slide a img {
	max-width: 100%;
	max-height: 100%;
}

#swiper2 .swiper-pagination {}

#swiper2 .swiper-pagination span {
	width: 6px;
	height: 6px;
}

#swiper2 .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #003B8E;
}

#swiper2 .prev {
	position: absolute;
	bottom: 4px;
	cursor: pointer;
	z-index: 10;
	left: 50%;
	transform: translate(calc(-50% - 55px), 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.3;
}

#swiper2 .next {
	position: absolute;
	bottom: 4px;
	cursor: pointer;
	z-index: 10;
	left: 50%;
	transform: translate(calc(-50% + 55px), 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.3;
}

#swiper2 .prev:hover,
#swiper2 .next:hover {
	opacity: 1;
}


/* 资讯 */
.zixun {
	width: 100%;
	height: 802px;
	background-color: #FFFFFF;
	background-image: url(../images/zx.png);
	background-attachment: fixed;
	background-position: center;
	padding-top: 87px;
}

.bt-three {
	height: 104px;
	margin-bottom: 33px;
}

.bt-three img {
	top: 30px;
}

.bt-three p:nth-child(3) {
	margin-top: 15px;
	font-size: 0.875rem;
	color: #848484;
}

.zx-top {
	width: 100%;
	height: 45px;
	margin-bottom: 40px;
	text-align: center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	opacity: 0;
}

.zixun .started .zx-top {
	transition-delay: 0.3s;
	opacity: 1;
}

.zx-top ul {
	display: inline-block;
	height: 100%;
}

.zx-top ul li {
	width: 148px;
	height: 45px;
	float: left;
	margin-right: 4px;
	background-color: #3A3A3A;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.zx-top ul li a {
	font-size: 1.25rem;
	color: #FFFFFF;
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 45px;
}

.zx-top ul .on {
	background-color: #C20000;
}

/* 资讯详情 */
.zx-det {
	width: 100%;
	height: 406px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	opacity: 0;
}

.zixun .started .zx-det {
	transition-delay: 0.6s;
	opacity: 1;
}

.zx-det .zx-one {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

/* ������Ϣ */
.zx-det-one .zx-one:nth-child(1) {
	top: 0;
}

.zx-det-one .zx-one:nth-child(2) {
	top: 110%;
}

.zx-det-one .zx-one:nth-child(3) {
	top: 220%;
}
.zx-det-one .zx-one:nth-child(4) {
	top: 330%;
}

/* Ѷ����̬ */
.zx-det-two .zx-one:nth-child(1) {
	top: -110%;
}

.zx-det-two .zx-one:nth-child(2) {
	top: 0;
}

.zx-det-two .zx-one:nth-child(3) {
	top: 110%;
}
.zx-det-two .zx-one:nth-child(4) {
	top: 220%;
}

/* ��ҵ��̬ */
.zx-det-three .zx-one:nth-child(1) {
	top: -220%;
}

.zx-det-three .zx-one:nth-child(2) {
	top: -110%;
}

.zx-det-three .zx-one:nth-child(3) {
	top: 0;
}
.zx-det-three .zx-one:nth-child(4) {
	top: 110%;
}

/* �߲�Ѷ�� */
.zx-det-four .zx-one:nth-child(1) {
	top: -330%;
}

.zx-det-four .zx-one:nth-child(2) {
	top: -220%;
}

.zx-det-four .zx-one:nth-child(3) {
	top: -110%;
}
.zx-det-four .zx-one:nth-child(4) {
	top: 0;
}

.zx-lef {
	float: left;
	width: 640px;
	height: 406px;
}

.zx-lef .swiper-container {
	width: 100%;
	height: 100%;
}

.zx-lef .swiper-slide {
	width: 100%;
	height: 406px;
}

.zx-lef .swiper-slide img {
	width: 100%;
	height: 100%;
}

.zx-lef .swiper-slide p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background-color: rgba(0, 0, 0, 0.64);
}

.zx-lef .swiper-slide p a {
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 50px;
	display: inline-block;
	height: 100%;
	max-width: 78%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transition-delay: 0.3s;
	transform: translate(0,50px);
}
.zx-lef .swiper-container .swiper-slide-active p a {
	transform: translate(0,0);
}

.zx-lef .swiper-pagination {
	bottom: 15px;
	left: auto;
	width: auto;
	right: 15px;
}

.zx-lef .swiper-pagination span {
	opacity: 1;
	border-radius: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 0.75rem;
	background-color: #929292;
	color: #FFFFFF;
}

.zx-lef .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #FF8400;
}


.zx-rig {
	width: 683px;
	float: right;
	height: 406px;
}

.zx-rig ul {}

.zx-rig ul li {
	height: 79px;
	overflow: hidden;
	margin-bottom: 30px;
}

.zx-rig ul li:last-child {
	margin: 0;
}

.zx-rig ul li label {
	display: inline-block;
	height: 100%;
	width: 87px;
	margin-right: 15px;
	float: left;
	text-align: center;
	background-color: #1C5199;
}

.zx-rig ul li label span {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 1.75rem;
	color: #FFFFFF;
}

.zx-rig ul li label p {
	font-size: 0.875rem;
	color: #FFFFFF;
}

.zx-rig ul li a {
	display: inline-block;
	overflow: hidden;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.zx-rig ul li .bt {
	max-width: 580px;
	font-size: 1.125rem;
	color: #000000;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	margin-top: 5px;
	height: 24px;
}

.zx-rig ul li .det {
	width: 580px;
	font-size: 0.8125rem;
	color: #999999;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
	line-height: 1.5;
	margin-top: 10px;
	height: 39px;
}

.zx-rig ul li a:hover {
	color: #1C5199;
	font-weight: 600;
	text-decoration: underline;
}




/* 合作伙伴 */
.hz {
	width: 100%;
	height: 430px;
	padding-top: 60px;
	background-color: #FFFFFF;
}

.bt-five {
	background: none;
	height: 74px;
	margin-bottom: 25px;
}

.bt-five img {
	top: 45px;
}

.hz-ul {
	width: 100%;
	height: 243px;
	position: relative;
}

.hz-ul>img {
	position: absolute;
	left: 50%;
	top: 49%;
	transform: translate(-50%, -50%);
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	transition: all 2s;
}

.hz .started>img {
	opacity: 1;
	transition-delay: 0.3s;
}

.hz-ul li {
	width: 25%;
	height: 50%;
	float: left;
	position: relative;
	z-index: 2;
}

.hz-ul li a {
	display: inherit;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.hz-ul li a img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transform: translate(-50%, -50%);
}
.hz-ul li a:hover {
	background-color: #DDDDDD;
}
.hz-ul li a:hover img {
	transform: translate(-50%,-50%) scale(1.1,1.1);
}



/* map */
.map {
	width: 100%;
	height: 392px;
	background-image: url(../images/map.png);
	background-position: center;
}

.map .container {
	position: relative;
	height: 100%;
}

.map .div1 {
	position: absolute;
	left: 0;
	top: 32px;
	width: 509px;
	height: 360px;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 2;
}

.map .div2 {
	position: absolute;
	width: 517px;
	height: 301px;
	left: 20px;
	top: 58px;
	background-color: #F8F8F8;
	padding: 30px 46px;
	z-index: 2;
}

.map-top {
	width: 100%;
	height: 62px;
	overflow: hidden;
	border-bottom: 1px dashed #949494;
}

.map-top span {
	display: inline-block;
	font-size: 1.22625rem;
	color: #000000;
	letter-spacing: 0.2rem;
}

.map-top p {
	font-size: 1.53125rem;
	color: #9A9A99;
}

.map-bot {
	overflow: hidden;
}

.map-bot label {
	display: inline-block;
	font-size: 0.91875rem;
	margin-top: 15px;
}

.map-bot span {
	display: inline-block;
	width: 100%;
	font-size: 2.35rem;
	color: #CA0F3E;
	font-weight: 600;
	letter-spacing: 0.2rem;
}

.map-bot p {
	font-size: 0.875rem;
	color: #414141;
	padding-left: 37px;
	background-image: url(../images/map-1.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 2.5;
}

.map-bot p:last-child {
	background-image: url(../images/map-2.png);
	background-position: 6px center;
}

.map .bj1 {
	position: absolute;
	left: 960px;
	top: 260px;
	display: inline-block;
}

.map .bj2 {
	position: absolute;
	left: 913px;
	top: 119px;
}