@font-face {
	font-family:'icomoon';
	src:url("../fonts/icomoon.eot");
	src:url("../fonts/icomoon.eot") format("embedded-opentype"),
	url("../fonts/icomoon.woff2") format("woff2"),
	url("../fonts/icomoon.ttf") format("truetype"),
	url("../fonts/icomoon.woff") format("woff"),
	url("../fonts/icomoon.svg") format("svg");
	font-weight:normal;font-style:normal;
}
[class^="icon-"],[class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-link:before {
    content: ""
}
.icon-data:before {
	content: ""
}

.icon-design:before {
	content: ""
}

.icon-development:before {
	content: ""
}

.icon-photo:before {
	content: ""
}

.icon-promotion:before {
	content: ""
}

.icon-shop:before {
	content: ""
}

.icon-arrow-left:before {
	content: ""
}

.icon-arrow-left-light:before {
	content: ""
}

.icon-arrow-quote:before {
	content: ""
}

.icon-arrow-right:before {
	content: ""
}

.icon-arrow-right-circle:before {
	content: ""
}

.icon-arrow-right-light:before {
	content: ""
}

.icon-bag:before {
	content: ""
}

.icon-call:before {
	content: ""
}

.icon-chart:before {
	content: ""
}

.icon-check .path1:before {
	content: "";
	color: #27292b
}

.icon-check .path2:before {
	content: "";
	margin-left: -1em;
	color: #fff
}

.icon-close2:before {
	content: ""
}

.icon-content:before {
	content: ""
}

.icon-customize:before {
	content: ""
}

.icon-douban:before {
	content: ""
}

.icon-dribbble:before {
	content: ""
}

.icon-email:before {
	content: ""
}

.icon-eye:before {
	content: ""
}

.icon-facebook:before {
	content: ""
}

.icon-favicon .path1:before {
	content: "";
	color: #27292b
}

.icon-favicon .path2:before {
	content: "";
	margin-left: -1em;
	color: #fff
}

.icon-favicon .path3:before {
	content: "";
	margin-left: -1em;
	color: #fff
}

.icon-favicon .path4:before {
	content: "";
	margin-left: -1em;
	color: #fff
}

.icon-favicon .path5:before {
	content: "";
	margin-left: -1em;
	color: #fff
}

.icon-favicon .path6:before {
	content: "";
	margin-left: -1em;
	color: #fff
}

.icon-hold:before {
	content: ""
}

.icon-icon1:before {
	content: ""
}

.icon-icon2:before {
	content: ""
}

.icon-icon3:before {
	content: ""
}

.icon-icon4:before {
	content: ""
}

.icon-icon5:before {
	content: ""
}

.icon-icon6:before {
	content: ""
}

.icon-icon7:before {
	content: ""
}

.icon-icon8:before {
	content: ""
}

.icon-icon9:before {
	content: ""
}

.icon-iphone:before {
	content: ""
}

.icon-linkedin:before {
	content: ""
}

.icon-logo-zh:before {
	content: ""
}

.icon-logo2:before {
	content: ""
}

.icon-mac:before {
	content: ""
}

.icon-password:before {
	content: ""
}

.icon-phone:before {
	content: ""
}

.icon-play:before {
	content: ""
}

.icon-quotation-mark-down:before {
	content: ""
}

.icon-quotation-mark-up:before {
	content: ""
}

.icon-search:before {
	content: ""
}

.icon-social:before {
	content: ""
}

.icon-store:before {
	content: ""
}

.icon-template:before {
	content: ""
}

.icon-wechat:before {
	content: ""
}

.icon-weibo:before {
	content: ""
}

.icon-zhihu:before {
	content: ""
}

.icon-search-o:before {
	content: ""
}

.icon-pen:before {
	content: ""
}

.icon-exit:before {
	content: ""
}

.icon-ellipsis:before {
	content: ""
}

.icon-address:before {
	content: ""
}

.icon-warning:before {
	content: ""
}

.icon-check-circle:before {
	content: ""
}

.icon-alipay:before {
	content: ""
}

body {
	overflow-x: hidden
}

.view {
	display: block;
	overflow: hidden
}

.translate {
	padding: 10px;
	cursor: pointer
}

.translate .translate-item {
	width: 16px;
	height: 16px;
	margin-top: 8px;
	color: #4f5362;
	border-radius: 2px;
	border: solid 1px #4f5362;
	text-align: center;
	display: inline-block;
	background-color: white;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}

.translate .translate-item.highlight {
	background-color: #4f5362;
	color: white
}

.translate .translate-item .translate-text {
	width: 14px;
	height: 14px
}

.translate .translate-zh {
	transform: translate3d(19px, 0px, 0)
}

.translate .translate-zh.active {
	transform: translate3d(7px, -7px, 0)
}

.translate .translate-en.active {
	transform: translate3d(-12px, -7px, 0)
}

.article_hero {
	position: relative;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 200px;
	padding-bottom: 160px;
	color: rgba(255,255,255,0.8);
	text-align: center;
	margin-bottom: 60px
}

@media screen and (max-width: 768px) {
	.article_hero {
		font-size: 30px;
		line-height: 1
	}
}

.article_hero h1 {
	text-align: center;
	font-weight: 100;
	font-size: 52px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased
}

.heidian-logo {
	display: inline-block;
	width: 100px;
	height: 40px;
	background: url("../images/logo-dark.png") no-repeat left center;
	background-size: contain
}

.full-screen-loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: all 1s ease
}

