.box {
	width: 1200px;
	margin: 0 auto;
}

#menu {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 40px;
	top:50px;
	list-style-type: none;
	z-index: 70;
	width: 40px;
	cursor: pointer;
	display: none;
}

.adMenu {
	width: 285px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 65;
	padding: 10px 10px 0px 10px;
	transition: all 0.5s ease-in-out;
	transform: translateX(-285px);
}

.adMenu.adMenuOut {
	transform: translateX(0);
}

.adMenu_close {
	background: url(../images/close.png) no-repeat;
	height: 25px;
	width: 25px;
	background-size:25px 25px;
	position: absolute;
	top: 25px;
	right: 13px;
	display: block;
}

.adMenu_a1 text,
.adMenu_a1 img {
	vertical-align: middle;
}

.adMenu_a1 {
	font-size: 16px;
	line-height: 56px;
	color: #FFF;
	display: block;
	text-align: center;
	background-color: #fff;
	/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
	background-color: rgba(255, 255, 255, 0.2);
	margin-bottom:2px;
}

.adMenu_a1:hover,
.adMenu_a1.on,
.adMenu dl dt.cur a {
	background: #7d1722;
}

.adLogo {
	margin: 0 auto 50px auto;
	display: block;
	width: 136px;
}

.adMenu_a1 img {
	margin-right: 10px;
}

.adMenu dd {
	padding-left: 55px;
	display: none
}

.adMneu_a2 {
	line-height: 46px;
	display: block;
	height:46px;
	font-size: 16px;
	color: #999999;
}

.adMneu_a2:hover,
.adMneu_a2.on {
	color: #009d95;
}

.navbar {
	z-index: 500;
	position: absolute;
	display: block;
	width: 100%;
	box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
	display: none;
	-webkit-transition: all .25s;
	transition: all .25s;
	padding: 25px 0;
}

#navbar {
	display: flex;
}

.navbar.cur {
	display: block;
}

.wap_nav_sw {
	display: none;
}

.bg_f {
	background: #fff;
}

.index_swiper .swiper-slide {
	height: 100vh;
	overflow: hidden;
}

.index_swiper .swiper-button-next,
.index_swiper .swiper-button-prev {
	margin-top: 0;
	color: #fff;
	width: 60px;
	height: 60px;
	background: rgb(0, 0, 0, 0);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .25s;
	transition: all .25s;
}

.index_swiper .swiper-button-next:hover,
.index_swiper .swiper-button-prev:hover {
	background: rgb(0, 0, 0, 0.5);
}

.index_swiper .swiper-button-next::after,
.index_swiper .swiper-button-prev::after {
	font-size: 25px;
}

.index_swiper .swiper-button-prev {
	left: 100px;
}

.index_swiper .swiper-button-next {
	right: 100px;
}

.index_swiper .swiper-pagination {
	width: 120px;
	justify-content: center;
	line-height: 40px;
	height: 40px;
	background: #f00;
	bottom: 0;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	left: 50%;
	background: rgba(51, 51, 51, .35);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	display: flex;
}

.index_swiper .swiper-pagination-bullet {
	background: #878888;
	width: 10px;
	height: 10px;
	border-radius: 6px;
	position: relative;
	top: 18px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.index_swiper .swiper-pagination-bullet-active {
	background: #fff;
	width: 25px;
}


#navbar .nav_lt li a {
	font-size:15px;
	color: #fff;
}

.menu-down dl a {
	display: block;
}

.menu-down {
	margin-top: 0;
}

#navbar .nav_lt li {
	position: relative;
	height: 92px;
	line-height: 54px;
}

.menu-pub {
	position: absolute;
	z-index: 99999;
	left: 0;
	top: 60px;
	width: 160%;
	background: #fff;
	opacity: 1;
	visibility: hidden;
	left: -30%;
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.21);
}

#navbar .nav_lt li .menu-pub a:last-child {
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px
}

#navbar .nav_lt li:hover .menu-pub {
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

#navbar .nav_lt li a {
	display: block;
}

#navbar .nav_lt li.cur a,
#navbar .nav_lt li:hover a {
	color: rgb(2, 178, 181);
}

#navbar .nav_lt li {
	position: relative;
	text-align: center;
	margin: 0 30px;
}

#navbar .nav_lt li .menu-pub dt img {
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
}

#navbar .nav_lt li .menu-pub a {
	font-size: 15px;
	color: #333;
	display: block;
	line-height: 40px;
	padding: 0 10px;
	text-align: center;
}

#navbar .nav_lt li:last-child {
	margin-right: 0;
}

