@font-face {
	font-family: itcavant;
	src: url(/newwebsite/fonts/itcavantgardestd-bk.otf);
}
@font-face {
	font-family: AmerigoBT;
	src: url(/newwebsite/fonts/AmerigoBT-RomanA.otf);
}
.wrap {
	margin: 0px auto; width: 100%; max-width: 1280px;
}
.ddwrap {
	margin: 0px auto; width: 100%; max-width: 1680px;
}
.wrap1875 {
	margin: 0px auto; width: 97.65%;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-over {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.over {
	overflow: hidden;
}
.nowrap {
	white-space: nowrap;
}
.fz0 {
	font-size: 0px;
}
.relative {
	position: relative; z-index: 1;
}
.absolute {
	position: absolute; z-index: 1;
}
.fixed {
	position: fixed; z-index: 1;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.table {
	width: 100%; display: table;
}
[height='100%'].table {
	height: 100%;
}
.table-cell {
	vertical-align: middle; display: table-cell;
}
.hide {
	display: none;
}
.max-w100 {
	max-width: 100%;
}
.max-h100 {
	max-height: 100%;
}
.middle {
	vertical-align: middle;
}
.middle-span {
	height: 100%; vertical-align: middle; display: inline-block;
}
.nowrap {
	white-space: nowrap;
}
.border-box {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.trans {
	transition:300ms; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.trans-internal::before {
	transition:300ms; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.trans-internal::after {
	transition:300ms; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.scale:hover .scale-img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);
}
.grayscale .grayscale-img {
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);
}
.grayscale:hover .grayscale-img {
	filter: none; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%);
}
.bgf8 {
	background-color: rgb(248, 248, 248);
}
.bgf5 {
	background-color: rgb(245, 245, 245);
}
.bgff {
	background-color: rgb(255, 255, 255);
}
.itcavant {
	font-family: "itcavant";
}
.AmerigoBT {
	font-family: "AmerigoBT";
}
.animate {
	animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.show1300 {
	display: none;
}
.show1200 {
	display: none;
}
.show992 {
	display: none;
}
.show640 {
	display: none;
}
.show320 {
	display: none;
}
.btn-default {
	display: none;
}
.wow {
	visibility: hidden;
}
.ddzindTwo {
	z-index: 2 !important;
}
body {
	position: relative; z-index: 1;
}
.Body-Mask {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 50; opacity: 0.6; background-color: rgb(0, 0, 0);
}
#header {
	background: rgb(255, 255, 255); padding: 10px 4%; width: 100%; z-index: 9999;
}
#header .logo {
	margin-top: 5px;
}
#header .logo img {
	height: 50px; backface-visibility: hidden;
}
#header .logo-font {
	width: 110px; color: rgb(102, 102, 102); line-height: 24px; padding-left: 14px; font-size: 14px; margin-left: 22px; margin-top:7px; z-index: 1;
}
#header .logo-font::before {
	background: rgb(204, 204, 204); left: 0px; top: 6px; width: 1px; height: 40px; position: absolute; z-index: 2; content: "";
}
#header .nav {
	width: 50%; margin-right: 9%;
}
#header .nav .item {
	margin: 0px 3%; line-height: 20px;
}
#header .nav .icon {
	height: 51px;
}
#header .nav .item > a {
	color: rgb(102, 102, 102); line-height: 51px; font-size: 16px; z-index: 2;
}
#header .nav .item > a::after {
	background: #02a2d3; left: 0px; top: 45px; width: 0px; height: 2px; position: absolute; z-index: 3; content: "";
}
#header .nav .item > a:hover {
	color: #02a2d3;
}
#header .nav .on.item > a {
	color: #02a2d3;
}
#header .nav .item > a:hover::after {
	width: 100%;
}
#header .nav .on.item > a::after {
	width: 100%;
}
#header .nav .item .sub-nav {
	left: 50%; top: 36px; width: 750px; padding-top: 25px; margin-left: -300px; display: none; z-index: 4;
}
#header .nav .item .sub-nav ul {
	background: rgb(255, 255, 255); padding: 15px 10px; border: 1px solid rgb(241, 241, 241); border-image: none; width: 100%;
}
#header .nav .item .sub-nav ul li {
	width: 33.3%; height: 32px; line-height: 32px; padding-right: 7px; padding-left: 7px; border-right-color: rgb(231, 231, 231); border-right-width: 1px; border-right-style: solid;
}
#header .nav .item .brno {
	border-right-color: currentColor !important; border-right-width: medium !important; border-right-style: none !important;
}
#header .nav .item .sub-nav ul li a {
	color: rgb(102, 102, 102); font-size: 14px;
}
#header .nav .item .sub-nav ul li a:hover {
	color: #02a2d3;
}
#header .nav .item:hover > .sub-nav {
	display: block;
}
#header .tel-site {
	width: 14%; margin-top: 13px; min-width: 100px;
}
#header .tel-site .tel {
	background: url("bcdh.png") no-repeat left; color: #02a2d3; line-height: 30px; padding-left: 40px; font-size: 16px;
}
#header .tel-site .sub-site {
	margin: 8px 0px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 100px; text-align: center; color: rgb(102, 102, 102); line-height: 25px; font-size: 14px; position: relative; z-index: 99999;
}
#header .tel-site .sub-site i {
	font-size: 12px;
}
#header .tel-site .sub-site .sub {
	background: rgb(241, 241, 241); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(255, 255, 255) rgb(255, 255, 255); border-image: none; left: -1px; top: 25px; width: 100px; padding-top: 12px; display: none; position: absolute; z-index: 199999;
}
#header .tel-site .sub-site .sub dd {
	width: 100%; text-align: left; line-height: 30px; text-indent: 14px;
}
#header .tel-site .sub-site .sub dd a {
	color: rgb(102, 102, 102); font-size: 14px; text-decoration: none;
}
#header .tel-site .sub-site .sub dd a:hover {
	color: #02a2d3;
}
#header .tel-site .sub-site:hover {
	background: rgb(241, 241, 241); border-color: rgb(255, 255, 255);
}
#header .tel-site .sub-site:hover .sub {
	display: block;
}
#header-blank {
	height: 71px;
}
.on#header {
	padding: 15px 30px;
}
.on#header .nav .item > a {
	font-size: 16px;
}
.on#header .nav .item > a::after {
	top: 49px; content: "";
}
.on#header .nav .item .sub-nav {
	top: 50px; padding-top: 16px;
}
#menu-btn {
	display: none;
}
#menu-btn a {
	height: 50px;
}
#menu-btn span {
	width: 55px; height: 3px; display: block; position: relative; z-index: 1; content: ""; background-color: #02a2d3;
}
#menu-btn span::before {
	width: 55px; height: 3px; display: block; position: relative; z-index: 1; content: ""; background-color: #02a2d3;
}
#menu-btn span::after {
	width: 55px; height: 3px; display: block; position: relative; z-index: 1; content: ""; background-color: #02a2d3;
}
#menu-btn span {
	top: 6px;
}
#menu-btn span::before {
	top: 18px;
}
#menu-btn span::after {
	top: 33px;
}
#banner {
	z-index: 2;
}
#banner .bd {
	width: 100%;
}
#banner .bar {
	left: 0px; width: 100%; height: 100%; letter-spacing: -5px;
}
#banner .bar * {
	letter-spacing: normal;
}
.slide#banner .bar {
	transition:800ms; -webkit-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s;
}
#banner .item {
	background-position: center; width: 100%; height: 100%; display: inline-block; position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover;
}
#banner .item a {
	left: 0px; top: 0px; width: 100%; height: 100%;
}
.fold#banner .item {
	-ms-zoom: 1; opacity: 0;
}
.fold#banner .on.item {
	opacity: 1;
}
#banner .item .font {
	left: 0px; top: 25%; width: 100%;
}
#banner .item .title-0 {
	color: rgb(255, 254, 254); font-size: 30px;
}
#banner .item .title-1 {
	color: rgb(194, 218, 237); line-height: 18px; margin-top: 15px;
}
#banner .item .white.title-1 {
	color: rgb(255, 255, 255);
}
#banner .item .white.title-1::before {
	background: rgb(255, 255, 255); left: 50%; width: 50px; height: 5px; bottom: -44px; margin-left: -25px; position: absolute; z-index: 2; content: "";
}
#banner .item .service-banner-icon {
	margin: 75px auto 0px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 196px; height: 55px; color: rgb(255, 255, 255); line-height: 55px; font-size: 14px;
}
#banner .item .solution-banner-icon {
	margin: 0px 5px; border-radius: 20px; width: 160px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; background-color: #02a2d3;
}
#banner .hd {
	left: 0px; width: 100%; height: 0px; bottom: 40px;
}
#banner .hd a {
	margin: 0px 5px; border-radius: 100%; transition:300ms; width: 20px; height: 20px; display: inline-block; cursor: pointer; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.White#banner .hd a {
	background-color: rgb(255, 255, 255);
}
.Block#banner .hd a {
	background-color: rgb(204, 204, 204);
}
#banner .hd .on {
	background-color: rgb(61, 168, 229) !important;
}
.FixedBanner .bd {
	width: 100%; height: 100%; position: fixed; z-index: 1;
}
.FixedBanner .item img {
	display: none;
}
.banner {
	z-index: 2;
}
.banner .bd {
	width: 100%;
}
.banner .hd {
	left: 0px; width: 100%; height: 0px; bottom: 25px;
}
.banner .hd a {
	margin: 0px 10px; border-radius: 100%; width: 12px; height: 12px; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255);
}
.banner .hd .on {
	background-color: #02a2d3;
}
.banner .bar {
	left: 0px;
}
.slide.banner .bar {
	transition:300ms; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.banner .item {
	width: 100%; display: inline-block; position: relative; z-index: 1;
}
.fold.banner .item {
	-ms-zoom: 1; opacity: 0;
}
.fold.banner .on.item {
	opacity: 1;
}
#banner .evaluation {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 75%; width: 200px; height: 60px; color: rgb(255, 255, 255); line-height: 60px; font-size: 14px; margin-left: -100px; z-index: 2;
}
.banner .evaluation {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 75%; width: 200px; height: 60px; color: rgb(255, 255, 255); line-height: 60px; font-size: 14px; margin-left: -100px; z-index: 2;
}
#banner .evaluation:hover {
	border-color: rgb(61, 168, 229); color: rgb(61, 168, 229);
}
.banner .evaluation:hover {
	border-color: rgb(61, 168, 229); color: rgb(61, 168, 229);
}
#banner .evaluation i {
	width: 24px; height: 21px; margin-right: 10px; vertical-align: middle; display: inline-block; position: relative; z-index: 1; background-image: url("/newwebsite/images/images/ico-client-2.png"); background-repeat: no-repeat; background-size: 100% 100%;
}
.banner .evaluation i {
	width: 24px; height: 21px; margin-right: 10px; vertical-align: middle; display: inline-block; position: relative; z-index: 1; background-image: url("/newwebsite/images/images/ico-client-2.png"); background-repeat: no-repeat; background-size: 100% 100%;
}
#banner .evaluation i::before {
	transition:300ms; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 0; background-image: url("/newwebsite/images/images/ico-client-1.png"); background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.banner .evaluation i::before {
	transition:300ms; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 0; background-image: url("/newwebsite/images/images/ico-client-1.png"); background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
#banner .evaluation:hover i::before {
	opacity: 1;
}
.banner .evaluation:hover i::before {
	opacity: 1;
}
#path {
	padding: 24px 30px; width: 100%; color: rgb(133, 133, 133); border-top-color: rgb(241, 241, 241); border-bottom-color: rgb(241, 241, 241); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
