body {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
div {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
h1 {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
h2 {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
h3 {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
h4 {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
h5 {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
h6 {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
hr {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
p {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
blockquote {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
dl {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
dt {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
dd {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
ul {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
ol {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
li {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
pre {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
form {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
fieldset {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
legend {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
button {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
input {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
textarea {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
th {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
td {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
a {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
img {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
body {
	background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; font-weight: normal;
}
textarea {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; -webkit-appearance: none;
}
input {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; -webkit-appearance: none;
}
input[type='checkbox'] {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
input[type='radio'] {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
input:focus {
	
}
textarea:focus {
	
}
select::-ms-expand {
	display: none;
}
article {
	display: block;
}
aside {
	display: block;
}
dialog {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
section {
	display: block;
}
footer {
	display: block;
}
nav {
	display: block;
}
figure {
	display: block;
}
menu {
	display: block;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
h1 {
	color: rgb(51, 51, 51); font-size: 12px; font-weight: normal;
}
h2 {
	color: rgb(51, 51, 51); font-size: 12px; font-weight: normal;
}
h3 {
	color: rgb(51, 51, 51); font-size: 12px; font-weight: normal;
}
h4 {
	color: rgb(51, 51, 51); font-size: 12px; font-weight: normal;
}
h5 {
	color: rgb(51, 51, 51); font-size: 12px; font-weight: normal;
}
h6 {
	color: rgb(51, 51, 51); font-size: 12px; font-weight: normal;
}
a {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; text-decoration: none;
}
a:link {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; text-decoration: none;
}
a:visited {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; text-decoration: none;
}
a:focus {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; text-decoration: none;
}
a:active {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; text-decoration: none;
}
a:hover {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", arial; font-size: 12px; text-decoration: none;
}
a:hover {
	color: rgb(0, 90, 148);
}
html {
	height: 100%;
}
body {
	height: 100%;
}
body.hide {
	overflow: hidden;
}
.taxian::after {
	height: 0px; clear: both; display: block; content: "";
}
.wrap {
	margin: 0px auto; width: 100%; max-width: 1440px; box-sizing: border-box;
}
.wrap::after {
	height: 0px; clear: both; display: block; content: "";
}
@media only screen and (max-width:1440px)
{
.wrap {
	max-width: 1200px;
}
}
.wrap12 {
	margin: 0px auto; width: 100%; max-width: 1440px; box-sizing: border-box;
}
.wrap12::after {
	height: 0px; clear: both; display: block; content: "";
}
.col {
	width: 100%; box-sizing: border-box;
}
.row {
	width: 100%; box-sizing: border-box;
}
.col::after {
	height: 0px; clear: both; display: block; content: "";
}
.row::after {
	height: 0px; clear: both; display: block; content: "";
}
.l {
	float: left;
}
.r {
	float: right;
}
.article {
	color: rgb(102, 102, 102); line-height: 40px; font-size: 16px;
}
.article img {
	max-width: 100%;
}
.mainFilter {
	background: url("../images/mainFilter.png"); left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 100;
}
.wrapper {
	width: 100%; overflow: hidden; position: relative; min-height: 100%; box-sizing: border-box;
}
.header {
	background: url("../images/header_bg.png"); left: 0px; top: 0px; width: 100%; height: 100px; position: fixed; z-index: 90;
}
.header .logo {
	width: 180px; height: 64px; overflow: hidden; margin-top: 21px; float: left;
}
.header .logo img {
	width: 100%; display: block;
}
.header .searchBox {
	background: url("../images/searchBox_line.png") repeat-y 0px 0px; padding-left: 58px; margin-top: 39px; float: right; position: relative;
}
.header .searchBox .searchBtn {
	background: url("../images/searchBtn.png") no-repeat center; width: 22px; height: 22px; cursor: pointer;
}
.header .searchBox .searchBar {
	border: 2px solid rgb(238, 238, 238); border-image: none; top: 60px; width: 300px; height: 40px; right: -9px; display: none; position: absolute; z-index: 95; box-sizing: border-box;
}
.header .searchBox .searchBar .inpu {
	width: 258px; height: 36px; float: left;
}
.header .searchBox .searchBar .inpu input {
	padding: 0px 10px; width: 100%; height: 36px; color: rgb(102, 102, 102); line-height: 36px; font-size: 14px; box-sizing: border-box;
}
.header .searchBox .searchBar .inpu input:-ms-input-placeholder {
	color: rgb(204, 204, 204);
}
.header .searchBox .searchBar .btn {
	background: url("../images/searchBtn.png") no-repeat center rgb(0, 117, 193); width: 36px; height: 36px; border-left-color: rgb(238, 238, 238); border-left-width: 2px; border-left-style: solid; float: right;
}
.header .searchBox .searchBar .btn input {
	background: none; width: 100%; height: 100%; cursor: pointer;
}
.header .phone {
	display: none;
}
.header .menuBtn {
	display: none;
}
.header .nav {
	float: right;
}
.header .nav .tit {
	display: none;
}
.header .nav > ul > li {
	float: left; position: relative;
}
.header .nav > ul > li > a {
	padding: 0px 38px; transition:0.4s; height: 100px; color: rgb(255, 255, 255); line-height: 10px; overflow: hidden; font-size: 20px; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.header .nav > ul > li span {
	transition:0.4s; width: 100%; height: 100px; line-height: 100px; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.header .nav > ul > li.on > a span:first-child {
	margin-top: -100px;
}
.header .nav > ul > li:hover > a span:first-child {
	margin-top: -100px;
}
.header .nav:hover > ul > li.on > a span:first-child {
	margin-top: 0px;
}
.header .nav:hover > ul > li > a:hover span:first-child {
	margin-top: -100px;
}
.header .nav .sub {
	left: 50%; top: 100px; padding-top: 2px; display: none; position: absolute; z-index: 90; min-width: 100%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%);
}
.header .nav .sub li a {
	background: rgb(0, 117, 193); height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; display: block;
}
.header .nav .sub li a:hover {
	background: rgb(0, 90, 148);
}
.footer {
	background: rgb(33, 33, 33); width: 100%; padding-top: 58px;
}
.footer .linkBox {
	float: left;
}
.footer .linkBox .list {
	width: 230px; float: left;
}
.footer .linkBox .tit {
	color: rgb(255, 255, 255); line-height: 20px; font-size: 18px;
}
.footer .linkBox ul {
	margin-top: 32px;
}
.footer .linkBox ul li {
	line-height: 30px;
}
.footer .linkBox ul li a {
	transition:0.4s; color: rgb(153, 153, 153); font-size: 14px; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.footer .linkBox ul li a:hover {
	color: rgb(255, 255, 255);
}
.footer .contact {
	width: 300px; float: left;
}
.footer .contact .txt {
	clear: both; margin-bottom: 14px;
}
.footer .contact .p1 {
	width: 86px; color: rgb(153, 153, 153); font-size: 16px; float: left;
}
.footer .contact .p2 {
	color: rgb(255, 255, 255); line-height: 18px; padding-left: 90px; font-size: 14px; box-sizing: border-box;
}
.footer .contact .p2 a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.footer .share {
	width: 300px; float: right;
}
.footer .share .bdsharebuttonbox {
	margin: 0px; padding: 0px;
}
.footer .share a {
	background: no-repeat 0% 0% / 100% 100%; margin: 0px 0px 0px 21px; width: 50px; height: 50px; float: left;
}
.footer .share a.bds_weixin {
	background-image: url("../images/share1.png");
}
.footer .share a.bds_tsina {
	background-image: url("../images/share2.png");
}
.footer .share a.bds_qzone {
	background-image: url("../images/share3.png");
}
.footer .share a.bds_tqq {
	background-image: url("../images/share4.png");
}
.footer .copyright {
	padding: 28px 0px; color: rgb(102, 102, 102); line-height: 22px; font-size: 14px; margin-top: 65px; border-top-color: rgb(51, 51, 51); border-top-width: 1px; border-top-style: solid;
}
.footer .copyright a {
	transition:0.4s; color: rgb(102, 102, 102); font-size: 14px; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.footer .copyright a:hover {
	color: rgb(255, 255, 255);
}
.fixedSidebar {
	transition:0.4s; top: 50%; width: 80px; text-align: center; right: 10px; position: fixed; z-index: 90; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%);
}
.fixedSidebar li {
	margin-top: 1px; position: relative;
}
.fixedSidebar li:hover a {
	background: rgb(0, 117, 193);
}
.fixedSidebar li a {
	background: rgb(51, 51, 51); transition:0.4s; height: 80px; padding-top: 16px; display: block; box-sizing: border-box; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.fixedSidebar li a .icon {
	height: 30px; line-height: 30px;
}
.fixedSidebar li a .icon img {
	vertical-align: middle;
}
.fixedSidebar li a .txt {
	color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; margin-top: 4px;
}
.fixedSidebar li .hide {
	background: rgb(0, 117, 193); top: 0px; height: 80px; right: 80px; line-height: 80px; display: none; white-space: nowrap; position: absolute; z-index: 5; box-sizing: border-box;
}
.fixedSidebar li .phone {
	background: rgb(0, 117, 193); padding: 0px 20px; color: rgb(255, 255, 255); font-size: 20px;
}
.fixedSidebar li .qrcode {
	padding: 8px; width: 142px; height: 142px; right: 81px;
}
.fixedSidebar li .qrcode img {
	width: 100%; display: block;
}

@media only screen and (max-width:1440px)
{
.header .nav > ul > li > a {
	padding: 0px 36px;
}
.footer {
	padding-top: 38px;
}
.footer .linkBox .list {
	width: 180px;
}
.footer .linkBox ul {
	margin-top: 22px;
}
.footer .copyright {
	padding: 20px 0px; margin-top: 35px;
}
}
.main .banner img {
	width: 100%; display: block;
}
.main .banner .pic2 {
	display: none;
}
.main .banner .swiper-slide .wrap {
	left: 50%; top: 50%; color: rgb(255, 255, 255); position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.main .banner .swiper-slide .p1 {
	font-size: 72px;
}
.main .banner .swiper-slide .line {
	background: rgb(255, 255, 255); margin: 28px 0px 52px; width: 50px; height: 4px;
}
.main .banner .swiper-slide .p2 {
	font-size: 48px;
}
.main .banner .swiper-slide .p3 {
	background: url("../images/paly.png") no-repeat 0px; font-size: 18px; margin-top: 55px; box-sizing: border-box;
}
.main .banner .swiper-slide .p3::after {
	height: 0px; clear: both; display: block; content: "";
}
.main .banner .swiper-slide .p3 span {
	background: url("../images/banner_line.png") repeat-x 0px bottom; line-height: 30px; float: left; cursor: pointer;
}
.main .banner .swiper-pagination {
	padding: 0px; left: 50%; text-align: left; bottom: 30px; max-width: 1440px; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);
}
.main .banner .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; width: 10px; height: 10px; margin-right: 28px; opacity: 1;
}
.main .banner .swiper-pagination .swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
}
.main .popupVideo {
	left: 50%; top: 50%; width: 960px; display: none; position: fixed; z-index: 120; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.main .popupVideo video {
	width: 100%;
}
.main .publicTitle::after {
	height: 0px; clear: both; display: block; content: "";
}
.main .publicTitle .tit {
	color: rgb(0, 0, 0); font-size: 48px; float: left;
}
.main .publicTitle .more {
	background: url("../images/arrow1.png") no-repeat right 20px center; border: 1px solid rgb(0, 117, 193); transition:0.4s; border-image: none; width: 178px; height: 48px; color: rgb(0, 117, 193); line-height: 48px; text-indent: 20px; font-size: 16px; margin-top: 5px; float: right; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .publicTitle .more:hover {
	background: url("../images/arrow2.png") no-repeat right 10px center rgb(0, 117, 193); color: rgb(255, 255, 255); text-indent: 40px;
}
.main .platform {
	padding: 92px 0px;
}
.main .platform .content {
	background: url("../images/platform1.jpg") no-repeat center / cover; height: 720px; margin-top: 48px; position: relative; -moz-background-size: cover; -webkit-background-size: cover;
}
.main .platform .content img {
	width: 100%; display: block;
}
.main .platform .content .circle {
	animation:rotating1 5s linear infinite; left: 50%; top: 50%; width: 450px; height: 450px; position: absolute; z-index: 9; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-animation: rotating1 5s infinite; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-animation: rotating1 5s infinite; -o-animation: rotating1 5s infinite;
}
.main .platform .content .circle img {
	width: 100%; display: block;
}
.main .platform .content .center {
	background: url("../images/platform_center.png") no-repeat 0% 0% / 100% 100%; animation:rotating2 5s linear infinite; left: 50%; top: 50%; width: 320px; height: 320px; text-align: center; color: rgb(255, 255, 255); line-height: 320px; font-size: 60px; font-weight: bold; position: absolute; z-index: 5; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-animation: rotating2 5s infinite; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-animation: rotating2 5s infinite; -o-animation: rotating2 5s infinite;
}
.main .platform .content .center span {
	animation:rotating1 5s linear infinite; left: 50%; top: 50%; width: 320px; height: 320px; text-align: center; line-height: 320px; display: block; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-animation: rotating1 5s infinite; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-animation: rotating1 5s infinite; -o-animation: rotating1 5s infinite;
}
.main .platform .content ul li {
	left: 50%; top: 50%; position: absolute; z-index: 9;
}
.main .platform .content ul li a {
	display: block;
}
.main .platform .content ul li a::after {
	height: 0px; clear: both; display: block; content: "";
}
.main .platform .content ul li a:hover .icon {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.main .platform .content ul li .icon {
	transition:0.4s; width: 80px; height: 80px; float: left; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .platform .content ul li .icon img {
	width: 100%; display: block;
}
.main .platform .content ul li .txt {
	color: rgb(255, 255, 255); line-height: 80px; font-size: 20px; margin-left: 20px; float: left;
}
.main .platform .content ul li:nth-child(1) {
	transform: translate(120px, -291px); -webkit-transform: translate(120px, -291px); -moz-transform: translate(120px, -291px); -o-transform: translate(120px, -291px);
}
.main .platform .content ul li:nth-child(2) {
	transform: translate(256px, -37px); -webkit-transform: translate(256px, -37px); -moz-transform: translate(256px, -37px); -o-transform: translate(256px, -37px);
}
.main .platform .content ul li:nth-child(3) {
	transform: translate(115px, 220px); -webkit-transform: translate(115px, 220px); -moz-transform: translate(115px, 220px); -o-transform: translate(115px, 220px);
}
.main .platform .content ul li:nth-child(4) {
	transform: translate(-115px, 220px); -webkit-transform: translate(-115px, 220px); -moz-transform: translate(-115px, 220px); -o-transform: translate(-115px, 220px);
}
.main .platform .content ul li:nth-child(5) {
	transform: translate(-256px, -37px); -webkit-transform: translate(-256px, -37px); -moz-transform: translate(-256px, -37px); -o-transform: translate(-256px, -37px);
}
.main .platform .content ul li:nth-child(6) {
	transform: translate(-120px, -291px); -webkit-transform: translate(-120px, -291px); -moz-transform: translate(-120px, -291px); -o-transform: translate(-120px, -291px);
}
.main .platform .content ul li:nth-child(4) {
	left: auto; right: 50%;
}
.main .platform .content ul li:nth-child(5) {
	left: auto; right: 50%;
}
.main .platform .content ul li:nth-child(6) {
	left: auto; right: 50%;
}
.main .platform .content ul li:nth-child(4) .icon {
	float: right;
}
.main .platform .content ul li:nth-child(5) .icon {
	float: right;
}
.main .platform .content ul li:nth-child(6) .icon {
	float: right;
}
.main .platform .content ul li:nth-child(4) .txt {
	margin-right: 20px; margin-left: 0px; float: right;
}
.main .platform .content ul li:nth-child(5) .txt {
	margin-right: 20px; margin-left: 0px; float: right;
}
.main .platform .content ul li:nth-child(6) .txt {
	margin-right: 20px; margin-left: 0px; float: right;
}
.main .solution {
	padding-bottom: 70px;
}
.main .solution .solutionList {
	margin-top: 54px;
}
.main .case {
	background: url("../images/case_bg.jpg") no-repeat 0px bottom rgb(245, 245, 245); padding: 92px 0px 130px;
}
.main .case .content {
	margin-top: 58px;
}
.main .case .box {
	margin: 0px 0px 0px 0px; width: 24%; float: left;
}
.main .case :first-child.box {
	margin-left: 0px;
}
.main .case .box a {
	overflow: hidden; display: block; position: relative;
}
.main .case .box a:hover .text {
	background: url("../images/caseFilter2.png");
}
.main .case .box a:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.main .case .box img {
	transition:0.4s; width: 100%; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .case .box .text {
	background: url("../images/caseFilter.png"); transition:0.4s; left: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); font-size: 16px; position: absolute; z-index: 5; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .case .box .text span {
	background: url("../images/solutionList_icon.png") no-repeat right 20px center; padding: 0px 80px 0px 20px; height: 50px; line-height: 50px; overflow: hidden; display: block; -ms-word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.main .news {
	padding: 98px 0px;
}
.main .news .tab {
	border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(228, 228, 228) rgb(228, 228, 228) currentColor; border-image: none; width: 340px; margin-top: 56px; float: left; box-sizing: border-box;
}
.main .news .tab li.on a {
	border-bottom-color: rgb(0, 117, 193); border-bottom-width: 1px; border-bottom-style: solid;
}
.main .news .tab li.on a .tit {
	color: rgb(0, 117, 193);
}
.main .news .tab li.on a .date {
	background-image: url("../images/arrow4.png");
}
.main .news .tab li a {
	padding: 28px; transition:0.4s; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid; display: block; box-sizing: border-box; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .news .tab li .tit {
	transition:0.4s; height: 60px; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 18px; -ms-word-break: break-all; -webkit-box-orient: vertical; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; -webkit-line-clamp: 1;
}
.main .news .tab li .date {
	background: url("../images/arrow3.png") no-repeat right; transition:0.4s; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-size: 14px; margin-top: 32px; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .news .tabBox {
	overflow: hidden; margin-top: 56px; float: left;
}
.main .news .tabBox .pic {
	width: 618px; overflow: hidden; float: left;
}
.main .news .tabBox .pic a:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.main .news .tabBox .pic img {
	transition:0.4s; width: 100%; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .news .one {
	width: 460px; margin-top: 56px; float: right;
}
.main .news .one a {
	display: block;
}
.main .news .one a:hover .pic img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.main .news .one a:hover .text .tit {
	color: rgb(0, 117, 193);
}
.main .news .one a:hover .text .date {
	background-image: url("../images/arrow4.png");
}
.main .news .one .pic {
	overflow: hidden;
}
.main .news .one .pic img {
	transition:0.4s; width: 100%; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.main .news .one .text {
	padding: 26px 30px 30px; border: 1px solid rgb(228, 228, 228); border-image: none; box-sizing: border-box;
}
.main .news .one .text .tit {
	transition:0.4s; height: 30px; color: rgb(0, 0, 0); line-height: 30px; overflow: hidden; font-size: 18px; -ms-word-break: break-all; -webkit-box-orient: vertical; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; -webkit-line-clamp: 1;
}
.main .news .one .text .txt {
	height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 16px; margin-top: 20px; -ms-word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.main .news .one .text .date {
	background: url("../images/arrow3.png") no-repeat right; transition:0.4s; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-size: 14px; margin-top: 32px; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.solutionList::after {
	height: 0px; clear: both; display: block; content: "";
}
.solutionList li {
	margin: 0px 0px 30px 30px; width: 460px; overflow: hidden; float: left; position: relative;
}
.solutionList li:nth-child(3n+1) {
	margin-left: 0px;
}
.solutionList li img {
	width: 100%; display: block;
}
.solutionList li a {
	display: block; position: relative;
}
.solutionList li a:hover .text {
	background: url("../images/solutionListFilter.png") no-repeat 0% 0% / 100% 100%;
}
.solutionList li a:hover .p2 {
	height: auto;
}
.solutionList li .text {
	transition:0.4s; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); overflow: hidden; position: absolute; z-index: 5; background-size: 100% 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.solutionList li .text .box {
	left: 0px; top: 50%; width: 100%; position: absolute; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%);
}
.solutionList li .text .p1 {
	font-size: 20px;
}
.solutionList li .text .p2 {
	transition:0.4s; height: 0px; overflow: hidden; font-size: 24px; margin-top: 12px; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.solutionList li .text .icon {
	background: url("../images/solutionList_icon.png") no-repeat center 0px; height: 30px; margin-top: 34px;
}
@media only screen and (max-width:1440px)
{
.main .banner .swiper-pagination {
	max-width: 1200px;
}
.main .platform .content {
	height: 600px;
}
.main .platform .content .circle {
	left: 50%; top: 50%; width: 350px; height: 350px; position: absolute;
}
.main .platform .content .center {
	width: 220px; height: 220px; line-height: 220px; font-size: 40px;
}
.main .platform .content .center span {
	width: 220px; height: 220px; line-height: 220px;
}
.main .platform .content ul li .icon {
	width: 60px; height: 60px;
}
.main .platform .content ul li .txt {
	line-height: 60px; margin-left: 10px;
}
.main .platform .content ul li:nth-child(1) {
	transform: translate(104px, -241px); -webkit-transform: translate(104px, -241px); -moz-transform: translate(104px, -241px); -o-transform: translate(104px, -241px);
}
.main .platform .content ul li:nth-child(2) {
	transform: translate(216px, -28px); -webkit-transform: translate(216px, -28px); -moz-transform: translate(216px, -28px); -o-transform: translate(216px, -28px);
}
.main .platform .content ul li:nth-child(3) {
	transform: translate(100px, 186px); -webkit-transform: translate(100px, 186px); -moz-transform: translate(100px, 186px); -o-transform: translate(100px, 186px);
}
.main .platform .content ul li:nth-child(4) {
	transform: translate(-98px, 186px); -webkit-transform: translate(-98px, 186px); -moz-transform: translate(-98px, 186px); -o-transform: translate(-98px, 186px);
}
.main .platform .content ul li:nth-child(5) {
	transform: translate(-216px, -28px); -webkit-transform: translate(-216px, -28px); -moz-transform: translate(-216px, -28px); -o-transform: translate(-216px, -28px);
}
.main .platform .content ul li:nth-child(6) {
	transform: translate(-98px, -241px); -webkit-transform: translate(-98px, -241px); -moz-transform: translate(-98px, -241px); -o-transform: translate(-98px, -241px);
}
.main .platform .content ul li:nth-child(4) .txt {
	margin-right: 10px;
}
.main .platform .content ul li:nth-child(5) .txt {
	margin-right: 10px;
}
.main .platform .content ul li:nth-child(6) .txt {
	margin-right: 10px;
}
.main .case .box {
	width: 590px; margin-bottom: 16px;
}
.main .news .tab {
	width: 300px;
}
.main .news .tab li a {
	padding: 20px;
}
.main .news .tab li .date {
	margin-top: 22px;
}
.main .news .tabBox .pic {
	width: 528px;
}
.main .news .one {
	width: 350px;
}
.main .news .one .text {
	padding: 26px;
}
.solutionList li {
	width: 380px;
}
}
.container {
	background: rgb(245, 245, 245);
}
.container .banner img {
	width: 100%; display: block;
}
.container .banner .pic2 {
	display: none;
}
.container .menu {
	background: rgb(255, 255, 255);
}
.container .menu::after {
	height: 0px; clear: both; display: block; content: "";
}
.container .menu .tit {
	display: none;
}
.container .menu li {
	margin-right: 80px; float: left;
}
.container .menu li a {
	height: 97px; color: rgb(102, 102, 102); line-height: 97px; font-size: 18px; display: block;
}
.container .menu li a:hover {
	color: rgb(0, 117, 193);
}
.container .menu li.on a {
	color: rgb(0, 117, 193); border-bottom-color: rgb(0, 117, 193); border-bottom-width: 3px; border-bottom-style: solid;
}
.container .paging1 {
	text-align: center;
}
.container .paging1 ul {
	display: inline-block;
}
.container .paging1 ul li {
	margin: 0px 10px; float: left;
}
.container .paging1 ul li.on a {
	background: rgb(0, 117, 193); color: rgb(255, 255, 255);
}
.container .paging1 ul li a:hover {
	background: rgb(0, 117, 193); color: rgb(255, 255, 255);
}
.container .paging1 ul li a {
	background: rgb(255, 255, 255); transition:0.2s; width: 50px; height: 50px; color: rgb(51, 51, 51); line-height: 50px; font-size: 18px; display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s;
}
.container .paging1 .next {
	background: rgb(255, 255, 255); padding: 0px 40px; transition:0.2s; height: 50px; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px; float: left; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s;
}
.container .paging1 .prev {
	background: rgb(255, 255, 255); padding: 0px 40px; transition:0.2s; height: 50px; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px; float: left; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s;
}
.container .paging1 .next:hover {
	background: rgb(0, 117, 193); color: rgb(255, 255, 255);
}
.container .paging1 .prev:hover {
	background: rgb(0, 117, 193); color: rgb(255, 255, 255);
}
.container .paging1 .next {
	float: right;
}
.platformPage .publicTitle {
	text-align: center; color: rgb(0, 0, 0); font-size: 48px;
}
.platformPage .wisdom {
	background: rgb(255, 255, 255); padding: 72px 0px;
}
.platformPage .wisdom .content {
	margin-top: 32px;
}
.platformPage .wisdom .pic {
	float: left;
}
.platformPage .wisdom .pic img {
	max-width: 100%;
}
.platformPage .wisdom .text {
	margin-top: 118px; float: right; max-width: 720px;
}
.platformPage .wisdom .text .tit {
	color: rgb(0, 0, 0); line-height: 40px; font-size: 30px;
}
.platformPage .wisdom .text .line {
	background: rgb(204, 204, 204); margin: 18px 0px 36px; width: 30px; height: 3px;
}
.platformPage .wisdom .text .txt {
	color: rgb(51, 51, 51); line-height: 36px; font-size: 18px;
}
.platformPage .frameBox {
	background: rgb(245, 245, 245); padding: 75px 0px;
}
.platformPage .frameBox .content {
	text-align: center; margin-top: 45px;
}
.platformPage .frameBox .content img {
	max-width: 100%;
}
.platformPage .platform {
	background: rgb(255, 255, 255); padding: 80px 0px 100px;
}
.platformPage .platform img {
	max-width: 100%;
}
.platformPage .municipal {
	padding: 72px 0px;
}
.platformPage .municipal .slogan {
	margin: 32px auto 0px; text-align: center; color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; max-width: 1000px;
}
.platformPage .municipal .tit {
	text-align: center; color: rgb(0, 0, 0); font-size: 36px;
}
.platformPage .municipal .article {
	margin-top: 72px;
}
@media only screen and (max-width:1440px)
{
.platformPage .wisdom .text {
	margin-top: 118px; max-width: 620px;
}
}
.solutionPage .solutionList {
	padding: 80px 0px;
}
.solutionPage .introduction {
	background: rgb(255, 255, 255); padding: 100px 0px;
}
.solutionPage .introduction .pic {
	float: left; max-width: 478px;
}
.solutionPage .introduction .pic img {
	width: 100%; display: block;
}
.solutionPage .introduction .text {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; margin-top: 60px; float: right; max-width: 720px;
}
.solutionPage .advantage {
	background: url("../images/advantage_bg.jpg") no-repeat center 0px rgb(245, 245, 245);
}
.solutionPage .advantage .title {
	padding: 70px 0px; text-align: center; color: rgb(0, 0, 0); font-size: 48px;
}
.solutionPage .advantage .row {
	padding: 100px 0px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
.solutionPage .advantage :nth-child(2n+1).row .pic {
	float: left;
}
.solutionPage .advantage :nth-child(2n+1).row .text {
	float: right;
}
.solutionPage .advantage :last-child.row {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.solutionPage .advantage .pic {
	float: right; max-width: 720px;
}
.solutionPage .advantage .pic img {
	width: 100%; display: block;
}
.solutionPage .advantage .text {
	margin-top: 100px; float: left; max-width: 550px;
}
.solutionPage .advantage .text .tit {
	color: rgb(0, 0, 0); line-height: 40px; font-size: 30px;
}
.solutionPage .advantage .text .line {
	background: rgb(204, 204, 204); margin: 18px 0px 36px; width: 30px; height: 3px;
}
.solutionPage .advantage .text .txt {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 18px;
}
.solutionPage .concept {
	background: rgb(255, 255, 255); padding: 76px 0px;
}
.solutionPage .concept .title {
	text-align: center;
}
.solutionPage .concept .title .tit {
	color: rgb(0, 0, 0); line-height: 40px; font-size: 36px;
}
.solutionPage .concept .title .txt {
	color: rgb(0, 117, 193); line-height: 30px; font-size: 24px; margin-top: 14px;
}
.solutionPage .concept .article {
	margin-top: 96px;
}
@media only screen and (max-width:1440px)
{
.solutionPage .introduction .text {
	max-width: 620px;
}
.solutionPage .advantage .pic {
	max-width: 620px;
}
.solutionPage .advantage .text {
	margin-top: 50px; max-width: 550px;
}
}
.newsPage {
	padding: 80px 0px;
}
.newsPage .newsList {
	margin: 0px 10%; width: 80%;
}
.newsPage .newsList::after {
	height: 0px; clear: both; display: block; content: "";
}
.newsPage .newsList li {
	margin: 0px 0px 30px;
}
.newsPage .newsList li:nth-child(3n+1) {
	margin-left: 0px;
}
.newsPage .newsList li a {
	background: rgb(255, 255, 255); width: 100%; display: block;
}
.newsPage .newsList li a::after {
	clear: both; display: block; content: "";
}
.newsPage .newsList li a:hover .pic img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.newsPage .newsList li a:hover .text {
	padding-bottom: 29px; border-bottom-color: rgb(0, 117, 193); border-bottom-width: 2px; border-bottom-style: solid;
}
.newsPage .newsList li a:hover .text .tit {
	color: rgb(0, 117, 193);
}
.newsPage .newsList li a:hover .text .date {
	background-image: url("../images/arrow4.png");
}
.newsPage .newsList li .pic {
	width: 380px; height: 240px; overflow: hidden; float: right;
}
.newsPage .newsList li .pic img {
	transition:0.4s; width: 100%; height: 100%; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.newsPage .newsList li .text {
	width: 65%; margin-top: 5%; margin-left: 1%; float: left; box-sizing: border-box;
}
.newsPage .newsList li .text .tit {
	transition:0.4s; height: 20px; color: rgb(0, 0, 0); line-height: 20px; overflow: hidden; font-size: 22px; -ms-word-break: break-all; -webkit-box-orient: vertical; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; -webkit-line-clamp: 1;
}
.newsPage .newsList li .text .txt {
	transition:0.4s; height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 16px; margin-top: 22px; -ms-word-break: break-all; -webkit-box-orient: vertical; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; -webkit-line-clamp: 2;
}
.newsPage .newsList li .text .date {
	background: url("../images/arrow3.png") no-repeat right 0px center; transition:0.4s; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-size: 14px; margin-top: 36px; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.newsPage .details .title {
	text-align: center; padding-bottom: 36px; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid;
}
.newsPage .details .title .tit {
	color: rgb(0, 0, 0); line-height: 40px; font-size: 30px;
}
.newsPage .details .title .date {
	color: rgb(102, 102, 102); font-size: 18px; margin-top: 14px;
}
.newsPage .details .title .share {
	color: rgb(0, 0, 0); line-height: 14px; font-size: 14px; margin-top: 20px;
}
.newsPage .details .title .share .bdsharebuttonbox {
	overflow: hidden; margin-left: 10px; display: inline-block;
}
.newsPage .details .title .share a {
	background: no-repeat center 0px / auto 100%; margin: 0px 22px 0px 0px; width: 16px; height: 14px; float: left;
}
.newsPage .details .title .share a.bds_weixin {
	background-image: url("../images/share5.png");
}
.newsPage .details .title .share a.bds_sqq {
	background-image: url("../images/share6.png");
}
.newsPage .details .title .share a.bds_qzone {
	background-image: url("../images/share7.png");
}
.newsPage .details .article {
	margin: 0px auto; padding: 50px 0px; max-width: 1000px;
}
.newsPage .paging2 {
	padding-top: 40px; border-top-color: rgb(228, 228, 228); border-top-width: 1px; border-top-style: solid;
}
.newsPage .paging2 .next {
	background: url("../images/arrow5.png") no-repeat 35px rgb(255, 255, 255); transition:0.3s; width: 148px; height: 50px; color: rgb(51, 51, 51); line-height: 50px; text-indent: 65px; font-size: 16px; float: left; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s;
}
.newsPage .paging2 .prev {
	background: url("../images/arrow5.png") no-repeat 35px rgb(255, 255, 255); transition:0.3s; width: 148px; height: 50px; color: rgb(51, 51, 51); line-height: 50px; text-indent: 65px; font-size: 16px; float: left; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s;
}
.newsPage .paging2 .next {
	background: url("../images/arrow6.png") no-repeat right 35px center rgb(255, 255, 255); text-indent: 35px; margin-left: 20px;
}
.newsPage .paging2 .prev:hover {
	background: url("../images/arrow7.png") no-repeat 25px rgb(0, 117, 193); color: rgb(255, 255, 255); text-indent: 75px;
}
.newsPage .paging2 .next:hover {
	background: url("../images/arrow8.png") no-repeat right 25px center rgb(0, 117, 193); color: rgb(255, 255, 255); text-indent: 25px;
}
.newsPage .paging2 .return {
	background: url("../images/arrow9.png") no-repeat 27px; border: 1px solid rgb(0, 117, 193); transition:0.3s; border-image: none; width: 148px; height: 50px; color: rgb(0, 117, 193); line-height: 50px; text-indent: 55px; font-size: 16px; float: right; box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s;
}
.newsPage .paging2 .return:hover {
	color: rgb(255, 255, 255); background-image: url("../images/arrow10.png"); background-color: rgb(0, 117, 193);
}
@media only screen and (max-width:1440px)
{
.newsPage .newsList li {
	width: 380px;
}
.newsPage .newsList li .pic {
	height: 264px;
}
.newsPage .newsList li .text {
	padding: 16px 20px 20px;
}
.newsPage .newsList li a:hover .text {
	padding-bottom: 19px;
}
}
.casePage {
	padding: 80px 0px;
}
.casePage .caseList {
	margin-bottom: 40px;
}
.casePage .caseList::after {
	height: 0px; clear: both; display: block; content: "";
}
.casePage .caseList li {
	margin: 0px 0px 20px; padding: 0px 0px 0px 10px; width: 50%; overflow: hidden; float: left; position: relative; box-sizing: border-box;
}
.casePage .caseList li:nth-child(2n+1) {
	padding: 0px 10px 0px 0px; margin-left: 0px;
}
.casePage .caseList li a {
	overflow: hidden; display: block; position: relative;
}
.casePage .caseList li a:hover .text {
	background: url("../images/caseFilter2.png");
}
.casePage .caseList li a:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.casePage .caseList li img {
	transition:0.4s; width: 100%; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.casePage .caseList li .text {
	background: url("../images/caseFilter.png"); transition:0.4s; left: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); font-size: 18px; position: absolute; z-index: 5; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.casePage .caseList li .text span {
	background: url("../images/solutionList_icon.png") no-repeat right 20px center; padding: 0px 80px 0px 20px; height: 70px; line-height: 70px; overflow: hidden; display: block; -ms-word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.aboutPage .introduction {
	padding: 80px 0px;
}
.aboutPage .history {
	background: rgb(255, 255, 255); padding: 80px 0px;
}
.aboutPage .history .title {
	text-align: center; color: rgb(0, 0, 0); font-size: 48px;
}
.aboutPage .history .content {
	padding: 90px 0px 110px; margin-top: 48px; position: relative;
}
.aboutPage .history .content .line {
	background: rgb(204, 204, 204); left: 50%; top: 0px; width: 1px; height: 100%; position: absolute;
}
.aboutPage .history .content .line::before {
	background: url("../images/history_line1.gif") no-repeat; left: -9px; top: 0px; width: 19px; height: 19px; position: absolute; z-index: 5; content: " ";
}
.aboutPage .history .content .line::after {
	background: rgb(0, 117, 193); border-radius: 50%; left: -50%; width: 100px; height: 100px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 100px; font-size: 30px; position: absolute; z-index: 5; content: "Î´À´"; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);
}
.aboutPage .history .content ul::after {
	height: 0px; clear: both; display: block; content: "";
}
.aboutPage .history .content li {
	width: 724px; float: right;
}
.aboutPage .history .content li:nth-child(2n) {
	float: left;
}
.aboutPage .history .content li:nth-child(2n) .icon {
	background: url("../images/history_icon2.png") no-repeat; float: right;
}
.aboutPage .history .content li:nth-child(2n) .text {
	text-align: right; float: left;
}
.aboutPage .history .content li .icon {
	background: url("../images/history_icon1.png") no-repeat; width: 49px; height: 9px; margin-top: 16px; float: left; position: relative; z-index: 5;
}
.aboutPage .history .content li .text {
	width: 640px; float: right;
}
.aboutPage .history .content li .text .p1 {
	color: rgb(0, 117, 193); font-size: 30px;
}
.aboutPage .history .content li .text .p2 {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 16px; margin-top: 12px;
}
.aboutPage .publicTitle {
	text-align: center; color: rgb(0, 0, 0); font-size: 48px;
}
.aboutPage .honor {
	padding: 80px 0px; text-align: center;
}
.aboutPage .honor .swiper-container {
	background: rgb(255, 255, 255); border: 1px solid rgb(228, 228, 228); border-image: none; margin-top: 56px; box-sizing: border-box;
}
.aboutPage .honor .swiper-container .swiper-slide {
	padding: 28px; text-align: center; overflow: hidden; border-right-color: rgb(228, 228, 228); border-right-width: 1px; border-right-style: solid; box-sizing: border-box;
}
.aboutPage .honor .swiper-container :last-child.swiper-slide {
	border: currentColor; border-image: none;
}
.aboutPage .honor .swiper-container .swiper-slide img {
	max-width: 100%;
}
.aboutPage .honor .swiper-container .swiper-slide .text {
	height: 20px; color: rgb(51, 51, 51); line-height: 20px; font-size: 16px; margin-top: 30px;
}
.aboutPage .honor .swiper-container .swiper-button-prev {
	display: none;
}
.aboutPage .honor .swiper-container .swiper-button-next {
	display: none;
}
.aboutPage .honor .next {
	background: url("../images/arrow11.png") no-repeat center rgb(0, 117, 193); margin: 38px 10px 0px; border-radius: 14px; transition:0.4s; width: 42px; height: 30px; display: inline-block; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.aboutPage .honor .prev {
	background: url("../images/arrow11.png") no-repeat center rgb(0, 117, 193); margin: 38px 10px 0px; border-radius: 14px; transition:0.4s; width: 42px; height: 30px; display: inline-block; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.aboutPage .honor .next:hover {
	background-color: rgb(0, 90, 148);
}
.aboutPage .honor .prev:hover {
	background-color: rgb(0, 90, 148);
}
.aboutPage .honor .next {
	background: url("../images/arrow12.png") no-repeat center rgb(0, 117, 193);
}
.aboutPage .recruitment {
	padding: 80px 0px;
}
.aboutPage .recruitment .list {
	margin: 50px 0px 40px;
}
.aboutPage .recruitment .list ul::after {
	height: 0px; clear: both; display: block; content: "";
}
.aboutPage .recruitment .list li {
	margin-bottom: 30px;
}
.aboutPage .recruitment .list li.on .top {
	color: rgb(255, 255, 255); background-image: url("../images/recruitment_icon2.png"); background-color: rgb(0, 117, 193);
}
.aboutPage .recruitment .list li .top {
	background: url("../images/recruitment_icon1.png") no-repeat right 30px center rgb(255, 255, 255); padding: 15px 30px; transition:0.2s; color: rgb(51, 50, 50); font-size: 16px; cursor: pointer; box-sizing: border-box; -ms-user-select: none; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
}
.aboutPage .recruitment .list li .top::after {
	height: 0px; clear: both; display: block; content: "";
}
.aboutPage .recruitment .list li .top .txt {
	width: 23.33%; height: 40px; line-height: 40px; overflow: hidden; float: left; -ms-word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.aboutPage .recruitment .list li .top :first-child.txt {
	width: 30%;
}
.aboutPage .recruitment .list li .cont {
	padding: 24px; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; display: none; box-sizing: border-box;
}
.aboutPage .recruitment .list li .cont .tit {
	color: rgb(19, 93, 169); font-size: 16px; margin-bottom: 10px;
}
.aboutPage .recruitment .view {
	background: url("../images/recruitment_view.jpg") fixed no-repeat 0% 0% / 100% auto rgb(49, 142, 202); padding: 60px 0px; text-align: center; margin-top: 80px;
}
.aboutPage .recruitment .view .p1 {
	color: rgb(255, 255, 255); line-height: 40px; font-size: 30px;
}
.aboutPage .recruitment .view .p2 {
	background: url("../images/recruitment_view2.png") no-repeat bottom; height: 38px; color: rgb(255, 255, 255); line-height: 38px; font-size: 18px; margin-top: 12px;
}
.aboutPage .cooperation {
	padding: 80px 0px;
}
.aboutPage .cooperation .list {
	margin-top: 58px; border-top-color: rgb(228, 228, 228); border-left-color: rgb(228, 228, 228); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; box-sizing: border-box;
}
.aboutPage .cooperation .list::after {
	height: 0px; clear: both; display: block; content: "";
}
.aboutPage .cooperation .list li {
	width: 20%; overflow: hidden; border-right-color: rgb(228, 228, 228); border-bottom-color: rgb(228, 228, 228); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; float: left; box-sizing: border-box;
}
.aboutPage .cooperation .list li a:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.aboutPage .cooperation .list li img {
	transition:0.4s; width: 100%; display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.aboutPage .contact {
	padding: 80px 0px;
}
.aboutPage .contact #allmap {
	height: 560px; margin-top: 56px;
}
.aboutPage .contact .address {
	background: rgb(255, 255, 255); text-align: center;
}
.aboutPage .contact .address::after {
	height: 0px; clear: both; display: block; content: "";
}
.aboutPage .contact .address .box {
	background: url("../images/address_line.gif") no-repeat 0px 60px; padding: 60px 20px 56px; width: 33.33%; float: left; box-sizing: border-box;
}
.aboutPage .contact .address :first-child.box {
	background: none;
}
.aboutPage .contact .address .box .icon {
	margin: 0px auto; width: 160px; height: 160px;
}
.aboutPage .contact .address .box .icon img {
	width: 100%; display: block;
}
.aboutPage .contact .address .box .tit {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 18px; margin-top: 26px;
}
.aboutPage .contact .address .box .txt {
	color: rgb(0, 0, 0); line-height: 30px; font-size: 18px;
}
.aboutPage .contact .address .box .txt a {
	color: rgb(0, 0, 0); font-size: 18px;
}
.aboutPage .message {
	background: rgb(255, 255, 255); padding: 70px 0px;
}
.aboutPage .message .title {
	text-align: center; color: rgb(0, 0, 0); font-size: 36px;
}
.aboutPage .message .content {
	margin-top: 56px;
}
.aboutPage .message .content::after {
	height: 0px; clear: both; display: block; content: "";
}
.aboutPage .message .content .r {
	width: 510px;
}
.aboutPage .message .content .l {
	width: 510px;
}
.aboutPage .message .content textarea {
	padding: 0px 20px; border: 1px solid rgb(228, 228, 228); border-image: none; width: 100%; height: 72px; color: rgb(51, 51, 51); line-height: 70px; font-size: 18px; margin-bottom: 20px; float: left; box-sizing: border-box;
}
.aboutPage .message .content input[type='text'] {
	padding: 0px 20px; border: 1px solid rgb(228, 228, 228); border-image: none; width: 100%; height: 72px; color: rgb(51, 51, 51); line-height: 70px; font-size: 18px; margin-bottom: 20px; float: left; box-sizing: border-box;
}
.aboutPage .message .content textarea:-ms-input-placeholder {
	color: rgb(102, 102, 102);
}
.aboutPage .message .content input[type='text']:-ms-input-placeholder {
	color: rgb(102, 102, 102);
}
.aboutPage .message .content textarea {
	padding: 10px 20px; height: 256px; line-height: 30px; resize: none;
}
.aboutPage .message .content .btn {
	background: rgb(0, 117, 193); border: currentColor; transition:0.4s; border-image: none; width: 100%; height: 72px; text-align: center; color: rgb(255, 255, 255); line-height: 72px; font-size: 18px; display: block; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s;
}
.aboutPage .message .content .btn:hover {
	background: rgb(0, 90, 148);
}
@media only screen and (max-width:1440px)
{
.aboutPage .history .content li {
	width: 605px;
}
.aboutPage .history .content li .text {
	width: 520px;
}
.aboutPage .message .content .r {
	width: 590px;
}
.aboutPage .message .content .l {
	width: 590px;
}
}
@media only screen and (min-width:1200px)
{
.main .news .tabBox {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .news .tab {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .news .publicTitle {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .case .publicTitle {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .solution .solutionList li {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .solution .publicTitle {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .platform .content {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .platform .publicTitle {
	transition:0.8s; top: 150px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .news .an.tabBox {
	top: 0px; opacity: 1;
}
.main .news .an.tab {
	top: 0px; opacity: 1;
}
.main .news .an.publicTitle {
	top: 0px; opacity: 1;
}
.main .case .an.publicTitle {
	top: 0px; opacity: 1;
}
.main .solution .solutionList li.an {
	top: 0px; opacity: 1;
}
.main .solution .an.publicTitle {
	top: 0px; opacity: 1;
}
.main .platform .an.content {
	top: 0px; opacity: 1;
}
.main .platform .an.publicTitle {
	top: 0px; opacity: 1;
}
.main .case .content :nth-child(1).box {
	transition:0.8s; left: -500px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .case .content :nth-child(1).an.box {
	left: 0px; opacity: 1;
}
.main .news .one {
	transition:0.8s; right: -500px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .case .content :nth-child(3).box {
	transition:0.8s; right: -500px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .case .content :nth-child(2).box {
	transition:0.8s; right: -500px; position: relative; opacity: 0; -webkit-transition: 0.8s; -o-transition: 0.8s; -moz-transition: 0.8s;
}
.main .news .an.one {
	right: 0px; opacity: 1;
}
.main .case .content :nth-child(3).an.box {
	right: 0px; opacity: 1;
}
.main .case .content :nth-child(2).an.box {
	right: 0px; opacity: 1;
}
}