#navbar .nav_lt li .menu-pub a:hover {
	color: rgb(2, 178, 181);
}

#navbar h1 img {
	width: 220px;
}

.BackToTop {
	position: fixed;
	width: 50px;
	height: 50px;
	right:50px;
	bottom:50px;
	z-index: 999999;
	cursor: pointer;
	overflow: hidden;

}

.BackToTop img:hover {
	opacity: 0.5;
}

.BackToTop img {
	bottom: -50px;
	position: relative;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.BackToTop.fix {
	display: block;
	height: 50px;
}

.BackToTop.fix img {
	bottom: 0;
}

.index_one {
	background: url(../images/index_bg_1.png) repeat center;
	height: 860px;
	width: 100%;
}

.index_one dl {
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 30px 55px 35px 55px;
	text-align: center;
}

.index_one dt img {
	width: 170px;
}

.index_tow {
	background: url(../images/index_bg_2.jpg) repeat center;
	height: 90vh;
	width: 100%;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.index_tow .word,
.index_th .word {
	width: 41%;
}

.index_th .img img {
	width: 390px;
}

.index_tow .word h2 {
	color: #167bd9;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 20px;
}

.index_tow .word p {
	color: rgb(6, 76, 133);
	font-size: 18px;
	line-height: 36px;
}

.a_more {
	margin-top: 50px;
	display: block;
	width: 160px;
	line-height: 50px;
	border: 1px solid rgba(17, 142, 241, 1);
	background-color: rgba(0, 160, 233, 1);
	text-align: center;
	color: #fff;
	font-size: 14px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	cursor: pointer;
	transition: all 0.3s;
}

.a_more:hover {
	background-color: #fff;
	color: rgba(0, 160, 233, 1)
}

.index_th {
	background: url(../images/index_bg_3.jpg) repeat center;
	height: 860px;
	width: 100%;
	background-size: 100%;
}

.index_th .pub_tit {
	padding-top: 100px;
}

.index_th .word {
	padding-top: 130px;
}

.index_th .word h2 {
	font-size: 30px;
	color: rgb(22, 123, 217);
	font-weight: bold;
	line-height: 48px;
}

.index_th .word p {
	font-size: 14px;
	color: #2c2c2c;
	line-height: 28px;
	margin:38px 0 35px 0;
}

.clo_4 dl {
	width: 23.33%;
}

.index_th .a_more {
	border: 1px solid rgba(7, 108, 224, 1);
	background-color: rgba(7, 108, 224, 1);
}

.index_th .a_more:hover {
	border: 1px solid rgba(7, 108, 224, 1);
	background-color: #fff;
	color: rgba(7, 108, 224, 1);
}

.index_four {
	background: url(../images/index_bg_3.png) repeat center;
	height: 960px;
	width: 100%;
	background-size: 100%;
}

.index_four .pub_tit h2 {
	font-size: 24px;
	font-weight: normal;
}

.index_four .pub_tit {
	padding-top: 136px;
}

.index_four .img img {
	width: 1000px;
	display: block;
	margin: 12px auto;
}
#banner dd{
	display: none
}
#banner dl {
	height: 300px;
	cursor: default;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	outline: none;
	margin: 0px auto;
	position: relative;
	z-index: 1;
	background-size: cover;
}

#banner dt {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 60%;
	font-size: 1.875vw;
}

#banner dt h2 {
	color: #00fef4;
}

#banner dt p {
	font-size: 0.83vw;
	width: 39%;
	margin-top: 19px;
	color: #bac6ff;
}

.cloud_one .word h1 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 45px;
	color: #212121;
}

.cloud_one .word p {
	font-size: 18px;
	line-height: 36px;
}

.cloud_tow .dl {
	justify-content: center;
	margin: 75px auto 0 auto;
}

.cloud_tow dl {
	width: 17.5%;
	text-align: center;
	margin: 0 45px;
}

.cloud_tow dl p {
	width: 80%;
	margin: 0 auto;
}

.cloud_tow dl:last-child p {
	width: 100%;
}

.cloud_th .dl {
	height: 460px;
}

.cloud_th .one {
	height: 400px;
	width: 23.076921%;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	z-index: 2;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin-top: 30px;
	background-color: #fff;
	position: relative;
	transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
}

.cloud_th .one.cur {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	width: 30.76923%;
	height: 460px;
	background: linear-gradient(408deg, rgba(22, 133, 251, 1) 0%, rgba(28, 165, 252, 1) 100%);
	z-index: 3;
	opacity: 1;
	transition: opacity .3s ease;
	margin-top: 0;
	transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
	will-change: width, height;
	overflow: hidden;
}
}