@keyframes rotate {
	0% {
		transform: rotate(0deg) scale(1)
	}

	100% {
		transform: rotate(360deg) scale(1)
	}
}

.full-screen-loading .loader-inner {
	position: relative
}

.full-screen-loading .loader-inner .text {
	position: absolute;
	top: 32px;
	left: 17px;
	color: #333;
	font-size: 14px
}

.full-screen-loading .loader-inner .circle {
	background-color: #333;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	animation-fill-mode: both;
	border: 2px solid #333;
	border-bottom-color: transparent;
	border-top-color: transparent;
	height: 80px;
	width: 80px;
	background: transparent !important;
	display: inline-block;
	animation: rotate 1.75s 0s linear infinite
}

#global-header {
	display: block;
	z-index: 1000;
	background-color: rgba(255,255,255,0);
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	animation-duration: 0.3s
}

#global-header::after {
	clear: both;
	content: "";
	display: table
}

#global-header button.navbar-toggle {
	margin-top: 5px;
	margin-right: 0;
	width: 40px;
	padding: 0
}

#global-header button.navbar-toggle .line {
	display: block;
	margin: 5px auto;
	height: 2px;
	width: 23px;
	-webkit-transition: all ease-in-out 0.35s;
	-moz-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s
}

#global-header button.navbar-toggle .line-first {
	-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
	-moz-transform: translate3d(0, 7px, 0) rotate(45deg);
	-ms-transform: translate3d(0, 7px, 0) rotate(45deg);
	-o-transform: translate3d(0, 7px, 0) rotate(45deg);
	transform: translate3d(0, 7px, 0) rotate(45deg)
}

#global-header button.navbar-toggle .line-second {
	opacity: 0
}

#global-header button.navbar-toggle .line-third {
	-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
	-moz-transform: translate3d(0, -7px, 0) rotate(-45deg);
	-ms-transform: translate3d(0, -7px, 0) rotate(-45deg);
	-o-transform: translate3d(0, -7px, 0) rotate(-45deg);
	transform: translate3d(0, -7px, 0) rotate(-45deg)
}

#global-header button.navbar-toggle.collapsed .line-first {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

#global-header button.navbar-toggle.collapsed .line-second {
	opacity: 1
}

#global-header button.navbar-toggle.collapsed .line-third {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

#global-header .nav-item-a {
	padding: 6px 0;
	position: relative;
	min-width: 57px;
	text-align: center;
	margin: 0 20px
}

@media (min-width: 992px) and (max-width: 1060px) {
	#global-header .nav-item-a {
		margin: 0 10px
	}
}

#global-header .nav-item-a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background-color: #fff;
	bottom: -5px;
	left: 0;
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out
}

#global-header .navbar {
	width: 91% !important
}

@media screen and (max-width: 991px) {
	#global-header .navbar {
		width: 100% !important
	}
}

#global-header .navbar-right {
	padding-top: 0px !important;
	position: absolute;
	right: -10px
}

@media screen and (max-width: 1200px) {
	#global-header .navbar-right {
		right: -30px
	}
}

