html {
	font-family: 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif' !important;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: calc(100vw / 750 * 100);
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0;
	font-size: 2em;
}

mark {
	color: #000;
	background: #ff0;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input {
	line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	height: auto;
}

input[type='search'] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	padding: 0.35em 0.625em 0.75em;
	margin: 0 2px;
	border: 1px solid silver;
}

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

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

td,
th {
	padding: 0;
}

span.text-no-letterspacing {
	letter-spacing: 0 !important;
}

a {
	color: #00b7ff;
}

input,
button,
select,
textarea {
	outline: none;
}

textarea {
	resize: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

html,
body {
	width: 100%;
	min-width: 1280px;
	overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
	font-family: 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif' !important;
}

.container-full {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

.connect-wrap {
	background-color: #f7f7f7;
}

.connect-wrap .connect-topic > a.logo {
	float: left;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-decoration: none;
	vertical-align: center;
}

.connect-wrap .menu-wrapper .menu-btn-group {
	float: right;
    padding-right: 40px;
	width: 220px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.connect-wrap .menu-wrapper .menu-btn-group a{
    width: 80px;
    height: 30px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.connect-wrap .menu-wrapper .menu-btn-group span{
    color:#E5E5E5
}

.connect-wrap .connect-topic > a > img {
	width: 107px;
	height: 23px;
	margin: 18px 8px 0 0;
}

.connect-wrap .connect-topic > .menu-items {
	padding-left: 10%;
	margin-bottom: 0;
}

.banner-wrapper {
	width: 62.5%;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 112px;
	transform: translateX(-50%);
}

.connect-wrap .menu-wrapper {
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	top: 0;
	line-height: 71px;
	height: 71px;
	margin-bottom: 41px;
	position: fixed;
    width: 100%;
    border-radius: 0;
}

.connect-wrap .menu-wrapper .menu-inner {
	width: 1200px;
	margin: 0 auto;
	height: 71px;
}

.connect-wrap .banner-wrapper {
	color: #fff;
}

.connect-wrap .banner-wrapper .connect-fl {
	float: left;
	text-align: center;
	width: 51%;
}

.connect-wrap .banner-wrapper .connect-fl > img {
	width: 50%;
}

.connect-wrap .banner-wrapper .connect-fr {
	float: left;
	width: 49%;
	color: #fff;
}

.connect-wrap .banner-wrapper .connect-fr .title {
	line-height: 56px;
	height: 56px;
	margin: 28px 0 24px;
	font-size: 40px;
}

.connect-wrap .banner-wrapper .connect-fr .context {
	line-height: 32px;
	font-size: 16px;
	color: #f2f2f2;
	letter-spacing: 1px;
}

.connect-wrap .menu-wrapper .connect-fr .connect-wrap .menu-items > li {
	line-height: 71px;
	height: 71px;
}

.connect-wrap .menu-items > li > a {
	color: #fff;
}

.connect-wrap .menu-items > li.active > a {
	font-size: 22px;
}

.connect-wrap .container-main-wrapper .content-function {
	background: url('../images/connect/function-bg.png') center no-repeat;
	background-size: cover;
	height: 738px;
	margin-top: 70px;
	padding-top: 112px;
	color: #fff;
	position: relative;
}

.connect-wrap .content-function .content-f {
	width: 35%;
	float: left;
}

.connect-wrap .content-function .content-f ul {
	float: right;
}

.connect-wrap .content-function ul li {
	margin-bottom: 60px;
	overflow: hidden;
}

.connect-wrap .content-function .content-c ul li {
	margin-bottom: 0;
}

.content-function .content-f ul li:nth-child(2),
.content-function .content-f ul li:nth-child(4) {
	margin-right: 64px;
}

.content-function .content-f ul li:nth-child(3) {
	margin-right: 83px;
}

.content-function .content-r ul li:nth-child(2),
.content-function .content-r ul li:nth-child(4) {
	margin-left: 64px;
}

.content-function .content-r ul li:nth-child(3) {
	margin-left: 83px;
}

.content-function .content-f ul li .function-topic {
	text-align: right;
	position: relative;
	padding-right: 60px;
}

.content-function .content-r ul li .function-topic {
	float: left;
	text-align: left;
}

.content-function ul li .function-topic .title {
	line-height: 25px;
	height: 25px;
	font-size: 18px;
	margin-bottom: 10px;
}

.content-function ul li .function-topic .sub-title {
	line-height: 20px;
	height: 20px;
	font-size: 14px;
}

.content-function .content-f ul li .function-icon {
	line-height: 55px;
	height: 55px;
	margin-left: 16px;
	position: absolute;
	right: 0;
	top: 0;
}

.content-function .content-r ul li .function-icon {
	float: left;
	line-height: 55px;
	height: 55px;
	margin-right: 16px;
}

.connect-wrap .content-function .content-c {
	width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.connect-wrap .content-function .content-c ul {
	text-align: center;
}

.connect-wrap .content-function .content-c ul li:nth-child(1) {
	height: 51px;
	line-height: 51px;
	margin-bottom: 28px;
	font-size: 38px;
	letter-spacing: 3px;
}

.connect-wrap .content-function .content-c ul li:nth-child(2) {
	height: 22px;
	line-height: 22px;
	margin-bottom: 14px;
}

.connect-wrap .content-function .content-c ul li:nth-child(3) {
	height: 22px;
	line-height: 22px;
}

.connect-wrap .content-function .content-r {
	width: 35%;
	float: right;
}

.connect-wrap .content-function .content-r ul {
	float: left;
}

.content-function .content-topic {
	position: absolute;
	line-height: 37px;
	height: 37px;
	font-size: 26px;
	top: 50px;
}

.content-function .content-topic:before {
	content: '';
	width: 3px;
	height: 37px;
	background-color: #fff;
	margin-right: 25px;
	float: left;
}

.content-shop {
	position: relative;
	background-color: #fff;
}

.content-shop .content-topic {
	line-height: 37px;
	height: 159px;
	font-size: 26px;
	color: #333;
	padding: 72px 0 50px;
}

.content-shop .content-topic:before {
	content: '';
	width: 3px;
	height: 37px;
	background-color: #333;
	margin-right: 21px;
	float: left;
}

.content-shop .shop-wrap {
	height: 525px;
	width: 100%;
	margin-bottom: 80px;
	position: relative;
	/* overflow: hidden; */
}

.content-shop .shop-wrap .btn {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	cursor: pointer;
	z-index: 2;
}

.content-shop .shop-wrap .btnl {
	background: url('../images/connect/ico_left_disable.png') center no-repeat;
	top: 40%;
	left: 2%;
	z-index: 10;
}

.content-shop .shop-wrap .btnr {
	background: url('../images/connect/ico_right_disable.png') center no-repeat;
	top: 40%;
	right: 2%;
	z-index: 10;
}

.content-shop .shop-wrap .btnl:hover {
	background: url('../images/connect/ico_left.png') center no-repeat;
}

.content-shop .shop-wrap .btnr:hover {
	background: url('../images/connect/ico_right.png') center no-repeat;
}

.content-shop .shop-wrap .conbox {
	position: relative;
}

.content-shop .shop-wrap .conbox ul {
	position: relative;
	list-style: none;
}

.content-shop .shop-wrap .conbox ul li {
	float: left;
	width: 16.666666%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.content-shop .shop-wrap .conbox ul li:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
}

.content-shop .shop-wrap .conbox ul li > img {
	display: block;
	width: 100%;
	height: 525px;
	transition: all 0.5s;
}

.content-shop .shop-wrap .conbox ul li p {
	position: absolute;
	line-height: 42px;
	height: 42px;
	font-size: 30px;
	color: #fff;
	left: 17%;
	top: 330px;
}

.content-shop .shop-wrap .conbox ul li p:before {
	content: '';
	width: 50%;
	height: 4px;
	left: 0;
	top: 66px;
	position: absolute;
	background-color: #fff;
}

.content-shop .shop-wrap .conbox ul li:hover {
	transform: scale(1.1);
	z-index: 5;
	transition: width 0.8s ease-in-out;
	-moz-transition: width 0.8s ease-in-out;
	/* Firefox 4 */
	-webkit-transition: width 0.8s ease-in-out;
	/* Safari 和 Chrome */
	-o-transition: width 0.8s ease-in-out;
}

.content-shop .shop-wrap .conbox ul li:hover::before {
	display: none;
}

.connect-intr-items-content-4b .connect-advantage-items {
	position: relative;
	background-color: #fff;
	padding: 50px 0 37px 40px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.connect-intr-items-content-4b .connect-advantage-items > p {
	line-height: 28px;
	height: 28px;
	margin-bottom: 22px;
	font-size: 20px;
	color: #333;
}

.connect-intr-items-content-4b .connect-advantage-items > ul {
	min-height: 120px;
}

.connect-intr-items-content-4b .connect-advantage-items > ul li {
	line-height: 30px;
	font-size: 16px;
	color: #666;
}

.connect-intr-items-content-4b .connect-advantage-items img {
	position: absolute;
	top: 24px;
	right: 24px;
}

.connect-intr-items-content-4 > div.item-left,
.connect-intr-items-content-4b > div.item-left {
	width: 53%;
}

.connect-intr-items-content-4 > div.item-right,
.connect-intr-items-content-4b > div.item-right {
	width: 45%;
}

.connect-intr-items-content-4b .connect-case-items {
	position: relative;
	margin-bottom: 20px;
	border-radius: 4px;
	overflow: hidden;
}

.connect-intr-items-content-4b .connect-case-items:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
}

.connect-intr-items-content-4b .connect-case-items > p {
	position: absolute;
	z-index: 2;
}

.connect-intr-items-content-4b .connect-case-items > p.title {
	left: 7%;
	top: 56%;
	line-height: 33px;
	height: 33px;
	font-size: 24px;
	margin-bottom: 0;
	color: #fff;
	letter-spacing: 1px;
}

.connect-intr-items-content-4b .connect-case-items:hover > p.title,
.connect-intr-items-content-4b .connect-case-items:hover > p.subtitle {
	visibility: hidden;
}

.connect-intr-items-content-4b .connect-case-items > p.subtitle {
	left: 7%;
	right: 7%;
	top: 70%;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 0;
	color: #e0e0e0;
	letter-spacing: 0.5px;
}

.connect-intr-items-content-4b .connect-case-items.item-left > p.subtitle {
	width: 64%;
}

.connect-intr-items-content-4b .connect-case-items.item-right > p.subtitle {
	width: 74%;
}

.connect-intr-items-content-4b .connect-case-items > img {
	width: 100%;
}

.connect-intr-items-content-4b .connect-case-items > .mask-context {
	position: absolute;
	left: 0;
	top: 100%;
	bottom: 0;
	z-index: 5;
	padding: 40px 36px 36px;
}

.connect-intr-items-content-4b .connect-case-items:hover > .mask-context {
	background: rgba(0, 0, 0, 0.7);
	top: 0;
	transition: top 0.8s;
	-moz-transition: top 0.8s;
	/* Firefox 4 */
	-webkit-transition: top 0.8s;
	/* Safari 和 Chrome */
	-o-transition: top 0.8s;
	/* Opera */
}

.connect-intr-items-content-4b .connect-case-items > .mask-context .title {
	line-height: 33px;
	height: 33px;
	font-size: 24px;
	margin-bottom: 12px;
	color: #fff;
	letter-spacing: 1px;
}

.connect-intr-items-content-4b .connect-case-items > .mask-context .subtitle {
	line-height: 20px;
	font-size: 14px;
	color: #f0f0f0;
	letter-spacing: 0.5px;
}

.connect-wrap .container-main-wrapper .content-link {
	background: url('../images/connect/link-bg.png') center no-repeat;
	background-size: cover;
	height: 220px;
	margin-top: 29px;
}

.connect-wrap .container-main-wrapper .content-link .title {
	line-height: 33px;
	font-size: 24px;
	padding: 42px 0 12px;
	text-align: center;
	color: #fff;
}

.connect-wrap .container-main-wrapper .content-link .subtitle {
	line-height: 40px;
	height: 80px;
	font-size: 20px;
	margin: 0;
	text-align: center;
	color: #fff;
}

.menu-wrapper {
	width: 62.5%;
	height: 60px;
	left: 50%;
	top: 16px;
	transform: translateX(-50%);
	position: absolute;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 5px 14px 0 rgba(204, 204, 204, 0.21);
	z-index: 100;
	overflow: hidden;
	transition: all 0.2s linear;
}

.menu-wrapper.mobile {
	width: 100%;
	height: 1rem;
	position: relative;
	top: 0;
	border-radius: 0;
	box-shadow: none;
}

.menu-ani-show {
	animation: menushow 180ms 0.1s;
	-webkit-animation: menushow 180ms 0.1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes menushow {
	0% {
		height: 60px;
	}
	100% {
		height: 328px;
	}
}

@-webkit-keyframes menushow {
	0% {
		height: 60px;
	}
	100% {
		height: 328px;
	}
}

.menu-ani-hide {
	animation: menuhide 180ms;
	-webkit-animation: menuhide 180ms;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes menuhide {
	0% {
		height: 328px;
	}
	100% {
		height: 60px;
	}
}

@-webkit-keyframes menuhide {
	0% {
		height: 328px;
	}
	100% {
		height: 60px;
	}
}

.menu-show-menus {
	width: 100%;
	height: 60px;
}

.mobile .menu-show-menus {
	height: 100%;
}

.menu-show-menus.mobile {
	height: 1rem;
}

.menu-hide-products {
	width: 100%;
	height: 268px;
	background-color: #fff;
	margin-top: 0;
}

.products-wrapper {
	width: 920px;
	height: 100%;
	margin-left: 140px;
	position: absolute;
	top: 70px;
	display: none;
}

.products-wrapper a {
	text-decoration: none;
}

.menu-products {
	text-align: center;
	margin-top: 24px;
	cursor: pointer;
	width: 200px;
	height: 163px;
}

.menu-products-title {
	margin-top: 18px;
	width: 100%;
	line-height: 24px;
	font-size: 20px;
	color: #373737;
	text-align: center;
}

.menu-logo {
	width: 107px;
	height: 23px;
	margin: 19px 0 18px 36px;
	float: left;
	margin-right: 140px;
}

.menu-wrapper.mobile .menu-logo {
	/* width: 2rem; */
	margin: 0.285rem 0 0.285rem 0.2rem;
}

.menu-items {
	float: left;
}

.menu-items a {
	text-decoration: none;
	color: #212121;
}

.menu-items a:hover {
	color: #26b6bb;
}

.menu-items > li {
	float: left;
	height: 60px;
	line-height: 60px;
	text-align: center;
	list-style: none;
	padding: 0 25px;
	font-size: 14px;
	color: #212121;
	letter-spacing: 0;
	cursor: pointer;
}

.menu-items > li:hover {
	color: #26b6bb;
}

.menu-items .menu-active {
	color: #26b6bb;
}

.menu-items .menu-active a {
	color: #26b6bb;
}

.menu-item-child-hover {
	background-color: #fff;
}

/* .menu-btn-group button:hover a{
    color: #26b6bb;
} */

.menu-search {
	float: right;
	padding-right: 40px;
	width: 254px;
	height: 60px;
}

.menu-search-input {
	width: 130px;
	margin-left: 232px;
	height: 24px;
	margin-top: 18px;
	border-width: 0 0 0 1px;
	border-color: #dddddd;
	padding-left: 14px;
	background-color: transparent;
}

.search-input-show {
	animation: searchshow 500ms;
	-webkit-animation: searchshow 500ms;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes searchshow {
	0% {
		margin-left: 232px;
	}
	100% {
		margin-left: 64px;
	}
}

@-webkit-keyframes searchshow {
	0% {
		margin-left: 232px;
	}
	100% {
		margin-left: 64px;
	}
}

.search-input-hide {
	animation: searchhide 500ms normal;
	-webkit-animation: searchhide 500ms normal;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes searchhide {
	0% {
		margin-left: 64px;
	}
	100% {
		margin-left: 232px;
	}
}

@-webkit-keyframes searchhide {
	0% {
		margin-left: 64px;
	}
	100% {
		margin-left: 232px;
	}
}

.menu-search-btnbox {
	width: 57px;
	height: 56px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 101;
	background-color: #fff;
}

.menu-search-icon {
	width: 17px;
	height: 17px;
	top: 21px;
	position: absolute;
	cursor: pointer;
}

.menu-search-icon:hover {
}

.carousel-inner.mobile {
	width: 100%;
	overflow-y: hidden;
	display: flex;
	flex-direction: column;
}

.carousel-inner .item {
	cursor: pointer;
}

.carousel-indicators li {
	display: inline-block;
	width: 87px;
	height: 4px;
	text-indent: -999px;
	cursor: pointer;
	margin: 0;
	opacity: 0.8;
	background: #949494;
	border: none;
}

.carousel-indicators li:first-child {
	background-color: #26b6bb;
}

.carousel-indicators .active {
	width: 87px;
	height: 4px;
	opacity: 0.8;
	background: #949494;
}

.carousel-video {
	display: block;
}

.carousel-video,
.carousel-image {
	width: 100%;
	height: 100%;
}

.carousel-bar {
	background-color: #26b6bb;
	width: 0;
	height: 100%;
	transition: width 4s;
	-moz-transition: width 4s;
	/* Firefox 4 */
	-webkit-transition: width 4s;
	/* Safari 和 Chrome */
	-o-transition: width 4s;
}

.container-news {
	margin-top: 10px;
	padding-left: 0;
}

.col-news {
	padding: 0 5px;
}

.container-news-img {
	max-width: 100%;
	cursor: pointer;
	border-radius: 5px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.container-news-img:hover {
	box-shadow: 0 21px 30px #ededed;
	transform: translateY(-2px);
}

.news-title {
	font-size: 18px;
	color: #505050;
	letter-spacing: 0;
	margin: 20px 0 0 10px;
}

.container-about {
	padding: 22px 0 18px 0;
	margin-top: 40px;
	background-color: #ededed;
	transition: all 0.2s linear;
}

.container-about.mobile {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0.356rem;
}

.container-about a {
	cursor: pointer;
}

.about-list {
	width: 100%;
	padding-left: 0;
	margin-top: 18px;
}

.about-list > li,
.service-list > li {
	list-style: none;
	margin-bottom: 10px;
}

.about-list > li:first-child {
	margin-bottom: 13px;
	font-size: 14px;
}

.about-list > li > a {
	font-size: 12px;
	color: #505050;
	letter-spacing: 0;
}

.service-list {
	padding-left: 0;
	margin-top: 22px;
}

.service-list.mobile {
	margin: 0;
	width: 100%;
}

.service-list > li:first-child {
	font-size: 14px;
	color: #505050;
}

.qrcode-item {
	float: left;
}

.qrcode-item:last-child {
	margin-left: 20px;
}

.qrcode-item p {
	text-align: center;
}

.service-list .qrcode-area img {
	width: 88px;
}

.service-list > li {
	font-size: 12px;
	color: #807f7f;
	letter-spacing: 0;
}

.service-list.mobile > li {
	font-size: 0.24rem;
	line-height: 0.4rem;
	color: #666;
}

.service-list > li.service-tell {
	font-size: 24px;
	color: #26b6bb;
	letter-spacing: 0;
}

.service-list.mobile > li.service-tell {
	font-size: 0.3rem;
	line-height: 0.4rem;
}

.friends-list {
	margin-top: 10px;
}

.friends-list.mobile {
	margin-top: 0.245rem;
}

.friends-list > p {
	font-size: 12px;
	color: #505050;
	letter-spacing: 0;
}

.friends-list.mobile > p {
	margin: 0;
	font-size: 0.2rem;
	line-height: 0.38rem;
	color: #666;
}

.friends-list .copy-right {
	display: flex;
	justify-content: space-between;
}

.sep-line {
	border-top: 0.02rem solid #ccc;
	clear: both;
	width: 100%;
}

/*intr-page-s13*/

.menu-fixed {
	position: fixed;
}

.s13-intr,
.s23-intr {
	padding: 0;
	position: relative;
}

.intr-720-txt {
	width: 58%;
	margin-left: 21%;
	text-align: center;
	position: absolute;
	top: 0;
	margin-top: 2%;
}

.intr-720-txt .intr-icons > img {
	width: 600px;
}

.intr-720-icons {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 18;
}

.intr-720-icons img {
	position: absolute;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.intr-720-img1 {
	z-index: 24;
	width: 5.4%;
	height: 9.6%;
	left: 34%;
	top: 63.8%;
}

.intr-720-img2 {
	z-index: 23;
	width: 6.6%;
	height: 11.9%;
	/*left: 36.2%;*/
	/*top:56.2%;*/
	left: 33%;
	top: 63.6%;
}

.intr-720-img3 {
	z-index: 22;
	width: 7.3%;
	height: 13.1%;
	/*left: 33.9%;*/
	/*top:60.4%;*/
	left: 32%;
	top: 63.9%;
}

.intr-720-img4 {
	z-index: 21;
	width: 8%;
	height: 14.5%;
	left: 31.3%;
	top: 63.9%;
}

.intr-720-imgs-ani1 {
	animation: glassBoom 1s ease;
	-webkit-animation: glassBoom 1s ease;
}

.intr-720-imgs-ani2 {
	animation: glassBoom2 1s ease;
	-webkit-animation: glassBoom2 1s ease;
}

.intr-720-imgs-ani3 {
	animation: glassBoom3 1s ease;
	-webkit-animation: glassBoom3 1s ease;
}

.intr-720-imgs-ani4 {
	animation: glassBoom4 1s ease;
	-webkit-animation: glassBoom4 1s ease;
}

@keyframes glassBoom {
	from {
		left: 34%;
		top: 63.8%;
	}
	to {
		left: 39.8%;
		top: 50.9%;
		opacity: 1;
	}
}

@-webkit-keyframes glassBoom {
	from {
		left: 34%;
		top: 63.8%;
	}
	to {
		left: 39.8%;
		top: 50.9%;
		opacity: 1;
	}
}

@keyframes glassBoom4 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes glassBoom4 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes glassBoom3 {
	from {
		left: 32%;
		top: 63.9%;
	}
	to {
		opacity: 1;
		left: 33.9%;
		top: 60.4%;
	}
}

@-webkit-keyframes glassBoom3 {
	from {
		left: 32%;
		top: 63.9%;
	}
	to {
		opacity: 1;
		left: 33.9%;
		top: 60.4%;
	}
}

@keyframes glassBoom2 {
	from {
		left: 33%;
		top: 63.6%;
	}
	to {
		opacity: 1;
		left: 36.2%;
		top: 56.2%;
	}
}

@-webkit-keyframes glassBoom2 {
	from {
		left: 33%;
		top: 63.6%;
	}
	to {
		opacity: 1;
		left: 36.2%;
		top: 56.2%;
	}
}

.full-page-img {
	width: 100%;
}

.s13-intr p,
.s23-intr p {
	margin: 0 0 30px;
	opacity: 0;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.intr-title {
	font-size: 35px;
	color: #292929;
	letter-spacing: 3px;
	line-height: 77px;
}

.intr-content {
	font-size: 14px;
	color: #5e5e5e;
	letter-spacing: 2.07px;
	line-height: 24px;
}

.s13-intr .intr-content,
.s23-intr .intr-content {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

.s13-intr .intr-icons,
.s23-intr .intr-icons {
	margin-top: 4%;
	animation-delay: 1s;
}

.intr-txt-ani {
	-webkit-animation: fadeInUp 1s normal;
	-moz-animation: fadeInUp 1s normal;
	-ms-animation: fadeInUp 1s normal;
	-o-animation: fadeInUp 1s normal;
	animation: fadeInUp 1s normal;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.intr-120-img {
	transform: scale(1.4);
	transition: transform 2s 1s;
	width: 100%;
	height: 100%;
}

.intr-120-img-scale {
	transform: scale(1);
}

.intr-120 {
	max-height: 800px;
	overflow: hidden;
}

.intr-120-txt {
	width: 70%;
	position: absolute;
	margin-left: 15%;
	top: 0;
	margin-top: 2%;
	text-align: center;
}

.intr-night-txt {
	width: 58%;
	position: absolute;
	margin-left: 21%;
	top: 0;
	margin-top: 2%;
	text-align: center;
	z-index: 99;
}

.font-white {
	color: #fff;
}

.intr-night-camera {
	position: absolute;
	z-index: 10;
	width: 20%;
	margin-left: 7%;
	top: 128px;
}

.intr-night-camera > img {
	position: absolute;
	top: 0;
	left: 0;
}

.intr-night-bg {
	z-index: 19;
}

.intr-night-li {
	z-index: 21;
}

.intr-night-lishadow {
	z-index: 20;
}

.intr-night-li-ani {
	animation: lightShining 3s infinite ease;
	-webkit-animation: lightShining 3s infinite ease;
}

@keyframes lightShining {
	0% {
		opacity: 0.4;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.4;
	}
}

@-webkit-keyframes lightShining {
	0% {
		opacity: 0.4;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.4;
	}
}

.intr-call-txt {
	width: 40%;
	margin-left: 12%;
	text-align: center;
	position: absolute;
	top: 150px;
}

.intr-call-video {
	width: 11.4%;
	position: absolute;
	left: 59.9%;
	top: 24.1%;
	z-index: 21;
}

.intr-call-txt .intr-title {
	font-size: 35px;
	color: #292929;
	letter-spacing: 3px;
	line-height: 50px;
}

.intr-call-txt .intr-icons {
	margin-top: 45px;
}

.intr-stare-phone {
	width: 28%;
	margin-left: 13%;
	position: absolute;
	bottom: 0;
}

.stare-phone-video {
	width: 90.4%;
	position: absolute;
	z-index: 21;
	left: 4.8%;
	bottom: 0;
}

.intr-stare-txt {
	width: 58%;
	margin-left: 21%;
	text-align: center;
	top: 8%;
	position: absolute;
}

.intr-stare-video {
	width: 42%;
	bottom: 10%;
	margin-left: 48%;
	position: absolute;
}

.intr-build-txt,
.intr-cloud-txt,
.intr-link-txt {
	position: absolute;
	top: 0;
	margin-top: 4%;
	width: 58%;
	margin-left: 21%;
	text-align: center;
}

.intr-store-txt .intr-icons {
	margin-top: 4%;
	width: 28%;
	margin-left: 36%;
}

.intr-store {
	width: 100%;
	height: 495px;
	background-color: #292929;
}

.intr-store-txt {
	width: 1200px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 3% auto;
	text-align: center;
}

.intr-store-txt {
	min-width: 920px;
}

.intr-store .intr-icons {
	width: 42%;
	margin-left: 29%;
	margin-top: 7%;
}

.intr-store-txt .intr-icons img {
	width: 100%;
}

.intr-cloud-wrapper {
	width: 25%;
	height: 35.2%;
	position: absolute;
	left: 36.9%;
	bottom: 20%;
}

.intr-cloud-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 19;
}

.intr-cloud-bg img {
	position: absolute;
	transition: all 100ms;
	opacity: 0;
}

.intr-cloud-bg .intr-cloud1 {
	width: 2.3%;
	height: 6.9%;
	left: 36.9%;
	top: 69.3%;
	transition-delay: 1250ms;
}

.intr-cloud-bg .intr-cloud2 {
	width: 2.1%;
	height: 6.3%;
	left: 44.9%;
	top: 44.8%;
	transition-delay: 1500ms;
}

.intr-cloud-bg .intr-cloud3 {
	width: 1.3%;
	height: 3.7%;
	left: 54.3%;
	top: 76.2%;
	transition-delay: 1750ms;
}

.intr-cloud-bg .intr-cloud4 {
	width: 2%;
	height: 5.8%;
	left: 59.9%;
	top: 51.1%;
	transition-delay: 1.9s;
}

.intr-clouds-ani {
	opacity: 1 !important;
}

.intr-cloud-yun {
	width: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 20;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	transition: all 1s 1s ease;
	opacity: 0;
}

.intr-cloud-yunani {
	opacity: 1;
	transform: translateX(100%);
}

.intr-link-imgs {
	width: 60%;
	margin-left: 20%;
	position: absolute;
	bottom: 10%;
	z-index: 21;
}

.intr-link-imgs img {
	width: 100%;
	opacity: 0;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.intr-link-imgani {
	animation: fadeIn 1s normal ease;
	-webkit-animation: fadeIn 1s normal ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.intr-link-img1 {
	animation-delay: 1s;
}

.intr-link-img2 {
	animation-delay: 1.5s;
}

.intr-link-img3 {
	animation-delay: 2s;
}

.container-banner {
	padding: 0;
	position: relative;
	background-color: #ccc;
}

.banner-category {
	width: 18%;
	position: absolute;
	bottom: 0;
	margin-left: 41%;
	text-align: center;
}

.banner-category a {
	text-decoration: none;
	cursor: pointer;
	width: 50%;
	border: none;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #26b6bb;
	color: #fff;
	font-size: 14px;
	float: left;
}

.banner-category a.active {
	background: #fff;
	color: #000;
}

.container-table {
	width: 56%;
	margin-left: 22%;
	margin-top: 50px;
}

.recruit-table {
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
	border-bottom-width: 1px;
}

.recruit-table thead td {
	padding: 14px 0 !important;
}

.recruit-table td {
	text-align: center;
	vertical-align: middle !important;
	padding: 30px 18px !important;
	color: #565656;
}

.recruit-table td p {
	text-align: left;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 20px;
}

.recruit-table thead {
	background: #f3f3f3;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	letter-spacing: 0;
}

.recruit-table .tbody-title {
	background: #fff;
	font-size: 12px;
	color: #26b6bb;
	letter-spacing: 0;
}

.recruit-table .tbody-title p,
.recruit-table .tbody-foot p {
	text-align: inherit;
}

#table-school {
	display: none;
}

/*news*/

.container-content {
	width: 100%;
	min-height: 300px;
	margin-top: 100px;
}

.pgnews-news-content,
.pgnews-titles-content {
	float: left;
}

.pgnews-news-content {
	width: 44%;
	margin-left: 18.8%;
}

.pgnews-titles-content {
	margin-left: 1.3%;
	width: 17.2%;
}

.pgnews-news-title {
	width: 100%;
	padding-left: 35px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #666666;
	letter-spacing: 0;
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	border-radius: 5px 5px 0 0;
}

.pgnews-news-list {
	width: 100%;
	padding: 0;
}

.pgnews-news-list li:first-child {
	border-radius: 0 0 10px 10px;
}

.pgnews-news-list li {
	background: #ffffff;
	border-radius: 10px;
	width: 100%;
	padding: 38px 35px;
	min-height: 233px;
	list-style: none;
	margin-bottom: 10px;
}

.pgnews-news-list li:after {
	clear: both;
}

.pgnews-news-list li div {
	float: left;
}

.pgnews-news-img {
	width: 27.2%;
	overflow: hidden;
}

.pgnews-news-img img {
	width: 100%;
}

.pgnews-news-main {
	width: 45.6%;
	margin-left: 4.3%;
}

.pgnews-nmain-title {
	font-size: 18px;
	color: #666666;
	letter-spacing: 0;
}

.pgnews-nmain-content {
	font-size: 12px;
	color: #666666;
	letter-spacing: 0;
	line-height: 20px;
}

.pgnews-link-detail {
	float: right;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	color: #26b6bb;
	letter-spacing: 0;
}

.pgnews-news-time {
	width: 12.4%;
	margin-left: 7%;
	font-size: 36px;
	color: #dddddd;
	letter-spacing: 0;
}

.pgnews-news-date {
	margin: 20px 0 0 0;
}

.pgnews-news-year {
	font-size: 20px;
	float: right;
	margin: 0 0;
}

.pagination {
	float: right;
}

.pagination > li > a {
	font-size: 14px;
	color: #bfbfbf;
	border: 1px solid #e4e4e4;
}

.pagination > .active > a {
	background: #26b6bb;
	color: #fff;
	border: 1px solid #e4e4e4;
}

.pgnews-titles-title {
	width: 100%;
	padding: 0 22px;
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	height: 60px;
	line-height: 60px;
	border-radius: 5px 5px 0 0;
	font-size: 20px;
	color: #666666;
	letter-spacing: 0;
}

.pgnews-titles-list {
	width: 100%;
	background: #fff;
	border-radius: 0 0 5px 5px;
}

.pgnews-titles-list li {
	width: 100%;
	padding: 14px 22px 8px 10px;
	border-bottom: 1px dotted #dcdcdc;
}

.pgnews-titles-list li:last-child {
	border: none;
}

.heat-news-a {
	text-decoration: none;
}

.heat-news-a:hover {
	text-decoration: none;
}

.pgnews-titles-list-title {
	font-size: 16px;
	color: #2a2a2a;
	letter-spacing: -0.2px;
	line-height: 31px;
}

.pgnews-titles-list-time {
	font-size: 14px;
	color: #c6c6c6;
	letter-spacing: -0.2px;
}

.pgnews-titles-banner {
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 10px;
}

.pgnews-titles-banner img {
	width: 100%;
}

.pagination ul {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination ul li {
	display: inline;
}

.pagination ul > .active > a,
.pagination ul > .active > a:focus,
.pagination ul > .active > a:hover {
	z-index: 3;
	cursor: default;
	background: #26b6bb;
	color: #fff;
	border: 1px solid #e4e4e4;
}

.pagination li > a {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #26b6bb;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e4e4e4;
	cursor: pointer;
}

/*page s23*/

.intr-1080-diff {
	position: absolute;
	bottom: 9%;
	left: 6.3%;
	width: 87.4%;
	height: 60.2% !important;
}

.intr-1080-diff img {
	width: 100%;
}

.intr-1080-txt,
.intr-360d-txt,
.intr-kinds-txt,
.intr-cloud2-txt,
.intr-kinds-txt,
.intr-store2-txt,
.intr-link2-txt {
	width: 58%;
	margin-left: 21%;
	text-align: center;
	position: absolute;
	top: 0;
	margin-top: 2%;
}

.intr-360d-adv {
	position: absolute;
	width: 12.4%;
	left: 26.5%;
	bottom: 8.3%;
}

.intr-360d-icons {
	width: 20.8%;
	position: absolute;
	top: 32%;
	right: 17%;
}

.intr-360d-icons div p {
	width: 132%;
	margin-left: -13%;
	margin-bottom: 32px;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-delay: 1.5s;
}

.intr-360d-icons p span {
	width: 33%;
	display: inline-block;
	text-align: center;
}

.intr-360d-icons img {
	width: 100%;
	opacity: 0;
	margin-bottom: 16px;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.intr-360d-icons1 {
	animation-delay: 1.5s;
}

.intr-360d-icons2 {
	animation-delay: 0.8s;
}

.intr-360d-show {
	width: 40.1%;
	position: absolute;
	top: 32%;
	left: 12.7%;
	height: 51.7%;
	cursor: move;
}

.intr-360d-show img {
	width: 100%;
}

.intr-smartat-txt {
	width: 24%;
	position: absolute;
	right: 6%;
	top: 10%;
	text-align: center;
}

.intr-smartat-txt .intr-title {
	line-height: 47px;
}

.intr-smartat-icon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
}

.intr-smartat-icon img {
	width: 19.1%;
	position: absolute;
	z-index: 21;
	opacity: 0;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.intr-smartat-icon1 {
	left: 32%;
	top: 12%;
	animation-delay: 0.8s;
}

.intr-smartat-icon2 {
	top: 31.5%;
	left: 32%;
	animation-delay: 1.5s;
}

.intr-smartat-phone {
	width: 65%;
	position: absolute;
	left: 0;
	top: 0;
}

.intr-kinds-tabs {
	position: absolute;
	right: 12%;
	width: 7.8%;
	z-index: 20;
	top: 40%;
}

.intr-kinds-tabs li {
	margin-top: 20px;
	width: 150px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border-radius: 29px;
	background: #fff;
	border: 1px solid #79b0f0;
	color: #79b0f0;
	cursor: pointer;
	list-style: none;
}

.intr-kinds-tabs li.active {
	background: #79b0f0;
	color: #fff;
}

.intr-kinds-qjwrapper {
	width: 30%;
	height: 56.6%;
	margin-left: 35%;
	position: absolute;
	top: 30%;
}

.intr-kinds-sfwrapper {
	width: 46%;
	height: 58%;
	position: absolute;
	bottom: 13.2%;
	left: 26.8%;
	display: none;
}

.intr-kinds-sfwrapper img,
.intr-kinds-qjwrapper img {
	width: 100%;
}

.intr-kinds-zlwrapper {
	width: 55%;
	height: 51%;
	left: 22.5%;
	top: 28.6%;
	position: absolute;
	display: none;
	overflow-x: auto;
	overflow-y: hidden;
}

.intr-kinds-zlwrapper img {
	height: 100%;
}

/*改变滚轮样式——谷歌浏览器*/

.intr-kinds-zlwrapper::-webkit-scrollbar {
	width: 100px;
	height: 12px;
	background: #d8d8d8;
	border-radius: 20px;
}

.intr-kinds-zlwrapper::-webkit-scrollbar-thumb {
	width: 50px;
	height: 12px;
	background: #d8d8d8;
	border-radius: 20px;
}

.intr-kinds-zlwrapper::-webkit-scrollbar-track {
	background: #fff;
}

.intr-kinds-zlwrapper::-webkit-scrollbar-track-piece {
	background: #fff;
}

.intr-kinds-zlwrapper::-webkit-scrollbar-button {
	display: none;
}

.intr-cloud2-bg {
	width: 50%;
	margin-left: 25%;
	position: absolute;
	bottom: 22%;
}

.intr-cloud2-bg > div {
	float: left;
	margin-left: 12.5%;
	width: 25%;
	opacity: 0;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.intr-cloud2-bg1 {
	animation-delay: 1s;
}

.intr-cloud2-bg2 {
	animation-delay: 1.5s;
}

.intr-cloud2-bg3 {
	animation-delay: 2s;
}

.intr-cloud2-bg > div > img {
	width: 100%;
}

.intr-cloud2-bg > div:first-child {
	margin-left: 0;
}

.intr-cloud2-bg > div > p,
.intr-store2-bg > div > p {
	width: 100%;
	font-size: 20px;
	color: #292929;
	letter-spacing: 3px;
	text-align: center;
	margin-top: 60px;
	opacity: 1;
}

.intr-store2-bg {
	width: 26.6%;
	margin-left: 36.7%;
	position: absolute;
	bottom: 8%;
}

.intr-store2-bg > div {
	float: left;
	margin-left: 40%;
	width: 30%;
}

.intr-store2-bg > div > img {
	width: 100%;
}

.intr-store2-bg > div:first-child {
	margin-left: 0;
}

.intr-store2-bg > div > p {
	margin-top: 45px;
}

.intr-install-txt {
	width: 30%;
	margin-left: 62%;
	text-align: center;
	position: absolute;
	top: 160px;
}

.intr-install-txt .intr-title {
	color: #ffffff;
	letter-spacing: 3px;
	line-height: 47px;
}

.intr-link2-bg {
	width: 58%;
	margin-left: 21%;
	position: absolute;
	bottom: 10%;
}

.intr-link2-bg img {
	width: 28%;
	float: left;
	margin-left: 8%;
}

.intr-link2-bg img:first-child {
	margin-left: 0;
}

.aboutus-intr-info {
	width: 62%;
	margin-left: 19%;
	font-size: 18px;
	color: #292929;
	letter-spacing: 0;
	line-height: 30px;
	margin-top: 60px;
}

.aboutus-intr-info p {
	text-indent: 2em;
}

.about-intr-logo {
	margin-top: 60px;
	width: 52%;
	margin-left: 24%;
}

.about-intr-logo img {
	width: 100%;
}

.about-intr-contactus {
	width: 62%;
	margin-left: 19%;
	margin-top: 60px;
}

.about-intr-contactus-title {
	font-size: 24px;
	color: #292929;
	letter-spacing: 0;
}

.about-intr-contactus-content {
	font-size: 20px;
	color: #292929;
	letter-spacing: 0;
	line-height: 30px;
}

.menu-aboutus-wrapper {
	width: 100%;
	/*margin-left: 18%;*/
	margin-left: 9.25%;
	margin-top: 64px;
	position: absolute;
	display: none;
}

.menu-aboutus-wrapper .honorArea {
	margin: 0 2.5%;
}

.menu-aboutus-wrapper a {
	text-decoration: none;
}

.ourguest-intr-info,
.ourfriends-intr-info,
.email-intr-info {
	width: 64%;
	margin-left: 18%;
	text-align: center;
	margin-top: 90px;
}

.ourguest-intr-info img,
.ourfriends-intr-info img {
	width: 100%;
	margin-top: 60px;
}

.container-main-friends {
	background-color: #f7f7f7;
	padding-bottom: 100px;
}

.friends-intr-txt,
.friends-intr-txt {
	font-size: 30px;
	color: #292929;
	letter-spacing: 0;
}

.email-intr-txt {
	font-size: 30px;
	color: #292929;
	letter-spacing: 0;
}

.email-intr-email {
	font-size: 30px;
	color: #26b6bb;
	letter-spacing: 0;
	text-decoration: none;
}

.email-intr-email:hover {
	color: #26b6bb;
}

/*service*/

.service-banner-txt {
	position: absolute;
	width: 33.6%;
	left: 19%;
	top: 45%;
	font-size: 28px;
	color: #292929;
	letter-spacing: 0;
	line-height: 45px;
}

.container-service-wrapper {
	background-color: #f7f7f7;
	width: 100%;
	padding: 60px 0 100px 0;
}

.container-service-wrapper.mobile {
	padding: 0;
	background-color: #fff;
}

.container-service-wrapper.mobile .service-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: auto;
	margin-left: 0;
	padding: 0 0.4rem 0.505rem;
}

.container-service-wrapper.mobile .service-items-box {
	box-shadow: 0 10px 20px #ccc;
	border: 0.01rem solid #e2e2e2;
	border-radius: 0.1rem;
	margin: 0.377rem 0 0;
	text-align: center;
	width: 100%;
	padding: 0.703rem 2.05rem 0.708rem;
}

.container-service-wrapper.mobile .service-item-btn {
	position: relative;
	bottom: 0;
	left: 0;
}

.container-service-wrapper.mobile .service-item-btn img {
	width: 1.85rem;
	margin: 0.47rem 0 0;
}

.service-wrapper {
	width: 62%;
	margin-left: 19%;
}

.service-items-box {
	float: left;
	width: 30.8%;
	margin-left: 3.8%;
	position: relative;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.service-items-box:hover {
	box-shadow: 0 21px 30px #ededed;
	transform: translateY(-2px);
}

.service-items-box:first-child {
	margin-left: 0;
}

.service-items-box img {
	width: 100%;
}

.service-item-btn {
	position: absolute;
	width: 50%;
	left: 25%;
	bottom: 16%;
	cursor: pointer;
}

.solution-intr-info {
	width: 48%;
	margin-left: 26%;
	margin-top: 60px;
	font-size: 18px;
	color: #292929;
	letter-spacing: 0;
	line-height: 30px;
}

.solution-intr-items {
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.solution-intr-items-title {
	width: 62%;
	margin-left: 19%;
}

.solution-intr-items-title img {
	width: 100%;
}

.solution-intr-items-content-3 {
	width: 52%;
	position: relative;
	margin: 36px 24% 60px 24%;
	zoom: 1;
	overflow: auto;
}

.solution-intr-items-3 {
	width: 30%;
	margin-left: 5%;
	float: left;
	position: relative;
	margin-top: 24px;
}

.solution-intr-items-3:nth-child(1),
.solution-intr-items-3:nth-child(4) {
	margin-left: 0;
}

.solution-intr-items-3main {
	position: absolute;
	top: 33%;
	left: 12%;
	width: 80%;
}

.solution-intr-items-3 > img,
.solution-intr-items-4 > img {
	width: 100%;
}

.solution-intr-items-3title {
	font-size: 24px;
	color: #292929;
	letter-spacing: 0;
}

.solution-intr-items-3content,
.solution-intr-items-3content {
	font-size: 14px;
	color: #5b5b5b;
	letter-spacing: 0;
	line-height: 20px;
}

.solution-intr-items-content-4 {
	width: 52%;
	position: relative;
	margin: 60px 24%;
	zoom: 1;
	overflow: auto;
}

.solution-intr-items-content-4 > div,
.solution-intr-items-content-4b > div {
	width: 31%;
	margin-left: 3%;
	float: left;
	position: relative;
}

.solution-intr-items-content-4 > div:nth-child(1),
.solution-intr-items-content-4 > div:nth-child(5) {
	margin-left: 0;
}

.solution-intr-items-content-4b > div:nth-child(1),
.solution-intr-items-content-4b > div:nth-child(4) {
	margin-left: 0;
}

.solution-intr-items-4main {
	width: 86%;
	position: absolute;
	top: 44%;
	left: 7%;
}

.solution-intr-items-4title {
	font-size: 20px;
	color: #292929;
	letter-spacing: 0;
	text-align: center;
}

.solution-intr-field {
	width: 34%;
	margin: 60px 33%;
}

.solution-intr-field img {
	width: 100%;
}

/*solution-index*/

.solution-intr-title {
	width: 100%;
	text-align: center;
	margin: 50px 0;
	font-size: 36px;
	color: #292929;
	letter-spacing: 6px;
}

.solution-intr-items-content-4b {
	width: 58%;
	position: relative;
	margin: 0 21% 30px 21%;
	zoom: 1;
	overflow: auto;
	padding: 30px 21px;
}

.solution-intr-items-4b {
	margin-top: 40px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	color: #505050;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}

.solution-intr-items-4b:hover {
	box-shadow: 0 21px 30px #ededed;
	transform: translateY(-2px);
	color: #26b6bb;
}

.solution-intr-items-4b:hover a {
	text-decoration: none;
}

.solution-intr-items-4b > a {
	color: #505050;
	text-decoration: none;
}

.solution-intr-items-4b > a:hover,
.solution-intr-items-4b > a:focus {
	color: #26b6bb;
}

.solution-intr-items-4b > a > img {
	width: 100%;
}

.solution-intr-items-4btitle {
	font-size: 24px;
	letter-spacing: 0;
	width: 100%;
	text-align: center;
	background: #fff;
	height: 60px;
	line-height: 60px;
	margin: 0;
}

/*solution-edu*/

.solution-intr-items-content-3sm {
	width: 42%;
	margin: 60px 29%;
}

.solution-intr-items-3smmain {
	width: 80%;
	left: 10%;
	top: 44%;
}

.solution-intr-items-3smmain .solution-intr-items-3title {
	text-align: center;
	font-size: 20px;
}

.solution-intr-items-content-3sm .solution-intr-items-3 {
	margin-left: 5%;
	margin-top: 30px;
}

.solution-intr-items-content-3sm .solution-intr-items-3:nth-child(1),
.solution-intr-items-content-3sm .solution-intr-items-3:nth-child(4) {
	margin-left: 0;
}

.solution-intr-info {
	width: 48%;
	margin-left: 26%;
	margin-top: 60px;
	font-size: 18px;
	color: #292929;
	letter-spacing: 0;
	line-height: 30px;
}

.solution-intr-items {
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.solution-intr-items-title {
	width: 62%;
	margin-left: 19%;
}

.solution-intr-items-title img {
	width: 100%;
}

.solution-intr-items-content-3 {
	width: 52%;
	position: relative;
	margin: 36px 24% 60px 24%;
	zoom: 1;
	overflow: auto;
}

.solution-intr-items-3 {
	width: 30%;
	margin-left: 5%;
	float: left;
	position: relative;
	margin-top: 24px;
}

.solution-intr-items-3:nth-child(1),
.solution-intr-items-3:nth-child(4) {
	margin-left: 0;
}

.solution-intr-items-3main {
	position: absolute;
	top: 33%;
	left: 12%;
	width: 80%;
}

.solution-intr-items-3 > img,
.solution-intr-items-4 > img {
	width: 100%;
}

.solution-intr-items-3title {
	font-size: 24px;
	color: #292929;
	letter-spacing: 0;
}

.solution-intr-items-3content,
.solution-intr-items-3content {
	font-size: 14px;
	color: #5b5b5b;
	letter-spacing: 0;
	line-height: 20px;
}

.solution-intr-items-content-4 {
	width: 52%;
	position: relative;
	margin: 60px 24%;
	zoom: 1;
	overflow: auto;
}

.solution-intr-items-content-4 > div,
.solution-intr-items-content-4b > div {
	width: 31%;
	margin-left: 3%;
	float: left;
	position: relative;
}

.solution-intr-items-content-4 > div:nth-child(1),
.solution-intr-items-content-4 > div:nth-child(5) {
	margin-left: 0;
}

.solution-intr-items-content-4b > div:nth-child(1),
.solution-intr-items-content-4b > div:nth-child(4) {
	margin-left: 0;
}

.solution-intr-items-4main {
	width: 86%;
	position: absolute;
	top: 44%;
	left: 7%;
}

.solution-intr-items-4title {
	font-size: 20px;
	color: #292929;
	letter-spacing: 0;
	text-align: center;
}

.solution-intr-field {
	width: 34%;
	margin: 60px 33%;
}

.solution-intr-field img {
	width: 100%;
}

/*solution-index*/

.solution-intr-title {
	width: 100%;
	text-align: center;
	margin: 50px 0;
	font-size: 36px;
	color: #292929;
	letter-spacing: 6px;
}

.solution-intr-items-content-4b {
	width: 58%;
	position: relative;
	margin: 0 21% 30px 21%;
	zoom: 1;
	overflow: auto;
	padding: 30px 21px;
}

.solution-intr-items-4b {
	margin-top: 40px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	color: #505050;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}

.solution-intr-items-4b:hover {
	box-shadow: 0 21px 30px #ededed;
	transform: translateY(-2px);
	color: #26b6bb;
}

.solution-intr-items-4b:hover a {
	text-decoration: none;
}

.solution-intr-items-4b > a {
	color: #505050;
	text-decoration: none;
}

.solution-intr-items-4b > a:hover,
.solution-intr-items-4b > a:focus {
	color: #26b6bb;
}

.solution-intr-items-4b > a > img {
	width: 100%;
}

.solution-intr-items-4btitle {
	font-size: 24px;
	letter-spacing: 0;
	width: 100%;
	text-align: center;
	background: #fff;
	height: 60px;
	line-height: 60px;
	margin: 0;
}

/*solution-edu*/

.solution-intr-items-content-3sm {
	width: 42%;
	margin: 60px 29%;
}

.solution-intr-items-3smmain {
	width: 80%;
	left: 10%;
	top: 44%;
}

.solution-intr-items-3smmain .solution-intr-items-3title {
	text-align: center;
	font-size: 20px;
}

.solution-intr-items-content-3sm .solution-intr-items-3 {
	margin-left: 5%;
	margin-top: 30px;
}

.solution-intr-items-content-3sm .solution-intr-items-3:nth-child(1),
.solution-intr-items-content-3sm .solution-intr-items-3:nth-child(4) {
	margin-left: 0;
}

/* connect */

.connect-intr-info {
	width: 48%;
	margin-left: 26%;
	margin-top: 60px;
	font-size: 18px;
	color: #292929;
	letter-spacing: 0;
	line-height: 30px;
}

.connect-intr-items {
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.connect-intr-items-title {
	width: 62%;
	margin-left: 19%;
}

.connect-intr-items-title img {
	width: 100%;
}

.connect-intr-items-content-4 > div,
.connect-intr-items-content-4b > div {
	width: 32%;
	margin-left: 2%;
	float: left;
	position: relative;
}

.connect-intr-items-content-4 > div:nth-child(1),
.connect-intr-items-content-4 > div:nth-child(4) {
	margin-left: 0;
}

.connect-intr-items-content-4b > div:nth-child(1),
.connect-intr-items-content-4b > div:nth-child(4) {
	margin-left: 0;
}

.connect-intr-items-4main {
	width: 86%;
	position: absolute;
	top: 44%;
	left: 7%;
}

.connect-intr-items-4title {
	font-size: 20px;
	color: #292929;
	letter-spacing: 0;
	text-align: center;
}

.connect-intr-field {
	width: 34%;
	margin: 60px 33%;
}

.connect-intr-field img {
	width: 100%;
}

/*connect-index*/

.connect-intr-title {
	width: 100%;
	text-align: center;
	margin: 50px 0;
	font-size: 36px;
	color: #292929;
	letter-spacing: 6px;
}

.connect-intr-items-content-4b {
	width: 62.5%;
	position: relative;
	margin: 0 auto 30px;
	zoom: 1;
	overflow: auto;
	padding: 30px 0;
}

.connect-intr-items .connect-intr-items-content-4b .connect-intr-items-pc {
	width: 40%;
}

.connect-intr-items .connect-intr-items-content-4b .connect-intr-items-app {
	width: 26%;
	margin-left: 0;
	margin: 60px 0;
	overflow: hidden;
}

.connect-intr-items-content-4b .connect-intr-items-app p {
	text-align: center;
	line-height: 32px;
	color: #333;
	font-size: 18px;
}

.connect-intr-items-content-4b .connect-intr-items-app .app-ios {
	float: left;
	width: 45%;
	margin-right: 10%;
	position: relative;
}

.connect-intr-items-content-4b .connect-intr-items-app .app-ios > img {
	width: 100%;
}

.connect-intr-items-content-4b .connect-intr-items-app .app-ios > img.dl-code {
	position: absolute;
	left: 0;
	top: 0;
}

.connect-intr-items-content-4b .connect-intr-items-app .app-android {
	float: left;
	width: 45%;
	position: relative;
}

.connect-intr-items-content-4b .connect-intr-items-app .app-android > img {
	width: 100%;
}

.connect-intr-items-content-4b .connect-intr-items-app .app-android > img.dl-code {
	position: absolute;
	left: 0;
	top: 0;
}

.connect-intr-items-pc img {
	width: 100%;
}

.connect-intr-items-config {
	width: 22%;
}

.connect-intr-items-config p {
	margin-bottom: 18px;
	line-height: 42px;
	height: 42px;
	color: #333;
	font-size: 30px;
}

.connect-intr-items-config > div {
	line-height: 28px;
	font-size: 14px;
	color: #666;
}

.connect-intr-items-config > a {
	text-decoration: none;
}

.connect-intr-items-config > a > div {
	width: 50%;
	border-radius: 25px;
	line-height: 50px;
	height: 50px;
	background-color: #2f8eff;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-top: 30px;
}

.connect-intr-items-config > a > div > img {
	padding-bottom: 5px;
}

.connect-intr-items-4b {
	margin-top: 40px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	color: #505050;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}

.connect-intr-items-4b:hover {
	box-shadow: 0 21px 30px #ededed;
	transform: translateY(-2px);
	color: #26b6bb;
}

.connect-intr-items-4b:hover a {
	text-decoration: none;
}

.connect-intr-items-4b > a {
	color: #505050;
	text-decoration: none;
}

.connect-intr-items-4b > a > img {
	width: 100%;
}

.connect-intr-items-4btitle {
	font-size: 20px;
	color: #333;
	width: 100%;
	text-align: center;
	background: #fff;
	height: 62px;
	line-height: 28px;
	padding-top: 22px;
	margin: 0;
}

.connect-intr-items-4bsubtitle {
	font-size: 16px;
	color: #666;
	background: #fff;
	min-height: 109px;
	line-height: 28px;
	padding: 0 20px 0;
	margin: 0;
}

.returnTop {
	display: block;
	width: 11.1%;
	position: fixed;
	right: -5.7%;
	bottom: 12%;
	z-index: 1000;
}

.returnTop img {
	width: 100%;
}

/*news-detail*/

.nd-news-wrapper {
	width: 62.5%;
	margin-left: 18.8%;
}

.nd-news-detailbox {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	min-height: 300px;
	padding: 25px 5%;
}

/*honor*/

.honor-intr-items {
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.honor-intr-items:nth-child(2) {
	margin-top: 50px;
}

.honor-intr-items-content-4b {
	width: 62%;
	position: relative;
	margin: 0 19%;
	zoom: 1;
	padding: 0 21px;
	cursor: pointer;
	overflow: hidden;
	/*min-height: 470px;*/
}

.container-main-wrapper .certificate {
	padding-top: 50px;
}

.container-main-wrapper .special {
	margin-top: 30px;
}

.container-main-wrapper .intellectual {
	margin: 60px 19% 80px 19%;
}

.honor-intr-title2 {
	margin: 70px 0 70px 19%;
}

.honor-intr-items-content-4b > div:nth-child(1) {
	margin-left: 0;
}

.honor-intr-items .honor-intr-items-content-4b .big {
	width: 48.6%;
	margin-left: 14.2%;
}

.honor-intr-items-content-4 > div,
.honor-intr-items-content-4b > div {
	width: 23%;
	margin-left: 2.6%;
	float: left;
	position: relative;
}

.honor-intr-items-4b > a {
	color: #505050;
}

.honor-intr-items-4b > a > img {
	width: 100%;
}

.honor-intr-items-4b img {
	width: 100%;
	transition: all 0.2s linear;
	box-shadow: 2px 2px 4px 0 #d7d7d7;
}

.honor-intr-items-4b:hover .divMask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: black;
	z-index: 1001;
	opacity: 0.3;
}

/**solution重写**/

.container-solution-wrapper {
	width: 100%;
}

.container-solution-wrapper * {
	margin: 0 auto;
}

.solution-banner {
	width: 100%;
	height: 409px;
	overflow-x: hidden;
	position: relative;
}

.solution-banner1 {
	background: url('../images/solution/society/banner.png') center no-repeat;
	background-size: cover;
}

.solution-banner2 {
	background: url('../images/solution/kitchen/banner.png') center no-repeat;
	background-size: cover;
}

.solution-banner3 {
	/* background: url("../images/solution/solution-telecom-01.png") center no-repeat; */
	background: url('../images/solution/telecom/banner.jpg') center no-repeat;
	background-size: cover;
}

.solution-banner4 {
	background: url('../images/solution/store/banner.png') center no-repeat;
	background-size: cover;
}

.solution-banner5 {
	background: url('../images/solution/family/banner.jpg') center no-repeat;
	background-size: cover;
}

.solution-banner6 {
	background: url('../images/solution/education/banner.jpg') center no-repeat;
	background-size: cover;
}

.solution-banner img {
	width: 1920px;
}

.solution-store-banner-txt2 {
}

.solution-store-banner-txt3 {
}

.solution-store-banner-txt {
	width: 926px;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0.6px;
	line-height: 60px;
	text-align: center;
	position: absolute;
	top: 170px;
	left: 0;
	right: 0;
}

.solution-store-banner-txt4 {
	width: 785px;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0.6px;
	line-height: 60px;
	text-align: right;
	position: absolute;
	top: 170px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.solution-store-banner-txt2-sub {
	font-size: 36px;
}

.solution-info-txt {
	/* width: 906px; */
	width: 1200px;
	text-align: left;
	font-size: 18px;
	color: #292929;
	letter-spacing: 0;
	line-height: 30px;
	margin: 42px auto 16px;
	padding-top: 1em;
}

.solution-info-txt p {
	padding: 0 0 1em 0;
	text-indent: 2em;
}

.solution-intr-titles {
	width: 1175px;
	margin: 3% auto;
	display: block;
}

.solution-intr-3b {
	width: 990px;
}

.solution-society-intr1 {
	width: 90%;
	display: inline-block;
}

.solution-intr-3b-item {
	width: 310px;
	height: 230px;
	float: left;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	position: relative;
	margin-left: 30px;
}

.solution-intr-3b-item:nth-child(1),
.solution-intr-3b-item:nth-child(4) {
	margin-left: 0;
}

.solution-intr-3b-item:nth-child(4) {
	margin-top: 66px;
}

.solution-intr-3b-item-icon {
	position: absolute;
	width: 70px;
	height: 70px;
	top: -35px;
	right: 24px;
}

.solution-intr-3b-item-title {
	max-width: 232px;
	font-size: 24px;
	color: #292929;
	letter-spacing: 0;
	margin-top: 69px;
	margin-left: 30px;
}

.solution-intr-3b-item-content {
	width: 232px;
	margin-top: 16px;
	margin-left: 30px;
	font-size: 14px;
	color: #5b5b5b;
	letter-spacing: 0;
	line-height: 22px;
}

.solution-intr-3sm {
	width: 810px;
}

.pr {
	position: relative;
}

.col-3 {
}

.col-3 > div {
	flex-basis: 32%;
}

.flex-row {
	display: flex;
	flex-direction: column;
	/* align-items:flex-start; */
	/* justify-content:space-between; */
}

.flex-col-between {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.flex-wrap {
	flex-wrap: wrap;
}

.solution-intr-2sm {
	width: 1200px;
}

.solution-intr-2sm-item {
	position: relative;
}

.solution-intr-2sm-item-icon {
}

.solution-intr-2sm-item-title {
	text-align: center;
	font-size: 20px;
	color: #fff;
	letter-spacing: 0;
	line-height: 30px;
	position: absolute;
	bottom: 16px;
	left: 18px;
	background: rgba(0, 0, 0, 0.1);
	/* margin-top: 18px; */
}

.container-solution-wrapper.mobile .solution-intr-2sm-item-title {
	bottom: 0.1rem;
	left: 0.25rem;
	font-size: 0.22rem;
	line-height: 0.3rem;
}

.mask-center {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	letter-spacing: 0;
}

#society .applicationScene .solution-intr-2sm-item-title,
.mask-center.mobile {
	font-size: 0.26rem;
	line-height: 0.37rem;
}

#family .solution-intr-2sm-item-title {
	text-align: left;
	font-family: 'PingFangSC-Medium', 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif' !important;
	font-size: 22px;
}

#family .mobile .solution-intr-2sm-item-title {
	font-size: 0.22rem;
	line-height: 0.3rem;
	left: 0.25rem;
}

.solution-intr-4sm {
	/* width: 1010px; */
}

.tc {
	text-align: center;
}

.tcForce {
	text-align: center !important;
}

.tl {
	text-align: left;
}

.tlForce {
	text-align: left !important;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mb26 {
	margin-bottom: 26px;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mt35 {
	margin-top: 35px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb50rem {
	margin-bottom: 0.5rem;
}

.pt40Force {
	padding-top: 40px !important;
}

.w1200 {
	width: 1200px;
}

.h86 {
	height: 86px;
}

.h100 {
	height: 100px;
}

.h123 {
	height: 123px;
}

.h150 {
	height: 150px;
}

.h180 {
	height: 180px;
}

.h345 {
	height: 345px;
}

.h373 {
	height: 373px;
}

.h389 {
	height: 389px;
}

.solution-intr-3sm-item {
	width: 230px;
	height: 230px;
	margin-left: 60px;
	float: left;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
}

.solution-intr-col-3 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.solution-intr-col-3-item {
	width: 388px;
	border-radius: 10px;
	background: #fff;
	padding: 102px 32px 38px 51px;
	position: relative;
	text-align: left;
}

.solution-intr-col-3.row-2.mobile .solution-intr-col-3-item {
	padding: 10px;
	flex-direction: column;
}

#telecom .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item,
#education .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item,
#kitchen .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item,
#telecom .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item {
	padding: 0.65rem 0.5rem 0.3rem;
}

#stores .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item {
	padding: 0.53rem 0.46rem 0.33rem;
}

#familyApplication .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item {
	padding: 0.65rem 0.3rem 0.3rem;
}

.solution-intr-col-3.row-3 .solution-intr-col-3-item,
.solution-intr-col-3.row-4 .solution-intr-col-3-item {
	/* padding: 53px 32px 38px 49px; */
	padding: 0;
	text-align: center;
}

.solution-intr-col-3.row-3 .solution-intr-col-3-item-content {
	padding: 0 32px 15px 49px;
}

#stores .solution-intr-col-3.row-3 .solution-intr-col-3-item-content {
	padding: 0;
}

.family .solution-intr-col-3.row-3 .solution-intr-col-3-item-content {
	padding: 0;
}

.solution-intr-col-3.row-4 .solution-intr-col-3-item-content {
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	padding: 0 22px 0 24px;
	position: absolute;
	bottom: 16px;
	left: 18px;
	background: rgba(0, 0, 0, 0.1);
}

#education .solution-intr-col-3.row-4.mobile .solution-intr-col-3-item-content.mobile,
#kitchen .solution-intr-col-3.row-4.mobile .solution-intr-col-3-item-content.mobile {
	bottom: 0.2rem !important;
	min-height: unset;
	/* bottom:-19px!important; */
	left: 0.1rem !important;
}

#familySolution.solution-intr-col-3.row-2 {
	background: #fff;
	border-radius: 10px;
}

.family .solution-intr-col-3.row-3 .solution-intr-col-3-item {
	padding: 92px 50px 30px;
}

.solution-intr-col-3-item-img-wrap {
	/* width: 84px; */
}

#telecom .solution-intr-col-3-item-img-wrap {
	/* margin-bottom: .56rem; */
}

#education .row-3.mobile .solution-intr-col-3-item-img-wrap,
#kitchen .row-3.mobile .solution-intr-col-3-item-img-wrap {
	margin-bottom: 0.24rem;
}

#familySolution .solution-intr-col-3-item-img-wrap {
	margin-bottom: 0;
}

.solution-intr-col-3-item-icon {
	/* border: 3px solid purple; */
	width: 84px;
}

.solution-intr-col-3.row-2 .solution-intr-col-3-item {
	/* height: 345px; */
	padding: 53px 32px 38px 49px;
	text-align: center;
}

#family .solution-intr-col-3.row-2 .solution-intr-col-3-item {
	padding: 40px 50px 30px;
}

#family .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item {
	padding: 0.7rem 0.3rem 0.3rem;
}

#familySolution .solution-intr-col-3.row-2 .solution-intr-col-3-item {
	padding: 0.65rem 0.5rem 0.5rem;
}

.telecom .solution-intr-col-3.row-2 .solution-intr-col-3-item {
	padding: 65px 50px 30px;
	/* border: 3px solid lightcoral; */
}

/* .solution-intr-col-3.row-2 .solution-intr-col-3-item-icon,
.solution-intr-col-3.row-3 .solution-intr-col-3-item-icon, */

.solution-intr-col-3 .solution-intr-col-3-item-icon,
.family .solution-intr-col-3.row-2 .solution-intr-col-3-item-icon,
.family .solution-intr-col-3.row-3 .solution-intr-col-3-item-icon {
	width: auto;
	height: 100%;
}

/* #stores .solution-intr-col-3.row-2 .solution-intr-col-3-item, */

#stores .solution-intr-col-3.row-3 .solution-intr-col-3-item,
#society .solution-intr-col-3.row-2 .solution-intr-col-3-item {
	/* #stores .solution-intr-col-3.row-3 .solution-intr-col-3-item { */
	position: relative;
	margin-top: 37px;
	width: 100%;
	height: 545px;
	padding: 100px 32px 38px 49px;
	text-align: center;
}

#stores .solution-intr-col-3.row-3 .solution-intr-col-3-item {
	padding: 100px 32px 38px 49px;
	height: 545px;
}

#stores .solution-intr-col-3.row-3.mobile .solution-intr-col-3-item,
#society .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item {
	position: relative;
	margin-top: 0.35rem;
	width: 100%;
	height: 5.7rem;
	padding: 1.02rem 0.51rem 0.4rem;
}

#society .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item {
	height: 6rem;
}

#stores .solution-intr-col-3.row-3.mobile .solution-intr-col-3-item-icon.top,
#society .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item-icon.top {
	width: 1.1rem;
	height: unset;
	top: -0.35rem;
	right: 0.1rem;
}

.solution-intr-col-3-item-icon.top {
	position: absolute;
	top: -37px;
	right: 26px;
	width: 120px;
	height: auto;
}

/* PC端 */

.solution-intr-col-3-item-title {
	font-size: 22px;
	line-height: 30px;
	color: #2fa8fb;
	letter-spacing: 0;
	margin-bottom: 17px;
}

/* 移动端 title大小 */

.solution-intr-col-3.mobile .solution-intr-col-3-item-title {
	font-size: 0.22rem;
	line-height: 0.3rem;
}

#society .solution-intr-col-3-item-title,
#stores .solution-intr-col-3-item-title,
#education .solution-intr-col-3-item-title,
#kitchen .solution-intr-col-3-item-title,
#telecom .solution-intr-col-3-item-title,
#family .solution-intr-col-3-item-title {
	margin-bottom: 0.17rem;
}

#stores .row-3 .solution-intr-col-3-item-title {
	text-align: left;
}

.solution-intr-col-3-item-content {
	/* border: 1px solid rgb(44, 9, 240); */
	font-size: 16px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

.solution-intr-col-3-item-content.mobile {
	width: auto;
	font-size: 0.28rem;
	margin: 0.386rem 0 0;
	line-height: 0.48rem;
	bottom: -19px !important;
	left: 3px !important;
}

#society .solution-intr-col-3-item-content.mobile,
#stores .solution-intr-col-3-item-content.mobile,
#education .solution-intr-col-3-item-content.mobile,
#kitchen .solution-intr-col-3-item-content.mobile,
#telecom .solution-intr-col-3-item-content.mobile,
#family .solution-intr-col-3-item-content.mobile {
	min-height: 1.1rem;
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin-top: 0;
}

#society .row-2 .solution-intr-col-3-item-content.mobile,
#stores .row-3 .solution-intr-col-3-item-content.mobile {
	padding: 0;
}

#stores .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item-title {
	margin-bottom: 0.22rem;
}

#stores .solution-intr-col-3.row-2.mobile .solution-intr-col-3-item-img-wrap {
	margin-bottom: 0.26rem;
}

#stores .row-3 .solution-intr-col-3-item-content.mobile {
	width: 3.05rem;
}

.para-title {
	color: cornflowerblue;
}

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

#stores .row-2 .solution-intr-col-3-item-content.mobile,
#education .row-2 .solution-intr-col-3-item-content.mobile #kitchen .row-2 .solution-intr-col-3-item-content.mobile {
	min-height: unset;
}

#education .row-3 .solution-intr-col-3-item-content.mobile,
#kitchen .row-3 .solution-intr-col-3-item-content.mobile {
	padding: 0 0.32rem 0.15rem 0.49rem;
}

#family .solution-intr-col-3-item-content.mobile {
	min-height: 0.5rem;
}