.cloud_th .one dl {
	text-align: center;
	padding-top: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cloud_th .one dl p {
	width: 275px;
}

.cloud_th .one.cur dl p {
	width: 370px;
}

.cloud_th .one.cur dl {
	padding-top: 48px;
}


.cloud_th .one dl h2 {
	font-size:20px;
	font-weight: bold;
	color: #666;
	margin-top: 16px;
	width: 78%;
}

.cloud_th .one img {
	width: 115px;
}

.cloud_th .one.cur dl a {
	display: block;
	width: 190px;
	background: #fff;
	color: #178afb;
	line-height: 36px;
	margin: 30px auto 0 auto;
	font-size: 14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.cloud_th .one dl p {
	font-size: 14px;
	line-height: 30px;
	padding: 0 32px;
}

.cloud_th .one dl {
	position: absolute;
	left: 0;
	top: 40px;
}

.cloud_th .one.cur dl {
	top: 0;
}

.cloud_th .one dl:nth-child(2),
.cloud_th .one.cur dl:nth-child(1) {
	z-index: 2;
	opacity: 0;
}

.cloud_th .one.cur dl:nth-child(1) {
	transition: opacity .2s ease .1s;
}

.cloud_th .one.cur dl:nth-child(2) {
	display: block;
	z-index: 3;
	opacity: 1;
	transition: opacity .3s ease;
}

.cloud_th .dl {
	margin: 100px auto;
}

.cloud_th .one.cur,
.cloud_th .one.cur h2 {
	color: #fff;
}

.cloud_four {
	background: url(../images/cloud_bg.jpg) repeat center;
	width: 100%;
	padding: 0 50px 100px 80px;
}

.cloud_four .dl {
	margin-top: 80px
}

.cloud_four .word dt {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

.cloud_four .word p {
	font-size: 16px
}

.cloud_four .word {
	margin-top: -20px;
}

.cloud_four .word dl {
	margin-top: 20px;
}

.zero .cloud_one .word h1 {
	font-size: 30px;
	margin-bottom: 0;
	color: rgb(31, 135, 232);
}

.zero .cloud_one .word h1:nth-child(2) {
	margin-bottom: 38px;
}

.zero .word p {
	font-size: 14px;
	line-height: 28px;
	margin-bottom:38px;
}

.zero .cloud_one .img {
	margin-top: -195px
}

.zero .zero_tow .pub_tit h2 {
	font-size: 30px;
}

.zero .zero_tow .pub_tit em {
	font-size:20px;
	display: block;
	margin: 15px auto 38px auto;
}

.zero .zero_tow .word p img {
	display: block;
	margin: 0 auto;
}

.zero .zero_th {
	background: url(../images/zero_bg.jpg) repeat center;
	width: 100%;
	padding: 0 50px 100px 80px;
}

.zero_th .dl img {
	width: 100px;
}

.zero_th .dl dl:hover p {
	transform: translate(-4px)
}

.zero_th .dl {
	margin-top: 100px;
}

.zero .zero_th dl:hover h2 {
	font-weight: bold;
	color: #0cfefa;
}

.zero .zero_th h2 {
	color: #fff;
	/* font-size: 0.9375vw; */
}

.zero_th dl {
	width: 21%;
	text-align: center;
}

.zero_four {
	background: url(../images/zero_bg.png) repeat;
	background-size: 100%;
}

.zero_four .dl_dl {
	height: 732px;
}

.zero_four .pic {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width:975px;
}

.zero_four .img {
	position: absolute;
	top: 50%;
	left: 47%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 235px;
}

.zero_four .dl dl {
	display: flex;
	position: absolute;
}

.zero_four .dl dl:nth-child(odd) {
	left: 154px;
}

.zero_four .dl dl:nth-child(even) {
	right: 28px;
}

.zero_four .dl dl:nth-child(1) {
	top: 154px;
}

.zero_four .dl dl:nth-child(2) {
	top: 210px;
	right: 210px;
}

.zero_four .dl dl:nth-child(3) {
	top: 403px;
}

.zero_four .dl dl:nth-child(4) {
	top: 440px;
}

.zero_four .dl dl:nth-child(5) {
	top: 595px;
}

.zero_four .dl dl:nth-child(6) {
	top: 595px;
}

.zero_four .dl dt {
	color: rgb(31, 135, 232);
	font-size: 38px;
	font-weight: bold;
	font-style: italic;
}
#banner dt{
	display: none;
}
.zero_four .dl dd {
	align-self: center;
	margin-left: 17px;
}

.zero_four .dl p {
	color: #333;
	font-size: 20px;
	font-weight: bold;
}

.ia .cloud_one .dl,
.ia_tow .dl,
.ia_th .dl,
.wan .cloud_one .dl,
.net_tow .dl {
	padding: 0 76px;
}

.net_tow .dl {
	padding: 70px 76px;
}

.net_tow dl {
	width: 20.5%;
	text-align: center;
}

.net_tow dt img {
	width: 140px;
}

.net_tow dd {
	width: 83%;
	margin: 0 auto;
}

.ia .cloud_one .dl h1 {
	font-size: 26px;
}

.ia_tow .dl dl {
	margin-top: 70px;
	text-align: center;
}

.ia_tow .dl dd {
	font-weight: bold;
	margin-top: 30px;
}

.ia_th {
	background: url(../images/ia_bg.png) repeat;
	background-size: 100%;
	margin-top: 60px;
	padding-bottom: 60px;
}

.ia_th .ck {
	background: #f5f5f5;
	width: 220px;
}

.ia_th .ck p {
	line-height:60px;
	font-size: 16px;
	text-align: center;
	color: #666;
	transition: all .5s;
	border-bottom: 1px #fff solid;
}

.ia_th .ck p.cur {
	background: #02b2b5;
	line-height: 100px;
	color: #fff;
}

.ia_th .ck_show dl {
	justify-content: space-between;
	display: none;
}

.ia_th .ck_show dl.cur {
	display: flex;
}

.ia_th .ck_show dt {
	width: 45%;
}

.ia_th .ck_show dd {
	width: 55%;
	align-self: center;
	padding-left: 50px;
}

.ia_th .ck_show dd h2 {
	font-size: 30px;
	color: #fff;
}

.ia_th .ck_show dd p {
	font-size: 20px;
	line-height: 36px;
}

.ia_th .dl {
	margin-top: 60px;
}

.ia_four {
	padding-bottom: 60px;
}

.ia_four .word p {
	font-size: 20px;
	margin-top: 38px;
}

.wan .cloud_one .word h1 {
	font-size: 30px
}

.wan_tow {
	background: #f0f0f0;
	margin-top: 38px;
	padding-bottom: 100px
}

.wan_tow .dl {
	margin-top: 80px
}

.wan_tow dl {
	width: 23.33%;
	text-align: center;
	background: #fff;
	padding: 35px 25px;
}

.wan_tow dt img {
	width: 157px;
}

.wan_th {
	background: url(../images/wan_bg.jpg) no-repeat;
	background-size: 100%;
	padding-bottom: 67px
}

.pub_pub .wan_tow dl h2 {
	font-size: 20px
}

.pub_pub .wan_tow dd p {
	font-size: 16px;
	line-height: 28px
}

.wan_th .dl {
	margin-top: 70px
}

.wan_th .word p {
	line-height: 30px;
	font-size: 18px
}

.make .cloud_one .dl,
.make_tow .dl {
	padding: 58px 76px;
}

.make .cloud_one .word h1 {
	color: rgb(31, 135, 232);
	font-size: 24px;
}

.make .cloud_one .word p {
	font-size: 16px;
	line-height: 36px
}

.make_tow {
	background: url(../images/make_bg_1.png) repeat;
	background-size: cover;
	padding: 100px 0;
}

.make_tow h2 {
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 60px
}

.make_tow p {
	font-size: 18px;
	line-height:30px
}

.make_th {
	background: url(../images/make_bg_2.png) repeat;
	background-size: 100% 556px;
	height: 556px;
}

.make_th .dl {
	margin-top: 58px;
	text-align: center;
}

.make_th .dl dd {
	font-size: 16px;
	font-weight: bold;
	margin-top: 38px;
}

.make_th dt img {
	width: 120px;
}

.game {
	background: #f0f9ff;
}

.game .cloud_one {
	padding-bottom: 60px
}

.game .cloud_one .dl {
	padding: 0 35px
}

.game .cloud_one .dl h1 {
	font-size: 26px;
	margin-bottom: 20px;
}

.game .cloud_one .dl .word em {
	display: block;
	width: 25px;
	height: 2px;
	background: #717273;
	margin-bottom: 45px
}

.game .cloud_one .word p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
}



.game_tow {
	background: rgba(68, 97, 218, 1) url(../images/5000002492.jpg) no-repeat;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cloud.zero .cloud_one .img {
	height: 567px;
	background-size: 705px;
	background-repeat: no-repeat;
}

.main {
	background: url(../images/game_bg_1.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 100%;
	height: 308px
}

.game_tow p {
	width: 72%;
	margin: 90px auto 50px auto;
	font-size: 16px;
	line-height:30px

}

.game_tow a {
	display: block;
	width: 130px;
	line-height: 36px;
	border: 1px #fff solid;
	-moz-border-radius: 600px;
	-webkit-border-radius: 600px;
	border-radius: 600px;
	color: #fff;
	font-size: 14px;
	margin: 0 auto;
}

.game_th {
	padding-bottom:80px
}

.game_th .dl {
	margin-top: 76px;
	padding: 0 58px;
}

.game_th dl:nth-child(odd) {
	width: 16%;
}

.game_th dl:nth-child(odd) img {
	width: 140px
}

.game_th dl:nth-child(even) img {
	width:35px
}

.game_th dl:nth-child(even) {
	width: 3%;
	align-self: center;
	margin-top: -115px;
}

.game_th dl:last-child {
	display: none;
}

.game_th dl {
	text-align: center;
}

.pub_pub .game_th dl h2 {
	font-size: 18px;
	margin: 10px auto 15px auto;
}

.ret_tow {
	background: url(../images/ret_bg_1.jpg) no-repeat;
	background-size: 100%;
	padding: 90px 0;
}

.retail .cloud_one {
	margin-bottom: 35px
}

.retail .ret_tow h2 {
	font-size: 30px;
	font-weight: bold;
}

.retail .ret_tow p {
	margin-top: 30px;
	font-size: 16px;
	line-height: 32px;
	width: 90%;
}

.ret_th {
	background: #f4f4f4;
	padding-bottom: 70px
}

.ret_th .dl dl {
	width: 48.5%;
	background: #fff;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	padding: 25px;
	position: relative;
}

.ret_th .dl dt {
	width: 40%;
	text-align: center;
}

.ret_th .dl dd {
	width: 55%;
	align-self: center;
	padding: 0 20px 0 13px;
}

.ret_th .dl_dl dl {
	background: url(../images/fina_bg_2.png) no-repeat center center;
	width: 24.83%;
	background-size: 100% 330px;
	height: 330px;
	text-align: center;
}

.ret_th .dl_dl {
	margin-top: 70px
}

.ret_th .dl_dl dt {
	position: relative;
	top: 9px
}

.pub_pub .ret_th .dl_dl dd h2 {
	font-size: 18px;
	margin: 28px auto 10px auto;
}

.pub_pub .ret_th .dl_dl dd p {
	color: #666;
	padding: 0 35px;
	font-size: 16px;
	line-height: 28px
}

.ret_th .dl_dl dt img {
	width:82px;
}

.ret_tow.fina_tow {
	background: url(../images/fina_bg_1.jpg) no-repeat;
}

.cloud.retail .ret_th .pub_tit {
	padding-top: 50px;
	margin-bottom: 20px;
}

.retail .cloud_one.fina_one .dl {
	padding: 0 86px 0 0;
}

.retail .cloud_one.fina_one .word p {
	font-size:18px;
	line-height: 36px;
}

.retail .cloud_one.fina_one {
	margin-bottom: 58px;
}

.ret_th h3 img {
	height: 20px;
	overflow: hidden;
	position: relative;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.pub_pub .ret_th dd h2 {
	font-size: 20px;
	font-weight: bold;
	line-height:30px
}

.pub_pub .ret_th dd p {
	font-size: 16px;
	line-height: 30px

}

.news {
	width: 860px;
	margin: 0 auto;
}

.news dl {
	width: 48.8%;
	margin-top: 30px;
}

.news dt {
	height: 240px;
	overflow: hidden;
	position: relative;
}

.news dt p {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 7px 10px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	color: #fff;
}

.news dd {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
	padding: 0 28px;
}

.news dd i {
	color: #999;
	font-size: 14px;
	align-self: center;
	position: relative;
	top: 3px
}

.news dd em {
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news {
	padding-bottom: 100px
}

#news {
	width: 980px;
	margin:40px auto 80px auto;
}

#news .tag {
	font-size: 16px;
	color: #02b2b5;
	line-height: 45px;
	border-bottom: 1px dotted #b3b3b3;
}

#news .title h2 {
	font-size: 25px;
	color: #333;
	font-weight: 400;
	margin: 20px 0 20px 0;
}

#news .title p {
	font-size:13px;
	color: #adadad;
	border-bottom: 1px solid #f0efef;
	padding-bottom: 24px;
}

#news .word p {
	line-height: 1.65em;
	font-size: 13px;
	margin: 20px 0
}

