@font-face {
	font-family: iconfont;
	src: url(../font/iconfont.eot#iefix) format("embedded-opentype"), url(../font/iconfont.woff) format("woff"), url(../font/iconfont.ttf) format("truetype"), url(../font/iconfont.svg#iconfont) format("svg");
}
a:focus {
	color: rgb(0, 139, 246); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(0, 139, 246); text-decoration: none; cursor: pointer;
}
body {
	position: relative; -ms-overflow-x: hidden;
}
* {
	margin: 0px; padding: 0px; color: rgb(68, 68, 68);
}
ul li {
	list-style-type: none;
}
a {
	text-decoration: none;
}
.cl {
	clear: both;
}
.iconfont {
	font-family: "iconfont" !important; font-size: 1rem; font-style: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
body {
	background: rgb(245, 245, 245);
}
.foot {
	
}
.bannerny.banner .btext p {
	width: 50%;
}
.banner.nybanner .btext {
	margin-top: -42px;
}
.banner.nybanner .btext h2 {
	margin-bottom: 30px;
}
.solu_list {
	background: rgb(255, 255, 255); margin: 90px auto;
}
.solu_list .left {
	width: 20%;
}
.solu_list ul {
	margin-bottom: 0px;
}
.solu_list li {
	background: linear-gradient(rgb(3, 11, 26), rgb(11, 23, 44)); padding: 20px 0px; transition:0.3s; flex-flow:row wrap; text-align: center; font-size: 16px; display: flex; cursor: pointer; justify-content: center; align-items: center;
}
.solu_list li:nth-last-child(1) {
	background: rgb(8, 16, 30);
}
.solu_list li i {
	height: 0px; overflow: hidden;
}
.solu_list li i img {
	transition:0.3s; width: 40px; height: 40px; margin-bottom: 10px; transform: scale(0);
}
.solu_list li h3 {
	margin: 0px; width: 100%; color: rgb(255, 255, 255); font-size: 16px;
}
.solu_list li.on {
	background: linear-gradient(to right, rgb(22, 154, 255), rgb(0, 110, 233));
}
.solu_list li.on i {
	height: auto;
}
.solu_list li.on i img {
	transform: scale(1);
}
.solu_list .right {
	width: 80%;
}
.solu_list .right .showtab {
	padding: 60px 0px 0px 60px;
}
.solu_list .right p {
	text-align: justify; color: rgb(102, 102, 102); line-height: 24px; padding-right: 60px; margin-bottom: 20px;
}
.solu_list .right h4 {
	margin: 0px 0px 20px; color: rgb(51, 51, 51); font-size: 24px;
}
.jc.solu_list .right h4.mainshow {
	margin: 20px 0px;
}
.jc.solu_list .right .linklogo a {
	background: none; width: 24%; text-align: center; color: rgb(102, 102, 102);
}
.jc.solu_list .right .linklogo .iconfont {
	color: rgb(102, 102, 102); font-size: 40px; display: block;
}
.jc.solu_list .right .linklogo a:hover {
	color: rgb(0, 110, 233);
}
.jc.solu_list .right .linklogo a:hover .iconfont {
	color: rgb(0, 110, 233);
}
.solu_list .right p a {
	background: rgb(255, 255, 255); margin: 0px 10px 10px 0px; padding: 0px 10px; border: 1px solid rgba(245, 245, 245, 1); border-image: none; width: auto; color: rgb(102, 102, 102);
}
.solu_list .right p a:hover {
	color: rgb(255, 255, 255);
}
.solu_list .right a {
	background: rgb(0, 139, 246); margin: 60px 0px; transition:0.3s; width: 135px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 16px; display: inline-block;
}
.solu_list .right a:hover {
	background: rgb(6, 21, 74);
}
.solu_list .right .linklogo {
	padding-bottom: 60px; display: flex; align-items: center;
}
.solu_list .right .linklogo h3 {
	padding-right: 25px;
}
.detail h3 {
	margin: 100px 0px 20px; text-align: center;
}
.tips {
	text-align: center; color: rgb(153, 153, 153); padding-bottom: 60px; font-size: 14px; display: block;
}
.conp {
	color: rgb(102, 102, 102); line-height: 22px; text-indent: 2em; font-size: 14px;
}
.conp p {
	margin-bottom: 20px;
}
.tabtitle {
	border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.tabtitle h2 {
	font-size: 14px;
}
.listser li {
	line-height: 30px; font-size: 14px;
}
.listser li a {
	color: rgb(68, 68, 68);
}
.listser li span {
	float: right;
}
.listser {
	padding-top: 20px;
}
#flip_box {
	text-align: center;
}
#flip_box a {
	background: rgb(255, 255, 255); margin: 0px 5px; padding: 5px 10px; border-radius: 3px; color: rgb(102, 102, 102); font-size: 14px;
}
#flip_box a.lf_pager_num_select {
	background: rgb(0, 139, 246); color: rgb(255, 255, 255);
}
.navlist {
	background: rgba(0, 0, 0, 0.4); left: 0px; width: 100%; height: 40px; bottom: 0px; line-height: 40px; position: absolute;
}
.navlist .maxwidth {
	display: flex; justify-content: space-between;
}
.pos.navlist {
	background: rgb(6, 21, 74); left: 0px; top: 65px; width: 100%; border-top-color: rgba(255, 255, 255, 0.3); border-top-width: 1px; border-top-style: solid; position: fixed; z-index: 1990;
}
.navlist a {
	transition:0.3s; color: rgb(255, 255, 255); display: block;
}
.navlist a:hover {
	color: rgb(0, 139, 246);
}
.cominfo ul li img {
	max-height: 100px; max-width: 100px;
}
.datainfo {
	overflow: hidden;
}
.datainfo.cominfo ul li img {
	max-height: 200px; max-width: 200px;
}
.img_label {
	width: 15px; padding-bottom: 3px;
}
.img_label:hover {
	width: 16px;
}
.fazhan {
	height: 800px; position: relative;
}
.fazhanmaxwidth {
	margin: 0px auto; width: 100%; min-width: 1100px; max-width: 1400px; box-sizing: border-box;
}
.fazhan .showcon {
	left: 9%; top: -1%; height: 55%; position: relative; z-index: 80; background-size: 100%;
}
.fazhan hr {
	border-color: rgb(204, 204, 204); left: 0px; top: 368px; width: 100%; position: absolute;
}
.showcon .block {
	left: -79px; width: 200px; height: 195px; position: absolute; z-index: 1;
}
.showcon :nth-child(1).block {
	top: 234px;
}
.showcon .block::after {
	left: 50%; width: 16px; height: 16px; bottom: 0px; margin-left: -8px; position: absolute; z-index: 1; content: url('../images/line_dot.png');
}
.htit {
	background: rgb(255, 255, 255); left: 0%; top: 0px; width: 100%; height: 135px; position: absolute; z-index: 1;
}
.showcon :nth-child(2n).block .htit {
	
}
.showcon :nth-child(2n).block .htit::after {
	
}
.showcon :nth-child(2n).block .htit em {
	
}
.showcon :nth-child(2n).block .htit em::after {
	
}
.htit h3 {
	text-align: center; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; position: relative;
}
.htit h3::after {
	left: 50%; width: 15px; bottom: -10px; margin-left: -7.5px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; content: "";
}
.htit span {
	padding: 10px 10px 0px; text-align: center; color: rgb(102, 102, 102); font-size: 14px; display: block;
}
.showcon :nth-child(1).block .htit {
	top: 10px;
}
.showcon :nth-child(2).block .htit span {
	overflow: hidden; -ms-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.showcon :nth-child(5).block .htit span {
	overflow: hidden; -ms-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.showcon :nth-child(2).block .htit {
	height: 150px;
}
.showcon :nth-child(5).block .htit {
	height: 150px;
}
.showcon :nth-child(2).block {
	left: 155px; top: 161px; height: 200px;
}
.showcon :nth-child(3).block {
	top: 41px;
}
.showcon :nth-child(3).block {
	left: 408px; height: 285px;
}
.showcon :nth-child(4).block {
	left: 408px; height: 285px;
}
.showcon :nth-child(3).block .htit span {
	overflow: hidden; -ms-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.showcon :nth-child(4).block .htit span {
	overflow: hidden; -ms-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.showcon :nth-child(3).block .htit {
	top: 85px; height: 150px;
}
.showcon :nth-child(4).block .htit {
	top: 85px; height: 150px;
}
.showcon :nth-child(4).block {
	left: 667px; top: 4px;
}
.showcon :nth-child(5).block {
	left: 928px; top: 36px;
}
.htit em {
	background: rgb(66, 66, 66); width: 100%; height: 48px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 48px; font-size: 22px; position: absolute; z-index: 1;
}
.htit::after {
	border-width: 13px 7.5px 0px; border-style: solid; border-color: rgb(66, 66, 66) transparent transparent; left: 50%; width: 0px; height: 0px; bottom: -13px; margin-left: -7.5px; position: absolute; z-index: 1; content: "";
}
.tabmenu {
	text-align: center;
}
.tabmenu a {
	margin: 0px 20px; color: rgb(51, 51, 51); padding-bottom: 45px; font-size: 20px; display: inline-block;
}
.tabmenu a.on {
	color: rgb(0, 139, 246); position: relative;
}
.tabmenu a.on::after {
	left: 50%; width: 15px; bottom: 30px; margin-left: -7.5px; border-bottom-color: rgb(0, 139, 246); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; content: "";
}
.tabbox {
	position: relative;
}
.tabbox .honor_list {
	background: rgb(255, 255, 255); padding: 20px 40px; display: flex; box-sizing: border-box; justify-content: space-between;
}
.honor_list ul {
	width: 100%; justify-content: space-between;
}
.honor_list ul li {
	
}
.page#showhonor {
	width: 100%; height: 430px; display: flex; justify-content: center; align-items: center;
}
.page-control a {
	transition:0.3s; top: 40%; color: rgba(153, 153, 153, 0.3); font-size: 40px; position: absolute;
}
.page-control a:hover {
	color: rgba(153, 153, 153, 1);
}
.page-control .prev {
	left: -45px;
}
.page-control .next {
	right: -45px;
}
.jyln {
	height: 650px; color: rgb(255, 255, 255);
}
.jyln .title h2 {
	color: rgb(255, 255, 255);
}
.jyln .showcon ul {
	height: 400px; display: flex; justify-content: space-between; align-items: center;
}
.jyln ul li {
	text-align: center; color: rgb(255, 255, 255); font-size: 18px;
}
.jyln ul li img {
	margin-bottom: 24px;
}
.aboutlogo .showcon ul {
	display: flex; flex-wrap: wrap;
}
.aboutlogo .showcon li {
	width: 20%; margin-bottom: 16px;
}
.contact .showcon .text {
	left: 0px; top: 0px; width: 170px; height: 380px; color: rgb(255, 255, 255); font-size: 30px; position: absolute; z-index: 2;
}
.contact .showcon .text em {
	left: 18px; width: 30px; bottom: 10px; color: rgb(255, 255, 255); line-height: 36px; position: absolute;
}
.contact .showcon ul {
	display: flex; flex-wrap: wrap;
}
.contact .showcon li {
	width: 48%; height: 530px; overflow: hidden; margin-bottom: 20px; position: relative;
}
.contact .showcon li:nth-child(2n) {
	margin-left: 4%;
}
.contact .showcon li p {
	left: 0px; width: 100%; height: 130px; bottom: 0px; color: rgb(51, 51, 51); line-height: 28px; font-size: 18px; position: absolute;
}
.contact .showcon li p span {
	color: rgb(153, 153, 153); overflow: hidden; font-size: 16px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.mapdiv {
	top: -30px; width: 510px; height: 410px; right: 0px; overflow: hidden; position: absolute; z-index: 1;
}
.case {
	background: url("../images/casebg.png") no-repeat 50% 50% / cover; height: 683px;
}
.case ul {
	display: flex;
}
.cfff.title h2 {
	color: rgb(255, 255, 255);
}
.case .title h2 {
	color: rgb(255, 255, 255);
}
.case ul li {
	background: rgba(255, 255, 255, 0.2); transition:0.3s; width: 23%; height: 60px; color: rgb(255, 255, 255); line-height: 26px; padding-left: 20px; font-size: 16px; margin-right: 2%; margin-bottom: 20px; display: flex; cursor: pointer; align-items: center;
}
.case ul li:hover {
	background: rgba(255, 255, 255, 0.3); box-shadow: 0px 10px 44px 0px rgba(255,255,255,0.3);
}
.case ul li a {
	color: rgb(102, 102, 102);
}
.case ul li a:hover {
	color: rgb(0, 110, 233);
}
.case ul {
	display: flex; flex-wrap: wrap;
}
.topdesc {
	padding: 20px;
}
.topdesc p {
	line-height: 30px; font-size: 16px;
}
.showerji dl {
	padding-top: 36px; padding-right: 60px; display: flex; flex-wrap: wrap;
}
.showerji {
	position: relative;
}
.showerji .swiper-button-prev {
	left: -40px;
}
.showerji .swiper-container-rtl .swiper-button-next {
	left: -40px;
}
.showerji .swiper-button-next {
	right: 20px;
}
.showerji .swiper-container-rtl .swiper-button-prev {
	right: 20px;
}
.maxwidth .showerji .swiper-button-next {
	border-radius: 50%; width: 30px; background-size: 30px;
}
.maxwidth .showerji .swiper-button-prev {
	border-radius: 50%; width: 30px; background-size: 30px;
}
.maxwidth .showerji .swiper-button-next:hover {
	background: url("../images/newleft.png") no-repeat 50% 50% / 30px rgb(0, 139, 246); border: 1px solid rgb(0, 139, 246); border-image: none;
}
.maxwidth .showerji .swiper-button-prev:hover {
	background: url("../images/newright.png") no-repeat 50% 50% / 30px rgb(0, 139, 246); border: 1px solid rgb(0, 139, 246); border-image: none;
}
.showerji dd {
	background-position: 0% 0%; width: 23%; height: 300px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; margin-right: 10px; position: relative; background-repeat: no-repeat;
}
.showerji .swiper-container {
	padding-bottom: 40px;
}
.showerji dd h3 {
	color: rgb(255, 255, 255); padding-right: 0px;
}
.right .showerji dd p {
	color: rgb(255, 255, 255); padding-right: 0px;
}
.showerji dd h3 {
	transition:0.3s; left: 0px; top: 135px; width: 100%; font-size: 17px; margin-top: 0px; position: absolute;
}
.showerji dd p {
	transition:0.3s; left: 50%; width: 160px; height: 134px; text-align: left; bottom: -150px; color: rgb(255, 255, 255); line-height: 24px; margin-left: -80px; position: absolute;
}
.showerji dd.on h3 {
	transform: translateY(-95px);
}
.showerji dd.on p {
	transform: translateY(-215px);
}
.showerji dd.on img {
	display: none;
}
.showerji dd h3::after {
	left: 50%; width: 20px; bottom: -13px; margin-left: -10px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; content: "";
}
.showerji dd img {
	transition:0.3s; left: 50%; top: 78px; width: 45px; margin-left: -22.5px; position: absolute;
}
.lonely.showerji dd {
	height: 446px;
}
.lonely.showerji dl {
	padding-right: 0px;
}
.lonely.showerji dd img {
	top: 106px; width: 80px; margin-left: -40px;
}
.lonely.showerji dd.on p {
	text-align: center; line-height: 33px; transform: translateY(-241px);
}
.lonely.showerji dd p {
	text-align: center; font-size: 16px;
}
.lonely.showerji dd.on h3 {
	transform: translateY(-85px);
}
.lonely.showerji dd h3 {
	top: 220px; font-size: 22px;
}
.ser.lonely.showerji dd {
	width: 33%;
}
.ser.lonely.showerji dd.on h3 {
	transform: translateY(-105px);
}
.ser.lonely.showerji dd.on p {
	transform: translateY(-200px);
}
.warningser ul {
	overflow: hidden;
}
.warningser ul li {
	width: 32%; margin-right: 2%; float: left;
}
.warningser ul li:nth-child(3n) {
	margin-right: 0px;
}
.warningser h3 {
	margin: 0px; left: 0px; top: 0px; width: 100%; height: 100px; color: rgb(51, 51, 51); line-height: 100px; padding-left: 40px; font-size: 20px; position: absolute; z-index: 2; box-sizing: border-box;
}
.warningser ul li {
	background: rgb(255, 255, 255); width: 31%; height: 100px; overflow: hidden; margin-bottom: 40px; position: relative;
}
.warningser ul li em {
	left: -20px; top: -24px; color: rgb(245, 245, 245); font-size: 70px; position: absolute; z-index: 1;
}
.warningser p {
	margin: 0px; padding: 33px 40px; line-height: 28px; font-size: 14px;
}
.serteam img {
	width: 100%;
}
.tablockbox .cominfo ul li p {
	padding: 5px 20px; color: rgb(51, 51, 51);
}
.tablockbox .ser.cominfo ul li {
	height: 300px;
}
.topdsec p {
	padding: 0px 20%; text-align: center; color: rgb(102, 102, 102); line-height: 28px;
}
.topdsec {
	background: url("../images/infobg.png") no-repeat 50% 50%; height: 342px;
}
.conhonor ul li {
	width: 25%; margin-right: 0px; position: relative;
}
.conhonor ul li h3 {
	left: 0px; width: 100%; bottom: 0px; overflow: hidden; font-weight: normal; white-space: nowrap; position: absolute; -ms-text-overflow: ellipsis;
}
.companystep {
	padding-top: 25px; display: flex; justify-content: space-between;
}
.steplist .block {
	color: rgb(102, 102, 102); line-height: 28px; padding-left: 15px; font-size: 16px; display: inline-block; position: relative;
}
.steplist .impor {
	
}
.steplist .block::after {
	left: 0px; top: 0px; height: 100%; border-right-color: rgb(66, 66, 79); border-right-width: 5px; border-right-style: solid; position: absolute; content: "";
}
.comnumber {
	display: flex; justify-content: space-between;
}
.esponsibility li {
	display: flex; align-items: center;
}
.esponsibility .bx-wrapper .bx-viewport {
	background: none;
}
.esponsibility .lef {
	background: rgb(255, 255, 255); padding: 58px 64px; width: 50%; height: 50%; font-size: 16px; box-sizing: border-box;
}
.esponsibility .lef span {
	color: rgb(102, 102, 102);
}
.esponsibility .lef p {
	color: rgb(102, 102, 102); line-height: 28px; margin-top: 10px;
}
.esponsibility .rig {
	width: 50%;
}
.esponsibility .bx-wrapper .bx-pager {
	bottom: -50px;
}
.esponsibility .bx-wrapper .bx-controls-auto {
	bottom: -50px;
}
.bx-wrapper .bx-default-pager.bx-pager a:hover {
	background: rgb(255, 255, 255);
}
.bx-wrapper .bx-default-pager.bx-pager a.active {
	background: rgb(255, 255, 255);
}
.bx-wrapper .bx-default-pager.bx-pager a {
	background: rgb(255, 255, 255);
}
.callcenter ul {
	justify-content: space-between;
}
.callcenter li {
	background: rgb(255, 255, 255); width: 30%;
}
.callcenter li .topimg {
	position: relative;
}
.callcenter li img {
	width: 100%;
}
.callcenter li em {
	left: 20px; bottom: 0px; color: rgb(255, 255, 255); font-size: 90px; position: absolute;
}
.callcenter li h4 {
	padding-bottom: 30px; padding-left: 20px; margin-top: 0px;
}
.sercenter {
	background: rgb(23, 28, 35); height: 460px;
}
.sercenter dl dd {
	flex-flow:column nowrap; width: 25%; color: rgb(255, 255, 255); overflow: hidden; display: flex; position: relative; justify-content: center; align-items: center;
}
.sercenter dl dd img {
	width: 100px; height: 100px;
}
.sercenter dl dd p {
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0.1) 0%, rgb(0, 105, 185) 100%); transition:0.3s; width: 100%; height: 100%; color: rgb(255, 255, 255); position: absolute; transform: translateY(460px);
}
.sercenter dl dd.on img {
	display: none;
}
.sercenter dl dd.on h3 {
	display: none;
}
.sercenter dl dd.on p {
	padding: 0px 20px; flex-flow:column nowrap; font-size: 16px; display: flex; transform: translateY(0px); justify-content: center; align-items: center;
}
.sercenter dl dd p span {
	color: rgb(255, 255, 255); padding-bottom: 40px; font-size: 20px;
}
.serareany {
	padding: 1px 0px 90px;
}
.serareany .maxwidth {
	margin: 0px auto; width: 1100px;
}
.serareany .left {
	width: 350px; height: 510px; padding-left: 5%; display: flex; flex-wrap: wrap; align-items: center;
}
.serareany .left p {
	width: 100%; line-height: 30px; padding-top: 50px;
}
.serareany .left em i {
	text-align: center;
}
.serareany .left .comnumber {
	padding-top: 0px;
}
.serareany dl dd {
	color: rgb(51, 51, 51); line-height: 40px; font-size: 16px;
}
.serareany .right {
	background: url("../images/bitmap.png") no-repeat 50% 50% / 660px; width: 660px; height: 510px; position: relative;
}
.serareany .right > div {
	cursor: pointer;
}
.serareany .right em {
	left: 465px; top: 200px; width: 10px; height: 10px; text-align: center; display: block; position: absolute; z-index: 9999;
}
.serareany .right em:nth-child(2) {
	left: 470px; top: 222px;
}
.serareany .right em:nth-child(3) {
	left: 485px; top: 238px;
}
.serareany .right em:nth-child(4) {
	left: 450px; top: 238px;
}
.serareany .right em:nth-child(5) {
	left: 381px; top: 278px;
}
.serareany .right em:nth-child(6) {
	left: 339px; top: 340px;
}
.serareany .right span {
	background: rgb(0, 139, 246); border-radius: 50%; transition:0.3s; left: 50%; top: 50%; width: 10px; height: 10px; color: rgb(102, 102, 102); display: inline-block; z-index: 9;
}
.serareany .right i {
	background: rgb(0, 139, 246); border-radius: 50%; transition:0.3s; left: 50%; top: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; display: inline-block; position: absolute; z-index: 99;
}
.serareany .right span:hover {
	transform: scale(1.2);
}
.city-cross {
	background: url("../images/tchbg.png") no-repeat 0% 0% / 100%; margin: 0px auto; width: 500px; height: 485px; position: relative;
}
.lef.block-cross {
	left: -283px; padding-right: 130px;
}
.block-cross {
	top: 0px; width: 410px; position: absolute;
}
.rig.block-cross {
	right: -283px; padding-left: 130px;
}
.rig.block-cross h4 {
	left: 0px;
}
.cross-2.block-cross {
	top: auto; bottom: 0px;
}
.lef.block-cross {
	text-align: right;
}
.lef.block-cross p {
	padding-right: 10px;
}
.rig.block-cross {
	text-align: left;
}
.rig.block-cross p {
	padding-left: 10px;
}
.block-cross p {
	margin: 0px; height: 128px; color: rgb(102, 102, 102); line-height: 32px; font-size: 16px; display: flex; justify-content: center; align-items: center;
}
.block-cross h4 {
	margin: 0px; top: 0px; width: 128px; height: 128px; text-align: center; right: 0px; color: rgb(51, 51, 51); line-height: 34px; font-weight: bold; display: flex; position: absolute; justify-content: center; align-items: center;
}
.datashow ul {
	flex-wrap: wrap; justify-content: space-between;
}
.datashow ul li {
	text-align: center; color: rgb(51, 51, 51); line-height: 30px; margin-bottom: 2%;
}
.datashow dd {
	width: 30%;
}
.datashow .bx-controls-direction {
	top: 40%; width: 100%; height: 30px; margin-top: -15px; position: absolute;
}
.datashow .bx-wrapper .bx-controls-direction a {
	transition:0.3s; width: 30px;
}
.datashow .bx-wrapper .bx-viewport {
	background: none;
}
.datashow .bx-wrapper .bx-prev {
	background: url("../images/newright.png") no-repeat 50% 50% rgb(248, 251, 254); border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; left: -20px;
}
.datashow .bx-wrapper .bx-prev:hover {
	background: url("../images/newright.png") no-repeat 50% 50% rgb(0, 139, 246); border: 1px solid rgb(0, 139, 246); border-image: none;
}
.datashow .bx-wrapper .bx-next {
	background: url("../images/newleft.png") no-repeat 50% 50% rgb(248, 251, 254); border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; right: -20px;
}
.datashow .bx-wrapper .bx-next:hover {
	background: url("../images/newleft.png") no-repeat 50% 50% rgb(0, 139, 246); border: 1px solid rgb(0, 139, 246); border-image: none;
}
.datashow dl {
	justify-content: space-around;
}
.datashow dl dd {
	font-size: 16px;
}
.contextzp p {
	line-height: 30px;
}
.contextzp {
	transition:0.3s; height: 0px; overflow: hidden;
}
.recruit li.on .contextzp {
	height: auto;
}
.yywin {
	height: 575px;
}
#carousel {
	width: 100%; height: 215px; clear: both; position: relative;
}
#carousel a {
	width: 100px; display: inline-block; visibility: hidden; cursor: pointer;
}
#carousel a img {
	width: 90px;
}
.yywin .line {
	background: url("../images/yyline.png") no-repeat 50% 50%; height: 13px;
}
.carousel-tab p {
	padding: 30px 0px 0px; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px;
}
.cloud_case {
	color: rgb(51, 51, 51); align-items: center;
}
.cloud_case .right {
	background: rgb(255, 255, 255); padding: 60px; width: 70%; box-sizing: border-box;
}
.cloud_case .left {
	background: rgb(54, 60, 64); width: 30%; height: 340px; display: flex; justify-content: center; align-items: center;
}
.cloud_case h3 {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 20px;
}
.honorlist {
	margin-bottom: 20px; flex-wrap: wrap; justify-content: space-between;
}
.honorlist a {
	margin: 5px 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 275px; height: 48px; text-align: center; color: rgb(51, 51, 51); line-height: 48px; font-size: 14px; display: inline-block; white-space: nowrap;
}
.cloud_case .company.encont em {
	padding: 0px;
}
.cloud_case .comnumber {
	padding: 0px;
}
.cloud_case .comnumber .danwei {
	color: rgb(0, 139, 246); font-size: 16px; display: inline;
}
.company.encont .comnumber .nums {
	color: rgb(0, 139, 246); font-size: 40px; display: inline;
}
.comline ul {
	height: 490px; position: relative;
}
.comline ul::after {
	left: 0px; top: 50%; width: 100%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; content: "";
}
.comline ul li .htit {
	height: 190px;
}
.comline .htit span {
	padding: 0px 5px; height: 150px; line-height: 30px; display: flex; justify-content: center; align-items: center;
}
.comline ul li::after {
	background: rgb(66, 66, 66); border-radius: 50%; left: 50%; width: 16px; height: 16px; bottom: -27px; margin-left: -8px; position: absolute; z-index: 1; content: "";
}
.comline .htit em {
	font-size: 16px;
}
.comline ul li {
	left: 0px; top: 25px; width: 18%; height: 200px; position: absolute;
}
.comline ul li.first {
	left: -22px; top: 260px !important; width: auto; text-align: center;
}
.comline ul li.first::after {
	top: -22px !important;
}
.comline .iconfont {
	font-size: 30px;
}
.comline ul li:nth-last-child(1) {
	top: 177px; width: auto; height: 50px; text-align: center;
}
.comline ul li:nth-child(2) {
	left: 7%;
}
.comline ul li:nth-child(3) {
	left: 21%;
}
.comline ul li:nth-child(4) {
	left: 35%;
}
.comline ul li:nth-child(5) {
	left: 48%;
}
.comline ul li:nth-child(6) {
	left: 62%;
}
.comline ul li:nth-child(7) {
	left: 74%;
}
.comline ul li:nth-child(8) {
	right: -22px;
}
.comline ul li:nth-child(2n+1) {
	top: 275px;
}
.comline ul li:nth-child(2n+1)::after {
	top: -38px;
}
.comline ul li:nth-child(2n+1) .htit em {
	top: 0px;
}
.comline ul li:nth-child(2n+1) .htit::after {
	border-width: 0px 7.5px 13px; border-style: solid; border-color: transparent transparent rgb(66, 66, 66); top: -13px; width: 0px; height: 0px;
}
.comline ul li:nth-child(2n+1) .htit span {
	margin-top: 48px;
}
.value {
	background: url("../images/vbg.png") no-repeat 50% 50%; height: 820px;
}
.around {
	background: url("../images/vcloud.png") no-repeat 50% 50%; margin: 50px auto 0px; width: 1100px; height: 393px; color: rgb(255, 255, 255); position: relative;
}
.around .tit {
	color: rgb(255, 255, 255); font-size: 16px;
}
.around .disflex {
	left: -47px; top: -17px; height: 345px; position: relative; align-items: center;
}
.threeline {
	top: 7px; width: 100px; height: 20px; margin-left: 60px; position: relative;
}
.threeline span {
	left: 0px; width: 100px; color: rgb(255, 255, 255); position: absolute;
}
.threeline span:nth-child(1) {
	top: -135px; transform: rotate(-17deg);
}
.threeline span:nth-child(3) {
	bottom: -205px; transform: rotate(18deg);
}
.around .rig {
	right: -40px; position: absolute;
}
.around .rig span:nth-child(1) {
	top: -120px; transform: rotate(17deg);
}
.around .rig span:nth-child(3) {
	bottom: -180px; transform: rotate(-17deg);
}
.around .disflex img {
	margin: 0px 10px; animation:updown 1.5s ease-out infinite; position: relative;
}
.around .top img {
	animation:updown 2s ease-out infinite;
}
.around .bottom img {
	animation:updown 2.5s ease-out infinite;
}
.around .top {
	left: 0px; top: -65px; width: 100%; text-align: center; position: absolute;
}
.around .top .tit {
	margin-bottom: 15px;
}
.around .bottom {
	left: 0px; width: 100%; text-align: center; bottom: -87px; position: absolute;
}
.around .bottom .tit {
	margin-top: 15px;
}
.swiper-slide {
	text-align: center; line-height: 40px;
}
.swiper-slide img {
	width: 80%;
}
.maxwidth .swiper-button-next {
	background: url("../images/newleft.png") no-repeat 50% 50% rgb(248, 251, 254);
}
.maxwidth .swiper-button-prev {
	background: url("../images/newright.png") no-repeat 50% 50% rgb(248, 251, 254);
}
.maxwidth .swiper-button-next {
	border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; width: 20px; height: 30px;
}
.maxwidth .swiper-button-prev {
	border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; width: 20px; height: 30px;
}
.maxwidth .swiper-button-next:hover {
	background: url("../images/newleft.png") no-repeat 50% 50% rgb(0, 139, 246); border: 1px solid rgb(0, 139, 246); border-image: none;
}
.maxwidth .swiper-button-prev:hover {
	background: url("../images/newright.png") no-repeat 50% 50% rgb(0, 139, 246); border: 1px solid rgb(0, 139, 246); border-image: none;
}
.esponsibility .bx-wrapper .bx-default-pager.bx-pager a:hover {
	background: rgb(68, 68, 68);
}
.esponsibility .bx-wrapper .bx-default-pager.bx-pager a.active {
	background: rgb(68, 68, 68);
}
.esponsibility .bx-wrapper .bx-default-pager.bx-pager a {
	background: rgb(204, 204, 204);
}
.jzt {
	margin: 0px auto; width: 880px; height: 610px; position: relative;
}
.jzt .lef {
	background: url("../images/jzt.png") no-repeat 50% 50%; top: 50px; width: 610px; height: 510px; color: rgb(255, 255, 255); padding-top: 60px; font-size: 24px; position: relative; z-index: 2; box-sizing: border-box;
}
.jzt .lef a {
	width: 100%; height: 97px; text-align: center; color: rgb(255, 255, 255); display: inline-block;
}
.jzt .rig {
	top: 100px; width: 185px; right: 0px; position: absolute; z-index: 1;
}
.jzt .rig h3 {
	height: 100px; color: rgb(68, 68, 68); font-size: 24px; position: relative;
}
.jzt .rig h3::after {
	left: -12px; top: 2px; height: 18px; border-right-color: rgb(0, 139, 246); border-right-width: 3px; border-right-style: solid; position: absolute; content: "";
}
.jzt .rig h3::before {
	left: -330px; top: 22px; width: 300px; border-bottom-color: rgb(129, 200, 242); border-bottom-width: 2px; border-bottom-style: dashed; position: absolute; content: "";
}
.jzt .rig h3:nth-child(2)::before {
	left: -270px; width: 240px;
}
.jzt .rig h3:nth-child(3)::before {
	left: -205px; width: 175px;
}
.jzt .rig h3:nth-child(4)::before {
	left: -145px; width: 115px;
}
.jzt .rig h3:nth-child(5)::before {
	left: -85px; width: 55px;
}
.jzt h3 em {
	width: 100%; color: rgb(102, 102, 102); padding-top: 8px; font-size: 16px; display: inline-block;
}
.compname {
	flex-wrap: wrap; justify-content: space-between;
}
.compname li {
	background: rgba(0, 0, 0, 0.3); flex-flow:column nowrap; width: 48.2%; height: 138px; text-align: center; color: rgb(255, 255, 255); font-size: 24px; margin-bottom: 40px; display: flex; justify-content: center; align-items: center;
}
.compname li p {
	width: 100%; color: rgb(255, 255, 255); padding-top: 10px; font-size: 14px; display: inline-block;
}
.gonggaogupiao:hover i {
	color: rgb(0, 139, 246) !important; border-bottom-color: rgb(0, 139, 246) !important;
}
@media screen and (max-width:1367px)
{
.title h2 {
	font-size: 24px;
}
.compname li {
	font-size: 20px;
}
.tabmenu a {
	font-size: 18px;
}
}
.aligncenter {
	text-align: center;
}