@media screen and (max-width: 991px) {
	#global-header .navbar-right {
		position: relative;
		right: 0;
		margin: 0
	}
}

#global-header .navbar-right .navbar-translate:after {
	display: none
}

#global-header .navbar-right .translate {
	padding: 0px;
	position: relative;
	bottom: 5px;
	right: 10px
}

#global-header .mobile-translate .translate {
	right: 50px;
	bottom: 7px
}

#global-header .header-new-ribbon {
	background-size: contain;
	height: 50px;
	width: 26px;
	background-repeat: no-repeat;
	position: absolute;
	top: -5px;
	right: -8px;
	background-color: transparent;
}

#global-header[data-unfolded="false"] .nav-item-a.active::after {
	width: 100%
}

#global-header .btn-outline,#global-header .get-trial,#global-header .js-logout {
	color: inherit;
	background-color: #1f5dea;
	border: 1px solid transparent;
	border-radius: 100px;
	padding: 6px 20px;
	-webkit-transition: background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out
}

#global-header .btn-outline:hover,#global-header .btn-outline:active,#global-header .get-trial:hover,#global-header .get-trial:active,#global-header .js-logout:hover,#global-header .js-logout:active {
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.7);
	color: #fff
}

#global-header.affix-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
	padding: 35px 50px 25px
}

#global-header.affix-top .heidian-logo {
	background: url("../images/logo-white.png") no-repeat center;
	background-size: contain
}

#global-header.affix-top .mobile-translate .translate {
	bottom: 14px !important
}

#global-header.affix-top button.navbar-toggle .line {
	background-color: #fff
}

#global-header.affix-top .navbar {
	color: #fff;
	margin-bottom: 0 !important;
	-webkit-transition: color 0.35s ease-in-out;
	-moz-transition: color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out
}

#global-header.affix-top .nav {
	padding-top: 9px
}

#global-header.affix-top.dark .heidian-logo {
	background: url("../images/logo-dark.png") no-repeat center;
	background-size: contain
}

#global-header.affix-top.dark button.navbar-toggle .line {
	background-color: #4f5362
}

#global-header.affix-top.dark .navbar {
	color: #4f5362;
	margin-bottom: 0 !important
}

#global-header.affix-top.dark .nav {
	padding-top: 9px
}

#global-header.affix-top.dark .btn-outline,#global-header.affix-top.dark .js-logout {
	border: 1px solid rgba(168,172,185,0.4)
}

#global-header.affix-top.dark .get-trial {
	color: #fff
}

#global-header.affix-top.dark .get-trial:hover {
	color: #a8acb9;
	border: 1px solid #a8acb9;
	opacity: 1
}

#global-header.affix-top.dark .nav-item-a::after {
	background-color: #4f5362
}

#global-header.affix {
	position: fixed;
	left: 0;
	right: 0;
	background-color: #fff;
	padding: 13px 50px;
	z-index: 999;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.08)
}

#global-header.affix .heidian-logo {
	background: url("../images/logo-semi.png") no-repeat center;
	background-size: contain
}

#global-header.affix button.navbar-toggle .line {
	background-color: #4f5362
}

#global-header.affix .navbar {
	color: #4f5362;
	margin-bottom: 0 !important
}

#global-header.affix .nav {
	padding-top: 9px
}

#global-header.affix .nav-item-a::after {
	background-color: #4f5362
}

#global-header.affix .btn-outline,#global-header.affix .js-logout {
	border-color: rgba(168,172,185,0.4)
}

#global-header.affix .get-trial {
	color: #fff
}

#global-header.affix .get-trial:hover {
	color: #a8acb9;
	border: 1px solid #a8acb9;
	opacity: 1
}

#global-header .navbar.collapsing {
	min-height: 0
}

#global-header .translate {
	position: absolute;
	right: 30px;
	bottom: 20px;
	padding: 10px
}

#global-header .translate .translate-item {
	width: 16px;
	height: 16px;
	color: #4f5362;
	border-radius: 2px;
	border: solid 1px #4f5362;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	background-color: white;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}

#global-header .translate .translate-item.highlight {
	background-color: #000;
	color: white
}

#global-header .translate .translate-item .translate-text {
	width: 14px;
	height: 14px
}

#global-header .translate .translate-zh {
	transform: translate3d(19px, 0px, 0)
}