#news .word p img {
	display: block;
	margin: 0 auto;
}

#news .bshare {
	border-top: 1px solid #f0efef;
	justify-content: flex-end;
	margin-top: 50px;
	padding-top:  50px;;
}

#news .bshare h2 {
	color: #666;
	font-size: 13px;
	align-self: center;
	margin-right: 11px
}

.about_tow .word {
	margin: 60px auto;
	width: 93%;
}

.about_tow .word p {
	font-size: 18px;
	line-height:30px;
	color: #666;
}

.about_tow .dl {
	width: 95.4%;
	margin: 0 auto;
}

.about_tow .dl p {
	width: 21.7%;
}

.about_th {
	background: url(../images/ab_bg.jpg) no-repeat;
	background-size: cover;
	margin-top:60px;
	padding: 100px 0 55px 0;
}

.about_th .dl {
	width: 83.33%;
	background: #fff;
	margin: 0 auto;
	padding: 40px;
}

.about_th .dl .word {
	padding-left: 40px;
}

.about_th .dl .word h2 {
	color: rgb(31, 135, 232);
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 35px;
}

.about_th .dl .word p {
	color: #666;
	font-size: 16px;
	line-height: 30px
}

.about_four .img {
	margin: 100px auto;
}

.main_loop {
	width: 875px;
	margin: 0 auto;
	padding-bottom: 30px
}

