@charset "utf-8";
	#content {
	background:#f7f7f7
}
.content-block {
	padding-bottom:30px;
	padding-top:30px
}
.block-title {
	font-size:18px;
	line-height:22px;
	border:none;
	padding-left:0;
	font-weight:700;
	margin-bottom:10px
}
.tile {
	height:320px;
	background:#fff;
	letter-spacing:-.307em;
	position:relative
}
.tile:before {
	content:"";
	height:100%;
	width:0
}
.layer,.layer-fix,.tile:before {
	vertical-align:middle;
	display:inline-block;
	letter-spacing:normal
}
.layer,.layer-fix {
	text-align:center;
	width:100%;
	margin-right:-10px
}
.layer-fix {
	letter-spacing:-.307em!important
}
.layer-fix>* {
	letter-spacing:normal
}
.tile .button {
	margin-top:10px
}
.tile .layer-left,.tile .layer-right {
	display:inline-block;
	vertical-align:middle;
	width:50%
}
.tile .layer-left img {
	max-width:100%
}
.tile .layer-right {
	text-align:left;
	padding-right:8%
}
.block-title .more {
	float:right;
	font-size:14px;
	position:relative
}
.partner-more .custom-case-tiles .aui-tile {
	height:100px
}
.partner-more {
	margin-bottom:40px
}
.icon-company-info {
	width:25px;
	height:25px;
	display:inline-block;
	margin-right:10px;
	vertical-align:-7px
}
.icon-company-info {
	background:url(../images/about/company-info.png) no-repeat center
}
.content-block.company-challenge {
	float:right;
	width:calc(100% - 300px);
	margin-bottom:60px;
	padding:30px;
	clear:none;
	border:solid 1px #e2e2e2;
	background:#fff
}
.customer-cover {
	height:150px;
	background:#000 url(../images/about/banner.png);
	width:100%
}
.customer-cover .cover-layer {
	max-width:1200px;
	padding-left:10px;
	padding-right:10px;
	margin:auto;
	position:relative;
	line-height:150px;
	font-size:0
}
.customer-cover .case-title {
	display:inline-block;
	vertical-align:middle;
	padding-left:30px;
	margin-right:40%
}
@media (max-width:1023px) {
	.customer-cover .case-title {
	padding-left:15px;
	font-size:14px;
	line-height:20px;
	margin-right:auto
}
}.customer-cover .title {
	font-size:24px;
	color:#fff;
	line-height:30px
}
.customer-cover .title .en {
	font-size:20px;
	color:#fff;
	display:block;
	text-transform:uppercase;
	font-weight:100;
	margin-top:5px;
	line-height:26px
}
.customer-cover .option {
	background:#cfd2d8;
	background-color:rgba(255,255,255,.8);
	width:210px;
	height:190px;
	position:absolute;
	right:0;
	top:40px
}
.customer-cover .button {
	line-height:43px;
	font-size:18px;
	padding:0;
	width:143px;
	margin:10px auto;
	display:block
}
.customer-cover .text {
	font-size:14px;
	color:#111
}
.case-item-block .case-panel {
	display:block;
	height:330px;
	position:relative;
	background-color:#fff;
	overflow:hidden;
	transition:all .2s linear
}
.case-item-block .case-panel:hover {
	box-shadow:1px 8px 26px rgba(33,37,44,.16);
	position:relative;
	z-index:2
}
.case-all-item {
	position:relative
}
.case-all-item .bg-cover {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	overflow:hidden
}
.case-all-item .bg-cover img {
	width:100%;
	position:absolute;
	bottom:0
}
.case-filter {
	position:relative;
	z-index:2;
	width:100%
}
.case-filter-title {
	width:100%;
	height:100px;
	padding-left:28px;
	background-color:#c7ccd9;
	overflow:hidden
}
.case-filter .tit {
	font-size:24px;
	color:#36383c;
	padding-left:12px;
	height:22px;
	line-height:22px;
	border-left:5px solid #e80000;
	margin-top:40px
}
.case-filter-list {
	padding-top:30px
}
.case-filter-list li {
	margin-bottom:30px;
	text-align:center
}
.case-filter-list li .label {
	color:#fff;
	font-size:16px
}
.case-filter-list .actions .button {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px
}
.case-filter-list .white {
	background-color:#fff;
	border-color:#333;
	color:#36383c
}
.case-item-block .cover {
	height:120px;
	display:inline-block;
	margin-bottom:6px;
	vertical-align:middle;
	text-align:center;
	line-height:120px;
	width:100%
}
.case-item-block .cover img {
	vertical-align:middle
}
.case-item-block .cover span {
	vertical-align:middle;
	font-size:24px;
	color:#00a6d2;
}
.case-info {
	text-align:left;
	padding:0 25px 0
}
.case-info dt {
	font-size:18px;
	line-height:22px;
	color:#333;
	margin:0 0 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.case-info dd {
	font-size:12px;
	color:#666;
	line-height:22px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.case-info dd .text {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.case-info dd.text {
	line-height:22px;
	margin:10px 0 0 0;
	height:88px;
	font-size:14px;
	text-align:justify;
	white-space:inherit;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden
}
.case-info dd a.more {
	font-size:14px
}
@media (max-width:1200px) {
	.customer-cover .option {
	right:50px
}
}#content>.wrapper {
	overflow:hidden;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px
}
#content>.wrapper:first-child {
	margin-top:198px
}
.crumbs-container {
	padding-top:15px;
	padding-bottom:15px
}
.crumbs-wrap {
	font-size:12px;
	line-height:18px
}
.crumbs-wrap a {
	color:#999
}
.crumbs-wrap a:after {
	content:" >"
}
.crumbs-wrap a:hover {
	color:#2d56b1
}
.crumbs-wrap span {
	color:#333
}
.company-box [class^=col-] {
	float:none;
	width:auto;
	padding:0!important
}
.custom-tile {
	position:relative;
	background:#fff
}
.company-box .bg-cover img {
	height:100%
}
.company-name dd .img-tell {
	width:278px;
	height:120px;
	display:table-cell;
	vertical-align:middle;
	background-color:#fff;
	overflow:hidden;
	text-align:center
}
.company-name dd .img-tell img {
	max-width:100%;
	width:180px
}
.company-name {
	padding-top:120px;
	position:relative;
	text-align:left
}
.company-box dd.cover {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	display:block;
	overflow:hidden;
	border-bottom:solid 1px #e2e2e2
}
.company-box dt {
	margin-top:20px;
	margin-bottom:5px;
	font-size:18px;
	line-height:30px;
	color:#333;
	text-align:left;
	font-weight:700
}
.bg-cover {
	display:none
}
.company-box dd {
	font-size:14px;
	color:#666;
	line-height:22px;
	text-align:left;
	word-break:break-all
}
.company-box dd .text {
	height:66px;
	overflow:hidden;
	margin-bottom:15px
}
.company-box dd .label {
	color:#999
}
.company-box .company-info {
	height:auto;
	padding:0;
	color:#36383c
}
.company-box .company-info:after {
	border:10px solid transparent;
	border-right:10px solid #e3e8ef;
	position:absolute;
	top:50%;
	left:-20px;
	margin-top:-5px;
	content:"";
	z-index:4;
	display:none
}
.content-block.company-box .AGrid-row.gap {
	background-color:#fff
}
.company-box {
	float:left;
	width:280px;
	padding:0 30px 30px;
	border:1px solid #e2e2e2;
	background:#fff;
	margin-bottom:60px
}
.company-box .company-info .tit {
	display:none;
	font-size:16px;
	margin-bottom:10px;
	color:#36383c;
	text-align:left;
	font-weight:700
}
.company-box .company-info .text {
	font-size:14px;
	line-height:22px;
	text-align:justify;
	margin-top:10px
}
.arch-figure {
	margin:10px 0
}
.arch-figure img {
	max-width:100%
}
.case-detail-text {
	padding:0
}
.case-detail-text .text {
	margin-top:10px;
	line-height:22px;
	color:#666;
	text-align:left;
	position:relative
}
.case-detail-text .text.dot {
	padding-left:15px
}
.case-detail-text .text.dot:after {
	width:4px;
	height:4px;
	border-radius:50%;
	background-color:#e41f2b;
	display:block;
	position:absolute;
	top:10px;
	left:0;
	content:""
}
.customer-comment {
	background-color:#768491;
	position:relative
}
.customer-comment:after {
	border:10px solid transparent;
	border-left:10px solid #768491;
	position:absolute;
	top:50%;
	right:-20px;
	margin-top:-5px;
	content:"";
	z-index:4
}
.customer-comment .caption {
	color:#fff;
	font-size:30px;
	margin-top:20px
}
.customer-comment-info {
	position:relative;
	text-align:justify
}
.customer-comment-info:after,.customer-comment-info:before {
	position:absolute;
	top:0;
	left:9%;
	content:"";
	z-index:4;
	width:28px;
	height:20px;
	margin-left:-40px;
	background:url(../images/about/quotes-sup.png) no-repeat;
	display:none
}
.customer-comment-info:before {
	top:auto;
	left:auto;
	bottom:10px;
	right:7%;
	margin:0;
	background-image:url(../images/about/quotes-sub.png)
}
.customer-comment-info .text {
	color:#666;
	font-size:14px;
	text-align:left
}
.more-customer-case {
	position:relative;
	height:320px
}
.more-customer-case .bg-cover {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:320px;
	width:100%;
	z-index:1
}
.more-customer-case .bg-cover .customer2 {
	display:none;
	width:100%
}
.more-customer-case .caption {
	background-color:#b40316;
	background-color:rgba(197,0,20,.9);
	line-height:60px;
	display:inline-block;
	padding:0 35px;
	color:#fff;
	font-size:30px;
	position:absolute;
	z-index:3;
	bottom:15%;
	right:0
}
.more-customer-case .arrow {
	border:10px solid transparent;
	border-left:10px solid #fff;
	display:inline-block;
	width:0;
	height:0;
	vertical-align:middle;
	margin-left:10px
}
.block-layer {
	background:#fff
}
.content-block .aui-tile-long {
	background-color:#fff
}
.content-block .content-block {
	padding:0;
	margin-top:30px
}
.custom-case-tiles .aui-tile {
	height:165px;
	background:#fff;
	padding:0
}
.custom-case-tiles .aui-tile img {
	vertical-align:middle
}
.content-block.customercase .aui-tile {
	height:145px;
	margin-bottom:1px
}
.customercase .center-layer .layer-figure {
	width:20%
}
.customercase .center-layer .layer-figure .foldIcon {
	display:none
}
.customercase .center-layer .layer-figure+.layer-text {
	width:76%
}
.customercase .caption {
	margin-bottom:5px;
	font-weight:700;
	font-size:16px
}
.customercase .layer-text .text {
	font-size:12px;
	display:inline-block;
	margin-right:20px;
	color:#999
}
.customercase .layer-text .info {
	margin-bottom:2px
}
.customercase .layer-text .dark {
	color:#666
}
.customercase .layer-text .linker {
	color:#2d56b1;
	margin-top:5px;
	display:inline-block;
	line-height:18px
}
.details-box .info {
	padding:0
}
.partner-detail-content {
	background-color:#f7f7f7
}
.details-main .content {
	background-color:#fff
}
@media (max-width:1365px) {
	.more-customer-case .caption {
	font-size:22px;
	width:100%;
	bottom:0;
	line-height:60px;
	padding:0;
	text-align:center;
	margin:0
}
}@media (max-width:1279px) {
	.company-solution .mt40 {
	margin-top:30px
}
.company-solution .tile {
	height:auto;
	padding-top:20px;
	padding-bottom:20px
}
.company-box .company-info:after {
	border-right:10px solid transparent;
	border-bottom:10px solid #e3e8ef;
	top:-20px;
	left:50%;
	margin:0 0 0 -5px
}
.company-box .bg-cover img {
	width:100%;
	height:auto
}
}@media (max-width:1023px) {
	.company-box .bg-cover,.custom-tile {
	height:auto
}
.more-customer-case .bg-cover .customer1 {
	display:none
}
.more-customer-case .bg-cover .customer2 {
	display:block
}
.customer-comment:after {
	border-left:10px solid transparent;
	border-top:10px solid #768491;
	top:auto;
	bottom:-20px;
	right:50%;
	margin:0 0 0 -5px
}
.customer-comment {
	height:auto;
	padding:20px 0
}
.customer-comment img.scale-up {
	vertical-align:middle
}
.customer-comment .caption {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 20px
}
.customer-comment-box {
	height:auto;
	padding:10px 0
}
}@media (max-width:767px) {
	#content>.wrapper {
	padding:0
}
.crumbs-container {
	display:none
}
.company-box,.content-block.company-challenge {
	float:none;
	width:auto;
	border:none;
	margin-bottom:0
}
.company-box {
	padding:0 15px 20px
}
.content-block.company-challenge {
	background:0 0;
	padding:0
}
.custom-tile .layer {
	top:30px
}
.company-box .bg-cover img {
	width:auto;
	height:100%
}
.more-customer-case .bg-cover .customer2 {
	width:auto;
	height:100%
}
.customer-cover .case-title:after {
	height:75px
}
.customer-cover .option {
	width:350px;
	height:100px;
	top:139px;
	left:30px
}
.customer-cover .option img {
	position:absolute;
	right:20px;
	top:20px
}
.customer-cover .button {
	margin-top:0
}
.company-box .bg-cover,.company-box .bg-cover .bg {
	height:342px
}
.company-box dt {
	margin-top:12px;
	font-size:16px;
	left:20px
}
.company-box dd .text {
	height:auto
}
.company-box dd.cover {
	display:table
}
.company-name dd .img-tell {
	width:100%
}
.block-layer {
	padding:20px 15px
}
.case-filter-list {
	padding-left:20px
}
.case-filter-list {
	padding-left:20px
}
.block-title {
	margin-top:40px;
	margin-bottom:15px;
	text-align:center;
	font-size:20px;
	line-height:25px
}
.case-detail-text .text:first-child {
	margin-top:0
}
}@media (max-width:767px) {
	.case-item-block {
	padding-top:0
}
.case-item-block .case-panel {
	height:auto;
	padding-bottom:20px
}
.case-info dt {
	font-size:16px;
	line-height:20px;
	margin-bottom:5px
}
.case-info dd {
	font-size:14px;
	line-height:22px
}
.case-info dd.text {
	display:block;
	height:auto;
	-webkit-box-orient:unset
}
}@media (max-width:500px) {
	.customer-case-page .col-mb-6 {
	width:100%
}
.customer-cover .option {
	width:80%;
	height:100px;
	top:139px;
	left:30px
}
.customer-case-page .tile {
	height:auto;
	padding:20px 0
}
.case-filter-title {
	height:60px
}
.case-filter .tit {
	margin-top:20px
}
.more-customer-case .bg-cover .customer2 {
	display:none
}
.more-customer-case .bg-cover .customer1 {
	display:block
}
.customer-comment-info:after {
	margin-left:0;
	left:10px
}
.customer-comment-info:before {
	right:15px
}
}@media (max-width:350px) {
	.company-box dd {
	font-size:12px
}
}.pages {
	text-align:center;
	padding:20px 0 40px
}
.case-filter-list select {
	height:26px;
	border-radius:3px;
	min-width:55%
}
.custom-case-tiles .aui-tile {
	height:280px;
	padding:10px 30px 0
}
.custom-case-tiles .layer-text {
	display:none
}
@media (max-width:799px) {
	.custom-case-tiles .aui-tile {
	height:auto!important;
	padding:10px 20px
}
}.custom-case-tiles .layer-logo {
	height:100px;
	line-height:100px;
	text-align:center;
	font-size:0;
	border:solid 1px #e2e2e2
}
.custom-case-tiles .layer-logo img {
	max-width:100%;
	vertical-align:middle
}
.custom-case-tiles .caption {
	border-top:1px dashed #d4d5d7;
	padding-top:20px;
	font-size:18px
}
.custom-case-tiles .link-more {
	margin-top:15px
}
.partner-case-content .content-block {
	padding:50px 10px 20px
}
.titleBar {
	text-align:center;
	margin:0 0 30px
}
.partner-wrap {
	padding:0 4px;
	background:#fff
}
.partner-wrap>li {
	padding:25px 0;
	border-bottom:2px solid #f7f7f7;
	font-size:0
}
.layout-img,.partner-info {
	display:inline-block;
	vertical-align:middle
}
.layout-img {
	width:20%;
	text-align:center
}
.layout-img .foldIcon {
	display:none
}
.partner-logo {
	max-width:95%
}
.partner-info {
	width:80%;
	line-height:1.5
}
.read-more {
	display:inline-block;
	margin-top:5px;
	font-size:14px;
	color:#2d56b1
}
.read-more:hover {
	text-decoration:underline
}
.partner-name {
	margin-bottom:5px;
	font-size:16px;
	color:#000
}
.partner-text {
	margin-bottom:5px;
	padding-right:4%;
	font-size:14px;
	color:#666
}
.partner-contact>span {
	padding-right:2%;
	font-size:12px
}
.partner-contact-name {
	color:#999
}
.partner-case-block .pages {
	padding:20px 40px;
	background:#fff
}
.partner-case-block .aui-pager {
	width:50%;
	overflow:hidden
}
.partner-detail-content .arch-figure {
	padding:40px;
	background-image:url(../images/about/architecture_bg.png)
}
.partner-detail-content .arch-figure img {
	float:left;
	width:64%;
	margin-top:20px
}
.layout-detail {
	float:right;
	width:32.3%;
	height:450px;
	background:#fff;
	padding:38px 3.4% 0;
	text-align:left;
	overflow:hidden
}
.layout-detail-title {
	display:none
}
.layout-detail-box {
	height:206px;
	font-size:14px;
	line-height:1.5
}
.layout-title-main {
	font-size:18px;
	line-height:1;
	color:#333;
	margin-bottom:15px
}
.layout-text {
	margin-bottom:10px;
	color:#666;
	font-size:14px
}
.cicle-icon.layout-text {
	position:relative;
	padding-left:20px
}
.cicle-icon.layout-text:before {
	position:absolute;
	content:"";
	top:49%;
	left:5px;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#000
}
.layout-title-primary {
	margin-bottom:20px;
	color:#999;
	font-size:14px;
	line-height:1.3
}
.hline {
	display:inline-block;
	height:1px;
	width:66%;
	margin-left:3px;
	margin-bottom:5px;
	background:#ccc
}
.block-layer .scene-recomd-list .text-layer {
	display:inline-block
}
.block-layer .scene-recomd-list li {
	float:left;
	margin-right:20px
}
.partner-detail-content .company-name dd .img-tell img {
	max-width:52%
}
.details-box {
	background-color:#fff;
	overflow:hidden;
	padding:40px
}
.details-box .caption {
	text-align:center;
	margin-bottom:40px;
	font-size:24px
}
.details-box .cover {
	float:left;
	width:20%
}
.details-box .info {
	float:left
}
.contact-box {
	float:left
}
.details-main {
	margin-top:20px;
	background-color:#fff;
	padding:20px 40px 40px
}
.intro-title h4 {
	font-size:16px;
	color:#333;
	margin-top:20px
}
.block-title h1.title {
	font-size:18px;
	font-weight:100
}
.block-title .content {
	padding:0
}
.content ul .caption {
	font-size:16px;
	margin-top:10px
}
@media (max-width:720px) {
	.details-box {
	padding:20px
}
.details-main {
	padding:10px 20px 20px
}
.details-box .caption {
	font-size:16px;
	margin-bottom:20px
}
.block-title .more {
	display:none
}
.intro-title h4 {
	margin-top:10px
}
}@media only screen and (max-width:799px) {
	.partner-case-content .content-block {
	padding:30px 20px
}
.titleBar {
	margin-bottom:20px
}
.partner-detail-content .arch-figure img {
	width:100%;
	margin-bottom:20px
}
.layout-detail {
	width:100%;
	padding:20px
}
.partner-detail-content .arch-figure {
	padding:30px
}
.layout-title-main {
	font-size:14px
}
.layout-text {
	font-size:12px
}
.layout-detail-box {
	height:180px
}
.layout-detail {
	height:auto
}
.partner-case-block .aui-pager {
	width:100%
}
.aui-pager .ucd-pager-goto {
	width:100%;
	margin-top:5px;
	font-size:12px
}
.ucd-pager-pages {
	float:initial
}
.ucd-pager-ellipsis>span {
	line-height:20px
}
.ucd-pager-count {
	margin:0
}
.ucd-pager-btn,.ucd-pager-page {
	width:20px;
	height:20px;
	line-height:20px
}
.ucd-pager-pages .ucd-pager-page a {
	font-size:12px;
	line-height:20px
}
.partner-case-block .pages {
	padding:20px
}
.partner-case-content .customer-cover .case-title {
	top:59px
}
.layout-img {
	position:relative;
	width:100%;
	padding:20px 0
}
.layout-img .foldIcon {
	display:block
}
.partner-info {
	width:auto;
	display:none;
	padding:0 30px 30px
}
.partner-wrap {
	padding:0
}
.layout-img .foldIcon {
	top:50%;
	right:20px;
	border-width:8px
}
.layout-img .foldIcon:before {
	margin-left:-8px;
	margin-top:-10px;
	border-width:8px
}
.partner-name {
	border-top:1px dashed #d4d5d7;
	padding-top:20px
}
.partner-wrap>li {
	padding:0
}
.partner-contact>span {
	display:block
}
.partner-contact {
	margin-top:10px
}
}.company-box .gap {
	margin:0
}