#path a {
	color: rgb(133, 133, 133);
}
#index-body {
	position: relative; z-index: 5; background-color: rgb(255, 255, 255);
}
.web-title {
	padding: 45px 0px 40px;
}
.web-title .title-0 {
	color: rgb(57, 57, 57); font-size: 30px;
}
.web-title .gray.title-0 {
	color: rgb(153, 153, 153); font-size: 36px;
}
.web-title .title-1 {
	color: rgb(57, 57, 57); line-height: 30px; font-size: 18px; margin-top: 15px;
}
.web-title .line {
	margin: 15px auto 15px; width: 58px; height: 4px; background-color: rgb(59, 140, 196);
}
.web-cont {
	line-height: 24px;
}
.web-page > a {
	color: rgb(133, 133, 133); font-size: 16px; margin-right: 15px;
}
.web-page .on {
	color: rgb(50, 50, 50); text-decoration: underline;
}
.loading {
	background-position: center; height: 30px; background-image: url("/newwebsite/images/images/load.gif"); background-repeat: no-repeat;
}
.inner-title {
	padding: 45px 3%;
}
.inner-title .title {
	color: rgb(57, 57, 57); font-size: 30px;
}
.inner-title .brief {
	color: rgb(126, 126, 126); line-height: 20px; font-size: 14px; margin-top: 10px;
}
.index-server {
	margin: 10px 0px 0px; padding: 0px 0px 50px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.index-server .server-brief {
	margin: 0px 0px 100px; color: rgb(126, 126, 126); line-height: 20px;
}
.index-server .item {
	margin: 0px 0px 0px 7.5%; width: 19.16%;
}
.index-server :first-child.item {
	margin-left: 0px;
}
.index-server .item .main {
	z-index: 2;
}
.index-server .item .img-box {
	margin-bottom: 50px;
}
.index-server .item .img-box .img {
	width: 179px; height: 92px;
}
.index-server .item .img-box .img-0 {
	left: 0px; top: 0px;
}
.index-server .item .img-box .img-1 {
	left: 0px; top: 100%;
}
.index-server .item .i0.img-box .img-0 {
	background: url("service-img-0-0.png");
}
.index-server .item .i0.img-box .img-1 {
	background: url("service-img-0-1.png");
}
.index-server .item .i1.img-box .img-0 {
	background: url("service-img-1-0.png");
}
.index-server .item .i1.img-box .img-1 {
	background: url("service-img-1-1.png");
}
.index-server .item .i2.img-box .img-0 {
	background: url("service-img-2-0.png");
}
.index-server .item .i2.img-box .img-1 {
	background: url("service-img-2-1.png");
}
.index-server .item .i3.img-box .img-0 {
	background: url("service-img-3-0.png");
}
.index-server .item .i3.img-box .img-1 {
	background: url("service-img-3-1.png");
}
.index-server .item .title a {
	color: rgb(57, 57, 57); font-size: 16px;
}
.index-server .item .brief {
	margin: 15px 0px 0px; color: rgb(125, 125, 125); line-height: 22px; min-height: 54px;
}
.index-server .item .case {
	margin: 24px 0px; line-height: 30px; padding-top: 24px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.index-server .item .case > a {
	margin: 0px 5px; color: rgb(102, 102, 102); display: inline-block;
}
.index-server .item .case > a:hover {
	color: rgb(32, 152, 212);
}
.index-server .item .bg {
	padding: 85% 70%; border: 1px solid rgb(239, 239, 239); border-image: none; left: -20%; top: -45px; opacity: 0;
}
.index-server .item:hover .img-box .img-0 {
	top: -100%;
}
.index-server .item:hover .img-box .img-1 {
	top: 0px;
}
.index-server .item:hover .title a {
	color: rgb(32, 152, 212);
}
.index-server .item:hover .bg {
	opacity: 1; box-shadow: 0px 2px 5px 2px #f4f4f4; -webkit-box-shadow: 0 2px 5px 2px #f4f4f4; -moz-box-shadow: 0 2px 5px 2px #f4f4f4;
}
.index-case {
	padding: 0px 0px 50px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.index-case .case-category a {
	margin: 0px 10px; border-radius: 20px; border: 1px solid transparent; border-image: none; width: 10.16%; height: 40px; color: rgb(149, 149, 149); line-height: 40px; font-size: 14px;
}
.index-case .case-category a:hover {
	color: rgb(59, 140, 196);
}
.index-case .case-category .on {
	border-color: rgb(59, 140, 196); color: rgb(59, 140, 196);
}
.index-case .case-list {
	margin: 40px 0px 55px;
}
.index-case .case-list .bar {
	left: 0px; top: 0px;
}
.index-case .case-list .item {
	transition:500ms; width: 25%; -webkit-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms;
}
.index-case .case-list .item .case-mask {
	background: rgba(3, 130, 219, 0.95); left: 0px; top: 0px; width: 100%; height: 0px; position: absolute; z-index: 3;
}
.index-case .case-list .item .case-mask .solution {
	margin: 0px auto; width: 90%; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px;
}
.index-case .case-list .item .case-mask .mask-name {
	margin: 45px auto 0px; width: 90%; opacity: 0;
}
.index-case .case-list .item .case-mask .mask-name a {
	color: rgb(255, 255, 255); font-size: 18px;
}
.index-case .case-list .item .case-mask .mask-brief {
	margin: 15px auto 0px; width: 80%; height: 40px; color: rgb(182, 225, 255); line-height: 20px; opacity: 0;
}
.index-case .case-list .item .case-mask .mask-link {
	margin: 10px auto 0px; width: 36px; height: 36px; color: rgb(255, 255, 255); font-size: 30px;
}
.index-case .case-list .item0.item .main {
	background-color: rgba(239, 239, 239, 0.95);
}
.index-case .case-list .item1.item .main {
	background-color: rgba(200, 200, 200, 0.95);
}
.index-case .case-list .item .move {
	margin: 0px auto; max-width: 480px; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
}
.index-case .case-list .item .main {
	padding: 0px 30px; left: 0px; width: 100%; height: 42px; bottom: 0px; line-height: 42px; min-width: 280px;
}
.index-case .case-list .item .name {
	font-size: 16px; max-width: 80%;
}
.index-case .case-list [status='hide'].item {
	cursor: default;
}
.index-case .case-list [status='hide'].item::after {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; content: "";
}
.index-case .case-list [status='show'].item {
	z-index: 2;
}
.index-case .case-list [status='show'].item:hover .case-mask {
	height: 100%;
}
.index-case .case-list [status='show'].item:hover .case-mask .mask-name {
	opacity: 1;
}
.index-case .case-list .item:hover .case-mask .mask-brief {
	opacity: 1;
}
.index-case .case-list [status='show'].item:hover .main {
	bottom: -42px;
}
.index-case .hd a {
	margin: 5px 10px; border-radius: 100%; width: 22px; height: 22px; display: inline-block; cursor: pointer; background-color: rgb(201, 201, 201);
}
.index-case .hd .on {
	background-color: rgb(59, 140, 196);
}
.index-solution {
	padding: 0px;
}
.index-solution .solution-list-wrap {
	min-height: 330px;
}
.index-solution .solution-list-wrap .solution-left {
	background: url("index-left.png") no-repeat center; left: -100px; top: 196px; width: 26px; height: 50px; cursor: pointer;
}
.index-solution .solution-list-wrap .solution-right {
	background: url("index-right.png") no-repeat center; top: 196px; width: 26px; height: 50px; right: -100px; cursor: pointer;
}
.index-wechat {
	background: url("wechat-bg.jpg");
}
.index-wechat .wechat-menu {
	padding-top: 36px; border-bottom-color: rgb(79, 105, 144); border-bottom-width: 1px; border-bottom-style: solid;
}
.index-wechat .wechat-menu .wechat-menu-title {
	margin: 0px 60px; width: 150px; height: 74px; color: rgb(204, 204, 204); line-height: 74px; font-size: 24px;
}
.index-wechat .wechat-menu .cur.wechat-menu-title {
	color: rgb(255, 255, 255);
}
.index-wechat .wechat-menu .cur.wechat-menu-title::after {
	background: rgb(255, 255, 255); left: 0px; top: 74px; width: 100%; height: 1px; position: absolute; content: "";
}
.index-wechat .wechat-menu-cont {
	padding: 58px 0px 60px;
}
.index-wechat :nth-child(2).wechat-menu-cont {
	display: none;
}
.index-news {
	padding: 0px 0px 25px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.index-news .category-item {
	padding: 0px 20px; border-radius: 16px; height: 32px; color: rgb(102, 102, 102); line-height: 32px; font-size: 14px;
}
.index-news .cur.category-item {
	background: #02a2d3; color: rgb(255, 255, 255);
}
.index-news .category-item:hover {
	background: #02a2d3; color: rgb(255, 255, 255);
}
.index-news .news-item-wrap {
	width: 100%; margin-top: 50px; display: none;
}
.index-news .show.news-item-wrap {
	display: block;
}
.index-news .news-item-wrap .news-item {
	margin: 0px 9px 20px; border: 1px solid rgb(204, 204, 204); border-image: none; width: calc(33.33% - 18px); height: 138px;
}
.index-news .news-item-wrap :nth-child(3n).news-item {
	margin-right: 0px;
}
.index-news .news-item-wrap .news-item:hover {
	box-shadow: 0px 2px 5px 2px #cccccc;
}
.index-news .news-item-wrap .news-item .news-time {
	background: rgb(255, 255, 255); left: 20px; top: -10px; width: 100px; height: 20px; color: rgb(102, 102, 102); line-height: 20px;
}
.index-news .news-item-wrap .news-item .news-title {
	margin: 30px auto 5px; width: 84.3%; color: rgb(51, 51, 51); line-height: 32px; font-size: 16px;
}
.index-news .news-item-wrap .news-item .news-brief {
	margin: 0px auto; width: 84.3%; height: 40px; color: rgb(153, 153, 153); line-height: 20px;
}
.index-client .list {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; background-color: rgb(248, 248, 248);
}
.index-client .item {
	width: 12.5%; height: 170px; border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; z-index: 2;
}
.index-client .item a {
	padding: 10px; width: 100%; height: 100%;
}
.index-client .move {
	width: 12.5%; height: 170px; opacity: 0; box-shadow: 0px 0px 5px #aaa; background-color: rgb(238, 238, 238);
}
.index-review {
	background: url("/newwebsite/images/images/solution-bg.jpg") no-repeat center; padding-bottom: 35px;
}
.index-review .review-list-wrap {
	min-height: 425px;
}
.index-review .review-list-wrap .review-left {
	background: url("/newwebsite/images/images/index-left.png") no-repeat center; left: -100px; top: 196px; width: 26px; height: 50px; cursor: pointer;
}
.index-review .review-list-wrap .review-right {
	background: url("/newwebsite/images/images/index-right.png") no-repeat center; top: 196px; width: 26px; height: 50px; right: -100px; cursor: pointer;
}
.index-review .review-item {
	background: rgb(255, 255, 255); margin: 20px 20px 10px 0px; width: 23.82%; padding-bottom: 10px;
}
.index-review .review-item .name {
	margin: 15px auto 0px; width: 86.88%; line-height: 40px;
}
.index-review .review-item .name a {
	color: rgb(51, 51, 51); font-size: 16px;
}
.index-review .review-item .brief {
	margin: 0px auto; width: 86.88%; color: rgb(102, 102, 102); line-height: 20px; max-height: 120px;
}
.index-review .review-item .review-play {
	margin: 30px auto; width: 86.88%; color: rgb(17, 132, 216);
}
.index-review .review-item:hover {
	margin-top: 4px; box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
.list-page .button {
	border-radius: 5px; border: 1px solid rgb(199, 199, 199); border-image: none; width: 30px; height: 30px; line-height: 28px;
}
.list-page .lists {
	margin: 0px 10px; color: rgb(114, 114, 114); font-size: 22px;
}
.show-data {
	background: url("data-bg.jpg") no-repeat center; padding: 25px 0px;
}
.show-data .item {
	margin: 40px 0px; padding: 18px 0px; width: 25%; border-right-color: rgb(85, 109, 145); border-right-width: 1px; border-right-style: solid;
}
.show-data :last-child.item {
	border: currentColor; border-image: none;
}
.show-data .item p {
	margin: 0px; color: rgb(255, 255, 255); font-size: 16px;
}
.show-data .item span {
	color: rgb(255, 255, 255); font-size: 70px;
}
.show-data .item strong {
	color: rgb(255, 255, 255); font-size: 50px; font-weight: bold;
}
#global-contact {
	background: rgb(255, 255, 255); padding: 25px 0px;
}
#global-contact .contact-info {
	width: 64%;
}
#global-contact .contact-info .t {
	color: rgb(153, 153, 153); font-size: 20px;
}
#global-contact .contact-info .t span {
	color: #02a2d3; font-size: 20px;
}
#global-contact .contact-info .n {
	color: rgb(102, 102, 102); font-size: 32px;
}
#global-contact .contact-info .b {
	color: rgb(102, 102, 102); font-size: 14px;
}
#global-contact .contact-info .contact-btn {
	background: #02a2d3; border-radius: 16px; width: 100px; height: 32px; color: rgb(255, 255, 255); line-height: 32px; font-size: 14px;
}
#global-contact .contact-qrcode {
	width: 165px; color: rgb(102, 102, 102); font-size: 14px; margin-top: 32px;
}
#global-contact .btm-item {
	width: calc(50% - 25px); margin-left: 25px;
}
#global-contact .first.btm-item {
	margin-left: 0px;
}
#global-contact .btm-item .btm-item-title {
	height: 48px; line-height: 48px; font-size: 16px; margin-bottom: 15px; border-bottom-color: rgb(76, 76, 76); border-bottom-width: 1px; border-bottom-style: solid;
}
#global-contact .btm-item .btm-item-title .btm-item-more {
	height: 48px; color: #02a2d3; line-height: 48px; font-size: 12px;
}
#global-contact .btm-item .btm-item-list {
	width: 42%; line-height: 28px; margin-right: 8%;
}
#global-contact .btm-item .btm-item-list a {
	color: rgb(153, 153, 153);
}
#global-contact .btm-item .btm-item-cont {
	height: 190px; color:#575757; line-height: 28px;
}
#global-contact .btm-item .btm-item-cont a {
	color: rgb(153, 153, 153);
}
.about-description {
	margin: 50px 3% 90px;
}
.about-description .title-0 {
	color: rgb(59, 140, 196); font-size: 40px;
}
.about-description .title-0 span {
	margin: -95px 2% 0px; height: 57px; color: rgb(198, 198, 198); font-family: Arial; font-size: 130px;
}
.about-description .title-1 {
	color: rgb(59, 140, 196); font-size: 24px;
}
.about-description .description {
	margin: 45px 0px 0px; color: rgb(126, 126, 126); line-height: 26px; font-size: 14px;
}
#about-menu {
	margin: 40px 0px;
}
#about-menu .about-menu-icon {
	margin: 0px 5px; padding: 0px 22px; border-radius: 18px; height: 36px; color: rgb(93, 93, 93); line-height: 36px; font-size: 14px;
}
#about-menu .on.about-menu-icon {
	background: #02a2d3; color: rgb(255, 255, 255);
}
#about-menu .about-menu-icon:hover {
	background: #02a2d3; color: rgb(255, 255, 255);
}
.about-video .item {
	width: 50%;
}
.about-video .item a {
	left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3;
}
.about-video .item .title {
	left: 0px; top: 20%; width: 100%; color: rgb(255, 255, 255); letter-spacing: 135px; padding-left: 135px; z-index: 2;
}
.about-video .item .ico {
	left: 0px; top: 48%; width: 100%; z-index: 2;
}
.about-video .item .name {
	left: 0px; width: 100%; bottom: 17.48%; color: rgb(255, 255, 255); font-size: 20px; z-index: 2;
}
.about-video .item .name::before {
	left: 18.75%; top: 15px; width: 25px; height: 1px; position: absolute; z-index: 1; content: ""; background-color: rgb(255, 255, 255);
}
.about-video .item .name::after {
	top: 15px; width: 25px; height: 1px; right: 18.75%; position: absolute; z-index: 1; content: ""; background-color: rgb(255, 255, 255);
}
.about-video .item .brief {
	left: 0px; top: 60%; width: 100%; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; z-index: 2; opacity: 0;
}
.about-video .item .mask {
	left: 2.08%; top: 4.11%; width: 95.83%; height: 91.56%; opacity: 0; background-color: rgb(59, 140, 196);
}
.about-video .item:hover .brief {
	opacity: 1;
}
.about-video .item:hover .mask {
	opacity: 0.9 !important;
}
.about-development {
	margin: 30px 0px 0px;
}
.about-development .list {
	padding: 0px 3%;
}
.about-development .item {
	margin: 0px auto 80px; width: 100%; z-index: 2; cursor: pointer; min-height: 90px; max-width: 1165px;
}
.about-development :last-child.item {
	margin-bottom: 0px;
}
.about-development .item .year {
	top: -6px; z-index: 2; background-color: rgb(255, 255, 255);
}
.about-development .left.item .year {
	left: -180px;
}
.about-development .right.item .year {
	right: -180px;
}
.about-development .default {
	height: 100%; z-index: 2; backface-visibility: visible !important; animation-name: flipInX; -webkit-backface-visibility: visible; -webkit-animation-name: flipInX;
}
.about-development .development {
	height: 100%; display: none; z-index: 2; backface-visibility: visible !important; animation-name: flipOutX; animation-duration: 0.75s; -webkit-backface-visibility: visible; -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX;
}
.about-development .year {
	color: rgb(158, 158, 158); font-size: 30px;
}
.about-development .main {
	font-size: 14px; margin-left: 15px; max-width: 80%;
}
.about-development .bg {
	left: 0px; top: 50%; backface-visibility: visible !important; animation-name: flipOutX; animation-duration: 0.75s; -webkit-backface-visibility: visible; -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX;
}
.about-development .round {
	padding: 5px; border-radius: 20px; border: 1px dashed rgb(233, 233, 233); border-image: none; left: 50%; top: 0px; width: 30px; height: 30px; margin-left: -15px; background-color: rgb(255, 255, 255);
}
.about-development .round .i {
	border-radius: 100%; width: 100%; height: 100%; background-color: rgb(167, 167, 167);
}
.about-development .line {
	top: 50%; width: 105px; height: 1px; background-color: rgb(230, 231, 231);
}
.about-development .left .line {
	right: 100%;
}
.about-development .right .line {
	left: 100%;
}
.about-development .table-cell {
	padding: 10px 20px;
}
.about-development .on .default {
	display: none; backface-visibility: visible !important; animation-name: flipOutX; animation-duration: 0.75s; -webkit-backface-visibility: visible; -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX;
}
.about-development .on .development {
	display: block; backface-visibility: visible !important; animation-name: flipInX; -webkit-backface-visibility: visible; -webkit-animation-name: flipInX;
}
.about-development .on .year {
	background: none; margin: 10px 0px; color: rgb(255, 255, 255);
}
.about-development .on .main {
	margin: 10px 0px; color: rgb(255, 255, 255);
}
.about-development .on .bg {
	border-radius: 90px; top: 0px; width: 100%; height: 100%; backface-visibility: visible !important; animation-name: flipInX; background-color: rgb(62, 142, 197); -webkit-backface-visibility: visible; -webkit-animation-name: flipInX;
}
.about-development .on .about-progress {
	background-color: rgb(166, 197, 218);
}
.about-development .about-progress {
	margin: 0px 0px -10000px -2.5px; padding: 0px 0px 10000px; left: 50%; top: 35px; width: 5px; background-color: rgb(224, 228, 231);
}
.about-development .about-progress .i {
	left: 0px; top: 0px; width: 100%; background-color: rgb(160, 194, 217);
}
#solution {
	background: rgb(243, 243, 243);
}
.solution-item {
	background: rgb(255, 255, 255); margin: 20px 0px 10px;
}
.ddsolution-item {
	background: rgb(255, 255, 255); margin: 20px 10px 10px; width: calc(25% - 20px);
}
.solution-item .name {
	margin: 15px auto 0px; width: 86.88%; line-height: 40px;
}
.solution-item .name a {
	color: rgb(51, 51, 51); font-size: 16px;
}
.solution-item .brief {
	margin: 0px auto; width: 86.88%; color: rgb(102, 102, 102); line-height: 20px; min-height: 80px;
}
.solution-item .relative-case {
	margin: 20px auto; width: 86.88%; color: rgb(153, 153, 153); min-height: 67px;
}
.solution-item .relative-case a {
	margin: 8px 18px 0px 0px; color: rgb(102, 102, 102);
}
.solution-item .ddsolution {
	margin: 0px 1%; padding-bottom: 10px;
}
.solution-item:hover .ddsolution {
	margin-top: 4px; box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
.ddsolution-item:hover {
	margin-top: 4px; box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
.solution-more {
	margin: 10px auto 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 198px; height: 48px; color: rgb(102, 102, 102); line-height: 48px; font-size: 16px;
}
.solution-title {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px;
}
.solution-detail {
	width: 76.56%; margin-right: 3.12%; min-height: 200px;
}
.ddsolution-detail {
	width: 1px; margin-right: 24px; border-left-color: rgb(227, 227, 227); border-left-width: 1px; border-left-style: dashed;
}
.solution-other {
	background: rgb(247, 247, 247); padding: 28px; width: 20.31%; margin-top: 10px;
}
.solution-other .other-title {
	color: rgb(153, 153, 153); font-size: 18px;
}
.solution-other ul {
	margin-top: 28px;
}
.solution-other ul li {
	color: rgb(153, 153, 153); line-height: 26px; list-style-type: disc !important; list-style-position: inside;
}
.solution-other ul li a {
	color: rgb(102, 102, 102); font-size: 14px;
}
.solution-btm-icon {
	padding: 50px 0px; border-top-color: rgb(235, 235, 235); border-bottom-color: rgb(235, 235, 235); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.solution-btm-icon .icon {
	background: #02a2d3; margin: 0px 15px; border-radius: 20px; width: 160px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px;
}
.solution-control {
	padding: 15px 0px; width: 100%; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;
}
.solution-control .control-icon {
	width: 100%; height: 24px; color: rgb(51, 51, 51); line-height: 24px; font-size: 14px;
}
.team-list {
	margin: 0px auto 60px; width: 93.75%;
}
.team-list .item {
	background-position: center; width: 11.11%; background-repeat: no-repeat; background-size: 100% 100%;
}
.team-list .item0.item {
	background-image: url("/newwebsite/images/images/team-bg-0.jpg");
}
.team-list .item1.item {
	background-image: url("/newwebsite/images/images/team-bg-1.jpg");
}
.team-list .item:hover {
	z-index: 2;
}
.team-video {
	background: url("/newwebsite/images/images/team-bg.jpg") no-repeat top; width: 100%; height: 700px;
}
.team-video .inner-title .title {
	color: rgb(255, 255, 255);
}
.team-video .inner-title .brief {
	color: rgb(144, 144, 144);
}
.team-surroundings {
	
}
.team-surroundings .buttons {
	width: 100%; height: 46px;
}
.team-surroundings .buttons::after {
	background: rgb(216, 216, 216); left: 0px; width: 100%; height: 1px; bottom: 8px; position: absolute; z-index: -1; content: "";
}
.team-surroundings .buttons .i {
	margin: 0px 20px;
}
.team-surroundings .buttons .i div {
	background: url("/newwebsite/images/images/surroundings-list.png") no-repeat bottom rgb(245, 245, 245); height: 46px; font-size: 14px;
}
.team-surroundings .buttons .on.i div {
	color: rgb(32, 152, 212); background-image: url("/newwebsite/images/images/surroundings-list-on.png");
}
.team-surroundings .surrounding-item-wrap {
	width: 31.25%;
}
.team-surroundings .surrounding-item-wrap .surrounding-item {
	
}
.team-surroundings .surrounding-item-wrap .surrounding-item .year {
	color: rgb(73, 73, 73); line-height: 114px; font-size: 60px;
}
.team-surroundings .surrounding-item-wrap .surrounding-item .year::after {
	background: rgb(73, 73, 73); left: 0px; width: 24px; height: 2px; bottom: 0px; position: absolute; z-index: 2; content: "";
}
.team-surroundings .surrounding-item-wrap .surrounding-item .title {
	margin: 28px 0px 15px; color: rgb(73, 73, 73); font-size: 20px;
}
.team-surroundings .surrounding-item-wrap .surrounding-item .brief {
	color: rgb(137, 137, 137); line-height: 22px;
}
.team-surroundings .surrounding-item-wrap .year-list {
	width: 100%; padding-top: 24px; margin-top: 32px; border-top-color: rgb(211, 211, 211); border-top-width: 1px; border-top-style: solid;
}
.team-surroundings .surrounding-item-wrap .year-list ul {
	width: 75%;
}
.team-surroundings .surrounding-item-wrap .year-list ul li {
	margin: 0px 3px; color: rgb(202, 202, 202); font-size: 14px; cursor: pointer;
}
.team-surroundings .surrounding-item-wrap .year-list ul li.on {
	color: rgb(73, 73, 73);
}
.team-surroundings .surrounding-item-wrap .year-list .caret-left {
	margin: 0px 5px; cursor: pointer;
}
.team-surroundings .surrounding-item-wrap .year-list .caret-right {
	margin: 0px 5px; cursor: pointer;
}
.team-surroundings .surrounding-img-list {
	width: 61.32%; margin-left: 7.42%;
}
.team-surroundings .surrounding-img-list ul li {
	left: 0px; top: 0px; z-index: 2;
}
.team-surroundings .surrounding-img-list dl {
	width: 100%;
}
.team-surroundings .surrounding-img-list dl dd {
	background: rgb(221, 221, 221); margin: 0px 10px; border-radius: 10px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 20px; height: 20px; cursor: pointer;
}
.team-surroundings .surrounding-img-list dl dd.on {
	background: rgb(255, 255, 255); border-color: rgb(42, 156, 214);
}
.join-wrap {
	width: 100%; border-top-color: rgb(241, 241, 241); border-top-width: 1px; border-top-style: solid;
}
.join-wrap .job-list {
	width: 100%; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.join-wrap .job-list .job-name {
	color: rgb(102, 102, 102); font-size: 26px;
}
.join-wrap .job-list .job-name-en {
	color: rgb(153, 153, 153);
}
.join-wrap .job-list .depart-number {
	color: rgb(51, 51, 51); font-size: 14px;
}
.join-wrap .job-list .description-wrap {
	width: 100%; display: none;
}
.join-wrap .job-list .angle {
	top: 50px; right: 14px; color: rgb(174, 171, 171); cursor: pointer;
}
.join-wrap .job-list .on.angle {
	color: rgb(13, 135, 220); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);
}
.join-wrap .job-list .description-title {
	width: 10.15%; color: rgb(51, 51, 51); font-size: 16px;
}
.join-wrap .job-list .description {
	width: 89.84%; color: rgb(102, 102, 102); line-height: 20px; font-size: 12px;
}
.join-wrap .job-list .job-icon {
	background: #02a2d3; margin: 0px 5px; border-radius: 20px; width: 140px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px;
}
.company-surroundings .category-list {
	margin-bottom: 4%;
}
.company-surroundings .category-list .item a {
	color: rgb(73, 73, 73); font-size: 14px;
}
.company-surroundings .category-list .item i {
	background: url("/newwebsite/images/images/surroundings-list.png") no-repeat center rgb(245, 245, 245); margin: 10px auto 0px; width: 40px; height: 18px; display: block;
}
.company-surroundings .category-list .on.item {
	color: rgb(73, 73, 73);
}
.company-surroundings .category-list .on.item i {
	background: url("/newwebsite/images/images/surroundings-list-on.png") no-repeat center rgb(245, 245, 245); margin: 0px auto;
}
.company-surroundings .info-box {
	width: 31.25%;
}
.company-surroundings .info-box .bd {
	border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;
}
.company-surroundings .info-box .item {
	
}
.company-surroundings .info-box .item .year {
	color: rgb(73, 73, 73); font-size: 56px;
}
.company-surroundings .info-box .item .year::after {
	margin: 15px 0px 20px; width: 24px; height: 2px; display: block; content: ""; background-color: rgb(73, 73, 73);
}
.company-surroundings .info-box .item .title {
	color: rgb(73, 73, 73); font-size: 20px;
}
.company-surroundings .info-box .item .brief {
	color: rgb(137, 137, 137); line-height: 24px;
}
.company-surroundings .info-box .hd {
	margin-top: 25px; max-width: 87%;
}
.company-surroundings .info-box .hd a {
	color: rgb(202, 202, 202); font-size: 14px; margin-right: 20px;
}
.company-surroundings .info-box .hd i {
	border: 1px solid rgb(202, 202, 202); border-image: none; width: 13px; height: 13px; background-color: rgb(255, 255, 255);
}
.company-surroundings .info-box .button-box {
	width: 28px; margin-top: 32px;
}
.company-surroundings .images-box {
	width: 65.41%;
}
.company-surroundings .images-box .img-box .item {
	width: 36.3%; margin-bottom: 1%; margin-left: 2%;
}
.company-surroundings .images-box .img-box .hd {
	margin-top: 20px;
}
.company-surroundings .images-box .img-box .hd a {
	border-radius: 100%; transition:300ms; width: 21px; height: 21px; background-color: rgb(221, 221, 221); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.company-surroundings .images-box .img-box .hd a.on {
	border: 1px solid rgb(32, 152, 212); border-image: none; background-color: rgb(255, 255, 255);
}
.video-list .bd {
	margin: 0px auto 5%; height: 384px;
}
.video-list .bar {
	left: 0px; letter-spacing: -5px;
}
.video-list .bar * {
	letter-spacing: normal;
}
.video-list .item {
	width: 33.33%; max-width: 400px; background-color: rgb(88, 88, 88);
}
.video-list .img {
	height: 192px;
}
.video-list .i1 .img {
	transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -moz-transform: translateY(100%);
}
.video-list .play {
	background: url("/newwebsite/images/images/video-play.png") no-repeat center; left: 0px; top: 0px; width: 100%; height: 100%;
}
.video-list .desc {
	height: 192px; white-space: normal;
}
.video-list .i1 .desc {
	transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -moz-transform: translateY(-100%);
}
.video-list .name {
	color: rgb(255, 255, 255); font-size: 16px;
}
.video-list .name::after {
	margin: 15px auto; width: 32px; height: 4px; display: block; content: ""; background-color: rgb(255, 255, 255);
}
.video-list .brief {
	margin: 0px auto; width: 76.25%; color: rgb(255, 255, 255); line-height: 18px; max-height: 54px;
}
.video-list .hd a {
	margin: 0px 8px; border-radius: 15px; transition:300ms; width: 14px; height: 14px; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.video-list .hd .on {
	width: 50px; background-color: rgb(32, 152, 212);
}
#service .cate-name {
	font-size: 34px; margin-top: 65px;
}
#service .cate-brief {
	font-size: 20px;
}
.service-category-1 .cate-name {
	color: rgb(58, 58, 58);
}
.service-category-4 .cate-name {
	color: rgb(58, 58, 58);
}
.service-category-5 .cate-name {
	color: rgb(58, 58, 58);
}
.service-category-1 .cate-brief {
	color: rgb(58, 58, 58);
}
.service-category-4 .cate-brief {
	color: rgb(58, 58, 58);
}
.service-category-5 .cate-brief {
	color: rgb(58, 58, 58);
}
.service-category-2 .cate-name {
	color: rgb(255, 255, 255);
}
.service-category-3 .cate-name {
	color: rgb(255, 255, 255);
}
.service-category-2 .cate-brief {
	color: rgb(255, 255, 255);
}
.service-category-3 .cate-brief {
	color: rgb(255, 255, 255);
}
.service-category-1 {
	background: url("/newwebsite/images/images/service-bg.jpg") no-repeat 54% 63%;
}
.service-category-1 .box-list {
	padding: 0px 4.16%; letter-spacing: -5px; margin-top: 35px;
}
.service-category-1 .box-list * {
	letter-spacing: normal;
}
.service-category-1 .item {
	margin: 45px 0px 45px 3.39%; width: 31%; vertical-align: top;
}
.service-category-1 .item0.item {
	margin-left: 0px;
}
.service-category-1 .item .img {
	width: 46px;
}
.service-category-1 .item .info {
	width: 88%;
}
.service-category-1 .item .name {
	color: rgb(58, 58, 58); font-size: 20px; margin-top: -5px;
}
.service-category-1 .item .title {
	color: rgb(108, 108, 108); font-family: "itcavant";
}
.service-category-1 .item .brief {
	color: rgb(74, 74, 74); line-height: 20px; margin-top: 15px;
}
.service-category-1 .item .price {
	padding: 0px 20px; border-radius: 20px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 20px; margin-top: 15px; background-color: #02a2d3;
}
.service-category-1 .item .price span {
	font-family: "itcavant"; font-size: 24px; font-weight: bold;
}
.service-category-1 .desc {
	margin: 45px auto 90px; width: 90%;
}
.service-category-1 .desc .name {
	color: rgb(58, 58, 58); font-size: 24px;
}
.service-category-1 .desc .title {
	color: rgb(97, 97, 97); font-size: 18px; margin-bottom: 40px;
}
.service-category-1 .desc .more {
	margin: 40px auto 0px; border: 2px solid rgb(106, 106, 106); border-image: none; width: 182px; height: 62px; color: rgb(106, 106, 106); line-height: 58px; font-size: 14px;
}
.service-category-1 .desc .more:hover {
	border-color: rgb(61, 168, 229); color: rgb(61, 168, 229);
}
.service-category-2 {
	background: url("/newwebsite/images/images/service-bg-1.jpg") top; padding-bottom: 50px; min-height: 700px;
}
.service-category-2 .box-list {
	margin: 3.5% auto 0px; width: 91.92%; letter-spacing: -5px; z-index: 5;
}
.service-category-2 .box-list * {
	letter-spacing: normal;
}
.service-category-2 .item {
	background: url("/newwebsite/images/images/service-box-arrow.png") no-repeat left 10px; margin: 0px 0px 3% 3%; width: 19%; padding-left: 5%; vertical-align: top; box-sizing: content-box;
}
.service-category-2 .item0.item {
	background: none; padding-left: 0px; margin-left: 0px;
}
.service-category-2 .item .img {
	border-radius: 100%; width: 44px; height: 44px;
}
.service-category-2 .item .info {
	width: 77.41%;
}
.service-category-2 .item .name {
	color: rgb(255, 255, 255); font-size: 18px;
}
.service-category-2 .item .brief {
	color: rgb(108, 108, 108); line-height: 20px; font-size: 14px; margin-top: 15px;
}
.service-category-2 .wave {
	height: 106px; bottom: 0px;
}
.service-category-2 .wave-0 {
	background: url("/newwebsite/images/images/service-wave-0.png") repeat-x left bottom; animation:WaveL 20s linear infinite; width: 267.44%; right: 0px; z-index: 3; opacity: 0.61; -webkit-animation: WaveL 20s linear 0s infinite normal;
}
.service-category-2 .wave-1 {
	background: url("/newwebsite/images/images/service-wave-1.png") repeat-x right bottom; animation:WaveL 10s linear infinite; width: 223.12%; right: 0px; z-index: 2; opacity: 0.73; -webkit-animation: WaveL 10s linear 0s infinite normal;
}
.service-category-2 .wave-2 {
	background: url("/newwebsite/images/images/service-wave-2.png") repeat-x right bottom; animation:WaveL 15s linear infinite; width: 435.67%; right: 0px; z-index: 1; opacity: 0.7; -webkit-animation: WaveL 15s linear 0s infinite normal;
}
.service-category-3 {
	background-position: top; height: 700px; padding-bottom: 150px; background-image: url("/newwebsite/images/images/service-bg-2.jpg"); background-repeat: no-repeat; background-size: 100% 100%;
}
.service-category-3 .star {
	background: url("/newwebsite/images/images/service-star.jpg") no-repeat bottom; left: 0px; width: 100%; height: 175px; bottom: 0px;
}
.service-category-3 .box-list {
	margin-top: 6%; z-index: 2;
}
.service-category-3 .item {
	margin: 0px 3.22%; padding: 5.52% 5.46%;
}
.service-category-3 .item .hexagon {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url("/newwebsite/images/images/hexagon-0.png"); background-repeat: no-repeat; background-size: auto 100%;
}
.service-category-3 .item .hexagon-1 {
	opacity: 0.5; transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -moz-transform: rotate(20deg);
}
.service-category-3 .item .main {
	left: 0px; top: 0px; width: 100%; height: 100%;
}
.service-category-3 .item .name {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 14px;
}
.service-category-3 .item:hover .hexagon-0 {
	transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
}
.service-category-3 .item:hover .hexagon-1 {
	transform: rotate(110deg); -webkit-transform: rotate(110deg); -o-transform: rotate(110deg); -moz-transform: rotate(110deg);
}
.service-category-4 {
	background: url("/newwebsite/images/images/service-bg-3.jpg") no-repeat top; height: 700px;
}
.service-category-4 .img {
	margin: 0px auto; padding: 4% 15% 3%; width: 90.62%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; max-width: 1200px;
}
.service-category-4 .info {
	margin: 2% auto 0px; width: 85.93%; color: rgb(58, 58, 58); line-height: 22px; font-size: 14px;
}
.service-category-5 {
	border-top-color: rgb(236, 236, 236); border-top-width: 1px; border-top-style: solid;
}
.service-category-5 .box-list {
	margin: 3% auto 60px; width: 91.92%; vertical-align: top;
}
.web-side .category a {
	color: rgb(93, 93, 93); line-height: 47px; font-size: 14px; margin-right: 25px;
}
.web-side .category a:hover {
	color: rgb(61, 168, 229);
}
.web-side .before.category a::before {
	width: 0px; height: 0px; margin-right: 8px; vertical-align: middle; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(93, 93, 93); border-top-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; display: inline-block; content: "";
}
.web-side .after.category a::after {
	width: 0px; height: 0px; margin-left: 5px; vertical-align: middle; border-top-color: rgb(93, 93, 93); border-right-color: transparent; border-left-color: transparent; border-top-width: 4px; border-right-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: inline-block; content: "";
}
.web-side .evaluation {
	border: 1px solid rgb(233, 233, 233); border-image: none; width: 159px; height: 47px; color: rgb(120, 120, 120); line-height: 45px;
}
.web-side .evaluation i {
	width: 21px; height: 19px; vertical-align: middle; display: inline-block; position: relative; z-index: 1; background-image: url("/newwebsite/images/images/ico-client-0.png"); background-repeat: no-repeat;
}
.web-side .evaluation i::before {
	transition:300ms; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 0; background-image: url("/newwebsite/images/images/ico-client-1.png"); background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.web-side .evaluation:hover {
	border-color: rgb(61, 168, 229); color: rgb(61, 168, 229);
}
.web-side .evaluation:hover i::before {
	opacity: 1;
}
.web-side .category .on {
	color: rgb(61, 168, 229);
}
.web-side .before.category .on::before {
	border-left-color: rgb(61, 168, 229); transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg);
}
#case {
	min-height: 605px;
}
#case .case-category a {
	border-radius: 20px; border: 1px solid transparent; border-image: none; width: 10.16%; height: 36px; color: rgb(93, 93, 93); line-height: 36px; font-size: 14px; max-width: 120px;
}
#case .case-category a:hover {
	color: rgb(255, 255, 255); background-color: #02a2d3;
}
#case .case-category .on {
	color: rgb(255, 255, 255); background-color: #02a2d3;
}
#case .case-industry {
	margin-top: 15px;
}
#case .case-industry a {
	margin: 0px 5px; border: 1px solid rgb(93, 93, 93); border-image: none; width: 8%; height: 26px; color: rgb(93, 93, 93); line-height: 26px; font-size: 14px; max-width: 100px;
}
#case .case-industry a:hover {
	border-color: #02a2d3; color: #02a2d3;
}
#case .case-industry a.on {
	border-color: #02a2d3; color: #02a2d3;
}
#case .case-list {
	letter-spacing: -5px;
}
#case .case-list * {
	letter-spacing: normal;
}
#case .case-list .item {
	width: 25%; visibility: hidden;
}
#case .case-list .item0.item {
	background-color: rgb(238, 239, 239);
}
#case .case-list .item1.item {
	background-color: rgb(246, 246, 246);
}
#case .case-list .item .more {
	padding: 5%; left: 0px; top: 0px; width: 100%; height: 100%; vertical-align: middle; opacity: 0; background-color: rgba(3, 130, 219, 0.95);
}
#case .case-list .item .more span {
	color: rgb(255, 255, 255); font-size: 14px;
}
#case .case-list .item .more p {
	height: 44px; color: rgb(182, 225, 255); line-height: 22px; font-size: 12px; margin-top: 28px;
}
#case .case-list .item .info {
	padding: 12px;
}
#case .case-list .item .name {
	color: rgb(102, 102, 102); font-size: 18px;
}
#case .case-list .item .name a {
	color: inherit;
}
#case .case-list .item .title {
	color: rgb(113, 113, 113); margin-top: 8px;
}
#case .case-list .item:hover .img img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);
}
#case .case-list .item:hover .more {
	opacity: 1;
}
#case .case-list .item:hover .name a {
	color: #02a2d3;
}
#case .case-list .item:hover .title {
	color: rgb(255, 255, 255);
}
.case-detail .info {
	padding: 0px 90px 0px 28px; width: 70%; border-right-color: rgb(214, 214, 214); border-right-width: 1px; border-right-style: dashed;
}
.case-detail .info .name {
	color: rgb(102, 102, 102); font-size: 24px;
}
.case-detail .info .title {
	color: rgb(153, 153, 153); font-size: 12px;
}
.case-detail .info .brief {
	padding: 20px 0px; color: rgb(153, 153, 153); line-height: 20px; font-size: 14px;
}
.case-detail .info .brief * {
	color: rgb(153, 153, 153); font-size: inherit;
}
.case-detail .icon {
	padding: 28px 0px 0px 68px; width: calc(30% - 68px);
}
.case-detail .icon .a-icon {
	background-position: 20px; border-radius: 16px; border: 1px solid rgb(226, 226, 226); border-image: none; width: 65%; height: 38px; color: rgb(102, 102, 102); line-height: 38px; padding-left: 50px; font-size: 14px; margin-bottom: 30px; min-width: 150px; background-repeat: no-repeat;
}
.case-detail .icon .a-icon:hover {
	border-color: #02a2d3; color: rgb(255, 255, 255); background-color: #02a2d3;
}
.case-detail .icon .link.a-icon {
	background-image: url("/newwebsite/images/images/link.png");
}
.case-detail .icon .link.a-icon:hover {
	background-image: url("/newwebsite/images/images/link_hover.png");
}
.case-detail .icon .message.a-icon {
	background-image: url("/newwebsite/images/images/message.png");
}
.case-detail .icon .message.a-icon:hover {
	background-image: url("/newwebsite/images/images/message_hover.png");
}
.case-detail .icon .get-price.a-icon {
	background-image: url("/newwebsite/images/images/get_price.png");
}
.case-detail .icon .get-price.a-icon:hover {
	background-image: url("/newwebsite/images/images/get_price_hover.png");
}
.case-detail .icon .review.a-icon {
	background-image: url("/newwebsite/images/images/review.png");
}
.case-detail .icon .review.a-icon:hover {
	background-image: url("/newwebsite/images/images/review_hover.png");
}
.case-detail .chain {
	background-position: center; padding: 6%; border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none; margin-top: 10px; background-image: url("/newwebsite/images/images/ico-chain.png"); background-repeat: no-repeat; background-size: 50% auto;
}
.case-detail .main .long-chain {
	background: rgb(255, 255, 255); margin: 15px auto; border-radius: 4px; width: 30%; height: 28px; color: rgb(32, 152, 212); line-height: 28px; text-decoration: none; min-width: 130px;
}
.case-detail .cover-img {
	width: 66.4%; visibility: hidden; min-height: 400px;
}
.case-detail .big-img {
	margin-top: 20px; visibility: hidden;
}
.case-detail .desc {
	padding: 3%; border: 1px solid rgb(226, 226, 226); border-image: none; margin-top: 20px; background-color: rgb(254, 254, 254);
}
.case-detail .desc .item {
	padding-top: 1.7%; margin-top: 1.7%; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;
}
.case-detail .desc :first-child.item {
	padding-top: 0px; margin-top: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.case-detail .desc .item .title {
	color: rgb(0, 0, 0); font-size: 20px; margin-bottom: 10px;
}
.case-detail .desc .item .brief {
	color: rgb(142, 142, 142); line-height: 30px; font-size: 14px;
}
#info {
	min-height: 650px;
}
.info-list {
	padding: 20px; min-height: 300px;
}
.info-list .item {
	width: 50%; padding-bottom: 50px; margin-bottom: 50px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.info-list .fl.item {
	clear: both;
}
.info-list .item .img {
	width: 57.79%; max-width: 530px;
}
.info-list .item .info {
	padding: 0px 20px; top: 0px; width: 41.43%; height: 100%; right: 0px;
}
.info-list .item .title {
	height: 56px; color: rgb(57, 57, 57); line-height: 28px; font-size: 20px;
}
.info-list .item .title a {
	color: inherit;
}
.info-list .item .title a:hover {
	color: rgb(62, 168, 230);
}
.info-list .item .number {
	margin: 5% 0px -3px; height: 46px; color: rgb(62, 168, 230); line-height: 32px; padding-left: 20px; border-left-color: rgb(60, 168, 230); border-left-width: 3px; border-left-style: solid;
}
.info-list .item .brief {
	margin: 0px 0px 10% 25px; height: 72px; color: rgb(126, 126, 126); line-height: 18px;
}
.info-list .item .more {
	color: rgb(153, 0, 0); text-decoration: underline;
}
.info-list .item .more::after {
	left: 110%; top: 50%; width: 40px; height: 1px; position: absolute; z-index: 1; content: ""; background-color: rgb(216, 216, 216);
}
#info-ext {
	background: rgb(255, 255, 255);
}
#info-ext .info-tag {
	padding: 12px 0px;
}
#info-ext .info-tag .tag-item {
	padding: 5px 12px; border: 1px solid rgba(0, 0, 0, 0.1); border-image: none; color: rgb(51, 51, 51); font-size: 15px; text-decoration: none; margin-right: 15px;
}
#info-ext .info-tag .tag-item:hover {
	background: #02a2d3; border-color: #02a2d3; color: rgb(255, 255, 255);
}
#info-ext .info-tag .cur.tag-item {
	background: #02a2d3; border-color: #02a2d3; color: rgb(255, 255, 255);
}
.info-ext-list {
	margin: 0px auto; padding: 20px 0px 10px; width: 98%; min-height: 300px; max-width: 1200px;
}
.info-ext-list .item {
	width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid; visibility: hidden;
}
.info-ext-list .fl.item {
	clear: both;
}
.info-ext-list .item .img {
	width: 22.5%; max-width: 270px;
}
.info-ext-list .item .img img {
	backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
.info-ext-list .item .info {
	left: calc(22.5% + 40px); top: 0px; width: calc(77.5% - 60px); height: 100%;
}
.info-ext-list .item .title {
	height: 36px; color: rgb(57, 57, 57); line-height: 36px; font-size: 16px; margin-bottom: 15px;
}
.info-ext-list .item .title a {
	color: inherit;
}
.info-ext-list .item .title a:hover {
	color: rgb(62, 168, 230);
}
.info-ext-list .item .brief {
	height: 52px; color: rgb(153, 153, 153); line-height: 26px; overflow: hidden; font-size: 13px; -ms-text-overflow: ellipsis;
}
.info-ext-list .item .more {
	border: 1px solid rgba(0, 0, 0, 0.1); border-image: none; width: 88px; height: 30px; right: 0px; bottom: 30px; color: rgb(153, 153, 153); line-height: 30px; text-decoration: none;
}
.info-ext-list .item .time {
	top: 0px; height: 36px; right: 10px; color: rgb(153, 153, 153); line-height: 36px; font-size: 13px;
}
.info-ext-list .item .tag_views {
	left: calc(22.5% + 40px); bottom: 0px; color: rgb(153, 153, 153); line-height: 26px; font-size: 13px;
}
.info-ext-list .item:hover .img img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);
}
.info-ext-list .item:hover .info {
	left: calc(22.5% + 60px);
}
.info-ext-list .item:hover .title {
	color: #02a2d3;
}
.info-ext-list .item:hover .more {
	background: #02a2d3; border-color: rgb(52, 136, 234); color: rgb(255, 255, 255);
}
.info-ext-list .item:hover .tag_views {
	left: calc(22.5% + 60px);
}
#info-ext .web-page {
	margin: 0px auto; max-width: 1200px;
}
.info-detail {
	padding: 0px 20px;
}
.info-detail .top {
	border-bottom-color: rgb(207, 207, 207); border-bottom-width: 1px; border-bottom-style: solid; visibility: hidden;
}
.info-detail .title {
	color: rgb(2, 121, 195); font-size: 20px; margin-bottom: 10px; visibility: hidden;
}
.info-detail .info {
	color: rgb(123, 123, 123); line-height: 30px; padding-bottom: 15px;
}
.info-detail .info span {
	margin: 0px 10px;
}
.info-detail .info .bdsharebuttonbox {
	margin-left: 10px;
}
.info-detail .info .bdsharebuttonbox > a {
	float: none;
}
.info-detail .editor {
	visibility: hidden; min-height: 520px;
}
.info-detail .pvnx {
	width: 30%; height: 36px; line-height: 36px;
}
.info-detail .pvnx a {
	color: #02a2d3; font-size: 15px; text-decoration: none;
}
.editor * {
	color: inherit; font-family: inherit; font-size: inherit;
}
.editor img {
	max-width: 100%;
}
#video {
	padding: 55px 0px 100px;
}
#video .ico-video {
	background-position: left; left: 0px; top: 75px; width: 8%; height: 190px; background-image: url("/newwebsite/images/images/ico-video.png"); background-repeat: no-repeat; background-size: 100% auto;
}
#video .main {
	width: 91.25%;
}
#video .video {
	width: 50.68%; min-height: 310px; max-width: 555px;
}
#video .video .play {
	left: 0px; top: 0px; width: 100%; height: 100%;
}
#video .video .play::after {
	background-position: center; margin: -4.59% 0px 0px -4.59%; padding: 0px 0px 9.18% 9.18%; left: 50%; top: 50%; width: 0px; height: 0px; position: absolute; z-index: 1; content: ""; background-image: url("/newwebsite/images/images/ico-play-1.png"); background-repeat: no-repeat; background-size: 100% auto;
}
#video .video .num {
	width: 27%; height: 60px; right: 0px; bottom: 0px; color: rgb(163, 163, 163); line-height: 60px; font-size: 20px; z-index: 2; background-color: rgb(255, 255, 255);
}
#video .video .num span {
	color: rgb(153, 0, 0); font-size: inherit;
}
#video .info {
	top: 0px; width: 43.83%; height: 100%; right: 0px; padding-right: 10px;
}
#video .info .name {
	color: rgb(57, 57, 57); font-size: 24px;
}
#video .info .title {
	color: rgb(21, 131, 182); font-size: 40px;
}
#video .info .brief {
	color: rgb(126, 126, 126); line-height: 18px; margin-top: 40px;
}
#video .info .play {
	margin-top: 70px;
}
#video .info .play a {
	background: url("/newwebsite/images/images/ico-play-2.png") no-repeat left; color: rgb(153, 0, 0); padding-left: 20px; margin-left: 10px;
}
#video .video-item {
	margin: 1%; width: 10.5%;
}
#video .on.video-item a::before {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 0.8; background-color: rgb(32, 152, 212);
}
#video .on.video-item a::after {
	background-position: center; margin: -14.78% 0px 0px -14.78%; padding: 0px 0px 29.56% 29.56%; left: 50%; top: 50%; position: absolute; z-index: 2; content: ""; background-image: url("/newwebsite/images/images/ico-play-1.png"); background-repeat: no-repeat; background-size: 100% auto;
}
#video .video-line {
	margin: 55px 20px 40px; height: 0px; border-top-color: rgb(236, 236, 236); border-top-width: 1px; border-top-style: solid;
}
#PlayVideo {
	left: 10%; top: 10%; width: 80%; height: 80%; position: fixed; z-index: 51;
}
#PlayVideo .close-btn {
	left: 100%; top: 0px; width: 60px; height: 60px; position: absolute; z-index: 1;
}
#contact {
	background: url("/newwebsite/images/images/contact-bg.jpg") no-repeat center;
}
#contact::after {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 0.8; background-color: rgb(255, 255, 255);
}
#contact .main {
	z-index: 2;
}
#contact .top {
	padding: 60px 0px 45px; border-bottom-color: rgb(197, 197, 197); border-bottom-width: 1px; border-bottom-style: solid;
}
#contact .top .title {
	color: rgb(57, 57, 57); font-size: 30px;
}
#contact .top .brief {
	color: rgb(57, 57, 57); font-size: 20px;
}
#contact .contact-info {
	
}
#contact .contact-info .item {
	margin: 0px 2.19%; padding: 40px 0px 0px; width: 20.54%; height: 140px; vertical-align: top; border-bottom-color: rgb(195, 195, 195); border-bottom-width: 1px; border-bottom-style: solid;
}
#contact .contact-info .ico {
	width: 17.33%; margin-top: 5px; vertical-align: top; min-width: 50px;
}
#contact .contact-info .info {
	max-width: 80%;
}
#contact .contact-info .title {
	color: rgb(59, 59, 59); font-size: 20px;
}
#contact .contact-info .desc {
	color: rgb(59, 59, 59); font-family: Arial; font-size: 20px;
}
#contact .contact-address {
	margin: 40px 4.16% 50px;
}
#contact .contact-address .ico {
	width: 2.57%; min-width: 30px;
}
#contact .contact-address .info {
	width: 95%; color: rgb(59, 59, 59); line-height: 35px; padding-left: 10px; font-size: 18px;
}
#contact .ddsub {
	margin: 15px auto 0px; border: 1px solid rgb(57, 57, 57); border-image: none; width: 196px; height: 55px; text-align: center; line-height: 55px;
}
#contact .ddsub a {
	font-size: 16px;
}
#contact .guide-title {
	color: rgb(57, 57, 57); font-size: 30px;
}
#contact .bus-guide {
	background: rgb(255, 255, 255); padding: 50px 4.16%; width: 55%; height: 400px; margin-bottom: 1.7%; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