#society .row-2 .swiper-container,
#stores .row-3 .swiper-container {
	overflow-y: visible !important;
}

.swiper-button-prev,
.swiper-button-next {
	/* width: 27px; */
	width: 28px !important;
	/* height: 44px; */
	height: 97px !important;
	background-size: 28px 97px !important;
	/* margin-top: -22px; */
	margin-top: -49px !important;
}

.swiper-button-prev {
	background-image: url('../images/lift_n.png') !important;
}

.swiper-button-prev:hover {
	background-image: url('../images/lift_p.png') !important;
}

.swiper-button-next {
	background-image: url('../images/right_n.png') !important;
}

.swiper-button-next:hover {
	background-image: url('../images/right_p.png') !important;
}

.solution-intr-4sm-item {
	width: 230px;
	height: 230px;
	margin-left: 30px;
	float: left;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
}

.solution-intr-3sm-item:nth-child(4),
.solution-intr-3sm-item:nth-child(5),
.solution-intr-3sm-item:nth-child(6) {
	margin-top: 60px;
}

.solution-intr-3sm-item:nth-child(1),
.solution-intr-3sm-item:nth-child(4),
.solution-intr-4sm-item:nth-child(1) {
	margin-left: 0;
}

.solution-intr-3sm-item-icon,
.solution-intr-4sm-item-icon {
	width: 66px;
	height: 66px;
	margin-left: 82px;
	margin-top: 23px;
}

