/* overwrite bootstrap navbar */

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{

	color: #037AFF;

}

.navbar-default .navbar-nav > li > .active{

	color: #037AFF;

}



/*ys-page*/
.text-blue{
	color:#20adfd;
}
.ys-page {}

.ys-page .section-wrapper {
	padding-top: 2.5rem;
	padding-bottom: 2rem;
	border-bottom: solid 1px #e5e5e5;
}

.ys-page .section-content {
	padding: 0;
	width: 100%;
}

.ys-page .section-title {
	text-align: left;
	padding-top: 5rem;
	padding-bottom: 2rem;
	position: relative;
}

.section-title-logo {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.ys-page .section-title h3 {
	margin: 0;
	font-size: 2.75rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.ys-page .section-title h5 {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 0;
	text-align: justify;
}

.ys-page .section-title p {
	font-size: .7em;
	line-height: 1.4;
	margin: 0;
}

.ys-page .section-img-wrapper {
	padding: 3rem 0;
	padding-top: 0;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
}

.ys-page .section-img-wrapper>img {
	width: 100%;
}

.ys-page ul.section-content,
.ys-page ul.ys-list {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1rem;
}

.ys-page ul.section-content>li,
.ys-page ul.ys-list>li {
	padding-left: 0;
	list-style-position: outside;
	font-size: .7rem;
	position: relative;
	margin-bottom: .5rem;
	text-align: justify;
	list-style: none;
}

.ys-page ul.section-content>li:nth-last-child(1) {}

.ys-page ul.section-content>li:before,
.ys-page ul.ys-list>li:before {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #333;
	top: 5px;
	left: -15px;
	content: " ";
}

#page-amp {}

#page-amp .col-left {
	padding-left: 2.5rem;
}

#page-amp .section-title-logo {
	width: 7.625rem;
	height: 2.3rem;
	top: 1rem;
	left: 0;
	background-image: url(../images/amp/amp_logo.png);
}

#page-amp .section-img-wrapper img {
	max-width: 30rem;
}

#page-amp .section-content {
	padding-bottom: 1rem;
}

#page-amp .section-content h5 {
	margin-bottom: 1rem;
	font-size: .9rem;
	color: #0bc77a;
}

#page-adi {}

#page-adi .col-left {
	padding-left: 2.5rem;
}

#page-adi .section-title-logo {
	width: 5.85rem;
	height: 2.575rem;
	top: 1rem;
	left: 0;
	background-image: url(../images/adi/adi_logo.png);
}

.ys-page .section-img-wrapper {
	padding-top: inherit;
	padding: 3rem 1rem;
}

#page-adi .section-img-wrapper img {
	max-width: 28.675rem;
}

#page-saas {}

#page-saas .section-title {
	padding-top: 4.5rem;
	padding-bottom: 1rem;
}

#page-saas .col-left {
	padding-left: 2.5rem;
}

#page-saas .section-title-logo {
	width: 7.625rem;
	height: 2.3rem;
	top: 1rem;
	left: 0;
	background-image: url(../images/saas/pms_logo.png);
}

#page-saas .section-content {
	padding-bottom: 0;
}

#page-saas ul.ys-list {
	margin-bottom: 0;
}

#page-saas .section-content h5 {
	margin-bottom: .5rem;
	font-size: .9rem;
	color: #3ba3da;
}

#saas-comments {
	padding-left: 5%;
	font-size: .7rem;
	position: relative;
	text-align: justify;
}

#saas-comments:before {
	position: absolute;
	display: block;
	content: "*";
	top: 0;
	left: 2px;
}

#page-saas .section-img-wrapper {
	padding-left: 2rem;
	max-width: 52rem;
	width: 150%;
}

#page-value {}

#page-value .section-title {
	padding-top: 1rem;
	text-align: center;
}

#page-value .section-title h5 {
	text-align: center;
}

#page-value .section-title p {
	margin-top: .5rem;
}

#page-value ul.section-content {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 3rem;
}

#page-value ul.section-content>li {
	padding-right: 3rem;
}