#global-header .translate .translate-zh.active {
	transform: translate3d(7px, -7px, 0)
}

#global-header .translate .translate-en.active {
	transform: translate3d(-12px, -7px, 0)
}

@media (min-width: 1200px) {
	#global-header .heidian-logo {
		width: 76px;
		height: 54px
	}

	#global-header .nav-item-a:hover,#global-header .nav-item-a:focus,#global-header .nav-item-a:active {
		background-color: transparent
	}

	#global-header .nav-item-a:hover::after,#global-header .nav-item-a:focus::after,#global-header .nav-item-a:active::after {
		width: 100%
	}

	#global-header.affix .heidian-logo {
		width: 76px;
		height: 50px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#global-header .heidian-logo {
		width: 76px;
		height: 54px
	}

	#global-header .nav-item-a:hover,#global-header .nav-item-a:focus,#global-header .nav-item-a:active {
		background-color: transparent
	}

	#global-header .nav-item-a:hover::after,#global-header .nav-item-a:focus::after,#global-header .nav-item-a:active::after {
		width: 100%
	}

	#global-header.affix .heidian-logo {
		width: 76px;
		height: 50px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#global-header .heidian-logo {
		width: 76px;
		height: 54px
	}

	#global-header .nav-item-a:hover,#global-header .nav-item-a:focus,#global-header .nav-item-a:active {
		background-color: transparent
	}

	#global-header .nav-item-a:hover::after,#global-header .nav-item-a:focus::after,#global-header .nav-item-a:active::after {
		width: 100%
	}

	#global-header.affix .heidian-logo {
		width: 76px;
		height: 50px
	}
}

@media (max-width: 991px) {
	#global-header .heidian-logo {
		width: 55px;
		height: 41px
	}

	#global-header .navbar {
		padding: 10px 15px
	}

	#global-header .nav-item-a {
		margin: 0px 10px !important
	}

	#global-header li {
		max-height: 60px
	}

	#global-header .header-new-ribbon {
		top: -42px;
		right: -17px;
		position: relative;
		display: inline-block;
		margin-left: 60px;
		height: 20px
	}

	#global-header.affix {
		padding: 15px 15px
	}

	#global-header.affix .heidian-logo {
		height: 30px
	}

	#global-header.affix .navbar-toggle.collapsed {
		margin: 5px 0 0
	}

	#global-header.affix-top {
		padding: 15px 15px !important
	}

	.navbar-collapse {
		width: 100%;
		text-align: center;
		position: absolute;
		right: 0px;
		top: 80px;
		border: 0;
		box-shadow: none
	}

	.navbar-collapse .nav.navbar-nav>li {
		width: 100%;
		color: #4f5362
	}

	.navbar-collapse .nav.navbar-nav>li>a {
		text-align: center
	}

	#global-header[data-unfolded="true"] {
		position: fixed !important;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin-bottom: 0 !important;
		overflow: auto;
		background-color: #fff !important
	}

	#global-header[data-unfolded="true"] .heidian-logo {
		background: url("../images/logo-semi.png") no-repeat center top;
		background-size: contain
	}

	#global-header[data-unfolded="true"] .mobile-translate {
		display: none
	}

	#global-header[data-unfolded="true"] button.navbar-toggle .line {
		background-color: #4f5362
	}

	#global-header[data-unfolded="true"] .nav-item-a {
		padding: 20px
	}

	#global-header[data-unfolded="true"] .nav-item-a:hover,#global-header[data-unfolded="true"] .nav-item-a:focus,#global-header[data-unfolded="true"] .nav-item-a:active {
		background-color: transparent
	}

	#global-header[data-unfolded="true"] .btn-outline,#global-header[data-unfolded="true"] .get-trial {
		border-color: #1f5dea;
		margin: 12px auto;
		padding: 8px 30px;
		display: inline-block;
		color: #fff
	}

	#global-header[data-unfolded="true"] .btn-outline:hover,#global-header[data-unfolded="true"] .get-trial:hover {
		border-color: transparent
	}
}

.nav-item-has-dropdown {
	position: relative;
	margin-right: 20px
}

.nav-item-has-dropdown>.nav-item-a::after {
	display: none
}

