*,
*:after,
*:before {
	box-sizing: border-box;
	outline: none;
}
img {
	max-width: 100%;
	vertical-align: top;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
	&:before,
	&:after {
		content: '';
		content: none;
	}
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

input,
textarea,
button {
	font-family: inhert;
	font-size: inherit;

	color: inherit;
}

select {
	text-indent: 0.01px;
	text-overflow: '';

	border: 0;
	border-radius: 0;

	-webkit-appearance: none;
	-moz-appearance: none;
}
select::-ms-expand {
	display: none;
}

code,
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 700;
}
body {
	font-family: 'hanhei sc', 'pingfang sc', 'microsoft yahei';
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5;
	font-feature-settings: 'tnum';
	color: #1a1a1a;
}
a {
	text-decoration: none;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/***** 公用 *****/
.clearfix:after {
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.embed-icon,#newbridge{
	opacity: 0;
	pointer-events: none;
}

/* 动画 */
.anitr {
	-ms-transition: transform 1s, opacity 1s;
	-moz-transition: transform 1s, opacity 1s;
	-webkit-transition: transform 1s, opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
}
.ani {
	-ms-transform: translatey(50px);
	-moz-transform: translatey(50px);
	-webkit-transform: translatey(50px);
	transform: translatey(50px);
	opacity: 0;
}

/* 按钮 */
.sgbtn {
	display: inline-block;
	padding: 7px 20px;
	border-radius: 208px;
	font-size: 15px;
	color: #fff;
	background-color: #16b5ae;
	line-height: 1.45;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid transparent;
}
.sgbtn:hover {
	background-color: #12a69e;
}
.sgbtn.detail {
	border: 1px solid #16b5ae;
	color: #16b5ae;
	background-color: #fff;
}
.sgbtn.detail:hover {
	background-color: #16b5ae;
	color: #fff;
}

/***** 头部 *****/
.pageheader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	line-height: 70px;
	background-color: #fff;
	z-index: 999;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.pageheader.pro {
	background: linear-gradient(90deg, #edf9f9 0%, #daf2f1 100%);
}
.contentwrapper {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}
.pagelogo {
	display: block;
	padding: 7px 0;
	float: left;
}
.pagelogo .logoimg,
.pagelogo .logoimg2 {
	height: 56px;
	vertical-align: top;
}
.pagelogo .logoimg2 {
	display: none;
}

.pagenav {
	text-align: center;
	font-size: 0;
}
.pagenav .navitem {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
}
.pagenav .navitem   .navitem {
	margin-left: 40px;
}
.pagenav .navbar {
	color: #000;
	font-size: 14px;
	display: inline-block;
}
.pagenav .navtitle {
	padding-bottom: 12px;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}
.pagenav .navtitle:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: 1px;
	width: 0;
	background-color: transparent;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.pagenav .navtitle .icon {
	font-size: 10px;
	padding: 0 4px;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	display: inline-block;
}
.pagenav .navitem.active .navbar {
	color: #16b5ae;
}
.pagenav .navitem.active .navtitle:after {
	background-color: #12a69e;
	width: 100%;
}
.pagenav .navbar:hover {
	color: #16b5ae;
}
.pagenav .navbar:hover .navtitle:after {
	background-color: #12a69e;
	width: 100%;
}
.pagenav .navbar:hover .navtitle .icon {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pagenav .navitem:hover .navson {
	opacity: 1;
	visibility: visible;
	top: 80px;
}
.pagenav .navson {
	position: absolute;
	top: 60px;
	left: -40px;
	background-color: #fff;
	box-shadow: 0px 5px 20px rgba(22, 145, 139, 0.12);
	border-radius: 8px;
	padding: 32px 48px;
	white-space: nowrap;
	line-height: 1.45;
	text-align: left;
	cursor: default;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s, top 0.2s;
	-ms-transition: opacity 0.3s, visibility 0.3s, top 0.2s;
	-moz-transition: opacity 0.3s, visibility 0.3s, top 0.2s;
	-webkit-transition: opacity 0.3s, visibility 0.3s, top 0.2s;
}
.pagenav .navson:before {
	content: '';
	position: absolute;
	top: -30px;
	border-style: solid;
	border-width: 15px;
	border-color: transparent transparent #fff transparent;
}
.pagenav .navson:after {
	content: '';
	position: absolute;
	top: -20px;
	height: 20px;
	width: 100%;
	left: 0;
}
.pagenav .navson-section {
	display: inline-block;
	vertical-align: top;
}
.pagenav .navson-section   .navson-section {
	margin-left: 48px;
}
.pagenav .navson-head {
	display: block;
	font-size: 16px;
	color: #12a69e;
	font-weight: 700;
	padding-bottom: 16px;
	border-bottom: 1px solid #e6e6e6;
}
.pagenav .navson-menu {
	padding-top: 32px;
}
.pagenav .navson-item {
	min-width: 150px;
	color: #484a4d;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
	display: block;
}
.pagenav .navson-item a {
	color: inherit;
}
.pagenav .navson-item:hover,
.pagenav .navson-item.active {
	color: #12a69e;
}
.pagenav .navson-item .icon {
	font-size: 16px;
}
.pagenav .navson-item .text {
	font-size: 15px;
	padding-left: 6px;
}
.pagenav .navson-item   .navson-item {
	margin-top: 24px;
}
.pagenav .navson-list {
	display: inline-block;
	vertical-align: top;
}
.navson-list.column {
	width: 300px;
	white-space: normal;
}
.navson-list.column .navson-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 24px 0;
}

.pagetotal {
	float: right;
}
.pagetotal .pagetel {
	display: inline-block;
	font-size: 0;
	color: #484a4d;
}
.pagetotal .pagetel .icon {
	font-size: 16px;
}
.pagetotal .pagetel .tel {
	padding-left: 4px;
	font-size: 16px;
}
.pagetotal .sgbtn {
	margin-left: 24px;
	letter-spacing: 2px;
}

/* 侧边栏 */
.pagesidebar {
	position: fixed;
	right: 16px;
	top: 270px;
	z-index: 999;
}
.pagesidebar .sidebaritem {
	display: block;
	background-color: #fff;
	width: 68px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 0 6px rgba(46, 143, 138, 0.15);
	padding: 12px 0 16px;
	color: #16b5ae;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
	position: relative;
}
.pagesidebar .sidebaritem   .sidebaritem {
	margin-top: 4px;
}
.pagesidebar .sidebaritem.top {
	margin-top: 50px;
	padding: 12px 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.pagesidebar .sidebaritem.top.show {
	opacity: 1;
	visibility: visible;
}
.pagesidebar .sidebaritem.service {
	background-color: #16b5ae;
	color: #fff;
}
.pagesidebar .sidebaritem.service:hover {
	background-color: #12a69e;
}
.pagesidebar .sidebaritem:hover {
	color: #fff;
	background-color: #16b5ae;
}
.pagesidebar .sidebaritem.service .icon {
	font-size: 26px;
}
.pagesidebar .sidebaritem .icon {
	font-size: 24px;
}

.pagesidebar .sidebaritem .text {
	font-size: 12px;
}
.pagesidebar .mascot {
	width: 80px;
	position: absolute;
	top: -50px;
	left: -6px;
	z-index: -1;
}
.pagesidebar .mascot img {
	width: 100%;
}
.pagesidebar .qrcodepopup {
	position: absolute;
	width: 160px;
	padding: 12px;
	left: -168px;
	background-color: #fff;
	top: 0;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(19, 148, 141, 0.15);
	color: #666;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.pagesidebar .qrcodepopup .popuptitle {
	margin-bottom: 4px;
}
.pagesidebar .sidebaritem:hover .qrcodepopup {
	opacity: 1;
	visibility: visible;
}

/* 底部 */
.pagefooter {
	background-color: #fff;
	font-size: 0;
	padding-top: 60px;
}
.pagefooter .footerhome {
	display: flex;
	align-items: center;
}
.pagefooter .homeinfo {
	width: 360px;
	margin-right: 60px;
	padding-right: 60px;
	border-right: 1px solid #e6e6e6;
}
.pagefooter .footerlogo .logoimg {
	width: 200px;
	vertical-align: top;
}
.pagefooter .logotext {
	margin-top: 20px;
	font-size: 16px;
	color: #4d4d4d;
}
.pagefooter .footertel {
	margin-top: 20px;
	font-size: 16px;
	color: #4d4d4d;
}
.pagefooter .footertel span {
	padding-left: 16px;
	font-size: 28px;
	color: #16b5ae;
	display: inline-block;
}
.pagefooter .footerarea {
	font-size: 0;
	flex: 1;
}
.pagefooter .footerarea span {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	font-size: 16px;
	color: #4d4d4d;
	margin-bottom: 16px;
}

.pagefooter .footermenu {
	margin-top: 48px;
	padding-top: 48px;
	border-top: 1px solid #e6e6e6;
	display: flex;
}
.menucontainer {
	flex: 1;
}
.pagefooter .menusection {
	display: flex;
	width: 100%;
}
.pagefooter .menutitle {
	font-size: 16px;
	color: #1a1a1a;
	font-weight: 700;
	width: 128px;
}
.pagefooter .menumain {
	flex: 1;
}
.pagefooter .menubox {
	display: flex;
	flex: 1;
}
.pagefooter .boxtitle {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	width: 112px;
}
.pagefooter .boxtitle   .menulist {
	flex: 1;
}
.pagefooter .menuitem {
	width: 114px;
	display: inline-block;
	margin-bottom: 16px;
}
.pagefooter .menuitem a {
	color: #4d4d4d;
	font-size: 16px;
}
.pagefooter .menuitem a:hover {
	color: #16b5ae;
}
.pagefooter .footerqrcode {
	width: 380px;
	font-size: 0;
}
.pagefooter .qrcodeitem {
	display: inline-block;
	vertical-align: top;
}
.pagefooter .qrcodeitem   .qrcodeitem {
	margin-left: 20px;
}
.pagefooter .qrcodeimg {
	width: 180px;
	vertical-align: top;
}
.pagefooter .qrcodetext {
	text-align: center;
	margin-top: 8px;
	font-size: 14px;
	line-height: 26px;
	color: #4d4d4d;
}
.footercopyright {
	margin-top: 30px;
	padding: 28px 0;
	background-color: #fafafa;
	text-align: center;
	color: #999;
	font-size: 14px;
}
.footercopyright a {
	padding-right: 20px;
	color: #999;
}

.pagemain {
	padding-top: 70px;
}

/* 首页 */
.homebanner .bannerbox {
	display: flex;
	align-items: center;
}
.homebanner .bannerimg {
	width: 600px;
}
.homebanner .bannerinfo {
	flex: 1;
}
.homebanner .bannertitle {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 2px;
}
.homebanner .bannerdesc {
	font-size: 24px;
	margin-top: 20px;
	color: #4d4d4d;
}
.homebanner .sgbtn {
	margin-top: 48px;
	font-size: 18px;
	padding: 12px 26px;
	border-radius: 50px;
}
.homebanner .bannercard,
.aboutculture .bannercard {
	margin-top: 40px;
	white-space: nowrap;
}
.homebanner .carditem,
.aboutculture .carditem {
	display: inline-block;
	vertical-align: top;
	background-size: 100% 100%;
	width: 264px;
	height: 176px;
	padding: 20px;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	white-space: normal;
}
.homebanner .carditem:hover,
.aboutculture .carditem:hover {
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}
.homebanner .carditem   .carditem,
.aboutculture .carditem   .carditem {
	margin-left: 44px;
}
.homebanner .card1,
.aboutculture .card1 {
	background-image: url(/uploads/image/wsihome/card1.png);
	color: #16b5ae;
}
.homebanner .card2,
.aboutculture .card2 {
	background-image: url(/uploads/image/wsihome/card2.png);
	color: #1bb0d1;
}
.homebanner .card3,
.aboutculture .card3 {
	background-image: url(/uploads/image/wsihome/card3.png);
	color: #d19d00;
}
.homebanner .card4,
.aboutculture .card4 {
	background-image: url(/uploads/image/wsihome/card4.png);
	color: #e8701a;
}
.homebanner .card1 .carddesc {
	width: 160px;
}
.homebanner .card2 .carddesc {
	width: 154px;
}
.homebanner .card3 .carddesc {
	width: 171px;
}
.homebanner .card4 .carddesc {
	width: 150px;
}
.homebanner .cardtitle,
.aboutculture .cardtitle {
	line-height: 24px;
	padding: 0 8px;
	background-color: #fff;
	display: inline-block;
	border-radius: 2px;
}
.homebanner .carddesc,
.aboutculture .carddesc {
	margin-top: 12px;
}

.homeproject {
	margin-top: 110px;
	text-align: center;
}
.hometitle {
	font-size: 34px;
	color: #000;
	text-align: center;
}
.homeproject .projectimg {
	margin-top: 70px;
}
.homeproject .sgbtn {
	margin-top: 40px;
	padding: 10px 24px;
	font-size: 16px;
	border-radius: 50px;
}
.homeserver .sgbtn{
	padding: 10px 24px;
	font-size: 16px;
}

.homeproduct {
	margin-top: 110px;
}
.homeproduct .productmain {
	display: flex;
	margin-top: 70px;
}
.homeproduct .productmenu {
	line-height: 40px;
	padding-right: 32px;
	text-align: right;
	font-size: 18px;
	position: relative;
}
.homeproduct .productmenu:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 4px;
	height: 40px;
	border-radius: 2px;
	background-color: #16b5ae;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.homeproduct .productmenu.active0::after {
	top: 0;
}
.homeproduct .productmenu.active1::after {
	top: 68px;
}
.homeproduct .productmenu.active2::after {
	top: 136px;
}
.homeproduct .menuitem {
	cursor: pointer;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.homeproduct .menuitem:hover,
.homeproduct .menuitem.active {
	color: #16b5ae;
}
.homeproduct .menuitem   .menuitem {
	margin-top: 28px;
}
.homeproduct .productnav {
	padding: 0 32px;
	border-left: 1px solid #e6e6e6;
	position: relative;
	width: 220px;
	box-sizing: content-box;
}
.homeproduct .productnav > div {
	transition: opacity 0.3s, visibility 0.3s;
	-ms-transition: opacity 0.3s, visibility 0.3s;
	-moz-transition: opacity 0.3s, visibility 0.3s;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 32px;
	right: 32px;
	bottom: 0;
}

.homeproduct .productnav[role='active0'] .navlist0 {
	opacity: 1;
	visibility: visible;
}
.homeproduct .productnav[role='active1'] .navlist1 {
	opacity: 1;
	visibility: visible;
}
.homeproduct .productnav[role='active2'] .navlist2 {
	opacity: 1;
	visibility: visible;
}
.homeproduct .navitem {
	line-height: 24px;
	border-radius: 6px;
	font-size: 16px;
	color: #1a1a1a;
	background-color: transparent;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	padding: 8px 0 8px 40px;
	cursor: pointer;
}
.homeproduct .navitem .icon {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	background-image: url(/uploads/image/wsicommont/icon.png);
	background-size: 214px 282px;
}

.homeproduct [role='gangwei'] .icon {
	background-position: -10px -10px;
}
.homeproduct [role='gangwei'].active .icon {
	background-position: -10px -112px;
}

.homeproduct [role='zuzhi'] .icon {
	background-position: -44px -10px;
}
.homeproduct [role='zuzhi'].active .icon {
	background-position: -180px -78px;
}

.homeproduct [role='renyuan'] .icon {
	background-position: -78px -10px;
}
.homeproduct [role='renyuan'].active .icon {
	background-position: -44px -112px;
}

.homeproduct [role='hetong'] .icon {
	background-position: -112px -10px;
}
.homeproduct [role='hetong'].active .icon {
	background-position: -78px -112px;
}

.homeproduct [role='xinchou'] .icon {
	background-position: -146px -10px;
}
.homeproduct [role='xinchou'].active .icon {
	background-position: -112px -112px;
}

.homeproduct [role='kaoqin'] .icon {
	background-position: -180px -10px;
}
.homeproduct [role='kaoqin'].active .icon {
	background-position: -146px -112px;
}

.homeproduct [role='liucheng'] .icon {
	background-position: -10px -44px;
}
.homeproduct [role='liucheng'].active .icon {
	background-position: -180px -112px;
}

.homeproduct [role='geshui'] .icon {
	background-position: -44px -44px;
}
.homeproduct [role='geshui'].active .icon {
	background-position: -10px -146px;
}

.homeproduct [role='xingzheng'] .icon {
	background-position: -78px -44px;
}
.homeproduct [role='xingzheng'].active .icon {
	background-position: -44px -146px;
}

.homeproduct [role='lingdao'] .icon {
	background-position: -112px -44px;
}
.homeproduct [role='lingdao'].active .icon {
	background-position: -78px -146px;
}

.homeproduct [role='zizhu'] .icon {
	background-position: -146px -44px;
}
.homeproduct [role='zizhu'].active .icon {
	background-position: -112px -146px;
}

.homeproduct [role='yiqi'] .icon {
	background-position: -180px -44px;
}
.homeproduct [role='yiqi'].active .icon {
	background-position: -146px -146px;
}

.homeproduct [role='saoma'] .icon {
	background-position: -10px -78px;
}
.homeproduct [role='saoma'].active .icon {
	background-position: -180px -146px;
}

.homeproduct [role='dianziqian'] .icon {
	background-position: -44px -78px;
}
.homeproduct [role='dianziqian'].active .icon {
	background-position: -10px -180px;
}

.homeproduct [role='yzp'] .icon {
	background-position: -78px -78px;
}
.homeproduct [role='yzp'].active .icon {
	background-position: -44px -180px;
}

.homeproduct [role='jixiao'] .icon {
	background-position: -112px -78px;
}
.homeproduct [role='jixiao'].active .icon {
	background-position: -78px -180px;
}

.homeproduct [role='xgxt'] .icon {
	background-position: -146px -78px;
}
.homeproduct [role='xgxt'].active .icon {
	background-position: -112px -180px;
}
.homeproduct [role='rcpd'] .icon {
	background-position: -180px -180px;
}
.homeproduct [role='rcpd'].active .icon {
	background-position: -146px -180px;
}
.homeproduct [role='jrjh'] .icon {
	background-position: -44px -214px;
}
.homeproduct [role='jrjh'].active .icon {
	background-position: -10px -214px;
}
.homeproduct [role='idp'] .icon {
	background-position: -112px -214px;
}
.homeproduct [role='idp'].active .icon {
	background-position: -78px -214px;
}
.homeproduct [role='rchx'] .icon {
	background-position: -146px -214px;
}
.homeproduct [role='rchx'].active .icon {
	background-position: -180px -214px;
}
.homeproduct [role='jfgl'] .icon {
	background-position: -44px -248px;
}
.homeproduct [role='jfgl'].active .icon {
	background-position: -10px -248px;
}
.homeproduct [role='jzgpg'] .icon {
	background-position: -78px -248px;
}
.homeproduct [role='jzgpg'].active .icon {
	background-position: -112px -248px;
}
.homeproduct .navitem .title {
	display: inline-block;
	vertical-align: top;
	margin-left: 16px;
}
.homeproduct .navitem.active {
	background-color: #16b5ae;
	color: #fff;
}
.homeproduct .navitem   .navitem {
	margin-top: 20px;
}
.homeproduct .productdetail {
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	width: 760px;
}
.homeproduct .productlist li {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.homeproduct .productlist li.show {
	opacity: 1;
	visibility: visible;
}
.homeproduct .detailinfo {
	position: absolute;
	top: 50px;
	left: 60px;
	right: 40px;
	display: flex;
	align-items: center;
}
.homeproduct .infotext {
	flex: 1;
}
.homeproduct .infotitle {
	font-size: 28px;
	font-weight: 500;
	color: #1a1a1a;
}
.homeproduct .infodesc {
	margin-top: 8px;
	color: #4d4d4d;
	font-size: 18px;
}
.homeproduct .detailimage {
	position: absolute;
	bottom: 0;
	right: 30px;
	left: 30px;
}
.homeproduct .infotool .sgbtn {
	font-size: 16px;
	padding: 10px 24px;
	border-radius: 50px;
}
.homeproduct .infotool .sgbtn.detail {
	border: 1px solid #999999;
	background-color: #fff;
	color: #666;
}
.homeproduct .infotool .sgbtn.detail:hover {
	border-color: #16b5ae;
	color: #16b5ae;
}
.homeproduct .infotool .sgbtn.detail i {
	padding-left: 6px;
	font-size: 14px;
}
.homeproduct .infotool .sgbtn   .sgbtn {
	margin-left: 20px;
}

.homesolution {
	margin-top: 110px;
}
.homesolution .solutionmain {
	margin-top: 70px;
	position: relative;
}
.homesolution .solutionmenu {
	width: 166px;
	position: relative;
	padding: 40px 0;
}
.homesolution .solutionmenu:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(180deg, rgba(22, 181, 174, 0) 0%, rgba(22, 181, 174, 1) 13.55%, rgba(22, 181, 174, 1) 86.73%, rgba(22, 181, 174, 0) 100%);
}
.homesolution .solutionmenu:after {
	content: '\e727';
	position: absolute;
	left: -12px;
	top: 34px;
	color: #16b5ae;
	font-family: 'sgicon' !important;
	font-size: 28px;
	transition: top 0.3s;
	-ms-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-webkit-transition: top 0.3s;
}
.homesolution .solutionmenu.active0:after {
	top: 34px;
}
.homesolution .solutionmenu.active1:after {
	top: 101px;
}
.homesolution .solutionmenu.active2:after {
	top: 168px;
}
.homesolution .solutionmenu.active3:after {
	top: 234px;
}
.homesolution .solutionmenu.active4:after {
	top: 302px;
}
.homesolution .solutionmenu.active5:after {
	top: 369px;
}
.homesolution .menuitem {
	cursor: pointer;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	position: relative;
	padding-left: 32px;
	font-size: 18px;
	color: #1a1a1a;
}
.homesolution .menuitem   .menuitem {
	margin-top: 40px;
}
.homesolution .menuitem:hover,
.homesolution .menuitem.active {
	color: #16b5ae;
}
.homesolution .menuitem:before {
	content: '';
	position: absolute;
	left: -5px;
	top: 8px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #16b5ae;
	transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.homesolution .menuitem.active:before {
	opacity: 0;
}
.homesolution .solutiondetail {
	position: absolute;
	left: 166px;
	top: 0;
	right: 0;
	bottom: 0;
}
.homesolution .solutiondetail > ul > li {
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.homesolution .solutiondetail > ul > li.show {
	opacity: 1;
	visibility: visible;
}
.homesolution .solutioncanvas img {
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}
.homesolution .solutioncontent {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
}
.homesolution .solutiontext {
	padding: 0 40px;
	display: flex;
}
.homesolution .solutiontext li {
	flex: 1;
	color: #fff;
}
.homesolution .solutiontext li   li {
	margin-left: 36px;
	padding-left: 36px;
	border-left: 1px dashed #fff;
}
.homesolution .solutiontext .title {
	font-size: 24px;
	font-weight: 500;
}
.homesolution .solutiontext .desc {
	margin-top: 20px;
	font-size: 15px;
	min-height: 100px;
}
.homesolution .solutiontool {
	margin-top: 96px;
	text-align: center;
}
.homesolution .solutiontool .sgbtn {
	font-size: 16px;
	padding: 10px 24px;
	border-radius: 50px;
}
.homesolution .solutiontool .sgbtn i {
	padding-left: 6px;
}
.homesolution .solutiontool .sgbtn   .sgbtn {
	margin-left: 20px;
}
.homesolution .solutiontool .sgbtn.sub {
	background-color: #fff;
	color: #16b5ae;
}
.homesolution .solutiontool .sgbtn.sub:hover {
	background-color: #defffd;
}
.homesolution .solutiontool .sgbtn.detail {
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.homesolution .solutiontool .sgbtn.detail:hover {
	background-color: #fff;
	color: #16b5ae;
}

.homeserver {
	margin-top: 116px;
	position: relative;
}
.homeserver:before {
	content: '';
	position: absolute;
	top: -50px;
	left: -120px;
	width: 240px;
	height: 240px;
	background-image: url(/uploads/image/wsihome/countbg1.png);
	background-size: 100% 100%;
}
.homeserver:after {
	content: '';
	position: absolute;
	bottom: -5px;
	right: 0;
	width: 120px;
	height: 240px;
	background-image: url(/uploads/image/wsihome/countbg2.png);
	background-size: auto 100%;
}
.homeserver .servermain {
	margin-top: 70px;
}
.homeserver .servernumlist {
	margin-left: -40px;
}
.homeserver .numitem {
	width: 50%;
	float: left;
}
.homeserver .numbar {
	margin-left: 48px;
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 0 42px;
	box-shadow: 0 5px 20px rgba(22, 181, 174, 0.1);
}
.homeserver .numbar .num {
	font-size: 40px;
	font-weight: 700;
	color: #16b5ae;
}
.homeserver .numbar .title {
	margin-top: 10px;
	font-size: 20px;
	color: #666;
}
.homeserver .serverbtn {
	text-align: center;
	margin-top: 60px;
}

.homecase {
	margin-top: 110px;
}
.homecase .casemain {
	margin-top: 70px;
}
.caselist {
	margin: -10px 0 0 -48px;
}
.caselist .caseitem {
	width: 16.66666%;
	float: left;
}
.caselist .casebar {
	margin: 10px 0 0 48px;
	text-align: center;
	height: 90px;
	line-height: 90px;
}
.caselist .casebar img {
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
}

.subscriberow {
	background-image: url(/uploads/image/wsihome/subscribe.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 40px 0;
	margin-top: 110px;
}
.subscribetitle {
	font-size: 32px;
	color: #1a1a1a;
}
.subscribedesc {
	margin-top: 10px;
	color: #1a1a1a;
	font-size: 14px;
}
.subscribeform {
	width: 400px;
	margin: 32px auto 0;
}
.formrow {
	background-color: #fff;
	line-height: 46px;
	border-radius: 46px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.formrow   .formrow {
	margin-top: 24px;
}
.formtitle {
	padding-left: 20px;
	color: #999;
	font-size: 14px;
}
.formcontent {
	flex: 1;
	margin-left: 8px;
}
.formcontent input {
	border: none;
	font-size: 16px;
	height: 44px;
	padding: 0;
	width: 100%;
}
.formcode {
	padding-right: 10px;
}
.formsubmit .error{
	color: #e12121;
	text-align: center;
	margin-bottom: 4px;
	display: none;
}
.formsubmit {
	margin-top: 30px;
}
.formsubmit .sgbtn {
	width: 100%;
	font-size: 18px;
	padding: 10px 0;
	border-radius: 40px;
	border: none;
}
.formsubmit .sgbtn[disabled]{
	background-color: #12a69e;
	cursor: not-allowed;
}

/* 产品页 */
.probanner {
	background-image: url(/uploads/image/wsipro/banner.jpg);
	padding: 68px 0 124px;
	background-size: auto 100%;
	background-position: center center;
}
.probannerinfo {
	position: relative;
	z-index: 2;
}

.probanner.solu,
.probanner.pro {
	background: linear-gradient(90deg, rgba(241, 250, 252, 1) 0%, rgba(196, 232, 230, 1) 100%);
	padding: 0;
}
.probanner.solu .contentwrapper,
.probanner.pro .contentwrapper {
	position: relative;
	padding: 65px 20px 124px;
}
.probanner.solu .contentwrapper:after,
.probanner.pro .contentwrapper:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background-image: url(/uploads/image/wsisolu/bannerimg.png);
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;
	z-index: 1;
}
.probanner.pro .contentwrapper:after {
	background-image: url(/uploads/image/wsipro/bannerimg.png);
}
.probanner.about {
	background-image: url(/uploads/image/wsiabout/banner2.jpg);
}
.probanner .bannertitle {
	font-size: 40px;
	color: #1a1a1a;
	font-size: 700;
}
.probanner .bannerdesc {
	margin-top: 20px;
	font-size: 24px;
	color: #4d4d4d;
}
.probanner .sgbtn {
	margin-top: 48px;
	font-size: 18px;
	padding: 12px 24px;
	border-radius: 50px;
}

.prodetail {
	padding-top: 110px;
}
.prodetail .detailtitle {
	text-align: center;
	font-size: 34px;
	color: #000;
}
.prodetail .detailrow {
	margin-top: 70px;
	height: 460px;
	position: relative;
}
.prodetail .detailrow   .detailrow {
	margin-top: 110px;
}
.prodetail .detailrow .contentwrapper {
	display: flex;
	align-items: center;
	position: relative;
}
.prodetail .detailimage {
	flex: 1;
}
.prodetail .detailinfo {
	width: 500px;
}
.prodetail .detailrow.right:after {
	content: '';
	position: absolute;
	right: calc(500px   (100vw - 1200px) / 2);
	top: 0;
	bottom: 0;
	left: 0;
	border-radius: 0px 30px 30px 0px;
	background: linear-gradient(90deg, #edf9f9 0%, #daf2f1 100%);
	z-index: -2;
}
.prodetail .detailrow.right .detailinfo {
	padding-left: 84px;
}
.prodetail .detailrow.right .detailimage {
	position: relative;
	overflow: hidden;
	border-radius: 0px 30px 30px 0px;
}
.prodetail .detailrow.right .icon {
	position: absolute;
	right: -65px;
	top: -80px;
	z-index: -1;
	width: 160px;
}

.prodetail .detailrow.left:after {
	content: '';
	position: absolute;
	left: calc(500px   (100vw - 1200px) / 2);
	top: 0;
	bottom: 0;
	right: 0;
	border-radius: 30px 0px 0px 30px;
	background: linear-gradient(90deg, #e1f6fa 0%, #f0fbfe 100%);
	z-index: -2;
}
.prodetail .detailrow.left .detailimage {
	position: relative;
	overflow: hidden;
	border-radius: 30px 0px 0px 30px;
}
.prodetail .detailrow.left .icon {
	position: absolute;
	left: -70px;
	top: -75px;
	z-index: -1;
	width: 160px;
}
.prodetail .infotitle {
	font-size: 28px;
	font-weight: 500;
	color: #1a1a1a;
}
.prodetail .infolist {
	margin-top: 40px;
	line-height: 40px;
}
.prodetail .infoitem {
	padding-left: 40px;
	position: relative;
}
.prodetail .infoitem:before {
	content: '';
	position: absolute;
	left: 16px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-top: -4px;
	background-color: #16b5ae;
}
.prodetail .infotool {
	margin-top: 50px;
}
.prodetail .infotool .sgbtn {
	font-size: 16px;
	padding: 10px 24px;
}
.prodetail .infotool .sgbtn   .sgbtn {
	margin-left: 32px;
}

.productdetail .probanner {
	padding: 0;
	background-image: none;
	background: linear-gradient(90deg, #edf9f9 0%, #daf2f1 100%);
}
.productdetail .probanner .contentwrapper {
	display: flex;
	align-items: center;
}
.productdetail .probanner .probannerimg {
	width: 600px;
}
.productdetail .probanner .probannerinfo {
	flex: 1;
}

.productdetail .prosection {
	margin-top: 110px;
}
.productdetail .sectiontitle {
	font-size: 34px;
	color: #000;
	text-align: center;
}
.productdetail .painlist {
	margin: 10px 0 0 -48px;
}
.productdetail .painitem {
	width: 33.3333%;
	float: left;
}
.productdetail .painbar {
	margin: 95px 0 0 48px;
	height: 252px;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.06);
	padding: 68px 40px 0 40px;
	position: relative;
}
.productdetail .painicon {
	position: absolute;
	top: -35px;
	left: 40px;
	line-height: 70px;
	text-align: center;
	width: 70px;
	height: 70px;
	background: #ffffff;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.06);
	border-radius: 50%;
}
.productdetail .painicon i {
	font-size: 32px;
	color: #16b5ae;
}
.productdetail .paintitle {
	font-size: 20px;
	color: #16b5ae;
	position: relative;
	padding-bottom: 20px;
}
.productdetail .paintitle:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 24px;
	height: 1px;
	background-color: #16b5ae;
}
.productdetail .paindesc {
	margin-top: 20px;
	color: #4d4d4d;
}
.productdetail .solutionimg {
	margin-top: 70px;
}

.productdetail .costlist {
	margin: 22px 0 0 -48px;
}
.productdetail .costitem {
	width: 33.3333%;
	float: left;
}
.productdetail .costbar {
	margin: 48px 0 0 48px;
	background-color: #f3fafa;
	border-radius: 10px;
	padding: 40px 40px 0 40px;
	height: 273px;
}
.productdetail .costicon {
	width: 54px;
	height: 54px;
	background-image: url(/uploads/image/wsipro/icon.png);
	background-size: 586px 842px;
	margin: 0 auto;
}
.productdetail .costtitle {
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
	color: #1a1a1a;
	font-size: 600;
}
.productdetail .costdesc {
	margin-top: 30px;
	font-size: 14px;
	color: #4d4d4d;
	line-height: 25px;
}

/* 解决方案 */
.solusection {
	margin-top: 110px;
}
.solusection .sectiontitle {
	font-size: 34px;
	color: #000;
	text-align: center;
}
.solusection .sectiontitle .contentwrapper >.logoimg{
	padding-top: 32px;
}
.solucard {
	margin: 10px 0 0 -48px;
}
.solucard .carditem {
	width: 33.3333%;
	float: left;
}
.solucard .cardbar {
	margin: 60px 0 0 48px;
	border-radius: 10px;
	position: relative;
	padding: 54px 40px 0;
	height: 250px;
	overflow: hidden;
}
.solucard .cardbar:before {
	content: '';
	position: absolute;
	top: 46px;
	left: 20px;
	width: 23px;
	height: 18px;
	background-size: 100% 100%;
}
.solucard .cardbar:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 81px;
	height: 81px;
	background-size: 100% 100%;
}
.solucard .cardbar1 {
	background-color: #ebf7f7;
}
.solucard .cardbar1::before {
	background-image: url(/uploads/image/wsisolu/dot1.png);
}
.solucard .cardbar1::after {
	background-image: url(/uploads/image/wsisolu/circle1.png);
}

.solucard .cardbar2 {
	background-color: #eef9fc;
}
.solucard .cardbar2::before {
	background-image: url(/uploads/image/wsisolu/dot2.png);
}
.solucard .cardbar2::after {
	background-image: url(/uploads/image/wsisolu/circle2.png);
}

.solucard .cardbar3 {
	background-color: #fcf8f0;
}
.solucard .cardbar3::before {
	background-image: url(/uploads/image/wsisolu/dot3.png);
}
.solucard .cardbar3::after {
	background-image: url(/uploads/image/wsisolu/circle3.png);
}

.solucard .cardbar4 {
	background-color: #fcf6f3;
}
.solucard .cardbar4::before {
	background-image: url(/uploads/image/wsisolu/dot4.png);
}
.solucard .cardbar4::after {
	background-image: url(/uploads/image/wsisolu/circle4.png);
}
.solucard .cardtag {
	padding: 0 12px;
	background-color: #16b5ae;
	border-radius: 10px 0 10px 0;
	display: inline-block;
	line-height: 30px;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	position: absolute;
	top: 0;
	left: 0;
}
.solucard .cardtitle {
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 700;
}
.solucard .carddesc {
	margin-top: 16px;
	color: #4d4d4d;
	font-size: 14px;
	line-height: 25px;
}
.solucardtool {
	margin-top: 50px;
	text-align: center;
}
.solucardtool .sgbtn {
	padding: 10px 24px;
	font-size: 16px;
}
.solucardtool .sgbtn   .sgbtn {
	margin-left: 40px;
}

.solumodule {
	display: flex;
	margin-top: 70px;
}
.solumodule   .solumodule {
	margin-top: 110px;
}
.solumodule .moduleimg {
	width: 720px;
}
.solumodule .moduleinfo {
	flex: 1;
	padding-top: 80px;
}
.solumodule .moduleinfo .infodesc {
	width: 400px;
}
.solumodule .infoicon {
	width: 54px;
	height: 54px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(/uploads/image/wsisolu/icon.png);
	background-size: 394px 394px;
}
.solumodule .infotitle {
	display: inline-block;
	vertical-align: middle;
	font-size: 28px;
	color: #000;
	font-weight: 500;
	padding-left: 24px;
}
.solumodule .infodesc {
	margin-top: 40px;
	font-size: 16px;
	color: #4d4d4d;
	line-height: 30px;
}
.solumodule.right .moduleinfo {
	margin-left: 80px;
}

/* 客户案例 */
.casebanner {
	padding: 60px 0 100px;
}
.casebanner .contentwrapper {
	display: flex;
	align-items: center;
}
.casebanner .caseimg {
	padding: 8px;
	border-radius: 8px;
	width: 540px;
	box-shadow: 0px 5px 20px rgba(22, 181, 174, 0.1);
}
.casebanner .caseinfo {
	flex: 1;
}
.casebanner .casetitle {
	font-size: 36px;
	color: #1a1a1a;
	letter-spacing: 2px;
	line-height: 52px;
}
.casebanner .casedesc {
	margin-top: 20px;
	color: #4d4d4d;
	font-size: 24px;
}
.casebanner .sgbtn {
	margin-top: 40px;
	font-size: 18px;
	padding: 12px 26px;
}

.casetabs {
	border-bottom: 1px solid #e6e6e6;
	font-size: 0;
	position: relative;
	display: flex;
}
.casetabs:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 64px;
	left: 52px;
	background-color: #16b5ae;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.casetabs.active0:after {
	left: 52px;
}
.casetabs.active1:after {
	left: 224px;
}
.casetabs.active2:after {
	left: 396px;
}
.casetabs.active3:after {
	left: 570px;
}
.casetabs.active4:after {
	left: 742px;
}
.casetabs.active5:after {
	left: 928px;
	width: 32px;
}
.casetabs.active6:after {
	left: 1098px;
	width: 32px;
}
.casetabs .tabsitem {
	flex: 1;
	line-height: 56px;
	color: #000;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.casetabs .tabsitem.active {
	color: #16b5ae;
}
.caselistsection .caseall {
	margin-top: 80px;
}
.caselistsection .caselist {
	display: none;
}
.caselistsection .caselist.show {
	display: block;
}

/* 渠道合作 */
.teamworknav.changenav .pageheader {
	background-color: transparent;
}
.teamworknav.changenav .pageheader .navbar {
	color: #fff;
}
.teamworknav.changenav .pageheader .logoimg {
	display: none;
}
.teamworknav.changenav .pageheader .logoimg2 {
	display: block;
}
.teamworknav.changenav .pageheader .navbar:hover {
	color: #16b5ae;
}
.teamworknav.changenav .pageheader .pagetel {
	color: #fff;
}
.teamworkbanner {
	background-image: url(/uploads/image/wsiteamwork/banner.jpg);
	padding: 190px 0 130px;
	background-size: auto 100%;
	background-position: center center;
	text-align: center;
	position: relative;
	margin-top: -70px;
}
.teamworkbanner:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.teamworkbanner .bannertitle {
	font-size: 36px;
	color: #fff;
	font-size: 500;
	position: relative;
	padding-bottom: 24px;
	letter-spacing: 2px;
	position: relative;
	z-index: 2;
}
.teamworkbanner .bannertitle:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 46px;
	height: 1px;
	background-color: #fff;
	margin-left: -23px;
	z-index: 2;
}
.teamworkbanner .bannerdesc {
	margin-top: 24px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	position: relative;
	z-index: 2;
}

.teamworksection {
	margin-top: 110px;
}
.teamworksection   .teamworksection {
	margin-top: 140px;
}
.teamworksection .sectiontitle {
	text-align: center;
	font-size: 34px;
}
.teamworksection .iconlist {
	margin: 30px 0 0 -48px;
	font-size: 0;
}
.teamworksection .iconlist.c3 .iconitem {
	width: 33.3333%;
}
.teamworksection .iconitem {
	width: 25%;
	display: inline-block;
	vertical-align: top;
}
.teamworksection .iconbar {
	margin: 40px 0 0 48px;
	padding: 0 20px;
}
.teamworksection .iconimg {
	width: 100px;
	margin: 0 auto;
}
.teamworksection .icondesc {
	margin-top: 24px;
	text-align: center;
	color: #4d4d4d;
	font-size: 14px;
	line-height: 25px;
}
.teamworksection .icondesc .nbsp {
	padding-left: 42px;
}
.teamworksection .icontitle {
	margin-top: 20px;
	text-align: center;
	color: #1a1a1a;
	font-size: 18px;
}
.teamworksection .iconlist.c3 {
	margin: 20px 0 0 -48px;
}
.teamworksection .iconlist.c3 .iconbar {
	padding: 0 40px;
	margin: 40px 0 0 48px;
}
.teamworksection .iconlist.c3 .icondesc {
	text-align: left;
	margin-top: 16px;
}
.teamworkwelcome {
	background-color: #f3fafa;
	margin-top: 135px;
	padding: 80px 0;
}
.teamworkwelcome .welcometitle {
	text-align: center;
	font-size: 34px;
	color: #000;
}
.teamworkwelcome .welcomemain {
	display: flex;
	align-items: center;
	margin-top: 60px;
}
.teamworkwelcome .welcomeimg {
	width: 550px;
}
.teamworkwelcome .welcomelist {
	flex: 1;
	margin-left: 60px;
}
.teamworkwelcome .welcomeitem {
	padding-left: 34px;
	position: relative;
	font-size: 16px;
	color: #4d4d4d;
}
.teamworkwelcome .welcomeitem   .welcomeitem {
	margin-top: 28px;
}
.teamworkwelcome .welcomeitem:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	background-image: url(/uploads/image/wsiticon/round.png);
	background-size: 100% 100%;
}
.teamworkwelcome .welcomeflow {
	margin-top: 60px;
	text-align: center;
}
.teamworkwelcome .welcomeflow li {
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
}
.teamworkwelcome .flowitem img {
	width: 40px;
}
.teamworkwelcome .flowitem span {
	font-size: 24px;
	color: #1a1a1a;
	padding-left: 12px;
}
.teamworkwelcome .flowarrow {
	width: 80px;
	margin: 0 20px;
}
.teamworkwelcome .flowarrow img {
	vertical-align: middle;
}

.teamworkjoin {
	padding: 110px 0;
}
.teamworkjoin .jointitle {
	text-align: center;
	font-size: 34px;
	color: #000;
}
.teamworkjoin .joindesc {
	text-align: center;
	font-size: 18px;
	margin-top: 40px;
	color: #4d4d4d;
}
.teamworkjoin .joinform {
	width: 550px;
	margin: 50px auto 0;
}
.teamworkjoin .joinformrow {
	border-bottom: 1px solid #e6e6e6;
}
.teamworkjoin .joinformrow   .joinformrow {
	margin-top: 28px;
}
.teamworkjoin .joinforminput {
	height: 48px;
	width: 100%;
	font-size: 16px;
	border: none;
}
.teamworkjoin .joinformrow.flex {
	display: flex;
	align-items: center;
}
.teamworkjoin .rowtitle {
	line-height: 48px;
	font-size: 16px;
	color: #999;
}
.teamworkjoin .rowselect {
	flex: 1;
}
.teamworkjoin .rowselect select {
	width: 100%;
	text-align: center;
	height: 48px;
	background-color: transparent;
	font-size: 16px;
	color: #4d4d4d;
}
.teamworkjoin .joinformsubmit {
	margin-top: 60px;
	text-align: center;
}
.teamworkjoin .joinformsubmit .sgbtn {
	width: 200px;
	font-size: 18px;
	padding: 10px 0 9px;
	text-align: center;
}
.teamworkcontact {
	text-align: center;
	background-color: #f3fafa;
	padding: 80px 0;
}
.teamworkcontact .contacttitle {
	font-size: 34px;
	color: #000;
}
.teamworkcontact .contactqrcode {
	margin-top: 60px;
}
.teamworkcontact .contactqrcode img {
	width: 120px;
}
.teamworkcontact .contactqrcode .title {
	margin-top: 16px;
	color: #4d4d4d;
	font-size: 14px;
}
.teamworkcontact .contacttext {
	margin-top: 16px;
	color: #4d4d4d;
	font-size: 22px;
}

/* 关于夏谷 */
.aboutcount {
	margin-top: 80px;
}
.aboutcount .countitem {
	width: 50%;
	float: left;
}
.aboutcount .countitem   .countitem {
	border-left: 1px solid #e6e6e6;
}
.aboutcount .countitem {
	text-align: center;
}
.aboutcount .countnum {
	color: #16b5ae;
	font-size: 40px;
	font-weight: 700;
}
.aboutcount .counttitle {
	margin-top: 10px;
	color: #666;
	font-size: 20px;
}
.aboutcount .counttext {
	margin-top: 70px;
	color: #1a1a1a;
	font-size: 16px;
	line-height: 28px;
	text-indent: 2em;
}
.aboutcount .counttext p   p {
	margin-top: 20px;
}
.aboutculture {
	margin-top: 110px;
}
.aboutculture .culturetitle {
	font-size: 34px;
	color: #000;
	text-align: center;
}
.aboutculture .bannercard {
	margin-top: 70px;
}
.aboutculture .nbsp {
	padding-left: 20px;
}

.aboutcourse {
	margin-top: 110px;
	padding: 70px 0 90px;
	background-color: #eefafa;
}
.aboutcourse .coursetitle {
	font-size: 34px;
	color: #000;
	text-align: center;
}
.aboutcourse .courselist   .courselist {
	border-top: 1px solid #16b5ae;
}
.aboutcourse .coursemain {
	margin-top: 70px;
}
.aboutcourse .courselist {
	position: relative;
	font-size: 0;
}
.aboutcourse .courseitem {
	position: relative;
	padding: 20px 16px;
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 200px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(19, 148, 141, 0.15);
}
.aboutcourse .courseitem   .courseitem {
	margin-left: 40px;
}
.aboutcourse .courselist {
	padding-bottom: 60px;
}
.aboutcourse .courselist   .courselist {
	padding: 60px 0 0 40px;
}
.aboutcourse .itemtitle {
	font-size: 18px;
	color: #000;
	padding-left: 16px;
}
.aboutcourse .icon {
	position: absolute;
	left: 16px;
	top: 22px;
	width: 22px;
	height: 22px;
}
.aboutcourse .itemtext {
	margin-top: 13px;
	font-size: 14px;
	color: #4d4d4d;
	line-height: 25px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.aboutcourse .courseitem::before {
	content: '';
	position: absolute;
	bottom: -60px;
	left: 80px;
	height: 60px;
	width: 1px;
	background-color: #16b5ae;
}
.aboutcourse .courseitem::after {
	content: '';
	position: absolute;
	bottom: -65px;
	left: 76px;
	height: 10px;
	width: 10px;
	background-color: #16b5ae;
	border: 2px solid #f3fafa;
	border-radius: 50%;
}
.aboutcourse .courselist   .courselist .courseitem::before {
	bottom: auto;
	top: -60px;
}
.aboutcourse .courselist   .courselist .courseitem::after {
	bottom: auto;
	top: -65px;
}

.abouthonor {
	margin-top: 110px;
}
.abouthonor .honortitle {
	font-size: 34px;
	color: #000;
	text-align: center;
}
.abouthonor .honormain {
	margin-top: 70px;
	background-color: #eefafa;
	border-radius: 20px;
	padding: 4px;
	position: relative;
}
.abouthonor .honormenu {
	width: 220px;
	padding: 40px;
}
.abouthonor .menuitem {
	font-size: 20px;
	color: #4d4d4d;
	border-radius: 6px;
	background-color: #fff;
	line-height: 50px;
	text-align: center;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(22, 181, 174, 0.2);
	cursor: pointer;
	position: relative;
}
.abouthonor .menuitem span {
	position: relative;
	z-index: 2;
}
.abouthonor .menuitem   .menuitem {
	margin-top: 20px;
}
.abouthonor .menuitem.active {
	color: #fff;
	background-color: transparent;
}
.abouthonor .menuitem.active:after {
	content: '';
	position: absolute;
	left: -10px;
	top: -10px;
	height: 70px;
	width: 180px;
	background-size: 100% 100%;
	background-image: url(/uploads/image/wsiabout/item.png);
	z-index: 1;
}
.abouthonor .honorcontent {
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 224px;
	right: 4px;
	background-color: #fff;
	border-radius: 0 20px 20px 0;
}
.abouthonor .trophy {
	position: absolute;
	width: 212px;
	right: 48px;
	bottom: 48px;
}
.abouthonor .contentlist {
	position: absolute;
	top: 40px;
	left: 70px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.abouthonor .contentlist.show {
	visibility: visible;
	opacity: 1;
}
.abouthonor .contentitem {
	font-size: 16px;
	color: #4d4d4d;
	padding-left: 24px;
	position: relative;
}
.abouthonor .contentitem   .contentitem {
	margin-top: 24px;
}
.abouthonor .contentitem::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #16b5ae;
}
.aboutmap {
	margin-top: 110px;
}
.aboutmap .maptitle {
	font-size: 34px;
	color: #000;
	text-align: center;
}
.aboutmap .mapimg {
	margin-top: 70px;
}

/* 动态资讯 */
.aboutnews {
	margin-top: 70px;
}
.aboutnews .newsitem {
	border-radius: 6px;
	border: 1px solid #ededed;
}
.aboutnews .newsitem   .newsitem {
	margin-top: 40px;
}
.aboutnews .newsbar {
	padding: 40px;
	display: flex;
	align-items: center;
}
.aboutnews .barimg {
	width: 300px;
	height: 200px;
	border-radius: 6px;
	overflow: hidden;
}
.aboutnews .barimg img {
	max-width: 100%;
	vertical-align: top;
}
.aboutnews .barinfo {
	margin-left: 40px;
	flex: 1;
}
.aboutnews .infotitle a {
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 500;
}
.aboutnews .infotitle a:hover {
	color: #16b5ae;
}
.aboutnews .infodesc {
	margin-top: 32px;
	color: #808080;
	font-size: 14px;
	line-height: 26px;
}
.aboutnews .infodate {
	margin-top: 50px;
	text-align: right;
	font-size: 14px;
	color: #808080;
}
.aboutnews .newsmore {
	margin-top: 40px;
}
.aboutnews .newsmore .morebtn {
	width: 100%;
	background-color: #f7f7f7;
	height: 50px;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	color: #999;
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.aboutnews .newsmore .morebtn:hover {
	background-color: #fafafa;
	color: #808080;
}

/* 预约演示 */
.subscribecanvas {
	margin-top: 70px;
}
.subscribecanvas .banner {
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/uploads/image/wsisubscribe/banner.png);
	background-size: 100% 100%;
	z-index: -1;
}
.subscribecanvas .contentwrapper {
	height: 100%;
	padding-top: 8vh;
	overflow: auto;
}
.subscribecanvas .subscribeform {
	width: 480px;
	float: right;
	margin: 0;
}
.subscribecanvas .formcontainer {
	background-color: #fff;
	border-radius: 20px;
	width: 100%;
	box-shadow: 0 0 30px rgba(22, 181, 174, 0.1);
	padding: 40px 50px;
}
.subscribecanvas .subscribesuccess {
	text-align: center;
	padding-top: 20vh;
	line-height: 60px;
}
.subscribecanvas .subscribesuccess .icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: top;
	border-radius: 50%;
	background-color: #16b5ae;
	text-align: center;
	color: #fff;
	font-size: 32px;
	line-height: 60px;
}
.subscribecanvas .subscribesuccess .text {
	display: inline-block;
	vertical-align: top;
	font-size: 36px;
	color: #4d4d4d;
	padding-left: 32px;
}
.subscribecanvas .formtitle {
	text-align: center;
	color: #1a1a1a;
	font-size: 30px;
}
.subscribecanvas .formdesc {
	margin-top: 10px;
	color: #1a1a1a;
	font-size: 14px;
	text-align: center;
}
.subscribecanvas .formbox {
	margin-top: 32px;
}
.subscribecanvas .formrow {
	height: 40px;
	border-radius: 25px;
	border: 1px solid #e6e6e6;
	position: relative;
}
.subscribecanvas .formrow   .formrow {
	margin-top: 20px;
}
.subscribecanvas .formrow input {
	width: 100%;
	padding-left: 20px;
	height: 40px;
	border: none;
}
.subscribecanvas .sendcode {
	padding: 0 20px;
	background-color: transparent;
	border: none;
	height: 40px;
	color: #16b5ae;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
}
.subscribecanvas .sendcode:hover {
	color: #12a69e;
}
.subscribecanvas .subscribeinfo {
	padding-right: 70px;
	margin-right: 480px;
}
.subscribecanvas .formsubmit {
	margin-top: 24px;
}
.subscribecanvas .infotitle {
	font-size: 28px;
	color: #4d4d4d;
}
.subscribecanvas .infolist {
	margin-top: 1.5vh;
}
.subscribecanvas .infoitem {
	font-size: 18px;
	color: #4d4d4d;
}
.subscribecanvas .infoitem   .infoitem {
	margin-top: 16px;
}
.subscribecanvas .infoitem .icon {
	color: #16b5ae;
	font-size: 22px;
}
.subscribecanvas .infoitem span {
	padding-left: 22px;
}
.subscribecanvas .infoimg {
	margin-top: 20px;
	width: 500px;
}
.subscribecanvas .infoimg img {
	width: 100%;
}

.newdetail {
	padding-top: 50px;
}
.newdetail-crumbs {
	font-size: 14px;
}
.newdetail-crumbs > * {
	color: #666;
}
.newdetail-crumbs > *   * {
	margin-left: 4px;
}
.newdetail-crumbs a:hover {
	color: #000;
}
.newdetail-title {
	margin-top: 40px;
	font-size: 30px;
	color: #1a1a1a;
}
.newdetail-time {
	margin-top: 28px;
	color: #808080;
	font-size: 14px;
}
.newdetail-content {
	margin-top: 64px;
	color: #4d4d4d;
}

.contactbanner {
	padding: 70px 0 68px;
	text-align: center;
	background-image: url(/uploads/image/wsicontact/banner.png);
	background-size: 100% 100%;
	background-position: center center;
}
.contactbanner .bannettitle {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 2px;
	color: #1a1a1a;
}
.contactbanner .banneren {
	margin-top: 10px;
	color: #4d4d4d;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
}
.contactinfo {
	margin-top: 110px;
}
.contacttitle {
	color: #000;
	font-size: 34px;
	text-align: center;
}
.contactbarlist {
	margin-top: 70px;
	margin-left: -48px;
}
.contactbarlist .baritem {
	width: 33.3333%;
	float: left;
}
.contactbarlist .bar {
	margin-left: 48px;
	padding: 40px;
	background: linear-gradient(180deg, #f0faf9 0%, #ffffff 100%);
	box-shadow: 0px 10px 20px  rgba(32, 38, 38, 0.08);
	border-radius: 10px;
}
.contactbarlist .icontitle .icon{
	font-size: 36px;
	color: #16b5ae;
	display: inline-block;
	vertical-align: middle;
}
.contactbarlist .icontitle .title{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #1a1a1a;
	margin-left: 20px;
}
.contactbarlist .bardesc{
	height: 54px;
	margin-top: 20px;
	color: #4d4d4d;
	font-size: 18px;
}
.contactqrcode{
	margin-top: 70px;
}
.contactqrcode .qrcodeitem{
	width: 50%;
	float: left;
	text-align: center;
}
.contactqrcode .itemtitle{
	font-size: 24px;
	color: #000;
}
.contactqrcode .itemimg{
	width: 280px;
	margin: 20px auto 0;
}
.contactarea{
	margin-top: 110px;
	text-align: center;
}
.contactarea .areatitle{
	font-size: 34px;
	color: #000;
	margin-bottom: 70px;
}
.baidumap {
	height: 600px;
	width: 100%;
}

.embed-icon {
	top: 80% !important;
}
.embed-icon-default {
	width: 120px !important;
	height: 58px !important;
}
.phoneshow{
	display: none;
}


@media(max-width:1200px){
	.pagenav .navtitle{
		font-size: 14px;
	}
	.pagelogo .logoimg, .pagelogo .logoimg2{
		height: 48px;
	}
	.pagelogo{
		padding:11px 0;
	}
}
@media(max-width:768px){
	.phoneshow{
		display: block;
	}
	.phonehide{
		display: none;
	}
	.pagenav{
		display: none;
	}
	.homeproduct{
		display: none;
	}
	.homesolution{
		display: none;
	}
	.pagetotal .pagetel{
		display: none;
	}
	.menucontainer{
		display: none;
	}
	.pagesidebar{
		display: none;
	}
	.pageheader{
		height: 52px;
		line-height: 52px;
		box-shadow: 0px 4px 8px  rgba(85, 138, 135, 0.1);
	}
	.pagemain{
		padding-top: 52px;
	}
	.pageheader .contentwrapper{
		padding:0 20px;
	}
	.pagelogo{
		padding:8px 0;
	}
	.pagelogo .logoimg, .pagelogo .logoimg2{
		height: 36px;
	}
	.pagetotal .sgbtn{
		font-size: 14px;
		padding:6px 15px;
	}
	.homebanner .bannerbox{
		display: block;
		padding-top: 32px;
		text-align: center;
	}
	.homebanner .bannertitle{
		font-size: 24px;
	}
	.homebanner .bannerdesc{
		font-size: 16px;
		max-width: 240px;
		margin:16px auto 0;
	}
	.homebanner .sgbtn{
		margin-top: 24px;
		font-size: 15px;
		padding:10px 20px;
		font-weight: 500;
	}
	.homebanner .bannerimg{
		width: auto;
		margin-top:12px;
	}
	.homebanner .bannercard, .aboutculture .bannercard{
		margin-top: -10px;
		font-size: 0;
		white-space:normal;
		margin-left: -20px;
	}
	.homebanner .carditem, .aboutculture .carditem{
		width: calc(50% - 20px);
		margin:20px 0 0 20px !important;
		font-size: 12px;
		padding:10px 10px 24px;
		height: auto !important;
	}
	.homebanner .carddesc, .aboutculture .carddesc{
		font-size: 14px;
		width: auto !important;
	}
	.homeproject{
		margin-top: 50px;
	}
	.hometitle{
		font-size: 24px;
	}
	.homeproject .projectimg{
		margin-top: 30px;
	}
	.homeproject .sgbtn{
		display: none;
	}
	.homeserver{
		overflow: hidden;
		margin-top: 0;
		padding-top: 60px;
		padding-bottom: 8px;
	}
	.homeserver::before{
		width: 80px;
		height: 80px;
		top: 0;
		left: -30px;
		z-index: -1;
	}
	.homeserver::after{
		width: 80px;
		height: 80px;
		bottom: 0;
		right: -30px;
	}
	.homeserver .servermain{
		margin-top: 30px;
	}
	.homeserver .servernumlist{
		margin:-20px 0 0 -20px;
		text-align: center;
	}
	.homeserver .numitem{
		width: 48%;
		display: inline-block;
		float: none;
	}
	.homeserver .numbar{
		margin:20px 0 0 20px;
		padding:12px 0;
	}
	.homeserver .numbar .num{
		font-size: 20px;
	}
	.homeserver .numbar .title{
		font-size: 12px;
		margin-top: 4px;
	}
	.homeserver .serverbtn{
		display: none;
	}
	.homecase{
		margin-top: 50px;
	}
	.caselist{
		margin-left: -32px;
	}
	.homecase .casemain{
		margin-top: 10px;
	}
	.caselist .caseitem{
		width: 33.33333%;
	}
	.caselist .casebar{
		height: 60px;
		margin-left: 32px;
	}
	.subscriberow{
		margin-top: 40px;
		padding:24px 0;
	}
	.subscribetitle{
		font-size: 20px;
	}
	.subscribedesc{
		margin-top: 4px;
		font-size: 12px;
	}
	.subscribeform{
		width: auto;
		margin:24px 32px 0;
	}
	.formrow{
		height: 36px;
		line-height: 36px;
	}
	.formsubmit{
		margin-top: 20px;
	}
	.formsubmit .sgbtn{
		font-size: 16px;
	}
	.pagefooter{
		padding-top: 20px;
	}
	.pagefooter .homeinfo{
		padding-right: 8px;
		margin-right: 8px;
		width: auto;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.pagefooter .footerlogo .logoimg{
		width: 160px;
	}
	.pagefooter .logotext{
		margin-top: 8px;
		font-size: 12px;
	}
	.pagefooter .footertel{
		margin-top: 16px;
		font-size: 12px;
	}
	.pagefooter .footertel span{
		padding-left: 6px;
		font-size: 16px;
	}
	.pagefooter .footerarea span{
		font-size: 12px;
		width: 40px;
		margin-bottom: 10px;
	}
	.pagefooter .footermenu{
		margin-top: 12px;
		padding-top:16px;
		display: block;
	}
	.pagefooter .footerqrcode{
		width: auto;
		text-align: center;
	}
	.pagefooter .qrcodeimg{
		width: 160px;
	}
	.pagefooter .qrcodetext{
		font-size: 12px;
		line-height: 16px;
		margin-top: 4px;
	}
	.footercopyright{
		margin-top: 16px;
		padding:12px 0;
		font-size: 10px;
	}
	.footercopyright a{
		display: block;
		padding-right: 0;
	}
	.subscribecanvas{
		margin-top: 52px;
	}
	.subscribecanvas .banner{
		top: 52px;
	}
	.subscribecanvas .contentwrapper{
		padding-top: 40px;
	}
	.subscribecanvas .subscribeform{
		width: auto;
		float: none;
	}
	.subscribecanvas .subscribeinfo{
		display: none !important;
	}
	.subscribecanvas .formcontainer{
		padding:24px;
	}
	.subscribecanvas .formtitle{
		font-size: 24px;
	}
	.phonebtmnav{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		box-shadow: 0px -4px 8px  rgba(85, 138, 135, 0.1);
		height: 52px;
		display: flex;
		padding:0 20px;
		align-items: center;
	}
	.phonebtmnavtool{
		flex: 1;
		display: flex;
		margin-right: 32px;
	}
	.phonebtmnavtool .toolitem{
		flex: 1;
		text-align: center;
		line-height: 1;
		color: #8f9399;
	}
	.phonebtmnavtool .toolitem .icon{
		font-size: 22px;
	}
	.phonebtmnavtool .toolitem .title{
		font-size: 12px;
		margin-top: 4px;
	}
	.phonebtmnavbtn .sgbtn{
		letter-spacing: 2px;
		font-weight: 500;
		padding:7px 32px;
	}
	body{
		padding-bottom: 52px;
	}
	.phonebtmnav .qrcodepopup{
		display: none;
		position: fixed;
		background-color: #fff;
		width: 200px;
		top: 50%;
		left: 50%;
		text-align: center;
		padding:12px;
		box-shadow: 0 4px 8px rgba(0,0,0,0.24);
		border-radius: 8px;
		margin:-145px 0 0 -100px;
	}

	.phonebtmnav .qrcodepopup.show{
		display: block;
	}
	.phonebtmnav .qrcodepopup .popuptitle{
		font-size: 12px;
	}
	.phonebtmnav .qrcodepopup .icon{
		display: inline-block;
		margin-top: 8px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
		background-color: #f2f2f2;
		border-radius: 50%;
		color: #888;
	}
}