.about_four .word h2 {
	width: 60px;
	height: 60px;
	background: #aaaaaa;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	font-size: 0.9375vw;
	color: #fff;
	position: relative;
}

.about_four .word {
	position: absolute;
	top: 0;
	width: 92%;
}

.about_four .word dl {
	width: 105px;
	text-align: center;
	position: relative;
}
.about_four .word dt{
	font-size: 16px;
}
.about_four .word dl:nth-child(1) {
	top:148px;
}

.about_four .word dl:nth-child(2) {
	top: 60px;
}

.about_four .word dl:nth-child(3) {
	top: -26px;
}

.about_four .word dl:nth-child(4) {
	top: 28px;
}

.about_four .word dl:nth-child(5) {
	top: 105px;
}

.about_four .word dl:nth-child(6) {
	top: 77px;
}

.about_four .word dl:nth-child(4) dt {
	position: relative;
	top: 100px
}

.about_four .word dl:nth-child(4) dd p {
	margin-top: 2vw;
}

.about_four .word dl:nth-child(3) h2,
.about_four .word dl:nth-child(6) h2 {
	background: #c40000;
}

.about_four .word dl:nth-child(2) h2,
.about_four .word dl:nth-child(4) h2,
.about_four .word dl:nth-child(5) h2 {
	background: #666666;
}