#contact .bus-guide .bus-guide-title {
	background: url("/newwebsite/images/images/lianxi_ico2.png") no-repeat left; color: rgb(51, 51, 51); padding-left: 45px; font-size: 24px;
}
#contact .bus-guide .bus-guide-content {
	color: rgb(102, 102, 102); line-height: 30px;
}
#contact .bus-guide .bus-guide-content .span-left {
	width: 45px; font-size: 14px; display: block;
}
#contact .bus-guide .bus-guide-content .span-right {
	width: calc(100% - 45px); font-size: 14px; display: block;
}
#contact .rail-car-guide {
	width: 44%;
}
#contact .rail-car-guide .rail-guide {
	background: rgb(255, 255, 255); padding: 50px 6% 0px 8%; height: 195px; margin-bottom: 1.7%; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
#contact .rail-car-guide .rail-guide .rail-guide-title {
	background: url("/newwebsite/images/images/lianxi_ico3.png") no-repeat left; color: rgb(51, 51, 51); padding-left: 45px; font-size: 24px;
}
#contact .rail-car-guide .rail-guide .rail-guide-content {
	color: rgb(102, 102, 102); line-height: 30px;
}
#contact .rail-car-guide .rail-guide .rail-guide-content .span-left {
	width: 45px; font-size: 14px; display: block;
}
#contact .rail-car-guide .rail-guide .rail-guide-content .span-right {
	width: calc(100% - 45px); font-size: 14px; display: block;
}
#contact .rail-car-guide .car-guide {
	background: rgb(255, 255, 255); padding: 50px 6% 0px 8%; height: 195px; margin-bottom: 1.7%; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