#page-value .section-img-wrapper {
	padding: 1rem;
}


/*@media (max-width:1280px){

    #page-saas .section-img-wrapper{padding-left:2rem;width:36rem;}
}

@media (max-width:1100px){

    #page-saas .section-img-wrapper{padding-left:2rem;width:30rem;}
}*/


/*+++++++++++++++++++++++++++++++++++++++++++update by  guoyuan 2017-10-27+++++++++++++++++++++++++++++++*/


/*---------------------page-adi--------------------------------------------*/

#page-adi .section-title h3 {
	font-size: 1.8rem;
	margin-bottom: .6rem;
}

#page-adi ul.section-content>li {
	font-size: .8rem;
	margin-bottom: 0.6rem;
}


/*---------------------page-amp--------------------------------------------*/

/*#page-amp .section-wrapper,
#page-amp .col-right .section-img-wrapper {
	background-color: #eff1f4;
}*/

#page-amp .section-title {
	padding-top: 4.4rem;
	padding-bottom: 1.2rem;
}

#page-amp .section-content h5 {
	font-size: 1.2rem;
	margin-bottom: .5rem;
}

#page-amp ul.ys-list {
	padding-left: 0;
}

#page-amp ul.section-content>li:before,
#page-amp ul.ys-list>li:before {
	display: none;
}

#page-amp .section-content p {
	margin: 0;
}

#page-amp ul.ys-list>li {
	margin-bottom: 0;
	font-size: .8rem;
}

#page-amp .section-content {
	padding-bottom: .8rem;
}


/*---------------------page-value--------------------------------------------*/

#page-value .section-title h3 {
	font-size: 1.8rem;
	margin-bottom: 0.6rem;
}

#page-value .section-title p {
	font-size: .8em;
	margin-top: 2rem;
}
#page-value  ul.section-content>li:before, #page-value  ul.ys-list>li:before{
	display: none;
}
#page-value  ul.section-content>li, #page-value ul.ys-list>li{
	font-size: .8rem;
}
/*---------------------page-saas--------------------------------------------*/

#page-saas .section-title {
	padding-top: 4.4rem;
	padding-bottom: 1.2rem;
}

#page-saas .section-content h5 {
	font-size: 1.2rem;
	margin-bottom: .5rem;
}

#page-saas ul.ys-list {
	padding-left: 0;
}

#page-saas ul.section-content>li:before,
#page-saas ul.ys-list>li:before {
	display: none;
}

#page-saas .section-content p {
	margin: 0;
}

#page-saas ul.ys-list>li {
	margin-bottom: 0;
	font-size: .8rem;
}

#page-saas .section-content {
	padding-bottom: .8rem;
}

/*---------------------page-case--------------------------------------------*/
#page-case{}

#page-case .case-flow{}
#page-case .case-flow img{
	width:100%;
}
#page-case .case-flow-pc{
	display: block;
	margin-top:1.3rem;
}
#page-case .case-flow-mobi{
	display: none;
	margin-top:1rem;
}

#page-case .section-content-pc{
	display: block;
}

#page-case .section-content-mobi{
	display: none;
}

#page-case .section-title{
	padding-top:1rem;
}
#page-case .section-title h3{
	margin-bottom: .2rem;
	font-size:1.8rem;
	line-height:1.6;
	color:#20aeff;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #e2e2e2;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width:1px;
}

#page-case .ys-table{
	table-layout: fixed;
}

#page-case .ys-table>thead{
	background-color: #f0f1f5;
	font-size:.7rem;
}

#page-case .ys-table>tbody{
	font-size:.7rem;
	font-weight:normal;
}

#page-case .ys-table>tbody>tr>td{
	vertical-align: middle;
}

#page-case .cell-padding{
	padding-left:1rem;
	padding-right:1rem;
}

#page-case  .table-title{
	font-size:.9rem;
	color:#20aeff;
}
/*---------------------page-about-us--------------------------------------------*/
#page-about-us{
	/*padding-top:100px;*/
}
#page-about-us .section-title{
	padding-top:1rem;
}
#page-about-us .section-title h3{
	margin-bottom: .2rem;
	font-size:1.8rem;
	line-height:1.6;
	color:#20aeff;
}