.about_four .word dl:nth-child(4) h2 {
	left: 2vw;
}

.about_four .word h2 em {
	width: 40px;
	font-weight: normal;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.about_four .word dl dd p {
	color: #666;
}

.about_five {
	background: #f6f7fb;
	margin-top: 76px;
	padding-bottom: 140px;
}

.about_five .dl {
	width: 930px;
	margin: 60px auto 0 auto;
}

.about_five p {
	width: 23.66%;
	margin-left: 1.7%;
	margin-bottom: 1.7%;
}

.about_five p:nth-child(4n+1) {
	margin-left: 0;
}

.contact .tit_tit {
	padding-top:40px
}

.contact .tit_tit h2 {
	font-size:24px;
	color: rgb(31, 135, 232);
}

.contact .tit_tit em {
	display: block;
	width: 32px;
	height: 3px;
	background: rgb(31, 135, 232);
	margin: 24px auto 36px auto;
}

.contact .dl {
	width: 80%;
	margin: 0 auto 70px auto;
}

.contact dl {
	text-align: center;
}

.contact dl p {
	font-size: 14px;
	color: #999;
	line-height: 36px;
	margin-top: 20px;
}

.contact dl:nth-child(2) {
	width: 33.33%;
}

.contact dl:nth-child(2) p {
	display: flex;
}

.contact dl p em:nth-child(1) {
	width: 76px;
}

.contact dl p em:nth-child(2) {
	width: 83%;
}


.maped {
	width: 100%;
	height: 400px
}

.contact_tc {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.15);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 356px;
}

.contact_tc .test p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
}

.contact_tc .txted {
	padding: 20px;
	color: #666666;
	font-size: 15px;
}

.contact_tc .txted img {
	width: 17px;
	height:  17px;
	position: relative;
	top:5px;
	margin-right: 10px
}

