/*
 * Theme Name: China Brilliant
 * Theme URI: http://www.cbscs.com
 * Text Domain: chinabrilliant
 * Tags: 朗华, 企业, 官网, 响应式
 * Description: 朗华集团官方网站专用WordPress主题
 * Version: 1.0
 * Requires at least: 5.4.2
 * Requires PHP: 7.4.6
 * Author: Poly Tamheader-menu
 * Author URI: http://tanhaibo.net
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===== 00.Menu ===== */
/*
 * 01.Global
 * 02.Header
 * 03.Footer
 * 04.Banner
 * 05.Index
 * 06.About Profile
 * 07.About Culture
 * 08.About History
 * 09.About Honor
 * 10.About SR
 * 11.About Industry
 * 12.Service SC
 * 13.Service Warehouse
 * 14.Service Finance
 * 15.NEWS List
 * 16.NEWS Detail
 * 17.Page Navi
 * 18.Channel Navi
 * 19.Home Join
 * 20.Home Recuitment
 * 21.Home Contact
 * 22.Request Magazine
 * 23.Error 404
 * 24.Browser Hack
 * 25.Responsive 1200
 * 26.Responsive 1200
 * 27.Cookies
 * 28.Digitize
*/

/* ===== 01.Global ===== */
/* Font */
@font-face {
	font-family: 'SourceHanSansCNNormal';
	src: url('src/font/SourceHanSansCN-Normal.otf') format("otf"),
}

/* Common */
body {
	font: 14px 'SourceHanSansCNNormal', 'Noto Sans SC';
}

body.errorpage {
	background: #f7feff;
}

body.overflow::-webkit-scrollbar,
body.overflow::-webkit-scrollbar-thumb {
	min-width: 0;
	min-height: 0;
	width: 0;
	height: 0;
}

a,
a:hover {
	text-decoration: none;
}

/* Wrapper */
.wrapper {
	width: 1200px;
	margin: 0 auto;
}

/* Shade */
.shade {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
}

/* SUI */
.sui-layout {
	margin-bottom: 50px;
}

.sui-fl {
	float: left; !important;
}

.sui-fr {
	float: right !important;
}

.sui-pd0 {
	padding: 0 !important;
}

.sui-mb0 {
	margin-bottom: 0 !important;
}

/* Cust */
.btn-more {
	display: inline-block;
	background: linear-gradient(90deg, rgba(0, 91, 172, 1) -2%, rgba(2, 167, 240, 1) 103%);
	padding: 0 25px;
	line-height: 30px;
	text-align: center;
}

.btn-more,
.btn-more:hover {
	color: #fff;
}

.banner-title > .banner-title-cn,
.banner-title > .banner-title-en,
.news-item-summary-meta > .news-item-summary-meta-title,
.main-navi > .main-navi-item,
.news-ds-list > li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.headline-text > .headline-title,
.headline-text > .headline-summary,
.news-item-summary-meta > .news-item-summary-meta-desc {
	display: -webkit-box;
	overflow : hidden;
	text-overflow: ellipsis;
	box-orient: vertical;
	-ms-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-box-orient: vertical;
}

.services-item > .services-cover > img,
.about-industry-img > img,
.news-item > .news-item-avatar > img,
.service-module > .service-module-cover > img,
.join-section > img {
	transition: all 2s;
	-ms-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	-webkit-transition: all 2s;
}

