body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {
	margin:0;
	padding:0
}
body {
	font-size:12px,HELVETICA;
	color:#333;
	background:#fff;
	-webkit-text-size-adjust:100%;
	min-width:1270px
}
a {
	color:#2d374b;
	text-decoration:none
}
a:hover {
	color:#2d374b;
	text-decoration:none
}
em {
	font-style:normal
}
li {
	list-style:none
}
img {
	border:0;
	vertical-align:middle
}
table {
	border-collapse:collapse;
	border-spacing:0
}
p {
	word-wrap:break-word
}
div {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box
}
.clearFix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.fl {
	float:left
}
.fr {
	float:right
}
input {
	outline:medium
}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,th,td,button,iframe,pre,a,i,em,span {
	font-family:'Microsoft YaHei' !important
}
.news-detail-wrap .news-detail-content-other .foot-news li,.subject-item .sj-title,.subject-item li,.articles-item,.dir-menu li a,.link-subject-item {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.clearfix:before,.clearfix:after {
	content:"";
	display:table
}
.clearfix:after {
	clear:both
}
.float-l {
	float:left;
	display:inline
}
.float-r {
	float:right;
	display:inline
}
.orange {
	color:#f4a019
}
.tl {
	text-align:left !important
}
.tc {
	text-align:center !important
}
.no-margin-b {
	margin-bottom:0 !important
}
.visual-area {
	width:1200px;
	margin:0 auto
}
.hide {
	display:none !important
}
.break {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.service-body .hide {
	display:none
}
.service-body .common-header {
	height:80px
}
.service-body .common-footer {
	height:412px;
	background-color:#3B3D40
}
.service-body .content {
	width:100%
}
.service-body .icon-block {
	background-color:#f9f9f9
}
.service-body .common-width {
	width:1180px;
	margin:0px auto
}
.service-body .bg-gray {
	background-color:#f9f9f9
}
.service-body .box {
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.service-body .common-btn {
	width:150px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	font-size:14px;
	text-align:center;
	display:block
}
.service-body .common-btn.blue-btn {
	color:#fff;
	background-color:#2e97f0
}
.service-body .common-btn.blue-btn.saas-blue-btn {
	background:#2e97f0 url("../images/service/icon-pic19.png") no-repeat center center
}
.service-body .common-btn.blue-btn:hover {
	background-color:#4A90E2
}
.service-body .common-btn.orange-btn {
	color:#fff;
	display:inline-block;
	background-image:url("../images/service/icon-pic4.jpg");
	background-repeat:no-repeat
}
.service-body .service-title {
	height:30px;
	color:#333333;
	line-height:30px;
	font-size:30px;
	margin-top:15px
}
.service-body .service-title span {
	display:inline-block;
	width:13px;
	height:30px;
	background-color:#4A90E2;
	border-radius:7px;
	margin-right:19px
}
.service-body .service-banner {
	position:relative;
	height:377px;
	overflow:hidden
}
.service-body .service-banner .banner-img {
	position:absolute;
	height:100%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.service-body .service-banner .banner-block {
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-590px
}
.service-body .service-banner .banner-block .banner-text {
	width:720px;
	height:30px;
	margin:0 auto;
	font-size:30px;
	color:#fff;
	position:absolute;
	bottom:46%;
	left:25px
}
.service-body .service-banner .banner-block .banner-text.special-banner-text {
	color:#666666;
	bottom:32%;
	left:10%
}
.service-body .service-banner .banner-block .blue-btn {
	position:absolute;
	bottom:23%;
	left:25px
}
.service-body .customized-block1 {
	height:224px;
	margin-top:63px;
	margin-bottom:65px
}
.service-body .customized-block1 .block1-images1 {
	width:435px;
	height:224px;
	margin-right:52px
}
.service-body .customized-block1 .block1-text {
	height:224px
}
.service-body .customized-block1 .block1-text .block1-content {
	padding-right:32px;
	margin-top:37px;
	margin-left:19px;
	padding-left:13px;
	width:580px;
	height:120px;
	font-size:14px;
	color:#666666;
	line-height:40px;
	position:relative
}
.service-body .customized-block1 .block1-text .block1-content span {
	display:inline-block;
	width:5px;
	height:5px;
	background-color:#4A90E2;
	border-radius:50%;
	position:absolute;
	top:18px;
	left:0
}
.service-body .customized-block2,.service-body .customized-block4 {
	height:512px
}
.service-body .customized-block2 .block2-text,.service-body .customized-block4 .block2-text {
	width:582px;
	height:100%;
	padding:46px 19px 0 0
}
.service-body .customized-block2 .block2-text .ul-block,.service-body .customized-block4 .block2-text .ul-block {
	margin:26px 0 0 13px
}
.service-body .customized-block2 .block2-text .ul-block .item-li,.service-body .customized-block4 .block2-text .ul-block .item-li {
	margin-bottom:19px;
	line-height:28px
}
.service-body .customized-block2 .block2-text .ul-block .item-li .inner-title,.service-body .customized-block4 .block2-text .ul-block .item-li .inner-title {
	font-size:24px;
	color:#2891E9;
	margin-bottom:4px
}
.service-body .customized-block2 .block2-text .ul-block .item-li .inner-content,.service-body .customized-block4 .block2-text .ul-block .item-li .inner-content {
	font-size:14px;
	color:#666666
}
.service-body .customized-block2 .block2-images1,.service-body .customized-block4 .block2-images1 {
	width:512px;
	height:347px;
	margin-top:83px
}
.service-body .customized-block3 {
	width:100%;
	height:415px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%
}
.service-body .customized-block3 .section-content {
	width:1180px;
	margin:0 auto
}
.service-body .customized-block3 .content-title {
	text-align:center;
	font-size:30px;
	color:#FFFFFF;
	padding:81px 0 50px 0
}
.service-body .customized-block3 .box-sum {
	width:1100px;
	margin:0 auto
}
.service-body .customized-block3 .box-list {
	float:left;
	width:126px;
	height:158px;
	background:#FFFFFF;
	box-shadow:4px 4px 30px 0 rgba(161,161,161,0.5);
	border-radius:15px;
	margin-right:30px;
	position:relative
}
.service-body .customized-block3 .box-list:after {
	content:'';
	width:18px;
	height:15px;
	background:url("../images/service/arrow2.png") no-repeat center;
	position:absolute;
	background-size:100% 100%;
	right:-27px;
	top:50%;
	margin-top:-7px
}
.service-body .customized-block3 .box-list.last-child:after {
	content:'';
	width:0;
	height:0
}
.service-body .customized-block3 .box-list:last-child {
	margin-right:0
}
.service-body .customized-block3 .img-box {
	margin:18px auto 0;
	width:102px;
	height:32px;
	display:inline-block;
	background-image:url("../images/service/btn-bg.png");
	background-repeat:no-repeat;
	border-radius:37px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	line-height:32px;
	display:block
}
.service-body .customized-block3 .title-box {
	margin:5px auto;
	width:126px;
	height:36px;
	font-size:14px;
	color:#333333;
	letter-spacing:0;
	line-height:18px;
	text-align:center
}
.service-body .customized-block3 .text-box {
	font-size:12px;
	color:#666666;
	letter-spacing:0;
	line-height:20px;
	text-align:center;
	padding:17px 16px 21px 18px
}
.service-body .customized-block4 {
	height:532px
}
.service-body .customized-block4 .block2-text {
	width:465px;
	padding-top:82px;
	padding-right:0
}
.service-body .customized-block4 .block2-text .ul-block {
	margin-right:54px
}
.service-body .customized-block4 .block2-text .ul-block .item-li {
	margin-bottom:13px
}
.service-body .customized-block4 .block3-images1 {
	width:647px;
	height:364px;
	margin-top:109px
}
.service-body .SaaS-block1 {
	height:469px;
	padding:82px 0 25px 32px
}
.service-body .SaaS-block1 .block1-images1 {
	width:434px;
	height:389px;
	margin-right:40px
}
.service-body .SaaS-block1 .service-title {
	margin-top:0
}
.service-body .SaaS-block1 .block1-text {
	width:606px
}
.service-body .SaaS-block1 .block1-text .block1-content {
	margin:64px 0 78px 32px;
	width:574px;
	height:120px;
	font-size:14px;
	color:#666666;
	line-height:40px
}
.service-body .SaaS-block1 .block1-text .orange-btn {
	margin-left:32px
}
.service-body .SaaS-block2 {
	height:660px
}
.service-body .SaaS-block2 .block2-text {
	margin-top:120px
}
.service-body .SaaS-block2 .block2-text .ul-block {
	width:646px;
	margin:20px 55px 35px 32px
}
.service-body .SaaS-block2 .block2-text .ul-block .item-li {
	margin-bottom:25px;
	line-height:28px
}
.service-body .SaaS-block2 .block2-text .ul-block .item-li .inner-title {
	font-size:24px;
	color:#F5A623
}
.service-body .SaaS-block2 .block2-text .ul-block .item-li .inner-content {
	font-size:14px;
	color:#666666
}
.service-body .SaaS-block2 .orange-btn {
	margin-left:32px
}
.service-body .SaaS-block2 .block2-images1 {
	width:357px;
	height:339px;
	margin-top:165px
}
.service-body .SaaS-block3 {
	padding:72px 0 50px 0
}
.service-body .SaaS-block3 .block3-images1 {
	width:460px;
	height:244px;
	margin:45px 104px 0 108px
}
.service-body .SaaS-block3 .ul-block {
	margin-top:20px;
	margin-bottom:28px;
	width:500px;
	height:200px;
	font-size:14px;
	color:#666;
	line-height:40px
}
.service-body .SaaS-block3 .ul-block .item-li {
	padding-left:32px;
	position:relative
}
.service-body .SaaS-block3 .ul-block .item-li i {
	display:inline-block;
	width:3px;
	height:3px;
	background-color:#666666;
	border-radius:50%;
	position:absolute;
	top:19px;
	left:13px
}
.service-body .SaaS-block3 .orange-btn {
	margin-left:32px
}
.service-body .private-block1 .block1-images1 {
	width:456px;
	height:304px;
	margin:79px 43px 97px 0
}
.service-body .private-block1 .block1-text {
	width:675px;
	margin-top:51px
}
.service-body .private-block1 .block1-text .block1-content {
	padding-right:32px;
	margin-top:42px;
	margin-left:19px;
	width:632px;
	height:120px;
	font-size:14px;
	color:#666666;
	line-height:30px
}
.service-body .private-block1 .block1-text .block1-content p {
	position:relative;
	padding-left:13px
}
.service-body .private-block1 .block1-text .block1-content p:first-child {
	margin-bottom:31px
}
.service-body .private-block1 .block1-text .block1-content p span {
	display:inline-block;
	width:5px;
	height:5px;
	background-color:#4A90E2;
	border-radius:50%;
	position:absolute;
	top:13px;
	left:0
}
.service-body .private-block2 {
	height:370px;
	padding-top:46px;
	padding-bottom:80px
}
.service-body .private-block2 .block2-content {
	margin-top:40px
}
.service-body .private-block2 .block2-content .float-content {
	width:493px;
	height:159px
}
.service-body .private-block2 .block2-content .float-content:first-child {
	margin-right:113px
}
.service-body .private-block2 .block2-content .float-content .block2-images {
	width:159px;
	height:159px
}
.service-body .private-block2 .block2-content .float-content ul {
	width:334px;
	height:159px;
	background:#fff;
	padding:15px 0 0 28px
}
.service-body .private-block2 .block2-content .float-content ul li {
	font-size:12px;
	color:#666666;
	line-height:24px;
	padding-left:20px;
	position:relative
}
.service-body .private-block2 .block2-content .float-content ul li.inner-title {
	font-size:18px;
	line-height:27px;
	padding-left:0px;
	margin-bottom:16px
}
.service-body .private-block2 .block2-content .float-content ul li i {
	display:inline-block;
	width:3px;
	height:3px;
	background-color:#666666;
	border-radius:50%;
	position:absolute;
	top:13px;
	left:3px
}
.service-body .private-block3 {
	height:370px;
	padding-top:47px
}
.service-body .private-block3 .item-ul {
	margin-top:26px
}
.service-body .private-block3 .item-ul li {
	width:500px;
	line-height:18px;
	margin-bottom:26px;
	float:left
}
.service-body .private-block3 .item-ul li.mar-right73 {
	margin-right:73px
}
.service-body .private-block3 .item-ul li p {
	color:#666666;
	font-size:12px;
	padding-left:4px
}
.service-body .private-block3 .item-ul li p.inner-title {
	font-size:18px;
	line-height:27px;
	padding-left:20px;
	position:relative;
	margin-bottom:3px
}
.service-body .private-block3 .item-ul li p.inner-title i {
	display:inline-block;
	width:5px;
	height:5px;
	background-color:#666666;
	border-radius:50%;
	position:absolute;
	top:11px;
	left:5px
}
.service-body .private-block4 image {
	width:100%
}
.service-body .private-block5 .block5-images1 {
	width:372px;
	height:222px;
	margin:82px 100px 55px 30px
}
.service-body .private-block5 .block5-content {
	margin-top:67px
}
.service-body .private-block5 .block5-content .item-ul {
	margin-top:34px;
	width:414px;
	height:150px;
	font-size:14px;
	color:#666666;
	line-height:30px
}
.service-body .private-block5 .block5-content .item-ul li {
	padding-left:23px;
	position:relative;
	margin-left:13px;
	line-height:29px
}
.service-body .private-block5 .block5-content .item-ul li i {
	display:inline-block;
	width:3px;
	height:3px;
	background-color:#666666;
	border-radius:50%;
	position:absolute;
	top:13px;
	left:0px
}
.service-body .private-block6,.service-body .customer-block2 {
	width:100%;
	height:550px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%
}
.service-body .private-block6 .content-title,.service-body .customer-block2 .content-title {
	text-align:center;
	font-size:30px;
	color:#FFFFFF;
	padding:81px 0 65px 0
}
.service-body .private-block6 .box-list,.service-body .customer-block2 .box-list {
	float:left;
	width:247px;
	height:254px;
	box-shadow:4px 4px 30px 0 rgba(161,161,161,0.5);
	border-radius:20px;
	margin-right:37px;
	position:relative;
	background-color:#fff
}
.service-body .private-block6 .box-list.ssystem,.service-body .customer-block2 .box-list.ssystem {
	height:289px
}
.service-body .private-block6 .box-list.ssystem .text-box,.service-body .customer-block2 .box-list.ssystem .text-box {
	padding:6px 14px 21px 22px
}
.service-body .private-block6 .box-list:last-child,.service-body .customer-block2 .box-list:last-child {
	margin-right:0
}
.service-body .private-block6 .box-list:after,.service-body .customer-block2 .box-list:after {
	content:'';
	width:18px;
	height:15px;
	background:url("../images/service/arrow2.png") no-repeat center;
	position:absolute;
	background-size:100% 100%;
	right:-27px;
	top:50%;
	margin-top:-7px
}
.service-body .private-block6 .box-list:last-child:after,.service-body .customer-block2 .box-list:last-child:after {
	content:'';
	width:0;
	height:0
}
.service-body .private-block6 .img-box,.service-body .customer-block2 .img-box {
	margin:41px auto 0;
	width:155px;
	height:43px;
	background-color:#4A90E2;
	border-radius:18px;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	line-height:43px;
	box-shadow:4px 4px 30px 0 rgba(161,161,161,0.5)
}
.service-body .private-block6 .text-box,.service-body .customer-block2 .text-box {
	font-size:14px;
	color:#666666;
	letter-spacing:0;
	line-height:30px;
	text-align:left;
	padding:25px 14px 21px 22px
}
.service-body .customer-block1 {
	height:430px
}
.service-body .customer-block1 .common-width {
	height:100%
}
.service-body .customer-block1 .common-width .block1-content-top {
	padding-top:45px;
	margin-left:50px
}
.service-body .customer-block1 .common-width .block1-content-top .text-content {
	width:1040px;
	height:56px;
	font-size:14px;
	color:#666666;
	line-height:28px;
	margin-left:32px;
	margin-top:20px
}
.service-body .customer-block1 .common-width .block1-content-bottom {
	margin-top:37px
}
.service-body .customer-block1 .common-width .block1-content-bottom li {
	width:132px;
	height:132px;
	line-height:132px;
	margin-right:36px;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	position:relative;
	float:left;
	display:inline-block;
	background-image:url("../images/service/icon-bg1.png");
	background-repeat:no-repeat
}
.service-body .customer-block1 .common-width .block1-content-bottom li:after {
	content:'';
	display:block;
	width:18px;
	height:15px;
	position:absolute;
	top:50%;
	right:-30px;
	margin-top:-7px;
	background:url("../images/service/arrow3.png") no-repeat center
}
.service-body .customer-block1 .common-width .block1-content-bottom li.last-child {
	margin-right:0
}
.service-body .customer-block1 .common-width .block1-content-bottom li.last-child:after {
	height:0
}
.service-body .customer-block1 .common-width .block1-content-bottom li.special-li {
	line-height:21px;
	padding-top:44px
}
.service-body .customer-block2 {
	background-position:center center;
	background-repeat:no-repeat
}
.service-body .customer-block2 .box-list {
	height:310px
}
.service-body .customer-block3 {
	height:734px;
	background-color:#fff;
	color:#333;
	overflow:hidden
}
.service-body .customer-block3 .ssystem-team {
	width:1180px;
	height:100%;
	margin:0 auto
}
.service-body .customer-block3 .ssystem-team h1 {
	font-size:30px;
	letter-spacing:0;
	text-align:center;
	font-weight:normal;
	margin:86px 0 50px
}
.service-body .customer-block3 .ssystem-team .team-list {
	height:290px;
	width:100%
}
.service-body .customer-block3 .ssystem-team .team-list.two {
	height:156px;
	margin-top:50px
}
.service-body .customer-block3 .ssystem-team .team-list.two .team-list-l {
	height:156px;
	background-position:center 18px;
	background-repeat:no-repeat
}
.service-body .customer-block3 .ssystem-team .team-list.two .team-list-l p {
	margin-top:113px
}
.service-body .customer-block3 .ssystem-team .team-list .team-list-l {
	float:left;
	width:265px;
	height:290px;
	background-repeat:no-repeat;
	background-position:center 80px
}
.service-body .customer-block3 .ssystem-team .team-list .team-list-l p {
	font-size:18px;
	color:#4A90E2;
	letter-spacing:0;
	margin-top:176px;
	text-align:center
}
.service-body .customer-block3 .ssystem-team .team-list .team-list-r {
	float:right;
	width:890px;
	height:100%
}
.service-body .customer-block3 .ssystem-team .team-list .team-list-r ul li {
	font-size:14px;
	letter-spacing:0;
	line-height:26px;
	color:#666;
	margin-bottom:28px
}
.service-body .customer-block3 .ssystem-team .team-list .team-list-r ul li:last-child {
	margin-bottom:0
}
.service-body .customer-block3 .ssystem-team .team-list .team-list-r ul li p {
	font-size:18px;
	letter-spacing:0;
	line-height:26px
}
.service-body .customer-block4 {
	height:1798px;
	background:#F9F9F9;
	overflow:hidden;
	color:#666
}
.service-body .customer-block4 .ct-wrap {
	width:1180px;
	height:100%;
	margin:0 auto
}
.service-body .customer-block4 .ct-wrap h1 {
	font-size:30px;
	letter-spacing:0;
	font-weight:normal;
	margin:61px 0 29px;
	padding-left:482px;
	color:#333333
}
.service-body .customer-block4 .ct-wrap .ct-slider {
	width:100%;
	height:630px
}
.service-body .customer-block4 .ct-wrap .ct-slider.two {
	height:740px
}
.service-body .customer-block4 .ct-wrap .ct-slider.two .ct-slider-l {
	float:right;
	background-position:top center;
	background-repeat:no-repeat
}
.service-body .customer-block4 .ct-wrap .ct-slider.two .ct-slider-r {
	float:left
}
.service-body .customer-block4 .ct-wrap .ct-slider.there {
	height:240px
}
.service-body .customer-block4 .ct-wrap .ct-slider.there .ct-slider-l {
	background-repeat:no-repeat;
	background-position:center
}
.service-body .customer-block4 .ct-wrap .ct-slider .ct-slider-l {
	width:402px;
	height:100%;
	float:left;
	background-position:top center;
	background-repeat:no-repeat
}
.service-body .customer-block4 .ct-wrap .ct-slider .ct-slider-r {
	width:747px;
	height:100%;
	float:right
}
.service-body .customer-block4 .ct-wrap .ct-slider .ct-slider-r ul li {
	width:100%;
	min-height:100px;
	background:#FFFFFF;
	box-shadow:0 0 6px 0 rgba(185,185,185,0.5);
	border-radius:8px;
	margin-bottom:10px;
	font-size:14px;
	letter-spacing:0;
	line-height:28px;
	padding:15px 13px;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.service-body .customer-block4 .ct-wrap .ct-slider .ct-slider-r ul li:last-child {
	margin-bottom:0
}
.service-body .customer-block4 .ct-wrap .ct-slider .ct-slider-r p {
	font-size:20px;
	color:#2891E9;
	letter-spacing:0;
	line-height:40px
}
.service-body .customer-block4 .ct-wrap .ct-slider .ct-slider-r span {
	letter-spacing:1px
}
.agent-body .agent-block .agent-title {
	line-height:25px;
	font-size:25px;
	color:#4f98e9;
	padding-bottom:18px;
	text-align:center
}
.agent-body .agent-block .agent-title1 {
	width:222px;
	color:#858585;
	font-size:18px;
	padding-bottom:16px;
	border-bottom:1px solid #dcdcdc;
	margin:0 auto;
	text-align:center
}
.agent-body .agent-ul .item-li {
	margin-bottom:23px
}
.agent-body .agent-ul .item-li .agent-li-title {
	position:relative;
	font-size:20px;
	color:#60a0eb;
	line-height:32px
}
.agent-body .agent-ul .item-li .agent-li-title i {
	position:absolute;
	width:8px;
	height:8px;
	background:#4f98e9;
	border-radius:50%;
	left:-16px;
	top:12px
}
.agent-body .agent-ul .item-li .agent-li-text {
	font-size:14px;
	color:#333;
	line-height:28px
}
.agent-body .service-banner .banner-block .banner-text {
	bottom:54%;
	left:120px
}
.agent-body .service-banner .banner-block .banner-text1 {
	font-size:20px;
	color:#ffffff;
	position:absolute;
	bottom:41%;
	left:120px
}
.agent-body .service-banner .banner-block .banner-text1 span:first-child {
	margin-right:31px
}
.agent-body .agent-block1 .block1-content {
	font-size:15px;
	color:#010101;
	line-height:34px;
	padding:73px 0 107px;
	text-align:center
}
.agent-body .agent-block2 {
	width:937px;
	margin:0 auto;
	padding:50px 0 70px
}
.agent-body .agent-block2 .block2-content-ul {
	width:390px;
	padding:58px 97px 0 20px
}
.agent-body .agent-block2 .agent-block2-images {
	width:355px;
	height:355px;
	margin-top:30px
}
.agent-body .agent-block3 {
	padding:45px 0 50px
}
.agent-body .agent-block3 .common-width {
	width:884px;
	margin:0 auto
}
.agent-body .agent-block3 .common-width .agent-block3-images {
	width:299px;
	height:293px;
	margin-top:20px
}
.agent-body .agent-block3 .common-width .block3-content-ul {
	width:418px;
	padding:106px 0 86px
}
.agent-body .agent-block4 {
	width:952px;
	margin:0 auto;
	padding-top:74px
}
.agent-body .agent-block4 .block4-content-ul {
	padding:100px 0 21px;
	background:url("../images/agent/icon-pic3.png") no-repeat center 10px
}
.agent-body .agent-block4 .block4-content-ul li.item-li {
	width:292px;
	margin-bottom:59px;
	float:left
}
.agent-body .agent-block4 .block4-content-ul li.item-li.mar-left {
	width:325px;
	margin-left:310px
}
.agent-body .agent-block5 .banner-block .blue-btn {
	display:block;
	font-size:26px;
	width:256px;
	height:52px;
	line-height:52px;
	border-radius:26px;
	left:220px;
	bottom:50%
}
.agent-body .agent-block5 .banner-block .banner-text {
	font-size:20px;
	left:227px;
	bottom:36%
}
.guarantee-body .guarantee-block1 {
	text-align:center;
	color:#666666
}
.guarantee-body .guarantee-block1 .common-width {
	width:1200px
}
.guarantee-body .guarantee-block1 .common-width .title-text {
	font-size:30px;
	color:#333333;
	padding:62px 0 12px
}
.guarantee-body .guarantee-block1 .common-width .content-text {
	font-size:15px;
	line-height:34px;
	margin-bottom:33px
}
.guarantee-body .guarantee-block1 .common-width .content1-text {
	font-size:14px;
	line-height:30px
}
.guarantee-body .guarantee-block1 .common-width .content1-text i {
	font-size:20px;
	font-weight:bold;
	color:#4A90E2
}
.guarantee-body .guarantee-block1 .common-width .content2-text {
	font-size:14px;
	line-height:34px;
	padding-bottom:63px;
	letter-spacing:1px
}
.guarantee-body .guarantee-block1 .common-width .content2-text .contact {
	color:#333333
}
.guarantee-body .guarantee-block2 .block2-content {
	width:552px;
	margin-right:86px
}
.guarantee-body .guarantee-block2 .block2-content .title-text {
	font-size:24px;
	color:#333333;
	padding:105px 0 13px
}
.guarantee-body .guarantee-block2 .block2-content .title1-text {
	font-size:14px;
	color:#666666;
	line-height:30px;
	margin-bottom:51px
}
.guarantee-body .guarantee-block2 .block2-content .content-text {
	font-size:14px;
	color:#999999;
	line-height:34px
}
.guarantee-body .guarantee-block2 .block2-images {
	width:516px;
	height:374px;
	margin:70px 0 62px
}
.guarantee-body .guarantee-block3 {
	padding-bottom:78px
}
.guarantee-body .guarantee-block3 .common-width {
	width:1205px;
	text-align:center
}
.guarantee-body .guarantee-block3 .common-width .title-text {
	font-size:24px;
	color:#333333;
	padding:76px 0 14px
}
.guarantee-body .guarantee-block3 .common-width .title1-text {
	font-size:14px;
	color:#666666;
	margin-bottom:34px
}
.guarantee-body .guarantee-block3 .common-width .content-ul {
	border-left:1px solid #DCDCDC
}
.guarantee-body .guarantee-block3 .common-width .content-ul .item-li {
	width:199px;
	height:231px;
	float:left;
	font-size:14px;
	color:#666666;
	line-height:355px;
	background-color:#fff;
	background-position:center 55px;
	text-align:center;
	border-top:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC
}
.guarantee-body .guarantee-block3 .common-width .content-ul .item-li.icon1 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic2.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block3 .common-width .content-ul .item-li.icon2 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic3.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block3 .common-width .content-ul .item-li.icon3 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic4.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block3 .common-width .content-ul .item-li.icon4 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic5.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block3 .common-width .content-ul .item-li.icon5 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic6.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block3 .common-width .content-ul .item-li.icon6 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic7.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block4 .block4-images {
	width:461px;
	height:386px;
	margin:53px 137px 57px 0
}
.guarantee-body .guarantee-block4 .title-text {
	font-size:24px;
	color:#333333;
	padding:187px 0 17px
}
.guarantee-body .guarantee-block4 .content-text {
	font-size:14px;
	color:#666666;
	line-height:30px
}
.guarantee-body .guarantee-block5 .common-width {
	width:1200px;
	text-align:center
}
.guarantee-body .guarantee-block5 .common-width .title-text {
	font-size:24px;
	color:#333333;
	padding:82px 12px 54px 0
}
.guarantee-body .guarantee-block5 .common-width .content-ul {
	padding-bottom:70px
}
.guarantee-body .guarantee-block5 .common-width .content-ul .item-li {
	width:155px;
	font-size:14px;
	color:#666666;
	line-height:30px;
	padding:165px 103px 0 0;
	float:left
}
.guarantee-body .guarantee-block5 .common-width .content-ul .item-li.mar-right0 {
	padding-right:0
}
.guarantee-body .guarantee-block5 .common-width .content-ul .item-li.icon1 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic9.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block5 .common-width .content-ul .item-li.icon2 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic10.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block5 .common-width .content-ul .item-li.icon3 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic11.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block5 .common-width .content-ul .item-li.icon4 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic12.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block5 .common-width .content-ul .item-li.icon5 {
	display:inline-block;
	background-image:url("../images/guarantee/icon-pic13.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 {
	text-align:center
}
.guarantee-body .guarantee-block6 .title-text {
	font-size:24px;
	color:#333333;
	padding:69px 0 66px
}
.guarantee-body .guarantee-block6 .content-ul {
	margin-left:100px;
	padding-bottom:41px
}
.guarantee-body .guarantee-block6 .content-ul .item-li {
	width:190px;
	margin-right:71px;
	margin-bottom:77px;
	background-position:center 0;
	float:left
}
.guarantee-body .guarantee-block6 .content-ul .item-li .content-text {
	padding-top:118px;
	font-size:18px;
	color:#666666
}
.guarantee-body .guarantee-block6 .content-ul .item-li .content1-text {
	font-size:14px;
	color:#666666;
	margin-top:7px
}
.guarantee-body .guarantee-block6 .content-ul .item-li.mar-right0 {
	margin-right:0
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon1 {
	display:inline-block;
	background-image:url("../images/guarantee/a1.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon2 {
	display:inline-block;
	background-image:url("../images/guarantee/a2.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon3 {
	display:inline-block;
	background-image:url("../images/guarantee/a3.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon4 {
	display:inline-block;
	background-image:url("../images/guarantee/a4.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon5 {
	display:inline-block;
	background-image:url("../images/guarantee/a5.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon6 {
	display:inline-block;
	background-image:url("../images/guarantee/a6.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon7 {
	display:inline-block;
	background-image:url("../images/guarantee/a7.png");
	background-repeat:no-repeat
}
.guarantee-body .guarantee-block6 .content-ul .item-li.icon8 {
	display:inline-block;
	background-image:url("../images/guarantee/a8.png");
	background-repeat:no-repeat
}
.app-download-block1 .block1-images {
	width:255px;
	height:335px;
	margin:147px 108px 118px 0
}
.app-download-block1 .block1-content {
	padding-top:66px
}
.app-download-block1 .block1-content .title-text {
	font-size:30px;
	color:#333333
}
.app-download-block1 .block1-content .title1-text {
	font-size:20px;
	color:#666666;
	margin-bottom:20px
}
.app-download-block1 .block1-content .blue-line {
	width:27px;
	height:5px;
	background:#3C8EE9;
	margin-left:7px;
	margin-bottom:13px
}
.app-download-block1 .block1-content .title3-text {
	font-size:14px;
	color:#999999;
	margin-bottom:45px
}
.app-download-block1 .block1-content .img_box {
	display:inline-block
}
.app-download-block1 .block1-content .img_box.img1 {
	margin-right:108px
}
.app-download-block1 .block1-content .img_box.img1 img {
	margin-top:-270px
}
.app-download-block1 .block1-content .img_box.img2 {
	margin-right:88px
}
.app-download-block1 .block1-content .img_box .img_border {
	padding:14px 32px;
	border:1px solid #e3e3e3;
	text-align:center
}
.app-download-block1 .block1-content .img_box .img_border img {
	width:100px;
	margin-bottom:6px
}
.app-download-block1 .block1-content .img_box .img_border p {
	text-align:center;
	color:#666
}
.app-download-block1 .block1-content .img_box .txt {
	font-size:14px;
	color:#333;
	text-align:center;
	margin-top:18px
}
.project-case.content.customer-cases .section,.mk-case.content.customer-cases .section {
	width:1200px
}
.project-case.content.customer-cases .usage .txt,.mk-case.content.customer-cases .usage .txt {
	width:1200px;
	padding:0
}
.project-case .cooperation-ul,.mk-case .cooperation-ul {
	width:530px
}
.project-case .cooperation-ul .cooperation-li,.mk-case .cooperation-ul .cooperation-li {
	float:left;
	width:174px
}
.project-case .cooperation-ul .cooperation-li img,.mk-case .cooperation-ul .cooperation-li img {
	width:75px;
	height:75px
}
.project-case .cooperation-ul .cooperation-li .cooperation-title,.mk-case .cooperation-ul .cooperation-li .cooperation-title {
	font-size:14px;
	color:#333333;
	padding-left:5px;
	margin-bottom:6px
}
.project-case .cooperation-ul .cooperation-li .cooperation-content,.mk-case .cooperation-ul .cooperation-li .cooperation-content {
	font-size:14px;
	color:#999999;
	padding-left:5px
}
@-webkit-keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}.fadeIn {
	-webkit-animation:fadeIn .5s ease-in;
	-moz-animation:fadeIn .5s ease-in;
	-o-animation:fadeIn .5s ease-in;
	-ms-animation:fadeIn .5s ease-in;
	animation:fadeIn .5s ease-in
}
.detail-section1-content {
	width:562px;
	padding-top:150px;
	padding-left:85px;
	color:#333
}
.detail-section-1 {
	min-width:1270px
}
.detail-section-1 .detail-mainTitle-appName {
	font-size:48px;
	margin-right:15px;
	color:#4f98e9
}
.detail-section-1 .detail-mainTitle-explain {
	font-size:24px
}
.banner-version {
	display:inline-block;
	margin:0 5px;
	width:51px;
	height:23px;
	line-height:70px;
	background:url(../images/detailPages/banner_2.0.png) no-repeat center
}
.detail-section-1 .detail-subTitle {
	font-size:18px;
	line-height:25px;
	margin-top:12px
}
.detail-section-1 .detail-text {
	margin-top:15px;
	margin-bottom:17px;
	font-size:14px;
	color:#999;
	line-height:22px
}
.detail-versionTag {
	display:block;
	position:absolute;
	height:24px;
	width:48px;
	line-height:24px;
	color:#fff;
	text-align:center;
	top:16px;
	left:115px;
	background-color:#ffbb00;
	border-radius:3px;
	font-size:14px;
	font-weight:bold
}
.btn-firstPage,.btn-detailPage {
	display:block;
	height:30px;
	width:111px;
	text-align:center;
	background-color:#4f98e9;
	color:#fff;
	font-size:14px;
	border-radius:30px;
	line-height:30px;
	margin-bottom:15px;
	-webkit-transition:background-color .1s ease-in;
	-moz-transition:background-color .1s ease-in;
	-ms-transition:background-color .1s ease-in;
	-o-transition:background-color .1s ease-in;
	transition:background-color .1s ease-in
}
.btn-firstPage:hover,.btn-detailPage:hover {
	color:#fff
}
.main-section {
	width:1200px;
	margin:0 auto;
	height:100%;
	position:relative
}
.project-region {
	width:1080px;
	height:100%
}
.project-region .title {
	font-size:30px;
	line-height:48px
}
.project-region .text {
	font-size:14px;
	color:#666
}
.project-bg-1 {
	height:640px;
	background:url(../images/detailPages/project-bg-1.jpg) no-repeat center
}
.project-bg-1 .main-section {
	width:1300px
}
.project-section-2 {
	min-width:1270px;
	height:710px
}
.project-section-2 .main-section {
	width:1260px
}
.project-section-2 .project-left {
	float:left;
	width:690px;
	padding-left:10px;
	padding-top:80px
}
.project-section-2 .project-right {
	float:right;
	padding-top:80px;
	width:410px
}
.project-section2-btn {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	margin-left:78px
}
.project-section2-btn a {
	display:block;
	float:left;
	margin-right:20px;
	text-align:center;
	width:92px;
	height:30px;
	line-height:30px;
	border-radius:30px;
	color:#fff;
	font-size:14px
}
.project-section2-btn a.c-1 {
	background:#3099db
}
.project-section2-btn a.c-2 {
	background:#ffbc00
}
.project-section-2 .project-text {
	font-size:14px;
	color:#666;
	line-height:26px;
	margin-top:24px
}
.main-section.width-1368 {
	width:1180px
}
.project-section-2 .project-mainTitle {
	font-size:26px;
	line-height:44px
}
.project-section-2 .project-list {
	margin-top:28px
}
.project-section-2 .project-list-item {
	height:70px;
	padding:6px 0;
	cursor:pointer
}
.project-section-2 .list-item-mainTitle {
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
	margin-top:6px
}
.project-section-2 .list-item-subTitle {
	font-size:14px;
	line-height:14px;
	color:#666
}
.project-section-2 .project-list-item.active .list-item-mainTitle,.project-section-2 .project-list-item.active .list-item-subTitle {
	color:#4f98e9
}
.project-section-2 .list-item-icon {
	height:54px;
	width:54px;
	float:left;
	background-repeat:no-repeat;
	margin-right:25px;
	margin-top:2px
}
.project-section-2 .list-item-icon.project-section2-icon1 {
	background-image:url(../images/detailPages/project-ico-2-1.png)
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon1 {
	background-image:url(../images/detailPages/project-ico-2-1-on.png)
}
.project-section-2 .list-item-icon.project-section2-icon2 {
	background-image:url(../images/detailPages/project-ico-2-2.png)
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon2 {
	background-image:url(../images/detailPages/project-ico-2-2-on.png)
}
.project-section-2 .list-item-icon.project-section2-icon3 {
	background-image:url(../images/detailPages/project-ico-2-3.png)
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon3 {
	background-image:url(../images/detailPages/project-ico-2-3-on.png)
}
.project-section-2 .list-item-icon.project-section2-icon4 {
	background-image:url(../images/detailPages/project-ico-2-4.png)
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon4 {
	background-image:url(../images/detailPages/project-ico-2-4-on.png)
}
.project-section-3 {
	height:700px;
	background-color:#f7f8f8;
	min-width:1270px
}
.project-section-3 .main-section {
	width:1260px
}
.project-section-3 .project-left {
	float:left;
	padding-top:95px
}
.project-section-3 .project-right {
	float:right;
	padding-top:80px
}
.project-section3-btn {
	width:90%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	margin-left:78px
}
.project-section3-btn a {
	display:block;
	float:left;
	margin-right:20px;
	text-align:center;
	width:92px;
	height:30px;
	line-height:30px;
	border-radius:30px;
	color:#fff;
	font-size:14px
}
.project-section3-btn a.c-1 {
	background:#3099db
}
.project-section3-btn a.c-2 {
	background:#ffbc00
}
.project-section-3 .project-text {
	font-size:14px;
	color:#666;
	line-height:26px;
	margin-top:24px
}
.project-section-3 .project-mainTitle {
	font-size:26px;
	line-height:44px
}
.project-section-3 .project-list {
	margin-top:28px
}
.project-section-3 .project-list-item {
	height:70px;
	padding:6px 0;
	cursor:pointer
}
.project-section-3 .list-item-mainTitle {
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
	margin-top:6px
}
.project-section-3 .list-item-subTitle {
	font-size:14px;
	line-height:14px;
	color:#666
}
.project-section-3 .approval-list-item.active .list-item-mainTitle,.project-section-3 .approval-list-item.active .list-item-subTitle {
	color:#4f98e9
}
.project-section-3 .list-item-icon {
	height:54px;
	width:54px;
	float:left;
	background-repeat:no-repeat;
	margin-right:25px;
	margin-top:2px
}
.project-section-3 .list-item-icon.project-section3-icon1 {
	background-image:url(../images/detailPages/project-ico-3-1.png)
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon1 {
	background-image:url(../images/detailPages/project-ico-3-1-on.png)
}
.project-section-3 .list-item-icon.project-section3-icon2 {
	background-image:url(../images/detailPages/project-ico-3-2.png)
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon2 {
	background-image:url(../images/detailPages/project-ico-3-2-on.png)
}
.project-section-3 .list-item-icon.project-section3-icon3 {
	background-image:url(../images/detailPages/project-ico-3-3.png)
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon3 {
	background-image:url(../images/detailPages/project-ico-3-3-on.png)
}
.project-section-3 .list-item-icon.project-section3-icon4 {
	background-image:url(../images/detailPages/project-ico-3-4.png)
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon4 {
	background-image:url(../images/detailPages/project-ico-3-4-on.png)
}
.project-section-4 {
	min-width:1270px;
	height:640px
}
.project-section-4 .main-section {
	width:1260px
}
.project-section-4 .project-left {
	float:left;
	width:690px;
	padding-left:25px;
	padding-top:80px
}
.project-section-4 .project-right {
	float:right;
	padding-top:60px;
	width:410px
}
.project-section4-btn {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	margin-left:78px
}
.project-section4-btn a {
	display:block;
	float:left;
	margin-right:20px;
	text-align:center;
	width:92px;
	height:30px;
	line-height:30px;
	border-radius:30px;
	color:#fff;
	font-size:14px
}
.project-section4-btn a.c-1 {
	background:#3099db
}
.project-section4-btn a.c-2 {
	background:#ffbc00
}
.project-section-4 .project-text {
	font-size:14px;
	color:#666;
	line-height:26px;
	margin-top:24px
}
.project-section-4 .project-mainTitle {
	font-size:26px;
	line-height:44px
}
.project-section-4 .project-list {
	margin-top:28px
}
.project-section-4 .project-list-item {
	height:70px;
	padding:6px 0;
	cursor:pointer
}
.project-section-4 .list-item-mainTitle {
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
	margin-top:6px
}
.project-section-4 .list-item-subTitle {
	font-size:14px;
	line-height:14px;
	color:#666
}
.project-section-4 .project-list-item.active .list-item-mainTitle,.project-section-4 .project-list-item.active .list-item-subTitle {
	color:#4f98e9
}
.project-section-4 .list-item-icon {
	height:54px;
	width:54px;
	float:left;
	background-repeat:no-repeat;
	margin-right:25px;
	margin-top:2px
}
.project-section-4 .list-item-icon.project-section4-icon1 {
	background-image:url(../images/detailPages/project-ico-4-1.png)
}
.project-section-4 .project-list-item.active .list-item-icon.project-section4-icon1 {
	background-image:url(../images/detailPages/project-ico-4-1-on.png)
}
.project-section-4 .list-item-icon.project-section4-icon2 {
	background-image:url(../images/detailPages/project-ico-4-2.png)
}
.project-section-4 .project-list-item.active .list-item-icon.project-section4-icon2 {
	background-image:url(../images/detailPages/project-ico-4-2-on.png)
}
.project-section-4 .list-item-icon.project-section4-icon3 {
	background-image:url(../images/detailPages/project-ico-4-3.png)
}
.project-section-4 .project-list-item.active .list-item-icon.project-section4-icon3 {
	background-image:url(../images/detailPages/project-ico-4-3-on.png)
}
.project-section-5 .main-section {
	width:1260px
}
.project-section-5 {
	height:630px;
	background-color:#f7f8f8;
	min-width:1270px
}
.project-section-5 .project-left {
	float:left;
	padding-top:100px
}
.project-section-5 .project-right {
	float:right;
	padding-top:80px
}
.project-section5-btn {
	width:90%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	margin-left:78px
}
.project-section5-btn a {
	display:block;
	float:left;
	margin-right:20px;
	text-align:center;
	width:92px;
	height:30px;
	line-height:30px;
	border-radius:30px;
	color:#fff;
	font-size:14px
}
.project-section5-btn a.c-1 {
	background:#3099db
}
.project-section5-btn a.c-2 {
	background:#ffbc00
}
.project-section-5 .project-text {
	font-size:14px;
	color:#666;
	line-height:26px;
	margin-top:24px
}
.project-section-5 .project-mainTitle {
	font-size:26px;
	line-height:44px
}
.project-section-5 .project-list {
	margin-top:28px
}
.project-section-5 .project-list-item {
	height:70px;
	padding:6px 0;
	cursor:pointer
}
.project-section-5 .list-item-mainTitle {
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
	margin-top:6px
}
.project-section-5 .list-item-subTitle {
	font-size:14px;
	line-height:14px;
	color:#666
}
.project-section-5 .approval-list-item.active .list-item-mainTitle,.project-section-5 .approval-list-item.active .list-item-subTitle {
	color:#4f98e9
}
.project-section-5 .list-item-icon {
	height:54px;
	width:54px;
	float:left;
	background-repeat:no-repeat;
	margin-right:25px;
	margin-top:2px
}
.project-section-5 .list-item-icon.project-section5-icon1 {
	background-image:url(../images/detailPages/project-ico-5-1.png)
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon1 {
	background-image:url(../images/detailPages/project-ico-5-1-on.png)
}
.project-section-5 .list-item-icon.project-section5-icon2 {
	background-image:url(../images/detailPages/project-ico-5-2.png)
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon2 {
	background-image:url(../images/detailPages/project-ico-5-2-on.png)
}
.project-section-5 .list-item-icon.project-section5-icon3 {
	background-image:url(../images/detailPages/project-ico-5-3.png)
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon3 {
	background-image:url(../images/detailPages/project-ico-5-3-on.png)
}
.project-section-5 .list-item-icon.project-section5-icon4 {
	background-image:url(../images/detailPages/project-ico-5-4.png)
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon4 {
	background-image:url(../images/detailPages/project-ico-5-4-on.png)
}
.project-section-6 {
	height:700px;
	min-width:1270px
}
.project-section-6 .content {
	height:100%;
	text-align:center;
	padding-top:90px
}
.project-section-6 .content .image {
	height:372px;
	margin-top:50px;
	background:url(../images/detailPages/project-bg-5.png) no-repeat center
}
.pos-r,.pos-rel {
	position:relative
}
.index-bg-9.detail-section-register {
	background:url(../images/detailPages/crm-bg-8.jpg) no-repeat center;
	height:350px
}
.index-section-9.detail-section-register .index-maintitle {
	padding-top:118px
}
.index-section-9.detail-section-register .index-section9-inputRow {
	margin-top:40px
}
.index-section-9 .index-maintitle {
	font-size:30px;
	line-height:30px;
	color:#fff;
	text-align:center;
	padding-top:117px
}
.index-section9-inputRow {
	width:413px;
	height:52px;
	background-color:#fff;
	margin:55px auto 0 auto
}
.placeholder-label {
	position:absolute;
	min-width:148px;
	height:30px;
	line-height:30px;
	left:6px;
	color:#999;
	cursor:text;
	display:none
}
.index-section9-inputRow input {
	height:52px;
	line-height:30px;
	padding:11px 20px;
	border:0;
	font-size:16px;
	width:283px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
#btn-registerNow {
	height:52px;
	line-height:52px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background-color:#4f98e9;
	width:130px;
	float:right;
	display:inline
}
.index-section9-inputRow .placeholder-label {
	font-size:16px;
	left:20px;
	top:-7px
}
.detail-otherApp {
	height:590px
}
.detail-otherApp .detail-mainTitle {
	font-size:30px;
	line-height:30px;
	padding-top:67px;
	text-align:center
}
.detail-otherApp .detail-subTitle {
	width:637px;
	margin:24px auto 0 auto;
	font-size:14px;
	color:#666;
	line-height:24px;
	text-align:center
}
.detail-otherApp-bottom {
	padding:0 43px;
	height:270px;
	margin-top:107px
}
.detail-otherApp-item {
	width:266px;
	float:left
}
.detail-otherApp-item+.detail-otherApp-item {
	margin-left:158px
}
.detail-otherApp-img {
	padding-left:78px
}
.detail-otherApp-img img {
	width:106px;
	height:106px
}
.detail-otherApp-name {
	font-size:20px;
	text-align:center;
	margin-top:26px;
	font-weight:bold
}
.detail-otherApp-text {
	font-size:14px;
	color:#666;
	text-align:center;
	line-height:24px;
	margin-top:7px
}
.detail-otherApp-btnRow {
	margin-top:10px;
	text-align:center;
	font-size:14px
}
.detail-otherApp-btnRow a {
	color:#4f98e9
}
.detail-otherApp-btnRow a:hover {
	color:#3e97d9
}
.yopEhr-body .common-header {
	height:80px
}
.app-download {
	width:980px;
	margin:0 auto
}
.app-download .app-download-main {
	width:100%;
	display:flex
}
.app-download .app-download-main .app-download-phone {
	width:403px;
	margin:33px 0 50px 0
}
.app-download .app-download-main .app-download-content {
	text-align:center;
	margin:108px 0 0 50px
}
.app-download .app-download-main .app-download-content .app-download-text {
	width:306px;
	font-size:18px;
	font-weight:400;
	color:#333333;
	line-height:24px;
	margin:0 auto;
	padding-top:40px
}
.app-download .app-download-main .app-download-content .app-download-qr {
	margin-top:50px
}
.app-download .app-download-main .app-download-content .app-download-qr img {
	margin:0 10px
}
body {
	padding:0;
	margin:0
}
.content.customer-cases .section {
	width:1200px;
	margin:0 auto
}
.content.customer-cases .bg-gray {
	background-color:#f8f8f8
}
.content.customer-cases .top_bread {
	color:#666666;
	font-size:14px;
	line-height:58px
}
.content.customer-cases .top_bread a {
	color:#666666
}
.content.customer-cases .top_bread .section i {
	display:inline-block;
	width:18px;
	height:14px;
	background-image:url("../images/customerCase/common/top-cio.png");
	background-size:100%;
	vertical-align:text-bottom;
	background-repeat:no-repeat
}
.content.customer-cases .txt_info .section .tit_box {
	color:#333333;
	font-size:26px;
	text-align:center;
	margin-top:80px;
	margin-bottom:64px
}
.content.customer-cases .txt_info .section .top_tip {
	color:#333333;
	margin-top:58px;
	text-align:center;
	font-size:20px;
	margin-bottom:6px
}
.content.customer-cases .txt_info .section .blue_line {
	text-align:center;
	margin-bottom:10px
}
.content.customer-cases .txt_info .section .txt {
	font-size:14px;
	color:#666;
	line-height:28px;
	text-indent:30px;
	text-align:justify
}
.usage {
	padding-top:58px;
	margin-top:58px;
	padding-bottom:78px
}
.usage .top_tip {
	color:#333333;
	text-align:center;
	font-size:20px;
	margin-bottom:6px
}
.usage .blue_line {
	text-align:center;
	margin-bottom:10px
}
.usage .txt {
	font-size:14px;
	color:#666;
	line-height:28px;
	text-indent:30px;
	text-align:center;
	padding:0 42px
}
.usage .func_box {
	margin-top:48px
}
.usage .func_box .three_box:last-child {
	margin-right:0
}
.usage .func_box .three_box {
	background-color:#fff;
	width:374px;
	margin-right:26px;
	min-height:385px;
	padding:54px 38px 0 38px;
	display:inline-block;
	vertical-align:top
}
.usage .func_box .three_box .tit {
	font-size:18px;
	color:#333333;
	text-align:center;
	margin-bottom:38px
}
.usage .func_box .three_box .box_count {
	padding-left:12px
}
.usage .func_box .three_box .ico_box {
	width:92px;
	text-align:center;
	display:inline-block
}
.usage .func_box .three_box .ico_box img {
	width:83px;
	height:86px
}
.usage .func_box .three_box .ico_box div {
	font-size:12px;
	color:#666;
	margin-bottom:20px
}
.usage_info {
	padding-top:60px
}
.usage_info .top_tip {
	color:#333333;
	font-size:20px;
	margin-bottom:30px;
	text-align:center
}
.usage_info .half_window {
	width:100%;
	height:307px;
	background:#fff;
	box-shadow:1px 0px 13px #d3d3d3
}
.usage_info .half_window .img_box {
	text-align:center;
	margin-top:48px
}
.usage_info .half_window .left_box {
	display:inline-block;
	width:49.5%;
	background-color:#F8F8F8;
	border-right:1px solid #eee;
	vertical-align:top;
	height:100%
}
.usage_info .half_window .right_box {
	display:inline-block;
	width:50%;
	vertical-align:top
}
.usage_info .half_window .txt_box {
	width:470px;
	margin:0 auto
}
.usage_info .half_window .txt_box .status {
	float:left;
	font-weight:SourceHanSansCN-Medium;
	color:#333;
	font-size:14px
}
.usage_info .half_window .txt_box .txt {
	display:inline-block;
	color:#999;
	font-size:14px;
	width:87%
}
.usage_info .part_in {
	display:inline-block;
	width:49.4%;
	vertical-align:top
}
.usage_info .part_in .tit {
	color:#333333;
	font-size:20px;
	margin-bottom:18px
}
.usage_info .part_in .tit.sm {
	font-size:14px
}
.usage_info .part_in .info_txt {
	color:#666666;
	font-size:14px;
	width:524px;
	margin-bottom:16px;
	line-height:28px
}
.usage_info .part_in .info_txt.sm {
	color:#999
}
.usage_info .part_in .dot_txt {
	line-height:28px;
	width:518px;
	font-size:14px;
	padding-left:3px;
	color:#999
}
.usage_info .part_in .dot_txt .dot {
	display:inline-block;
	width:7px;
	height:7px;
	border-radius:50%;
	background-color:#3C8EE9;
	margin-right:6px
}
.usage_info .part_in .use_box.four4 {
	display:inline-block;
	margin-bottom:20px;
	vertical-align:top
}
.usage_info .part_in .use_box.four4 .content .txt_box {
	width:168px
}
.usage_info .part_in .use_box .img_box {
	float:left;
	margin-right:8px
}
.usage_info .part_in .use_box .content {
	display:inline-block;
	font-size:14px;
	margin-bottom:12px;
	min-height:75px
}
.usage_info .part_in .use_box .content .name {
	color:#333333;
	margin-bottom:6px
}
.usage_info .part_in .use_box .content .txt_box {
	width:444px;
	color:#999999
}
.usage_info .part_in .use_box.special {
	width:240px;
	display:inline-block;
	vertical-align:top
}
.usage_info .part_in .use_box.special .img_box {
	display:inline-block;
	margin-right:8px
}
.usage_info .part_in .use_box.special .content {
	display:inline-block;
	font-size:14px;
	margin-bottom:12px
}
.usage_info .part_in .use_box.special .content .name {
	color:#333333;
	margin-bottom:6px
}
.usage_info .part_in .use_box.special .content .txt_box {
	width:238px;
	color:#999999;
	line-height:24px
}
.usage_info .main_info {
	text-align:center;
	margin-top:60px;
	margin-bottom:46px
}
.usage_info .main_info .tit {
	font-size:20px;
	color:#333333;
	margin-bottom:18px;
	font-weight:bold
}
.usage_info .main_info .main {
	font-size:14px;
	color:#666
}
.usage_info .three_info {
	font-size:14px;
	margin-bottom:82px
}
.usage_info .three_info .box:last-child {
	margin-right:0
}
.usage_info .three_info .box {
	width:372px;
	box-shadow:1px 0px 13px #d3d3d3;
	display:inline-block;
	margin-right:26px;
	padding-top:58px;
	height:372px;
	vertical-align:top;
	border-radius:4px
}
.usage_info .three_info .box .tit {
	color:#333;
	text-align:center;
	margin-bottom:2px
}
.usage_info .three_info .box .blue_line {
	text-align:center;
	margin-bottom:20px
}
.usage_info .three_info .box .txt_count {
	width:266px;
	margin:0 auto;
	color:#999;
	line-height:28px
}
.usage_info .more_info {
	font-size:14px;
	margin-bottom:82px
}
.usage_info .more_info .left {
	display:inline-block;
	vert-align:top;
	width:896px
}
.usage_info .more_info .left .box {
	width:270px;
	height:208px
}
.usage_info .more_info .left .box.mid {
	width:300px;
	height:270px
}
.usage_info .more_info .right {
	display:inline-block;
	vertical-align:top;
	width:280px
}
.usage_info .more_info .right .box {
	padding-top:128px;
	width:280px;
	height:442px
}
.usage_info .more_info .box {
	box-shadow:1px 0px 13px #d3d3d3;
	display:inline-block;
	margin-right:26px;
	padding-top:40px;
	vertical-align:top;
	margin-bottom:26px
}
.usage_info .more_info .box .tit {
	color:#333;
	text-align:center;
	margin-bottom:2px
}
.usage_info .more_info .box .blue_line {
	text-align:center;
	margin-bottom:20px
}
.usage_info .more_info .box .txt_count {
	width:224px;
	margin:0 auto;
	color:#999
}
.content.about_us .contact_box {
	margin-top:60px;
	display:flex;
	justify-content:space-between
}
.content.about_us .contact_box .part_m {
	display:inline-block;
	vertical-align:top
}
.content.about_us .contact_box .part_m .contact_info {
	padding-top:100px
}
.content.about_us .contact_box .part_m .contact_info .info_row {
	font-size:14px;
	margin-bottom:8px
}
.content.about_us .contact_box .part_m .contact_info .info_row .key {
	color:#666;
	float:left
}
.content.about_us .contact_box .part_m .contact_info .info_row .value {
	display:inline-block;
	color:#333
}
.content.about_us .contact_box .part_m .contact_info .info_row .value.blue {
	color:#5FBEDA;
	cursor:pointer
}
.content.about_us .contact_box .part_m .img_box {
	display:inline-block;
	width:180px
}
.content.about_us .contact_box .part_m .img_box .image {
	border:1px solid #ddd;
	padding:10px
}
.content.about_us .contact_box .part_m .img_box .image img {
	width:100%;
	height:100%;
	object-fit:cover
}
.content.about_us .contact_box .part_m .img_box p {
	text-align:center;
	font-size:14px;
	color:#666;
	margin-top:14px
}
.content.about_us .contact_box .part_f {
	width:630px;
	display:flex;
	justify-content:space-between
}
.content.about_us .contact_box .part_f .img_box {
	display:inline-block;
	width:180px
}
.content.about_us .contact_box .part_f .img_box .image {
	border:1px solid #ddd;
	padding:10px
}
.content.about_us .contact_box .part_f .img_box .image img {
	width:100%;
	height:100%;
	object-fit:cover
}
.content.about_us .contact_box .part_f .img_box p {
	text-align:center;
	font-size:14px;
	color:#666;
	margin-top:14px
}
.content.about_us .product_info .main_box {
	margin-bottom:46px
}
.content.about_us .product_info .title_box {
	text-align:center;
	font-size:26px;
	color:#333
}
.content.about_us .product_info .blue_tip {
	color:#2891E9;
	font-size:18px
}
.content.about_us .product_info .blue_tip .tick {
	float:left;
	width:6px;
	height:18px;
	background:#4a90e2;
	border-radius:7px;
	margin-right:8px;
	margin-left:14px;
	margin-top:4px
}
.content.about_us .product_info .blue_tip .name {
	display:inline-block
}
.content.about_us .product_info .p_box {
	font-size:14px;
	line-height:40px;
	color:#333;
	text-indent:30px;
	margin:10px 0 8px 0
}
.content.about_us .product_info .tip_box {
	padding-left:34px
}
.content.about_us .three_o .title_box {
	color:#333;
	font-size:26px;
	text-align:center;
	margin-bottom:20px
}
.content.about_us .three_o .o_count {
	margin:0 auto;
	display:flex;
	justify-content:space-around
}
.content.about_us .three_o .info_box {
	width:200px;
	margin-right:90px;
	vertical-align:top
}
.content.about_us .three_o .info_box .tit_box {
	width:160px;
	height:160px;
	background:url("../images/aboutWe/oval.png") no-repeat;
	background-size:100%;
	text-align:center;
	margin:0 auto;
	padding-top:45px
}
.content.about_us .three_o .info_box .tit_box .name {
	color:#fff;
	font-size:24px;
	margin-bottom:12px
}
.content.about_us .three_o .info_box .tit_box .txt {
	color:#fff;
	font-size:14px;
	width:94px;
	height:32px;
	background:rgba(191,241,255,0.45);
	border-radius:16px;
	line-height:32px;
	margin:0 auto
}
.content.about_us .three_o .info_box .info {
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:#666;
	margin-top:15px
}
.content.about_us .three_o .info_box:last-child {
	margin-right:0
}
.content.about_us .hide {
	display:none
}
.content.about_us ul,.content.about_us li {
	margin:0;
	padding:0
}
.content.about_us a {
	text-decoration:none;
	color:#696969
}
.content.about_us .section {
	width:100%
}
.content.about_us .section.banner {
	width:100%
}
.content.about_us .section.banner img {
	width:100%
}
.content.about_us .section.tab {
	height:70px;
	line-height:70px;
	margin-top:40px
}
.content.about_us .section.tab ul {
	width:350px;
	margin:0 auto
}
.content.about_us .section.tab ul li {
	display:inline-block;
	margin-right:60px;
	font-size:18px
}
.content.about_us .section.tab ul li a.active {
	color:#2891e9;
	border-bottom:2px solid #2891e9;
	display:inline-block;
	height:56px
}
.content.about_us .section.tab ul li:last-child {
	margin-right:0
}
.content.about_us .section .part {
	width:990px;
	margin:0 auto;
	box-sizing:border-box;
	padding-bottom:70px
}
.content.about_us .section .part .title_box {
	margin-top:80px;
	text-align:center;
	height:68px;
	box-sizing:border-box
}
.content.about_us .section .part .title_box i {
	height:42px;
	width:42px;
	float:left;
	background:url("../images/customerCase/customer/ico.png") no-repeat;
	margin-right:26px;
	line-height:68px;
	margin-top:10px
}
.content.about_us .section .part .title_box .txt {
	width:auto;
	font-size:30px;
	color:#333;
	line-height:68px;
	margin-right:16px;
	float:left
}
.content.about_us .section .part .title_box .status {
	margin-top:12px;
	vertical-align:top;
	float:left;
	width:91px;
	height:38px;
	border-radius:9px;
	color:#FF1600;
	border:2px solid #FF1600;
	font-size:18px;
	line-height:38px
}
.content.about_us .section .part .txt_box {
	margin-top:70px
}
.content.about_us .section .part .txt_box .txt_tit {
	text-align:center;
	font-size:24px;
	color:#333;
	margin-bottom:10px
}
.content.about_us .section .part .txt_box .txt_count {
	font-size:14px;
	color:#666;
	line-height:40px;
	text-indent:30px;
	text-align:justify
}
.content.about_us .section .part .img_box {
	margin-top:30px
}
.content.about_us .section .part .dash_line {
	height:2px;
	border-bottom:2px dashed;
	color:#979797;
	margin-top:56px
}
.content.about_us .section .part .blue_tit {
	width:173px;
	height:35px;
	background:#2891e9;
	border-radius:18px;
	box-shadow:0 5px 4px #009CFF;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:35px;
	margin-top:40px;
	margin-bottom:20px
}
.content.about_us .section .part .tip_row {
	font-size:14px;
	margin-bottom:16px
}
.content.about_us .section .part .tip_row .tip {
	float:left;
	color:#F5A623;
	margin-right:20px;
	font-weight:bold;
	width:72px
}
.content.about_us .section .part .tip_row .sword {
	float:left;
	margin-right:8px;
	margin-left:-5px;
	line-height:18px
}
.content.about_us .section .part .tip_row .txt {
	display:inline-block;
	color:#666
}
.customerCase {
	color:#333
}
.customerCase * {
	padding:0;
	margin:0
}
.customerCase .banner {
	width:100%;
	height:340px;
	background:url("../images/customerCase/index/case_banner.png") no-repeat center;
	background-size:cover
}
.customerCase .banner .probation-title {
	font-family:"PingFang SC" !important;
	font-weight:500;
	width:100%;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:24px;
	color:#FEFFFF;
	padding-top:130px
}
.customerCase .banner .probation-btn-box {
	width:100%;
	height:40px;
	position:relative
}
.customerCase .banner .probation-btn-box a {
	display:block;
	width:184px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:20px;
	color:#fff;
	background-color:#EBA63E;
	border-radius:20px;
	opacity:.9241;
	position:absolute;
	top:186px;
	left:50%;
	transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0)
}
.customerCase .banner .customerCase-title {
	width:123px;
	height:29px;
	line-height:29px;
	font-size:30px;
	font-family:"PingFang SC" !important;
	font-style:italic;
	color:#FFFFFF;
	opacity:0.61;
	margin:36px 0 0 315px
}
.customerCase .navigation-tab {
	width:722px;
	height:60px;
	margin:14px auto;
	border-radius:4px
}
.customerCase .navigation-tab li {
	float:left;
	margin-right:8px
}
.customerCase .navigation-tab li .navigation-btn-box {
	min-width:80px;
	height:30px;
	line-height:28px;
	margin-top:15px;
	padding:0 12px;
	font-size:14px;
	text-align:center;
	border:1px solid #fff
}
.customerCase .navigation-tab li .navigation-btn-box:hover,.customerCase .navigation-tab li .navigation-btn-box.active {
	border-color:#3C8EE9;
	border-radius:15px
}
.customerCase .navigation-tab li .navigation-btn-box:hover a,.customerCase .navigation-tab li .navigation-btn-box.active a {
	display:block;
	color:#3C8EE9
}
.customerCase .section-case {
	width:1280px;
	margin:0 auto;
	padding-bottom:25px
}
.customerCase .section-case .list_box {
	display:inline-block;
	width:302px;
	height:271px;
	border:1px solid #E4E4E4;
	border-radius:4px;
	margin:0 19px 30px 0
}
.customerCase .section-case .list_box:nth-child(4n-4) {
	margin:0 0 30px 0
}
.customerCase .section-case .list_box .img_box {
	display:block;
	width:300px;
	height:166px;
	border-radius:4px 4px 0px 0px;
	position:relative
}
.customerCase .section-case .list_box .img_box img {
	width:100%;
	height:100%;
	border-radius:4px 4px 0px 0px
}
.customerCase .section-case .list_box .img_box .mask {
	position:absolute;
	top:0;
	right:0;
	background:rgba(0,0,0,0.41);
	color:#FFFFFF;
	width:100%;
	height:100%;
	opacity:0;
	pointer-events:none;
	border-radius:4px 4px 0px 0px
}
.customerCase .section-case .list_box .img_box .mask .more_icon {
	width:77px;
	height:77px;
	background:url("../images/customerCase/index/more.png") no-repeat center;
	background-size:100%;
	margin:0 auto;
	margin-top:45px
}
.customerCase .section-case .list_box .info_box {
	display:inline-block;
	vertical-align:top;
	width:300px;
	height:105px
}
.customerCase .section-case .list_box .info_box .info_tit {
	width:248px;
	height:44px;
	font-size:18px;
	font-weight:500;
	color:#333333;
	line-height:24px;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding-top:22px;
	margin:0 auto
}
.customerCase .section-case .list_box .info_box .info_line {
	width:20px;
	height:2px;
	margin:10px 140px;
	background:#00A0E9
}
.customerCase .section-case .list_box .info_box .info_type {
	width:100%;
	height:18px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#999999;
	line-height:18px
}
.customerCase .section-case .list_box .info_box .info_txt {
	display:none
}
.customerCase .section-case .list_box .info_box .info_dt {
	display:none
}
.customerCase .section-case .list_box:hover {
	animation:backgroundmove 1s forwards;
	-webkit-animation:backgroundmove 1s forwards
}
.customerCase .section-case .list_box:hover .mask {
	opacity:1
}
.customerCase .section-case .list_box:hover .mask .more_icon {
	animation:iconmove 1s forwards;
	-webkit-animation:iconmove 1s forwards
}
.customerCase .section-case .list_box:hover .info_tit {
	display:none
}
.customerCase .section-case .list_box:hover .info_line {
	display:none
}
.customerCase .section-case .list_box:hover .info_type {
	display:none
}
.customerCase .section-case .list_box:hover .info_txt {
	display:block;
	width:265px;
	height:60px;
	line-height:20px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:500;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	text-align:center;
	margin:0 auto;
	margin-top:10px
}
.customerCase .section-case .list_box:hover .info_dt {
	display:block;
	height:18px;
	line-height:18px;
	text-align:center
}
.customerCase .section-case .list_box:hover .info_dt a {
	color:#FFFFFF;
	font-size:12px
}
@keyframes backgroundmove {
	to {
	background-color:#2E97F0
}
}@-webkit-keyframes backgroundmove /*Safari and Chrome*/ {
	to {
	background-color:#2E97F0
}
}@keyframes iconmove {
	to {
	width:87px;
	height:87px
}
}@-webkit-keyframes iconmove /*Safari and Chrome*/ {
	to {
	width:87px;
	height:87px
}
}.customerCase .section-case>a {
	position:relative;
	display:inline-block;
	width:302px;
	height:271px;
	margin:0 16px 30px 0;
	border:1px solid #e4e4e4;
	border-radius:10px;
	background-color:#fff;
	overflow:hidden;
	transition:all .2s
}
.customerCase .section-case>a:nth-child(4n-4) {
	margin:0 0 30px 0
}
.customerCase .section-case>a:hover {
	transform:translateY(-2px);
	box-shadow:10px 14px 16px 0px rgba(38,109,188,0.1)
}
.customerCase .section-case>a:hover .caption .monk {
	background-color:#000;
	opacity:.41
}
.customerCase .section-case>a:hover .caption .bottom {
	opacity:1
}
.customerCase .section-case>a .card-item {
	height:100%;
	text-align:center
}
.customerCase .section-case>a .card-item>img {
	width:100%;
	height:166px
}
.customerCase .section-case>a .card-item>div {
	padding:20px 20px 0
}
.customerCase .section-case>a .card-item p {
	color:#333;
	font-size:18px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.customerCase .section-case>a .card-item span {
	color:#999;
	font-size:14px
}
.customerCase .section-case>a .card-item .tiny-divider {
	height:2px;
	width:20px;
	margin:10px auto;
	background:#2e97f0
}
.customerCase .section-case>a .caption {
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.customerCase .section-case>a .caption .monk,.customerCase .section-case>a .caption .bottom {
	opacity:0;
	*filter:alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-webkit-transition:all 0.35s;
	transition:all 0.35s
}
.customerCase .section-case>a .caption .monk {
	height:166px;
	background:url(./images/icon_plus.png) no-repeat center 45px
}
.customerCase .section-case>a .caption .bottom {
	height:calc(100% - 166px);
	padding:18px 16px 0;
	color:#fff;
	background:#2e97f0;
	text-align:center
}
.customerCase .section-case>a .caption .bottom>p {
	margin-bottom:10px;
	font-size:14px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.customerCase .section-case>a .caption .bottom>span {
	font-size:12px
}
.customerCase .load-more {
	width:100%;
	height:90px;
	text-align:center
}
.customerCase .load-more .more-btn {
	width:140px;
	margin:0 auto
}
.customerCase .load-more .more-btn a {
	display:block;
	width:140px;
	height:40px;
	line-height:40px;
	margin:0 auto;
	border:1px solid #999999;
	border-radius:20px;
	color:#999999
}
.customerCase .load-more .more-btn:hover a {
	border:1px solid #2698EF;
	color:#2698EF
}
.customerCase .gray_box {
	background-color:#f8f8f8
}
.customerCase .section {
	width:1180px;
	margin:0 auto;
	padding-bottom:60px;
	padding-top:40px
}
.customerCase .section .tit_box {
	color:#333;
	margin-bottom:20px;
	font-size:30px
}
.customerCase .section .list_box {
	display:inline-block;
	width:580px;
	margin-bottom:16px
}
.customerCase .section .list_box .img_box {
	display:inline-block;
	width:250px
}
.customerCase .section .list_box .img_box img {
	width:100%
}
.customerCase .section .list_box .info_box {
	padding-left:22px;
	border:1px solid  #E4E4E4;
	width:328px;
	display:inline-block;
	vertical-align:top;
	height:175px;
	margin-left:-4px
}
.customerCase .section .list_box .info_box .info_tit {
	font-size:14px;
	margin-top:34px;
	margin-bottom:10px
}
.customerCase .section .list_box .info_box .info_txt {
	line-height:20px;
	font-size:12px;
	color:#666;
	margin-bottom:34px;
	width:264px
}
.customerCase .section .list_box .info_box .info_dt a {
	color:#999;
	font-size:12px
}
.no-cursor {
	cursor:default
}
.scale-105:hover {
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
	-moz-transform:scale(1.05)
}
.scale-11:hover {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1)
}
.box-shadow:hover {
	box-shadow:0 0 20px 0 rgba(206,206,206,0.5);
	-webkit-box-shadow:0 0 20px 0 rgba(206,206,206,0.5);
	-moz-box-shadow:0 0 20px 0 rgba(206,206,206,0.5);
	-ms-box-shadow:0 0 20px 0 rgba(206,206,206,0.5);
	-o-box-shadow:0 0 20px 0 rgba(206,206,206,0.5)
}
.index-box2-skip {
	cursor:pointer
}
.yop-header-fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:80px;
	z-index:999;
	box-shadow:0px 0px 5px 0px #bebebe;
	-webkit-box-shadow:0px 0px 5px 0px #bebebe;
	-o-box-shadow:0px 0px 5px 0px #bebebe;
	-ms-box-shadow:0px 0px 5px 0px #bebebe;
	-moz-box-shadow:0px 0px 5px 0px #bebebe;
	background-color:#fff
}
.yop-header-fixed .yop-header-box {
	height:100%;
	margin:0 auto;
	width:1270px
}
.yop-header-fixed .yop-header-box .yop-log {
	width:206px;
	height:43px;
	float:left;
	margin-top:19px;
	margin-right:124px
}
.yop-header-fixed .yop-header-box .yop-log a {
	display:block;
	width:100%;
	height:100%;
	background:url("../images/common/header/logo206x43.png") no-repeat center;
	background-size:100% auto
}
.yop-header-fixed .yop-header-box ul.header-ul {
	margin:0;
	padding:0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li {
	width:auto;
	height:80px;
	display:inline-block;
	list-style:none;
	float:left;
	position:relative
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li:hover .header-li-a,.yop-header-fixed .yop-header-box ul.header-ul li.header-li.active .header-li-a {
	color:#f5a623;
	border-bottom:2px solid #f5a623
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li a.header-li-a {
	display:block;
	text-decoration:none;
	width:auto;
	padding:0 19px;
	height:78px;
	line-height:78px;
	text-align:center;
	color:#333;
	font-size:16px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li a.header-li-a:hover,.yop-header-fixed .yop-header-box ul.header-ul li.header-li a.header-li-a.active {
	color:#f5a623;
	border-bottom:2px solid #f5a623
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li a.four-nav {
	padding:0 !important;
	margin:0 18.5px !important
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li:hover .product-catalog-box {
	display:block
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-catalog-box {
	position:absolute;
	top:81px;
	display:none
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module {
	min-width:115px;
	padding:9px 0px 6px 0px;
	background:#fff;
	box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-webkit-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-o-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-ms-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-moz-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5)
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .triangle {
	position:absolute;
	width:0;
	height:0;
	border-right:12px solid transparent;
	border-bottom:14px solid #ffffff;
	border-left:12px solid transparent;
	top:-14px;
	left:30px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module a {
	font-size:14px;
	color:#4A4A4A;
	letter-spacing:0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-project-item {
	width:200px;
	height:40px;
	line-height:40px;
	margin:1px 0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-project-item:hover {
	background-color:#E9F4FC
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-project-item:hover>span {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-item {
	width:159px;
	height:40px;
	line-height:40px;
	margin:1px 0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-item:hover {
	background-color:#E9F4FC
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-item:hover>span {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-about-item {
	width:115px;
	height:40px;
	line-height:40px;
	margin:1px 0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-about-item:hover {
	background-color:#E9F4FC
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .catalog-module-about-item:hover>span {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title {
	color:#505050;
	display:flex;
	align-items:center
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title.no-border {
	border:0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title>span {
	font-size:14px;
	color:#000000
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i {
	width:20px;
	height:17px;
	margin-right:16px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i.icon-work {
	background:url("../images/common/header/icon1.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i.icon-scene {
	background:url("../images/common/header/icon2.png") no-repeat center;
	width:20px;
	height:20px;
	background-size:20px 20px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i.icon-customer {
	background:url("../images/common/header/icon3.png") no-repeat;
	width:20px;
	height:17px;
	background-size:20px 17px;
	background-position:center center
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i.icon-news {
	background:url("../images/common/header/1.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i.icon-bema {
	background:url("../images/common/header/2.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i.icon-downLoad {
	background:url("../images/common/header/3.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .module-title i.icon-line {
	background:url("../images/common/header/4.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-yop-pm {
	background:url("../images/common/header/top_01.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-yop-crm {
	background:url("../images/common/header/top_02.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-yop-cost {
	background:url("../images/common/header/top_03.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-yop-ehr {
	background:url("../images/common/header/top_04.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-yop-oa {
	background:url("../images/common/header/top_05.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-2 {
	background:url("../images/common/header/icon2.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px;
	margin:12px 0;
	cursor:default
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-3 {
	background:url("../images/common/header/icon3.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-theory {
	background:url("../images/common/header/top_21.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-apply {
	background:url("../images/common/header/top_16.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-product {
	background:url("../images/common/header/top_17.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-downLoad {
	background:url("../images/common/header/top_18.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-customer {
	background:url("../images/common/header/top_08.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-typical {
	background:url("../images/common/header/top_09.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .top-10 {
	background:url("../images/common/header/top_10.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .top-11 {
	background:url("../images/common/header/top_11.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .top-12 {
	background:url("../images/common/header/top_12.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .top-13 {
	background:url("../images/common/header/top_13.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .top-14 {
	background:url("../images/common/header/top_14.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-introduce {
	background:url("../images/common/header/top_19.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .icon-contact {
	background:url("../images/common/header/top_20.png") no-repeat;
	background-position:15px center;
	padding-left:43px;
	background-size:22px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul {
	padding:0;
	margin:0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li:last-child>a {
	border:none
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a {
	display:flex
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a>i {
	width:25px;
	height:24px;
	margin-right:8px;
	margin-top:6px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a>i.icon-sub-1 {
	background:url("../images/common/header/icon-sub-1.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a>i.icon-sub-2 {
	background:url("../images/common/header/icon-sub-2.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a>i.icon-sub-3 {
	background:url("../images/common/header/icon-sub-3.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a>i.icon-sub-4 {
	background:url("../images/common/header/icon-sub-4.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a>i.icon-sub-5 {
	background:url("../images/common/header/icon-sub-5.png") no-repeat
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .module-ul-item {
	width:212px;
	height:28px;
	line-height:28px;
	margin:1px 0
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .module-ul-item:hover {
	background-color:#E9F4FC
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .module-ul-item:hover>span {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .stuff {
	width:212px;
	height:28px;
	line-height:28px;
	padding-left:40px;
	display:flex;
	flex-direction:column
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .stuff>span {
	font-size:12px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .stuff>span:hover {
	color:#696969
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .stuff>p {
	font-size:13px;
	color:#9B9B9B
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module ul li>a .stuff span em {
	padding-right:7px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .catalog-module .part-l {
	width:212px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item {
	padding-top:15px;
	border-bottom:1px dashed #3D3E40;
	height:68px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left {
	width:240px;
	float:left;
	position:relative
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left .product-icon {
	float:left;
	width:75px;
	height:42px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left .product-icon1 {
	background:url("../images/common/header/product-icon1.png") no-repeat;
	background-size:100%
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left .product-icon2 {
	background:url("../images/common/header/product-icon2.png") no-repeat;
	background-size:100%
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left .product-icon3 {
	background:url("../images/common/header/product-icon3.png") no-repeat;
	background-size:100%
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left .product-icon4 {
	background:url("../images/common/header/product-icon4.png") no-repeat;
	background-size:100%
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left .product-icon5 {
	background:url("../images/common/header/product-icon5.png") no-repeat;
	background-size:100%
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left div {
	padding-left:15px;
	float:left
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left div p {
	padding-top:2px;
	color:#9c9c9c
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left div a {
	font-size:16px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-left:after {
	content:'';
	position:absolute;
	width:1px;
	height:42px;
	background:#e1e1e1;
	right:0;
	top:2px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-right {
	float:left;
	padding-left:20px;
	padding-top:25px;
	zoom:1;
	overflow:hidden
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-right span {
	float:left;
	width:66px;
	position:relative;
	color:#9f9f9f;
	padding-left:10px;
	height:14px;
	line-height:14px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .product-header-item .product-right span:after {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#009ff9;
	top:5px;
	left:0px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li:hover .scene-catalog-box {
	display:block
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box {
	width:212px;
	height:194px;
	position:absolute;
	top:80px;
	display:none;
	box-shadow:0px 3px 3px #c8c8c8 inset
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .border {
	height:2px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .module-title-last {
	width:212px;
	height:40px;
	line-height:40px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .module-title-last:hover {
	background-color:#E9F4FC
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .module-title-last:hover>span {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .part-l .module-ul {
	color:#666
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .part-l .module-ul em {
	padding-right:7px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .part-l .scene-li-a {
	display:inline-block;
	color:#696969
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .scene-catalog-box .catalog-module .part-l .scene-li-a:hover div span {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li:hover .resource-catalog-box {
	display:block
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .resource-catalog-box {
	position:absolute;
	left:-32px;
	top:80px;
	display:none
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .resource-catalog-box .bor-row {
	height:1px;
	border-bottom:1px solid #E4E4E4;
	width:calc(100% - 40px);
	position:absolute;
	top:50%;
	left:20px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .resource-catalog-box .resource-catalog-btn {
	height:28px;
	line-height:28px;
	text-align:left;
	font-size:14px;
	color:#333
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .resource-catalog-box .resource-catalog-btn:nth-last-child(1) {
	margin-top:25px
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .resource-catalog-box .resource-catalog-btn i {
	display:block;
	width:20px;
	height:28px;
	margin-right:8px;
	float:left
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .resource-catalog-box .resource-catalog-btn i.icon-bema {
	background:url("../images/common/head-bema-icon.png") no-repeat center;
	background-size:contain
}
.yop-header-fixed .yop-header-box ul.header-ul li.header-li .resource-catalog-box .resource-catalog-btn i.icon-downLoad {
	background:url("../images/common/head-downLoad-icon.png") no-repeat center;
	background-size:contain
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav:hover+#project-nav-content {
	display:list-item
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content:hover {
	display:list-item
}
.yop-header-fixed .yop-header-box ul.header-ul .project-active {
	color:#f5a623 !important;
	border-bottom:2px solid #f5a623 !important
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content {
	background-color:#ffffff;
	position:absolute;
	top:80px;
	left:0;
	right:0;
	display:none;
	z-index:999999;
	box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-webkit-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-o-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-ms-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	-moz-box-shadow:0 10px 10px -8px rgba(119,119,119,0.5) inset,0 5px 8px 0px rgba(119,119,119,0.5);
	padding-top:44px;
	white-space:nowrap;
	padding-bottom:30px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .nav-item-box {
	width:1200px;
	margin:0 auto;
	text-align:left
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .nav-item {
	width:270px;
	padding-right:30px;
	float:left;
	margin:auto
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .nav-item:first-child {
	margin-left:100px !important
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .nav-item:last-child {
	padding-right:0 !important
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-title {
	font-size:17px;
	color:#4A4A4A
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-title a {
	font-size:17px;
	color:#4A4A4A;
	letter-spacing:0
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-title a:hover {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-desc {
	font-size:14px;
	color:#9B9B9B;
	padding:20px 0 24px 0;
	width:190px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .ehr {
	border-bottom:1px solid #4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .crm {
	border-bottom:1px solid #F5A623
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .pm {
	border-bottom:1px solid #997BDE
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .oa {
	border-bottom:1px solid #EE6879
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list {
	font-size:14px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list ul {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list ul li {
	float:left;
	width:120px;
	color:#696969;
	padding-top:28px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list ul li em {
	padding-right:3px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list ul li a {
	font-size:14px;
	color:#696969
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list ul li a:hover {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list ul li:hover a {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .item-list ul li:hover em {
	color:#4A90E2
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .workbench-container {
	margin-left:100px;
	padding-top:30px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .workbench-container .workbench-title {
	position:relative
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .workbench-container .workbench-title .workbench-desc-icon {
	width:35px;
	height:15px;
	background:url("../images/workbench/V4.0.png") no-repeat center;
	background-size:35px 15px;
	position:absolute;
	top:-10px;
	left:85px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .workbench-container .workbench-content .workbench-desc {
	float:left;
	padding-top:20px;
	font-size:14px;
	color:#9B9B9B;
	width:270px;
	padding-right:30px
}
.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content .workbench-container .workbench-content .workbench-link {
	float:left
}
@media (min-width:1989px) {
	.yop-header-fixed .yop-header-box ul.header-ul .project-nav-content {
	padding-left:23%
}
}.yop-header-fixed .yop-header-box .yop-header-tel {
	width:160px;
	height:100%;
	float:left;
	padding-top:23px;
	margin-left:23px
}
.yop-header-fixed .yop-header-box .yop-header-tel .yop-header-tel-img {
	height:35px;
	line-height:35px;
	background:url(../images/common/header/热线电话.gif) no-repeat;
	padding-left:30px;
	background-size:28px
}
.yop-header-fixed .yop-header-box .yop-header-tel .yop-header-tel-img .tel-num {
	font-size:18px;
	color:#7FBF28
}
.yop-header-fixed .yop-header-box .yop-header-btn-box {
	width:230px;
	height:100%;
	float:right;
	padding-top:26.5px
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn {
	width:104px;
	float:left;
	position:relative
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn:nth-child(1) {
	margin-right:20px
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn a {
	display:block;
	width:104px;
	height:25px;
	line-height:23px;
	text-align:center;
	border-radius:22px;
	text-decoration:none;
	font-size:14px;
	background-color:#fff;
	color:#fca13e;
	border:1px solid #fca13e;
	z-index:1
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn a.probation-btn {
	background-color:#fca13e;
	color:#fff;
	border:1px solid #fca13e
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn a:hover {
	background-color:#079cec;
	color:#fff;
	border:1px solid #079cec
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn .ring {
	position:absolute;
	top:0;
	margin-top:-2px;
	margin-left:3px;
	width:100px;
	height:30px;
	border-radius:22px;
	background-color:#fca13e;
	-webkit-animation:circle 2s linear infinite;
	animation:circle 2s linear 0s infinite;
	-o-animation:circle 2s linear 0s infinite;
	-moz-animation:circle 2s linear 0s infinite
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn a:hover ~ .ring {
	background-color:#079cec
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn .ring-ty {
	position:relative;
	box-shadow:0 0 8px #fca13e
}
.yop-header-fixed .yop-header-box .yop-header-btn-box .yop-header-btn .ring-ty:hover {
	box-shadow:0 0 8px #079cec
}
@-webkit-keyframes circle {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@keyframes circle {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-moz-keyframes circle /* Firefox */ {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-o-keyframes circle /* Opera */ {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}.yop-right-fixed {
	width:72px;
	height:308px;
	position:fixed;
	top:50%;
	right:0;
	margin-top:-118px;
	z-index:1111
}
.yop-right-fixed ul {
	margin:0;
	padding:0
}
.yop-right-fixed ul li {
	display:inline-block;
	width:72px;
	height:72px;
	position:relative;
	margin-bottom:3px
}
.yop-right-fixed ul li:last-child {
	display:none
}
.yop-right-fixed ul li a {
	display:block;
	width:100%;
	height:24px;
	padding-top:48px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	background-color:#44abff;
	background-position:center 8px;
	background-repeat:no-repeat;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	position:relative;
	z-index:2
}
.yop-right-fixed ul li a:hover {
	background-color:#f5a623
}
.yop-right-fixed ul li a.icon-top {
	background-image:url("../images/common/icon-top1.png?1")
}
.yop-right-fixed ul li a.icon-tel {
	background-image:url("../images/common/icon-tel1.png?1")
}
.yop-right-fixed ul li a.icon-tel span {
	width:170px;
	height:39px;
	display:inline-block;
	position:absolute;
	left:-173px;
	top:50%;
	margin-top:-19px;
	background-color:#f5a623;
	box-shadow:0 0 1px #f5a623;
	display:none;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:40px
}
.yop-right-fixed ul li a.icon-tel:hover span {
	display:block
}
.yop-right-fixed ul li a.icon-qq {
	background-image:url("../images/common/icon-qq1.png?1");
	position:relative
}
.yop-right-fixed ul li a.icon-qq:after {
	content:'';
	position:absolute;
	width:8px;
	height:8px;
	background:#ff1a1a;
	border-radius:4px;
	top:5px;
	right:16px
}
.yop-right-fixed ul li a.icon-free {
	background-image:url("../images/common/icon-free1.png");
	box-shadow:0 0 8px #44abff
}
.yop-right-fixed ul li .ring-right {
	position:absolute;
	top:0;
	width:72px;
	height:72px;
	border-radius:5px;
	background-color:#44abff;
	-webkit-animation:cmcc 2s linear infinite;
	animation:cmcc 2s linear 0s infinite;
	-o-animation:cmcc 2s linear 0s infinite;
	-moz-animation:cmcc 2s linear 0s infinite;
	z-index:1
}
@-webkit-keyframes cmcc {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@keyframes cmcc {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-moz-keyframes cmcc /* Firefox */ {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-o-keyframes cmcc /* Opera */ {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}.yop-right-fixed ul li:hover .ring-right {
	background-color:#f5a623
}
.yop-right-fixed ul li:hover .icon-free {
	box-shadow:0 0 8px #f5a623
}
.common-footer-fixed {
	width:100%;
	background-color:#3d3e40
}
.common-footer-fixed .common-footer-border {
	margin:0 auto
}
.common-footer-fixed .common-footer-border .footer-catalog-br {
	padding:20px 0;
	width:1120px;
	margin:0 auto;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up {
	display:flex
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul {
	width:200px;
	padding:0;
	margin:0;
	display:inline-block
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li {
	display:inline-block;
	height:30px;
	line-height:30px;
	width:100%
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li:nth-child(1) {
	height:70px;
	line-height:70px;
	cursor:default
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li:nth-child(1) a {
	cursor:default
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li.li-tel {
	height:55px;
	line-height:55px
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li.li-tel a {
	color:#fff !important;
	font-size:35.6px
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li.li-contact {
	height:45px;
	padding-top:10px
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li.li-contact a {
	width:120px;
	height:36px;
	color:#fff !important;
	font-size:12px;
	background-color:#51acd3;
	border-radius:4px;
	display:inline-block;
	line-height:36px;
	cursor:pointer;
	text-align:center
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li a {
	font-size:14px;
	color:#dedede;
	text-decoration:none
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li a:hover,.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li a.active {
	color:#51acd3
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up ul li .footer-title {
	font-size:16px;
	color:#dedede
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up .contact-us {
	width:240px;
	margin-left:80px
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up .contact-us .contact-us-logo {
	width:100%;
	height:50px;
	background:url("../images/home/bottom_logo_237x50.png") no-repeat center;
	margin-top:31px
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up .contact-us .contact-us-qr-code {
	width:106px;
	height:135px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	text-align:center
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up .contact-us .contact-us-qr-code .qr-code-l {
	width:106px;
	height:106px;
	background:url("../images/home/微信号.jpg") no-repeat center;
	background-size:cover
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-catalog-up .contact-us .contact-us-qr-code .qr-code-r {
	width:106px;
	height:106px;
	background:url("../images/home/公众号.jpg") no-repeat center;
	background-size:cover
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-link-br {
	width:1120px;
	margin-top:20px
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-link-br .footer-link-br-ul {
	width:1120px;
	margin:0 auto;
	padding:0;
	overflow:auto
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-link-br .footer-link-br-ul .footer-link-br-li {
	height:32px;
	float:left;
	margin-right:20px;
	line-height:32px
}
.common-footer-fixed .common-footer-border .footer-catalog-br .footer-link-br .footer-link-br-ul .footer-link-br-li a {
	text-decoration:none;
	color:#dedede;
	font-size:12px
}
.common-footer-fixed .common-footer-border .footer-link-br.friend-link-box ul li {
	line-height:42px
}
.common-footer-fixed .crm-footer-bottom {
	height:100px;
	width:100%;
	background-color:#2f3232;
	border-top:1px solid #3C8EE9
}
.common-footer-fixed .crm-footer-bottom .crm-footer-bottom-bor {
	height:100px;
	width:730px;
	margin:0 auto
}
.common-footer-fixed .crm-footer-bottom .crm-footer-bottom-bor ul {
	padding:0;
	margin:0;
	width:730px;
	line-height:1;
	height:35px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	-o-justify-content:center;
	justify-content:center;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-content:center
}
.common-footer-fixed .crm-footer-bottom .crm-footer-bottom-bor ul li {
	width:240px !important;
	font-size:12px;
	color:#a9a9a9;
	text-align:center;
	float:left
}
.common-footer-fixed .crm-footer-bottom .crm-footer-bottom-bor ul .top {
	padding-top:22px !important
}
.common-footer-fixed .crm-footer-bottom .crm-footer-bottom-bor ul .bottom {
	padding-top:6px !important
}
.common-footer-fixed .crm-footer-bottom .crm-footer-bottom-bor .ul-bottom {
	width:480px;
	margin:0 auto;
	padding-top:8px
}
.contentious-box {
	width:100%;
	height:298px;
	background:url("../images/common/contentious-box-bac.jpg") no-repeat center;
	background-size:cover
}
.contentious-box .probation-title {
	width:100%;
	height:100px;
	line-height:90px;
	text-align:center;
	font-size:30px;
	color:#fff;
	padding-top:40px
}
.contentious-box .probation-btn-box {
	width:100%;
	height:62px;
	position:relative;
	margin-top:30px
}
.contentious-box .probation-btn-box a {
	display:block;
	width:323px;
	height:62px;
	text-align:center;
	line-height:62px;
	font-size:18px;
	color:#fff;
	background-color:#5596E2;
	border-radius:12px;
	opacity:.9241;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0)
}
.index-page {
	width:100%;
	margin-top:80px
}
.index-page .center-auto {
	width:1180px;
	margin:auto;
	position:relative
}
.index-page .box-title {
	width:100%;
	height:auto;
	position:relative
}
.index-page .box-title p {
	width:100%;
	height:100px;
	line-height:90px;
	text-align:center;
	font-size:30px;
	position:relative
}
.index-page .box-title p b.col_red {
	color:#FB4E44
}
.index-page .box-title p i {
	display:block;
	width:111px;
	height:90px;
	position:absolute;
	top:0
}
.index-page .i-left-ico {
	background:url("../images/home/center-title-left-icon.png") no-repeat center;
	background-size:contain
}
.index-page .i-right-ico {
	background:url("../images/home/center-title-right-icon.png") no-repeat center;
	background-size:contain
}
.index-page .carousel-box {
	width:100%;
	height:888px;
	position:relative;
	background-color:#fff
}
.index-page .carousel-box .banner-box {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative
}
.index-page .carousel-box .banner-box .home-ban {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover
}
.index-page .carousel-box .banner-box .home-ban .btn-box {
	width:1200px;
	height:100%;
	position:relative;
	margin:0 auto
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn {
	position:absolute;
	z-index:9;
	width:242px;
	height:50px;
	border-radius:25px;
	line-height:50px;
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	left:103px;
	background:rgba(255,255,255,0.4)
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.cloud-app-btn {
	top:320px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.work-bench-btn {
	top:394px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.download-btn {
	top:467px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.ehr-web-btn {
	top:245px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.crm-web-btn {
	top:320px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.pm-web-btn {
	top:394px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.oa-web-btn {
	top:468px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.saas-service-btn {
	top:323px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.private-service-btn {
	top:397px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn.customization-service-btn {
	top:473px
}
.index-page .carousel-box .banner-box .home-ban .btn-box .jump-btn:hover {
	color:#FFFFFF;
	background:#f5a623
}
.index-page .carousel-box .banner-box .home-ban.pic1 {
	background:url("../images/home/home-ban3-1.jpg?1") no-repeat center
}
.index-page .carousel-box .banner-box .home-ban.pic2 {
	background:url("../images/home/home-ban2.jpg?1") no-repeat center
}
.index-page .carousel-box .banner-box .home-ban.pic3 {
	background:url("../images/home/home-ban1.jpg?1") no-repeat center
}
.index-page .carousel-box .banner-box .home-ban.pic4 {
	background:url("../images/home/home-ban3.jpg?1") no-repeat center
}
.index-page .carousel-box .banner-box .home-ban.pic5 {
	background:url("../images/home/home-ban4.jpg?1") no-repeat center
}
.index-page .carousel-box .banner-box .home-workbench-ban {
	cursor:pointer
}
.index-page .carousel-box .ban-index {
	height:9px;
	position:absolute;
	top:auto;
	right:auto;
	bottom:208px;
	left:24%
}
.index-page .carousel-box .ban-index i.btn {
	display:block;
	width:39px;
	height:9px;
	background-color:#fff;
	opacity:.2652;
	float:left;
	border-radius:6px;
	margin:0 3px;
	cursor:pointer
}
.index-page .carousel-box .ban-index i.btn.active {
	opacity:1
}
.index-page .carousel-box .computer-img-box {
	position:absolute;
	top:auto;
	right:0;
	bottom:0;
	left:auto;
	width:54%
}
.index-page .carousel-box .computer-img-box img {
	max-width:100%
}
.index-page .carousel-box .link-wrap {
	position:relative;
	width:1200px;
	height:100%;
	margin:0 auto
}
.index-page .carousel-box .link-to-customer-service {
	width:200px;
	height:40px;
	position:absolute;
	bottom:379px;
	left:18%
}
.index-page .content-box2 {
	position:relative;
	z-index:1;
	width:100%;
	height:972px;
	padding:130px 0;
	background-color:#fff;
	background:url("../images/home/content-box2-bac-new17.png") no-repeat center
}
.index-page .content-box2 .i-left-ico {
	left:305px
}
.index-page .content-box2 .i-right-ico {
	right:305px
}
.index-page .content-box2 .box2-p {
	font-size:18px;
	color:#333;
	text-align:center;
	margin-top:-8px
}
.index-page .content-box2 .box2-center-bor {
	width:1045px;
	height:500px;
	margin:60px auto auto auto
}
.index-page .content-box2 .box2-center-bor .tab-top i {
	display:block;
	width:7px;
	height:61px;
	border-radius:6px;
	background-color:#FFBF55;
	float:left;
	margin:4px 10px 0 0
}
.index-page .content-box2 .box2-center-bor .tab-top p {
	font-size:18px;
	line-height:25px;
	margin-bottom:5px
}
.index-page .content-box2 .box2-center-bor .tab-top span {
	color:#999;
	font-size:14px;
	line-height:20px
}
.index-page .content-box2 .box2-center-bor .tab-ul li {
	width:68px;
	float:left;
	margin:10px 20px 0 0
}
.index-page .content-box2 .box2-center-bor .tab-ul li.no-mar {
	margin-right:0
}
.index-page .content-box2 .box2-center-bor .tab-ul li.mar-lef10 {
	margin-left:10px
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon {
	display:block;
	width:68px;
	height:65px;
	background-size:contain
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab2-ico1 {
	background:url("../images/home/box2-tab2-ico1.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab2-ico2 {
	background:url("../images/home/box2-tab2-ico2.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab2-ico3 {
	background:url("../images/home/box2-tab2-ico3.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab2-ico4 {
	background:url("../images/home/box2-tab2-ico4.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab2-ico5 {
	background:url("../images/home/box2-tab2-ico5.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico1 {
	background:url("../images/home/box2-tab3-ico1.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico2 {
	background:url("../images/home/box2-tab3-ico2.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico3 {
	background:url("../images/home/box2-tab3-ico3.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico4 {
	background:url("../images/home/box2-tab3-ico4.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico5 {
	background:url("../images/home/box2-tab3-ico5.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico6 {
	background:url("../images/home/box2-tab3-ico6.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico7 {
	background:url("../images/home/box2-tab3-ico7.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico8 {
	background:url("../images/home/box2-tab3-ico8.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico9 {
	background:url("../images/home/box2-tab3-ico9.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico10 {
	background:url("../images/home/box2-tab3-ico10.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab3-ico11 {
	background:url("../images/home/box2-tab3-ico11.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab4-ico1 {
	background:url("../images/home/box2-tab4-ico1.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab4-ico2 {
	background:url("../images/home/box2-tab4-ico2.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab4-ico3 {
	background:url("../images/home/box2-tab4-ico3.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li i.icon.tab4-ico4 {
	background:url("../images/home/box2-tab4-ico4.png") no-repeat center
}
.index-page .content-box2 .box2-center-bor .tab-ul li span {
	display:block;
	font-size:12px;
	color:#666;
	line-height:18px;
	text-align:center;
	margin-top:-5px
}
.index-page .content-box2 .box2-center-bor .tab1 {
	float:left
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item {
	width:282px;
	height:220px;
	padding:15px 20px
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item .ta1-item-text {
	margin-top:5px
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item .ta1-item-text i.icon {
	display:block;
	width:68px;
	height:75px;
	float:left;
	margin:0 10px 0 -6px
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item .ta1-item-text span {
	font-size:14px;
	line-height:24px;
	color:#666
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item.tab1-1 {
	background:url("../images/home/box2-tab1-bac1.png") no-repeat center;
	background-size:contain
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item.tab1-1 i.icon {
	background:url("../images/home/box2-tab1-ico1.png") no-repeat center;
	background-size:contain
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item.tab1-2 {
	margin-top:10px;
	background:url("../images/home/box2-tab1-bac2.png") no-repeat center;
	background-size:contain
}
.index-page .content-box2 .box2-center-bor .tab1 .ta1-item.tab1-2 i.icon {
	background:url("../images/home/box2-tab1-ico2.png") no-repeat center;
	background-size:contain
}
.index-page .content-box2 .box2-center-bor .tab2 {
	float:left;
	width:200px;
	height:450px;
	margin-left:18px;
	background:url("../images/home/box2-tab2-bac.png") no-repeat center;
	background-size:contain;
	padding:15px 20px
}
.index-page .content-box2 .box2-center-bor .tab3 {
	float:left;
	width:305px;
	height:450px;
	margin-left:18px;
	background:url("../images/home/box2-tab3-bac.png") no-repeat center;
	background-size:contain;
	padding:15px 20px
}
.index-page .content-box2 .box2-center-bor .tab3 .tab-ul {
	margin-top:20px
}
.index-page .content-box2 .box2-center-bor .tab4 {
	float:left;
	width:200px;
	height:450px;
	margin-left:18px;
	background:url("../images/home/box2-tab4-bac.png") no-repeat center;
	background-size:contain;
	padding:15px 20px
}
.index-page .content-box5 {
	width:100%;
	height:1240px;
	padding:70px 0;
	background-color:#fff
}
.index-page .content-box5 .i-left-ico {
	left:225px;
	background:url("../images/home/center-title-left-icon.png") no-repeat center;
	background-size:contain
}
.index-page .content-box5 .i-right-ico {
	right:225px;
	background:url("../images/home/center-title-right-icon.png") no-repeat center;
	background-size:contain
}
.index-page .content-box5 .center-box {
	width:1180px;
	height:870px;
	margin:auto;
	position:relative;
	padding-top:50px
}
.index-page .content-box5 .center-box .text-row {
	width:100%;
	height:495px
}
.index-page .content-box5 .center-box .text-row .content-box5-bac {
	width:473px;
	height:100%;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin-left:95px;
	margin-right:24px
}
.index-page .content-box5 .center-box .text-row .box5-right {
	width:576px;
	height:100%;
	float:left
}
.index-page .content-box5 .center-box .text-row .box5-right ul {
	width:100%;
	height:100%
}
.index-page .content-box5 .center-box .text-row .box5-right ul li {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	border-bottom:2px dashed #bebebe;
	padding-bottom:20px;
	margin-bottom:15px
}
.index-page .content-box5 .center-box .text-row .box5-right ul li:nth-last-child(1) {
	border-bottom:none;
	margin-bottom:0
}
.index-page .content-box5 .center-box .text-row .box5-right ul li a {
	display:block;
	font-size:18px;
	height:40px;
	line-height:40px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box
}
.index-page .content-box5 .center-box .text-row .box5-right ul li a i {
	display:block;
	width:20px;
	height:40px;
	float:left;
	margin-right:10px;
	background:url("../images/home/fang-icon.png") no-repeat center;
	background-size:contain
}
.index-page .content-box5 .center-box .text-row .box5-right ul li span {
	font-size:14px;
	line-height:28px;
	color:#666
}
.index-page .content-box5 .center-box .box5-log-box {
	width:1000px;
	height:300px;
	margin:auto;
	margin-top:90px
}
.index-page .content-box5 .center-box .box5-log-box ul {
	width:100%;
	height:190px
}
.index-page .content-box5 .center-box .box5-log-box ul li {
	width:100px;
	height:140px;
	float:left;
	margin-right:125px
}
.index-page .content-box5 .center-box .box5-log-box ul li:nth-last-child(1) {
	margin-right:0
}
.index-page .content-box5 .center-box .box5-log-box ul li .log-box {
	width:100px;
	height:100px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat
}
.index-page .content-box5 .center-box .box5-log-box ul li span {
	display:block;
	font-size:14px;
	width:100%;
	height:27px;
	line-height:27px;
	text-align:center
}
.index-page .content-box3 {
	width:100%;
	height:718px;
	background-color:#fff;
	padding-top:70px
}
.index-page .content-box3 .i-left-ico {
	left:243px
}
.index-page .content-box3 .i-right-ico {
	right:243px
}
.index-page .content-box3 .box3-p {
	font-size:18px;
	color:#333;
	text-align:center;
	margin-top:-8px
}
.index-page .content-box3 .box3-bac {
	width:879px;
	height:396px;
	margin:66px auto auto auto;
	background-repeat:no-repeat;
	background-position:center
}
.index-page .content-box4 {
	width:100%;
	height:665px;
	background-color:#F6F9FC;
	padding-top:93px
}
.index-page .content-box4 .box4-p {
	font-size:24px;
	line-height:36px;
	color:#333;
	text-align:center
}
.index-page .content-box4 .center-auto {
	margin-top:66px;
	width:924px
}
.index-page .content-box4 .center-auto .box4-bac {
	margin-top:8px;
	float:left;
	width:282px;
	height:356px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain
}
.index-page .content-box4 .center-auto .box4-right {
	float:left;
	width:555px;
	height:371px;
	margin-left:79px;
	background-color:#fff;
	border-radius:18px;
	padding:32px 35px;
	box-shadow:0 0 17px 0 rgba(189,189,189,0.5);
	-webkit-box-shadow:0 0 17px 0 rgba(189,189,189,0.5);
	-moz-box-shadow:0 0 17px 0 rgba(189,189,189,0.5);
	-ms-box-shadow:0 0 17px 0 rgba(189,189,189,0.5);
	-o-box-shadow:0 0 17px 0 rgba(189,189,189,0.5)
}
.index-page .content-box4 .center-auto .box4-right p {
	color:#4A90E2;
	font-size:18px;
	line-height:25px
}
.index-page .content-box4 .center-auto .box4-right p.marT-40 {
	margin-top:40px
}
.index-page .content-box4 .center-auto .box4-right ul {
	margin-top:13px
}
.index-page .content-box4 .center-auto .box4-right ul li {
	font-size:14px;
	color:#666;
	line-height:20px;
	margin-bottom:12px;
	list-style:inside
}
.index-page .content-box6 {
	width:100%;
	height:817px;
	background-color:#F6F9FC;
	padding-top:70px
}
.index-page .content-box6 .i-left-ico {
	left:185px
}
.index-page .content-box6 .i-right-ico {
	right:185px
}
.index-page .content-box6 .center-box {
	height:647px
}
.index-page .content-box6 .center-box .box6-ul {
	width:85%;
	height:240px;
	margin:68px auto auto auto
}
.index-page .content-box6 .center-box .box6-ul:nth-last-child(1) {
	margin:20px auto auto auto
}
.index-page .content-box6 .center-box .box6-ul li {
	width:200px;
	height:100%;
	float:left;
	margin-right:60px
}
.index-page .content-box6 .center-box .box6-ul li:nth-last-child(1) {
	margin-right:0
}
.index-page .content-box6 .center-box .box6-ul li i {
	display:block;
	height:87px;
	margin:auto auto 36px auto;
	background-position:center;
	background-repeat:no-repeat
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box1 {
	width:87px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box2 {
	width:81px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box3 {
	width:81px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box4 {
	width:79px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box5 {
	width:74px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box6 {
	width:79px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box7 {
	width:71px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li i.icon-box8 {
	width:70px;
	background-size:contain
}
.index-page .content-box6 .center-box .box6-ul li .key {
	display:block;
	width:100%;
	color:#666666;
	text-align:center;
	line-height:27px;
	font-size:18px;
	margin-bottom:15px
}
.index-page .content-box6 .center-box .box6-ul li .val {
	display:block;
	width:100%;
	color:#666666;
	text-align:center;
	line-height:21px;
	font-size:14px
}
.index-page .content-box7 {
	width:100%;
	height:492px;
	padding:50px 0;
	background-color:#fff
}
.index-page .content-box7 .i-left-ico {
	left:395px
}
.index-page .content-box7 .i-right-ico {
	right:395px
}
.index-page .content-box7 .center-box {
	width:1290px;
	height:342px;
	margin:auto;
	position:relative;
	padding-top:30px
}
.index-page .content-box7 .center-box .content-left {
	width:428px;
	float:left;
	height:100%
}
.index-page .content-box7 .center-box .content-left .title {
	width:100%;
	height:30px;
	padding:0 30px 0 20px
}
.index-page .content-box7 .center-box .content-left .title p {
	display:block;
	width:50%;
	float:left;
	font-size:18px;
	color:#51ACD3
}
.index-page .content-box7 .center-box .content-left .title a {
	display:block;
	width:50%;
	float:left;
	text-align:right;
	margin-top:7px;
	color:#999
}
.index-page .content-box7 .center-box .content-left ul {
	border-right:1px solid;
	border-image:linear-gradient(#eaeaea,#c6c6c6) 10 10;
	padding:20px 30px 0 35px
}
.index-page .content-box7 .center-box .content-left ul li {
	font-size:14px;
	line-height:36px;
	color:#666;
	padding-left:10px;
	cursor:pointer;
	position:relative
}
.index-page .content-box7 .center-box .content-left ul li a {
	display:block
}
.index-page .content-box7 .center-box .content-left ul li a .text {
	color:#666
}
.index-page .content-box7 .center-box .content-left ul li a .time {
	display:block;
	width:100px;
	height:36px;
	line-height:36px;
	color:#999;
	float:right;
	text-align:right
}
.index-page .content-box7 .center-box .content-left ul li .news-item {
	display:flex
}
.index-page .content-box7 .center-box .content-left ul li .news-item .text {
	display:block;
	width:245px;
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.index-page .content-box7 .center-box .content-left ul li .news-item .time {
	display:block;
	width:100px;
	height:36px;
	line-height:36px;
	color:#999;
	float:right;
	text-align:right
}
.index-page .content-box7 .center-box .content-left ul li:after {
	position:absolute;
	content:'';
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#666;
	left:-10px;
	top:14px
}
.index-page .content-box7 .center-box .content-right {
	width:428px;
	float:left;
	height:100%
}
.index-page .content-box7 .center-box .content-right .title {
	width:100%;
	height:30px;
	padding:0 30px 0 20px
}
.index-page .content-box7 .center-box .content-right .title p {
	display:block;
	width:50%;
	float:left;
	font-size:18px;
	color:#51ACD3
}
.index-page .content-box7 .center-box .content-right .title a {
	display:block;
	width:50%;
	float:left;
	text-align:right;
	margin-top:7px;
	color:#999
}
.index-page .content-box7 .center-box .content-right ul {
	padding:10px 30px 0 35px
}
.index-page .content-box7 .center-box .content-right ul li {
	position:relative;
	font-size:14px;
	height:36px;
	line-height:36px;
	color:#666;
	padding-left:10px
}
.index-page .content-box7 .center-box .content-right ul li:after {
	position:absolute;
	content:'';
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#666;
	left:-10px;
	top:14px
}
.index-page .content-box7 .center-box .content-right ul li a {
	display:block
}
.index-page .content-box7 .center-box .content-right ul li a .text {
	display:inline-block;
	color:#666;
	width:254px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.index-page .content-box7 .center-box .content-right ul li a .time {
	display:block;
	height:36px;
	line-height:36px;
	color:#999;
	float:right;
	text-align:right
}
.safe-page .screen-content {
	width:930px;
	height:100%;
	margin:0 auto
}
.safe-page .f40 {
	font-size:40px
}
.safe-page .f30 {
	font-size:30px
}
.safe-page .f14 {
	font-size:14px
}
.safe-page .screen-full {
	width:100%;
	min-width:1270px
}
.safe-page .white {
	color:#fff !important
}
.safe-page .dark-gray {
	color:#666 !important
}
.safe-page .align-center,.safe-page .tc {
	text-align:center
}
.safe-page .screen-text {
	margin-top:15px;
	line-height:25px
}
.safe-page .bg-light-gray {
	background-color:#f5f5f5 !important
}
.safe-page .screen-narrow {
	width:435px
}
.safe-page .height-fit {
	height:100%
}
.safe-page .dark-gray {
	color:#666 !important
}
.safe-page .float-l,.safe-page .float-left {
	float:left;
	display:inline
}
.safe-page .screen-text {
	margin-top:15px;
	line-height:25px
}
.safe-page .blue {
	color:#4f98e9 !important
}
.safe-page .screen-wide {
	width:490px
}
.safe-page img,.safe-page input,.safe-page select {
	vertical-align:middle
}
.safe-page .screen-one {
	margin-top:80px;
	background:url("../images/safe/safe-banner.jpg") no-repeat center;
	height:380px
}
.safe-page .screen-two {
	height:220px;
	padding-top:55px
}
.safe-page .screen-three {
	height:440px
}
.safe-page .screen-three .left {
	padding-top:130px
}
.safe-page .screen-three .right {
	padding:98px 0 0 117px
}
.safe-page .screen-four {
	height:510px
}
.safe-page .screen-four .left {
	padding:103px 0 0 63px
}
.safe-page .screen-four .right {
	padding-top:90px
}
.safe-page .screen-five {
	height:500px
}
.safe-page .screen-five .left {
	padding-top:145px
}
.safe-page .screen-five .right {
	padding:56px 0 0 100px
}
.safe-page .screen-six {
	height:440px
}
.safe-page .screen-six .left {
	padding:110px 0 0 40px
}
.safe-page .screen-six .right {
	padding-top:130px
}
.guide-bar {
	width:1280px;
	height:16px;
	line-height:16px;
	margin:auto;
	margin-top:110px
}
.bema-page {
	width:1280px;
	margin:0 auto;
	display:flex;
	justify-content:space-between
}
.bema-page .resource-content {
	width:960px;
	background:#FFFFFF;
	border-radius:4px;
	margin:11px 0 27px 0
}
.bema-page .resource-content .resource-content-articles .list_box {
	width:860px;
	height:290px;
	margin:0 auto;
	padding:40px 0;
	border-bottom:1px solid #E4E4E4
}
.bema-page .resource-content .resource-content-articles .list_box:last-child {
	border-bottom:0
}
.bema-page .resource-content .resource-content-articles .list_box .img_box {
	float:left;
	width:280px;
	height:210px
}
.bema-page .resource-content .resource-content-articles .list_box .img_box img {
	width:100%;
	height:100%;
	border-radius:10px
}
.bema-page .resource-content .resource-content-articles .list_box .info_box {
	width:537px;
	margin-left:33px;
	float:left
}
.bema-page .resource-content .resource-content-articles .list_box .info_box .info_tit {
	height:34px;
	font-size:18px;
	font-weight:500;
	color:#333333;
	line-height:34px
}
.bema-page .resource-content .resource-content-articles .list_box .info_box .info_txt {
	font-size:14px;
	font-weight:500;
	color:#666666;
	line-height:30px;
	margin:35px 0 21px 0;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
.bema-page .resource-content .resource-content-articles .list_box .info_box .info_time {
	width:80px;
	font-size:14px;
	font-weight:500;
	color:#999999;
	line-height:30px;
	float:left
}
.bema-page .resource-content .resource-content-articles .list_box .info_box .info_bnt {
	display:none
}
.bema-page .resource-content .resource-content-articles .list_box:hover .info_bnt {
	width:90px;
	float:right;
	text-align:center;
	display:block
}
.bema-page .resource-content .resource-content-articles .list_box:hover .info_bnt a {
	display:block;
	width:88px;
	height:28px;
	border:1px solid #3C8EE9;
	color:#3C8EE9;
	border-radius:20px;
	font-size:14px;
	font-weight:500;
	line-height:28px
}
.bema-page .resource-content .pagination {
	width:100%;
	margin:23px 0 40px 0;
	text-align:center;
	display:flex;
	justify-content:center
}
.bema-page .resource-content .pagination a,.bema-page .resource-content .pagination span {
	height:38px;
	line-height:38px;
	padding:0 14px;
	font-size:16px
}
.bema-page .resource-content .pagination a:hover {
	color:#2698ef
}
.bema-page .resource-content .pagination .current {
	color:#fff;
	border-radius:4px;
	background:#2698ef
}
.bema-page .resource-content .pagination .prev,.bema-page .resource-content .pagination .next {
	margin:0 10px;
	border:1px solid #2698ef;
	border-radius:4px
}
.bema-page .resource-content .pagination .prev:hover,.bema-page .resource-content .pagination .next:hover {
	color:#fff;
	border-radius:4px;
	background:#2698ef
}
.bema-page .resource-content .pagination .current.prev,.bema-page .resource-content .pagination .current.next {
	color:#999;
	border-color:#999;
	background:#fff
}
.bema-page .resource-content .pagination li {
	font-size:16px;
	float:left;
	height:38px;
	line-height:38px;
	padding:0 14px;
	color:#333333;
	cursor:pointer;
	border:1px solid #FFFFFF
}
.bema-page .resource-content .pagination li:hover {
	border:1px solid #2698EF;
	border-radius:4px
}
.bema-page .resource-content .pagination .active {
	color:#266DEE
}
.bema-page .resource-content .pagination .disabled {
	width:48px;
	margin:0 10px;
	padding:0 20px;
	border:1px solid #2698EF;
	border-radius:4px
}
.bema-page .resource-content .pagination .disabled:hover {
	color:#FFFFFF;
	background:#2698EF
}
.bema-page .resource-recommend {
	width:300px;
	margin-bottom:27px
}
.bema-page .resource-recommend .recommend-crm {
	width:100%;
	background-color:#FFFFFF;
	margin-top:11px;
	border-radius:4px
}
.bema-page .resource-recommend .recommend-crm .recommend-crm-title {
	width:300px;
	height:60px;
	background:#3C8EE9;
	border-radius:4px 4px 0px 0px;
	padding-left:19px;
	font-size:18px;
	font-weight:500;
	color:#FFFFFF;
	line-height:60px;
	cursor:default
}
.bema-page .resource-recommend .recommend-pm {
	width:100%;
	background-color:#FFFFFF;
	margin-top:20px;
	border-radius:4px
}
.bema-page .resource-recommend .recommend-pm .recommend-pm-title {
	width:300px;
	height:60px;
	background:#3C8EE9;
	border-radius:4px 4px 0px 0px;
	padding-left:19px;
	font-size:18px;
	font-weight:500;
	color:#FFFFFF;
	line-height:60px;
	cursor:default
}
.bema-page .resource-recommend .recommend-list {
	width:260px;
	height:45px;
	margin:0 auto;
	border-bottom:1px solid #E4E4E4
}
.bema-page .resource-recommend .recommend-list:last-child {
	border-bottom:0
}
.bema-page .resource-recommend .recommend-list .recommend-module-item {
	width:100%;
	height:45px;
	line-height:45px;
	font-size:14px;
	font-weight:500
}
.bema-page .resource-recommend .recommend-list .recommend-module-item a {
	color:#666666
}
.bema-page .resource-recommend .recommend-list .recommend-module-item a:hover {
	color:#3C8EE9
}
.bema-page .resource-recommend .resource-probation-box {
	width:100%;
	height:87px;
	border-radius:4px;
	background:url("../images/resource/detail_img01.png");
	margin-top:20px
}
.bema-page .resource-recommend .resource-probation-box .probation-btn-box {
	width:100%;
	height:63px;
	padding-top:23px
}
.bema-page .resource-recommend .resource-probation-box .probation-btn-box a.probation-btn {
	display:block;
	width:150px;
	height:38px;
	color:#F4AA1B;
	font-size:16px;
	line-height:38px;
	margin:0 auto;
	text-align:center;
	background:transparent;
	border:1px solid #F4AA1B;
	border-radius:20px
}
.bema-page .resource-recommend .resource-probation-box .probation-btn-box a.probation-btn:hover {
	background:#F4AA1B;
	box-shadow:0px 10px 24px 0px rgba(234,189,25,0.35);
	color:#FFFFFF
}
.stuff-container {
	width:1200px;
	margin:60px auto;
	display:flex;
	justify-content:space-between
}
.stuff-container .col-1,.stuff-container .col-2,.stuff-container .col-3 {
	width:240px;
	height:654px;
	margin-right:40px;
	background:#FFFFFF;
	box-shadow:0 0 4px 0 #C3DDFB;
	cursor:pointer;
	float:left
}
.stuff-container .col-sp {
	width:240px;
	float:left
}
.stuff-container .col-sp .item-1 {
	height:654px
}
.stuff-container .col-sp .item-2 {
	height:230px;
	margin-top:21px
}
.stuff-container .col-sp .item-1,.stuff-container .col-sp .item-2 {
	background:#FFFFFF;
	box-shadow:0 0 4px 0 #C3DDFB;
	cursor:pointer
}
.stuff-container .col-above {
	padding:24px 24px 0;
	display:flex
}
.stuff-container .col-above>i {
	height:53px;
	margin:3px 6px 0 0;
	border:3px solid #FFBB64;
	border-radius:3px
}
.stuff-container .col-above .title>span {
	font-size:18px
}
.stuff-container .col-above .title>p {
	font-size:13px;
	color:#9B9B9B
}
.stuff-container .title-content {
	height:86px
}
.stuff-container .title-content i {
	float:left
}
.stuff-container .title-content div {
	float:left
}
.stuff-container .col-below {
	padding:15px 15px 0;
	display:flex;
	flex-wrap:wrap
}
.stuff-container .col-below>a {
	width:105px;
	margin-bottom:20px;
	display:flex;
	flex-direction:column;
	align-items:center
}
.stuff-container .col-below>a>span {
	font-size:14px;
	margin-top:6px
}
.stuff-container .col-below>p {
	width:217px;
	color:#9B9B9B;
	font-size:14px;
	line-height:27px;
	margin-left:20px
}
.stuff-container .col-below>div {
	width:105px;
	margin-bottom:20px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	align-items:center;
	float:left;
	text-align:center
}
.stuff-container .col-below>div>span {
	font-size:14px;
	margin-top:6px
}
.stuff-container .col-below>div>a {
	width:100%;
	text-align:center;
	clear:both
}
.stuff-container .col-below>div .item-title {
	padding-top:4px
}
.stuff-container .col-below>div .text {
	font-size:14px !important;
	margin-top:6px !important
}
.stuff-container .col-below>div .text:hover {
	color:#4A90E2
}
.stuff-container .icon {
	display:inline-block;
	width:44px;
	height:44px;
	background-repeat:no-repeat
}
.stuff-container .icon.icon-m1 {
	background:url("../images/home/stuff/icon-m1.png") no-repeat
}
.stuff-container .icon.icon-m2 {
	background:url("../images/home/stuff/icon-m2.png") no-repeat
}
.stuff-container .icon.icon-m3 {
	background:url("../images/home/stuff/icon-m3.png") no-repeat
}
.stuff-container .icon.icon-m4 {
	background:url("../images/home/stuff/icon-m4.png") no-repeat
}
.yopwork-bottom {
	height:70px;
	width:100%;
	background-color:#2f3232
}
.yopwork-bottom .content {
	height:70px;
	width:730px;
	margin:0 auto
}
.news-detail-wrap {
	width:1280px;
	margin:0 auto;
	margin-top:100px;
	position:relative
}
.news-detail-wrap .news-detail-head {
	width:100%;
	font-size:14px;
	display:flex;
	justify-content:space-between;
	padding-bottom:20px
}
.news-detail-wrap .news-detail-head .news-link {
	margin-top:14px
}
.news-detail-wrap .news-detail-head .news-link ul {
	display:flex
}
.news-detail-wrap .news-detail-content {
	width:960px;
	background-color:#FFFFFF;
	border-radius:4px
}
.news-detail-wrap .news-detail-content .news-title {
	font-size:20px;
	text-align:center;
	padding-top:60px;
	color:#333333
}
.news-detail-wrap .news-detail-content .news-info {
	display:flex;
	width:800px;
	line-height:42px;
	font-size:12px;
	color:#999999;
	margin:35px auto;
	justify-content:space-between;
	border-bottom:1px solid #E4E4E4
}
.news-detail-wrap .news-detail-content .news-info span {
	color:#333333
}
.news-detail-wrap .news-detail-content .news-info .label {
	background:url(../images/resource/detail01.png) no-repeat;
	background-position:5px center;
	padding-left:30px;
	background-size:20px
}
.news-detail-wrap .news-detail-content .news-info .profession {
	background:url(../images/resource/detail03.png) no-repeat;
	background-position:5px center;
	padding-left:30px;
	background-size:20px
}
.news-detail-wrap .news-detail-content .news-info .author {
	background:url(../images/resource/detail02.png) no-repeat;
	background-position:5px center;
	padding-left:30px;
	background-size:20px
}
.news-detail-wrap .news-detail-content .news-info .publish-date {
	background:url(../images/resource/detail04.png) no-repeat;
	background-position:5px center;
	padding-left:30px;
	background-size:20px
}
.news-detail-wrap .news-detail-content .news-content-wrap {
	width:100%;
	min-height:500px;
	margin:0 auto
}
.news-detail-wrap .news-detail-content .news-content-wrap .news-content {
	font-size:14px !important
}
.news-detail-wrap .news-detail-content .news-content-wrap .news-content p {
	padding-bottom:30px;
	width:798px;
	margin:auto;
	font-size:14px;
	font-weight:500;
	color:#333333;
	line-height:36px
}
.news-detail-wrap .news-detail-content .news-content-wrap .news-content img {
	width:798px
}
.news-detail-wrap .news-detail-content-other {
	width:960px;
	margin-bottom:40px
}
.news-detail-wrap .news-detail-content-other .pages {
	margin:0 auto;
	padding:33px 0 38px;
	display:flex;
	justify-content:space-between
}
.news-detail-wrap .news-detail-content-other .pages li {
	font-size:14px;
	color:#333333;
	cursor:default
}
.news-detail-wrap .news-detail-content-other .pages li .prev:hover {
	cursor:pointer;
	color:#009CFF
}
.news-detail-wrap .news-detail-content-other .pages li .next:hover {
	cursor:pointer;
	color:#009CFF
}
.news-detail-wrap .news-detail-content-other .popular-recommend {
	font-size:16px;
	color:#148DE2;
	line-height:24px;
	margin-bottom:12px;
	cursor:default
}
.news-detail-wrap .news-detail-content-other .foot-news {
	width:1280px;
	font-size:14px;
	font-weight:500;
	color:#333333;
	line-height:24px;
	display:flex;
	flex-wrap:wrap
}
.news-detail-wrap .news-detail-content-other .foot-news li {
	width:132px;
	line-height:28px;
	padding-right:10px
}
.news-detail-wrap .news-detail-content-other .foot-news li:hover {
	color:#148DE2
}
.news-detail-wrap .resource-recommend {
	width:300px;
	margin-bottom:27px;
	position:absolute;
	top:42px;
	left:980px
}
.news-detail-wrap .resource-recommend .recommend-crm {
	width:100%;
	background-color:#FFFFFF;
	margin-top:11px;
	border-radius:4px
}
.news-detail-wrap .resource-recommend .recommend-crm .recommend-crm-title {
	width:300px;
	height:60px;
	background:#3C8EE9;
	border-radius:4px 4px 0px 0px;
	padding-left:19px;
	font-size:18px;
	font-weight:500;
	color:#FFFFFF;
	line-height:60px;
	cursor:default
}
.news-detail-wrap .resource-recommend .recommend-pm {
	width:100%;
	background-color:#FFFFFF;
	margin-top:20px;
	border-radius:4px
}
.news-detail-wrap .resource-recommend .recommend-pm .recommend-pm-title {
	width:300px;
	height:60px;
	background:#3C8EE9;
	border-radius:4px 4px 0px 0px;
	padding-left:19px;
	font-size:18px;
	font-weight:500;
	color:#FFFFFF;
	line-height:60px;
	cursor:default
}
.news-detail-wrap .resource-recommend .recommend-list {
	width:260px;
	height:45px;
	margin:0 auto;
	border-bottom:1px solid #E4E4E4
}
.news-detail-wrap .resource-recommend .recommend-list:last-child {
	border-bottom:0
}
.news-detail-wrap .resource-recommend .recommend-list .recommend-module-item {
	width:100%;
	height:45px;
	line-height:45px;
	font-size:14px;
	font-weight:500;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.news-detail-wrap .resource-recommend .recommend-list .recommend-module-item a {
	color:#666666
}
.news-detail-wrap .resource-recommend .recommend-list .recommend-module-item a:hover {
	color:#3C8EE9
}
.news-detail-wrap .resource-recommend .recommend-list .recommend-module-item .col-l {
	float:left;
	width:180px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.news-detail-wrap .resource-recommend .recommend-list .recommend-module-item .col-r {
	float:left
}
.news-detail-wrap .resource-recommend .resource-probation-box {
	width:100%;
	height:87px;
	border-radius:4px;
	background:url("../images/resource/detail_img01.png");
	margin-top:20px
}
.news-detail-wrap .resource-recommend .resource-probation-box .probation-btn-box {
	width:100%;
	height:63px;
	padding-top:23px
}
.news-detail-wrap .resource-recommend .resource-probation-box .probation-btn-box a.probation-btn {
	display:block;
	width:150px;
	height:38px;
	color:#F4AA1B;
	font-size:16px;
	line-height:38px;
	margin:0 auto;
	text-align:center;
	background:transparent;
	border:1px solid #F4AA1B;
	border-radius:20px
}
.news-detail-wrap .resource-recommend .resource-probation-box .probation-btn-box a.probation-btn:hover {
	background:#F4AA1B;
	box-shadow:0px 10px 24px 0px rgba(234,189,25,0.35);
	color:#FFFFFF
}
.news-detail-footer {
	width:100%;
	height:213px;
	background-color:#eaecf8
}
.news-detail-footer .news-footer-content {
	width:500px;
	margin:0 auto
}
.news-detail-footer .news-footer-content .ontrial-title {
	text-align:center;
	font-size:48px;
	color:#333;
	padding:10px 0
}
.news-detail-footer .news-footer-content .ontrial-tel {
	text-align:center;
	font-size:20px
}
.news-detail-footer .news-footer-content .ontrial {
	display:flex;
	justify-content:space-between;
	margin-top:10px;
	margin-bottom:20px
}
.news-detail-footer .news-footer-content .ontrial span {
	display:block;
	width:242px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:14px;
	color:#fff;
	border-radius:5px;
	background-color:#5391da;
	cursor:pointer
}
.news-detail-footer .news-footer-content .ontrial a span {
	display:block;
	width:242px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:14px;
	color:#fff;
	border-radius:5px;
	background-color:#5391da;
	cursor:pointer
}
.scroll-news-wrap {
	width:100%
}
.scroll-news-wrap .scroll-news-banner {
	width:100%;
	height:382px;
	background-color:#999;
	margin-top:80px;
	margin-bottom:30px;
	background:url(../images/resource/news.jpg) no-repeat center;
	background-size:100% 100%
}
.scroll-news-wrap .scroll-news-content {
	width:1200px;
	margin:0 auto
}
.scroll-news-wrap .scroll-news-content .scroll-news-nav ul {
	display:flex;
	padding-bottom:20px
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail {
	display:flex;
	justify-content:space-between;
	padding:30px 40px;
	border-top:1px solid #999;
	border-bottom:1px solid #999
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-left {
	width:165px;
	height:165px
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-left img {
	width:100%;
	height:100%;
	object-fit:contain
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-right {
	position:relative;
	width:900px
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-right ul {
	display:flex;
	justify-content:space-between;
	width:900px;
	padding-bottom:30px
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-right ul .title {
	font-size:18px;
	color:#333333
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-right ul li {
	color:#666
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-right .content-html {
	font-size:14px;
	color:#333333;
	width:900px;
	height:108px;
	overflow:hidden;
	line-height:1.5
}
.scroll-news-wrap .scroll-news-content .scroll-news-detail .scroll-news-detail-right .look-detail {
	position:absolute;
	bottom:10px;
	right:0;
	display:block;
	cursor:pointer;
	color:#2891E9
}
.scroll-news-wrap .scroll-news-content .scroll-news {
	width:100%;
	padding:30px 40px
}
.scroll-news-wrap .scroll-news-content .scroll-news ul li {
	display:flex;
	justify-content:space-between;
	list-style:disc;
	padding-bottom:16px;
	cursor:pointer
}
.scroll-news-wrap .scroll-news-content .scroll-news ul li:hover span {
	color:#2891E9
}
.scroll-news-wrap .scroll-news-content .scroll-news ul li span {
	display:block
}
.section-inner {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px
}
.section-title {
	margin:45px 0;
	font-size:20px;
	text-align:center
}
.subcolumn-content {
	display:flex;
	flex-wrap:wrap
}
.subcolumn-item {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	transition:all 0.2s ease-in-out;
	width:200px;
	height:160px
}
.subcolumn-item:hover {
	background-color:#f2f2f2
}
.subcolumn-item p {
	position:relative;
	padding-top:80px
}
.subcolumn-item img {
	display:block;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:74px;
	height:74px
}
.subject-content {
	display:flex;
	flex-wrap:wrap
}
.subject-item {
	width:400px;
	height:240px;
	padding:0 25px
}
.subject-item .sj-title {
	background:url(../images/cc/subject.png) no-repeat left top;
	display:block;
	line-height:24px;
	padding-left:30px;
	font-size:18px
}
.subject-item .sj-title:hover {
	color:#3C8EE9
}
.subject-item ul {
	margin-top:25px
}
.subject-item li {
	margin-top:10px;
	font-size:14px
}
.subject-item li a {
	position:relative;
	padding-left:10px
}
.subject-item li a:hover {
	color:#3C8EE9
}
.subject-item li a:before {
	content:'·';
	position:absolute;
	top:0;
	left:0
}
.articles-section {
	background-color:#f7f7f7;
	padding-top:1px
}
.articles-inner {
	position:relative;
	padding-bottom:100px
}
.articles-panel {
	position:relative;
	overflow:hidden;
	height:600px
}
.articles-content {
	position:absolute;
	top:0;
	display:flex;
	flex-wrap:wrap;
	transition:top 0.5s ease-in-out
}
.articles-item {
	background:url(../images/cc/article.png) no-repeat left 11px;
	width:300px;
	height:40px;
	line-height:40px;
	padding-left:20px;
	padding-right:16px;
	font-size:14px
}
.articles-item a:hover {
	color:#3C8EE9
}
.articles-btns {
	position:absolute;
	bottom:30px;
	width:100%;
	text-align:center
}
.articles-btns .btn-roller {
	height:28px;
	line-height:28px;
	padding:0 18px;
	font-size:14px
}
.articles-btns .btn-roller.disabled {
	pointer-events:none;
	border-color:#999;
	color:#999
}
.dir-menu-context {
	display:flex;
	justify-content:space-between;
	width:1200px;
	margin:0 auto;
	padding:20px 0 50px
}
.dir-menu {
	width:210px
}
.dir-menu .dir-title {
	height:50px;
	line-height:50px;
	border-bottom:1px solid #eee;
	text-align:center
}
.dir-menu ul {
	padding:5px;
	margin-top:20px;
	background-color:#f2f2f2
}
.dir-menu li {
	background-repeat:no-repeat;
	background-position:8px 4px;
	height:30px;
	line-height:30px;
	font-size:14px;
	border-radius:4px
}
.dir-menu li a {
	display:block;
	padding-left:36px;
	padding-right:10px;
	color:#666
}
.dir-menu li+li {
	margin-top:5px
}
.dir-menu li:hover,.dir-menu li.active {
	background-color:#DAE3EA
}
.dir-menu li:hover a,.dir-menu li.active a {
	color:#0856A0
}
.dir-menu li.yoppm {
	background-image:url(../images/cc/pm1.png)
}
.dir-menu li.yoppm:hover,.dir-menu li.yoppm.active {
	background-image:url(../images/cc/pm2.png)
}
.dir-menu li.yopcrm {
	background-image:url(../images/cc/crm1.png)
}
.dir-menu li.yopcrm:hover,.dir-menu li.yopcrm.active {
	background-image:url(../images/cc/crm2.png)
}
.dir-menu li.yopoa {
	background-image:url(../images/cc/oa1.png)
}
.dir-menu li.yopoa:hover,.dir-menu li.yopoa.active {
	background-image:url(../images/cc/oa2.png)
}
.dir-menu li.yopsub {
	background-image:url(../images/cc/sub1.png)
}
.dir-menu li.yopsub:hover,.dir-menu li.yopsub.active {
	background-image:url(../images/cc/sub2.png)
}
.dir-context {
	width:940px
}
.dir-context .dir-crumbs {
	height:50px;
	line-height:50px;
	border-bottom:1px solid #eee;
	text-align:right;
	padding-right:20px;
	font-size:14px
}
.dir-context .dir-crumbs>a:hover {
	color:#3C8EE9
}
.dir-context .dir-richtext {
	line-height:36px;
	font-size:14px;
	margin-top:20px
}
.dir-context .dir-richtext img {
	width:100%
}
.link-subject-section {
	background:url(../images/cc/bg2.jpg) no-repeat center top/1920px 150px #fefefe;
	min-height:260px;
	padding-top:1px
}
.link-subject-content {
	display:flex;
	flex-wrap:wrap
}
.link-subject-item {
	position:relative;
	width:200px;
	height:46px;
	line-height:46px;
	padding-left:20px;
	padding-right:10px;
	font-size:14px
}
.link-subject-item:before {
	content:'';
	position:absolute;
	top:15px;
	left:0;
	width:14px;
	height:14px;
	background-color:#0856A0
}
.link-subject-item a:hover {
	color:#3C8EE9
}
.subject-banner-section {
	background:url(../images/cc/bg1.jpg) no-repeat center top/cover;
	height:500px
}
.subject-banner-section .banner-info {
	width:1200px;
	margin:0 auto;
	padding-top:100px;
	text-align:center
}
.subject-banner-section .banner-info h1 {
	font-size:48px;
	color:#0757A0
}
.subject-banner-section .banner-info .banner-desc {
	font-size:18px;
	margin-top:40px
}
.subject-banner-section .banner-info .banner-desc>div+div {
	margin-top:20px
}
.subject-banner-section .banner-info span {
	color:#f4a019;
	margin:0 6px
}
.subject-banner-section .banner-info a {
	margin-top:50px
}
.privacy-container .privacy-content {
	padding:55px 30px 40px 30px
}
.privacy-container .privacy-content .content-title {
	margin-top:0px;
	margin-bottom:30px
}
.privacy-container .privacy-content .content-title h2 {
	text-align:center;
	font-size:24px;
	line-height:36px
}
.privacy-container .privacy-content p {
	line-height:30px
}
.privacy-container .privacy-content .context {
	margin:0 auto;
	max-width:1200px
}
@media screen and (min-width:639px) and (max-width:1440px) {
	.privacy-container .privacy-content .context {
	margin:0 auto;
	max-width:1190px
}
}.privacy-container .privacy-content .subsection {
	margin-bottom:20px
}
.privacy-container .privacy-content .item-title {
	color:#333333;
	font-size:16px;
	font-weight:bold
}
.privacy-container .privacy-content .text-indent {
	text-indent:30px
}
.privacy-container .privacy-content .strip {
	padding-left:45px;
	position:relative
}
.privacy-container .privacy-content .strip-label {
	position:absolute;
	margin-left:-23px
}
.privacy-container .privacy-content .strip-item {
	padding-left:45px
}
.workbench-body {
	position:relative
}
.workbench-body .clear {
	clear:both
}
.workbench-body .workbench-banner {
	background:url("../images/workbench/banner.jpg") no-repeat center;
	background-size:auto 400px;
	background-position:center center;
	height:400px
}
.workbench-body .workbench-banner .banner-img {
	width:100%
}
.workbench-body .workbench-banner .banner-content {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	display:table
}
.workbench-body .workbench-banner-content {
	padding-left:25%;
	color:#fff;
	padding-top:6%
}
.workbench-body .workbench-banner-content .workbench-banner-title {
	font-size:28px;
	padding-bottom:26px;
	padding-left:20px
}
.workbench-body .workbench-banner-content .workbench-banner-title .workbench-desc-icon {
	width:35px;
	height:15px;
	background:url("../images/workbench/V4.0.png") no-repeat center;
	background-size:35px 15px;
	position:absolute;
	top:-10px;
	left:85px
}
.workbench-body .workbench-banner-content .workbench-banner-item {
	padding-left:80px;
	line-height:30px
}
.workbench-body .workbench-banner-content .workbench-banner-item .item-desc {
	font-size:22px;
	padding-bottom:12px
}
.workbench-body .workbench-banner-content .workbench-banner-img {
	padding-left:80px;
	padding-top:10px
}
.workbench-body .workbench-banner-content .workbench-banner-img .item {
	float:left;
	height:46px;
	width:137px;
	background-size:137px 46px
}
.workbench-body .workbench-banner-content .workbench-banner-img .img-1 {
	background:url("../images/workbench/001.png") no-repeat center
}
.workbench-body .workbench-banner-content .workbench-banner-img .img-2 {
	background:url("../images/workbench/002.png") no-repeat center
}
.workbench-body .workbench-banner-content .workbench-banner-img .img-3 {
	background:url("../images/workbench/003.png") no-repeat center
}
.workbench-body .workbench-banner-content .workbench-banner-img .img-4 {
	background:url("../images/workbench/004.png") no-repeat center
}
.workbench-body .workbench-panel-button {
	width:900px;
	margin:0 auto;
	padding-top:63px;
	padding-bottom:90px
}
.workbench-body .workbench-panel-button .panel-item {
	width:300px;
	float:left;
	text-align:center
}
.workbench-body .workbench-panel-button .panel-img {
	margin:0 auto;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer
}
.workbench-body .workbench-panel-button .panel-item-title {
	padding-top:15px
}
.workbench-body .workbench-panel-button .panel-item-title span {
	cursor:pointer;
	font-size:20px
}
.workbench-body .workbench-panel-button .administration-img {
	width:44px;
	height:40px;
	background:url("../images/workbench/panel-admin.png")
}
.workbench-body .workbench-panel-button .data-img {
	width:38px;
	height:40px;
	background:url("../images/workbench/panel-data.png")
}
.workbench-body .workbench-panel-button .interface-img {
	width:40px;
	height:40px;
	background:url("../images/workbench/panel-interface.png")
}
.workbench-body .workbench-panel-button .active .panel-item-title {
	color:#1aa4ee
}
.workbench-body .workbench-panel-button .active .administration-img {
	background:url("../images/workbench/panel-admin-active.png")
}
.workbench-body .workbench-panel-button .active .data-img {
	background:url("../images/workbench/panel-data-active.png")
}
.workbench-body .workbench-panel-button .active .interface-img {
	background:url("../images/workbench/panel-interface-active.png")
}
.workbench-body .panel-title {
	font-size:32px;
	width:1200px;
	text-align:center;
	padding-bottom:25px;
	font-weight:bold;
	color:#6C6C6C
}
.workbench-body .panel-desc {
	width:1200px;
	text-align:center;
	padding:12px 0;
	background:url("../images/workbench/panel-desc-img.png") no-repeat center;
	font-size:18px
}
.workbench-body .panel-content {
	width:1200px;
	margin:0 auto
}
.workbench-body .admin-panel-content {
	width:100%
}
.workbench-body .admin-panel-content .img-box {
	text-align:center
}
.workbench-body .admin-panel-content .panel-head-icon {
	width:56px;
	height:56px;
	float:left
}
.workbench-body .admin-panel-content .icon-admin-1 {
	background:url("../images/workbench/icon-admin-1.png") no-repeat center
}
.workbench-body .admin-panel-content .icon-admin-2 {
	background:url("../images/workbench/icon-admin-2.png") no-repeat center
}
.workbench-body .admin-panel-content .icon-admin-3 {
	background:url("../images/workbench/icon-admin-3.png") no-repeat center
}
.workbench-body .admin-panel-content .icon-admin-4 {
	background:url("../images/workbench/icon-admin-4.png") no-repeat center
}
.workbench-body .admin-panel-content .icon-title {
	font-size:28px;
	padding-left:20px;
	float:left;
	padding-top:5px;
	font-weight:bold;
	color:#6C6C6C
}
.workbench-body .admin-panel-content .headquarters-content {
	padding-bottom:70px;
	padding-top:70px
}
.workbench-body .admin-panel-content .headquarters-content .headquarters-icon {
	background:url("../images/workbench/panel-desc-img.png") no-repeat center
}
.workbench-body .admin-panel-content .headquarters-content .headquarters-head-title {
	width:230px;
	margin:0 auto
}
.workbench-body .admin-panel-content .headquarters-content .headquarters-desc {
	text-align:center;
	padding-top:36px;
	padding-bottom:50px;
	font-size:16px
}
.workbench-body .admin-panel-content .system-content {
	padding-top:70px;
	padding-bottom:70px;
	background-color:#f7f7f7
}
.workbench-body .admin-panel-content .system-content .system-img {
	width:567px;
	height:245px;
	float:left
}
.workbench-body .admin-panel-content .system-content .system-box {
	width:600px;
	float:left;
	padding-left:40px
}
.workbench-body .admin-panel-content .system-content .system-desc {
	font-size:16px;
	padding-top:20px;
	padding-bottom:8px
}
.workbench-body .admin-panel-content .system-content .system-item {
	padding-top:12px
}
.workbench-body .admin-panel-content .system-content .system-item .item-title {
	width:110px;
	float:left;
	padding-left:6px;
	font-weight:bold;
	font-size:15px;
	color:#6C6C6C
}
.workbench-body .admin-panel-content .system-content .system-item em {
	float:left
}
.workbench-body .admin-panel-content .system-content .system-item span {
	float:left
}
.workbench-body .admin-panel-content .work-content {
	padding-top:70px;
	padding-bottom:70px
}
.workbench-body .admin-panel-content .work-content .work-box {
	width:520px;
	float:left;
	padding-top:105px;
	padding-right:40px
}
.workbench-body .admin-panel-content .work-content .work-img {
	width:640px;
	float:left
}
.workbench-body .admin-panel-content .work-content .work-item {
	padding-top:23px;
	font-size:16px;
	line-height:35px
}
.workbench-body .admin-panel-content .engine-content {
	padding-top:70px;
	padding-bottom:70px;
	background-color:#f7f7f7
}
.workbench-body .admin-panel-content .engine-content .engine-img {
	width:630px;
	float:left
}
.workbench-body .admin-panel-content .engine-content .engine-box {
	padding-left:40px;
	width:530px;
	float:left;
	padding-top:80px
}
.workbench-body .admin-panel-content .engine-content .engine-box .engine-item {
	line-height:30px;
	padding-top:25px;
	font-size:16px
}
.workbench-body .list-background {
	background-color:#f7f7f7
}
.workbench-body .data-panel-content .data-list {
	width:870px;
	margin:0 auto;
	padding:70px 0
}
.workbench-body .data-panel-content .data-item {
	float:left
}
.workbench-body .data-panel-content .item-img-content .data-icon-box {
	float:left
}
.workbench-body .data-panel-content .item-img-content .data-icon-title {
	float:left;
	font-size:28px;
	padding-left:20px;
	line-height:122px;
	color:#6C6C6C;
	font-weight:bold
}
.workbench-body .data-panel-content .item-desc {
	padding-top:30px;
	line-height:35px;
	padding-left:20px;
	font-size:16px
}
.workbench-body .data-panel-content .item-left-1 {
	width:366px;
	margin-right:90px
}
.workbench-body .data-panel-content .item-right-1 {
	width:414px
}
.workbench-body .data-panel-content .item-left-2 {
	width:416px
}
.workbench-body .data-panel-content .item-right-2 {
	width:342px;
	margin-left:112px
}
.workbench-body .data-panel-content .item-left-3 {
	width:359px;
	margin-right:90px
}
.workbench-body .data-panel-content .item-right-3 {
	width:421px
}
.workbench-body .data-panel-content .item-right-3 img {
	width:100%
}
.workbench-body .data-panel-content .item-left-4 {
	width:481px
}
.workbench-body .data-panel-content .item-right-4 {
	width:277px;
	margin-left:112px
}
.workbench-body .data-panel-content .item-left-5 {
	width:400px;
	margin-right:20px;
	padding-top:130px;
	padding-left:30px
}
.workbench-body .data-panel-content .item-right-5 {
	width:410px
}
.workbench-body .interface-panel-content .title-padding {
	padding-left:25px
}
.workbench-body .interface-panel-content .interface-panel {
	width:1150px;
	margin:0 auto
}
.workbench-body .interface-panel-content .interface-title {
	width:350px;
	margin:0 auto;
	text-align:center;
	padding-top:80px
}
.workbench-body .interface-panel-content .interface-title .interface-icon {
	width:78px;
	height:78px;
	margin:0 auto
}
.workbench-body .interface-panel-content .interface-title .interface-title-test {
	padding-top:18px;
	font-size:28px
}
.workbench-body .interface-panel-content .interface-title .interface-title-test span {
	font-size:28px;
	color:#6C6C6C;
	font-weight:bold
}
.workbench-body .interface-panel-content .interface-list {
	padding:70px 0;
	position:relative
}
.workbench-body .interface-panel-content .custom-img {
	width:737px;
	height:538px;
	margin:0 auto
}
.workbench-body .interface-panel-content .interface-item {
	position:absolute;
	font-size:18px;
	width:220px
}
.workbench-body .interface-panel-content .interface-item .title {
	color:#0092bb;
	font-weight:bold
}
.workbench-body .interface-panel-content .interface-item .desc {
	padding-top:30px;
	line-height:30px;
	font-size:16px
}
.workbench-body .interface-panel-content .skin-content {
	top:67px;
	left:50%;
	margin-left:-480px
}
.workbench-body .interface-panel-content .data-style-content {
	top:330px;
	left:50%;
	margin-left:-620px
}
.workbench-body .interface-panel-content .index-content {
	top:130px;
	left:50%;
	margin-left:340px
}
.workbench-body .interface-panel-content .config-content {
	top:410px;
	left:50%;
	margin-left:240px
}
.workbench-body .interface-panel-content .item {
	float:left;
	text-align:center
}
.workbench-body .interface-panel-content .interface-item-img1 {
	width:512px
}
.workbench-body .interface-panel-content .interface-item-desc1 {
	width:568px;
	padding-left:70px
}
.workbench-body .interface-panel-content .item-icon {
	padding-top:30px
}
.workbench-body .interface-panel-content .item-title {
	font-size:28px;
	padding-top:20px;
	padding-bottom:55px;
	color:#6C6C6C;
	font-weight:bold
}
.workbench-body .interface-panel-content .item-title span {
	font-size:28px;
	color:#6C6C6C;
	font-weight:bold
}
.workbench-body .interface-panel-content .item-desc {
	text-align:center;
	font-size:16px;
	line-height:30px
}
.workbench-body .interface-panel-content .item-desc-3 {
	width:320px;
	margin:0 auto
}
.workbench-body .interface-panel-content .interface-item-img3 {
	width:612px
}
.workbench-body .interface-panel-content .interface-item-desc3 {
	width:468px;
	padding-right:70px
}
.workbench-body .interface-panel-content .interface-item-img4 {
	width:584px
}
.workbench-body .interface-panel-content .interface-item-desc4 {
	width:486px;
	padding-left:80px
}
.workbench-body .workbench-core-functions {
	padding-top:70px;
	padding-bottom:73px
}
.workbench-body .workbench-core-functions .core-title-content {
	margin:0 auto;
	width:300px;
	text-align:center
}
.workbench-body .workbench-core-functions .core-title-content .core-title-text {
	padding-top:25px;
	font-size:32px;
	color:#6C6C6C;
	font-weight:bold
}
.workbench-body .workbench-core-functions .core-list {
	width:1210px;
	margin:0 auto;
	padding-top:67px
}
.workbench-body .workbench-core-functions .core-list .core-item {
	float:left;
	width:280px;
	height:240px;
	padding:25px 12px;
	text-align:center;
	background-color:#f8f8f8;
	margin-right:30px;
	border-radius:10px
}
.workbench-body .workbench-core-functions .core-list .core-item .item-title {
	padding-bottom:17px;
	font-size:16px;
	font-weight:bold
}
.workbench-body .workbench-core-functions .core-list .core-item .item-desc {
	padding-top:27px;
	font-size:14px
}
.workbench-body .workbench-core-functions .core-list .core-item:hover {
	transform:scale(1.1)
}
.workbench-body .workbench-core-functions .core-list .core-item-first-row {
	margin-bottom:30px
}
.customer-page .banner {
	margin-bottom:0
}
.customer-page .page-block-1 {
	background:#ffffff;
	padding-bottom:45px
}
.customer-page .page-block-1 ul {
	width:1200px;
	margin:0 auto
}
.customer-page .page-block-1 li {
	padding:35px 0;
	border-bottom:1px dashed #9B9B9B
}
.customer-page .page-block-1 li div {
	font-size:14px;
	color:#4A4A4A
}
.customer-page .page-block-1 li div:nth-child(1) {
	text-align:center;
	font-weight:600;
	font-size:18px;
	width:155px
}
.customer-page .page-block-1 li div:nth-child(2) {
	width:380px
}
.customer-page .page-block-1 li div:nth-child(3) {
	width:380px
}
.customer-page .page-block-1 li div:nth-child(4) {
	width:285px
}
.cooperative-partner-page .page-block-1 {
	background:#ffffff;
	padding:45px 0
}
.cooperative-partner-page .page-block-1 ul {
	width:1200px;
	margin:0 auto
}
.cooperative-partner-page .page-block-1 li {
	padding-bottom:30px
}
.cooperative-partner-page .page-block-1 li img {
	float:left;
	width:149px;
	height:149px
}
.cooperative-partner-page .page-block-1 li div {
	display:table;
	float:right;
	height:149px;
	width:1001px;
	border-bottom:1px dashed #9B9B9B
}
.cooperative-partner-page .page-block-1 li div p {
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
	color:#4A4A4A;
	line-height:31px
}
.about-us-page {
	background-color:#f9f9f9
}
.about-us-page .page-block {
	height:495px;
	padding:50px 0 70px 0
}
.about-us-page .page-block .page-block-content {
	width:1172px;
	margin:0 auto
}
.about-us-page .page-block .title-box {
	padding-bottom:35px;
	text-align:center
}
.about-us-page .page-block .title-box h5 {
	line-height:26px;
	display:inline-block;
	padding:12px 0;
	height:29px;
	font-size:30px;
	font-weight:bold;
	color:#333333
}
.about-us-page .page-block .title-box span {
	display:block;
	padding-top:5px;
	font-size:14px;
	color:#999999
}
.about-us-page .page-block-1 {
	background:#ffffff
}
.about-us-page .page-block-1 .headline-box {
	width:560px;
	font-size:24px;
	font-weight:bold;
	color:#333333;
	line-height:42px;
	padding-top:45px
}
.about-us-page .page-block-1 .sub-box {
	width:560px;
	padding:10px 0 15px 0;
	font-size:18px;
	font-weight:500;
	color:#333333;
	line-height:24px
}
.about-us-page .page-block-1 .text-box {
	width:560px;
	font-size:14px;
	font-weight:500;
	color:#999999;
	line-height:24px
}
.about-us-page .page-block-1 .img-box {
	width:382px;
	height:248px;
	border-radius:6px;
	background:url("../images/aboutWe/about us_img01.png") no-repeat center center;
	background-size:100% 100%;
	float:right;
	margin-top:39px
}
.about-us-page .page-block-2-1 {
	height:551px;
	padding:45px 0 35px 0
}
.about-us-page .page-block-2-1 .title-box {
	padding-bottom:20px
}
.about-us-page .page-block-2-1 .title-box .about-us-slogan {
	text-align:center;
	font-size:24px;
	font-weight:500;
	color:#333333;
	line-height:42px
}
.about-us-page .page-block-2-1 .cultural-concept {
	width:955px;
	height:332px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap
}
.about-us-page .page-block-2-1 .cultural-concept span {
	display:block;
	width:100%;
	text-align:center
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-article {
	display:none;
	width:100%;
	height:100%;
	padding:30px 26px;
	font-size:14px;
	font-weight:500;
	color:#F9F9F9;
	line-height:18px
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-1 {
	width:393px;
	height:110px;
	margin-bottom:1px;
	border-radius:10px 0px 0px 0px;
	background:url("../images/aboutWe/about_us_img02.png") no-repeat center
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-1:hover span {
	display:none
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-1:hover .content-img-article {
	display:block;
	animation:articlemove 1s forwards;
	-webkit-animation:articlemove 1s forwards
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-2 {
	width:393px;
	height:110px;
	margin-bottom:1px;
	background:url("../images/aboutWe/about_us_img03.png") no-repeat center
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-2:hover span {
	display:none
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-2:hover .content-img-article {
	display:block;
	animation:articlemove 1s forwards;
	-webkit-animation:articlemove 1s forwards
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-3 {
	width:393px;
	height:110px;
	border-radius:0px 0px 0px 10px;
	background:url("../images/aboutWe/about_us_img04.png") no-repeat center
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-3:hover span {
	display:none
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-3:hover .content-img-article {
	display:block;
	animation:articlemove 1s forwards;
	-webkit-animation:articlemove 1s forwards
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-cn {
	font-size:24px;
	font-weight:500;
	color:#F9F9F9;
	margin-top:18px
}
.about-us-page .page-block-2-1 .cultural-concept .content-img-en {
	font-size:18px;
	font-weight:500;
	color:#F9F9F9
}
.about-us-page .page-block-2-1 .cultural-concept .content-text-1 {
	width:562px;
	height:111px;
	background:#FFFFFF;
	border-radius:0px 10px 0px 0px
}
.about-us-page .page-block-2-1 .cultural-concept .content-text-2 {
	width:562px;
	height:111px;
	background:#FFFFFF
}
.about-us-page .page-block-2-1 .cultural-concept .content-text-3 {
	width:562px;
	height:110px;
	border-radius:0px 0px 10px 0px;
	background:#FFFFFF
}
.about-us-page .page-block-2-1 .cultural-concept .content-text-en {
	font-size:14px;
	font-weight:500;
	color:#999999;
	margin-top:35px
}
.about-us-page .page-block-2-1 .cultural-concept .content-text-cn {
	font-size:20px;
	font-weight:500;
	color:#333333;
	line-height:42px
}
@keyframes articlemove {
	to {
	background:#3C8EE9;
	opacity:0.9
}
}@-webkit-keyframes articlemove /*Safari and Chrome*/ {
	to {
	background:#3C8EE9;
	opacity:0.9
}
}.about-us-page .page-block-2 {
	height:551px;
	background:#ffffff
}
.about-us-page .page-block-2 .bottom-box {
	width:1180px;
	height:267px;
	margin-top:25px
}
.about-us-page .page-block-2 .img-box {
	width:500px;
	height:267px;
	background:url("../images/aboutWe/about_us_img05.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-2 .sub-box {
	width:630px;
	height:72px;
	font-size:18px;
	font-weight:500;
	color:#333333;
	line-height:24px;
	margin:35px 0 0 50px
}
.about-us-page .page-block-2 .text-box {
	width:558px;
	font-size:14px;
	color:#9B9B9B;
	line-height:26px;
	margin:25px 0 0 50px
}
.about-us-page .page-block-3 {
	height:622px;
	background:#F9F9F9
}
.about-us-page .page-block-3 .title-box {
	padding-bottom:25px
}
.about-us-page .page-block-3 .text-box {
	text-align:center
}
.about-us-page .page-block-3 .text-box a {
	font-size:18px;
	font-weight:500;
	color:#333333
}
.about-us-page .page-block-3 .img-box {
	width:1172px;
	height:233px;
	margin-top:75px;
	display:flex
}
.about-us-page .page-block-3 .img-box .img-box-product {
	width:194px;
	height:233px;
	margin-right:50px;
	-webkit-transition:all 0.2s;
	transition:all .2s
}
.about-us-page .page-block-3 .img-box .img-box-product:hover {
	transform:translateY(-2px)
}
.about-us-page .page-block-3 .img-box .img-box-product .product-img {
	width:194px;
	height:194px;
	border-radius:10px;
	position:relative;
	overflow:hidden
}
.about-us-page .page-block-3 .img-box .img-box-product .product-img img {
	width:194px;
	height:194px;
	border-radius:10px;
	z-index:0
}
.about-us-page .page-block-3 .img-box .img-box-product .product-img .product-focus {
	width:194px;
	height:194px;
	background:url("../images/aboutWe/more.png") no-repeat center;
	background-size:77px 77px;
	border-radius:10px;
	background-color:#000000;
	opacity:0.2;
	position:absolute;
	top:0;
	z-index:1;
	display:none
}
.about-us-page .page-block-3 .img-box .img-box-product .product-img:hover {
	box-shadow:10px 14px 16px 0px rgba(38,109,188,0.1)
}
.about-us-page .page-block-3 .img-box .img-box-product .product-img:hover img {
	animation:product-img-move .2s forwards;
	-webkit-animation:product-img-move .2s forwards
}
.about-us-page .page-block-3 .img-box .img-box-product .product-img:hover .product-focus {
	display:block
}
@keyframes product-img-move {
	to {
	width:210px;
	height:210px
}
}@-webkit-keyframes product-img-move /*Safari and Chrome*/ {
	to {
	width:210px;
	height:210px
}
}.about-us-page .page-block-3 .img-box .img-box-product span {
	font-size:18px;
	font-weight:500;
	color:#333333;
	line-height:17px;
	margin-top:22px;
	text-align:center;
	display:block;
	cursor:pointer
}
.about-us-page .page-block-3 .img-box .img-box-product:last-of-type {
	margin-right:0
}
.about-us-page .page-block-3 .btn-box {
	width:1172px;
	height:40px;
	text-align:center;
	margin-top:66px
}
.about-us-page .page-block-3 .btn-box a {
	width:160px;
	height:40px;
	background:#F4AA1B;
	border-radius:20px;
	display:block;
	line-height:40px;
	font-size:18px;
	font-weight:500;
	color:#FFFFFF;
	margin:0 auto
}
.about-us-page .page-block-3 .btn-box a:hover {
	box-shadow:0px 10px 24px 0px rgba(234,189,25,0.35)
}
.about-us-page .page-block-4 {
	background:#F1FBFF
}
.about-us-page .page-block-4 .box-list {
	width:590px;
	padding-bottom:48px
}
.about-us-page .page-block-4 .img-box {
	width:155px;
	height:155px
}
.about-us-page .page-block-4 .text-box {
	width:435px;
	padding-top:20px;
	padding-right:40px;
	padding-left:28px
}
.about-us-page .page-block-4 .text-box h6 {
	font-size:18px;
	color:#4A4A4A;
	padding-bottom:10px
}
.about-us-page .page-block-4 .text-box p {
	font-size:14px;
	color:#9B9B9B
}
.about-us-page .page-block-4 .box-list:nth-child(1) .img-box {
	background:url("../images/about/001.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-4 .box-list:nth-child(2) .img-box {
	background:url("../images/about/002.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-4 .box-list:nth-child(3) .img-box {
	background:url("../images/about/003.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-4 .box-list:nth-child(4) .img-box {
	background:url("../images/about/004.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-5 {
	background:#ffffff;
	height:330px
}
.about-us-page .page-block-5 .code-content {
	width:1200px;
	margin:0 auto
}
.about-us-page .page-block-5 .bg-box {
	width:200px;
	height:200px;
	background:url("../images/about/bg-1.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-5 .text-box {
	padding-left:40px;
	padding-top:68px;
	width:560px
}
.about-us-page .page-block-5 p {
	line-height:1.5;
	font-size:14px;
	color:#4A4A4A
}
.about-us-page .page-block-5 ul {
	padding-top:16px
}
.about-us-page .page-block-5 li {
	padding-right:17px
}
.about-us-page .page-block-5 span {
	padding-right:19px;
	font-size:14px;
	color:#4A4A4A
}
.about-us-page .page-block-5 em {
	width:104px;
	height:104px
}
.about-us-page .page-block-5 em.wx-img {
	background:url("../images/about/weixin.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-5 em.wb-img {
	background:url("../images/about/weibo.png") no-repeat center center;
	background-size:100% 100%
}
.about-us-page .page-block-5 .code-img {
	width:400px;
	text-align:center;
	padding-top:30px
}
.about-us-page .page-block-5 .code {
	width:50%
}
.about-us-page .page-block-5 .code .text {
	padding-top:10px
}
.about-us-page .page-block-5 .code .img img {
	width:120px
}
.contact-us-page {
	width:1280px;
	height:600px;
	margin:42px auto;
	display:flex
}
.contact-us-page .contact-us-means {
	width:383px;
	height:600px;
	background:#FFFFFF;
	border-radius:4px 0px 0px 4px
}
.contact-us-page .contact-us-means .means-title {
	width:340px;
	margin:20px auto;
	position:relative
}
.contact-us-page .contact-us-means .means-title .title-en {
	font-size:62px;
	font-weight:bold;
	font-style:italic;
	color:#4FA2C6;
	opacity:0.1
}
.contact-us-page .contact-us-means .means-title .title-cn {
	font-size:30px;
	font-weight:bold;
	font-style:italic;
	color:#80A3B2;
	opacity:0.61;
	position:absolute;
	top:45px;
	left:0
}
.contact-us-page .contact-us-means .means-information {
	width:240px;
	height:100px;
	text-align:center;
	margin:0 auto
}
.contact-us-page .contact-us-means .means-information span {
	font-size:14px;
	font-weight:400;
	color:#999999;
	line-height:32px
}
.contact-us-page .contact-us-means .means-information p {
	font-size:14px;
	font-weight:400;
	color:#333333
}
.contact-us-page .contact-us-means .means-qr {
	width:240px;
	margin:10px auto;
	display:flex;
	text-align:center
}
.contact-us-page .contact-us-means .means-qr .qr-code {
	width:106px
}
.contact-us-page .contact-us-means .means-qr .qr-code .qr-code-border {
	width:106px;
	height:106px;
	border:1px solid #EEEEEE
}
.contact-us-page .contact-us-means .means-qr .qr-code .qr-code-border img {
	width:102px;
	height:102px
}
.contact-us-page .contact-us-means .means-qr .qr-code span {
	font-size:12px;
	font-weight:500;
	color:#999999
}
.contact-us-page .contact-us-map {
	width:897px;
	height:600px;
	background:url("../images/aboutWe/about_us_img11.png ") no-repeat center center;
	border-radius:0px 4px 4px 0px
}
.contact-us-page .contact-us-map .map-position {
	width:765px;
	height:382px;
	border-radius:4px;
	margin:0 auto;
	margin-top:109px
}
@-webkit-keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}.yoppm-content {
	margin-top:80px
}
.yoppm-content .banner-section.pm-banner-section {
	height:600px;
	background:url(../images/yoppm/banner_pm.jpg) no-repeat center top/cover
}
.yoppm-content .banner-section>div {
	width:1200px;
	margin:0 auto;
	color:#fff;
	border-top:1px solid transparent
}
.yoppm-content .banner-section h2 {
	margin-top:148px;
	margin-bottom:34px;
	padding-left:86px;
	font-size:48px
}
.yoppm-content .banner-section p {
	margin-bottom:16px;
	padding-left:86px;
	font-size:18px;
	line-height:30px
}
.yoppm-content .section-header {
	height:117px;
	margin:50px 0 46px
}
.yoppm-content .diagram-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.yoppm-content .diagram-section .section-header {
	background:url(../images/yoppm/tit_pm01.png) no-repeat center
}
.yoppm-content .diagram-section .section-bg {
	height:500px;
	background:url(../images/yoppm/img_pm01.jpg) no-repeat center
}
.yoppm-content .function-section {
	background-color:#f7f7f7
}
.yoppm-content .function-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.yoppm-content .function-section .section-header {
	background:url(../images/yoppm/tit_pm02.png) no-repeat center
}
.yoppm-content .function-section .tabs-nav {
	margin-bottom:30px
}
.yoppm-content .function-section .tabs-nav ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex
}
.yoppm-content .function-section .tabs-nav ul li {
	position:relative;
	width:100px;
	height:168px;
	padding-top:76px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(1) {
	background:url(../images/yoppm/icon_pm04.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(2) {
	background:url(../images/yoppm/icon_pm05.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(3) {
	background:url(../images/yoppm/icon_pm06.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(4) {
	background:url(../images/yoppm/icon_pm07.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(5) {
	background:url(../images/yoppm/icon_pm08.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(6) {
	background:url(../images/yoppm/icon_pm09.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(7) {
	background:url(../images/yoppm/icon_pm10.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(8) {
	background:url(../images/yoppm/icon_pm11.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(9) {
	background:url(../images/yoppm/icon_pm12.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(10) {
	background:url(../images/yoppm/icon_pm13.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(11) {
	background:url(../images/yoppm/icon_pm14.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:nth-of-type(12) {
	background:url(../images/yoppm/icon_pm15.png) no-repeat center 24px
}
.yoppm-content .function-section .tabs-nav ul li:hover,.yoppm-content .function-section .tabs-nav ul li.active {
	color:#fff;
	background-color:#f4a019 !important
}
.yoppm-content .function-section .tabs-nav ul li:hover:after,.yoppm-content .function-section .tabs-nav ul li.active:after {
	content:"";
	width:19px;
	height:29px;
	margin:0 auto;
	background:url(../images/yoppm/icon_pm_down.png) no-repeat center;
	position:absolute;
	left:0;
	right:0;
	bottom:18px
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(1),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(1) {
	background-image:url(../images/yoppm/icon_pm04a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(2),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(2) {
	background-image:url(../images/yoppm/icon_pm05a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(3),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(3) {
	background-image:url(../images/yoppm/icon_pm06a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(4),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(4) {
	background-image:url(../images/yoppm/icon_pm07a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(5),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(5) {
	background-image:url(../images/yoppm/icon_pm08a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(6),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(6) {
	background-image:url(../images/yoppm/icon_pm09a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(7),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(7) {
	background-image:url(../images/yoppm/icon_pm10a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(8),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(8) {
	background-image:url(../images/yoppm/icon_pm11a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(9),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(9) {
	background-image:url(../images/yoppm/icon_pm12a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(10),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(10) {
	background-image:url(../images/yoppm/icon_pm13a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(11),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(11) {
	background-image:url(../images/yoppm/icon_pm14a.png)
}
.yoppm-content .function-section .tabs-nav ul li:hover:nth-of-type(12),.yoppm-content .function-section .tabs-nav ul li.active:nth-of-type(12) {
	background-image:url(../images/yoppm/icon_pm15a.png)
}
.yoppm-content .function-section .tab {
	display:none;
	-o-animation:fadeIn .5s ease-in;
	-ms-animation:fadeIn .5s ease-in;
	-moz-animation:fadeIn .5s ease-in;
	-webkit-animation:fadeIn .5s ease-in;
	animation:fadeIn .5s ease-in
}
.yoppm-content .function-section .tab-container {
	height:430px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.yoppm-content .function-section .tab-container h3 {
	margin-bottom:30px;
	font-size:24px;
	font-weight:normal
}
.yoppm-content .function-section .tab-container p {
	font-size:16px;
	line-height:24px
}
.yoppm-content .function-section .tab-container .context {
	margin-top:34px;
	font-size:14px
}
.yoppm-content .function-section .tab-container .context ul {
	margin-top:40px
}
.yoppm-content .function-section .tab-container .context ul li {
	position:relative;
	line-height:24px;
	padding-left:30px;
	color:#666
}
.yoppm-content .function-section .tab-container .context ul li:before {
	content:"";
	width:20px;
	height:20px;
	background:url(../images/yoppm/login_ok.png) no-repeat center;
	position:absolute;
	top:2px;
	left:0
}
.yoppm-content .function-section .tab-container .context ul li+li {
	margin-top:24px
}
.yoppm-content .function-section .tab-container .right {
	width:643px;
	height:471px
}
.yoppm-content .function-section .tab-container .left {
	width:550px
}
.yoppm-content .solution-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.yoppm-content .solution-section .section-header {
	margin-bottom:66px;
	background:url(../images/yoppm/tit_pm03.png) no-repeat center
}
.yoppm-content .solution-section .solution-content ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.yoppm-content .solution-section .solution-content ul li {
	position:relative;
	width:300px;
	height:400px;
	text-align:center
}
.yoppm-content .solution-section .solution-content ul li:nth-of-type(2) {
	margin:0 80px
}
.yoppm-content .solution-section .solution-content ul li:hover img {
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
.yoppm-content .solution-section .solution-content ul li>div {
	width:100%;
	height:100%;
	border:1px solid #07569f;
	position:absolute;
	top:-30px;
	left:-30px;
	z-index:-1
}
.yoppm-content .solution-section .solution-content figure {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding-top:72px;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:10
}
.yoppm-content .solution-section .solution-content figure>img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.yoppm-content .solution-section .solution-content figure>i {
	display:inline-block;
	width:82px;
	height:82px;
	margin:0 auto
}
.yoppm-content .solution-section .solution-content figure>i.icon-s1 {
	background:url(../images/yoppm/icon_pm01.png) no-repeat center
}
.yoppm-content .solution-section .solution-content figure>i.icon-s2 {
	background:url(../images/yoppm/icon_pm02.png) no-repeat center
}
.yoppm-content .solution-section .solution-content figure>i.icon-s3 {
	background:url(../images/yoppm/icon_pm03.png) no-repeat center
}
.yoppm-content .solution-section .solution-content figure h3 {
	margin:28px 0 43px;
	color:#fff;
	font-size:24px;
	font-weight:normal
}
.yoppm-content .advantage-section {
	background-color:#f7f7f7
}
.yoppm-content .advantage-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.yoppm-content .advantage-section .section-header {
	background:url(../images/yoppm/tit_pm04.png) no-repeat center
}
.yoppm-content .advantage-section .accordion-box li {
	float:left;
	width:190px;
	overflow:hidden;
	cursor:pointer
}
.yoppm-content .advantage-section .accordion-box li:first-child {
	width:630px
}
.yoppm-content .advantage-section .accordion-box li div {
	height:350px;
	padding:40px 30px;
	color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transition:all 1s;
	transition:all 1s;
	-webkit-filter:grayscale(100);
	filter:grayscale(100)
}
.yoppm-content .advantage-section .accordion-box li h3 {
	position:absolute;
	top:196px;
	left:30px;
	font-size:24px;
	font-weight:normal;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out
}
.yoppm-content .advantage-section .accordion-box li h3:before {
	content:"";
	width:30px;
	height:3px;
	background:#f4a019;
	position:absolute;
	left:0;
	bottom:-22px
}
.yoppm-content .advantage-section .accordion-box li h3.hover {
	visibility:hidden;
	filter:alpha(Opacity=0);
	opacity:0
}
.yoppm-content .advantage-section .accordion-box li h3.out {
	filter:alpha(Opacity=100);
	opacity:1;
	visibility:visible
}
.yoppm-content .advantage-section .accordion-box li p {
	position:absolute;
	top:278px;
	right:30px;
	left:30px;
	line-height:18px;
	font-size:14px;
	visibility:hidden;
	filter:alpha(Opacity=0);
	opacity:0;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out
}
.yoppm-content .advantage-section .accordion-box li.active {
	cursor:default
}
.yoppm-content .advantage-section .accordion-box li.active>div {
	-webkit-filter:grayscale(0) !important;
	filter:grayscale(0) !important
}
.yoppm-content .advantage-section .accordion-box li.active .hover {
	filter:alpha(Opacity=100);
	opacity:1;
	visibility:visible
}
.yoppm-content .advantage-section .accordion-box li.active .out {
	visibility:hidden;
	filter:alpha(Opacity=0);
	opacity:0
}
.yoppm-content .advantage-section .accordion-box li.active .info {
	filter:alpha(Opacity=100);
	opacity:1;
	visibility:visible
}
.yoppm-content .tech-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.yoppm-content .tech-section .section-header {
	background:url(../images/yoppm/tit_pm05.png) no-repeat center
}
.yoppm-content .corporation-section {
	background-color:#f7f7f7
}
.yoppm-content .corporation-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.yoppm-content .corporation-section .section-header {
	background:url(../images/yoppm/tit_pm06.png) no-repeat center
}
.yoppm-content .corporation-section .corporation-content ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap
}
.yoppm-content .corporation-section .corporation-content ul li {
	position:relative;
	width:286px;
	height:248px;
	margin:0 18px 20px 0;
	border:1px solid #f0f0f0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.yoppm-content .corporation-section .corporation-content ul li:nth-of-type(4),.yoppm-content .corporation-section .corporation-content ul li:nth-of-type(8) {
	margin-right:0
}
.yoppm-content .corporation-section .corporation-content ul li:hover {
	border-color:#fff;
	box-shadow:0 6px 18px 0 rgba(7,86,159,0.11)
}
.yoppm-content .corporation-section .corporation-content ul li:hover .above img {
	filter:alpha(Opacity=40);
	opacity:0.4
}
.yoppm-content .corporation-section .corporation-content ul li:hover .above p,.yoppm-content .corporation-section .corporation-content ul li:hover .above span {
	filter:alpha(Opacity=100);
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.yoppm-content .corporation-section .corporation-content ul li .above {
	position:relative;
	height:157px;
	background-color:#011d38
}
.yoppm-content .corporation-section .corporation-content ul li .above>img {
	width:286px;
	margin-left:-1px;
	height:100%;
	-webkit-transition:opacity 0.35s;
	transition:opacity 0.35s
}
.yoppm-content .corporation-section .corporation-content ul li .below {
	height:90px
}
.yoppm-content .corporation-section .corporation-content ul li .figcaption {
	width:100%;
	height:100%;
	padding:32px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.yoppm-content .corporation-section .corporation-content ul li p {
	margin-bottom:18px;
	line-height:24px;
	font-size:16px;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	-webkit-transition:-webkit-transform 0.35s;
	transition:transform 0.35s;
	-webkit-transform:translate3d(0,-20px,0);
	transform:translate3d(0,-20px,0);
	filter:alpha(Opacity=0);
	opacity:0
}
.yoppm-content .corporation-section .corporation-content ul li span {
	display:block;
	font-size:14px;
	-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
	transition:opacity 0.35s,transform 0.35s;
	-webkit-transform:translate3d(0,20px,0);
	transform:translate3d(0,20px,0);
	filter:alpha(Opacity=0);
	opacity:0
}
.yoppm-content .corporation-section .corporation-content .bottom {
	margin-top:20px;
	text-align:center
}
.btn-oval {
	display:inline-block;
	height:38px;
	line-height:38px;
	padding:0 28px;
	color:#07569f;
	font-size:16px;
	border:1px solid #07569f;
	border-radius:20px;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out
}
.btn-oval:hover {
	color:#fff;
	border-color:#07569f;
	background-color:#07569f
}
.btn-oval:hover>span {
	background-image:url(./images/icon_right01.png)
}
.btn-oval:hover.btn-oval-orange {
	border-color:#07569f;
	background-color:#07569f
}
.btn-oval:hover.btn-oval-white {
	border-color:#f4a019;
	background-color:#f4a019;
	box-shadow:0 10px 24px 0 rgba(234,189,25,0.35)
}
.btn-oval+.btn-oval {
	margin-left:16px
}
.btn-oval.btn-oval-orange {
	color:#fff;
	border-color:#f4a019;
	background-color:#f4a019
}
.btn-oval.btn-oval-orange>span {
	background-image:url(./images/icon_right01.png)
}
.btn-oval.btn-oval-white {
	color:#fff;
	border-color:#fff
}
.btn-oval.btn-oval-white:hover {
	border-color:#f4a019
}
.btn-oval.btn-oval-white>span {
	background-image:url(./images/icon_right01.png)
}
.btn-oval.btn-oval-atbanner {
	color:#fff;
	border-color:#f4a019;
	background-color:#f4a019
}
.btn-oval.btn-oval-atbanner:hover {
	font-weight:bold;
	border-color:#f4a019;
	background-color:#f4a019;
	box-shadow:0 10px 24px 0 rgba(234,189,25,0.35)
}
.btn-oval.minor {
	height:32px;
	line-height:32px;
	padding:0 18px;
	font-size:14px
}
.btn-oval>span {
	padding-right:30px;
	background:url(./images/icon_right02.png) no-repeat right
}
@-webkit-keyframes circle {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@keyframes circle {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-moz-keyframes circle {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-o-keyframes circle {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0.1;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-webkit-keyframes cmcc {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@keyframes cmcc {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-moz-keyframes cmcc {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}@-o-keyframes cmcc {
	from {
	opacity:1;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0)
}
to {
	opacity:0;
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6)
}
}.header {
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background-color:#fff;
	-o-box-shadow:0 5px 8px 0 rgba(60,142,233,0.05);
	-ms-box-shadow:0 5px 8px 0 rgba(60,142,233,0.05);
	-moz-box-shadow:0 5px 8px 0 rgba(60,142,233,0.05);
	-webkit-box-shadow:0 5px 8px 0 rgba(60,142,233,0.05);
	box-shadow:0 5px 8px 0 rgba(60,142,233,0.05)
}
.header>div {
	width:1200px;
	height:100%;
	margin:0 auto
}
.header .logo {
	float:left;
	width:200px;
	height:100%;
	margin-right:64px;
	background:url(./images/basic/yop_logo.png) no-repeat center
}
.header .nav {
	float:left;
	height:100%;
	position:relative
}
.header .nav li {
	float:left;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center
}
.header .nav li+li {
	margin-left:25px
}
.header .nav-name {
	padding:6px 14px
}
.header .nav>li.active .nav-name,.header .nav-name:hover {
	color:#07569f;
	font-weight:bold;
	background:linear-gradient(to left,#07569f,#07569f) left top no-repeat,linear-gradient(to bottom,#07569f,#07569f) left top no-repeat,linear-gradient(to left,#07569f,#07569f) right bottom no-repeat,linear-gradient(to left,#07569f,#07569f) right bottom no-repeat;
	background-size:10px 1px,1px 10px
}
.header .nav-catalog {
	display:none;
	background-color:#012d56;
	filter:alpha(Opacity=95);
	opacity:.95;
	position:absolute;
	left:14px;
	top:80px
}
.header .nav-catalog.nav-product-catalog,.header .nav-catalog.nav-solution-catalog {
	left:-264px
}
.header .nav-catalog.nav-resource-catalog {
	left:130px
}
.header .catalog-item {
	display:block;
	color:#fff
}
.header .catalog-item:hover {
	color:#f4a019
}
.header .catalog-item:hover p {
	color:#f4a019
}
.header .catalog-item h3 {
	font-size:24px;
	font-weight:normal
}
.header .catalog-item h4 {
	font-size:15px;
	font-weight:normal
}
.header .product-catalog {
	padding:5px 10px;
	width:1200px
}
.header .product-catalog .catalog-item-box {
	float:left;
	width:195px;
	padding:20px 25px
}
.header .product-catalog .catalog-item {
	background-position:left top;
	background-repeat:no-repeat
}
.header .product-catalog .catalog-item:hover.con1 {
	background-image:url(./images/basic/product/icon1a.png)
}
.header .product-catalog .catalog-item:hover.con2 {
	background-image:url(./images/basic/product/icon2a.png)
}
.header .product-catalog .catalog-item:hover.con3 {
	background-image:url(./images/basic/product/icon3a.png)
}
.header .product-catalog .catalog-item:hover.con4 {
	background-image:url(./images/basic/product/icon4a.png)
}
.header .product-catalog .catalog-item:hover.con5 {
	background-image:url(./images/basic/product/icon5a.png)
}
.header .product-catalog .catalog-item:hover.con6 {
	background-image:url(./images/basic/product/icon6a.png)
}
.header .product-catalog .catalog-item:hover.con7 {
	background-image:url(./images/basic/product/icon7a.png)
}
.header .product-catalog .catalog-item:hover.con8 {
	background-image:url(./images/basic/product/icon8a.png)
}
.header .product-catalog .catalog-item:hover.con9 {
	background-image:url(./images/basic/product/icon9a.png)
}
.header .product-catalog .catalog-item:hover.con10 {
	background-image:url(./images/basic/product/icon10a.png)
}
.header .product-catalog .catalog-item:hover.con11 {
	background-image:url(./images/basic/product/icon11a.png)
}
.header .product-catalog .catalog-item:hover.con12 {
	background-image:url(./images/basic/product/icon12a.png)
}
.header .product-catalog .catalog-item:hover.con13 {
	background-image:url(./images/basic/product/icon13a.png)
}
.header .product-catalog .catalog-item:hover.con14 {
	background-image:url(./images/basic/product/icon14a.png)
}
.header .product-catalog .catalog-item:hover.con15 {
	background-image:url(./images/basic/product/icon15a.png)
}
.header .product-catalog .catalog-item:hover.con16 {
	background-image:url(./images/basic/product/icon16a.png)
}
.header .product-catalog .catalog-item:hover.con17 {
	background-image:url(./images/basic/product/icon17a.png)
}
.header .product-catalog .catalog-item:hover.con18 {
	background-image:url(./images/basic/product/icon18a.png)
}
.header .product-catalog .catalog-item:hover p {
	color:#f4a019
}
.header .product-catalog .catalog-item.con1 {
	background-image:url(./images/basic/product/icon1.png)
}
.header .product-catalog .catalog-item.con2 {
	background-image:url(./images/basic/product/icon2.png)
}
.header .product-catalog .catalog-item.con3 {
	background-image:url(./images/basic/product/icon3.png)
}
.header .product-catalog .catalog-item.con4 {
	background-image:url(./images/basic/product/icon4.png)
}
.header .product-catalog .catalog-item.con5 {
	background-image:url(./images/basic/product/icon5.png)
}
.header .product-catalog .catalog-item.con6 {
	background-image:url(./images/basic/product/icon6.png)
}
.header .product-catalog .catalog-item.con7 {
	background-image:url(./images/basic/product/icon7.png)
}
.header .product-catalog .catalog-item.con8 {
	background-image:url(./images/basic/product/icon8.png)
}
.header .product-catalog .catalog-item.con9 {
	background-image:url(./images/basic/product/icon9.png)
}
.header .product-catalog .catalog-item.con10 {
	background-image:url(./images/basic/product/icon10.png)
}
.header .product-catalog .catalog-item.con11 {
	background-image:url(./images/basic/product/icon11.png)
}
.header .product-catalog .catalog-item.con12 {
	background-image:url(./images/basic/product/icon12.png)
}
.header .product-catalog .catalog-item.con13 {
	background-image:url(./images/basic/product/icon13.png)
}
.header .product-catalog .catalog-item.con14 {
	background-image:url(./images/basic/product/icon14.png)
}
.header .product-catalog .catalog-item.con15 {
	background-image:url(./images/basic/product/icon15.png)
}
.header .product-catalog .catalog-item.con16 {
	background-image:url(./images/basic/product/icon16.png)
}
.header .product-catalog .catalog-item.con17 {
	background-image:url(./images/basic/product/icon17.png)
}
.header .product-catalog .catalog-item.con18 {
	background-image:url(./images/basic/product/icon18.png)
}
.header .product-catalog .catalog-item h4 {
	padding-left:40px;
	line-height:26px;
	margin-bottom:15px
}
.header .product-catalog .catalog-item p {
	height:72px;
	line-height:18px;
	color:#75869f;
	font-size:12px
}
.header .solution-catalog {
	padding:20px;
	width:1200px
}
.header .solution-catalog .catalog-item {
	position:relative;
	height:38px;
	line-height:38px
}
.header .solution-catalog .catalog-item>a {
	float:left;
	display:block;
	width:165px;
	font-size:13px;
	color:#276fc0
}
.header .solution-catalog .catalog-item>a+a {
	margin-left:20px
}
.header .solution-catalog .catalog-item>a.more {
	width:50px
}
.header .solution-catalog .catalog-item>a:hover {
	color:#f4a019
}
.header .solution-catalog .catalog-item h4 {
	padding-left:37px;
	background-position:left center;
	background-repeat:no-repeat;
	color:#ffffff
}
.header .solution-catalog .catalog-item h4:hover {
	color:#f4a019
}
.header .solution-catalog .catalog-item h4:hover.con1 {
	background-image:url(./images/basic/solution/icon01a.png)
}
.header .solution-catalog .catalog-item h4:hover.con2 {
	background-image:url(./images/basic/solution/icon02a.png)
}
.header .solution-catalog .catalog-item h4:hover.con3 {
	background-image:url(./images/basic/solution/icon03a.png)
}
.header .solution-catalog .catalog-item h4:hover.con4 {
	background-image:url(./images/basic/solution/icon04a.png)
}
.header .solution-catalog .catalog-item h4:hover.con5 {
	background-image:url(./images/basic/solution/icon05a.png)
}
.header .solution-catalog .catalog-item h4:hover.con6 {
	background-image:url(./images/basic/solution/icon06a.png)
}
.header .solution-catalog .catalog-item h4:hover.con7 {
	background-image:url(./images/basic/solution/icon07a.png)
}
.header .solution-catalog .catalog-item h4:hover.con8 {
	background-image:url(./images/basic/solution/icon08a.png)
}
.header .solution-catalog .catalog-item h4:hover.con9 {
	background-image:url(./images/basic/solution/icon09a.png)
}
.header .solution-catalog .catalog-item h4:hover.con10 {
	background-image:url(./images/basic/solution/icon10a.png)
}
.header .solution-catalog .catalog-item h4:hover.con11 {
	background-image:url(./images/basic/solution/icon11a.png)
}
.header .solution-catalog .catalog-item h4:hover.con12 {
	background-image:url(./images/basic/solution/icon12a.png)
}
.header .solution-catalog .catalog-item h4.con1 {
	background-image:url(./images/basic/solution/icon01.png)
}
.header .solution-catalog .catalog-item h4.con2 {
	background-image:url(./images/basic/solution/icon02.png)
}
.header .solution-catalog .catalog-item h4.con3 {
	background-image:url(./images/basic/solution/icon03.png)
}
.header .solution-catalog .catalog-item h4.con4 {
	background-image:url(./images/basic/solution/icon04.png)
}
.header .solution-catalog .catalog-item h4.con5 {
	background-image:url(./images/basic/solution/icon05.png)
}
.header .solution-catalog .catalog-item h4.con6 {
	background-image:url(./images/basic/solution/icon06.png)
}
.header .solution-catalog .catalog-item h4.con7 {
	background-image:url(./images/basic/solution/icon07.png)
}
.header .solution-catalog .catalog-item h4.con8 {
	background-image:url(./images/basic/solution/icon08.png)
}
.header .solution-catalog .catalog-item h4.con9 {
	background-image:url(./images/basic/solution/icon09.png)
}
.header .solution-catalog .catalog-item h4.con10 {
	background-image:url(./images/basic/solution/icon10.png)
}
.header .solution-catalog .catalog-item h4.con11 {
	background-image:url(./images/basic/solution/icon11.png)
}
.header .solution-catalog .catalog-item h4.con12 {
	background-image:url(./images/basic/solution/icon12.png)
}
.header .solution-catalog .catalog-item p {
	color:#c2dbf8
}
.header .solution-catalog .catalog-item p:hover {
	color:#f4a019
}
.header .customerCase-catalog {
	width:500px;
	padding:26px 46px
}
.header .customerCase-catalog .catalog-item {
	line-height:24px;
	padding-left:38px
}
.header .customerCase-catalog .catalog-item+.catalog-item {
	margin-top:20px
}
.header .customerCase-catalog .col-l {
	float:left;
	width:50%
}
.header .customerCase-catalog .col-r {
	float:left;
	width:50%;
	padding-left:46px;
	position:relative
}
.header .customerCase-catalog .col-r:before {
	content:"";
	width:1px;
	height:112px;
	background:#fff;
	position:absolute;
	left:0;
	top:4px
}
.header .resource-catalog {
	width:704px;
	padding:26px 46px;
	text-align:center
}
.header .resource-catalog .catalog-item {
	display:inline-block;
	line-height:24px;
	padding-left:36px;
	background-position:left center;
	background-repeat:no-repeat
}
.header .resource-catalog .catalog-item:hover.con1 {
	background-image:url(./images/basic/resource/icon1a.png)
}
.header .resource-catalog .catalog-item:hover.con2 {
	background-image:url(./images/basic/resource/icon2a.png)
}
.header .resource-catalog .catalog-item:hover.con3 {
	background-image:url(./images/basic/resource/icon3a.png)
}
.header .resource-catalog .catalog-item.con1 {
	background-image:url(./images/basic/resource/icon1.png)
}
.header .resource-catalog .catalog-item.con2 {
	background-image:url(./images/basic/resource/icon2.png)
}
.header .resource-catalog .catalog-item.con3 {
	background-image:url(./images/basic/resource/icon3.png);
	background-position:left 2px
}
.header .resource-catalog .col-l {
	float:left;
	width:33%
}
.header .resource-catalog .col-r {
	float:left;
	width:33%;
	position:relative
}
.header .resource-catalog .col-r:before {
	content:"";
	width:1px;
	height:20px;
	background:#fff;
	position:absolute;
	left:0;
	top:2px
}
.header .tel {
	float:left;
	width:172px;
	height:100%;
	margin-left:22px;
	background:url(./images/basic/call.gif) no-repeat center
}
.header .btns {
	float:right;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center
}
.header .header-btn {
	position:relative
}
.header .header-btn+.header-btn {
	margin-left:16px
}
.header .header-btn>a {
	display:block;
	width:90px;
	height:26px;
	line-height:26px;
	color:#07569f;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	border:1px solid #07569f;
	border-radius:22px;
	z-index:1;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out
}
.header .header-btn>a:hover {
	color:#fff;
	border:1px solid #07569f;
	background-color:#07569f
}
.header .header-btn>a:hover ~ .ring {
	background-color:#07569f
}
.header .header-btn .trial {
	color:#fff;
	border:1px solid #f4a019;
	background-color:#f4a019;
	box-shadow:0 0 8px #f4a019
}
.header .header-btn .trial:hover {
	box-shadow:0 0 8px #07569f
}
.header .header-btn .ring {
	position:absolute;
	top:0;
	z-index:-1;
	margin-top:-2px;
	margin-left:3px;
	width:92px;
	height:30px;
	border-radius:22px;
	background-color:#f4a019;
	-o-animation:circle 2s linear 0s infinite;
	-moz-animation:circle 2s linear 0s infinite;
	-webkit-animation:circle 2s linear infinite;
	animation:circle 2s linear 0s infinite
}
.homepage-content {
	margin-top:80px
}
.homepage-content .banner-section>div {
	width:1200px;
	margin:0 auto;
	border-top:1px solid transparent
}
.homepage-content .banner-section h2 {
	margin-top:150px;
	margin-bottom:40px;
	padding-left:108px;
	color:#07569f;
	font-size:48px
}
.homepage-content .banner-section p {
	padding-left:108px;
	font-size:18px;
	line-height:38px
}
.homepage-content .banner-section p>span {
	margin:0 10px;
	color:#f4a019
}
.homepage-content .section-header {
	height:200px;
	padding-top:50px;
	text-align:center;
	background:url(./images/letter-p0.png) no-repeat center top
}
.homepage-content .section-header h2 {
	color:#07569f;
	font-size:36px;
	font-weight:300
}
.homepage-content .section-header p {
	margin-top:22px;
	line-height:24px;
	color:#999;
	font-size:16px
}
.homepage-content .product-section>div {
	width:1200px;
	margin:0 auto;
	padding:50px 0 48px
}
.homepage-content .product-section .bottom {
	margin-top:10px;
	text-align:center
}
.homepage-content .product-section .product-content .above {
	height:102px;
	font-size:24px;
	text-align:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.homepage-content .product-section .product-content .above div {
	width:486px;
	height:1px;
	background-color:#f0f0f0
}
.homepage-content .product-section .product-content .above div:first-child {
	border-right:60px solid #f4a019
}
.homepage-content .product-section .product-content .above div:last-child {
	border-left:60px solid #f4a019
}
.homepage-content .product-section .product-content .below {
	margin-top:30px;
	padding:24px 0;
	border-top:1px solid #f0f0f0
}
.homepage-content .product-section .product-content .below .col-l {
	float:left;
	width:186px;
	height:60px;
	line-height:60px;
	font-size:18px;
	text-align:center;
	border-left:2px solid #07569f
}
.homepage-content .product-section .product-content .below .col-r {
	float:left;
	width:calc(100% - 186px)
}
.homepage-content .product-section .product-content .below .col-r ul+ul {
	margin-top:20px
}
.homepage-content .product-section .product-content .below .col-r li {
	float:left;
	width:186px;
	padding-left:16px;
	color:#666;
	font-size:14px;
	position:relative
}
.homepage-content .product-section .product-content .below .col-r li:before {
	content:"";
	width:4px;
	height:4px;
	background:#aaa;
	position:absolute;
	left:0;
	top:8px
}
.homepage-content .product-section .function-block h3 {
	margin-bottom:30px;
	font-size:18px;
	font-weight:bold;
	text-align:center
}
.homepage-content .product-section .function-block ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap
}
.homepage-content .product-section .function-block ul li {
	position:relative;
	width:170px;
	height:170px;
	margin-top:30px;
	padding:18px;
	background-color:#f2f2f2;
	-webkit-transition:all .3s;
	transition:all .3s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.homepage-content .product-section .function-block ul li:nth-child(1),.homepage-content .product-section .function-block ul li:nth-child(2),.homepage-content .product-section .function-block ul li:nth-child(3) {
	margin-top:0
}
.homepage-content .product-section .function-block ul li:hover {
	background-color:#fff;
	box-shadow:0 8px 16px 2px rgba(110,160,216,0.22)
}
.homepage-content .product-section .function-block ul li:hover:before,.homepage-content .product-section .function-block ul li:hover:after {
	filter:alpha(Opacity=100);
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.homepage-content .product-section .function-block ul li:hover h4 {
	color:#07569f
}
.homepage-content .product-section .function-block ul li:hover p {
	display:none;
	color:#f4a019
}
.homepage-content .product-section .function-block ul li:hover div {
	display:block;
	color:#f4a019
}
.homepage-content .product-section .function-block ul li:before,.homepage-content .product-section .function-block ul li:after {
	content:"";
	opacity:0;
	-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
	transition:opacity 0.35s,transform 0.35s;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.homepage-content .product-section .function-block ul li:before {
	border-top:1px solid #07569f;
	border-bottom:1px solid #07569f;
	-webkit-transform:scale(0,1);
	transform:scale(0,1)
}
.homepage-content .product-section .function-block ul li:after {
	border-right:1px solid #07569f;
	border-left:1px solid #07569f;
	-webkit-transform:scale(1,0);
	transform:scale(1,0)
}
.homepage-content .product-section .function-block ul li h4 {
	line-height:30px;
	margin-bottom:8px;
	padding-left:36px;
	font-size:16px;
	font-weight:normal
}
.homepage-content .product-section .function-block ul li p {
	line-height:24px;
	color:#666;
	font-size:12px;
	text-align:center
}
.homepage-content .product-section .function-block ul li div {
	display:none;
	line-height:24px;
	font-size:12px;
	-webkit-transition:all .3s;
	transition:all .3s
}
.homepage-content .product-section .function-block ul li a {
	display:block;
	width:100%;
	height:100%
}
.homepage-content .product-section .function-block .block-l {
	float:left;
	width:50%
}
.homepage-content .product-section .function-block .block-l ul>li {
	margin-right:30px;
	cursor:pointer
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(1) h4 {
	background:url(./images/icon_home01.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(2) h4 {
	background:url(./images/icon_home02.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(3) h4 {
	background:url(./images/icon_home03.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(4) h4 {
	background:url(./images/icon_home04.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(5) h4 {
	background:url(./images/icon_home05.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(6) h4 {
	background:url(./images/icon_home06.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(7) h4 {
	background:url(./images/icon_home12.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(8) h4 {
	background:url(./images/icon_home08.png) no-repeat left
}
.homepage-content .product-section .function-block .block-l ul>li:nth-of-type(9) h4 {
	background:url(./images/icon_home09.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r {
	float:left;
	width:50%;
	border-left:1px solid #f0f0f0
}
.homepage-content .product-section .function-block .block-r ul {
	margin-left:-1px
}
.homepage-content .product-section .function-block .block-r ul>li {
	margin-left:30px;
	cursor:pointer
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(1) h4 {
	background:url(./images/icon_home10.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(2) h4 {
	background:url(./images/icon_home11.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(3) h4 {
	background:url(./images/icon_home07.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(4) h4 {
	background:url(./images/icon_home13.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(5) h4 {
	background:url(./images/icon_home14.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(6) h4 {
	background:url(./images/icon_home15.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(7) h4 {
	background:url(./images/icon_home16.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(8) h4 {
	background:url(./images/icon_home18.png) no-repeat left
}
.homepage-content .product-section .function-block .block-r ul>li:nth-of-type(9) h4 {
	background:url(./images/icon_home17.png) no-repeat left
}
.homepage-content .solution-section {
	background-color:#f7f7f7
}
.homepage-content .solution-section>div {
	width:1200px;
	margin:0 auto;
	padding:50px 0 48px
}
.homepage-content .solution-section .bottom {
	margin-top:40px;
	text-align:center
}
.homepage-content .solution-section .solution-content {
	margin-top:46px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.homepage-content .solution-section .card {
	width:380px;
	height:500px;
	padding:138px 20px 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.homepage-content .solution-section .card:hover {
	margin-top:-10px;
	box-shadow:10px 14px 16px 0 rgba(38,109,188,0.1)
}
.homepage-content .solution-section .card:nth-of-type(1) {
	background:#fff url(./images/img_home01.png) no-repeat top
}
.homepage-content .solution-section .card:nth-of-type(2) {
	background:#fff url(./images/img_home02.png) no-repeat top
}
.homepage-content .solution-section .card:nth-of-type(3) {
	background:#fff url(./images/img_home03.png) no-repeat top
}
.homepage-content .solution-section .card h3 {
	line-height:24px;
	font-size:20px;
	font-weight:normal
}
.homepage-content .solution-section .card p {
	font-size:14px
}
.homepage-content .solution-section .card .above {
	height:130px;
	padding-top:58px;
	background:url(./images/img_home04.png) no-repeat center 32px
}
.homepage-content .solution-section .card .above p {
	line-height:24px;
	color:#666
}
.homepage-content .solution-section .card .below {
	padding-top:58px;
	background:url(./images/img_home05.png) no-repeat center 32px
}
.homepage-content .solution-section .card .below p {
	line-height:18px
}
.homepage-content .etc-section>div {
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:238px 0 78px
}
.homepage-content .etc-section .section-header {
	height:auto;
	padding:0;
	background-image:none;
	position:absolute;
	left:48px;
	top:78px
}
.homepage-content .etc-section .etc-cards li {
	float:left
}
.homepage-content .etc-section .etc-cards li.hover .card {
	-moz-transform:scale(1.16);
	-ms-transform:scale(1.16);
	-o-transform:scale(1.16);
	-webkit-transform:scale(1.16);
	transform:scale(1.16);
	z-index:10
}
.homepage-content .etc-section .etc-cards li.hover .card p {
	filter:alpha(Opacity=100);
	opacity:1;
	visibility:visible
}
.homepage-content .etc-section .etc-cards li.hover .card .inner {
	padding-top:60px
}
.homepage-content .etc-section .etc-cards li.hover .card .mask {
	background:#002f73;
	filter:alpha(Opacity=80);
	opacity:0.8
}
.homepage-content .etc-section .etc-cards h3,.homepage-content .etc-section .etc-cards p,.homepage-content .etc-section .etc-cards img,.homepage-content .etc-section .etc-cards .card,.homepage-content .etc-section .etc-cards .inner,.homepage-content .etc-section .etc-cards .divider,.homepage-content .etc-section .etc-cards .mask {
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out
}
.homepage-content .etc-section .etc-cards h3 {
	font-size:24px;
	font-weight:normal;
	text-align:center
}
.homepage-content .etc-section .etc-cards p {
	line-height:24px;
	font-size:12px;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	visibility:hidden;
	filter:alpha(Opacity=0);
	opacity:0
}
.homepage-content .etc-section .etc-cards .card {
	position:relative;
	width:300px;
	height:400px;
	color:#fff
}
.homepage-content .etc-section .etc-cards .card .divider {
	width:30px;
	height:3px;
	margin:24px auto;
	background:#fff
}
.homepage-content .etc-section .etc-cards .card .inner {
	padding:112px 34px 0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2
}
.homepage-content .etc-section .etc-cards .card .inner>i {
	display:block;
	width:80px;
	height:80px;
	margin:0 auto 12px
}
.homepage-content .etc-section .etc-cards .card .mask {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.homepage-content .etc-section .etc-cards .etc-cards-img {
	width:100%;
	height:100%
}
.homepage-content .etc-section .etc-cards .etc-cards-img>img {
	width:100%;
	height:100%
}
.homepage-content .etc-section .icon-etc-1 {
	background:url(./images/icon_home19.png) no-repeat center
}
.homepage-content .etc-section .icon-etc-2 {
	background:url(./images/icon_home20.png) no-repeat center
}
.homepage-content .etc-section .icon-etc-3 {
	background:url(./images/icon_home21.png) no-repeat center
}
.homepage-content .etc-section .icon-etc-4 {
	background:url(./images/icon_home22.png) no-repeat center
}
.homepage-content .etc-section .question-mark {
	width:429px;
	height:716px;
	background:url(./images/letter-q0.png) no-repeat center;
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.homepage-content .corporation-section {
	background-attachment:fixed !important;
	position:relative;
	z-index:1
}
.homepage-content .corporation-section .section-mask {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.homepage-content .corporation-section .section-inner {
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:126px 0 42px
}
.homepage-content .corporation-section .section-header {
	height:auto;
	padding:0;
	background-image:none;
	position:absolute;
	left:50px;
	top:40px
}
.homepage-content .corporation-section .letter-p2 {
	width:180px;
	height:163px;
	background:url(./images/letter-p2.png) no-repeat center;
	position:absolute;
	top:0;
	left:2px
}
.homepage-content .corporation-section .corp-swiper {
	padding-top:56px
}
.homepage-content .corporation-section .corp-swiper .swiper-button {
	width:50px;
	height:30px;
	background:transparent;
	border:1px solid #07569f
}
.homepage-content .corporation-section .corp-swiper .swiper-button:hover {
	background-color:#07569f
}
.homepage-content .corporation-section .corp-swiper .swiper-button:hover.swiper-button-prev {
	background-image:url(./images/icon_left01.png)
}
.homepage-content .corporation-section .corp-swiper .swiper-button:hover.swiper-button-next {
	background-image:url(./images/icon_right01.png)
}
.homepage-content .corporation-section .corp-swiper .swiper-button:after {
	display:none
}
.homepage-content .corporation-section .corp-swiper .swiper-button-prev {
	background:url(./images/icon_left02.png) no-repeat center;
	top:22px;
	left:1090px
}
.homepage-content .corporation-section .corp-swiper .swiper-button-next {
	background:url(./images/icon_right02.png) no-repeat center;
	top:22px;
	right:0
}
.homepage-content .corporation-section .corp-swiper-wrapper {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	flex-direction:column
}
.homepage-content .corporation-section .corp-item {
	display:block;
	width:278px;
	height:152px;
	position:relative
}
.homepage-content .corporation-section .corp-item:hover {
	background:#011d38
}
.homepage-content .corporation-section .corp-item:hover img {
	filter:alpha(Opacity=40);
	opacity:0.4
}
.homepage-content .corporation-section .corp-item:hover .figcaption:before,.homepage-content .corporation-section .corp-item:hover .figcaption:after {
	filter:alpha(Opacity=100);
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.homepage-content .corporation-section .corp-item:hover p,.homepage-content .corporation-section .corp-item:hover span {
	filter:alpha(Opacity=100);
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.homepage-content .corporation-section .corp-item img {
	width:100%;
	height:100%;
	-webkit-transition:opacity 0.35s;
	transition:opacity 0.35s
}
.homepage-content .corporation-section .corp-item .figcaption {
	width:100%;
	height:100%;
	padding:32px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.homepage-content .corporation-section .corp-item .figcaption:before,.homepage-content .corporation-section .corp-item .figcaption:after {
	content:"";
	opacity:0;
	-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
	transition:opacity 0.35s,transform 0.35s;
	position:absolute;
	top:14px;
	right:14px;
	bottom:14px;
	left:14px
}
.homepage-content .corporation-section .corp-item .figcaption:before {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:scale(0,1);
	transform:scale(0,1)
}
.homepage-content .corporation-section .corp-item .figcaption:after {
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-transform:scale(1,0);
	transform:scale(1,0)
}
.homepage-content .corporation-section .corp-item p {
	margin-bottom:18px;
	line-height:24px;
	font-size:16px;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	-webkit-transition:-webkit-transform 0.35s;
	transition:transform 0.35s;
	-webkit-transform:translate3d(0,-20px,0);
	transform:translate3d(0,-20px,0);
	filter:alpha(Opacity=0);
	opacity:0
}
.homepage-content .corporation-section .corp-item span {
	display:block;
	font-size:14px;
	-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
	transition:opacity 0.35s,transform 0.35s;
	-webkit-transform:translate3d(0,20px,0);
	transform:translate3d(0,20px,0);
	filter:alpha(Opacity=0);
	opacity:0
}
.homepage-content .cooperation-section {
	background-color:#f7f7f7
}
.homepage-content .cooperation-section>div {
	width:1200px;
	margin:0 auto
}
.homepage-content .cooperation-section .below {
	padding:40px 0 50px
}
.homepage-content .cooperation-section .below>ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap
}
.homepage-content .cooperation-section .below>ul li {
	width:240px;
	height:85px;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	-webkit-transition:box-shadow .3s;
	transition:box-shadow .3s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.homepage-content .cooperation-section .below>ul li:hover {
	border-color:#fff;
	box-shadow:0 6px 18px 0 rgba(7,86,159,0.11);
	z-index:10
}
.homepage-content .cooperation-section .below>ul li>img {
	width:100%;
	height:100%
}
.homepage-content .cooperation-section .below .sub-row {
	margin-top:40px;
	text-align:center
}
.homepage-content .support-section>div {
	width:1200px;
	margin:0 auto;
	padding:50px 0 48px
}
.homepage-content .support-section .section-header {
	padding-top:54px;
	background-image:url(./images/letter-p1.png)
}
.homepage-content .support-section .support-content {
	height:620px;
	background:url(./images/img_home06.png) no-repeat center
}
.homepage-content .article-section>div {
	width:1200px;
	margin:0 auto;
	padding:40px 0 78px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.homepage-content .article-section .block-header {
	height:48px;
	border-bottom:1px solid #00479d;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center
}
.homepage-content .article-section .block-header h3 {
	font-size:24px;
	font-weight:normal
}
.homepage-content .article-section .block-header a {
	padding-right:28px;
	color:#07569f;
	font-size:14px;
	background:url(./images/icon_right02.png) no-repeat right
}
.homepage-content .article-section .block-l {
	width:782px
}
.homepage-content .article-section .block-r {
	width:365px
}
.homepage-content .article-section .block-r .block-header {
	border-color:#f4a019
}
.homepage-content .article-section .block-inner {
	padding-top:30px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex
}
.homepage-content .article-section .box {
	position:relative;
	width:370px;
	height:278px;
	margin-right:44px;
	overflow:hidden;
	flex-shrink:0
}
.homepage-content .article-section .box>img {
	width:100%;
	height:100%
}
.homepage-content .article-section .box .caption {
	height:67px;
	background:#f4a019;
	filter:alpha(Opacity=93);
	opacity:.93;
	position:absolute;
	left:0;
	right:0;
	bottom:0
}
.homepage-content .article-section .box .caption>a {
	height:100%;
	padding:0 10px;
	color:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex
}
.homepage-content .article-section .box .caption>a .col-l {
	width:50px;
	margin-right:22px;
	text-align:center
}
.homepage-content .article-section .box .caption>a .col-l>span {
	font-size:30px
}
.homepage-content .article-section .box .caption>a .col-l>p {
	font-size:12px
}
.homepage-content .article-section .box .caption>a .col-r {
	width:278px;
	padding-top:6px
}
.homepage-content .article-section .box .caption>a .col-r h4 {
	font-size:18px;
	font-weight:normal;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.homepage-content .article-section .box .caption>a .col-r p {
	margin-top:8px;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.homepage-content .article-section .list ul>li:hover h4,.homepage-content .article-section .list ul>li:hover p,.homepage-content .article-section .list ul>li:hover span {
	color:#07569f
}
.homepage-content .article-section .list ul>li:hover .col-l>img {
	display:block
}
.homepage-content .article-section .list ul>li>a {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex
}
.homepage-content .article-section .list ul>li+li {
	margin-top:16px
}
.homepage-content .article-section .list .col-l {
	position:relative;
	width:80px;
	margin-right:14px;
	color:#999;
	text-align:center
}
.homepage-content .article-section .list .col-l>span {
	font-size:30px
}
.homepage-content .article-section .list .col-l>p {
	font-size:12px
}
.homepage-content .article-section .list .col-l>img {
	display:none;
	position:absolute;
	left:0;
	top:2px;
	z-index:10
}
.homepage-content .article-section .list .col-r {
	width:274px;
	padding-top:6px
}
.homepage-content .article-section .list .col-r h4 {
	font-size:18px;
	font-weight:normal;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.homepage-content .article-section .list .col-r p {
	margin-top:8px;
	color:#999;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.footer {
	background:url(./images/basic/img_feet01.jpg) no-repeat center top/cover
}
.footer a {
	color:#aaa;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.footer a:hover {
	color:#fff
}
.footer .inner {
	width:1200px;
	margin:0 auto;
	padding:46px 0 20px;
	color:#fff
}
.footer .inner .column-block {
	float:left
}
.footer .inner .column-block+.column-block {
	margin-left:68px
}
.footer .inner .column-block h4 {
	margin-bottom:18px;
	font-weight:normal
}
.footer .inner .column-block ul>li {
	font-size:14px;
	line-height:28px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.footer .inner .QRCode-block {
	float:right
}
.footer .inner .QRCode-block .logo {
	width:213px;
	height:80px;
	margin-bottom:10px;
	background:url(./images/basic/feet_logo.png) no-repeat center
}
.footer .inner .QRCode-block .col {
	float:left
}
.footer .inner .QRCode-block .col>p {
	margin-top:10px;
	color:#aaa;
	font-size:12px;
	text-align:center
}
.footer .inner .QRCode-block .col-r {
	margin-left:24px
}
.footer .inner .below {
	margin-top:28px
}
.footer .inner .below h4 {
	margin-bottom:22px;
	font-size:14px;
	font-weight:normal
}
.footer .inner .below .links>a {
	display:inline-block;
	margin-right:20px;
	margin-bottom:12px;
	font-size:12px
}
.footer .bottom {
	border-top:1px solid #F59F18
}
.footer .bottom>div {
	width:1200px;
	height:60px;
	margin:0 auto;
	color:#bbb;
	font-size:12px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center
}
.footer .bottom>div div+div {
	margin-left:42px
}
.footer .bottom a {
	color:#bbb
}
.footer .bottom a:hover {
	color:#fff
}
.elevator-bar {
	width:60px;
	margin-top:-150px;
	position:fixed;
	right:0;
	top:50%;
	z-index:10
}
.elevator-bar li {
	position:relative;
	width:60px;
	height:60px;
	margin-bottom:1px;
	color:#fff;
	text-indent:6px
}
.elevator-bar li:hover a,.elevator-bar li:hover p,.elevator-bar li:hover .tel,.elevator-bar li:hover .ring {
	background-color:#f4a019
}
.elevator-bar li:hover:after {
	background:#fff
}
.elevator-bar li a {
	display:block;
	width:70px;
	height:100%;
	padding-top:36px;
	color:#fff;
	font-size:12px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.elevator-bar .li-tel>p {
	height:100%;
	padding-top:36px;
	color:#fff;
	font-size:12px;
	background:#07569f url("./images/basic/icon_service01.png") no-repeat 17px 6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.elevator-bar .li-QQ:after {
	content:"";
	width:7px;
	height:7px;
	border-radius:50%;
	background:#ffb400;
	position:absolute;
	top:8px;
	left:46px
}
.elevator-bar .li-QQ>a {
	background:#07569f url("./images/basic/icon_service02.png") no-repeat 17px 6px
}
.elevator-bar .li-trial>a {
	background:#07569f url("./images/basic/icon_service03.png") no-repeat 17px 6px
}
.elevator-bar .li-return>a {
	background:#07569f url("./images/basic/icon_service04.png") no-repeat 17px 6px
}
.elevator-bar .tel {
	width:176px;
	height:60px;
	font:24px/60px Arial;
	background-color:#07569f;
	position:absolute;
	left:60px;
	top:0;
	z-index:1
}
.elevator-bar .ring {
	position:absolute;
	top:0;
	width:60px;
	height:60px;
	z-index:-1;
	background-color:#07569f;
	-o-animation:cmcc 2s linear 0s infinite;
	-moz-animation:cmcc 2s linear 0s infinite;
	-webkit-animation:cmcc 2s linear infinite;
	animation:cmcc 2s linear 0s infinite
}
.solution-order-content {
	margin-top:80px
}
.solution-order-content .banner-section>div {
	width:1200px;
	margin:0 auto;
	color:#fff;
	border-top:1px solid transparent
}
.solution-order-content .banner-section h2 {
	margin-top:200px;
	margin-bottom:34px;
	font-size:48px;
	font-weight:normal;
	text-align:center
}
.solution-order-content .banner-section p {
	font-size:18px;
	text-align:center
}
.solution-order-content .banner-section p>span {
	margin:0 16px;
	color:#f4a019
}
.solution-order-content .section-header {
	padding-top:117px;
	margin:50px 0 46px
}
.solution-order-content .ic-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-order-content .ic-section .section-header {
	background:url(../images/solution/tit_f1_01.png) no-repeat center top
}
.solution-order-content .ic-section .section-header p {
	margin-top:20px;
	line-height:24px;
	color:#666;
	font-size:16px;
	text-align:center
}
.solution-order-content .ic-section .ic-content ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.solution-order-content .ic-section .ic-content ul li {
	width:380px;
	height:209px;
	padding:32px;
	border:1px solid #e4e4e4;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.solution-order-content .ic-section .ic-content ul li:hover {
	margin-top:-10px;
	border-color:#fff;
	box-shadow:0 6px 18px 0 rgba(7,86,159,0.11)
}
.solution-order-content .ic-section .ic-content ul li:nth-of-type(1) {
	background:url(../images/solution/icon_f1_01.png) no-repeat 260px 18px
}
.solution-order-content .ic-section .ic-content ul li:nth-of-type(2) {
	background:url(../images/solution/icon_f1_02.png) no-repeat 260px 18px
}
.solution-order-content .ic-section .ic-content ul li:nth-of-type(3) {
	background:url(../images/solution/icon_f1_03.png) no-repeat 260px 18px
}
.solution-order-content .ic-section .ic-content ul li h3 {
	position:relative;
	margin-bottom:60px;
	font-size:24px;
	font-weight:normal
}
.solution-order-content .ic-section .ic-content ul li h3:before {
	content:"";
	width:30px;
	height:2px;
	background:#f4a019;
	position:absolute;
	left:0;
	bottom:-22px
}
.solution-order-content .ic-section .ic-content ul li p {
	line-height:24px;
	color:#666;
	font-size:14px
}
.solution-order-content .mpp-section {
	background-color:#f7f7f7
}
.solution-order-content .mpp-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-order-content .mpp-section .section-header {
	background:url(../images/solution/tit_f1_02.png) no-repeat center top
}
.solution-order-content .mpp-section .above {
	background-color:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex
}
.solution-order-content .mpp-section .above .left {
	width:467px;
	height:323px
}
.solution-order-content .mpp-section .above .left>img {
	width:100%;
	height:100%
}
.solution-order-content .mpp-section .above .right {
	width:calc(100% - 467px);
	padding:30px 30px 30px 46px
}
.solution-order-content .mpp-section .above .right ul li {
	position:relative;
	min-height:40px;
	line-height:24px;
	padding-left:40px;
	font-size:14px
}
.solution-order-content .mpp-section .above .right ul li:before {
	content:"";
	width:25px;
	height:37px;
	background:url(../images/solution/icon_f1_07.png) no-repeat center;
	position:absolute;
	top:2px;
	left:0
}
.solution-order-content .mpp-section .above .right ul li+li {
	margin-top:26px
}
.solution-order-content .mpp-section .below {
	width:1201px;
	height:234px;
	padding-left:168px;
	padding-right:420px;
	background:url(../images/solution/img_f1_02.png) no-repeat center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center
}
.solution-order-content .mpp-section .below>p {
	font-size:14px;
	line-height:30px
}
.solution-order-content .tbs-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-order-content .tbs-section .section-header {
	background:url(../images/solution/tit_f1_03.png) no-repeat center top
}
.solution-order-content .tbs-section .tbs-content .above {
	margin-bottom:40px;
	font-size:24px;
	text-align:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	-moz-align-items:center;
	-o-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.solution-order-content .tbs-section .tbs-content .above>span {
	margin:0 10px;
	color:#666;
	font-size:18px
}
.solution-order-content .tbs-section .tbs-content .above>div {
	width:120px;
	height:1px;
	background-color:#f0f0f0
}
.solution-order-content .tbs-section .tbs-content .above>div:first-child {
	border-right:30px solid #f4a019
}
.solution-order-content .tbs-section .tbs-content .above>div:last-child {
	border-left:30px solid #f4a019
}
.solution-order-content .tbs-section .tbs-content ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.solution-order-content .tbs-section .tbs-content ul li {
	width:320px;
	height:370px;
	padding:24px 20px;
	border:1px solid #e4e4e4;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.solution-order-content .tbs-section .tbs-content ul li:hover {
	margin-top:-10px;
	border-color:#fff;
	box-shadow:0 6px 18px 0 rgba(7,86,159,0.11)
}
.solution-order-content .tbs-section .tbs-content ul li:hover p {
	color:#333
}
.solution-order-content .tbs-section .tbs-content ul li:hover .inner {
	background:linear-gradient(to left,#f4a019,#f4a019) left top no-repeat,linear-gradient(to bottom,#f4a019,#f4a019) left top no-repeat,linear-gradient(to left,#f4a019,#f4a019) right bottom no-repeat,linear-gradient(to left,#f4a019,#f4a019) right bottom no-repeat;
	background-size:26px 1px,1px 26px
}
.solution-order-content .tbs-section .tbs-content ul li p {
	color:#666;
	font-size:16px;
	line-height:30px
}
.solution-order-content .tbs-section .tbs-content ul li .icon-sl-bulb {
	display:block;
	width:82px;
	height:82px;
	margin:20px auto 0;
	background:url(../images/solution/icon_f1_09.png) no-repeat center
}
.solution-order-content .tbs-section .tbs-content ul li .inner {
	width:100%;
	height:100%;
	padding:0 10px;
	border-top:1px solid transparent
}
.solution-order-content .tbs-section .tbs-content ul li .divider {
	width:30px;
	height:2px;
	margin:26px auto 20px;
	background:#f4a019
}
.solution-order-content .bfpb-section {
	background-color:#f7f7f7
}
.solution-order-content .bfpb-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-order-content .bfpb-section .section-header {
	background:url(../images/solution/tit_f1_04.png) no-repeat center top
}
.solution-order-content .ave-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-order-content .ave-section .section-header {
	background:url(../images/solution/tit_f1_05.png) no-repeat center top
}
.solution-order-content .ave-section ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.solution-order-content .ave-section ul li {
	position:relative;
	width:270px;
	height:340px;
	color:#fff
}
.solution-order-content .ave-section ul li:hover p {
	height:150px
}
.solution-order-content .ave-section ul li:hover .inner {
	padding-top:42px
}
.solution-order-content .ave-section ul li:hover .mask {
	background:#002f73;
	filter:alpha(Opacity=60);
	opacity:0.6
}
.solution-order-content .ave-section ul li>img {
	width:100%;
	height:100%
}
.solution-order-content .ave-section p,.solution-order-content .ave-section .inner,.solution-order-content .ave-section .divider,.solution-order-content .ave-section .mask {
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out
}
.solution-order-content .ave-section .mask {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.solution-order-content .ave-section .icon-ave-1 {
	background:url(../images/solution/icon_f1_11.png) no-repeat center
}
.solution-order-content .ave-section .icon-ave-2 {
	background:url(../images/solution/icon_f1_12.png) no-repeat center
}
.solution-order-content .ave-section .icon-ave-3 {
	background:url(../images/solution/icon_f1_14.png) no-repeat center
}
.solution-order-content .ave-section .icon-ave-4 {
	background:url(../images/solution/icon_f1_13.png) no-repeat center
}
.solution-order-content .ave-section .divider {
	width:30px;
	height:2px;
	margin:24px auto;
	background:#f4a019
}
.solution-order-content .ave-section .inner {
	padding:106px 34px 0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2
}
.solution-order-content .ave-section .inner>i {
	display:block;
	width:56px;
	height:56px;
	margin:0 auto 12px
}
.solution-order-content .ave-section .inner>p {
	height:56px;
	line-height:30px;
	font-size:16px;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	-webkit-box-align:center;
	-webkit-box-pack:center
}
.solution-service-content .banner-section {
	height:600px;
	background:url(../images/solution/service/banner.png) no-repeat center top/cover
}
.solution-service-content .banner-section .banner-section-info {
	padding:175px 0 0 105px;
	color:#ffffff
}
.solution-service-content .banner-section .banner-section-info .first-child {
	margin:0;
	padding:0;
	line-height:75px;
	color:#ffffff;
	font-weight:400
}
.solution-service-content .banner-section .banner-section-info .second-child {
	line-height:55px;
	padding:0
}
.solution-service-content .banner-section .banner-section-info .second-child span {
	margin:0 10px;
	color:#f4a019
}
.solution-service-content .banner-section .banner-section-info a.btn-oval {
	margin-top:20px;
	padding:0 28px;
	background-image:none
}
.solution-service-content .industry-section .p-bg-header {
	margin:50px 0 38px 0;
	background-image:url("../images/solution/service/tit_f3_01.png")
}
.solution-service-content .industry-section .introduce {
	color:#666666
}
.solution-service-content .industry-section .introduce p {
	text-align:center;
	line-height:24px;
	font-size:16px
}
.solution-service-content .industry-section .card {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between;
	margin-top:30px
}
.solution-service-content .industry-section .card .card-item {
	width:310px;
	height:200px;
	padding:40px 35px;
	margin-bottom:30px;
	border:1px solid #e4e4e4;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.solution-service-content .industry-section .card .card-item .icon {
	display:block;
	width:53px;
	height:53px;
	margin:0 auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%
}
.solution-service-content .industry-section .card .card-item h3 {
	position:relative;
	margin-bottom:20px;
	text-align:center;
	font-size:24px;
	font-weight:400;
	color:#333333;
	line-height:65px
}
.solution-service-content .industry-section .card .card-item h3:before {
	position:absolute;
	display:block;
	content:"";
	left:50%;
	bottom:0;
	width:30px;
	height:2px;
	margin-left:-15px;
	background-color:#f4a019
}
.solution-service-content .industry-section .card .card-item .info {
	font-size:14px;
	font-weight:400;
	color:#333333;
	line-height:24px
}
.solution-service-content .industry-section .card .card-item:hover {
	margin-top:-10px;
	border-color:#ffffff;
	box-shadow:0 4px 20px 0 rgba(38,109,188,0.2)
}
.solution-service-content .application-section {
	padding:50px 0;
	background-color:#f7f7f7
}
.solution-service-content .application-section .p-bg-header {
	margin:0 0 38px 0;
	background-image:url("../images/solution/service/tit_f3_02.png")
}
.solution-service-content .application-section .card {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.solution-service-content .application-section .card .card-item {
	position:relative;
	width:150px;
	height:300px
}
.solution-service-content .application-section .card .card-item .bg-img {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.solution-service-content .application-section .card .card-item .circle {
	position:absolute;
	left:20px;
	top:95px;
	width:110px;
	height:110px;
	opacity:0.6;
	border-radius:50%;
	background:#07569F;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.solution-service-content .application-section .card .card-item p {
	position:absolute;
	top:50%;
	margin-top:-21px;
	height:42px;
	width:100%;
	line-height:42px;
	font-size:18px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#ffffff;
	text-align:center
}
.solution-service-content .application-section .card .card-item:hover .circle {
	opacity:0.8
}
.solution-service-content .application-section .card .card-item:hover .bg-img {
	background-size:120%
}
.solution-service-content .pain-points-section {
	padding:50px 0
}
.solution-service-content .pain-points-section .p-bg-header {
	margin:0 0 38px 0;
	background-image:url("../images/solution/service/tit_f3_03.png")
}
.solution-service-content .pain-points-section .visual-area {
	background-repeat:no-repeat;
	background-position:center
}
.solution-service-content .pain-points-section .card {
	width:315px;
	margin-bottom:107px
}
.solution-service-content .pain-points-section .card:last-child {
	margin-bottom:0px
}
.solution-service-content .pain-points-section .card h3 {
	position:relative;
	padding-bottom:20px;
	font-size:24px;
	font-weight:400;
	color:#333333;
	line-height:30px
}
.solution-service-content .pain-points-section .card h3:before {
	position:absolute;
	display:block;
	content:"";
	bottom:0;
	width:30px;
	height:2px;
	background-color:#f4a019
}
.solution-service-content .pain-points-section .card .info {
	margin-top:20px;
	font-size:14px;
	font-weight:400;
	color:#333333;
	line-height:24px
}
.solution-service-content .best-solution-section {
	padding:50px 0 10px 0;
	background-repeat:no-repeat;
	background-position:center
}
.solution-service-content .best-solution-section .p-bg-header {
	margin:0 0 38px 0;
	background-image:url("../images/solution/service/tit_f3_04.png")
}
.solution-service-content .best-solution-section .card {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.solution-service-content .best-solution-section .card .card-item {
	width:300px;
	height:200px;
	padding:30px;
	margin-bottom:40px;
	border-top:1px solid #ffffff;
	background-color:#ffffff;
	background-image:url("../images/solution/service/icon_f3_07.png");
	background-position:270px 30px;
	background-repeat:no-repeat;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.solution-service-content .best-solution-section .card .card-item h3 {
	position:relative;
	padding-bottom:20px;
	font-size:22px;
	font-weight:400;
	color:#333333;
	line-height:30px
}
.solution-service-content .best-solution-section .card .card-item h3:before {
	position:absolute;
	display:block;
	content:"";
	bottom:0;
	width:30px;
	height:2px;
	background-color:#f4a019
}
.solution-service-content .best-solution-section .card .card-item .info {
	margin-top:20px;
	font-size:14px;
	font-weight:400;
	color:#333333;
	line-height:24px
}
.solution-service-content .best-solution-section .card .card-item:hover {
	margin-top:-10px;
	border-color:#f4a019;
	box-shadow:0 4px 20px 0 rgba(38,109,188,0.2)
}
.solution-service-content .process-section {
	padding:50px 0
}
.solution-service-content .process-section .p-bg-header {
	margin:0 0 38px 0;
	background-image:url("../images/solution/service/tit_f3_05.png")
}
.solution-service-content .process-section .img {
	height:607px;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center
}
.solution-service-content .role-section {
	padding:50px 0;
	background-color:#f7f7f7
}
.solution-service-content .role-section .p-bg-header {
	margin:0 0 38px 0;
	background-image:url("../images/solution/service/tit_f3_06.png")
}
.solution-service-content .role-section .visual-area {
	position:relative;
	background-color:#ffffff
}
.solution-service-content .role-section .visual-area .tab-box {
	width:200px;
	height:600px
}
.solution-service-content .role-section .visual-area .tab-box .tab-item {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:25%;
	padding-top:50px;
	text-align:center;
	border-top:1px solid #E4E4E4;
	cursor:pointer
}
.solution-service-content .role-section .visual-area .tab-box .tab-item:first-child {
	border:none
}
.solution-service-content .role-section .visual-area .tab-box .tab-item h4 {
	font-size:22px;
	font-weight:400;
	color:#333333;
	line-height:30px
}
.solution-service-content .role-section .visual-area .tab-box .tab-item p {
	font-size:16px;
	font-weight:400;
	color:#666666;
	line-height:30px
}
.solution-service-content .role-section .visual-area .tab-box .tab-item.active {
	background-color:#f4a019
}
.solution-service-content .role-section .visual-area .tab-box .tab-item.active h4,.solution-service-content .role-section .visual-area .tab-box .tab-item.active p {
	color:#ffffff
}
.solution-service-content .role-section .visual-area .content-box {
	position:absolute;
	left:200px;
	top:0;
	right:0;
	bottom:0;
	border-left:1px solid #E4E4E4
}
.solution-service-content .role-section .visual-area .content-box .content-item {
	display:none;
	padding:60px 60px 0 60px;
	-o-animation:fadeIn .5s ease-in;
	-ms-animation:fadeIn .5s ease-in;
	-moz-animation:fadeIn .5s ease-in;
	-webkit-animation:fadeIn .5s ease-in;
	animation:fadeIn .5s ease-in
}
.solution-service-content .role-section .visual-area .content-box .content-item.active {
	display:block
}
.solution-service-content .role-section .visual-area .content-box .pic-box-inner {
	position:relative
}
.solution-service-content .role-section .visual-area .content-box .pic-img {
	width:140px;
	height:140px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	border-radius:50%;
	overflow:hidden
}
.solution-service-content .role-section .visual-area .content-box .pic-info {
	font-size:14px;
	font-weight:400;
	color:#333333;
	line-height:20px;
	text-align:center
}
.solution-service-content .role-section .visual-area .content-box .role-info {
	font-size:14px
}
.solution-service-content .role-section .visual-area .content-box .role-info .info-item {
	margin-bottom:30px
}
.solution-service-content .role-section .visual-area .content-box .role-info h5 {
	color:#333333;
	line-height:24px
}
.solution-service-content .role-section .visual-area .content-box .role-info p {
	color:#666666;
	line-height:20px
}
.solution-service-content .role-section .visual-area .content-box .single-role .pic-box {
	margin-bottom:60px
}
.solution-service-content .role-section .visual-area .content-box .single-role .pic-info {
	width:170px;
	left:140px;
	top:50%;
	right:0;
	position:absolute;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.solution-service-content .role-section .visual-area .content-box .multiple-role .role-item {
	margin-bottom:65px
}
.solution-service-content .role-section .visual-area .content-box .multiple-role .pic-box {
	float:left;
	width:140px
}
.solution-service-content .role-section .visual-area .content-box .multiple-role .pic-info {
	margin-top:20px;
	text-align:center
}
.solution-service-content .role-section .visual-area .content-box .multiple-role .role-info {
	margin-left:260px
}
.solution-service-content .role-section .visual-area .content-box .multiple-role .info-item h5 {
	float:left;
	width:125px
}
.solution-service-content .role-section .visual-area .content-box .multiple-role .info-item p {
	margin-left:125px
}
.solution-software-content {
	margin-top:80px
}
.solution-software-content .banner-section>div {
	width:1200px;
	margin:0 auto;
	color:#fff;
	border-top:1px solid transparent
}
.solution-software-content .banner-section h2 {
	margin-top:178px;
	margin-bottom:46px;
	padding-left:100px;
	font-size:48px;
	font-weight:normal
}
.solution-software-content .banner-section p {
	padding-left:100px;
	font-size:18px
}
.solution-software-content .banner-section p+p {
	margin-top:14px
}
.solution-software-content .banner-section p>span {
	margin:0 16px;
	color:#f4a019
}
.solution-software-content .section-header {
	padding-top:117px;
	margin:50px 0 46px
}
.solution-software-content .rnd-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-software-content .rnd-section .section-header {
	background:url(../images/solution/tit_f2_01.png) no-repeat center top
}
.solution-software-content .rnd-section .above {
	height:362px;
	padding-top:54px;
	padding-right:577px;
	background:url(../images/solution/img_f2_01.png) no-repeat right center
}
.solution-software-content .rnd-section .above h3 {
	position:relative;
	margin-bottom:40px;
	font-size:24px;
	font-weight:normal
}
.solution-software-content .rnd-section .above h3:before {
	content:"";
	width:30px;
	height:2px;
	background:#f4a019;
	position:absolute;
	left:0;
	bottom:-22px
}
.solution-software-content .rnd-section .above p {
	color:#666;
	font-size:14px;
	line-height:24px
}
.solution-software-content .rnd-section .above p+p {
	margin-top:50px
}
.solution-software-content .rnd-section .below {
	margin-top:20px
}
.solution-software-content .rnd-section .below ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.solution-software-content .rnd-section .below ul li {
	width:380px;
	height:250px;
	padding:32px;
	border:1px solid #e4e4e4;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.solution-software-content .rnd-section .below ul li:hover {
	margin-top:-10px;
	border-color:#fff;
	box-shadow:0 6px 18px 0 rgba(7,86,159,0.11)
}
.solution-software-content .rnd-section .below ul li:nth-of-type(1) {
	background:url(../images/solution/icon_f1_04.png) no-repeat 260px 18px
}
.solution-software-content .rnd-section .below ul li:nth-of-type(2) {
	background:url(../images/solution/icon_f1_06.png) no-repeat 260px 18px
}
.solution-software-content .rnd-section .below ul li:nth-of-type(3) {
	background:url(../images/solution/icon_f1_05.png) no-repeat 260px 18px
}
.solution-software-content .rnd-section .below ul li h3 {
	position:relative;
	margin-bottom:60px;
	font-size:24px;
	font-weight:normal
}
.solution-software-content .rnd-section .below ul li h3:before {
	content:"";
	width:30px;
	height:2px;
	background:#f4a019;
	position:absolute;
	left:0;
	bottom:-22px
}
.solution-software-content .rnd-section .below ul li p {
	line-height:24px;
	color:#666;
	font-size:14px
}
.solution-software-content .tbs-section {
	background-color:#f7f7f7
}
.solution-software-content .tbs-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-software-content .tbs-section .section-header {
	background:url(../images/solution/tit_f2_02.png) no-repeat center top
}
.solution-software-content .tbs-section .tbs-content ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:center;
	justify-content:space-between
}
.solution-software-content .tbs-section .tbs-content ul li {
	width:320px;
	height:370px;
	padding:24px 20px;
	background-color:#fff;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.solution-software-content .tbs-section .tbs-content ul li:hover {
	margin-top:-10px;
	border-color:#fff;
	box-shadow:0 6px 18px 0 rgba(7,86,159,0.11)
}
.solution-software-content .tbs-section .tbs-content ul li:hover p {
	color:#333
}
.solution-software-content .tbs-section .tbs-content ul li:hover .inner {
	background:linear-gradient(to left,#f4a019,#f4a019) left top no-repeat,linear-gradient(to bottom,#f4a019,#f4a019) left top no-repeat,linear-gradient(to left,#f4a019,#f4a019) right bottom no-repeat,linear-gradient(to left,#f4a019,#f4a019) right bottom no-repeat;
	background-size:26px 1px,1px 26px
}
.solution-software-content .tbs-section .tbs-content ul li p {
	color:#666;
	font-size:16px;
	line-height:30px
}
.solution-software-content .tbs-section .tbs-content ul li .icon-sl-bulb {
	display:block;
	width:82px;
	height:82px;
	margin:20px auto 0;
	background:url(../images/solution/icon_f1_09.png) no-repeat center
}
.solution-software-content .tbs-section .tbs-content ul li .inner {
	width:100%;
	height:100%;
	padding:0 10px;
	border-top:1px solid transparent
}
.solution-software-content .tbs-section .tbs-content ul li .divider {
	width:30px;
	height:2px;
	margin:26px auto 20px;
	background:#f4a019
}
.solution-software-content .oba-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-software-content .oba-section .section-header {
	background:url(../images/solution/tit_f2_03.png) no-repeat center top
}
.solution-software-content .oba-section .mrow {
	margin:50px 0 30px
}
.solution-software-content .oba-section .mrow h3 {
	float:left;
	font-size:24px;
	font-weight:normal
}
.solution-software-content .oba-section .mrow h3:first-child {
	margin-left:216px
}
.solution-software-content .oba-section .mrow h3:last-child {
	margin-left:430px
}
.solution-software-content .ave-section {
	background-color:#f7f7f7
}
.solution-software-content .ave-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-software-content .ave-section .section-header {
	background:url(../images/solution/tit_f2_04.png) no-repeat center top
}
.solution-software-content .ave-section .ave-content {
	height:360px;
	padding-right:492px;
	background:url(../images/solution/img_f2_02.png) no-repeat center right
}
.solution-software-content .ave-section .ave-content ul li {
	position:relative;
	line-height:24px;
	padding-left:30px;
	font-size:16px
}
.solution-software-content .ave-section .ave-content ul li:before {
	content:"";
	width:20px;
	height:20px;
	background:url(../images/solution/login_ok.png) no-repeat center;
	position:absolute;
	top:2px;
	left:0
}
.solution-software-content .ave-section .ave-content ul li+li {
	margin-top:40px
}
.solution-software-content .faa-section>div {
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:1px solid transparent
}
.solution-software-content .faa-section .section-header {
	background:url(../images/solution/tit_f2_05.png) no-repeat center top
}
.solution-software-content .faa-section .faa-content ul li {
	float:left
}
.solution-software-content .faa-section .faa-content ul li:nth-of-type(1) .card {
	background:url(../images/solution/img_f2_03.jpg) no-repeat center
}
.solution-software-content .faa-section .faa-content ul li:nth-of-type(2) .card {
	background:url(../images/solution/img_f2_06.jpg) no-repeat center
}
.solution-software-content .faa-section .faa-content ul li:nth-of-type(3) .card {
	background:url(../images/solution/img_f2_04.jpg) no-repeat center
}
.solution-software-content .faa-section .faa-content ul li:nth-of-type(4) .card {
	background:url(../images/solution/img_f2_05.jpg) no-repeat center
}
.solution-software-content .faa-section .faa-content ul li:hover .card {
	padding-top:60px;
	-moz-transform:scale(1.16);
	-ms-transform:scale(1.16);
	-o-transform:scale(1.16);
	-webkit-transform:scale(1.16);
	transform:scale(1.16);
	z-index:10
}
.solution-software-content .faa-section .faa-content ul li:hover .card p {
	height:120px
}
.solution-software-content .faa-section .faa-content ul li:hover:nth-of-type(1) .card {
	background-image:url(../images/solution/img_f2_03a.jpg)
}
.solution-software-content .faa-section .faa-content ul li:hover:nth-of-type(2) .card {
	background-image:url(../images/solution/img_f2_06a.jpg)
}
.solution-software-content .faa-section .faa-content ul li:hover:nth-of-type(3) .card {
	background-image:url(../images/solution/img_f2_04a.jpg)
}
.solution-software-content .faa-section .faa-content ul li:hover:nth-of-type(4) .card {
	background-image:url(../images/solution/img_f2_05a.jpg)
}
.solution-software-content .faa-section .faa-content h3,.solution-software-content .faa-section .faa-content p,.solution-software-content .faa-section .faa-content .card {
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out
}
.solution-software-content .faa-section .faa-content .card {
	position:relative;
	width:300px;
	height:360px;
	padding:154px 30px 0;
	color:#fff
}
.solution-software-content .faa-section .faa-content .card h3 {
	position:relative;
	margin-bottom:50px;
	font-size:24px;
	font-weight:normal
}
.solution-software-content .faa-section .faa-content .card h3:before {
	content:"";
	width:30px;
	height:3px;
	background:#f4a019;
	position:absolute;
	left:0;
	bottom:-22px
}
.solution-software-content .faa-section .faa-content .card p {
	height:48px;
	line-height:24px;
	font-size:14px;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical
}
.p-bg-header {
	padding-top:35px;
	height:117px;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-size:28px;
	color:#333333
}
.banner-section.crm-banner-section {
	height:600px;
	background:url(../images/yopcrm/crm_banner.jpg) no-repeat center top/cover
}
.banner-section .crm-banner-section-info {
	padding-top:120px
}
.banner-section .crm-banner-section-info h2 {
	line-height:60px;
	margin:0
}
.banner-section .crm-banner-section-info h2.first-child {
	padding-left:247px
}
.banner-section .crm-banner-section-info h2.second-child {
	padding-left:301px
}
.banner-section .crm-banner-section-info p {
	padding-left:379px
}
.crm-functional-overview-section .p-bg-header {
	margin:45px 0;
	background-image:url("../images/yopcrm/tit_crm.png")
}
.crm-functional-overview-section .functional-overview-item {
	margin-bottom:50px
}
.crm-functional-overview-section .functional-overview-item .visual-area {
	width:1000px
}
.crm-functional-overview-section .functional-overview-item:last-child {
	margin-bottom:0
}
.crm-functional-overview-section .functional-overview-item.bg-color {
	background-color:#f7f7f7
}
.crm-functional-overview-section .functional-overview-item .visual-area {
	height:453px
}
.crm-functional-overview-section .info-box {
	position:relative;
	width:calc(100% - 542px);
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.crm-functional-overview-section .info-box.float-l .info-box-inner {
	padding:0 10px 0 58px
}
.crm-functional-overview-section .info-box.float-r .info-box-inner {
	padding-left:58px
}
.crm-functional-overview-section .info-box .info-title {
	position:relative;
	line-height:64px;
	color:#333333;
	font-size:24px;
	font-weight:400
}
.crm-functional-overview-section .info-box .info-title:before {
	position:absolute;
	display:block;
	content:"";
	left:0;
	bottom:0;
	width:30px;
	height:2px;
	background-color:#f4a019
}
.crm-functional-overview-section .info-box .info-title-describe {
	margin:14px 0;
	line-height:28px;
	font-size:16px;
	font-weight:400;
	color:#333333
}
.crm-functional-overview-section .info-box .title-describe-detail {
	margin-top:12px;
	font-size:14px
}
.crm-functional-overview-section .info-box .title-describe-detail.float-l {
	margin-right:90px
}
.crm-functional-overview-section .info-box .title-describe-detail>li {
	position:relative;
	padding-left:18px;
	color:#666666;
	line-height:30px
}
.crm-functional-overview-section .info-box .title-describe-detail>li:before {
	position:absolute;
	display:block;
	content:"";
	left:0;
	top:50%;
	margin-top:-4px;
	width:8px;
	height:8px;
	background-color:#07569f
}
.crm-functional-overview-section .info-box .title-describe-detail .lable {
	font-weight:bold
}
.crm-functional-overview-section .img-box {
	position:relative;
	width:542px
}
.crm-functional-overview-section .img-box .img {
	width:542px;
	height:453px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center
}
.crm-functional-overview-section .img-box.float-r .img {
	position:absolute;
	right:0
}
@-webkit-keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(30%,0,0);
	transform:translate3d(30%,0,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@-moz-keyframes fadeInRight {
	from {
	opacity:0;
	-moz-transform:translate3d(30%,0,0);
	transform:translate3d(30%,0,0)
}
to {
	opacity:1;
	-moz-transform:none;
	transform:none
}
}@-ms-keyframes fadeInRight {
	from {
	opacity:0;
	-ms-transform:translate3d(30%,0,0);
	transform:translate3d(30%,0,0)
}
to {
	opacity:1;
	-ms-transform:none;
	transform:none
}
}@-o-keyframes fadeInRight {
	from {
	opacity:0;
	-o-transform:translate3d(30%,0,0);
	transform:translate3d(30%,0,0)
}
to {
	opacity:1;
	-o-transform:none;
	transform:none
}
}@keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(30%,0,0);
	-moz-transform:translate3d(30%,0,0);
	-ms-transform:translate3d(30%,0,0);
	-o-transform:translate3d(30%,0,0);
	transform:translate3d(30%,0,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none
}
}.fade-in-right {
	display:block;
	-webkit-animation:fadeInRight .7s ease-in;
	-moz-animation:fadeInRight .7s ease-in;
	-o-animation:fadeInRight .7s ease-in;
	-ms-animation:fadeInRight .7s ease-in;
	animation:fadeInRight .7s ease-in
}
.banner-section.oa-banner-section {
	height:600px;
	background:url(../images/yopoa/banner.jpg) no-repeat center top/cover
}
.banner-section .oa-banner-section-info {
	text-align:center;
	padding-top:240px
}
.banner-section .oa-banner-section-info h2 {
	padding:0;
	margin:0
}
.banner-section .oa-banner-section-info h3 {
	margin:35px 0 0 0;
	font-size:24px;
	color:#323433;
	font-weight:normal
}
.banner-section .oa-banner-section-info p {
	padding:0;
	margin:15px 0 0 0
}
.oa-management-section {
	overflow:hidden
}
.oa-management-section .p-bg-header {
	margin:50px 0 38px 0;
	background-image:url("../images/yopoa/tit_y01.png")
}
.oa-management-section .tab-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-moz-box;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap
}
.oa-management-section .tab-box .tab-item {
	width:20%
}
.oa-management-section .tab-box .border-box {
	margin:0 auto;
	width:112px;
	height:116px;
	border:1px solid #ffffff;
	color:#333333;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.oa-management-section .tab-box .border-box .icon {
	display:block;
	width:43px;
	height:43px;
	margin:25px auto 15px auto;
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat
}
.oa-management-section .tab-box .border-box .icon-approval {
	background-image:url("../images/yopoa/icon/icon_y11.png")
}
.oa-management-section .tab-box .border-box .icon-attendance {
	background-image:url("../images/yopoa/icon/icon_y02.png")
}
.oa-management-section .tab-box .border-box .icon-account {
	background-image:url("../images/yopoa/icon/icon_y01.png")
}
.oa-management-section .tab-box .border-box .icon-material {
	background-image:url("../images/yopoa/icon/icon_y03.png")
}
.oa-management-section .tab-box .border-box .icon-doc {
	background-image:url("../images/yopoa/icon/icon_y04.png")
}
.oa-management-section .tab-box .border-box .icon-recruit {
	background-image:url("../images/yopoa/icon/icon_y05.png")
}
.oa-management-section .tab-box .border-box .icon-personnel {
	background-image:url("../images/yopoa/icon/icon_y05.png")
}
.oa-management-section .tab-box .border-box .icon-achievements {
	background-image:url("../images/yopoa/icon/icon_y07.png")
}
.oa-management-section .tab-box .border-box .icon-task {
	background-image:url("../images/yopoa/icon/icon_y08.png")
}
.oa-management-section .tab-box .border-box .icon-statement {
	background-image:url("../images/yopoa/icon/icon_y09.png")
}
.oa-management-section .tab-box .border-box.active {
	border-color:#f4a019;
	color:#f4a019;
	font-weight:bold
}
.oa-management-section .tab-box .border-box.active .icon-approval {
	background-image:url("../images/yopoa/icon/icon_y11a.png")
}
.oa-management-section .tab-box .border-box.active .icon-attendance {
	background-image:url("../images/yopoa/icon/icon_y02a.png")
}
.oa-management-section .tab-box .border-box.active .icon-account {
	background-image:url("../images/yopoa/icon/icon_y01a.png")
}
.oa-management-section .tab-box .border-box.active .icon-material {
	background-image:url("../images/yopoa/icon/icon_y03a.png")
}
.oa-management-section .tab-box .border-box.active .icon-doc {
	background-image:url("../images/yopoa/icon/icon_y04a.png")
}
.oa-management-section .tab-box .border-box.active .icon-recruit {
	background-image:url("../images/yopoa/icon/icon_y05a.png")
}
.oa-management-section .tab-box .border-box.active .icon-personnel {
	background-image:url("../images/yopoa/icon/icon_y05a.png")
}
.oa-management-section .tab-box .border-box.active .icon-achievements {
	background-image:url("../images/yopoa/icon/icon_y07a.png")
}
.oa-management-section .tab-box .border-box.active .icon-task {
	background-image:url("../images/yopoa/icon/icon_y08a.png")
}
.oa-management-section .tab-box .border-box.active .icon-statement {
	background-image:url("../images/yopoa/icon/icon_y09a.png")
}
.oa-management-section .content-box {
	height:510px
}
.oa-management-section .content-box .content-item {
	display:none;
	height:100%
}
.oa-management-section .content-box .content-item.active {
	display:block
}
.oa-management-section .content-box .box-l,.oa-management-section .content-box .box-r {
	position:relative;
	height:100%
}
.oa-management-section .content-box .box-l {
	padding-left:63px;
	width:526px
}
.oa-management-section .content-box .box-r {
	width:624px
}
.oa-management-section .content-box .inner {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.oa-management-section .content-box .inner h3 {
	font-size:24px;
	font-weight:400;
	color:#333333;
	line-height:42px
}
.oa-management-section .content-box .inner li {
	position:relative;
	margin-top:35px;
	padding-left:32px
}
.oa-management-section .content-box .inner li:before {
	position:absolute;
	display:block;
	content:"";
	width:20px;
	height:20px;
	left:0;
	top:0;
	background:url("../images/yopoa/login_ok.png")
}
.oa-management-section .content-box .inner li h4 {
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	color:#323232
}
.oa-management-section .content-box .inner li p {
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	color:#666666
}
.oa-management-section .content-box .img {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-214px;
	width:624px;
	height:429px
}
.oa-collaboration-section {
	padding:50px 0;
	background-color:#f7f7f7
}
.oa-collaboration-section .p-bg-header {
	margin:0 0 38px 0;
	background-image:url("../images/yopoa/tit_y02.png")
}
.oa-collaboration-section .swiper-box {
	position:relative;
	padding-top:60px
}
.oa-collaboration-section .swiper-box .swiper-box-inner {
	height:450px;
	width:950px;
	margin:0 auto;
	overflow:hidden
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper {
	height:450px;
	width:1893px;
	left:50%;
	margin-left:-946px
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-container {
	width:100%;
	height:100%
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-slide {
	height:450px;
	text-align:center;
	font-size:18px;
	opacity:0.5;
	transform:scale(0.9);
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-slide .img {
	margin-left:15px;
	width:601px;
	height:428px;
	background-size:100%;
	box-shadow:0px 15px 15px 0px rgba(38,109,188,0.1)
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-slide-prev .img {
	position:absolute;
	right:-481px
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-slide-next .img {
	position:absolute;
	left:-481px
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-slide-active {
	z-index:2
}
.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-slide-active,.oa-collaboration-section .swiper-box .swiper-box-inner .swiper .swiper-slide-duplicate-active {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1)
}
.oa-collaboration-section .swiper-box .swiper-pagination {
	top:0;
	height:16px;
	line-height:16px
}
.oa-collaboration-section .swiper-box .swiper-pagination .swiper-pagination-bullet {
	position:relative;
	padding:0 15px;
	margin:0;
	height:100%;
	width:auto;
	background:none;
	color:#666666;
	font-size:16px;
	opacity:1;
	border-right:1px solid #666666;
	border-radius:0;
	outline:0
}
.oa-collaboration-section .swiper-box .swiper-pagination .swiper-pagination-bullet:last-child {
	border:none
}
.oa-collaboration-section .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	color:#2e97f0
}
.oa-collaboration-section .swiper-box .swiper-button-prev,.oa-collaboration-section .swiper-box .swiper-button-next {
	position:absolute;
	width:34px;
	height:104px;
	margin-top:-52px;
	background-image:url(../images/yopoa/arrows.png);
	background-repeat:no-repeat;
	outline:0
}
.oa-collaboration-section .swiper-box .swiper-button-prev {
	left:40px;
	background-position:0 -104px
}
.oa-collaboration-section .swiper-box .swiper-button-prev:hover {
	background-position:0 -208px
}
.oa-collaboration-section .swiper-box .swiper-button-next {
	right:40px;
	background-position:0 -312px
}
.oa-collaboration-section .swiper-box .swiper-button-next:hover {
	background-position:0 0
}
.oa-collaboration-section .swiper-box .swiper-button-prev:after,.oa-collaboration-section .swiper-box .swiper-button-next:after {
	content:""
}
/*# sourceMappingURL=common.css.map */