#contact .rail-car-guide .car-guide .car-guide-title {
	background: url("/newwebsite/images/images/lianxi_ico4.png") no-repeat left; color: rgb(51, 51, 51); padding-left: 45px; font-size: 24px;
}
#contact .rail-car-guide .car-guide .car-guide-content {
	color: rgb(102, 102, 102); line-height: 30px;
}
#contact .rail-car-guide .car-guide .car-guide-content .span-left {
	width: 70px; font-size: 14px; display: block;
}
#contact .rail-car-guide .car-guide .car-guide-content .span-right {
	width: calc(100% - 70px); font-size: 14px; display: block;
}
#phone-advisory {
	left: 0px; width: 100%; bottom: 0px; z-index: 4; background-color: rgb(2, 130, 219);
}
#phone-advisory::after {
	left: 50%; top: 30px; width: 1px; height: 38px; position: absolute; z-index: 1; content: ""; background-color: rgb(123, 187, 232);
}
#phone-advisory .item {
	padding: 30px 0px; width: 50%; height: 38px; color: rgb(255, 255, 255); line-height: 38px; font-size: 26px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
#phone-advisory .item i {
	background-position: center; margin-right: 15px; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: 100% auto;
}
#phone-advisory .phone i {
	width: 25px; height: 31px; background-image: url("/newwebsite/images/images/advisory-phone.png");
}
#phone-advisory .service i {
	width: 33px; height: 33px; background-image: url("/newwebsite/images/images/advisory-service.png");
}
.phone-advisory-blank {
	height: 98px;
}
#footer {
	background: url("/newwebsite/images/images/footer-bg.jpg") rgb(23, 23, 23);
}
#footer .contact-info {
	width: 64%;
}
#footer .contact-info .t {
	color: rgb(153, 153, 153); font-size: 20px;
}
#footer .contact-info .t span {
	color: #02a2d3; font-size: 20px;
}
#footer .contact-info .n {
	color: rgb(102, 102, 102); font-size: 24px;
}
#footer .contact-info .b {
	color: rgb(102, 102, 102); font-size: 14px;
}
#footer .contact-info .contact-btn {
	background: #02a2d3; border-radius: 16px; width: 100px; height: 32px; color: rgb(255, 255, 255); line-height: 32px; font-size: 14px;
}
#footer .contact-qrcode {
	width: 165px; color: rgb(102, 102, 102); font-size: 14px; margin-top: 32px;
}
#footer .btm-item {
	width: calc(33.3333% - 25px); margin-left: 36px;
}
#footer .first.btm-item {
	margin-left: 0px;
}
#footer .btm-item .btm-item-title {
	height: 48px; color: rgb(255, 255, 255); line-height: 48px; font-size: 16px; margin-bottom: 30px; border-bottom-color: rgb(76, 76, 76); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer .btm-item .btm-item-title .btm-item-more {
	height: 48px; color: rgb(255, 255, 255); line-height: 48px; font-size: 12px;
}
#footer .btm-item .btm-item-list {
	width: 42%; line-height: 28px; margin-right: 8%;
}
#footer .btm-item .btm-item-list a {
	color: rgb(153, 153, 153);
}
#footer .btm-item .btm-item-cont {
	height: 190px; color: rgb(153, 153, 153); line-height: 28px;
}
#footer .btm-item .btm-item-cont a {
	color: rgb(153, 153, 153);
}
#footer .links {
	margin: 15px 0px 0px; padding: 0px 0px 15px; color: rgb(79, 79, 79); line-height: 24px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer .links .links-title {
	color: rgb(255, 255, 255); font-size: 16px; margin-bottom: 20px;
}
#footer .links a {
	color: inherit; font-size: inherit; margin-right: 24px;
}
#footer .links a:hover {
	color: rgb(255, 255, 255);
}
#footer .links span {
	margin: 0px 5px;
}
#footer .copyright {
	line-height: 52px; border-top-color: rgba(255, 255, 255, 0.1); border-top-width: 1px; border-top-style: solid;
}
#footer .copyright div {
	color: rgb(153, 153, 153);
}
#footer .copyright a {
	color: inherit;
}
#footer .copyright a:hover {
	color: rgb(255, 255, 255);
}
#footer .qrcode {
	margin: 0px auto 30px; color: rgb(255, 255, 255); font-size: 14px; max-width: 130px;
}
#footer .qrcode img {
	margin-bottom: 10px;
}
#footer_alert {
	background: rgba(233, 233, 233, 0.9); left: 0px; width: 100%; height: 58px; bottom: -100px; position: fixed; z-index: 999;
}
#footer_alert .wrap {
	height: 100%; position: relative;
}
#footer_alert .img {
	left: 240px; width: 96px; height: 66px; bottom: 7px; position: absolute;
}
#footer_alert .txt {
	color: rgb(83, 83, 83); line-height: 58px; font-size: 24px; margin-left: 380px; float: left;
}
#footer_alert .txt span {
	margin: 0px 10px; color: rgb(62, 179, 160); font-family: "Arial"; font-size: 32px; vertical-align: bottom;
}
#footer_alert .btn {
	background: #02a2d3; border-radius: 19px; width: 166px; height: 38px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; text-decoration: none; margin-top: 11px; margin-right: 200px; float: right; display: inline-block; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; -o-border-radius: 19px;
}
#footer_alert .btn i {
	background: url("/images/icons.png") no-repeat -37px -3px; left: 15px; top: 7px; width: 27px; height: 22px;
}
#footer_alert .close {
	width: 25px; height: 25px; margin-top: 17px; margin-right: 10px; float: right; cursor: pointer;
}
#footer_alert .close i {
	background: url("/images/icons.png") no-repeat -456px -398px; left: 0px; top: 0px; width: 25px; height: 25px;
}
#night_mod {
	background: url("/oldwebsite/images/htbg.png") no-repeat center; left: 0px; width: 100%; height: 80px; bottom: -80px; position: fixed; z-index: 9999;
}
#night_mod .font {
	color: rgb(255, 255, 255); line-height: 55px; font-size: 24px; font-weight: bold;
}
#night_mod .ngiht_qq_block {
	width: 508px; height: 27px; padding-top: 27px; margin-left: 50%; position: relative; z-index: 9000;
}
#night_mod .ngiht_qq_block .ngiht_qq {
	width: 98px; height: 27px; margin-right: 14px; float: left; display: inline-block;
}
#night_mod .ngiht_qq_block .night_cls {
	background: url("/oldwebsite/images/night_cls.png") no-repeat center; top: 27px; width: 21px; height: 21px; right: 30px; position: absolute; z-index: 9001; cursor: pointer;
}
#follow {
	right: leftpx; top: 25%; width: 70px; position: fixed; z-index: 100000;
}
#follow .follow-item {
	width: 70px; overflow: hidden;
}
#follow .follow-item div {
	padding: 12px 10px; width: 70px; color: rgb(255, 255, 255); line-height: 22px; font-size: 12px;
}
#follow .follow-item .phone {
	top: 0px; width: 170px; height: 100%; right: 70px; color: rgb(255, 255, 255); line-height: 48px; font-size: 18px;
}
#follow .bg1.follow-item {
	background:#3394df;
}
#follow .bg2.follow-item {
	background: #339cdf;
}
#follow .short.follow-item:hover {
	width: 80px;
}
#follow .long.follow-item:hover {
	width: 240px;
}
#follow .to-top.follow-item {
	border-bottom-right-radius: 13px;
}
#follow .follow-item span {
	border-radius: 100%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 25px; height: 25px; color: rgb(255, 255, 255); line-height: 25px;
}
#follow .to-top.follow-item:hover {
	background: rgb(239, 239, 239);
}
#follow .to-top.follow-item:hover span {
	border-color: rgb(255, 72, 0);
}
#follow .to-top.follow-item:hover * {
	color: rgb(255, 72, 0);
}
#msg-mask {
	background: rgba(255, 255, 255, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100000;
}
#msg-box {
	background: rgb(255, 255, 255); left: 50%; top: 50%; width: 760px; height: 758px; margin-top: -379px; margin-left: -380px; display: none; z-index: 100001; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
