@charset "utf-8";/* CSS Document */

a, blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {margin:0;padding:0;outline:none}
table {border-collapse:collapse;border-spacing:0}
fieldset, img {border:0}
a {text-decoration:none}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {font:inherit}
del, ins {text-decoration:none}
ul>li {list-style:none}
caption, th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:400}
q:after, q:before {content:""}
abbr, acronym {border:0;font-feature-settings:normal;font-variant:normal}
sup {vertical-align:top}
sub {vertical-align:bottom}
legend {color:#000}
button::-moz-focus-inner {padding:0;border:0}
button {*overflow:visible}
b, strong {font-weight:700}
em {font-style:italic}
article, aside, footer, header, nav, section {display:block}
input::-webkit-search-cancel-button {display:none}
input::-ms-clear {display:none}
*, :after, :before {box-sizing:border-box}
html {font-size:14px;color:#333;font-family:Microsoft YaHei, sans-serif}
.um-win {position:relative}
.um-header {position:fixed;top:0;left:0;min-height:44px;z-index:999}
.um-content {overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;box-flex:1;flex:1;-webkit-transform-origin:top center;transform-origin:top center;background:#e7e8ea}
.um-box, .um-vbox {display:-webkit-box;display:flex}
.um-vbox {-webkit-box-orient:vertical;box-orient:vertical;flex-direction:column}
.um-hbox {display:-webkit-box;display:flex;-webkit-box-orient:horizontal;box-orient:horizontal;flex-direction:row}
.um-box-justify {-webkit-box-pack:justify;box-pack:justify;justify-content:space-between}
.um-box-center, .um-box-justify {display:-webkit-box;display:flex;-webkit-box-align:center;box-align:center;align-items:center}
.um-box-center, .um-box-hc {-webkit-box-pack:center;box-pack:center;justify-content:center}
.um-box-hc, .um-box-vc {display:-webkit-box;display:-moz-box;display:flex}
.um-box-vc {-webkit-box-align:center;box-align:center;align-items:center}
.um-bf1 {-webkit-box-flex:1;box-flex:1;flex:1}
.um-css3-hc {position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}
.um-css3-vc {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.um-css3-center {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
body, html {width:100%;height:100%;min-width:1200px}
.um-button {border:none;background:linear-gradient(-45deg, #fc4c2f, #ee2223);border-radius:3px;color:#fff;cursor:pointer}
.um-button:hover {background:linear-gradient(-225deg, #fc4c2f, #ee2223)}
.none {display:none}
.videoshowNew {overflow:hidden}
.videoshowNew, .videoshowNew video {position:relative}
.videoshowNew .videoshowNew-swipe-link {position:absolute;width:100%;left:0;top:50%;-webkit-transform:translateY(-180px);transform:translateY(-180px);text-align:center}
.videoshowNew .videoshowNew-swipe-link h4 {font-size:62px;font-weight:500;color:#fff;line-height:87px;text-shadow:0 2px 57px #171838;margin-bottom:21px}
.videoshowNew .videoshowNew-swipe-link h6 {font-size:24px;font-weight:400;color:#fff;line-height:33px;text-shadow:0 2px 57px #171838;margin-bottom:50px}
.videoshowNew .videoshowNew-swipe-link a {margin:0 auto;display:block;width:122px;height:38px;line-height:38px;border:none;background:linear-gradient(-45deg, #fc4c2f, #ee2223);border-radius:3px;color:#fff;cursor:pointer}
.videoshowNew .videoshowNew-swipe-link a:hover {background:linear-gradient(-225deg, #fc4c2f, #ee2223)}

.helloFriends .helloFriends-sider a{margin:0 auto;display:block;width:122px;height:38px;line-height:38px;border:none;background:linear-gradient(-45deg, #fc4c2f, #ee2223);border-radius:3px;color:#fff;cursor:pointer}
.helloFriends .helloFriends-sider a:hover {background:linear-gradient(-225deg, #fc4c2f, #ee2223)}

.bannerSets {width:100%;overflow:hidden;position:absolute;z-index:2;bottom:0;background:rgba(0, 0, 0, .4)}
.bannerSets-item ul {width:1200px;margin:0 auto}
.bannerSets-item ul li {width:300px;height:112px;-webkit-transition:all .4s ease;transition:all .4s ease;padding:15px 0 0}
.bannerSets-item ul li .cutBorder {height:77px;padding-left:22px;border-left:1px solid rgba(227, 227, 232, .2)}
.bannerSets-item ul li:first-child .cutBorder {border-left:none}
.bannerSets-item li:hover {background:hsla(0, 0%, 100%, .2)}
.bannerSets-item li:hover+li .cutBorder, .bannerSets-item li:hover .cutBorder {border-left:1px solid transparent}
.bannerSets-item li h5 {font-size:18px;font-weight:500;color:#fff;line-height:40px}
.bannerSets-item li p {font-size:14px;font-weight:400;color:#fff;opacity:.8}
.digitizationHome {width:1200px;height:632px;margin:0 auto}
.digitizationHome h2 {font-size:36px;font-weight:600;color:#333;line-height:50px;margin:117px 16px 36px 0}
.digitizationHome .text {width:600px;font-size:14px;font-weight:400;color:#333;line-height:30px;margin-bottom:94px}
.digitizationHome img {width:402px;height:632px}
.digitizationHome ul {display:-webkit-box;display:flex}
.digitizationHome ul li {width:105px;height:42px;padding:11px 24px;background:#f3f4f9;font-size:14px;font-weight:500;color:#333;line-height:20px}
.digitizationHome .checktitle {width:468px;font-size:14px;font-weight:400;color:#333;line-height:30px;margin-top:45px}
.digitizationHome .on, .digitizationHome .first {background:linear-gradient(-45deg, #fc4c2f, #ee2223);color:#fff}
.digitizationHome .on:after, .digitizationHome .first:after {content:"";width:0;height:0;border:6px solid transparent;border-top-color:#ee2223;top:0;left:0;position:relative;display:block;margin-top:11px;margin-left:24px}
.nativeHome {background:url(https://cdn.yonyoucloud.com/online/diwork/yonsuite-fe/nativeHomeBg-554ba10a.png);height:820px}
.nativeHome-contain {width:1200px;margin:0 auto;padding-top:90px}
.nativeHome-contain h2 {font-size:36px;font-weight:600;color:#fff;line-height:50px;text-align:center;margin-bottom:15px}
.nativeHome-contain p {font-size:18px;font-weight:400;color:#fff;text-align:center;line-height:30px;margin-bottom:40px}
.nativeHome-ul {width:1200px;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}
.nativeHome-ul li {width:270px;height:203px;background:#fff;border-radius:3px;text-align:center;padding:54px 92px;margin-top:29px;position:relative;overflow:hidden}
.nativeHome-ul li:hover:after {background:url(data:image/png;base64,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);content:"";width:270px;height:203px;left:0;top:0;z-Index:1;position:absolute;display:block;-webkit-animation:wrapper-gradient .2s linear;animation:wrapper-gradient .2s linear}
.nativeHome-ul li .mask {display:none}
.nativeHome-ul li:hover .mask {position:absolute;display:block;z-index:3;top:0;left:0;padding:0 25px;font-weight:400;color:#fff;line-height:30px;margin:71px 0;-webkit-animation:wrapper-gradien .4s linear;animation:wrapper-gradien .4s linear}
@-webkit-keyframes wrapper-gradient {0% {-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to {-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes wrapper-gradient {0% {-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to {-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes wrapper-gradien {0% {-webkit-transform:translateY(-150%);transform:translateY(-150%)}
to {-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes wrapper-gradien {0% {-webkit-transform:translateY(-150%);transform:translateY(-150%)}
to {-webkit-transform:translateY(0);transform:translateY(0)}}
.nativeHome-ul li p {font-size:20px;font-weight:400;color:#333;line-height:28px;margin-top:22px}
.nativeHome-ul li .mask {text-align:left;font-size:14px}
.ys_main{width:1200px;margin:20px auto 10px;}
.ys_main img{margin:10px auto;display:block;}
.ys_main p{text-indent:2em;font-size:14px;line-height:28px;}

#fancybox-wrap{box-sizing:content-box !important;}
#fancybox-wrap *{box-sizing:content-box !important; }

.helloFriends{width:100%;height:300px;background:#f1f1f1;}
.helloFriends-sider{text-align:center}
.helloFriends-sider h5{font-size:50px;font-weight:500;color:#333;line-height:70px;padding-top:60px}
.helloFriends-sider h6{font-size:14px;font-weight:400;color:#333;line-height:20px;margin:26px 0 29px}
.helloFriends-sider button{width:122px;height:38px;line-height:38px}
.helloFriends-sider button:hover{background:linear-gradient(-225deg,#fc4c2f,#ee2223)}
.helloFriends-sider button a{color:#fff}

.sets {
	width:100%;
	overflow:hidden;
	text-align:center
}
.sets .banner h3 {
	font-size:40px;
	font-weight:600;
	line-height:55px;
	color:#fff;
	width:1200px;
	margin:0 auto;
	text-align:left
}
.sets .banner {
	height:326px;
	background-size:100%;
	background-image:url(https://cdn.yonyoucloud.com/online/diwork/yonsuite-fe/zh_CN/productCenterBanner-f709d7ff.png);
	background-clip:border-box;
	background-repeat:no-repeat;
	background-position:50%;
	padding-top:80px
}
.sets .banner button {
	padding:12px 48px;
	line-height:18px;
	font-size:16px;
	font-weight:400;
	margin-top:28px
}
.sets .banner h6 {
	margin-top:8px;
	font-size:16px;
	line-height:28px;
	font-weight:400;
	color:#666
}
.sets-item {
	height:62px
}
.sets-item .titleFixed {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#fff;
	border-bottom:1px solid rgba(206, 212, 217, .5);
	z-index:10000
}
.sets-item ul {
	width:1200px;
	margin:0 auto
}
.sets-item ul li {
	width:227px;
transition:all .4s ease;
	cursor:pointer
}
.sets-item li:hover h5, .sets-item li h5.active {
	color:#f95752;
	border-bottom:2px solid #f95752
}
.sets-item li h5 {
	font-size:14px;
	color:#333;
	line-height:60px;
	display:inline-block;
	border-bottom:2px solid transparent
}
.sets-item li p {
	font-size:14px;
	font-weight:400;
	color:#666
}
.sets-item .imgcontainer {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	height:150px
}
.sets-item-en li h5 {
	line-height:30px;
	display:none
}
.sets .banner-en h3 {
	font-size:38px
}
.p-describe-c {
	width:1200px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:50px;
	text-align:center
}
.p-describe-c h2 {
	font-size:36px;
	font-weight:600;
	color:#222844;
	line-height:54px;
	margin-bottom:48px
}
.p-describe-c h5 {
	font-size:16px;
	font-weight:400;
	color:#666;
	line-height:28px;
	margin-top:8px;
	margin-bottom:82px
}
.p-box {
	flex-wrap:wrap
}
.p-describe-c dl {
	text-align:left
}
.p-describe-c dt {
	font-size:18px;
	font-weight:600;
	color:#333;
	line-height:25px;
	margin-bottom:20px;
	margin-top:54px
}
.style2 .p-describe-c dt {
	margin-top:34px
}
.p-describe-c .i {
	padding-left:35px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5SZWZyZXNoICDliLfmlrAgZTk2NjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSLlrprnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwODA3eW9uc3VpdGVf5Lqn5ZOB5Lit5b+DIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwOC4wMDAwMDAsIC0zMTMzLjAwMDAwMCkiIGZpbGw9IiNGNzQ1NDEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJSZWZyZXNoLS3liLfmlrAtZTk2Ni0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDA4LjAwMDAwMCwgMzEzMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWZyZXNoLS3liLfmlrAtZTk2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguMTE3NjQ3MDYsMTUuNDg1Mjk0MSBMOC4xMTc2NDcwNiwxNi45ODUyOTQxIEMzLjIxMTY2ODc5LDE2Ljk4NTI5NDEgLTAuNzUsMTMuMDIzNjI1MyAtMC43NSw4LjExNzY0NzA2IEMtMC43NSwzLjIxMTY2ODc5IDMuMjExNjY4NzksLTAuNzUgOC4xMTc2NDcwNiwtMC43NSBDMTMuMDIzNjI1MywtMC43NSAxNi45ODUyOTQxLDMuMjExNjY4NzkgMTYuOTg1Mjk0MSw4LjExNzY0NzA2IEMxNi45ODUyOTQxLDEwLjk2NDQ1NDQgMTUuNjA0NzY3MiwxMy41OTg1NjMzIDEzLjMzMjU4MiwxNS4zMTgwNTQ4IEwxMi40Mjc0MTgsMTQuMTIxOTQ1MiBDMTQuMzMzOTE1NCwxMi42NzkxOTA0IDE1LjQ4NTI5NDEsMTAuNDgyMzA2OSAxNS40ODUyOTQxLDguMTE3NjQ3MDYgQzE1LjQ4NTI5NDEsNC4wNDAwOTU5MiAxMi4xOTUxOTgyLDAuNzUgOC4xMTc2NDcwNiwwLjc1IEM0LjA0MDA5NTkyLDAuNzUgMC43NSw0LjA0MDA5NTkyIDAuNzUsOC4xMTc2NDcwNiBDMC43NSwxMi4xOTUxOTgyIDQuMDQwMDk1OTIsMTUuNDg1Mjk0MSA4LjExNzY0NzA2LDE1LjQ4NTI5NDEgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjgzMzkyMDUsMTEuMDI1NzY2NCBDMTIuMTM2ODU3MSwxMS4zMDgyNTk0IDEyLjE1MzQyOTksMTEuNzgyODQzOSAxMS44NzA5MzcsMTIuMDg1NzgwNSBDMTEuNTg4NDQ0LDEyLjM4ODcxNzEgMTEuMTEzODU5NSwxMi40MDUyOSAxMC44MTA5MjI5LDEyLjEyMjc5NyBMNS45Nzc0ODg3NCw3LjYxNTU0NjcxIEwxMC40ODk0MjU1LDIuNzM3Nzc3MzMgQzEwLjc3MDY5MzksMi40MzM3MDMzOSAxMS4yNDUyMDc2LDIuNDE1MjE1ODUgMTEuNTQ5MjgxNSwyLjY5NjQ4NDI1IEMxMS44NTMzNTU1LDIuOTc3NzUyNjUgMTEuODcxODQzLDMuNDUyMjY2MzcgMTEuNTkwNTc0NiwzLjc1NjM0MDMxIEw4LjA5MzA5OTQ5LDcuNTM3Mzk0NDYgTDExLjgzMzkyMDUsMTEuMDI1NzY2NCBaIiBpZD0iU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDI0OTU3LCA3LjQxMDY3MCkgcm90YXRlKC00My4wMDAwMDApIHRyYW5zbGF0ZSgtOS4wMjQ5NTcsIC03LjQxMDY3MCkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDk0OTA5MzMsMTQuNDk4ODg2NiBDNS44NTgzNjY2OCwxNC4xNTg4NTY1IDUuOTQyMjU5OCwxMy42OTE0NTIgNi4yODIyODk4NywxMy40NTQ5MDkzIEM2LjYyMjMxOTk0LDEzLjIxODM2NjcgNy4wODk3MjQ0OCwxMy4zMDIyNTk4IDcuMzI2MjY3MTQsMTMuNjQyMjg5OSBMOS40ODYzMzAyMSwxNi43NDczODA1IEw2LjM4MTIzOTU0LDE4LjkwNzQ0MzYgQzYuMDQxMjA5NDcsMTkuMTQzOTg2MyA1LjU3MzgwNDkzLDE5LjA2MDA5MzEgNS4zMzcyNjIyOCwxOC43MjAwNjMxIEM1LjEwMDcxOTYyLDE4LjM4MDAzMyA1LjE4NDYxMjc0LDE3LjkxMjYyODUgNS41MjQ2NDI4MSwxNy42NzYwODU4IEw3LjM5ODM3NTY3LDE2LjM3MjYxOTUgTDYuMDk0OTA5MzMsMTQuNDk4ODg2NiBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0
}
.p-describe-c dd {
	position:relative;
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:30px;
	padding-left:35px
}
.p-describe-c dd:before {
	content:"";
	position:absolute;
	border-radius:50% 50%;
	left:8px;
	top:10px;
	width:5px;
	height:5px;
	background:#848484
}
.style1 .p-describe-c .i {
	background:none;
	padding-left:0
}
.style1 .p-describe-c .i img {
	vertical-align:middle;
	margin-right:20px
}
.style1 .p-describe-c dd:before {
	content:"";
	position:absolute;
	left:8px;
	top:10px;
	width:5px;
	height:5px;
	background:#848484
}
.style1 .p-describe-c dd {
	line-height:26px
}
.style1 dl {
	border:1px solid transparent;
	box-sizing:border-box;
	height:256px;
	width:600px;
	padding:0 60px;
transition:.5s
}
.style1-en dl {
	padding:0 48px
}
.style1 dl:hover {
	border-color:#f95752;
	box-shadow:0 2px 15px 0 rgba(230, 77, 61, .15)
}
.style2 {
	background:#f3f4f9
}
.style2 .p-describe-c dd {
	line-height:30px
}
.style2 .p-describe-c .i {
	background:none;
	padding-left:0
}
.style2 .p-describe-c .i img {
	vertical-align:middle;
	margin-right:8px
}
.style2 dl {
	width:588px;
	height:275px;
	background:#fff;
	border-radius:5px;
	margin-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	border-top:8px solid transparent;
transition:.5s
}
.style2 dl:hover {
	border-top-color:#e65449
}
.style3 .um-box-justify {
	justify-content:flex-start
}
.style3 .p-describe-c .i {
	background:none;
	position:relative;
	z-index:2
}
.style3 .p-describe-c .i img {
	display:none
}
.style3 dl {
	width:400px;
	height:259px;
	border-radius:3px;
	padding:0 20px;
	position:relative
}
.style3 dl>span {
	display:block!important;
	font-size:72px;
	position:absolute;
	font-family:Impact;
	color:#f3f4f9;
	z-index:1;
	top:0;
	left:50px
}
.style3 dl:hover {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa8AAAEECAMAAACobkseAAAAQlBMVEX5VlL5cGr6Xln6Xln/YVoAAAD6V1H6V1L6cWv6cGv5bGb5V1L5cGv5bmn5XVj5YVz5amX5WFP5ZF/5Z2L5WlX5bWgQqXItAAAAC3RSTlN/f241GQDuyu7Kf4yN2fIAAAQTSURBVHja7NtbjoMwEERRJo95FTYQm/1vdRRlFH8kSuDL3VV9t3CE1CqL4Xw6DF77/dDqcDoPx094LY9qfR+HL7itjHL9DAu8VkfBBrhN8PPy7FXTKJhfr8uomFuvRfLz8uul+Xn59ZpHydx6IUuK+fUC8jrK5dkLmOTEfHvpiXn3Aiapw96/F5aLkBiBl5QYhZeQGImXjBiNF1CLgBiRF1D5n8SovATEyLyAzC1G50U+BBN6UYtRehGLkXrRPrbQepFO98RelGLUXoRi5F50z2P0XmRDML8Xl5iCF5OYhhePmIoXy3Sv48UhpuTFIKbl5X8IVvPyLZYmPS+/YumyQNHLqVipgKiXw+exOQPQ9XI23f9rKXs5Elsn3NL2cvLYkpqWuhcW82LXo/CevJf5IbhUoBVetsVuZ0YrvCyLPWqFl91/kdpR2Aovq9N9eqoVXjbFbkfhY+FlUqxUPC+8DA7B7cx4KLzMib3UCi9jYuuEV4WXqceW9E4rvAxN99ej8E3hZUesVLwtvKyIzRkbCi8bz2NbtcLLwhC8TthYePUXSzu0wquD2O6jsBVencVKxZ7CCz2H4DljX+G1tVosaIXX9mrpdRS2wmtPee5zFLbCa1957nEUtsLrjx07tmEYBoIgWIBhioak/lt1eLHofxoL7LSwyeGeGnP/KAx7PTfm7pkR9lox7n/Vstea4945CsNeq1KsfxSGvdYd712jMOz1g0+K9Y7CsNeqHMH9MyPstSrFdtay17oU6x6FYa8C1/nuHYVhrxLX2ToKw14FUqxpFIa9SqRYy8wIexUas72WvUqN2TIKw17FxswobGCvcuPOKCxnrwbjenWxF429WOzFYi8We7HYi8VeLPZisReLvVjsxWIvFnux2IvFXiz2YrEXi71Y7MViLxZ7sdiLxV4s9mKxF4u9WOzFYi8We7HYi8VeLPZisReLvVjsxWIvFnux2IvFXiz2YrEXi71Y7MViLxZ7sdiLxV4s9mKxF4u9WOzFYq9ve3ROA0AMBEBsdV+KVOFP9nBYGlOwpS9LX5a+LH1Z+rL0ZenL0pelL0tflr4sfVn6svRl6cvSl6UvS1+Wvix9Wfqy9GXpy9KXpS9LX5a+LH1Z+rL0ZenL0pelL0tflr4sfVn6svRl6cvSl6UvS1+Wvix9Wfqy9GXpy9KXpS9LX5a+LH1Z+rL0ZenL0pelL0tflr4sfVn6svRl6cvSl6UvS1+Wvix9Wfqy9GXpy9KXpS9LX5a+LH1Z+rL0ZenL0pelL0tflr4sfVn6svRl6cvSl6UvS1+Wvix9Wfqy9GXpy9KXpS9LX5a+LH1Z+rL0ZenL0pelL0tflr4sfVn6svRl6cvSl6UvS1+WOTuOM2vHseb+dhTfPe9zTQzX8/4uueX/L23AvgAAAABJRU5ErkJggg==)
}
.style3 dl:hover>span {
	color:hsla(0, 0%, 100%, .21)
}
.style3 dl:hover dt {
	color:#fff
}
.style3 dl:hover dd {
	color:hsla(0, 0%, 100%, .8)
}
.style3 .p-describe-c dl:hover dt.i {
	position:relative;
	z-index:999
}
.style3 .p-describe-c dd {
	margin-bottom:20px
}
.style3 .p-describe-c dd:before {
	background:#fff
}
.style4 {
	background:url(https://cdn.yonyoucloud.com/online/diwork/yonsuite-fe/zh_CN/yestone_D29863775_XXL-4b431536.png)
}
.style4 .p-describe-c h2 {
	color:#fff
}
.style4 dl {
	width:588px;
	height:239px;
	background:#fff;
	border-radius:5px;
	margin-bottom:20px;
	padding-left:44px;
	position:relative
}
.style4 dl>span {
	display:block!important;
	font-size:80px;
	font-family:Arial-Black, Arial;
	font-weight:900;
	color:#eff2f5;
	line-height:113px;
	position:absolute;
	z-index:1;
	top:1px;
	left:41px
}
.style4 dl:hover>span {
	color:#feeeed
}
.style4 .p-describe-c .i {
	background:none;
	padding-left:0;
	position:relative;
	z-index:2
}
.style4 .p-describe-c dd {
	padding-left:0;
	font-size:16px;
	font-weight:400;
	color:#555;
	line-height:25px;
	width:308px
}
.style4 .p-describe-c dd:before {
	display:none
}
.style4 .p-describe-c .i img {
	position:absolute;
	right:50px;
	top:5px
}
.style2-en dl {
	width:595px;
	height:340px
}
.style4-en dl {
	width:588px;
	height:280px
}
.style3-en dl {
	width:588px
}
.style3-en .p-describe-c dt {
	margin-top:32px
}

a, blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {
	margin:0;
	padding:0;
	outline:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
a {
	text-decoration:none
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
	font:inherit
}
del, ins {
	text-decoration:none
}
ul>li {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:400
}
q:after, q:before {
	content:""
}
abbr, acronym {
	border:0;
	font-feature-settings:normal;
	font-variant:normal
}
sup {
	vertical-align:top
}
sub {
	vertical-align:bottom
}
legend {
	color:#000
}
button::-moz-focus-inner {
padding:0;
border:0
}
button {
*overflow:visible
}
b, strong {
	font-weight:700
}
em {
	font-style:italic
}
article, aside, footer, header, nav, section {
	display:block
}
input::-webkit-search-cancel-button {
display:none
}
input::-ms-clear {
display:none
}
*, :after, :before {
	box-sizing:border-box
}
html {
	font-size:14px;
	color:#333;
	font-family:Microsoft YaHei, sans-serif
}
.um-win {
	position:relative
}
.um-header {
	position:fixed;
	top:0;
	left:0;
	min-height:44px;
	z-index:999
}
.um-content {
	overflow:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	box-flex:1;
	flex:1;
	transform-origin:top center;
	background:#e7e8ea
}
.um-box, .um-vbox {
	display:flex
}
.um-vbox {
	box-orient:vertical;
	flex-direction:column
}
.um-hbox {
	display:flex;
	box-orient:horizontal;
	flex-direction:row
}
.um-box-justify {
	box-pack:justify;
	justify-content:space-between
}
.um-box-center, .um-box-justify {
	display:flex;
	box-align:center;
	align-items:center
}
.um-box-center {
	box-pack:center;
	justify-content:center
}
.um-box-hc {
	box-pack:center;
	justify-content:center
}
.um-box-hc, .um-box-vc {
	display:-webkit-box;
	display:-moz-box;
	display:flex
}
.um-box-vc {
	box-align:center;
	align-items:center
}
.um-bf1 {
	box-flex:1;
	flex:1
}
.um-css3-hc {
	position:absolute;
	left:50%;
	transform:translate(-50%)
}
.um-css3-vc {
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.um-css3-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
body, html {
	width:100%;
	height:100%;
	min-width:1200px
}
.um-button {
	border:none;
	background:linear-gradient(-45deg, #fc4c2f, #ee2223);
	border-radius:3px;
	color:#fff;
	cursor:pointer
}
.um-button:hover {
	background:linear-gradient(-225deg, #fc4c2f, #ee2223)
}
.none {
	display:none
}
.p-box {
    flex-wrap: wrap;
}
.style6 .styleContainer {
	width:1200px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:92px;
	text-align:center
}
.style6 h2 {
	font-size:36px;
	font-weight:600;
	color:#222844;
	line-height:54px;
	margin-bottom:48px
}
.p-box {
	flex-wrap:wrap
}
.style6 dl {
	text-align:left;
	position:relative;
	overflow:hidden
}
.style6 dl .headerImg {
	background:#333;
	height:120px;
	position:absolute;
	top:-120px;
	width:100%;
	background:url(https://cdn.yonyoucloud.com/online/diwork/yonsuite-fe/zh_CN/Group11-a1b91f65.png);
transition:.5s
}
.style6 dt {
	font-size:18px;
	font-weight:600;
	color:#333;
	line-height:25px;
	margin-bottom:20px;
	margin-top:110px;
	padding:0 40px;
transition:.5s
}
.style6 .i {
	padding-left:35px
}
.style6 dd {
	padding:0 35px
}
.style6 dd .desc {
	position:relative;
	font-size:14px;
	font-weight:400;
	color:rgba(51, 51, 51, .8);
	line-height:30px;
	border-bottom:1px solid #f3f4f9;
	padding-bottom:20px;
	margin-bottom:38px
}
.style6 dd button {
	padding:5px 12px;
	border:none;
	border-radius:3px;
	margin-right:12px
}
.style6 dl.activeOthers dd button {
	color:#333;
	background:#f3f4f9
}
.style6 {
	background:#f3f4f9
}
.style6 dl {
	width:290px;
	height:420px;
	background:#fff;
	border-radius:5px
}
.style6 dl.active .headerImg {
	top:0
}
.style6 dl.active dt {
	margin-top:150px
}
.style6 dl.active dd button {
	color:#fff
}
.style6 dl.active dt.i span.num {
	color:rgba(249, 87, 82, .1)
}
.style6 dt.i {
	position:relative
}
.style6 dt.i span.title {
	position:relative;
	z-index:3
}
.style6 dt.i span.num {
	position:absolute;
	font-size:80px;
	font-family:Arial-Black, Arial;
	font-weight:900;
	color:#eff2f5;
	line-height:113px;
	top:-66px;
	z-index:2
}
.style6-en dl {
	height:386px
}
.style6-en dd button {
	display:block;
	margin-top:10px;
	display:none
}
.style6-en dd .desc {
	border-bottom:none
}
.p-describe-c {
	width:1200px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:50px;
	text-align:center
}
.p-describe-c h2 {
	font-size:36px;
	font-weight:600;
	color:#222844;
	line-height:54px;
	margin-bottom:48px
}
.p-box {
	flex-wrap:wrap
}
.p-describe-c dl {
	text-align:left
}
.p-describe-c dt {
	font-size:18px;
	font-weight:600;
	color:#333;
	line-height:25px;
	margin-bottom:20px;
	margin-top:54px
}
.p-describe-c .i {
	padding-left:35px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5SZWZyZXNoICDliLfmlrAgZTk2NjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSLlrprnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwODA3eW9uc3VpdGVf5Lqn5ZOB5Lit5b+DIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwOC4wMDAwMDAsIC0zMTMzLjAwMDAwMCkiIGZpbGw9IiNGNzQ1NDEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJSZWZyZXNoLS3liLfmlrAtZTk2Ni0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDA4LjAwMDAwMCwgMzEzMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWZyZXNoLS3liLfmlrAtZTk2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguMTE3NjQ3MDYsMTUuNDg1Mjk0MSBMOC4xMTc2NDcwNiwxNi45ODUyOTQxIEMzLjIxMTY2ODc5LDE2Ljk4NTI5NDEgLTAuNzUsMTMuMDIzNjI1MyAtMC43NSw4LjExNzY0NzA2IEMtMC43NSwzLjIxMTY2ODc5IDMuMjExNjY4NzksLTAuNzUgOC4xMTc2NDcwNiwtMC43NSBDMTMuMDIzNjI1MywtMC43NSAxNi45ODUyOTQxLDMuMjExNjY4NzkgMTYuOTg1Mjk0MSw4LjExNzY0NzA2IEMxNi45ODUyOTQxLDEwLjk2NDQ1NDQgMTUuNjA0NzY3MiwxMy41OTg1NjMzIDEzLjMzMjU4MiwxNS4zMTgwNTQ4IEwxMi40Mjc0MTgsMTQuMTIxOTQ1MiBDMTQuMzMzOTE1NCwxMi42NzkxOTA0IDE1LjQ4NTI5NDEsMTAuNDgyMzA2OSAxNS40ODUyOTQxLDguMTE3NjQ3MDYgQzE1LjQ4NTI5NDEsNC4wNDAwOTU5MiAxMi4xOTUxOTgyLDAuNzUgOC4xMTc2NDcwNiwwLjc1IEM0LjA0MDA5NTkyLDAuNzUgMC43NSw0LjA0MDA5NTkyIDAuNzUsOC4xMTc2NDcwNiBDMC43NSwxMi4xOTUxOTgyIDQuMDQwMDk1OTIsMTUuNDg1Mjk0MSA4LjExNzY0NzA2LDE1LjQ4NTI5NDEgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjgzMzkyMDUsMTEuMDI1NzY2NCBDMTIuMTM2ODU3MSwxMS4zMDgyNTk0IDEyLjE1MzQyOTksMTEuNzgyODQzOSAxMS44NzA5MzcsMTIuMDg1NzgwNSBDMTEuNTg4NDQ0LDEyLjM4ODcxNzEgMTEuMTEzODU5NSwxMi40MDUyOSAxMC44MTA5MjI5LDEyLjEyMjc5NyBMNS45Nzc0ODg3NCw3LjYxNTU0NjcxIEwxMC40ODk0MjU1LDIuNzM3Nzc3MzMgQzEwLjc3MDY5MzksMi40MzM3MDMzOSAxMS4yNDUyMDc2LDIuNDE1MjE1ODUgMTEuNTQ5MjgxNSwyLjY5NjQ4NDI1IEMxMS44NTMzNTU1LDIuOTc3NzUyNjUgMTEuODcxODQzLDMuNDUyMjY2MzcgMTEuNTkwNTc0NiwzLjc1NjM0MDMxIEw4LjA5MzA5OTQ5LDcuNTM3Mzk0NDYgTDExLjgzMzkyMDUsMTEuMDI1NzY2NCBaIiBpZD0iU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDI0OTU3LCA3LjQxMDY3MCkgcm90YXRlKC00My4wMDAwMDApIHRyYW5zbGF0ZSgtOS4wMjQ5NTcsIC03LjQxMDY3MCkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDk0OTA5MzMsMTQuNDk4ODg2NiBDNS44NTgzNjY2OCwxNC4xNTg4NTY1IDUuOTQyMjU5OCwxMy42OTE0NTIgNi4yODIyODk4NywxMy40NTQ5MDkzIEM2LjYyMjMxOTk0LDEzLjIxODM2NjcgNy4wODk3MjQ0OCwxMy4zMDIyNTk4IDcuMzI2MjY3MTQsMTMuNjQyMjg5OSBMOS40ODYzMzAyMSwxNi43NDczODA1IEw2LjM4MTIzOTU0LDE4LjkwNzQ0MzYgQzYuMDQxMjA5NDcsMTkuMTQzOTg2MyA1LjU3MzgwNDkzLDE5LjA2MDA5MzEgNS4zMzcyNjIyOCwxOC43MjAwNjMxIEM1LjEwMDcxOTYyLDE4LjM4MDAzMyA1LjE4NDYxMjc0LDE3LjkxMjYyODUgNS41MjQ2NDI4MSwxNy42NzYwODU4IEw3LjM5ODM3NTY3LDE2LjM3MjYxOTUgTDYuMDk0OTA5MzMsMTQuNDk4ODg2NiBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0
}
.p-describe-c dd, .style5 .p-describe-c dd .desc {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px
}
.style5 .p-describe-c dd .desc {
	margin-bottom:20px;
	width:270px
}
.style5 .p-describe-c dd .list>div {
	margin-bottom:10px
}
.style5 .p-describe-c dd .list span {
	display:inline-block;
	background:red;
	height:12px;
	width:12px;
	position:relative;
	border-radius:50%;
	margin-right:10px
}
.style5 .p-describe-c dd .list span:before {
	content:"";
	position:absolute;
	left:2px;
	top:3px;
	width:8px;
	height:4px;
	border-radius:1px;
	border:2px solid #fff;
	border-top:none;
	border-right:none;
	background:transparent;
	transform:rotate(-45deg)
}
.style5 dl {
	width:300px;
	height:300px;
	border:1px solid #ced4d9;
	padding:50px;
transition:.5s
}
.style5 dl .mask {
	height:100%;
	text-align:center;
	padding:0;
	background-position:center 48px
}
.style5 dl .mask img {
	margin-top:48px;
	margin-bottom:70px
}
.style5 dl.active {
	width:450px;
	box-shadow:0 2px 15px 0 rgba(230, 77, 61, .15);
	border:1px solid #e44e43
}
.style5 dl .mask p {
	font-size:20px
}
.style5 dl.activeOthers {
	width:250px
}
.style5 dl.activeOthers .mask {
	display:block!important
}
.style5 .p-describe-c dd:before, .style5 dl.activeOthers dd, .style5 dl.activeOthers dt {
	display:none
}
.style5 .p-describe-c dt {
	font-size:20px;
	margin-top:0;
	width:348px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.style5 .p-describe-c dt img {
	vertical-align:middle;
	margin-right:25px
}
.style5 .p-describe-c dd {
	padding-left:72px;
	overflow:hidden
}
.style5-en dl {
	height:350px;
	overflow:hidden
}