.contact_tc p a {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.contact {
	padding-bottom:75px;
}

.contact_tc .txted b {
	display: block;
	color: #212121;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: normal;
}

.contact_tc .txted .word p {
	font-size: 14px;
	color: #777;
	line-height: 26px;
}

.w50 {
	width: 50%;
}

.w530 {
	width: 47%;
}

.w410 {
	width: 36%;
}

.w400 {
	width: 41%;
}

.w4850 {
	width: 49%;
}

.w540 {
	width: 45%;
}

.w500 {
	width: 42%;
}

.w5000 {
	width: 45%;
}

.w520 {
	width: 47%;
}

.w770 {
	width: 40vw;
}

.ia_tow dl img {
	width: 150px;
}

.w370 {
	width: 35.8%;
}

.w445 {
	width: 42.08%;
}

.w475 {
	width: 45.58%
}

.w510 {
	width: 48.8%
}

.w80 {
	width: 80%;
	margin: 0 auto;
}

.w485 {
	width: 40.5%;
}

.w425 {
	width: 41.4%
}

.w750 {
	width: 62.5%;
}

.w450 {
	width: 37.5%;
}

.w360 {
	width: 33%;
}

.w600 {
	width: 50%;
}

.w625 {
	width: 52.1%;
}

.w535 {
	width: 44.6%;
}

.pt60 {
	padding-top: 60px
}

.cloud .pub_tit {
	padding-top: 88px
}

.footer {
	background: url(../images/bg_bg.png) repeat center;
	width: 100%;
	background-size: cover;
	padding-top: 75px;
}

.footer .dl .word h3 img {
	width: 10.8vw;
	margin-top: 40px
}

.footer .dl .word h2 {
	font-size: 20px;
	margin-top: 60px;
	margin-bottom:10px
}

.footer .dl .word p {
	font-size: 13px;
	line-height: 30px
}

.footer .dl .word p img {
	display: block;
	width: 180px;
	margin-top: 30px
}

.footer .form p {
	font-size: 15px;
	margin-bottom: 8px;
	font-weight: bold;
}

.footer .form .text,
.footer .form .textarea {
	width: 93%;
	background-color: #fff;
	padding: 10px;
	border: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.footer .form .textarea {
	width: 97%;
	font-family: 微软雅黑;
	height: 100px;
}

.footer .form .one.tow .text {
	width: 125px;
}

.footer .form .one.tow img {
	height: 24px;
	margin: 0 15px;
	cursor: pointer;
}

.footer .form .one.tow b {
	cursor: pointer;
}

.footer .form .flex.between div {
	width: 48.5%;
}

.footer .form i {
	color: #f00;
	margin-left: 2.5%;
}

.footer .form .submint {
	background-color: #5ab4ff;
	width: 235px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	margin-top: 24px;
}

.copyright {
	background: rgba(34, 34, 34, 1);
	padding: 10px 0;
	font-size: 14px;
	color: #a9a9a9;
	margin-top: 30px
}

.copyright a {
	color: #a9a9a9;
}

.network .cloud_one .pub_tit p {
	width: 58%;
	font-size: 16px;
	line-height: 30px;
	margin: 30px auto;
}

.retail .cloud_one .dl {
	padding: 0 85px;
}

.retail .cloud_one .word h1 {
	font-size: 30px;
	margin-bottom: 30px;
}

.retail .cloud_one .word p {
	font-size:16px;
	line-height: 32px;
	color: #666;
}

.mt16 {
	margin: 16px 0;
}

.w435 {
	width: 43.5%;
}

.w455 {
	width: 45.5%;
}

.w430 {
	width: 36%;
}

.w690 {
	width: 52%;
}

.pub_pub dl h2 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 10px auto 20px auto;
}

.pub_pub dd p {
	font-size: 14px;
	line-height: 24px;
}

.pub_tit {
	padding-top: 115px;
}

.pub_tit h2 {
	font-size: 32px;
	font-weight: bold;
}

.pub_tit p {
	font-size: 14px;
	margin: 50px auto 100px auto;
}

.color_b {
	color: rgb(22, 123, 217)
}

.color_w {
	color: #fff;
}

.net_tow .pub_tit p {
	font-size: 16px;
	color: rgb(75, 75, 75);
	margin: 30px auto
}


#video-window,
#video-chart {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	display: none;
}

.video-mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #272831;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#video-chart .chart-content h2 {
	text-align: center;
}

#video-chart .chart-content .close img {
	position: absolute;
	width: 15px;
	height:15px;
	top: 19px;
	right: 19px;
}

#video-chart .chart-content {
	width: 900px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9998;
	padding: 60px 90px;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	height: 615px;
	overflow-y: scroll;
}