#msg-box .t {
	margin: 0px auto; width: 680px; color: #02a2d3; font-size: 16px;
}
#msg-box .t::before {
	background: rgb(233, 233, 233); left: 0px; top: 11px; width: 200px; height: 1px; position: absolute; content: "";
}
#msg-box .t::after {
	background: rgb(233, 233, 233); top: 11px; width: 200px; height: 1px; right: 0px; position: absolute; content: "";
}
#msg-box .sub-t {
	color: rgb(153, 153, 153); font-size: 14px;
}
#msg-box .msg-bottom {
	background: url("msg_btm_bg.jpg") no-repeat top; width: 100%; height: 170px;
}
#msg-box .msg-bottom .msg-submit {
	background: rgb(255, 255, 255); margin: 0px auto; border-radius: 18px; border: 2px solid #02a2d3; border-image: none; width: 136px; height: 36px; color: #02a2d3; line-height: 32px; font-size: 16px;
}
#msg-box .msg-bottom .msg-phone {
	color: rgb(255, 255, 255); line-height: 22px; font-size: 20px; font-weight: bold;
}
#msg-box .cls {
	top: 10px; width: 20px; height: 20px; right: 10px; color: rgb(153, 153, 153); line-height: 20px; font-size: 26px; z-index: 99999; cursor: pointer;
}
#msgForm {
	margin: 0px auto; width: 640px;
}
#msgForm .font {
	color: rgb(51, 51, 51); font-size: 22px;
}
#msgForm .input {
	border: 1px solid rgb(221, 221, 221); border-image: none; height: 44px; color: rgb(153, 153, 153); line-height: 44px; text-indent: 14px; font-size: 14px;
}
#msgForm .long-input {
	width: 640px;
}
#msgForm .short-input {
	width: 208px; margin-right: 4px;
}
#msgForm .right-blank.short-input {
	margin-right: 0px;
}
#msgForm .input-label {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 150px; height: 44px; color: rgb(51, 51, 51); line-height: 44px; font-size: 14px; margin-right: 10px; cursor: pointer;
}
#msgForm .input-label:hover {
	border-color: #02a2d3;
}
#msgForm .checked.input-label {
	border-color: #02a2d3;
}
#msgForm .checked.input-label::after {
	background: url("/newwebsite/images/images/checked.png") no-repeat center #02a2d3; width: 12px; height: 12px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 10px; position: absolute; content: "";
}
#msgForm .input-radio-label {
	font-size: 14px;
}
#openHotline .ico {
	background: url("/newwebsite/images/images/p-phone.png") no-repeat center;
}
#hotline .top {
	background-color: rgb(255, 190, 51);
}
#online .top {
	background-color: rgb(61, 168, 229);
}
#follow [id^='open'].item .ico {
	transition:300ms 600ms; left: 0px; -webkit-transition: all 300ms ease 600ms; -o-transition: all 300ms ease 600ms; -moz-transition: all 300ms ease 600ms;
}
#follow [id^='open'].item {
	transition:300ms 300ms; -webkit-transition: all 300ms ease 300ms; -o-transition: all 300ms ease 300ms; -moz-transition: all 300ms ease 300ms;
}
#follow .open.item {
	transition:300ms 300ms; -webkit-transition: all 300ms ease 300ms; -o-transition: all 300ms ease 300ms; -moz-transition: all 300ms ease 300ms;
}
#follow .open.item .ico {
	transition:300ms; right: 100%; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