.nav-item-has-dropdown::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 4px solid;
	top: 50%;
	right: 15px;
	margin-top: -2px;
	right: -4px !important;
	border-color: #fff transparent transparent transparent;
	-webkit-transform-origin: 50% 25%;
	-moz-transform-origin: 50% 25%;
	-ms-transform-origin: 50% 25%;
	-o-transform-origin: 50% 25%;
	transform-origin: 50% 25%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .35s ease-in-out;
	-moz-transition: -moz-transform .35s ease-in-out;
	transition: transform .35s ease-in-out
}

@media (max-width: 1177px) {
	.nav-item-has-dropdown::after {
		right: 0px
	}
}

@media (max-width: 767px) {
	.nav-item-has-dropdown::after {
		display: none
	}
}

.nav-item-has-dropdown ul.nav-item__dropdown {
	padding: 8px 0;
	height: 0;
	overflow: hidden;
	list-style: none;
	position: absolute;
	top: 30px;
	left: 50%;
	background-color: #fff;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
	min-width: 140px;
	opacity: 0;
	box-shadow: 1px 5px 20px rgba(221,221,221,0.5)
}

.nav-item-has-dropdown li {
	padding: 12px 0
}

.nav-item-has-dropdown .nav-item__subnav {
	display: inline-block;
	position: relative;
	color: #4f5362
}

.nav-item-has-dropdown .nav-item__subnav::after {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background-color: #4f5362;
	bottom: -5px;
	left: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}

.nav-item-has-dropdown .nav-item__subnav:hover::after {
	width: 100%
}

.nav-item-has-dropdown:hover ul.nav-item__dropdown {
	opacity: 1;
	height: auto
}

.nav-item-has-dropdown:hover::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

#global-header.affix-top.dark .nav-item-has-dropdown::after {
	border-top-color: #4f5362
}

#global-header.affix .nav-item-has-dropdown::after {

	border-top-color: #4f5362
}
#global-header.affix .mod-header {
	display:block;
	width: 100%;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    color: #fff;
    z-index: 10;
    transition: background .3s ease;
}

#global-footer {
	color: #4f5362;
	background-color: #fff;
	padding-bottom: 60px;
	
}

#global-footer .divider {
	height: 1px;
	width: 90%;
	margin: 0 auto 40px;
	background-color: #eff0f4
}

#global-footer .footer-item {
	margin-bottom: 30px
}

#global-footer .footer-logo {
	font-size: 78px;
	display: block;
	height: 56px;
	line-height: 0.8;
	color: #27292B
}

#global-footer .footer-slogen {
	margin-top: 20px;
	font-family: "Montserrat Light","PingFang SC","Hiragino Sans GB","Hiragino Sans GB W3","Source Han Sans Light","Source Han Sans SC Light","Noto Sans CJK Sc Thin","Microsoft YaHei Light","Microsoft YaHei","Microsoft Jhenghei","Avenir","Helvetica Neue",Arial,sans-serif;
	font-size: 16px;
	line-height: 1.3;
	color: #27292b
}

#global-footer .other-items {
	margin: 25px 0
}

#global-footer .other-items>span {
	font-size: 14px;
	margin-right: 10px;
	color: #4f5362
}

#global-footer .copyright {
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.5;
	color: #a8acb9
}

#global-footer .copyright .bei {
	margin-left: 10px
}

#global-footer .footer-title,#global-footer .footer-social-nav {
	font-size: 14px;
	color: #a8acb9;
	margin-bottom: 7px
}

#global-footer .footer-link {
	padding: 7px 0px;
	font-size: 14px;
	color: #4f5362;
	display: inline-block;
	margin: 0 auto;
	position: relative
}

#global-footer .footer-link::after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	background-color: #4f5362;
	bottom: 0;
	left: 0;
	-webkit-transition: width 0.35s ease-in-out;
	-moz-transition: width 0.35s ease-in-out;
	transition: width 0.35s ease-in-out
}

#global-footer a.footer-link:hover {
	background-color: transparent
}

#global-footer a.footer-link:hover::after {
	width: 100%
}

#global-footer .footer-link-icon {
	color: #A8ACB9;
	font-size: 20px;
	display: inline-block
}

#global-footer .footer-link-icon:hover,#global-footer .footer-link-icon:active,#global-footer .footer-link-icon:focus {
	background-color: transparent
}