#video-chart .chart-content h2 {
	color: #666;
	font-size: 20px;
	margin-bottom: 50px
}

#video-chart .chart-content .one_ob p {
	color: #666;
	font-weight: bold;
	font-size: 15px;
}

#video-chart .chart-content .text,
#video-chart .chart-content .textarea {
	border: 1px #dadada solid;
	padding:8px 10px;
	margin: 8px 0;
	width: 96%;
	margin-right: 15px;
}

#video-chart .chart-content .textarea {
	font-family: 微软雅黑;
	height: 115px;
}

#video-chart .chart-content i {
	color: #f00;
}

#video-chart .chart-content .text.texts {
	width: 125px
}

#video-chart .chart-content img {
	height: 24px;
	margin: 0 15px;
	cursor: pointer;
}

#video-chart .chart-content b {
	margin: 0 10px;
	cursor: pointer;
	color: #999;
	font-weight: normal;
}

#video-chart .chart-content .button_add {
	background: url(../images/red_middle.png) 0 repeat-x;
	background-color: rgba(0, 0, 0, 0);
	background-color: #f54f4f;
	width: 245px;
	background-size: 100% 100%;
	display: block;
	border: 0;
	line-height: 44px;
	cursor: pointer;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}

#video-chart .button {
	background: -webkit-linear-gradient(left, #227bf5, #2465db);
	background: -o-linear-gradient(bottom, #227bf5, #2465db);
	background: -moz-linear-gradient(bottom, #227bf5, #2465db);
	background: linear-gradient(to bottom, #227bf5, #2465db);
	color: #fff;
	-moz-border-radius: 600px;
	-webkit-border-radius: 600px;
	border-radius: 600px;
	text-align: center;
	width: 50%;
	margin: 0 auto;
	padding: 4px 0;
	font-size: 15px;
}

.add_cont {
	position: fixed;
	right: -230px;
	top: 40%;
	z-index: 9999;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.add_cont.cur {
	right: 0
}

.add_cont .ck {
	width: 34px;
	height: 116px;
	background: #009fe9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 92px;
}

.add_cont .ck span {
	word-wrap: break-word;
	text-align: center;
	display: block;
	width: 20px;
	color: #fff;
	margin-left: 6px;
}

.add_cont .ck_shows {
	height: 300px;
	width: 230px;
	border: 1px #f2f2f2 solid;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.add_cont .ck_shows p:nth-child(1) {
	font-size: 16px;
	color: #333;
}

.add_cont .ck_shows p:nth-child(1) img {
	width: 30px;
	margin-right: 10px;
}

.add_cont .ck_shows p:nth-child(2) {
	margin: 20px 0;
	color: #666;
}

.add_cont .ck_shows p:nth-child(3) img {
	width: 100px
}

.zero .cdp_tow .word p {
	margin-bottom: 10px;
}

.cdp_tow table {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin: 0 auto;
	width: 80%;
}

.cdp_tow table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
}

.cdp_tow table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.cdp{
	padding-bottom: 80px;
}
.footer .link{
	padding-top: 20px;
	color: #fff;
	font-size: 13px;
}
.footer .link a{
	color: #fff;
	font-size: 13px;
	margin-right: 20px;
}
/* 联系我们 —— 地图区底纹
   原来这块是百度地图 JS 渲染的瓦片。AK 属于当初的模板供应商、已被对方停用，
   我们无法解禁，所以不再依赖任何地图 key。

   为什么不换一张地图截图：地图瓦片有版权，截下来放进站点属于再分发。
   这里改用站内自带的 map.png（世界地图剪影，随模板一起交付、全站原本没用上），
   它是装饰，不冒充街道地图——真正的位置由中间卡片的链接给出。
   底色 #f6f7fb、主色 #2465db 都取自站内既有值，不新造颜色。
   高度沿用 .maped；移动端的 6rem 覆盖在 style.css 里，别在这儿重复定义。 */
.maped_static {
	background-color: #f6f7fb;
	background-image:
		url(../images/map.png),
		radial-gradient(ellipse at center, rgba(36, 100, 219, 0.07), rgba(36, 100, 219, 0) 62%);
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
	background-size: auto 76%, 100% 100%;
}

/* 地址卡片里的「在百度地图中查看」。原来整张卡片就是个链接，但没有任何可点的提示，
   用户根本不知道能点。 */
.contact_tc .test .map_link {
	display: inline-block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 20px;
	color: #2465db;
}

.contact_tc .test a:hover .map_link {
	text-decoration: underline;
}