#page-about-us .panel-wrapper{
	padding:2.4rem 1.2rem;
	min-height:20rem;
	background-color: #f0f1f5;
}

#page-about-us .panel-header{}
#page-about-us .panel-header .logo{
	background-position: center left;
	background-size:contain;
	background-repeat: no-repeat;
}
#page-about-us .panel-header span{
	display: inline-block;
	margin-top:.6rem;
	font-size:.7rem;
}
#page-about-us .panel-content{
	padding-top:1.5rem;
}

#page-about-us .panel-content h5{
	font-size:.9rem;

}
#page-about-us .col-sm-4{
	padding-right:0;
}
#page-about-us .panel-content ul{
	padding-left:0;
	list-style: none;
}
#page-about-us .panel-content ul>li{
	padding-left:1.45rem;
	line-height: 1.2rem;
	font-size:.7rem;
	position: relative;
	margin-bottom:.3rem;
}
#page-about-us .panel-content ul>li:before{
	display: block;
	content: " ";
	width:.5rem;
	height:.5rem;
	border-radius:.5rem;
	background-color:#333;
	position: absolute;
	top:.35rem;
	left:4px;
}


#logo-ys{
	width:130px;
	height:58px;
	background-image:url(../images/about_us/ys_logo.png);
}
#logo-yl{

	width:103px;
	height:58px;
	background-image:url(../images/about_us/yl_logo.png);
}
#logo-pl{
	width:140px;
	height:58px;
	background-image: url(../images/about_us/pl_logo.png);
}
/*-------------------update end-------------------------------------*/

@media (max-width:900px) {
	.ys-page .section-wrapper {
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-bottom: solid 1px #e5e5e5;
	}
	.ys-page .section-title h5 {
		text-align: justify;
		margin-top: 0;
		font-size: .9rem;
	}
	.ys-page .section-title h3 {
		margin: 0;
		line-height: 1.2;
		font-size: 1.8rem;
		text-align: left;
		margin-bottom: 1.5rem;
	}
	.ys-page .section-title p {
		text-align: left;
		margin-top: 1.5rem;
	}
	.ys-page .section-title {
		text-align: center;
		padding-bottom: 1rem;
	}
	.ys-page .section-img-wrapper {
		padding: 2rem 0;
		background-color: #fff;
	}
	.section-img-pc {
		display: none;
	}
	.section-img-mobile {
		display: block;
	}
	.ys-page ul.section-content,
	.ys-page ul.ys-list {
		padding-top: 1rem;
		padding-bottom: 0;
		list-style: none;
		width: 100%;
		margin: 0 auto;
		padding-left: 5%;
		padding-right: 0;
		background-color: #fff;
	}
	.ys-page ul.section-content>li,
	.ys-page ul.ys-list>li {
		padding-left: 0;
		padding-right: 0;
		list-style-position: outside;
		font-size: .7rem;
		position: relative;
		min-height: inherit;
		margin-bottom: .6rem;
		text-align: justify;
	}
	.ys-page ul.section-content>li:nth-last-child(1),
	.ys-page ul.ys-list>li:nth-last-child(1) {
		padding-right: 0;
	}
	#page-amp .col-left,
	#page-amp .col-right {
		padding-left: 0;
		padding-right: 0;
	}
	#page-amp .section-content {
		padding-bottom: .5rem;
	}
	#page-amp ul.ys-list {
		padding-top: .5rem;
	}
	#page-amp .section-content h5 {
		margin-bottom: .2rem;
	}
	#page-adi .col-left,
	#page-adi .col-right {
		padding-left: 0;
		padding-right: 0;
	}
	#page-adi .section-title h5 {
		text-align: justify
	}
	#page-saas .col-left,
	#page-saas .col-right {
		padding-left: 0;
		padding-right: 0;
	}
	#page-saas .section-content h5 {
		margin-bottom: .2rem;
	}
	#page-saas ul.ys-list {
		padding-top: .5rem;
	}
	#page-value {}
	#page-value .section-title {
		padding-top: 1rem;
		text-align: justify;
	}
	#page-value .section-title h5 {
		text-align: justify;
	}
	#page-value .section-title p {
		margin-top: 1rem;
	}
	#page-value ul.section-content {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
	}
	#page-value ul.section-content>li {
		padding-right: 0
	}
	#page-value .section-img-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width:766px) {
	#page-saas .section-img-wrapper {
		padding-left: 0;
		width: 100%;
	}
}