.services-item:hover > .services-cover > img,
.news-item:hover > .news-item-avatar > img,
.about-industry-img:hover > img,
.service-module:hover .service-module-cover > img,
.join-section:hover > img:not(.content) {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.header.active,
.header:hover,
.header-menu > li > ul > li > a:hover,
.footer-fixed > .footer-fixed-item:hover,
.banner_btn .banner-title > .banner-title-btn:hover,
.channel-navi.fixed,
.page-navi-pc .page-navi-item.active,
.page-navi-pc .page-navi-item:hover,
.page-navi-mobile > .page-nm-item:hover,
.warehouse-mt-title > span.active,
.finance-scfinancing-list > .finance-scfinancing-item:hover,
.recuitment-main-item.active > .recuitment-item-meta,
.recuitment-main-item:hover > .recuitment-item-meta {
	transition: background .5s;
	-ms-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-webkit-transition: background .5s;
}

.warehouse-service-list > .warehouse-service-item:hover {
	transition: background-color .5s;
	-ms-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	-webkit-transition: background-color .5s;
}

.header-menu > li.active > a,
.header-menu > li:hover > a,
.channel-navi-list > a.active,
.channel-navi-list > a:hover {
	transition: color .5s;
	-ms-transition: color .5s;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-webkit-transition: color .5s;
}

.warehouse-service {
	font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}

.service-scs-main > .service-scs-item:nth-child(2) > .service-scs-item-show,
.service-scs-main > .service-scs-item:nth-child(3) > .service-scs-item-show {
	animation: dancingball 2s linear infinite;
	-ms-animation: dancingball 2s linear infinite;
	-moz-animation: dancingball 2s linear infinite;
	-o-animation: dancingball 2s linear infinite;
	-webkit-animation: dancingball 2s linear infinite;
}

.service-scs-main > .service-scs-item:nth-child(4) > .service-scs-item-show,
.service-scs-main > .service-scs-item:nth-child(5) > .service-scs-item-show {
	animation: dancingball 3s linear infinite;
	-ms-animation: dancingball 3s linear infinite;
	-moz-animation: dancingball 3s linear infinite;
	-o-animation: dancingball 3s linear infinite;
	-webkit-animation: dancingball 3s linear infinite;
}

.service-scs-main > .service-scs-item:nth-child(6) > .service-scs-item-show,
.service-scs-main > .service-scs-item:nth-child(7) > .service-scs-item-show {
	animation: dancingball 4s linear infinite;
	-ms-animation: dancingball 4s linear infinite;
	-moz-animation: dancingball 4s linear infinite;
	-o-animation: dancingball 4s linear infinite;
	-webkit-animation: dancingball 4s linear infinite;
}

.service-scs-main > .service-scs-item:nth-child(8) > .service-scs-item-show,
.service-scs-main > .service-scs-item:nth-child(9) > .service-scs-item-show {
	animation: dancingball 5s linear infinite;
	-ms-animation: dancingball 5s linear infinite;
	-moz-animation: dancingball 5s linear infinite;
	-o-animation: dancingball 5s linear infinite;
	-webkit-animation: dancingball 5s linear infinite;
}

.service-scs-main > .service-scs-item:nth-child(10) > .service-scs-item-show,
.service-scs-main > .service-scs-item:nth-child(11) > .service-scs-item-show {
	animation: dancingball 6s linear infinite;
	-ms-animation: dancingball 6s linear infinite;
	-moz-animation: dancingball 6s linear infinite;
	-o-animation: dancingball 6s linear infinite;
	-webkit-animation: dancingball 6s linear infinite;
}

.service-scs-item:hover > .service-scs-item-hide > .item-ball:before {
	animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	-webkit-animation: spin 1s linear infinite;
	animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}

@keyframes dancingball {
	0% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
		-ms-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-o-transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@-ms-keyframes dancingball {
	0% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
		-ms-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-o-transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes dancingball {
	0% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
		-ms-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-o-transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@-o-keyframes dancingball {
	0% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
		-ms-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-o-transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes dancingball {
	0% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
		-ms-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-o-transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-ms-keyframes spin {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-o-keyframes spin {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@keyframes animation-scale {
	0% {
		transform-origin: center center;
		transform: scale(1);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		transform-origin: center center;
		transform: scale(2);
		opacity: 0;
	}
}

/* ===== 02.Header ===== */
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	background: #fff;
}

.header.active,
.header:hover {
	background: #fff;
}

/* Header Logo */
.header .header-logo {
	padding: 20px 0;
}

.header .header-logo,
.header-logo > img {
	height: 50px;
	float: left;
}

/* Header Brand */
.header .header-brand {
	width: 200px;
	padding: 20px 0;
	margin-left: 40px;
}

.header-brand > .header-brand-mission {
	color: #666;
	font-size: 1.2857em;
	line-height: 34px;
}

.header-brand > .header-brand-stock {
	color: #005bac;
	font-size: 1em;
	line-height: 16px;
}

.header .header-brand,
.header-brand > .header-brand-mission,
.header-brand > .header-brand-stock {
	float: left;
}

/* Header Menu */
.header .header-menu {
	float: right;
	padding-top: 25px;
}

.header-menu > li {
	position: relative;
	height: 65px;
	float: left;
	margin-left: 40px;
	text-align: center;
}

.header-menu > li:first-child {
	margin-left: 0;
}

.header-menu > li.active,
.header-menu > li:hover {
	border-bottom: 3px #005bac solid;
}

.header-menu > li > a {
	display: block;
	font-size: 1.2857em;
	line-height: 65px;
}

.header-menu > li.active > a,
.header-menu > li:hover > a {
	color: #005bac;
}

.header-menu > li > ul {
	display: none;
	position: absolute;
	top: 65px;
	left: -50px;
	width: 150px;
	background: #fff;
	padding: 10px 0;
}

.header-menu > li:hover > ul {
	display: block;
}

.header-menu > li > ul > li {
	width: 100%;
	float: left;
	text-align: center;
}

.header-menu > li > ul > li > a {
	display: block;
	font-size: 1.1428em;
	line-height: 45px;
}

.header-menu > li > ul > li > a:hover {
	background: #005bac;
	color: #fff;
}

.header .toggle-header-menu {
	display: none;
	position: fixed;
	top: 0;
	right: 15px;
	z-index: 4;
	width: 30px;
	height: 50px;
	padding: 10px 0;
	font-size: 1.7142em;
	font-weight: 100;
	line-height: 30px;
	text-align: right;
	cursor: pointer;
}

.switch-lang {
	display: none;
	position: fixed;
	bottom: 50px;
	left: 25%;
	z-index: 5;
	width: 50%;
}

.switch-lang > a {
	width: 50%;
	float: left;
	line-height: 35px;
	text-align: center;
}

.switch-lang > a.cn {
	background: #005bac;
	border-radius: 10px 0 0 10px;
	color: #fff100;
}

.switch-lang > a.en {
	background: #fff100;
	border-radius: 0 10px 10px 0;
	color: #005bac;
}

/* ===== 03.Footer ===== */
.footer {
	width: 100%;
	float: left;
	background: url(src/img/sys/footer/bg_footer.jpg) top center no-repeat;
	background-size: 100% 100%;
}

.homepage > .footer {
	background: rgba(0, 0, 0, .6);
}

/* Footer Main */
.footer .footer-main,
.footer-main > .footer-main-menu,
.footer-main-menu > li,
.footer-mm-meta > img,
.footer-mm-meta > .footer-mm-mission,
.footer-mm-meta > .footer-mm-navicon {
	width: 100%;
	float: left;
}

.footer .footer-main {
	padding: 25px 50px;
	border-bottom: 1px #ccc solid;
}

.footer-main > .footer-main-menu {
	position: relative;
	padding: 10px 0;
	color: #fff;
}

.footer-main-menu > li {
	line-height: 40px;
}

.footer-main-menu > li > a {
	color: #fff;
	line-height: 40px;
}

.footer-main-menu > li > .menu-title {
	float: left;
	margin-right: 60px;
	font-size: 1.1428em;
	font-weight: bold;
}

.footer-main-menu > li > .menu-item {
	display: block;
	position: relative;
	float: left;
	margin-right: 40px;
	line-height: 40px;
}

.footer-main-menu > li > .menu-item.double {
	line-height: 20px;
}

.footer-main-menu > li > .menu-item:last-child {
	margin-right: 0;
}

.footer-main-menu > li > .menu-item:hover {
	color: #fff100;
}

.footer-main-menu > li > .menu-item:after {
	display: block;
	content: '';
	position: absolute;
	top: 12px;
	right: -20px;
	width: 0;
	height: 15px;
	border-left: 1px #fff solid;
}

.footer-main-menu > li > .menu-item:last-child:after {
	display: none;
}

.footer-main-menu > .footer-mm-meta {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 130px;
	height: 140px;
	float: right;
}

.footer-mm-meta > .footer-mm-mission {
	color: #fff;
	font-size: 1.2857em;
	line-height: 40px;
	text-align: center;
}

.footer-mm-meta > .footer-mm-navicon {
	margin-top: 10px;
}

.footer-mm-navicon > li {
	position: relative;
	width: 32px;
	height: 32px;
	float: left;
	background: rgba(0, 91, 172, .5);
	margin-left: 17px;
	border-radius: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
}

.footer-mm-navicon > li:first-child {
	margin-left: 0;
}

.footer-mm-navicon > li > i {
	line-height: 35px;
}

.footer-mm-navicon > li > .popup-box {
	display: none;
	position: absolute;
	right: -30px;
	bottom: 50px;
	z-index: 11;
	min-width: 250px;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	color: #666;
	box-shadow: 2px 2px 6px 1px #666;
}

.footer-mm-navicon > li:hover > .popup-box {
	display: block;
}

.footer-mm-navicon > li > .popup-box:after {
	display: block;
	content: '';
	position: absolute;
	right: 45px;
	bottom: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.footer-mm-navicon > li > .popup-box > img {
	max-width: 100%;
}

.footer-mm-navicon > li > .popup-box > p {
	line-height: 25px;
	text-align: left;
}

/* Footer Info */
.footer .footer-info {
	width: 100%;
	float: left;
	padding: 9px 0 10px 0;
}

.footer-info > p {
	color: #fff;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
}

.footer-info > p > a {
	color: #fff;
	line-height: 25px;
}

.footer-info > p > a > img {
	height: 16px;
	vertical-align: middle;
}

/* Footer Fixed */
.footer .footer-fixed {
	position: fixed;
	right: 10px;
	bottom: 150px;
	z-index: 5;
	width: 44px;
	height: 183px;
	background: linear-gradient(0deg, rgba(0, 169, 242, 1) -5%, rgba(0, 255, 255, 1) 100%);
	border-radius: 10px;
}

.footer-fixed > .footer-fixed-item {
	position: relative;
	width: 100%;
	height: 44px!important;
	float: left;
	padding: 12px 0;
	border-top: 1px #fff solid;
	color: #fff;
	line-height: 20px!important;
	text-align: center;
}

.footer-fixed > .footer-fixed-item:hover {
	background: #005bac;
}

.footer-fixed > .footer-fixed-item:first-child {
	border-top: 0;
	border-radius: 5px 5px 0 0;
}

.footer-fixed > .footer-fixed-item:last-child {
	border-radius: 0 0 5px 5px;
}

.footer-fixed-item > i {
	font-size: 1.4285em;
}

.footer-fixed-item:last-child > i {
	font-size: 1.7142em;
	cursor: pointer;
}

.footer-fixed-item > .popup-box {
	display: none;
	position: absolute;
	right: 65px;
	bottom: 0;
	width: 250px;
	background: #eee;
	padding: 10px;
	border-radius: 5px;
	color: #666;
}

.footer-fixed-item:hover > .popup-box {
	display: block;
}

.footer-fixed-item > .popup-box:after {
	display: block;
	content: '';
	position: absolute;
	right: -10px;
	bottom: 15px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #eee;
}

/* ===== 04.Banner ===== */
.banner,
.banner .banner-title,
.banner-title > .banner-title-cn,
.banner-title > .banner-title-en {
	width: 100%;
	float: left;
}

.banner {
	height: auto;
}

.banner > img {
	width: 100%;
	float: left;
}

.banner_news-list {
	background-image: url(src/img/content/banner/banner_news-list.jpg);
}

.banner_news-detail {
	height: 340px;
	background-image: url(src/img/content/banner/banner_news-detail.jpg);
}

.banner_news-detail,
.banner_home,
.banner_home-contact {
	background-position: center right;
}

.banner_home,
.banner_home-contact {
	margin-bottom: 0;
}

.banner .banner-title {
	margin: 200px 0;
}

.banner-title > .banner-title-cn,
.banner-title > .banner-title-en {
	padding-left: 70px;
	line-height: 100px;
}

.banner-title > .banner-title-cn {
	color: #578af7;
	font-size: 3em;
	font-weight: bold;
	line-height: 80px;
}

.banner-title > .banner-title-cn > i {
	color: #fb6703;
	font-style: normal;
	line-height: 40px;
}

.banner-title.banner-college-title > .banner-title-cn,
.banner-title.banner-college-title > .banner-title-en {
	color: #fff;
}

.banner-title.banner-college-title > .banner-title-cn:before {
	background: #fff;
}

.banner-title > .banner-title-en {
	color: #ddd;
	font-size: 5.1428em;
}

.banner_btn .banner-title {
	margin-bottom: 130px;
}

.banner_btn .banner-title > .banner-title-btn {
	width: 180px;
	float: left;
	background: rgba(255, 255, 255, .8);
	margin: 30px 0 0 70px;
	border-radius: 20px;
	font-size: 1.1428em;
	line-height: 40px;
	text-align: center;
	box-shadow: 1px 1px 2px 1px #666;
}

.banner_btn .banner-title > .banner-title-btn:hover {
	background: #005bac;
	color: #fff;
}

/* ===== 05.Index ===== */
/* Index Slider */
.index-slider img {
	width: 100%;
	float: left;
}

/* Index Module */
.index-module,
.index-module .index-module-title,
.index-module .index-module-content {
	width: 100%;
	float: left;
}

.index-module {
	padding: 50px 0;
}

.index-module .index-module-title {
	position: relative;
	color: #eee;
	font-size: 7.7142em;
	font-weight: bold;
	line-height: 100px;
	text-align: center;
}

.index-module-title > .index-module-title-cn {
	position: absolute;
	left: 0;
	width: 100%;
	color: #005bac;
	font-size: .4444em;
}

.index-module-content {
	margin-top: 50px;
}

/* Index Services */
.index-services {
	background: #f4fcff url(src/img/sys/index/bg_services.gif) center top no-repeat;
}

.service-upgrade {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.service-upgrade > .service-upgrade-item {
	width: calc(100% / 4);
	flex: 0 0 auto;
	text-align: center;
	margin-bottom: 15px;
}

.service-upgrade-item > span {
	width: 100%;
	float: left;
	font-size: 1.2857em;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
}

.service-upgrade-item > img {
	width: 250px;
}

/* Index NEWS */
.index-news .index-news-navi {
	width: 100%;
	float: left;
	text-align: center;
}

/* Index About */
.index-about .about-main,
.about-main-summary > span,
.about-main > .about-main-video > img,
.about-main > .about-main-video > video {
	width: 100%;
	float: left;
}

.index-about .about-main {
	height: 440px;
}

.about-main > .about-main-video,
.about-main > .about-main-summary {
	height: 440px;
	float: left;
}

.about-main > .about-main-video {
	width: 780px;
}

.about-main > .about-main-video > img,
.about-main > .about-main-video > video {
	height: 440px;
}

.about-main > .about-main-video > video {
	display: none;
}

.about-main > .about-main-summary {
	width: 420px;
	background: #fff;
	padding: 40px 30px;
	text-align: right;
}

.about-main-summary > span {
	margin-bottom: 80px;
	color: #666;
	font-size: 1.1428em;
	line-height: 40px;
	text-align: left;
}

/* ===== 06.About Profile ===== */
/* About Public */
.about-title,
.about-title > .about-title-en {
	width: 100%;
	float: left;
}

.about-title {
	position: relative;
	height: 100px;
}

.about-title > .about-title-en {
	color: rgba(255, 255, 255, .32);
	font-size: 3.5em;
	line-height: 120px;
}

.about-title-en > span {
	font-size: 2.6em;
	line-height: 100px;
}

.about-title > .about-title-cn {
	position: absolute;
	left: 90px;
	color: #fff;
	font-size: 3em;
	line-height: 60px;
}

/* About Profile */
.about-profile {
	position: relative;
	height: 600px;
	background: -webkit-linear-gradient(top, #264f8f, #5897cc);
	padding: 50px 0;
}

.about-profile > .waves-container,
.waves-container > canvas {
	width: 100%;
	height: 600px;
	float: left;
}

.waves-container {
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.company-brief-intro {
	width: 100%;
	float: left;
	margin: 50px 0;
	line-height: 30px;
	font-size: 1.1428em;
	color: #fff;
}

.company-data-preview {
	width: 100%;
	float: left;
}

.company-data-preview-item {
	width: 200px;
	height: 200px;
	float: left;
	padding: 3px;
	margin: 0 20px;
	border: 1px #7ca1cc dashed;
	border-radius: 100px;
}

.company-data-preview-item-inner {
	width: 192px;
	height: 192px;
	float: left;
	padding: 46px 0;
	border: 4px #7ca1cc solid;
	border-radius: 100px;
}

.data-preview-item-title,
.data-preview-item-num,
.data-preview-item-desc {
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
}

.data-preview-item-title {
	line-height: 30px;
	font-size: 1.2857em;
}

.data-preview-item-num {
	line-height: 40px;
	font-size: 2em;
	font-weight: bold;
}

.data-preview-item-desc {
	line-height: 30px;
	font-size: 1.1428em;
}

.company-data-remark {
	width: 100%;
	float: left;
	margin-top: 20px;
	text-align: right;
	color: #f0f0f0;
	font-size: 1.1428em;
	line-height: 30px;
}

/* ===== 07.About Culture ===== */
.about-culture > .wrapper > img {
	width: 100%;
	float: left;
}

/* ===== 08.About History ===== */
.about-history {
	position: relative;
	height: 755px;
	background: url(src/img/sys/about/bg_history.jpg) center center no-repeat;
	padding: 50px 0;
}

.about-history > .img {
	position: absolute;
	top: 300px;
	width: 100%;
	overflow: hidden;
}

.about-history .about-title > .about-title-cn {
	left: 120px;
}

.about-history .slider-container {
	width: 100%;
	height: 480px;
	float: left;
	margin-top: 50px;
}

.about-history .slider-item {
	width: 300px!important;
	height: 240px;
	float: left;
	background: url(src/img/sys/about/bg_history-slide.png) left top no-repeat;
	padding-left: 20px;
	margin-bottom: 240px;
	color: #fff;
}

.about-history .slider-item:nth-child(2n) {
	padding-top: 20px;
	margin-top: 240px;
	margin-bottom: 0;
	background: url(src/img/sys/about/bg_history-slide_bottom.png) left top no-repeat;
}

.about-history .slider-item > .milestone-title,
.about-history .slider-item > .milestone-year,
.about-history .slider-item > .milestone-detail {
	width: 100%;
	float: left;
}

.about-history .slider-item > .milestone-title {
	color: #b0cae2;
	font-size: 1.4285em;
	font-weight: bold;
	line-height: 30px;
}

.about-history .slider-item > .milestone-year {
	color: #fff;
	font-size: 2.5714em;
	font-weight: bold;
	line-height: 50px;
}

.about-history .slider-item > .milestone-detail {
	color: #fff;
	font-size: 1.0714em;
}

.milestone-detail > p {
	line-height: 25px;
}

/* About History Slider */
.about-history > .slider-navi {
	position: absolute;
	bottom: 30px;
	left: calc((100% - 130px) / 2);
	z-index: 1;
	width: 130px;
	height: 50px;
	cursor: pointer;
}

.about-history > .slider-navi > .slider-navi-prev,
.about-history > .slider-navi > .slider-navi-next {
	width: 65px;
	height: 50px;
	float: left;
	background: #005bac;
	color: #fff100;
	line-height: 50px;
	text-align: center;
}

.about-history > .slider-navi > .slider-navi-prev {
	border-radius: 10px 0 0 10px;
}

.about-history > .slider-navi > .slider-navi-next {
	border-radius: 0 10px 10px 0;
}

.about-history > .slider-navi > .slider-navi-prev > i,
.about-history > .slider-navi > .slider-navi-next > i {
	font-size: 1.4285em;
	line-height: 50px;
}

.about-history > .slider-navi > .slider-navi > .slider-navi-prev:hover,
.about-history > .slider-navi > .slider-navi > .slider-navi-next:hover {
	background: #fff100;
	color: #005bac;
}

.about-history > .slider-navi > .slider-navi-prev.swiper-button-disabled,
.about-history > .slider-navi > .slider-navi-prev.swiper-button-disabled:hover,
.about-history > .slider-navi > .slider-navi-next.swiper-button-disabled,
.about-history > .slider-navi > .slider-navi-next.swiper-button-disabled:hover {
	background: #ccc;
	color: #999;
}

/* ===== 09.About Honor ===== */
.about-honor {
	height: auto;
	padding-bottom: 50px;
}

.about-honor > .wrapper {
	position: relative;
}

.about-honor .about-title > .about-title-en {
	color: #ddd;
}

.about-honor .about-title > .about-title-cn {
	color: #000;
}

.about-honor .about-honor-desc {
	position: absolute;
	top: 0;
	right: 0;
	width: 600px;
	height: 100px;
	padding: 15px 0;
}

.about-honor-desc > p {
	color: #666;
	font-size: 1.1428em;
	line-height: 35px;
}

.about-honor .about-honor-cover,
.about-honor-cover > img {
	width: 100%;
	float: left;
}

.about-honor .about-honor-cover {
	margin-top: 50px;
}

.about-honor .about-honor-list {
	width: calc(100% / 3);
	height: 550px;
	float: left;
	background: #f2f2f2;
	padding: 20px 30px;
	border-bottom: 5px #f2f2f2 solid;
	cursor: pointer;
}

.about-honor .about-honor-list:hover,
.about-honor .about-honor-list.active {
	background: #fbfbfb;
	border-bottom: 5px #005bac solid;
}

.about-honor-list > p {
	color: #666;
	font-size: 1.1428em;
}

/* ===== 10.About SR ===== */
.about-sr > .wrapper {
	position: relative;
}

.about-sr {
	height: 800px;
	background: #f4fcff;
	padding: 50px 0;
}

.about-sr .about-title > .about-title-en {
	color: #ddd;
}

.about-sr .about-title > .about-title-cn {
	color: #000;
}

.about-sr .about-sr-cover,
.about-sr-cover > img {
	float: left;
}

.about-sr .about-sr-cover {
	margin-top: 50px;
}

.about-sr-cover > img {
	height: 550px;
}

.about-sr .about-sr-meta {
	position: absolute;
	top: 325px;
	right: 0;
	width: 480px;
	background: #f2f2f2;
	padding: 20px 20px;
}

.about-sr-meta > p {
	margin-bottom: 10px;
	color: #666;
	font-size: 1.1428em;
}

.about-sr-meta > a {
	color: #666;
	line-height: 30px;
}

.about-sr-meta > a.btn-more {
	color: #fff;
}

/* ===== 11.About Industry ===== */
.about-industry {
	position: relative;
	padding-bottom: 50px;
}

.about-industry .about-title > .about-title-en {
	color: #ddd;
}

.about-industry .about-title > .about-title-cn {
	left: 40px;
	color: #000;
}

.about-industry .slider-container,
.about-industry .slider-item {
	width: 100%;
	float: left;
}

.about-industry .slider-container {
	margin-top: 50px;
}

.about-industry .slider-item {
	height: 520px;
	background: #fff;
}

.about-industry-img {
	width: 720px;
	height: 520px;
	float: right;
	overflow: hidden;
}

.about-industry-img > img {
	width: 100%;
	float: left;
}

.about-industry-text {
	position: absolute;
	top: 70px;
	left: 0;
	width: 600px;
	height: 380px;
	background: rgba(242, 242, 242, .8);
	padding: 30px 40px;
}

.about-industry-text > .about-industry-text-title,
.about-industry-text > .about-industry-text-desc {
	width: 100%;
	float: left;
}

.about-industry-text > .about-industry-text-title {
	margin-bottom: 20px;
	font-size: 1.5726em;
	font-weight: bold;
	line-height: 50px;
}

.about-industry-text > .about-industry-text-desc {
	color: #333;
	font-size: 1.1428em;
	line-height: 30px;
}

/* About Industry Slider */
.about-industry .slider-navi-prev,
.about-industry .slider-navi-next {
	position: absolute;
	width: 40px;
	height: 50px;
	top: calc(50% + 45px);
}

.about-industry .slider-navi-prev {
	left: calc((100% - 1200px) / 2 - 50px);
	background: url(src/img/sys/spirit.png) -200px -400px no-repeat !important;
}

.about-industry .slider-navi-prev:hover {
	background: url(src/img/sys/spirit.png) -250px -400px no-repeat !important;
}

.about-industry .slider-navi-next {
	right: calc((100% - 1200px) / 2 - 50px);
	background: url(src/img/sys/spirit.png) -300px -400px no-repeat !important;
 }

.about-industry .slider-navi-next:hover {
	background: url(src/img/sys/spirit.png) -350px -400px no-repeat !important;
}

.about-industry .slider-pagination {
	right: calc((100% - 66px) / 2);
	bottom: 20px;
}

.about-industry .swiper-pagination-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 1px #005bac solid;
	margin: 0 5px;
	border-radius: 100%;
	opacity: .6;
}

.about-industry .swiper-pagination-bullet-active {
	background: #005bac;
	opacity: 1;
}

/* ===== 12.Service SC ===== */
/* Service Public */
.service-public {
	width: 100%;
	float: left;
	padding: 10px 0;
	margin-bottom: -70px;
}

.service-public h1 {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 70px;
}

.service-public h2 {
	font-size: 2em;
	line-height: 40px;
}

.service-public h3 {
	font-size: 1.4285em;
	font-weight: normal;
	line-height: 30px;
}

/* Service Area */
.service-area .service-area-title,
.service-area .service-area-desc {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.service-area .service-area-title {
	font-size: 2em;
	line-height: 40px;
	color: #333;
}

.service-area .service-area-desc {
	font-size: 1.1428em;
	line-height: 30px;
	color: #666;
}

.service-area .service-area-main {
	float: left;
}

.service-area .service-area-main {
	height: 150px;
	padding: 35px 0;
}

.service-area-main > .service-area-item {
	position: relative;
	width: calc((1200px / 7) - 1px);
	height: 90px;
	float: left;
	padding-top: 60px;
	border-left: 1px #ddd solid;
	color: #fff;
	font-size: 1.1428em;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

.service-area-main > .service-area-item:nth-child(1) {
	border-left: 0;
}

.service-area-item > span {
	width: 100%;
	float: left;
}

.service-area-item > span:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: calc(((1200px / 7) - 50px) / 2);
	width: 50px;
	height: 50px;
	background: url(src/img/sys/spirit.png) no-repeat;
}

.service-area-item.ic > span:before {
	background: url(src/img/sys/spirit.png) no-repeat;
}

.service-area.service-area-sc .service-area-main {
	background: -webkit-linear-gradient(left, #288bbf, #7ac4ed);
}

.service-area.service-area-sc .service-area-main.ic {
	background: -webkit-linear-gradient(left, #005bac, #288bbf);
}

.service-area.service-area-sc .service-area-main > .service-area-item:hover {
	color: #fff100;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(1) > span:before {
	background-position: -50px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(1):hover > span:before {
	background-position: 0 -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(2) > span:before {
	background-position: -150px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(2):hover > span:before {
	background-position: -100px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(3) > span:before {
	background-position: -250px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(3):hover > span:before {
	background-position: -200px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(4) > span:before {
	background-position: -350px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(4):hover > span:before {
	background-position: -300px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(5) > span:before {
	background-position: -450px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(5):hover > span:before {
	background-position: -400px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(6) > span:before {
	background-position: -550px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(6):hover > span:before {
	background-position: -500px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(7) > span:before {
	background-position: -650px -50px;
}

.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(7):hover > span:before {
	background-position: -600px -50px;
}

.service-area.service-area-lease {
	background: #bbc2ca url(src/img/sys/service/finance/bg_service-area-lease.png) right center no-repeat;
	padding: 55px 0;
}

.service-area.service-area-lease .service-area-main {
	background: #c4cad1;
	border: 1px #8db1d0 solid;
}

.service-area.service-area-lease .service-area-main > .service-area-item {
	width: 183px;
	height: 88px;
	border-left: 1px #acc5d9 solid;
	color: #005bac;
}

.service-area.service-area-lease .service-area-main > .service-area-item:hover {
	color: #fff;
}

.service-area.service-area-lease .service-area-main > .service-area-item > span:before {
	left: 60px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(1) > span:before {
	background-position: 0 -250px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(1):hover > span:before {
	background-position: -50px -250px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(2) > span:before {
	background-position: -100px -250px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(2):hover > span:before {
	background-position: -150px -250px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(3) > span:before {
	background-position: -200px -250px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(3):hover > span:before {
	background-position: -250px -250px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(4) > span:before {
	background-position: -300px -250px;
}

.service-area.service-area-lease .service-area-main > .service-area-item:nth-child(4):hover > span:before {
	background-position: -350px -250px;
}

.service-area.service-area-microloan {
	background: #d0dae0 url(src/img/sys/service/finance/bg_service-area-microloan.jpg) right center no-repeat;
	background-size: auto 100%;
	padding: 55px 0;
}

.service-area.service-area-microloan .service-area-main {
	background: #d6dfe4;
	border: 1px #8db1d0 solid;
}

.service-area.service-area-microloan .service-area-main > .service-area-item {
	width: 148px;
	height: 88px;
	border-left: 1px #acc5d9 solid;
	color: #005bac;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:hover {
	color: #fff;
}

.service-area.service-area-microloan .service-area-main > .service-area-item > span:before {
	left: 50px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(1) > span:before {
	background-position: 0 -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(1):hover > span:before {
	background-position: -50px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(2) > span:before {
	background-position: -100px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(2):hover > span:before {
	background-position: -150px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(3) > span:before {
	background-position: -200px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(3):hover > span:before {
	background-position: -250px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(4) > span:before {
	background-position: -300px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(4):hover > span:before {
	background-position: -350px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(5) > span:before {
	background-position: -400px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(5):hover > span:before {
	background-position: -450px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(6) > span:before {
	background-position: -500px -350px;
}

.service-area.service-area-microloan .service-area-main > .service-area-item:nth-child(6):hover > span:before {
	background-position: -550px -350px;
}

/* Service Module */
.service-module {
	float: left;
	margin-bottom: 20px;
}

.service-module.c1 {
	width: 800px;
}

.service-module.c2 {
	width: 590px;
	margin-right: 20px;
}

.service-module.c2:nth-child(odd) {
	margin-right: 0;
}

.service-module.c3,
.service-module.trigle {
	width: 380px;
}

.service-module.trigle {
	width: calc((100% - 40px) / 3);
}

.service-module:nth-child(2n) {
	margin-right: 20px;
}

.service-module.trigle {
	margin-right: 20px;
}

.service-module.trigle:nth-child(3n + 1) {
	margin-right: 0;
}

.service-module > .service-module-cover,
.service-module > .service-module-cover > img,
.service-module > .service-module-summary,
.service-module-summary > .service-module-summary-title,
.service-module-summary > .service-module-summary-desc {
	width: 100%;
	float: left;
}

.service-module > .service-module-cover,
.service-module > .service-module-cover > img {
	height: 380px;
}

.service-module.c2 > .service-module-cover,
.service-module.c2 > .service-module-cover > img {
	height: 350px;
}

.service-module.trigle > .service-module-cover,
.service-module.trigle > .service-module-cover > img {
	width: 100%;
	height: auto;
}

.service-module > .service-module-cover {
	overflow: hidden;
}

.service-module > .service-module-summary {
	height: 200px;
	background: #f2f2f2;
	padding: 20px 30px;
}

.service-module.c2 > .service-module-summary {
	min-height: 170px;
}

.service-module.trigle > .service-module-summary {
	height: 170px;
}

.service-module-summary > .service-module-summary-title {
	font-size: 1.4285em;
	font-weight: bold;
	line-height: 40px;
}

.service-module-summary-desc > p,
.service-module-summary-desc > span,
.service-module-summary-desc > ul > li {
	color: #666;
	font-size: 1.1428em;
}

.service-module-summary-desc > ul {
	list-style: square;
}

.service-module-summary-desc > span {
	width: 50%;
	float: left;
	line-height: 30px;
}

/* Service Main */
.service-main,
.service-main .service-headtext,
.service-main .service-headimg {
	width: 100%;
	float: left;
}

.service-main .service-headtext {
	margin-bottom: 50px;
	font-size: 1.1428em;
	line-height: 30px;
}

.service-main .service-headimg {
	text-align: center;
}

.service-main .service-headimg > img {
	width: 90%;
}

/* Service Oversea */
.service-oversea-desc {
	width: 100%;
	float: left;
}

.service-oversea-desc > span {
	width: 60%;
	float: left;
	margin-right: 20%;
	padding: 50px 0;
	line-height: 40px;
	font-size: 1.1428em;
}

.service-oversea-desc > img {
	width: 20%;
	float: left;
}

/* Service SCS */
.service-scs {
	height: 790px;
	background: url(src/img/sys/service/sc/bg_scs.png) center center no-repeat;
	padding: 50px 0;
}

.service-scs .service-scs-title,
.service-scs .service-scs-desc {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	color: #fff;
}

.service-scs .service-scs-title {
	font-size: 2em;
	line-height: 40px;
}

.service-scs .service-scs-desc {
	font-size: 1.1428em;
	line-height: 30px;
}

.service-scs .service-scs-main {
	position: relative;
	width: 1100px;
	height: 500px;
	float: left;
	margin: 35px 50px;
}

.service-scs-main > .service-scs-item {
	position: absolute;
}

.service-scs-main > .service-scs-item:nth-child(2) {
	top: 4%;
	left: 16.36%;
}

.service-scs-main > .service-scs-item:nth-child(3) {
	top: 2%;
	left: 69.09%;
}

.service-scs-main > .service-scs-item:nth-child(4) {
	top: 24%;
	left: 4.54%;
}

.service-scs-main > .service-scs-item:nth-child(5) {
	top: 56%;
	left: 87.27%;
}

.service-scs-main > .service-scs-item:nth-child(6) {
	top: 20%;
	left: 81.81%;
}

.service-scs-main > .service-scs-item:nth-child(7) {
	top: 54%;
	left: 6.36%;
}

.service-scs-main > .service-scs-item:nth-child(8) {
	top: 70%;
	left: 28.18%;
}

.service-scs-main > .service-scs-item:nth-child(9) {
	top: 66%;
	left: 63.63%;
}

.service-scs-main > img {
	width: 100%;
	float: left;
}

.service-scs-main > .service-scs-item > .service-scs-item-show {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 120px;
	height: 120px;
	background-image: url(src/img/sys/service/sc/bg_scs-item.png);
	background-position: center 20px;
	background-repeat: no-repeat;
	background-size: 20px 100px;
}

.service-scs-main > .service-scs-item:hover > .service-scs-item-show {
	display: none;
}

.service-scs-main > .service-scs-item > .service-scs-item-show > span {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 1.1428em;
	line-height: 20px;
	text-align: center;
}

.service-scs-main > .service-scs-item > .service-scs-item-hide {
	display: none;
	position: absolute;
	top: 0;
	left: -90px;
	z-index: 3;
	width: 300px;
	min-height: 200px;
}

.service-scs-main > .service-scs-item:hover > .service-scs-item-hide {
	display: block;
}

.service-scs-main > .service-scs-item > .service-scs-item-hide > .item-ball {
	position: absolute;
	top: 0;
	left: 120px;
	width: 60px;
	height: 60px;
	background: #fff;
	padding: 10px;
	border-radius: 50%;
}

.service-scs-main > .service-scs-item > .service-scs-item-hide > .item-ball:after {
	display: block;
	content: '';
	position: absolute;
	top: 60px;
	left: 30px;
	width: 10px;
	height: 50px;
	border-left: 1px #fff solid;
}

.service-scs-item > .service-scs-item-hide > .item-ball:before {
	display: block;
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(src/img/sys/spirit.png) no-repeat;
}

.service-scs-item:nth-child(2) > .service-scs-item-hide > .item-ball:before {
	background-position: -120px 0;
}

.service-scs-item:nth-child(3) > .service-scs-item-hide > .item-ball:before {
	background-position: 0 0;
}

.service-scs-item:nth-child(4) > .service-scs-item-hide > .item-ball:before {
	background-position: -360px 0;
}

.service-scs-item:nth-child(5) > .service-scs-item-hide > .item-ball:before {
	background-position: -40px 0;
}

.service-scs-item:nth-child(6) > .service-scs-item-hide > .item-ball:before {
	background-position: -240px 0;
}

.service-scs-item:nth-child(7) > .service-scs-item-hide > .item-ball:before {
	background-position: -320px 0;
}

.service-scs-item:nth-child(8) > .service-scs-item-hide > .item-ball:before {
	background-position: -120px 0;
}

.service-scs-item:nth-child(9) > .service-scs-item-hide > .item-ball:before {
	background-position: -280px 0;
}

.service-scs-main > .service-scs-item > .service-scs-item-hide > .item-desc {
	display: block;
	position: absolute;
	top: 110px;
	width: 100%;
	background: #fff;
	padding: 10px 30px;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #666;
}

.service-scs-main > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-title,
.service-scs-main > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-detail {
	width: 100%;
	float: left;
}

.service-scs-main > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-title {
	font-size: 1.1428em;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

.service-scs-main > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-detail {
	line-height: 25px;
}

/* ===== 13.Service Warehouse ===== */
.service-main {
	margin: 20px 0!important;
}

.service-main .service-headline {
	width: 100%;
	height: 200px;
	float: left;
	background: url(src/img/sys/service/warehouse/bg_warehouse.png) center center no-repeat;
	padding: 60px;
	color: #fff;
	font-size: 1.1428em;
	line-height: 40px;
	text-align: center;
}

/* Warehouse Service */
.warehouse-service {
	position: relative;
	background: #3870ad;
	overflow: hidden;
}

.warehouse-service.logistics {
	background: url(src/img/sys/service/logistics/bg.png) center center no-repeat;
	background-size: 100% 100%;
}

#dynamic,
#dynamic #dynamic-parallax,
#dynamic .layer,
#dynamic .some-place,
#dynamic .some-more-place {
	position: absolute;
	width: 100%;
	height: 100%;
}
.warehouse-service > .wrapper {
	position: relative;
	padding: 50px 0;
	height: 420px;
}

.warehouse-service.logistics > .wrapper {
	height: 550px;
}

.warehouse-service .warehouse-service-title,
.warehouse-service .warehouse-service-list {
	width: 100%;
	float: left;
}

.warehouse-service .warehouse-service-title {
	margin-bottom: 50px;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	line-height: 30px;
}

.warehouse-service-list > .warehouse-service-item {
	display: flex;
	align-items: center;
	position: relative;
	width: 272px;
	height: 90px;
	float: left;
	background-color: rgba(255, 255, 255, .85);
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	padding: 15px 10px 15px 70px;
	margin-left: 28px;
	margin-bottom: 28px;
	border-radius: 10px;
	font-size: 1.1428em;
	line-height: 30px;
}

.warehouse-service-list > .warehouse-service-item.logistics {
	width: 380px;
	background-color: rgba(0, 91, 172, .85);
	padding: 15px 10px 15px 100px;
	margin-left: 30px;
	color: #fff;
	line-height: 20px;
}

.warehouse-service-list > .warehouse-service-item:hover {
	background-color: rgba(0, 91, 172, .85);
	color: #fff;
}

.warehouse-service-item:after {
	display: block;
	content: '';
	position: absolute;
	top: 25px;
	left: 10px;
	width: 40px;
	height: 40px;
	background: url(src/img/sys/spirit.png) no-repeat;
}

.warehouse-service-item.logistics:after {
	left: 30px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(1):after {
	background-position: 0 -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(1):hover:after {
	background-position: -40px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(2):after {
	background-position: -80px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(2):hover:after {
	background-position: -120px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(3):after {
	background-position: -160px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(3):hover:after {
	background-position: -200px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(4):after {
	background-position: -240px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(4):hover:after {
	background-position: -280px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(5):after {
	background-position: -320px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(5):hover:after {
	background-position: -360px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(6):after {
	background-position: -400px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(6):hover:after {
	background-position: -440px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(7):after {
	background-position: -480px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(7):hover:after {
	background-position: -520px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(8):after {
	background-position: -560px -100px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(8):hover:after {
	background-position: -600px -100px;
}

/* Service Logisitcs */
.warehouse-service-list > .warehouse-service-item.logistics:nth-child(1):after {
	background-position: 0 -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(1):hover:after {
	background-position: 0 -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(2):after {
	background-position: -40px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(2):hover:after {
	background-position: -40px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(3):after {
	background-position: -80px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(3):hover:after {
	background-position: -80px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(4):after {
	background-position: -120px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(4):hover:after {
	background-position: -120px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(5):after {
	background-position: -160px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(5):hover:after {
	background-position: -160px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(6):after {
	background-position: -200px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(6):hover:after {
	background-position: -200px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(7):after {
	background-position: -240px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(7):hover:after {
	background-position: -240px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(8):after {
	background-position: -280px -450px;
}

.warehouse-service-list > .warehouse-service-itemv:nth-child(8):hover:after {
	background-position: -280px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(9):after {
	background-position: -320px -450px;
}

.warehouse-service-list > .warehouse-service-item:nth-child(9):hover:after {
	background-position: -320px -450px;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(3n + 1) {
	margin-left: 0;
}

.warehouse-service-list > .warehouse-service-item.logistics:nth-child(n + 4) {
	margin-top: 40px;
}

/* Warehouse Map */
.warehouse-map-title,
.warehouse-map .warehouse-map-desc {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.warehouse-map-title {
	font-size: 2em;
	font-weight: bold;
	line-height: 50px;
}

.warehouse-map-title.colorful {
	color: #005bac;
}

.warehouse-map-title.half {
	width: 50%;
}

.warehouse-map .warehouse-map-desc {
	font-size: 1.1428em;
	line-height: 30px;
}

.warehouse-map .warehouse-map-container,
.warehouse-mt-title > span,
.warehouse-mt-content > span {
	width: 100%;
	float: left;
}

.warehouse-map .warehouse-map-container {
	position: relative;
	padding: 20px 0;
}

.warehouse-map-container > .warehouse-map-main {
	width: 100%;
	float: left;
}

.warehouse-map-main > p > img {
	width: 100%;
}

.warehouse-mt-title > span {
	display: none;
	font-size: 1.4285em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
}

.warehouse-mt-title > span:nth-child(1) {
	display: block;
}

.warehouse-mt-content > span:nth-child(1) {
	display: block;
}

.warehouse-mt-content > span > p {
	font-size: 1.1428em;
	line-height: 35px;
}

.warehouse-mt-content > span > p.city {
	color: #005bac;
	font-weight: bold;
}

/* ===== 14.Service Finance ===== */
/* Finance Branch */
.finance-branch {
	padding: 50px 0;
	margin-bottom: 0;
}

.finance-branch .finance-branch-desc {
	width: 100%;
	float: left;
}

.finance-branch .finance-branch-desc {
	margin-bottom: 50px;
	font-size: 1.1428em;
	line-height: 50px;
}

.finance-branch img {
	width: 100%;
	float: left;
}

/* Finance Tab */
.finance-tab {
	display: none;
	width: 100%;
	float: left;
	padding-top: 30px;
}

.finance-tab.finance-scfinancing {
	display: block;
}

/* Finance Public */
.finance-public-cover > img,
.finance-public-item > .finance-pi-title,
.finance-public-item > .finance-pi-desc {
	width: 100%;
	float: left;
}

.finance-public > .wrapper {
	border: 1px #ccc solid;
}

.finance-public .finance-public-cover,
.finance-public .finance-public-list {
	width: 50%;
	float: left;
}

.finance-public .finance-public-cover {
	position: relative;
}

.finance-public-cover > .finance-pc-desc {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 91, 172, .8);
	padding: 15px 20px;
	color: #fff;
	font-size: 1.1428em;
}

.finance-public .finance-public-list {
	padding: 10px 40px;
}

.finance-public-list > .finance-public-item {
	float: left;
	border-top: 1px #ccc solid;
}

.finance-public-list > .finance-public-item:first-child {
	border-top: 0;
}

.finance-public-item > .finance-pi-title {
	margin-bottom: 10px;
	color: #005bac;
	font-size: 1.4285em;
	font-weight: bold;
	line-height: 40px;
}

.finance-public-item > .finance-pi-desc > p {
	color: #666;
	font-size: 1.1428em;
	line-height: 30px;
}

/* SCFinancing */
.finance-scfinancing,
.finance-scfinancing > .finance-scfinancing-list,
.finance-scfinancing-item > .finance-sfi-title,
.finance-scfinancing-item > .finance-sfi-desc,
.finance-scfinancing > .finance-scfinancing-banner,
.finance-scfinancing-banner > img {
	width: 100%;
	float: left;
}

.finance-scfinancing-list > .finance-scfinancing-item {
	width: calc(100% / 3);
	height: 230px;
	float: left;
	background: #f2f3f5;
	padding: 30px;
	margin-bottom: 20px;
	border-bottom: 1px #f2f3f5 solid;
}

.finance-scfinancing-list > .finance-scfinancing-item:hover,
.finance-scfinancing-list > .finance-scfinancing-item.active {
	background: #fbfbfb;
	border-bottom: 1px #005bac solid;
}

.finance-scfinancing-item > .finance-sfi-title {
	font-size: 1.4285em;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 30px;
}

.finance-scfinancing-item > .finance-sfi-desc > p {
	font-size: 1.1485em;
}

/* Lease */
.finance-lease > .finance-public > .wrapper {
	height: 400px;
}

.finance-lease .finance-public-item {
	width: 100%;
	padding: 20px 0;
}

.finance-lease-main .finance-lease-item {
	width: calc((100% - 30px) / 2);
	height: 300px;
	float: left;
	padding: 80px 30px 30px 30px;
	margin-bottom: 30px;
	box-shadow: 2px 2px 6px 1px #eee;
}

.finance-lease-main .finance-lease-item:nth-child(2n) {
	margin-left: 30px;
}

.finance-lease-item > .finance-lease-item-title,
.finance-lease-item > .finance-lease-item-list {
	width: 100%;
	float: left;
}

.finance-lease-item > .finance-lease-item-title {
	position: relative;
	margin-bottom: 20px;
	font-size: 1.2857em;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

.finance-lease-item > .finance-lease-item-title:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 50px;
	left: calc((100% - 50px) / 2);
	width: 50px;
	height: 50px;
	background: url(src/img/sys/spirit.png) no-repeat;
}

.finance-lease-main .finance-lease-item:nth-child(1) > .finance-lease-item-title:before {
	background-position: 0 -200px;
}

.finance-lease-main .finance-lease-item:nth-child(2) > .finance-lease-item-title:before {
	background-position: -50px -200px;
}

.finance-lease-main .finance-lease-item:nth-child(3) > .finance-lease-item-title:before {
	background-position: -100px -200px;
}

.finance-lease-main .finance-lease-item:nth-child(4) > .finance-lease-item-title:before {
	background-position: -150px -200px;
}

.finance-lease-main .finance-lease-item:nth-child(5) > .finance-lease-item-title:before {
	background-position: -200px -200px;
}

.finance-lease-main .finance-lease-item:nth-child(6) > .finance-lease-item-title:before {
	background-position: -250px -200px;
}

.finance-lease-item > .finance-lease-item-list > p {
	color: #666;
	font-size: 1.1428em;
	line-height: 35px;
}

.finance-lease-milstone {
	position: relative;
	height: 280px;
	background: #f8f8f8;
	padding: 50px 0;
}

.finance-lease-milstone:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 110px;
	width: 100%;
	height: 0;
	border-bottom: 2px #ccc solid;
}

.finance-lease-milstone .slider-container {
	width: 100%;
	height: 180px;
	float: left;
}

.finance-lease-milstone .slider-item {
	position: relative;
	width: 240px;
	height: 180px;
	float: left;
}

.finance-lease-milstone .lease-milstone-date {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 1.1428em;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
}

.finance-lease-milstone .lease-milstone-date:before,
.finance-lease-milstone .lease-milstone-date:after {
	display: block;
	content: '';
	position: absolute;
}

.finance-lease-milstone .lease-milstone-date:before {
	bottom: 45px;
	left: 105px;
	width: 30px;
	height: 30px;
	background: rgba(0, 91, 172, .6);
	border-radius: 50%;
}

.finance-lease-milstone .lease-milstone-date:after {
	bottom: 52px;
	left: 112px;
	width: 16px;
	height: 16px;
	background: #005bac;
	border-radius: 50%;
}

.finance-lease-milstone .lease-milstone-detail {
	position: absolute;
	bottom: 80px;
	width: 240px;
	padding: 0 20px;
	color: #666;
	font-size: 1.1428em;
	line-height: 30px;
	text-align: center;
}

/* Finance Lease Slider */
.finance-lease-milstone > .slider-navi-prev,
.finance-lease-milstone > .slider-navi-next {
	position: absolute;
	top: 175px;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: #005bac;
	border-radius: 50%;
	color: #fff100;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	opacity: 1;
}

.finance-lease-milstone > .slider-navi-prev {
	left: calc((100% - 1200px) / 2 - 30px);
}

.finance-lease-milstone > .slider-navi-next {
	right: calc((100% - 1200px) / 2 - 30px);
}

.finance-lease-milstone > .slider-navi-prev:hover,
.finance-lease-milstone > .slider-navi-next:hover {
	background: #fff100;
	color: #005bac;
}

.finance-lease-milstone > .slider-navi-prev > i,
.finance-lease-milstone > .slider-navi-next > i {
	font-size: 1.1428em;
	line-height: 30px;
}

.finance-lease-milstone > .slider-navi-prev.swiper-button-disabled,
.finance-lease-milstone > .slider-navi-prev.swiper-button-disabled:hover,
.finance-lease-milstone > .slider-navi-next.swiper-button-disabled,
.finance-lease-milstone > .slider-navi-next.swiper-button-disabled:hover {
	background: #ccc;
	color: #999;
}

/* Microloan */
.finance-microloan > .finance-public > .wrapper {
	height: 360px;
}

.finance-microloan .finance-public-item {
	width: 50%;
	padding: 20px 0;
}

.finance-microloan .finance-public-item.block {
	width: 100%;
}

p.half {
	width: 50%;
	float: left;
}

.finance-microloan .finance-public-list > .finance-public-item:nth-child(2) {
	border-top: 0;
}

.finance-microloan-main {
	height: 480px;
	background: #f8f8f8;
	padding: 50px 0;
}

.finance-microloan-main .finance-microloan-item {
	width: calc((100% - 40px) / 3);
	height: 160px;
	float: left;
	background: #fff;
	padding: 80px 20px 20px 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.finance-microloan-main .finance-microloan-item:nth-child(3n) {
	margin-right: 0;
}

.finance-microloan-item > .finance-microloan-item-title {
	width: 100%;
	float: left;
}

.finance-microloan-item > .finance-microloan-item-title {
	position: relative;
	margin-bottom: 20px;
	font-size: 1.2857em;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

.finance-microloan-item > .finance-microloan-item-title:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 50px;
	left: calc((100% - 50px) / 2);
	width: 50px;
	height: 50px;
	background: url(src/img/sys/spirit.png) no-repeat;
}

.finance-microloan-main .finance-microloan-item:nth-child(1) > .finance-microloan-item-title:before {
	background-position: 0 -300px;
}

.finance-microloan-main .finance-microloan-item:nth-child(2) > .finance-microloan-item-title:before {
	background-position: -50px -300px;
}

.finance-microloan-main .finance-microloan-item:nth-child(3) > .finance-microloan-item-title:before {
	background-position: -100px -300px;
}

.finance-microloan-main .finance-microloan-item:nth-child(4) > .finance-microloan-item-title:before {
	background-position: -150px -300px;
}

.finance-microloan-main .finance-microloan-item:nth-child(5) > .finance-microloan-item-title:before {
	background-position: -200px -300px;
}

.finance-microloan-main .finance-microloan-item:nth-child(6) > .finance-microloan-item-title:before {
	background-position: -250px -300px;
}

/* Interfinancing */
.finance-interfinancing > .finance-public > .wrapper {
	min-height: 440px;
}

.finance-interfinancing .finance-public-item {
	width: 100%;
	padding: 20px 0;
}

/* ===== 28.Digitize ===== */
.digitize {
	padding: 50px 0;
	margin-bottom: 50px;
}

.digitize-title,
.digitize-content,
.digitize-desc {
	width: 100%;
	float: left;
}

.digitize-title {
	position: relative;
	line-height: 100px;
	text-align: center;
	color: #f3f3f3;
	font-size: 6em;
	font-weight: bold;
}

.digitize-title > label {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	color: #005bac;
	text-align: center;
	font-size: .5em;
}

.digitize-desc {
	margin: 30px 0;
	line-height: 30px;
	font-size: 1.1428em;
}

.digitize-content {
	text-align: center;
}

.digitize-content img {
	max-width: 100%;
	margin: 0 auto;
}

.digitize-content img:last-child {
	margin-top: 20px;
}

/* ===== 15.NEWS List ===== */
/* Headline */
.news-headline-slider {
	height: 440px;
}

.news-headline-slider .headline-img,
.headline-img > img {
	width: 750px;
	float: left;
}

.headline-img > img {
	position: relative;
	height: auto;
}

.headline-img > .headline-label-date {
	position: absolute;
	top: 0;
	right: 520px;
	width: 100px;
	height: 170px;
	background: rgba(255, 255, 255, .8);
	padding: 40px 0;
}

.headline-label-date > .label-date-day,
.headline-label-date > .label-date-my,
.headline-text > .headline-title,
.headline-text > .headline-summary {
	width: 100%;
	float: left;
}

.headline-label-date > .label-date-day,
.headline-label-date > .label-date-my {
	text-align: center;
}

.headline-label-date > .label-date-day {
	color: #005bac;
	font-size: 3.4285em;
	line-height: 60px;
}

.headline-label-date > .label-date-my {
	color: #666;
	line-height: 30px;
}

.news-headline-slider .headline-text {
	width: 450px;
	height: 440px;
	float: right;
	background: #f2f2f2;
	padding: 60px 40px;
}

.headline-text > .headline-title {
	margin-bottom: 40px;
	color: #000;
	font-size: 1.2857em;
	line-height: 35px;
	line-clamp: 2;
	-ms-line-clamp: 2;
	-moz-line-clamp: 2;
	-o-line-clamp: 2;
	-webkit-line-clamp: 2;
}

.headline-text > .headline-summary {
	color: #666;
	font-size: 1.1428em;
	line-height: 35px;
	line-clamp: 6;
	-ms-line-clamp: 6;
	-moz-line-clamp: 6;
	-o-line-clamp: 6;
	-webkit-line-clamp: 6;
}

/* NEWS Headline Slider */
.news-headline-slider {
	position: relative;
}

.news-headline-slider .slider-navi-prev,
.news-headline-slider .slider-navi-next {
	position: absolute;
	width: 40px;
	height: 50px;
}

.news-headline-slider .slider-navi-prev {
	left: calc((100% - 1200px) / 2 - 50px);
	background: url(src/img/sys/spirit.png) -200px -400px no-repeat !important;
}

.news-headline-slider .slider-navi-prev:hover {
	background: url(src/img/sys/spirit.png) -250px -400px no-repeat !important;
}

.news-headline-slider .slider-navi-next {
	right: calc((100% - 1200px) / 2 - 50px);
	background: url(src/img/sys/spirit.png) -300px -400px no-repeat !important;
 }

.news-headline-slider .slider-navi-next:hover {
	background: url(src/img/sys/spirit.png) -350px -400px no-repeat !important;
}

.news-headline-slider .slider-pagination {
	right: calc((100% - 110px) / 2);
	bottom: 20px;
	width: auto;
	text-align: right;
}

.news-headline-slider .swiper-pagination-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #fff100;
	margin: 0 5px;
	border-radius: 100%;
	opacity: 1;
}

.news-headline-slider .swiper-pagination-bullet-active {
	background: #005bac;
	opacity: 1;
}

/* NEWS List */
.news-item {
	width: 380px;
	height: 495px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px #eee solid;
}

.news-item:nth-child(3n) {
	margin-right: 0;
}

.news-item > .news-item-avatar,
.news-item > .news-item-summary,
.news-item > .news-item-avatar > img,
.label-date > .label-date-day,
.label-date > .label-date-my,
.news-item-summary-meta > .news-item-summary-meta-title,
.news-item-summary-meta > .news-item-summary-meta-desc {
	width: 100%;
	float: left;
}

.news-item > .news-item-avatar {
	overflow: hidden;
}

 .news-item-avatar > img {
 	height: auto;
 }

.news-item > .news-item-summary {
	height: 275px;
	padding: 35px 10px;
}

.news-item:hover .news-item-summary {
	background: #f2f2f2;
}

.news-item-summary > .label-date {
	width: 80px;
	float: left;
	padding-right: 20px;
}

.label-date > .label-date-day,
.label-date > .label-date-my {
	text-align: center;
}

.label-date > .label-date-day {
	color: #005bac;
	font-size: 3.4285em;
	line-height: 60px;
}

.label-date > .label-date-my {
	color: #666;
	font-size: .8571em;
	line-height: 30px;
}

.news-item-summary > .news-item-summary-meta {
	width: calc(100% - 80px);
	float: left;
}

.news-item-summary-meta > .news-item-summary-meta-title {
	color: #333;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 1.2857em;
	line-height: 40px;
}

.news-item-summary-meta > .news-item-summary-meta-title:after {
	display: block;
	content: '';
	position: relative;
	top: 15px;
	left: 0;
	width: 50px;
	height: 3px;
	background: #005bac;
}

.news-item:hover .news-item-summary-meta-title {
	color: #005bac;
}

.news-item-summary-meta > .news-item-summary-meta-desc {
	color: #666;
	font-size: 1.1428em;
	line-height: 30px;
	line-clamp: 4;
	-ms-line-clamp: 4;
	-moz-line-clamp: 4;
	-o-line-clamp: 4;
	-webkit-line-clamp: 4;
}

/* ===== 16.NEWS Detail ===== */
/* Main */
.news-detail .news-detail-main {
	width: 780px;
	float: left;
	margin: 0 50px 100px 0;
}

.news-detail-main > .main-title,
.news-detail-main > .main-date,
.news-detail-main > .main-content,
.news-detail-main > .main-navi,
.news-detail-sidebar > .news-sidebar-title,
.news-detail-sidebar > .news-ds-list {
	width: 100%;
	float: left;
}

.news-detail-main > .main-title {
	padding-bottom: 20px;
	font-size: 2em;
	line-height: 40px;
}

.news-detail-main > .main-date {
	padding-bottom: 20px;
	border-bottom: 1px #ddd solid;
	line-height: 30px;
}

.news-detail-main > .main-content {
	padding: 20px 0;
	border-bottom: 1px #ddd solid;
}

.main-content > p {
	margin-bottom: 20px;
	font-size: 1.1428em;
}

.main-content > p > img {
	max-width: 100%;
}

.news-detail-main > .main-navi {
	margin: 20px 0;
}

.main-navi > .main-navi-item {
	width: 45%;
	float: left;
	padding: 0 10px;
	border: 1px #ddd solid;
	line-height: 40px;
}

.main-navi > .main-navi-item.main-navi-next {
	float: right;
}

.main-navi > .main-navi-item:hover,
.main-navi > .main-navi-item:hover a {
	background: #005bac;
	color: #fff;
}

.main-navi > .main-navi-item.none,
.main-navi > .main-navi-item.none:hover {
	background: #eee;
	border: 1px #eee solid;
	color: #999;
}

/* Sidebar */
.news-detail .news-detail-sidebar {
	width: 370px;
	float: left;
	padding: 20px;
	border: 1px #ccc solid;
}

.news-detail-sidebar > .news-sidebar-title,
.news-detail-sidebar > .news-ds-list {
	width: 100%;
	float: left;
}

.news-detail-sidebar > .news-sidebar-title {
	border-bottom: 1px #ddd solid;
	font-size: 1.2857em;
	line-height: 60px;
}

.news-detail-sidebar > .news-sl-title {
	float: left;
	margin: 20px 0;
	border-bottom: 3px #005bac solid;
	font-size: 1.1428em;
	font-weight: bold;
	line-height: 45px;
}

.news-sidebar-title > i {
	margin-right: 10px;
}

.news-ds-list > li {
	border-bottom: 1px #ddd solid;
	font-size: 1.1428em;
	line-height: 45px;
}

.news-ds-list > li:last-child {
	border-bottom: 0;
}

/* ===== 17.Page Navi ===== */
.page-navi.page-navi-job {
	background: #f9faff;
	padding-bottom: 50px;
}

.page-navi-pc {
	text-align: center;
}

.page-navi-pc .page-navi-item {
	display: inline-block;
	background: #fff;
	padding: 0 16px;
	margin-left: 5px;
	border: 1px #ccc solid;
	border-radius: 5px;
	font-size: 1.1428em;
	line-height: 40px;
}

.page-navi-pc .page-navi-item:first-child {
	margin-left: 0;
}

.page-navi-pc .page-navi-item.active,
.page-navi-pc .page-navi-item:hover {
	background: #005bac;
	border: 1px #005bac solid;
	color: #fff;
}

.page-navi > .page-navi-mobile {
	display: none;
}

.page-navi-mobile > .page-nm-item {
	background: #eee;
	border: 1px #ddd solid;
}

.page-navi-mobile > .page-nm-item:hover {
	background: #005bac;
	border: 1px #005bac solid;
	color: #fff;
}

.page-navi-mobile > .page-nm-item.none {
	color: #ccc;
}

.page-navi-mobile > .page-nm-item.none:hover {
	background: #eee;
	border: 0;
}

.page-navi-mobile > .page-nm-left,
.page-navi-mobile > .page-nm-right {
	width: calc((100% - 10px) / 2);
	float: left;
	line-height: 40px;
	text-align: center;
}

.page-navi-mobile > .page-nm-left {
	margin-right: 10px;
}

/* ===== 18.Channel Navi ===== */
.channel-navi {
	border-bottom: 1px #ddd solid;
}

.finance-navi.fixed,
.channel-navi.fixed {
	position: fixed;
	top: 90px;
	z-index: 4;
	background: #eee;
}

.channel-navi .channel-navi-list {
	width: 100%;
	float: left;
	text-align: right;
}

#finance-channel-navi.channel-navi .channel-navi-list {
	text-align: center;
}

.channel-navi-list > a {
	display: inline-block;
	padding: 10px 0;
	margin-left: 15px;
	font-size: 1.1428em;
	line-height: 25px;
}

.channel-navi.fixed .channel-navi-list > a {
	padding: 10px 0;
	line-height: 30px;
}

.channel-navi-list > a:first-child {
	margin-left: 0;
}

.channel-navi-list > a.active,
.channel-navi-list > a:hover {
	border-bottom: 2px #005bac solid;
	color: #005bac;
}

/* ===== 19.Home Join ===== */
.home-join {
	background: url(src/img/sys/home/join/bg_join.png) bottom center no-repeat;
	margin-bottom: 0;
}

.home-join .join-section {
	width: 600px;
	height: 400px;
	float: left;
	padding: 20px;
	overflow: hidden;
}

.home-join .join-section.join-section-xh {
	height: 500px;
}

.home-join .join-section.join-section-ah {
	height: auto;
}

.join-section > img,
.join-section > .section-title,
.section-meta > .section-meta-key,
.section-meta > .section-meta-value,
.home-join .join-bottom,
.join-bottom > .join-bottom-title,
.join-bottom > .join-bottom-btn {
	width: 100%;
	float: left;
}

.join-section > img {
	height: 100%;
}

.join-section > .section-title {
	margin-bottom: 30px;
	font-size: 2.8517em;
	font-weight: bold;
	line-height: 60px;
}

.join-section > p {
	font-size: 1.1428em;
	line-height: 35px;
}

.join-section > p.full {
	margin-bottom: 20px;
}

.join-section > .section-meta {
	width: 50%;
	float: left;
}

.section-meta > .section-meta-key,
.section-meta > .section-meta-value {
	font-size: 1.1428em;
	line-height: 30px;
}

.section-meta > .section-meta-key {
	color: #005bac;
	font-weight: bold;
}

.home-join .join-bottom {
	height: 260px;
	padding: 65px 0;
}

.join-bottom > .join-bottom-title,
.join-bottom > .join-bottom-btn {
	text-align: center;
}

.join-bottom > .join-bottom-title {
	font-size: 2.5714em;
	line-height: 60px;
}

.join-bottom > .join-bottom-btn {
	margin-top: 30px;
	line-height: 40px;
}

.join-bottom-btn > a {
	display: inline-block;
	background: linear-gradient(90deg, rgb(0, 91, 172) -2%, rgb(2, 167, 240) 103%);
	padding: 0 40px;
	border-radius: 20px;
	color: #fff;
	font-size: 1.1428em;
}

/* ===== 20.Home Recuitment ===== */
.home-recuitment {
	background: #f9faff;
	padding: 50px 0;
}

.home-recuitment .recuitment-navi,
.recuitment-navi > ul,
.home-recuitment .recuitment-main,
.recuitment-main > .recuitment-main-title,
.recuitment-main > .recuitment-main-item,
.recuitment-main-item > .recuitment-item-meta,
.recuitment-main-item > .recuitment-item-detail,
.recuitment-item-detail > .job-meta,
.recuitment-item-detail > .job-duties,
.recuitment-item-detail > .job-skills,
.recuitment-item-detail .job-detail-title,
.home-recuitment-tips .recuitment-tips-title,
.home-recuitment-tips .recuitment-tips-container {
	width: 100%;
	float: left;
}

.home-recuitment .recuitment-navi {
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
	border: 1px #ccc solid;
}

.recuitment-navi > ul > li {
	float: left;
	padding: 5px 10px;
	margin: 10px 0;
	font-size: 1.1428em;
	line-height: 20px;
}

.recuitment-navi > ul > li.recuitment-ni-title {
	width: 120px;
	float: left;
	font-weight: bold;
}

.recuitment-navi > ul > li.recuitment-ni-option {
	float: left;
	margin-right: 20px;
	cursor: pointer;
}

.recuitment-navi > ul > li.recuitment-ni-option.active {
	background: #005bac;
	border-radius: 5px;
	color: #fff;
	transition: background .5s;
}

.filter-job {
	width: 100%;
	float: left;
	margin: 10px 0;
	text-align: center;
}

.empty-job {
	width: 100%;
	float: left;
	margin: 100px 0;
	color: #666;
	font-size: 1.1428em;
	line-height: 100px;
	text-align: center;
}

.home-recuitment .recuitment-main {
	background: #fff;
	border: 1px #ccc solid;
}

.recuitment-main > .recuitment-main-title {
	background: #005bac;
}

.recuitment-main-title > span {
	float: left;
	color: #fff;
	font-size: 1.2857em;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
}

.recuitment-main-title > span:first-child,
.recuitment-item-meta > span:first-child {
	width: 35%;
	padding-left: 20px;
	text-align: left;
}

.recuitment-main-title > span:nth-child(2),
.recuitment-main-title > span:nth-child(3),
.recuitment-main-title > span:nth-child(4),
.recuitment-item-meta > span:nth-child(2),
.recuitment-item-meta > span:nth-child(3),
.recuitment-item-meta > span:nth-child(4) {
	width: 15%;
}

.recuitment-main-title > span:last-child,
.recuitment-item-meta > span:last-child {
	width: 20%;
}

.recuitment-main > .recuitment-main-item {
	border-bottom: 1px #ddd solid;
	cursor: pointer;
}

.recuitment-main > .recuitment-main-item:last-child {
	border-bottom: 0;
}

.recuitment-main-item.active > .recuitment-item-meta,
.recuitment-main-item:hover > .recuitment-item-meta {
	background: #eee;
}

.recuitment-item-meta > span {
	float: left;
	font-size: 1.1428em;
	line-height: 50px;
	text-align: center;
}

.recuitment-item-meta.emp > span {
	color: #c00;
}

.recuitment-main-item > .recuitment-item-detail {
	display: none;
	padding: 20px;
	border-top: 1px #ddd solid;
}

.recuitment-item-detail > .job-meta,
.recuitment-item-detail > .job-duties,
.recuitment-item-detail > .job-skills {
	margin-bottom: 20px;
}

.recuitment-item-detail .job-detail-title {
	color: #005bac;
	font-weight: bold;
	line-height: 40px;
}

.recuitment-item-detail > .job-meta > li {
	float: left;
	margin-right: 40px;
	line-height: 40px;
}

.recuitment-item-detail > .job-meta > li:last-child {
	margin-right: 0;
}

.recuitment-item-detail .submit-resume {
	display: inline-block;
	background: #005bac;
	padding: 0 40px;
	border-radius: 5px;
	color: #fff;
	line-height: 40px;
}

.home-recuitment-tips .recuitment-tips-title {
	margin-bottom: 20px;
	font-size: 2.2857em;
	line-height: 50px;
}

.home-recuitment-tips .recuitment-tips-container {
	background: #f9faff;
	padding-top: 50px;
	border: 1px #ccc solid;
}

.recuitment-tips-container > img {
	max-width: 100%;
	float: left;
	margin: 0 50px;
	vertical-align: bottom;
}

.recuitment-tips-container > .tips-content {
	float: left;
}

.tips-content > p {
	color: #999;
	font-size: 1.1428em;
	line-height: 30px;
}

.tips-content > p.full {
	color: #000;
	font-weight: bold;
}

.tips-content > p:nth-child(2) {
	margin-bottom: 10px;
}

/* ===== 21.Home Contact ===== */
.home-contact .contact-main,
.home-contact .contact-addr {
	width: 100%;
	float: left;
}

.home-contact .contact-main {
	margin-bottom: 50px;
}

.contact-main > .contact-main-map {
	width: 680px;
	height: 530px;
	float: left;
	margin-right: 50px;
	border: 1px #ccc solid;
}

.contact-main > .contact-main-form {
	width: 470px;
	float: left;
}

.contact-main-form .sui-text,
.contact-main-form .sui-txta,
.contact-main-form .sui-btn {
	border-radius: 0;
	font: 1.1428em 'SiYuan';
}

.contact-main-form .sui-text {
	width: calc((100% - 30px) / 2);
	height: 50px;
	float: left;
	padding: 0 10px;
	margin: 0 30px 30px 0;
}

.contact-main-form .sui-text:nth-child(2n) {
	margin-right: 0;
}

.contact-main-form .sui-txta {
	height: 284px;
	padding: 10px;
	margin-bottom: 30px;
}

.contact-main-form .sui-btn {
	width: 120px;
	height: 50px;
}

.contact-addr > .contact-addr-item {
	width: calc((100% - 30px) / 2);
	min-height: 210px;
	float: left;
	background: url(src/img/sys/home/contact/bg_addr-item.png) calc(100% - 10px) calc(100% - 10px) no-repeat;
	padding: 10px 20px;
	margin: 0 30px 30px 0;
	border: 1px #ccc solid;
}

.contact-addr > .contact-addr-item:nth-child(2n + 2) {
	margin-right: 0;
}

.contact-addr-item > .addr-title {
	color: #005bac;
	font-size: 1.1428em;
	font-weight: bold;
	line-height: 40px;
}

.contact-addr-item > .addr-item > i {
	margin-right: 10px;
	color: #666;
}

/* ===== 22.Request Magazine ===== */
.request-magazine {
	position: fixed;
	top: calc((100% - 450px) / 2);
	left: calc((100% - 700px) / 2);
	z-index: 7;
	width: 700px;
	height: 450px;
	background: #fff;
	padding: 50px 100px;
	border-radius: 10px;
}

.request-magazine > .request-magazine-tips,
.request-magazine > .request-magazine-form,
.request-magazine-form > .magazine-type,
.request-magazine-form > .submit-magazine {
	width: 100%;
	float: left;
}

.request-magazine > .request-magazine-tips {
	margin-bottom: 20px;
	color: #666;
	font-size: 1.1428em;
	line-height: 50px;
}

.request-magazine-form > .sui-text {
	width: calc((100% - 30px) / 2);
	height: 50px;
	float: left;
	padding: 0 10px;
	margin: 0 30px 30px 0;
}

.request-magazine-form > .sui-text:nth-child(2n) {
	margin-right: 0;
}

.request-magazine-form > .magazine-type {
	margin-bottom: 30px;
	line-height: 20px;
}

.magazine-type > label {
	float: left;
	margin-right: 50px;
}

.magazine-type > label > input {
	margin-right: 5px;
}

.request-magazine-form > .submit-magazine {
	text-align: center;
}

.submit-magazine > .sui-btn {
	width: 50%;
	height: 50px;
	background: #005bac;
	font-size: 1.1428em;
}

.request-magazine > .request-magazine-close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 8;
	width: 40px;
	height: 40px;
	border: 1px #ccc solid;
	border-radius: 20px;
	text-align: center;
	cursor: pointer;
}

.request-magazine > .request-magazine-close:hover {
	background: #005bac;
	border: 1px #005bac solid;
}

.request-magazine > .request-magazine-close,
.request-magazine-close > i {
	color: #666;
	font-size: 1.2857em;
	line-height: 40px;
}

.request-magazine > .request-magazine-close:hover > i {
	color: #fff;
}

/* ===== 23.Error 404 ===== */
.error-404 {
	padding-top: 240px;
}

.error-404 .error-img {
	width: 60%;
	float: right;
}

.error-404 .error-text {
	width: 40%;
	float: left;
	padding: 100px 0;
}

.error-text > .error-text-title,
.error-text > .error-text-detail,
.error-text > .error-text-back,
.error-img > img {
	width: 100%;
	float: left;
}

.error-text > .error-text-title {
	color: #005bac;
	font-size: 2em;
	line-height: 100px;
}

.error-text-title > label {
	position: relative;
	width: 50px;
	height: 50px;
	float: left;
	background: #005bac;
	margin: 25px 15px 25px 0;
	border-radius: 50%;
}

.error-text-title > label > i {
	position: absolute;
	left: 10px;
	color: #fff;
	font-size: 1.2857em;
	line-height: 50px !important;
}

.error-text > .error-text-detail > p {
	font-size: 1.1428em;
	line-height: 50px;
}

.error-text > .error-text-detail > p > span {
	margin-right: 10px;
	color: #c00;
}

.error-text > .error-text-back {
	height: 95px;
	padding: 25px 0;
}

.error-text-back > a {
	display: inline-block;
	width: 150px;
	height: 45px;
	background: #fff;
	border: 1px #005bac solid;
	border-radius: 45px;
	color: #005bac;
	font-size: 1.1428em;
	line-height: 45px;
	text-align: center;
}

.error-text-back > a.active,
.error-text-back > a:hover {
	background: #005bac;
	color: #fff;
}

.error-text-back > a.active {
	margin-left: 20px;
}

/* ===== 24.Browser Hack ===== */
.browser-hack {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: #f7feff;
}

.browser-hack-link {
	color: #005bac;
}

/* ===== 25.Responsive 1200 ===== */
@media all and (max-width: 1310px) {
	.about-industry .slider-navi-prev,
	.about-industry .slider-navi-next,
	.news-headline-slider .slider-navi-prev,
	.news-headline-slider .slider-navi-next,
	.finance-lease-milstone .slider-navi-prev,
	.finance-lease-milstone .slider-navi-next {
		display: none;
	}
}

@media all and (max-width: 1210px) and (min-width: 1201px) {
	/* ===== 01.Global ===== */
	/* Body */
	body {
		overflow-x: hidden;
	}
}

@media all and (max-width: 1200px) {
	/* ===== 01.Global ===== */
	/* Body */
	body.page-service-sc {
		overflow-x: hidden;
	}

	/* Wrapper */
	.wrapper {
		width: 100%;
		float: left;
	}

	/* SUI */
	.sui-layout {
		padding: 0 15px;
		margin-bottom: 30px;
	}

	/* ===== 02.Header ===== */
	.header {
		padding: 0 15px;
	}

	/* ===== 05.Index ===== */
	/* Index Module */
	.index-module {
		padding: 30px 15px;
	}

	/* Index NEWS */
	.index-news .news-item {
		width: calc((100% - 60px) / 3);
		height: auto;
	}

	/* Index Service */
	.index-services {
		background: none;
	}

	.service-upgrade > .service-upgrade-item {
		width: calc(100% / 2);
	}

	/* Index About */
	.index-about .about-main,
	.about-main > .about-main-video,
	.about-main > .about-main-video > img,
	.about-main > .about-main-video > video,
	.about-main > .about-main-summary {
		width: 100%;
		height: auto;
	}

	.about-main > .about-main-video > video {
		display: none;
	}

	.about-main > .about-main-summary {
		text-align: center;
	}

	.about-main-summary > span {
		margin-bottom: 20px;
	}

	/* ===== 06.About Profile ===== */
	/* About Public */
	.about-title > .about-title-cn {
		width: 100%;
		float: left;
	}

	.about-title {
		position: static;
		height: auto;
	}

	.about-title > .about-title-en,
	.about-title > .about-title-cn {
		font-size: 2em;
		line-height: 40px;
		text-align: center;
	}

	.about-title-en > span {
		font-size: 1em;
		line-height: 40px;
	}

	.about-title > .about-title-cn {
		position: static;
		left: 0;
	}

	/* About Profile */
	.about-profile {
		height: auto;
		padding: 30px 15px;
	}

	.about-profile > .waves-container,
	.waves-container > canvas {
		display: none;
	}

	.company-data-preview {
		height: auto;
	}

	.company-data-preview-item {
		margin: 0 calc((100% - 200px) / 2);
		margin-bottom: 20px!important;
	}

	/* ===== 08.About History ===== */
	.about-history {
		height: auto;
		background: -webkit-linear-gradient(top, #264f8f, #5897cc);
		padding: 30px 0;
	}

	.about-history > .img {
		display: none;
	}

	.about-history .slider-container {
		height: 400px;
		margin-top: 30px;
	}

	.about-history .slider-item {
		width: 100% !important;
		height: auto;
		background: none;
		padding-left: 0;
		margin-bottom: 0;
	}

	.about-history .slider-item:nth-child(2n) {
		background: none;
		padding-top: 0;
		margin-top: 0;
	}

	.about-history .slider-item > .milestone-title,
	.about-history .slider-item> .milestone-year,
	.about-history .slider-item > .milestone-detail {
		width: 100%;
		float: left;
		text-align: center;
	}

	.about-history .slider-item > .milestone-title {
		line-height: 40px;
	}

	.about-history .slider-item > .milestone-year {
		line-height: 60px;
	}

	.milestone-detail > p {
		line-height: 35px;
	}

	/* ===== 09.About Honor ===== */
	.about-honor {
		min-height: 780px;
		height: auto;
		padding-bottom: 30px;
	}

	.about-honor .about-honor-desc {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		float: left;
		padding: 0 10px;
		margin-top: 20px;
	}

	.about-honor-desc > p {
		margin-bottom: 10px;
		line-height: 30px;
	}

	.about-honor .about-honor-cover {
		margin-top: 20px;
	}

	.about-honor .about-honor-list {
		width: 100%;
		border-bottom: 0;
		border-left: 5px #f2f2f2 solid;
	}

	.about-honor .about-honor-list:hover,
	.about-honor .about-honor-list.active {
		border-bottom: 0;
		border-left: 5px #005bac solid;
	}

	/* ===== 10.About SR ===== */
	.about-sr {
		height: auto;
		padding: 30px 0;
	}

	.sui-layout.about-sr {
		padding-left: 0;
		padding-right: 0;
	}

	.about-sr .about-sr-cover {
		margin-top: 20px;
	}

	.about-sr-cover > img {
		width: 100%;
		height: auto;
	}

	.about-sr .about-sr-meta {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		float: left;
		background: #f2f2f2;
		padding: 20px 20px;
	}

	/* ===== 11.About Industry ===== */
	.about-industry {
		padding-bottom: 50px;
	}

	.sui-layout.about-industry {
		padding-left: 0;
		padding-right: 0;
	}

	.about-industry .slider-container {
		margin-top: 20px;
	}

	.about-industry .slider-item {
		position: static;
		height: auto;
	}

	.about-industry-img {
		width: 100%;
		height: auto;
		float: left;
	}

	.about-industry-text {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		float: left;
		padding: 10px;
	}

	.about-industry-text > .about-industry-text-title,
	.about-industry-text > .about-industry-text-desc {
		width: 100%;
		float: left;
	}

	.about-industry-text > .about-industry-text-title {
		margin-bottom: 20px;
		font-size: 1.5726em;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
	}

	.about-industry-text > .about-industry-text-desc {
		color: #666;
		font-size: 1.1428em;
		line-height: 30px;
	}

	/* ===== 12.Service SC ===== */
	/* Service Public */
	.service-public {
		padding: 0 15px;
	}

	/* Service Area */
	.service-area .service-area-main {
		height: auto;
		padding: 35px 15px;
	}

	.service-area.service-area-sc .service-area-main {
		width: 100%;
	}

	.service-area.service-area-sc .service-area-main > .service-area-item {
		width: calc((100% / 7) - 1px);
	}

	.service-area.service-area-sc .service-area-main > .service-area-item > span:before {
		left: calc((100% - 50px) / 2);
	}

	.service-area.service-area-lease {
		background: #ccc;
		padding: 35px 15px;
	}

	.service-area.service-area-lease .service-area-main {
		width: 100%;
		background: none;
		border: 0;
	}

	.service-area.service-area-lease .service-area-main > .service-area-item {
		width: 25%;
		border-left: 0;
	}

	.service-area.service-area-lease .service-area-main > .service-area-item > span:before {
		left: calc((100% - 50px) / 2);
	}

	.service-area.service-area-microloan {
		background: #ccc;
		padding: 35px 15px;
	}

	.service-area.service-area-microloan .service-area-main {
		width: 100%;
		background: none;
		border: 0;
	}

	.service-area.service-area-microloan .service-area-main > .service-area-item {
		width: calc(100% / 6);
		border-left: 0;
	}

	.service-area.service-area-microloan .service-area-main > .service-area-item > span:before {
		left: calc((100% - 50px) / 2);
	}

	/* Service Module */
	.service-module {
		margin-bottom: 20px;
	}

	.service-module.c1,
	.service-module.c2,
	.service-module.c3,
	.service-module.trigle {
		width: 100%;
	}

	.service-module:nth-child(2n) {
		margin-right: 0;
	}

	.service-module > .service-module-cover,
	.service-module > .service-module-cover > img,
	.service-module.c2 > .service-module-cover,
	.service-module.c2 > .service-module-cover > img,
	.service-module > .service-module-summary,
	.service-module.c2 > .service-module-summary {
		height: auto;
	}

	.service-module-summary-desc > span {
		width: 100%;
	}

	.service-main .service-headtext {
		margin-bottom: 30px;
	}

	/* Service SCS */
	.service-scs {
		padding: 30px 20px;
	}

	.service-scs .service-scs-main {
		width: 100%;
		margin: 35px 0;
	}

	/* ===== 13.Service Warehouse ===== */
	.service-main .service-headline {
		margin-bottom: 30px;
	}

	/* Warehouse Service */
	.warehouse-service.logistics {
		background: #3870ad;
	}

	.warehouse-service > .wrapper,
	.warehouse-service.logistics > .wrapper {
		height: auto;
		padding: 30px 0;
	}

	.warehouse-service .warehouse-service-title {
		margin-bottom: 30px;
		text-align: center;
	}

	.warehouse-service-list > .warehouse-service-item {
		width: calc((100% - 15px) / 2);
		margin-bottom: 15px;
		margin-left: 0;
	}

	.warehouse-service-list > .warehouse-service-item.logistics {
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0;
	}

	.warehouse-service-list > .warehouse-service-item:nth-child(2n + 2) {
		margin-left: 15px;
	}

	.warehouse-service-list > .warehouse-service-item.logistics:nth-child(2n + 1) {
		margin-left: 0;
	}

	.warehouse-service-list > .warehouse-service-item:nth-child(4n + 1) {
		margin-left: 0;
	}

	.warehouse-service-list > .warehouse-service-item:nth-child(n + 5) {
		margin-top: 0;
	}

	.warehouse-service-list > .warehouse-service-item.logistics:nth-child(n + 4) {
		margin-top: 0;
	}

	.warehouse-service-list > .warehouse-service-item:nth-child(n + 7) {
		margin-bottom: 0;
	}

	/* Warehouse Map */
	.warehouse-map .warehouse-map-container {
		padding: 0;
	}


	.warehouse-mt-title > span {
		display: block;
		width: 25%;
		margin-bottom: 10px;
		font-size: 1.2857em;
		line-height: 40px;
	}

	.warehouse-mt-title > span.active {
		background: #005bac;
		color: #fff;
	}

	/* ===== 14.Service Finance ===== */
	/* Finance Branch */
	.finance-branch {
		height: auto;
		background: #e1e7f8;
		padding: 30px 15px;
	}

	.finance-branch .finance-branch-desc {
		margin-bottom: 30px;
		line-height: 30px;
	}

	/* Finance Tab */
	.finance-tab {
		padding-top: 15px;
	}

	/* Finance Public */
	.finance-public .finance-public-cover,
	.finance-public .finance-public-list {
		width: 100%;
		float: left;
	}

	.finance-public .finance-public-cover,
	.finance-public-cover > .finance-pc-desc {
		position: static;
		float: left;
	}

	.finance-public-cover > .finance-pc-desc {
		background: #005bac;
		padding: 10px;
	}

	.finance-public .finance-public-list {
		padding: 10px 20px;
	}

	/* SCFinancing */
	.finance-scfinancing .finance-scfinancing-list {
		float: left;
		margin-top: 15px;
	}

	.finance-scfinancing-list > .finance-scfinancing-item {
		width: 100%;
		height: auto;
		padding: 15px;
		margin-bottom: 5px;
	}

	.finance-scfinancing-list > .finance-scfinancing-item:hover {
		background: #ddd;
	}

	/* Lease */
	.finance-lease > .finance-public > .wrapper {
		height: auto;
	}

	.finance-lease-main .finance-lease-item {
		width: 100%;
		float: left;
		padding: 80px 30px 30px 30px;
		box-shadow: 2px 2px 6px 1px #eee;
	}

	.finance-lease-main .finance-lease-item:nth-child(2n) {
		margin-left: 0;
	}

	.finance-lease-main .finance-lease-item {
		background: #eee;
		margin-bottom: 15px;
		box-shadow: none;
	}

	.finance-lease-item > .finance-lease-item-list > p {
		line-height: 30px;
	}

	.finance-lease-milstone {
		height: 240px;
		padding: 30px 0;
	}

	.finance-lease-milstone:after {
		bottom: 90px;
	}

	.finance-lease-milstone .lease-milstone-date:before {
		left: calc((100% - 30px) / 2);
	}

	.finance-lease-milstone .lease-milstone-date:after {
		left: calc((100% - 16px) / 2);
	}

	.finance-lease-milstone .lease-milstone-detail {
		width: 100%;
		bottom: 100px;
	}

	/* Microloan */
	.finance-microloan > .finance-public > .wrapper {
		height: auto;
	}

	.finance-microloan-main {
		height: auto;
		padding: 30px 0;
	}

	.finance-microloan-main .finance-microloan-item {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
		margin-left: 0;
	}

	/* Interfinancing */
	.finance-interfinancing > .finance-public > .wrapper {
		height: auto;
	}

	/* ===== 15.NEWS List ===== */
	/* Headline */
	.news-headline-slider {
		height: auto;
	}

	.news-headline-slider .headline-img,
	.headline-img > img,
	.news-headline-slider .headline-text {
		width: 100%;
		float: left;
	}

	.headline-img > .headline-label-date {
		right: 70px;
	}

	.news-headline-slider .headline-text {
		height: auto;
		padding: 20px 20px 30px 20px;
	}

	.headline-text > .headline-title {
		margin-bottom: 20px;
		line-height: 30px;
	}

	.headline-text > .headline-summary {
		margin-bottom: 20px;
		line-height: 25px;
	}

	/* NEWS List */
	.news-list .news-item {
		width: calc((100% - 20px) / 2);
		height: auto;
		margin-right: 0 !important;
	}

	.news-list .news-item:nth-child(2n + 1) {
		margin-right: 20px !important;
	}

	.news-item > .news-item-summary {
		height: auto;
	}

	/* ===== 16.NEWS Detail ===== */
	.news-detail .news-detail-main {
		width: calc(100% - 370px);
		margin: 0 30px 80px 0;
	}

	.news-detail .news-detail-sidebar {
		width: 340px;
	}

	/* ===== 17.Page Navi ===== */
	.page-navi.page-navi-job {
		padding-bottom: 30px;
	}

	/* ===== 19.Home Join ===== */
	.home-join .join-section {
		width: 50%;
	}

	/* ===== 20.Home Recuitment ===== */
	.home-recuitment {
		padding: 30px 0;
	}

	/* ===== 21.Home Contact ===== */
	.home-contact .contact-main {
		margin-bottom: 30px;
	}

	.contact-main > .contact-main-map {
		width: calc(100% - 520px);
	}
}

/* ===== 26.Responsive 1024 ===== */
@media all and (max-width: 1034px) {
	/* Service Oversea */
	.service-oversea-desc > span {
		width: 100%;
		margin-right: 0;
		padding: 0;
		line-height: 35px;
	}

	.service-oversea-desc > img {
		width: 100%;
	}
	/* ===== 12.Service SC ===== */
	/* Service Area */
	.service-area .service-area-title {
		text-align: center;
	}

	.service-area .service-area-main {
		padding: 15px;
	}

	.service-area.service-area-sc .service-area-main > .service-area-item {
		width: 50%;
		margin-bottom: 20px;
	}

	.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(3),
	.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(5),
	.service-area.service-area-sc .service-area-main > .service-area-item:nth-child(7) {
		border-left: 0;
	}

	.service-area.service-area-lease {
		padding: 15px;
	}

	.service-area.service-area-lease .service-area-main > .service-area-item {
		width: 50%;
		margin-bottom: 20px;
	}

	.service-area.service-area-microloan {
		padding: 15px;
	}

	.service-area.service-area-microloan .service-area-main > .service-area-item {
		width: 50%;
		margin-bottom: 20px;
	}

	/* Service SCS */
	.service-scs {
		height: auto;
		background: #005bac;
		padding: 20px 15px;
	}

	/* Service SCS Mobile */
	.service-scs .service-scs-mobile {
		width: 100%;
		height: auto;
		float: left;
		margin: 0;
	}

	.service-scs-mobile > img {
		display: none;
	}

	.service-scs-mobile > .service-scs-item > .service-scs-item-show {
		display: none;
	}

	.service-scs-mobile > .service-scs-item > .service-scs-item-hide {
		width: 100%;
		height: auto;
		float: left;
		background: #eee;
		padding: 20px;
		margin-bottom: 15px;
		border-radius: 20px;
	}

	.service-scs-mobile > .service-scs-item > .service-scs-item-hide > .item-ball {
		width: 60px;
		height: 60px;
		float: left;
		background: #fff;
		padding: 10px;
		margin-right: 20px;
		border-radius: 30px;
	}

	.service-scs-mobile > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-title,
	.service-scs-mobile > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-detail {
		width: 100%;
		float: left;
	}

	.service-scs-mobile > .service-scs-item > .service-scs-item-hide > .item-desc {
		width: calc(100% - 80px);
		float: left;
	}

	.service-scs-mobile > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-title {
		margin-bottom: 10px;
		font-size: 1.1428em;
		line-height: 30px;
	}

	.service-scs-mobile > .service-scs-item > .service-scs-item-hide > .item-desc > .item-desc-detail {
		line-height: 20px;
	}
}

@media all and (max-width: 1024px) {
	/* ===== 01.Global ===== */
	/* Common */
	body.homepage {
		background: none;
	}

	/* SUI */
	.sui-layout {
		margin-bottom: 20px;
	}

	/* ===== 02.Header ===== */
	.header {
		height: 50px;
		background: #fff;
	}

	.header .header-logo,
	.header .header-brand {
		padding: 10px 0;
	}

	.header .header-logo,
	.header-logo > img {
		height: 30px;
	}

	.header .header-brand {
		display: none;
		margin-left: 20px;
	}

	.header .header-menu {
		display: none;
		position: fixed;
		top: 50px;
		left: 0;
		z-index: 4;
		width: 100%;
		height: 100%;
		background: #fff;
		padding-top: 0;
		border-top: 1px #ddd solid;
	}

	.header-menu > li {
		width: 100%;
		height: 45px;
		float: left;
		margin-left: 0;
		border-bottom: 1px #eee solid;
		text-align: left;
	}

	.header-menu > li.lang {
		display: none;
	}

	.header-menu > li:after {
		display: inline-block;
		content: '';
		position: absolute;
		top: 20px;
		right: 20px;
		border: solid black;
		border-width: 0 1px 1px 0;
		padding: 3px;
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	.header-menu > li:hover {
		background: #eee;
		border-bottom: 1px #eee solid;
	}

	.header-menu > li > a {
		padding: 0 20px;
		font-size: 1.1428em;
		line-height: 45px;
	}

	.header-menu > li > ul,
	.header-menu > li:hover > ul {
		display: none;
	}

	.header .toggle-header-menu {
		display: block;
	}

	/* ===== 03.Footer ===== */
	.footer {
		background: #666;
	}

	/* Footer Main */
	.footer-main {
		display: none;
	}

	/* Footer Info */
	.footer-info > p {
		line-height: 25px;
		text-align: center;
		vertical-align: middle;
	}

	.footer-info a {
		line-height: 25px;
	}

	.footer .footer-info > p.mii > a {
		width: calc(100% - 10px);
		float: left;
	}

	/* Footer Fixed */
	.footer .footer-fixed {
		display: none;
	}

	/* ===== 04.Banner ===== */
	.banner {
		height: auto;
	}

	.banner.banner_about,
	.banner.banner_service_sc,
	.banner.banner_service_warehouse,
	.banner.banner_service_finance,
	.banner.banner_news-list,
	.banner.banner_news-detail,
	.banner.banner_home,
	.banner.banner_home-contact {
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.banner .banner-title {
		margin: 205px 0 155px 0;
	}

	.banner.banner_btn .banner-title {
		margin-top: 185px;
		margin-bottom: 85px;
	}

	.banner-title > .banner-title-cn,
	.banner-title > .banner-title-en {
		padding-left: 0;
		line-height: 40px;
		text-align: center;
	}

	.banner-title > .banner-title-cn {
		font-size: 2.5714em;
		font-weight: bold;
	}

	.banner-title > .banner-title-cn:before {
		display: none;
	}

	.banner-title > .banner-title-en {
		color: #fff100;
		font-size: 3.4285em;
	}

	.banner_btn .banner-title > .banner-title-btn {
		display: inline-block;
		width: 180px;
		margin: 30px 0 0 calc((100% - 180px) / 2);
	}

	/* ===== 05.Index ===== */
	/* Index Module */
	.index-module {
		padding: 20px 15px;
	}

	.index-module .index-module-title {
		font-size: 4.2857em;
		line-height: 50px;
	}

	.index-module-title > .index-module-title-cn {
		font-size: .4444em;
	}

	.index-module-content {
		margin-top: 20px;
	}

	/* Index Services */
	.service-upgrade > .service-upgrade-item {
		width: 100%;
	}

	/* Index NEWS */
	.index-news .news-item {
		width: 100%;
		margin-right: 0;
	}

	/* Index About */
	.about-main > .about-main-summary {
		background: #eee;
	}

	/* ===== 06.About Profile ===== */
	.about-profile {
		padding: 20px 15px;
	}

	/* ===== 08.About History ===== */
	.about-history {
		padding: 20px 0;
	}

	/* ===== 09.About Honor ===== */
	.about-honor {
		padding-bottom: 20px;
	}

	/* ===== 10.About SR ===== */
	.about-sr {
		padding: 20px 0;
	}

	/* ===== 11.About Industry ===== */
	.about-industry {
		padding-bottom: 20px;
	}

	/* ===== 12.Service SC ===== */
	/* Service Public */
	.service-public {
		margin-bottom: 20px;
		text-align: center;
	}

	.service-public h1 {
		font-size: 2em;
		line-height: 50px;
	}

	.service-public h2 {
		font-size: 1.7142em;
		font-weight: normal;
	}

	/* Service Main */
	.service-main .service-headtext {
		background: #f2f2f2;
		padding: 30px;
		margin-bottom: 20px;
		color: #666;
	}

	.service-scs .service-scs-title {
		text-align: center;
	}

	.service-scs .service-scs-main {
		display: none;
	}

	/* ===== 13.Service Warehouse ===== */
	/* Service Main */
	.service-main .service-headline {
		height: auto;
		background: #f2f2f2;
		padding: 30px;
		margin-bottom: 20px;
		color: #666;
		line-height: 30px;
		text-align: left;
	}

	/* Warehouse Service */
	.warehouse-service > .wrapper {
		padding: 20px 0;
	}

	.warehouse-service-list > .warehouse-service-item {
		width: 100%;
	}

	.warehouse-service-list > .warehouse-service-item:nth-child(2n + 2) {
		margin-left: 0;
	}

	.warehouse-service-list > .warehouse-service-item:nth-child(n + 7) {
		margin-bottom: 15px;
	}

	/* Warehouse Map */
	.warehouse-map .warehouse-map-title {
		text-align: center;
	}

	/* ===== 14.Service Finance ===== */
	/* Microloan */
	.finance-microloan .finance-public-item {
		width: 100%;
	}

	p.half {
		width: 100%;
	}

	/* ===== 15.NEWS List ===== */
	.index-news .news-item,
	.news-list .news-item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.news-item > .news-item-summary {
		height: auto;
		padding: 25px 15px;
	}

	/* ===== 16.NEWS Detail ===== */
	.news-detail .news-detail-main {
		width: 100%;
		margin-bottom: 20px;
	}

	.news-detail .news-detail-sidebar {
		width: 100%;
		float: left;
	}

	/* ===== 17.Page Navi ===== */
	.page-navi.page-navi-job {
		padding-bottom: 20px;
	}

	.page-navi > .page-navi-pc {
		display: none;
	}

	.page-navi > .page-navi-mobile {
		display: block;
	}

	/* ===== 18.Channel Navi ===== */
	.finance-navi.fixed,
	.channel-navi.fixed {
		top: 50px;
	}

	.channel-navi-list > a {
		width: calc(100% / 4);
		height: 47px;
		float: left;
		padding: 10px 0;
		margin-left: 0;
		text-align: center;
	}

	#finance-channel-navi .channel-navi-list > a {
		width: calc(100% / 3);
	}

	/* ===== 19.Home Join ===== */
	.home-join .join-section {
		width: 100%;
		height: auto;
		float: left;
		padding: 20px 0;
	}

	.home-join .join-section.join-section-xh,
	.home-join .join-section.join-section-ah {
		height: auto;
	}

	.join-section > .section-title {
		margin-bottom: 10px;
		font-size: 2.2857em;
		line-height: 50px;
	}

	.join-section > p {
		font-size: 1.1428em;
		line-height: 30px;
	}

	.join-bottom > .join-bottom-title {
		font-size: 2.2857em;
	}

	/* ===== 20.Home Recuitment ===== */
	.home-recuitment {
		padding: 20px 0;
	}

	.home-recuitment ul > li.recuitment-ni-title {
		width: 100%;
		float: left;
		font-weight: bold;
	}

	.home-recuitment ul > li.recuitment-ni-option {
		width: calc(100% / 4);
		margin-right: 0;
		text-align: center;
	}

	.recuitment-main-title > span {
		font-size: 1.1428em;
		line-height: 50px;
	}

	.recuitment-main-title > span:nth-child(2),
	.recuitment-item-meta > span:nth-child(2),
	.recuitment-main-title > span:last-child,
	.recuitment-item-meta > span:last-child {
		display: none;
	}

	.recuitment-main-title > span:nth-child(3),
	.recuitment-item-meta > span:nth-child(3),
	.recuitment-main-title > span:nth-child(4),
	.recuitment-item-meta > span:nth-child(4) {
		width: 25%;
	}

	.recuitment-main-title > span:first-child,
	.recuitment-item-meta > span:first-child {
		width: 50%;
	}

	.home-recuitment-tips .recuitment-tips-title {
		margin-bottom: 10px;
		font-size: 1.7142em;
		line-height: 40px;
	}

	.home-recuitment-tips .recuitment-tips-container {
		padding: 20px;
		text-align: center;
	}

	.recuitment-tips-container > img {
		max-width: 100%;
		float: left;
	}

	.recuitment-tips-container > .tips-content {
		padding-top: 20px;
	}

	.tips-content > p {
		padding-left: 20px;
		text-align: left;
	}

	.tips-content > p.full {
		text-align: center;
	}

	/* ===== 21.Home Contact ===== */
	.home-contact .contact-main {
		margin-bottom: 20px;
	}

	.contact-main > .contact-main-map {
		width: 100%;
		height: 360px;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.contact-main > .contact-main-form {
		width: 100%;
	}

	.contact-main-form .sui-text {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.contact-main-form .sui-txta {
		height: 240px;
		margin-bottom: 20px;
	}

	.contact-main-form .sui-btn {
		width: 100%;
	}

	.contact-addr > .contact-addr-item {
		width: 100%;
		min-height: 210px;
		margin: 0 0 20px 0;
	}

	/* ===== 22.Request Magazine ===== */
	.request-magazine {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 100px 20px 0 20px;
		border-radius: 0;
	}

	.request-magazine > .request-magazine-tips {
		line-height: 30px;
	}

	.request-magazine-form > .sui-text {
		width: 100%;
	}

	.magazine-type > label {
		float: left;
		margin-right: 30px;
	}

	/* ===== 23.Error 404 ===== */
	.error-404 {
		padding-top: 100px;
	}

	.error-404 .error-img {
		width: 100%;
	}

	.error-404 .error-text {
		width: 100%;
		padding: 40px 0;
	}

	.error-text > .error-text-detail > p {
		margin-bottom: 20px;
		line-height: 30px;
	}

	.error-text > .error-text-back {
		text-align: center;
	}
}

/* ===== 27.Cookies ===== */
.cookies-info {
	position: fixed;
	bottom: 0;
	z-index: 99;
	width: 100%;
	padding: 20px 30px;
	background: #000;
	color: #fff;
	line-height: 25px;
}

.close-cookies {
	float: right;
}

.cookies-info a {
	color: #3498db;
}

/* Intelligent Custom */
.intelligent-custom,
.intelligent-custom-banner,
.intelligent-custom-banner > img,
.intelligent-custom-content {
	width: 100%;
	float: left;
}

.intelligent-custom-content > .intelligent-custom-item {
	width: 50%;
	height: 160px;
	float: left;
	background: #f2f2f2;
	padding: 25px 30px;
}

.intelligent-custom-content > .intelligent-custom-item.emp {
	background: #eaeaea;
}

.intelligent-custom-content > .intelligent-custom-item:hover {
	background: #005bac;
	transition: background .25s ease-in;
}

.intelligent-custom-item > .custom-item-icon {
	width: 100%;
	height: 40px;
	float: left;
	margin-bottom: 10px;
	font-size: 1.2857em;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}

.intelligent-custom-item > .custom-item-desc {
	width: 100%;
	float: left;
	color: #666;
	font-size: 1.1428em;
	line-height: 30px;
	text-align: center;
}

.intelligent-custom-content > .intelligent-custom-item:hover > .custom-item-desc,
.intelligent-custom-content > .intelligent-custom-item:hover > .custom-item-icon {
	color: #fff;
}

@media all and (max-width: 1200px) {
	.intelligent-custom-content > .intelligent-custom-item {
		width: 100%;
		height: auto;
	}
}