.solution-intr-3sm-item-title,
.solution-intr-4sm-item-title {
	text-align: center;
	font-size: 20px;
	color: #292929;
	letter-spacing: 0;
	line-height: 20px;
	margin-top: 18px;
}

.solution-intr-3sm-item-content,
.solution-intr-4sm-item-content {
	width: 173px;
	margin-top: 18px;
	margin-left: 29px;
}

.solution-intr-run {
	height: 110px;
	display: block;
	margin: 0 auto 60px auto;
}

.solution-intr-run1 {
	width: 595px;
}

.solution-intr-run2 {
	width: 649px;
}

.solution-intr-run3 {
	width: 613px;
}

.solution-intr-run4 {
	width: 534px;
}

.container-aboutus-main {
	width: 62.5%;
	margin: 0 auto;
}

.container-aboutus-main.mobile {
	width: 100%;
	padding: 0 0.475rem;
}

.container-aboutus-links {
	width: 60%;
	max-width: 604px;
	float: left;
}

.container-aboutus-links.mobile {
	width: 100%;
	max-width: none;
	padding: 0.388rem 0 0.308rem;
}

.container-aboutus-links.mobile > div {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.container-aboutus-links.mobile > div > div {
	display: flex;
	flex-direction: column;
}

.container-aboutus-links.mobile a {
	padding: 0.204rem 0;
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #505050;
}

.container-aboutus-service {
	width: 211px;
	float: right;
	margin-top: -4px;
}

.container-aboutus-service.mobile {
	float: inherit;
	width: 100%;
	margin: 0.285rem 0 0;
}

.container-aboutus-service .qr-code {
	display: inline-block;
	margin-top: 0.035rem;
}

.container-aboutus-service .qr-code p {
	margin-top: 0.064rem;
	vertical-align: top;
	text-align: center;
	margin-bottom: 0;
	color: #666;
	font-size: 0.2rem;
	line-height: 0.28rem;
}

.mobile .qr-code .qrcode-item img {
	width: 1.92rem;
}

.mobile .qrcode-item:last-child {
	margin-left: 0.2rem;
}

.security-wrapper {
	width: 1200px;
	margin: 140px auto;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 10px;
	overflow: hidden;
}

.security-wrapper div {
	width: 100%;
	padding: 0 65px 0 35px;
}

.security-wrapper .security-h1 {
	height: 70px;
	line-height: 70px;
	font-size: 24px;
	color: #505050;
	letter-spacing: 0;
	background-image: linear-gradient(-180deg, #ffffff 0%, #fdfbfb 20%, #f8f8f8 94%, #f9f9f9 100%);
	box-shadow: 0 6px 12px 0 rgba(179, 177, 177, 0.34), inset 0 2px 2px 1px #ffffff;
}

.security-wrapper .security-h2 {
	background: #e6e7e8;
	font-size: 14px;
	color: #505050;
	letter-spacing: 0.4px;
	line-height: 50px;
	height: 50px;
	font-weight: 600;
}

.security-wrapper a {
	color: #807f7f;
	cursor: pointer;
	text-decoration: none;
}

.security-wrapper a:hover {
	color: #23b8bc;
}

.security-wrapper .security-updatetime {
	font-size: 14px;
	color: #807f7f;
	letter-spacing: 0.4px;
	line-height: 50px;
	float: right;
	font-weight: 400;
}

.security-wrapper .security-content {
	font-size: 14px;
	color: #807f7f;
	letter-spacing: 0.4px;
	line-height: 23px;
	padding: 30px 65px 30px 35px;
}

.mb20rem {
	margin-bottom: 0.2rem;
}

.mb26rem {
	margin-bottom: 0.26rem;
}

mb50rem {
	margin-bottom: 0.5rem;
}

.h100rem {
	height: 1rem;
}

/*******自适应*******/

@media screen and (max-width: 1766px) {
	.service-banner-txt {
		font-size: 20px;
		line-height: 28px;
	}
	/*.intr-store .intr-icons {*/
	/*margin-top: 4%;*/
	/*}*/
	.solution-intr-items-4btitle {
		font-size: 20px;
	}
	.s13-intr p,
	.s23-intr p {
		margin: 0 0 12px;
	}
	.banner-wrapper,
	.menu-wrapper,
	.connect-intr-items-content-4b,
	.nd-news-wrapper,
	.container-aboutus-main {
		width: 1200px;
	}
}

@media screen and (max-width: 1600px) {
	.connect-wrap .banner-wrapper .connect-fl > img {
		width: 45%;
	}
}

@media screen and (max-width: 1440px) {
	.connect-wrap .banner-wrapper .connect-fl > img {
		width: 40%;
	}
}

@media screen and (max-width: 1366px) {
	.s13-intr p,
	.s23-intr p {
		margin: 0 0 8px;
	}
	.s13-intr .intr-title {
		line-height: 64px;
	}
	/*.intr-720-txt, .intr-120-txt, .intr-night-txt, .intr-1080-txt, .intr-360d-txt, .intr-kinds-txt, .intr-cloud2-txt, .intr-kinds-txt, .intr-store2-txt, .intr-link2-txt, .intr-store-txt, .intr-cloud-txt, .intr-link-txt {*/
	/*top: 30px;*/
	/*}*/
	.intr-call-txt,
	.intr-install-txt {
		top: 0;
		margin-top: 4%;
	}
	.solution-intr-info {
		font-size: 12px;
		line-height: 20px;
	}
	.solution-intr-items-3title,
	.solution-intr-items-4title,
	.solution-intr-items-4btitle,
	.solution-intr-items-3smmain .solution-intr-items-3title {
		font-size: 16px;
	}
	.solution-intr-items-3content,
	.solution-intr-items-4content {
		font-size: 9px;
		line-height: 13px;
	}
	.intr-title {
		font-size: 23px;
	}
	.intr-install-txt .intr-title {
		line-height: 40px;
	}
	.s13-intr .intr-content,
	.s23-intr .intr-content {
		font-size: 13px;
	}
	.solution-intr-title {
		font-size: 24px;
	}
	.friends-intr-txt,
	.email-intr-txt,
	.email-intr-email {
		font-size: 20px;
	}
	.intr-cloud2-bg > div > p,
	.intr-store2-bg > div > p {
		font-size: 18px;
	}
	.connect-wrap .banner-wrapper .connect-fl > img {
		width: 30%;
	}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1360px) {
	html,
	body {
		overflow-x: scroll;
	}
}

/*手机端兼容*/

.menu-show-menus .show-more {
	width: 0.33rem;
	height: 0.33rem;
	float: right;
	background: url('../images/mobile/more.png') no-repeat center;
	background-size: cover;
	margin: 0.34rem 0.463rem 0.33rem 0;
}

.menu-show-menus .show-more.open {
	background: url('../images/mobile/close.png') no-repeat center;
	background-size: cover;
}

.menus-item-wrapper {
	position: absolute;
	width: 100%;
	z-index: 110;
	display: none;
}

.menus-item-wrapper.open {
	display: block;
	transition: all 0.2s;
}

.menus-item-wrapper ul {
	padding: 0;
	margin: 0;
	background: #fff;
}

.menus-item-wrapper ul li {
	position: relative;
}

.menus-item-wrapper ul li a {
	list-style: none;
	/* padding:15px 20px; */
	padding: 0.3rem 0 0.3rem 0.4rem;
	line-height: 0.4rem;
	/* font-size: 14px; */
	/* border-top:1px solid #e5e5e5; */
	border-top: 0.01rem solid #e5e5e5;
	display: block;
	color: #333;
}

.menus-item-wrapper ul li a:hover,
.menus-item-wrapper ul li a:focus {
	text-decoration: none;
	outline: none;
}

.menus-item-wrapper .sub-aboutUs {
	background: #eee;
	display: none;
}

.menus-item-wrapper .sub-aboutUs.open {
	display: block;
}

.menus-item-wrapper .show-more-about-us span {
	position: absolute;
	/* top:14px; */
	top: 0.428rem;
	/* right:0; */
	right: 0.406rem;
	/* height: 20px;
    width: 20px; */
	width: 0.335rem;
	height: 0.166rem;
	line-height: 0;
	/* margin-right:32px; */
	background: url('../images/mobile/down.png') no-repeat center;
	background-size: cover;
}

.menus-item-wrapper .show-more-about-us.open span {
	background: url('../images/mobile/on.png') no-repeat center;
	background-size: cover;
	display: block;
}

.content-title {
	overflow: hidden;
	position: relative;
	font-size: 28px;
	color: #333;
	text-align: center;
	padding: 19px 0 15px;
	letter-spacing: 2px;
}

.content-title.mobile {
	font-size: 0.26rem;
	padding: 0.35rem 0 0.3rem;
}

.content-title .title-txt {
	position: relative;
}

.content-title .title-txt:before,
.content-title .title-txt:after {
	content: '';
	width: 514px;
	height: 2px;
	position: absolute;
	top: 50%;
}

.content-title.mobile .title-txt:before,
.content-title.mobile .title-txt:after {
	width: 1rem;
	height: 0.03rem;
	top: 0.08rem;
}

.content-title .title-txt:before {
	left: -547px;
	background: linear-gradient(90deg, #f7f7f7 0%, #aaa 100%);
}

.content-title.mobile .title-txt:before {
	left: -1.126rem;
	background: linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
}

.content-title .title-txt:after {
	right: -547px;
	background: linear-gradient(90deg, #aaa 0%, #f7f7f7 100%);
}

.content-title.mobile .title-txt:after {
	right: -1.126rem;
	background: linear-gradient(90deg, #cccccc 0%, #ffffff 100%);
}

.friends-list a {
	color: #26b6bb;
}

.doc-center {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	margin-top: 50px;
	color: #333;
}
.dowload-doc-wrapper {
	width: 1196px;
	margin: 30px auto;
}
.action-download-safe-whitebook {
	display: inline-block;
	width: 49%;
	color: #666;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
}
.action-download-safe-whitebook span {
	vertical-align: middle;
}
.action-download-safe-whitebook:hover {
	text-decoration: none;
}
.action-download-safe-whitebook::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	background: no-repeat center url(../images/connect/icon_doc@2x.png);
	background-size: contain;
	vertical-align: middle;
}