@media (max-width: 700px) {
	#page-amp .section-content p{font-size:.7rem;}

	#page-amp .section-title h5{margin-top:.6rem;}
	.ys-page .section-title h5{font-size:.7rem;}
	#page-saas .section-content p{font-size:.7rem;}
	#page-value .section-title h3{margin-bottom:1rem;}
	#page-value  ul.section-content>li,
	#page-value .section-title p{font-size:.7rem;}

	#page-about-us .section-title {
		padding-top: 0rem;
	}
	#page-about-us .panel-wrapper{
		min-height: inherit;
		margin-bottom:1rem;
		padding:1.5rem 1.2rem;
	}

	#page-about-us .panel-content{
		padding-top:.8rem;
	}
	#page-about-us .panel-content ul>li{
		padding-left: 1.2rem;
	}
	#page-about-us .panel-content ul>li:before{
		display: block;
		content: " ";
		width:.4rem;
		height:.4rem;
		border-radius:.4rem;
		background-color:#333;
		position: absolute;
		top:.4rem;
		left:4px;
	}

	#page-about-us .col-sm-4 {
		padding-right: 15px;
	}

	/*#page-case*/
	#page-case .section-title {
		padding-top: 0rem;
	}

	#page-case .case-flow-pc{
		display: none;
	}
	#page-case .case-flow-mobi{
		display: block;
	}

	#page-case .section-content-pc{
		display: none;
	}

	#page-case .section-content-mobi{
		display: block;
	}

}
/* api page*/

.api-content{

	/* padding: 0 32px; */

}
.api-section{

	background-color: #F1F2F5;

	/* height: 706px; */

	min-height: 80vh;

	max-height: 85vh;

	margin-bottom: 20px;

	box-sizing: border-box;

	text-align: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.api-section img{

	width: 80px;

	height: 80px;

}

.api-section h3{

	color: #010101;

	font-size: 24px;

	font-weight: 400;

	margin-bottom: 23px;

}

.api-section a{

	color: #2877E3;

	font-size: 16px;

	font-weight: 400;

}

.api-con{

	background-repeat: no-repeat;

	background-size: 90% auto;

	background-position: right bottom;

}

.api-con-1{

	background-image: url(../images/api/api-bg-1.png);

}

.api-con-2{

	background-image: url(../images/api/api-bg-2.png);

}

.api-con-3{

	background-image: url(../images/api/api-bg-3.png);

}

.api-section .section-img-wrapper{

	padding: 8rem 0rem 0em;

	background-color: unset;

}

.api-section .col-right{

	padding: 3rem 0 1rem;

}

.api-section .section-content{

	display: flex;

	justify-content: center;

	flex-direction: column;

	align-items: center;

	padding-top: 1rem;

	padding-bottom: 1.15rem!important;

	margin: 0.5rem 1.5rem;

	background-color: #FFFFFF;

	width: auto;

	position: relative;

}

.api-section .section-content img{

	height: auto;

	width: 80px;

}

.api-section .section-content h3{

	color: #010101;

	font-size: 24px;

}

.api-section .section-content a{

	color: #A4A4A4;

	font-size: 14px;

	text-align: right;

	position: absolute;

	right: 1rem;

	bottom: 0.75rem;

	text-decoration:none

}

.api-section  .section-img-wrapper img{

	max-width: unset!important;

}

.api-section .section-content a:hover,.api-section .section-content a:focus{

	color: #037AFF;

}