#follow .open.item [id] {
	transition:300ms 600ms; right: -100px; box-shadow: 0px 5px 10px rgba(4,0,0,0.2); -webkit-transition: all 300ms ease 600ms; -o-transition: all 300ms ease 600ms; -moz-transition: all 300ms ease 600ms;
}
#follow #wechat-qrcode {
	transition:all; left: 100%; width: auto; right: auto; bottom: 0px; display: none; position: absolute; max-width: 200px; -webkit-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s;
}
.bdsharebuttonbox a {
	margin: 0px 6px !important; float: none !important;
}
.bdsharebuttonbox span {
	color: rgb(153, 153, 153); line-height: 16px; font-size: 14px;
}
#openQrcode:hover #wechat-qrcode {
	animation:show-dd 0.8s; display: block !important; -webkit-animation: show-dd .8s;
}
#new-404 {
	background: url("/newwebsite/images/404.png") no-repeat top; width: 100%; height: 100%;
}
#new-404 .enter {
	margin: 0px auto; width: 100%; text-align: center; max-width: 640px;
}
#new-404 .enter .d-0 {
	padding-top: 63px;
}
#new-404 .enter .d-1 {
	padding-top: 34px; padding-bottom: 22px;
}
#new-404 .enter .d-2 {
	height: 16px; color: rgb(51, 51, 51); line-height: 16px; font-size: 16px; margin-bottom: 15px;
}
#new-404 .enter .d-3 {
	color: rgb(142, 142, 142); line-height: 20px; font-size: 14px;
}
#new-404 .enter .d-4 {
	background: rgb(229, 229, 229); margin: 28px 0px; width: 100%; height: 1px;
}
#new-404 .enter .d-5 {
	color: rgb(127, 127, 127); line-height: 25px; font-size: 16px;
}
#new-404 .enter .d-5 b {
	color: #02a2d3; font-size: 16px;
}
#new-404 .enter .d-6 {
	margin: 28px 0px; color: rgb(102, 102, 102); font-size: 16px;
}
#new-404 .enter .d-6 b {
	color: #02a2d3; font-size: 24px;
}
#new-404 .enter .d-7 {
	text-align: center;
}
#new-404 .enter .d-7 li {
	background: #02a2d3; border-radius: 5px; width: 120px; height: 40px; text-align: center; line-height: 38px; display: inline-block;
}
#new-404 .enter .d-7 li a {
	color: rgb(255, 255, 255); font-size: 14px;
}
#new-404 .enter .d-7 li.on {
	margin: 0px 15px;
}
#new-404 .enter .d-8 {
	margin: 28px 0px; color: rgb(102, 102, 102); font-size: 16px; display: none;
}
#new-404 .enter .d-8 b {
	color: #02a2d3; font-size: 24px;
}
#new-404 .enter .d-9 {
	display: none;
}
@media only screen and (max-width:1680px)
{
.ddwrap {
	width: 90%;
}
}
@media only screen and (max-width:1600px)
{
#header .nav {
	margin-right: 3.5%;
}
#header .nav .item {
	margin: 0px 2.8%;
}
.about-video .item .title {
	letter-spacing: 90px; padding-left: 90px;
}
.case-detail .main .name {
	font-size: 30px;
}
}
@media only screen and (max-width:1533px)
{
#header .nav .item {
	margin: 0px 2.5%;
}
#header .tel {
	line-height: normal;
}
}
@media only screen and (max-width:1440px)
{
#header .nav {
	width: 60%; margin-right: 3%;
}
#header .nav .item {
	margin: 0px 3%;
}
#header .nav .item a {
	font-size: 14px;
}
#header .tel-site {
	width: 10%;
}
#header .tel-site .tel {
	display: none;
}
.index-contact .map {
	height: 425px; margin-left: calc(50% - 720px); max-width: none;
}
.index-contact .left {
	width: 720px; margin-left: calc(50% - 720px);
}
.index-contact .map-logo {
	width: auto; height: 31.76%;
}
.index-contact .map-logo img {
	max-height: 100%; max-width: none;
}
.about-video .item .title {
	letter-spacing: 50px; padding-left: 50px;
}
.index-case .case-list .item .case-mask .mask-name {
	margin-top: 25px;
}
.service-category-1 .item {
	width: 48%;
}
.service-category-1 :nth-child(1).item {
	margin-left: 0px;
}
.service-category-1 :nth-child(3).item {
	margin-left: 0px;
}
.service-category-1 :nth-child(5).item {
	margin-left: 0px;
}
.service-category-1 :nth-child(2).item {
	margin-left: 2%;
}
.service-category-1 :nth-child(4).item {
	margin-left: 2%;
}
.service-category-1 :nth-child(6).item {
	margin-left: 2%;
}
.service-category-3 .item {
	margin: 0px 3%; padding: 7%;
}
#case .case-list .item {
	width: 25%;
}
#contact .contact-info .item {
	width: 40.5%;
}
#contact .contact-info .info {
	width: 75%;
}
}
@media only screen and (max-width:1312px)
{
.show1300 {
	display: block;
}
.hide1300 {
	display: none;
}
#header .nav {
	width: 65%; margin-right: 0px;
}
#header .tel {
	display: none;
}
.team-surroundings {
	padding-right: 3%; padding-bottom: 3%; padding-left: 3%; margin-bottom: 0px;
}
.team-surroundings .rig {
	width: 100%; float: none;
}
.team-surroundings .box {
	margin-bottom: 20px;
}
.team-surroundings .left {
	left: 0px;
}
.team-surroundings .buttons .i a {
	font-size: 18px;
}
.team-surroundings .desc {
	width: 75%; height: 420px; float: right; position: relative; z-index: 1;
}
.team-surroundings .desc .item {
	padding: 5%; left: auto; top: 0px; width: 100%; height: 100%; right: 0px;
}
}
@media only screen and (max-width:1280px)
{
.wrap {
	width: 90%;
}
#header .nav .item > a {
	font-size: 14px;
}
#header .nav .item > a::after {
	top: 44px;
}
.index-server .item .case a:nth-child(5) {
	display: none;
}
.index-server .item .case a:nth-child(6) {
	display: none;
}
.index-server .item .bg {
	padding: 105% 70%;
}
.index-case > .wrap {
	width: 100%;
}
.solution-other ul {
	margin-top: 15px;
}
.solution-other .other-title {
	font-size: 16px;
}
.index-case .case-list .item .case-mask .mask-link {
	display: none;
}
}
@media only screen and (max-width:1200px)
{
.show1200 {
	display: block;
}
.hide1200 {
	display: none;
}
#header .logo-font {
	display: none;
}
#header .nav .item {
	margin: 0px 2.5%;
}
#header .nav .item > a {
	font-size: 14px;
}
#header .tel {
	font-size: 16px;
}
.index-server .item .title a {
	font-size: 14px;
}
.index-server .item .brief {
	height: 54px;
}
.index-server .item:hover .bg {
	display: none;
}
.index-server .item .case {
	padding-top: 14px;
}
.service-category-2 .item {
	width: 28%;
}
.service-category-2 .item0.item {
	background: url("/newwebsite/images/images/service-box-arrow.png") no-repeat left 10px; margin: 0px 0px 3% 3%; padding-left: 5%; vertical-align: top; box-sizing: content-box;
}
.service-category-2 :nth-of-type(1).item {
	background: none; padding-left: 0px; margin-left: 0px;
}
.service-category-2 :nth-of-type(4).item {
	background: none; padding-left: 0px; margin-left: 0px;
}
.service-category-2 :nth-of-type(7).item {
	background: none; padding-left: 0px; margin-left: 0px;
}
.service-category-3 .item {
	margin: 0px 1%; padding: 9%;
}
.case-detail .main .name {
	font-size: 22px;
}
#video .ico-video {
	display: none;
}
#video .main {
	width: 100%;
}
#video .info .title {
	font-size: 26px;
}
.info-list .item {
	width: 100%;
}
}
@media only screen and (max-width:1024px)
{
#header .nav .item {
	margin: 0px 2.5%;
}
.info-ext-list .item .tag_views {
	bottom: 0px;
}
.info-ext-list .item .more {
	bottom: 0px;
}
}
@media only screen and (max-width:992px)
{
.wrap {
	width: 95%;
}
.ddwrap {
	width: 96%;
}
.show992 {
	display: block;
}
.hide992 {
	display: none;
}
.btn-default {
	display: inline-block;
}
.web-title {
	padding: 30px 0px 20px;
}
.header-phone-blank .img {
	width: 50%;
}
#header {
	background-color: rgb(255, 255, 255);
}
#header .logo-on {
	opacity: 1;
}
.on#header {
	padding: 15px 4%;
}
#header .tel-site {
	margin-left: 28px; float: left !important;
}
#header .tel-site .sub-site {
	margin: 6px 0px;
}
#nav {
	transition:300ms; left: 100%; top: 100%; width: 100%; position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0.75); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
}
.open-menu#nav {
	left: 0px;
}
#nav .item {
	width: 100%; text-align: center; line-height: 35px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid;
}
#nav .item > a {
	color: rgb(255, 255, 255) !important; font-size: 14px;
}
#menu-btn {
	display: block;
}
#banner .evaluation {
	width: 150px; height: 45px; line-height: 45px; margin-left: -75px;
}
.banner .evaluation {
	width: 150px; height: 45px; line-height: 45px; margin-left: -75px;
}
.index-server {
	padding-right: 3%; padding-left: 3%;
}
.index-server .item {
	margin: 0px 0px 40px; width: 50%; vertical-align: top; float: none; display: inline-block;
}
.index-server :nth-of-type(1).item {
	padding-right: 4%;
}
.index-server :nth-of-type(3).item {
	padding-right: 4%;
}
.index-server :nth-of-type(2).item {
	padding-left: 4%;
}
.index-server :nth-of-type(4).item {
	padding-left: 4%;
}
.index-case {
	padding-right: 3%; padding-left: 3%;
}
.index-case .case-category {
	display: none;
}
.index-case .case-list {
	margin-top: 0px;
}
.index-case .case-list .item {
	width: 50%;
}
.index-news {
	padding-right: 3%; padding-left: 3%;
}
.index-news .news-item-wrap .news-item {
	margin: 0px 9px 20px; border: 1px solid rgb(204, 204, 204); border-image: none; width: calc(100% - 18px); height: 138px;
}
.index-news .news-item-wrap :nth-child(3n).news-item {
	margin-right: 18px;
}
.index-news .news-item-wrap :nth-child(2n).news-item {
	margin-right: 0px;
}
.index-news .news-item-wrap :nth-child(5).news-item {
	display: none;
}
.index-news .news-item-wrap :nth-child(6).news-item {
	display: none;
}
.index-news .news-item-wrap :nth-child(7).news-item {
	display: none;
}
.index-news .news-item-wrap :nth-child(8).news-item {
	display: none;
}
.index-news .news-item-wrap :nth-child(9).news-item {
	display: none;
}
.index-client .web-title {
	padding-right: 3%; padding-left: 3%;
}
.index-client .item {
	width: 25%; height: 100px;
}
.index-case .case-list .item .case-mask .mask-link {
	display: block;
}
.show-data {
	padding-right: 3%; padding-left: 3%;
}
.show-data .wrap {
	width: 100%;
}
.show-data .item {
	text-align: center; vertical-align: top;
}
.show-data .item p {
	height: 40px; font-size: 14px;
}
.show-data .item p.year {
	display: none;
}
.show-data .item span {
	font-size: 28px;
}
.show-data .item strong {
	font-size: 19px;
}
.index-contact .map {
	margin-left: calc(90% - 720px);
}
.index-contact .left {
	left: calc(90% - 720px); width: 723.5px; margin-left: 0px;
}
.index-contact .contact {
	padding: 20px; width: 100%; height: auto; position: static;
}
#global-contact .contact-info .n {
	font-size: 26px;
}
#footer .contact-info .n {
	font-size: 26px;
}
.about-video .item {
	width: 100%;
}
.about-video .item .title {
	letter-spacing: 80px; padding-left: 80px;
}
.web-side {
	margin-top: 3%;
}
.web-side .evaluation {
	width: 120px; height: 35px; line-height: 35px;
}
.team-list .item {
	width: 33.33%;
}
.team-surroundings .buttons .i a {
	font-size: 14px;
}
.team-surroundings .desc .year {
	font-size: 34px;
}
#service .cate-name {
	width: 90%; margin-right: auto; margin-left: auto;
}
#service .cate-brief {
	width: 90%; margin-right: auto; margin-left: auto;
}
.service-category-1 .item {
	margin: 25px 0px !important; width: 100%;
}
.service-category-1 .item .img {
	width: 10%; max-width: 46px;
}
.service-category-1 .item .info {
	width: 90%; padding-left: 10px; float: left;
}
.service-category-2 {
	padding-bottom: 95px;
}
.service-category-2 .box-list {
	width: 90.62%;
}
.service-category-2 .item {
	background: url("/newwebsite/images/images/service-box-arrow-1.png") no-repeat 2% top !important; margin: 0px 0px 20px !important; padding: 30px 0px 0px !important; width: 100%;
}
.service-category-2 :first-child.item {
	background: none !important;
}
.service-category-2 .item .img {
	width: 10%; max-width: 44px;
}
.service-category-2 .item .info {
	margin: 0px; width: 90%; padding-left: 10px; float: left;
}
.service-category-3 {
	height: auto; min-height: 700px;
}
.service-category-3 .item {
	margin: 0px 3%; padding: 12%;
}
.service-category-4 {
	height: 550px;
}
.service-category-5 .box-list {
	width: 90.62%;
}
.service-category-5 .item {
	width: 33.33%; height: 150px;
}
#case .case-category a {
	margin: 15px 1% 0px; width: 30%;
}
#case .case-list .item {
	width: 50%;
}
#case .case-list .item:hover .more {
	opacity: 0;
}
.case-detail .main {
	width: 100%; position: static;
}
.case-detail .main .chain {
	padding: 4%;
}
.case-detail .cover-img {
	width: 100%; margin-top: 20px; float: none; min-height: 0px;
}
.web-page {
	padding: 0px 7%;
}
.web-page > a {
	margin-right: 5%;
}
#info {
	width: 100%;
}
.info-list {
	padding: 0px;
}
.info-list .item {
	margin: 0px; padding: 30px 3%;
}
.info-list .item .img {
	margin: 0px auto; width: 100%; float: none; min-height: 0px;
}
.info-list .item .info {
	margin: 10px 0px 0px; padding: 0px; width: 100%; position: static;
}
.info-list .item .brief {
	margin-bottom: 3%; margin-left: 0px;
}
.info-ext-list .item .title {
	height: 26px; line-height: 26px; font-size: 14px; margin-bottom: 5px;
}
.info-ext-list .item .time {
	height: 26px; line-height: 26px; font-size: 14px;
}
.info-ext-list .item .brief {
	height: 26px; font-size: 12px;
}
.info-ext-list .item .tag_views {
	line-height: 24px; font-size: 12px;
}
.info-ext-list .item .more {
	line-height: 24px; font-size: 12px;
}
.info-ext-list .item .tag_views {
	bottom: 20px;
}
.video-list {
	padding-right: 3%; padding-left: 3%;
}
.video-list .bd {
	max-width: 800px;
}
.video-list .item {
	width: 50%;
}
#video .video {
	margin: 0px auto 20px; width: 100%; float: none; min-height: 0px;
}
#video .info {
	width: 100%; height: auto; position: static;
}
#contact .top {
	margin: 0px; padding-right: 7.81%; padding-left: 7.81%;
}
#contact .top .title {
	margin-bottom: 10px;
}
#contact .contact-info {
	padding: 0px 4.68%;
}
#contact .contact-info .item {
	margin: 0px; padding: 20px 0px; width: 100%; height: auto;
}
#contact .contact-address .info {
	width: 85%; line-height: 24px; padding-left: 5px; font-size: 16px; margin-top: -5px;
}
#contact iframe {
	display: none;
}
#contact .guide-title {
	font-size: 20px;
}
#contact .bus-guide {
	width: 100% !important; float: none !important;
}
#contact .rail-car-guide {
	width: 100% !important; float: none !important;
}
#footer {
	padding-bottom: 48px;
}
#footer .links {
	color: rgb(255, 255, 255); font-size: 14px;
}
#footer .copyright {
	color: rgb(165, 165, 165); font-size: 14px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