#global-footer .qr-wechat::before {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	top: -7px;
	left: 50%;
	margin-left: -27px;
	background: url("../images/qr-wechat.jpg") no-repeat center;
	background-size: contain;
	display: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}

#global-footer .qr-wechat::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: -5px;
	left: 50%;
	margin-left: -14px;
	border: 6px solid transparent;
	border-top: 6px solid #000;
	display: none
}

#global-footer .qr-wechat:hover {
	background-color: transparent
}

#global-footer .qr-wechat:hover::before {
	display: block;
	-webkit-transform-origin: 50% 150%;
	-moz-transform-origin: 50% 150%;
	-ms-transform-origin: 50% 150%;
	-o-transform-origin: 50% 150%;
	transform-origin: 50% 150%;
	-webkit-transform: scale(3, 3);
	-moz-transform: scale(3, 3);
	-ms-transform: scale(3, 3);
	-o-transform: scale(3, 3);
	transform: scale(3, 3)
}

#global-footer .qr-wechat:hover::after {
	display: block
}

#global-footer .footer-social-icon>a {
	display: inline-block;
	padding-left: 0
}

#global-footer>.container {
	position: relative
}

#global-footer .translate {
	position: absolute;
	right: 30px;
	bottom: 20px;
	padding: 10px
}

#global-footer .translate .translate-item {
	width: 16px;
	height: 16px;
	color: #4f5362;
	border-radius: 2px;
	border: solid 1px #4f5362;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	background-color: white;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}

#global-footer .translate .translate-item.highlight {
	background-color: #4f5362;
	color: white
}

#global-footer .translate .translate-item .translate-text {
	width: 14px;
	height: 14px
}

#global-footer .translate .translate-zh {
	transform: translate3d(19px, 0px, 0)
}

#global-footer .translate .translate-zh.active {
	transform: translate3d(7px, -7px, 0)
}

#global-footer .translate .translate-en.active {
	transform: translate3d(-12px, -7px, 0)
}

#global-footer .btn-greenish-teal {
	margin-top: 30px;
	font-size: 14px;
	color: #fff;
	line-height: 1.5;
	letter-spacing: 1.4px;
	padding: 10px 68px;
	border-radius: 5px;
	background-color: #43cb83
}

#global-footer .btn-greenish-teal:hover,#global-footer .btn-greenish-teal:active {
	background-color: #60d396
}

@media (max-width: 991px) {
	#global-footer .footer-logo-container,#global-footer .footer-content-container {
		float: none !important
	}
}

@media (max-width: 767px) {
	#global-footer .footer-logo-container {
		text-align: center
	}

	#global-footer .footer-logo-container .footer-logo {
		margin: 30px auto
	}

	#global-footer .footer-social-nav {
		display: inline-block
	}

	#global-footer li.footer-social-icon {
		display: inline-block
	}

	#global-footer .translate {
		right: 50%;
		bottom: -60px;
		margin-right: -18px
	}

	#global-footer .footer-item {
		text-align: center
	}

	#global-footer .footer-social-icon>a {
		padding-left: 15px
	}

	#global-footer .qr-wechat::before {
		margin-left: -20px
	}

	#global-footer .qr-wechat::after {
		margin-left: -6px
	}

	#global-footer .copyright .bei {
		display: block;
		margin-top: 5px;
		margin-left: 0px
	}

	#global-footer .btn-greenish-teal {
		padding: 10px 40px !important
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	#global-footer .footer-logo-container {
		text-align: center
	}

	#global-footer .footer-logo {
		margin: 0px auto
	}

	#global-footer .copyright {
		text-align: center
	}

	#global-footer .qr-wechat::before {
		margin-left: -27px
	}

	#global-footer .qr-wechat::after {
		margin-left: -14px
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	#global-footer .footer-logo {
		margin-top: 0
	}

	#global-footer .btn-greenish-teal {
		padding: 10px 30px
	}

	#global-footer .qr-wechat::before {
		margin-left: -27px
	}

	#global-footer .qr-wechat::after {
		margin-left: -14px
	}
}

@media (max-width: 767px) {
	html[lang="en"] #view-email .btn-azul {
		padding: 10px 83px !important
	}
}

@media (min-width: 768px) {
	html[lang="en"] #view-email .btn-azul {
		padding: 10px 36px !important
	}
}

html[lang="en"] #view-members .member-item>.motto {
	padding: 0
}

html[lang="en"] #view-members-xs .member-item>.motto {
	padding: 0
}

html[lang="en"] .font-ultra-light {
	font-family: "Montserrat Ultra Light","Montserrat Light","PingFang SC","Hiragino Sans GB","Hiragino Sans GB W3","Source Han Sans Light","Source Han Sans SC Light","Noto Sans CJK Sc Thin","Microsoft YaHei Light","Microsoft YaHei","Microsoft Jhenghei","Avenir","Helvetica Neue",Arial,sans-serif !important
}

.ficon-logo-zh {
	background: url(../images/footer-logo.png) no-repeat;
	background-size: contain;
}
/*合作伙伴关于我们*/
.in_title {
    width: 100%;
    color: #333;
    text-align: center;
    margin: 20px 0;
	}
.in_title .title_line {
    width: 145px;
    border-bottom: 1px solid #333;
    display: inline-block;
}

.in_title h1 {
    font-size: 36px;
    font-weight: bold;
}
.in_title h2 {
    font-size: 36px;
    color: #333;
}
.in_title h5 {
	margin-bottom: 20px;
}

.in_clients {
    text-align: center;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.in_about {
    width: 100%;
    text-align: center;
}
.in_about .about_desc p {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}
.about_num {
    width: 60%;
    margin: 0 auto;
    margin-top: 40px;
}
.about_num .abnum_it {
    float: left;
    width: 33.33333%;
    text-align: center;
}
.about_num .abnum_it h2 {
    font-size: 40px;
    color: #333333;
    font-weight: bold;
    letter-spacing: 2px;
    /* transform: scale(1,3); */
}
.about_num .abnum_it h2 span {
    font-size: 60px;
    color: #333333;
    letter-spacing: 2px;
}
.about_num .abnum_it p {
    line-height: 40px;
    font-size: 16px;
}
.long_btn {
    display: inline-block;
    background: #fe2f2f;
    padding: 5px 30px;
    border-radius: 5px;
}
.long_btn a {
    color: #fff;
}
.in_clients p span {
    display: inline-block;
    width: 174px;
    height: 75px;
    border: 1px solid #e1e0e6;
    margin: 2px;
    position: relative;
}
.in_clients p span img:nth-child(1) {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    opacity: 0;
}
.in_clients p span img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.in_clients p span img {
    transition: opacity 0.4s, transform 0.8s;
}
/*首页关于搜浪*/
.in_about{
	width: 100%;
	text-align: center;
}
.in_about h1{
	font-size: 45px;
	line-height: 55px;
}
.in_about .about_desc p{
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}
.about_num{
	width: 60%;
	margin: 0 auto;
	margin-top: 40px;
}
.about_num .abnum_it{
	float: left;
	width: 33.33333%;
	text-align: center;
}
.about_num .abnum_it h2{
	font-size: 40px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 2px;
	/*transform: scale(1,3);*/
}
.about_num .abnum_it h2 span{
	font-size: 60px;
	color: #333333;
	letter-spacing: 2px;

}
.about_num .abnum_it p{
	line-height: 40px;
	font-size: 16px;
}
.long_btn{
	display: inline-block;
	background: #fe2f2f;
	padding: 5px 30px;
	border-radius: 5px;
}
.long_btn a{
	color: #fff;
}
.learn_more_ic{
	padding: 0 10px;
	margin-left: 20px;
}
.in_clients{
	text-align: center;
}
.in_clients p span{
	display: inline-block;
	width: 174px;
	height: 75px;
	border: 1px solid #e1e0e6;
	margin: 2px;
	position: relative;
}
.in_clients p span img{
	transition: opacity 0.4s, transform 0.8s;
}
.in_clients p span img:nth-child(1){
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    opacity: 0;
}
.in_clients p span img:nth-child(2){
	position: absolute;
	top: 0;
	left: 0;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.in_clients p span:hover img:nth-child(1){
	transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    opacity: 1;
}
.in_clients p span:hover img:nth-child(2){
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    opacity: 0;
}

/*.in_clients p span.in_clt1{background: url(../images/client1.png) no-repeat;}
.in_clients p span.in_clt2{background: url(../images/client2.png) no-repeat;}
.in_clients p span.in_clt3{background: url(../images/client3.png) no-repeat;}
.in_clients p span.in_clt4{background: url(../images/client4.png) no-repeat;}
.in_clients p span.in_clt5{background: url(../images/client5.png) no-repeat;}
.in_clients p span.in_clt6{background: url(../images/client6.png) no-repeat;}
.in_clients p span.in_clt7{background: url(../images/client7.png) no-repeat;}
.in_clients p span.in_clt8{background: url(../images/client8.png) no-repeat;}
.in_clients p span.in_clt9{background: url(../images/client9.png) no-repeat;}
.in_clients p span.in_clt10{background: url(../images/client10.png) no-repeat;}
.in_clients p span.in_clt11{background: url(../images/client11.png) no-repeat;}
.in_clients p span.in_clt12{background: url(../images/client12.png) no-repeat;}*/

.in_clients .long_btn{
	background-color: #373d41;
	padding: 5px 50px;
}
.sy_slgd .in_title h1{
	color: #fff;
}
.sy_slgd .in_title .title_line{
	border-color: #fff;
}
.sy_slgd .in_title h2{
	color: #fff;
}

/*关于我们*/
.about_nav{
	padding: 20px 0;
	text-align: center;
}
.about_nav ul li{
	display: inline-block;
	margin: 5px 12px;
}
.about_nav ul li a{
	display: inline-block;
	padding: 5px 32px;
	border: 1px solid #4d4d4d;
	color: #4d4d4d;
}
.about_nav ul li.hover a{
	border: 1px solid #0866bd;
	color: #0866bd;
}


@media screen and (max-width: 768px) {
	.in_title h1{
		font-size: 28px;
	}
	.sl-five-cl{
		width: 50%;
	}
	/*.in_case_box .case_it{
		padding-bottom: 50%
	}*/
	.in_case_box{
		width: 90%;
		margin: 0 auto;
	}
	/*关于搜浪*/
	.in_about h1{
		font-size: 35px;
	}
	.in_about .about_desc p{
		font-size: 12px;
	}
	.about_num .abnum_it h2{
		font-size: 20px;
	}
	.about_num .abnum_it h2 span{
		font-size: 25px;
	}
	.about_num .abnum_it p{
		font-size: 12px;
	}

	.in_ctn_pic.in_ctn_left, .in_ctn_pic.in_ctn_right{
		display: none;
		background: none;
	}
	.bottom_contact{
		position: static;
		border: none;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	
	.about_news_width ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	.weizhi{
		padding: 0;
	}
	.weizhi .con{
		background: url(../images/weizhi.png) left 13px no-repeat;
	}
	.weizhi .con div{
		float: none;
		display: block;
		line-height: 24px;
	}
	.case_list_title a.z{
		width: 120px;
		border: 1px solid #9f9f9f;
		padding: 0;
		background: none;
	}
	.case_list_title a.y{
		width: 120px;
		border: 1px solid #9f9f9f;
		padding: 0;
		background: none;
	}
	.case_list_title a.z.hover{
		border: 1px solid #428bca;
	}
	.case_list_title a.y.hover{
		border: 1px solid #428bca;
	}
	.wzbj .ds4 li{width: 100%;height: auto;}
	.wzbj .ds4 li.y{width: 100%;}
	.wzbj .ds3{background: none;padding: 10px 0;line-height: 30px;height: auto;font-size: 16px;}
	.wzbj .ds1{font-size: 24px;}
	.wzbj .ds2{font-size: 18px;line-height: 28px;height: auto;}

	.wxapp_top .wxtop_it{width: 100%;}
	.wxport_list .wxport_it{width: 25%;}
	.carousel_div{height: 300px;}
}

@media screen and (max-width: 640px) {
	.sl-five-cl{
		width: 100%;
	}

	.wxhp{width: 324px;}
	.wxhp.wx_ph_l,.wxhp.wx_ph_r{background: none;}
	.wxhy_list .wxhy_it{width: 50%;padding: 0 10px;}
	.carousel_div{height: 200px;}
	.about_zuo .about_content ul li{width: 100%;margin: 10px 0;height: auto;}
	.in_about{padding: 0 10px;}
	.footer_link{padding: 22px 10px;}
	.banner_con h2{font-size: 30px;}
	.banner_con h3{font-size: 20px;}
}