#footer .btm-item {
	width: 100%; margin-bottom: 15px; margin-left: 0px;
}
#global-contact .btm-item {
	width: 100%; margin-bottom: 15px; margin-left: 0px;
}
#footer_alert {
	background: rgba(3, 130, 219, 0.9);
}
#footer_alert .ddol {
	
}
#footer_alert .ddol div {
	width: 33.3%; text-align: center; line-height: 50px; float: left;
}
#footer_alert .ddol div a {
	color: rgb(255, 255, 255); font-size: 20px;
}
#footer_alert .ddol div img {
	margin-right: 5px;
}
#follow {
	right: 0px; display: none;
}
#follow .item {
	
}
#follow .item .phone.ico {
	border-top-left-radius: 10px;
}
#follow :last-child.item .ico {
	border-bottom-left-radius: 10px;
}
#follow .item .ico {
	background-position: center; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 50% auto;
}
#follow .item .ico .fa {
	display: none;
}
#follow .item .phone.ico {
	background-image: url("/newwebsite/images/images/m-phone.png");
}
#follow .item .sina.ico {
	background-image: url("/newwebsite/images/images/m-sina.png");
}
#follow .item .wechat.ico {
	background-image: url("/newwebsite/images/images/m-wechat.png");
}
#follow .item .totop .fa {
	font-size: 25px; display: inline-block;
}
.solution-item {
	width: calc(50% - 20px);
}
.solution-detail {
	width: 100%; float: none;
}
.case-detail .info {
	margin: 0px auto; padding: 0px; width: 95%; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.case-detail .icon {
	margin: 15px 0px; padding: 0px; width: 100%; text-align: center;
}
.case-detail .icon .a-icon {
	margin: 5px 10px; width: 150px; display: inline-block;
}
}
@media only screen and (max-width:860px)
{
#footer_alert .img {
	left: 160px;
}
#footer_alert .txt {
	margin-left: 300px;
}
}
@media only screen and (max-width:768px)
{
.solution-more {
	margin: 10px auto 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 198px; height: 36px; color: rgb(102, 102, 102); line-height: 36px; font-size: 12px;
}
#footer_alert .img {
	left: 140px;
}
#footer_alert .txt {
	margin-left: 250px;
}
#msg-box {
	margin: 0px; left: 2.5%; top: 10%; width: 95%; height: auto;
}
#msg-box .blank30 {
	height: 5px;
}
#msg-box .t {
	width: 100%;
}
#msg-box .t::before {
	display: none;
}
#msg-box .t::after {
	display: none;
}
#msg-box .msg-bottom {
	background: none; height: auto;
}
#msg-box .msg-bottom .msg-phone {
	display: none;
}
#msgForm {
	margin: 0px auto; width: 98%;
}
#msgForm .font {
	font-size: 14px;
}
#msgForm .blank20 {
	height: 5px;
}
#msgForm .blank9 {
	height: 5px;
}
.msg-bottom .blank20 {
	height: 5px;
}
#msgForm .long-input {
	width: 100%; height: 28px; line-height: 28px; font-size: 12px;
}
#msgForm .short-input {
	width: 100%; height: 28px; line-height: 28px; font-size: 12px; margin-bottom: 9px;
}
#msgForm .input-label {
	width: 45%; height: 24px; line-height: 24px; font-size: 12px; font-weight: normal;
}
#msgForm .input-radio-label {
	font-size: 12px; font-weight: normal;
}
#msg-box .msg-bottom .msg-submit {
	width: 120px; height: 28px; line-height: 28px; font-size: 14px;
}
#turn_page .page_button {
	width: 24px; height: 24px; line-height: 24px; font-size: 12px;
}
#turn_page .page_item {
	width: 24px; height: 24px; line-height: 24px; font-size: 12px;
}
#turn_page .page_item_current {
	width: 24px; height: 24px; line-height: 24px; font-size: 12px;
}
}
@media only screen and (max-width:640px)
{
.web-title .title-1 {
	 line-height: 20px; font-size: 12px; margin-top: 8px;
}
.ddwrap {
	width: 100%;
}
.show640 {
	display: block;
}
.hide640 {
	display: none;
}
#header {
	height: auto;
}
.on#header {
	height: auto;
}
.header-phone-blank {
	height: auto;
}
#logo {
	width: 50%;
}
#header .logo img {
	width: 60%; height:auto;
}
#menu-btn {
	width: 9%;
}
.wrap.web-side {
	width: 97.65%;
}
.index-case .case-list .item {
	margin: 0px auto 10px; width: 100%; float: none;
}
.index-server {
	padding-bottom: 50px;
}
.index-solution .solution-list-wrap {
	min-height: auto;
}
.index-solution .solution-item .brief {
	display: none;
}
.index-solution .solution-item .name {
	width: 96%; margin-left: 2%;
}
.index-solution .solution-item .relative-case {
	margin: 0px 0px 0px 2%; width: 96%; min-height: 33px;
}
.index-news .news-item-wrap .news-item .news-title {
	font-size: 14px;
}
#global-contact .contact-qrcode {
	width: 100px;
}
#global-contact .contact-info .n {
	font-size: 20px;
}
#footer .contact-qrcode {
	width: 100px;
}
#footer .contact-info .n {
	font-size: 20px;
}
.show-data .item span {
	font-size: 20px;
}
.index-contact .contact {
	padding: 10px;
}
.about-description .title-0 {
	font-size: 32px;
}
.about-description .title-0 span {
	font-size: 100px;
}
.about-video .item .ico {
	height: 16px;
}
.about-video .item .ico img {
	max-height: 100%;
}
.about-video .item .title {
	letter-spacing: 55px; padding-left: 55px;
}
#service .cate-name {
	font-size: 24px;
}
#service .cate-brief {
	font-size: 18px;
}
.service-category-3 .box-list {
	text-align: left;
}
.service-category-3 .item {
	margin: 2%; padding: 22%; text-align: center;
}
.service-category-4 .img {
	padding-top: 5%; padding-bottom: 5%;
}
#case .case-list .item .info {
	padding: 10px;
}
#case .case-list .item .name {
	font-size: 16px;
}
.video-list .bd {
	max-width: 400px;
}
.video-list .item {
	width: 100%;
}
#video .video .num {
	font-size: 16px;
}
#PlayVideo .close-btn {
	width: 24px; height: 24px;
}
.info-ext-list .item .img {
	width: 100%; margin-bottom: 5px; float: none; max-width: none;
}
.info-ext-list .item .info {
	left: 0px; width: 100%; float: none; position: inherit;
}
.info-ext-list .item .time {
	display: none;
}
.info-ext-list .item .more {
	position: static;
}
.info-ext-list .item .tag_views {
	position: static;
}
.info-ext-list .item .more {
	float: left;
}
.info-ext-list .item .tag_views {
	float: right;
}
.info-ext-list .item:hover .info {
	left: calc(0px);
}
#contact .contact-info .desc {
	font-size: 16px;
}
#phone-advisory::after {
	top: 15px;
}
#phone-advisory .item {
	padding: 15px 0px; font-size: 20px;
}
.phone-advisory-blank {
	height: 68px;
}
.info-detail .info {
	line-height: 24px; padding-bottom: 5px;
}
.info-detail .pvnx {
	width: 100%; text-align: left; float: none;
}
.info-detail .pvnx a {
	font-size: 12px;
}
.solution-item .name a {
	font-size: 14px;
}
#footer .copyright {
	margin: 10px 0px; line-height: 30px;
}
#footer .copyright .dd {
	width: 100%;
}
#new-404 .enter {
	margin: 0% 1%; width: 98%;
}
#new-404 .enter .d-6 {
	display: none;
}
#new-404 .enter .d-8 {
	display: block;
}
#footer_alert .img {
	left: 75px;
}
#footer_alert .txt {
	margin-left: 185px;
}
}
@media only screen and (max-width:560px)
{
.solution-item .name {
	margin: 15px auto 10px; line-height: inherit;
}
.solution-item .name a {
	font-size: 12px; font-weight: bold;
}
.service-category-4 {
	height: 500px;
}
}
@media only screen and (max-width:480px)
{
#header {
	padding: 15px 4%;
}
#menu-btn {
	width: 7%; margin-top: 10px;
}
.web-title .title-0 {
	font-size: 24px;
}
.web-title .title-1 {
line-height: 20px; font-size: 12px; margin-top: 8px;
}
.index-server .server-brief {
	margin-bottom: 40px;
}
.index-server .item {
	padding: 0px !important; width: 100%;
}
.index-server .item .img-box {
	height: auto; margin-bottom: 10px;
}
.index-contact .map {
	margin-left: calc(110% - 720px);
}
.index-contact .left {
	left: 0px; margin-left: calc(110% - 720px);
}
.index-contact .company {
	font-size: 20px;
}
.about-video .item .title {
	letter-spacing: 30px; padding-left: 30px;
}
.about-video .item .ico {
	top: 45%;
}
.about-video .item .brief {
	top: 55%;
}
.about-video .item .name {
	bottom: 15%; font-size: 16px;
}
.about-development .left.item .year {
	left: -47%;
}
.about-development .right.item .year {
	right: -47%;
}
.team-surroundings .desc {
	width: 65%; height: 500px;
}
.service-category-5 .item {
	height: 100px;
}
#contact .top .title {
	font-size: 20px;
}
#contact .top .brief {
	font-size: 18px;
}
#phone-advisory::after {
	top: 10px;
}
#phone-advisory .item {
	padding: 10px 0px; font-size: 16px;
}
#phone-advisory .phone i {
	width: 16px;
}
#phone-advisory .service i {
	width: 22px;
}
.phone-advisory-blank {
	height: 58px;
}
.info-ext-list .item .tag_views {
	text-align: right;
}
.solution-item .name {
	margin: 15px auto 0px; height: 40px; line-height: 20px;
}
.solution-item .brief {
	height: 100px;
}
.solution-btm-icon .icon {
	margin: 0px 5px; width: 120px; height: 30px; line-height: 30px; font-size: 12px;
}
#footer_alert .img {
	left: 10px;
}
#footer_alert .txt {
	font-size: 16px; margin-left: 160px;
}
#footer_alert .ddol div {
	width: 33.3%; text-align: center; line-height: 50px; float: left;
}
#footer_alert .ddol div a {
	font-size: 16px;
}
#footer_alert .ddol div img {
	width: 25px;
}
}
@media only screen and (max-width:479px)
{
.solution-item .name {
	margin: 15px auto 10px;
}
#new-404 .enter .d-1 img {
	width: 80%;
}
#new-404 .enter .d-7 li {
	width: 95px;
}
}
@media only screen and (max-width:450px)
{
.solution-item .brief {
	height: 120px;
}
}
@media only screen and (max-width:420px)
{
.solution-item .relative-case {
	height: 110px;
}
#contact .top {
	padding-top: 28px; padding-bottom: 28px;
}
}
@media only screen and (max-width:380px)
{
.team-surroundings .desc {
	width: 65%; height: 550px;
}
.team-surroundings .desc img {
	display: none;
}
.info-ext-list .item .tag_views {
	width: 100%; text-align: left; float: none;
}
#footer_alert {
	height: 50px;
}
#footer_alert .img {
	left: 0px;
}
#footer_alert .txt {
	margin-left: 110px;
}
}
@media only screen and (max-width:360px)
{
.web-title {
	padding: 45px 0px 10px;
}
.web-title .gray.title-0 {
	font-size: 24px;
}
.index-case .case-list .item .case-mask .mask-name {
	margin-top: 15px;
}
.service-category-4 {
	height: 450px;
}
.solution-item .brief {
	height: 140px; margin-bottom: 15px;
}
#contact .contact-info .title {
	font-size: 16px;
}
#contact .contact-info .desc {
	font-size: 14px;
}
#new-404 .enter .d-0 {
	padding-top: 28px;
}
#new-404 .enter .d-3 {
	height: 80px;
}
#new-404 .enter .d-4 {
	margin: 15px 0px;
}
#new-404 .enter .d-8 {
	margin: 15px 0px;
}
#new-404 .enter .d-5 {
	font-size: 14px;
}
#new-404 .enter .d-5 b {
	font-size: 14px;
}
#new-404 .enter .d-7 li.on {
	margin: 0px 10px;
}
#new-404 .enter .d-8 {
	font-size: 16px;
}
#new-404 .enter .d-8 b {
	font-size: 16px;
}
#new-404 .enter .d-9 {
	display: block;
}
}
@media only screen and (max-width:320px)
{
.solution-item .brief {
	height: 160px;
}
#case .case-category a {
	height: 28px; line-height: 28px; font-size: 12px; margin-top: 7px;
}
}