/*************arrow-guide*************/
.arrow-guide{
	position: fixed;
	right: 180px;
	bottom: 100px;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: #10c4e7 url(../img/about/arrow-guide.png) center no-repeat;
	background-size: 100%;
	z-index: 999;
	animation: arrowDown 1.5s linear infinite;
	cursor: pointer;
    opacity: 0.85;
}
@keyframes arrowDown{
	0%{margin-bottom: 10px}
	50%{margin-bottom: 0px}
	100%{margin-bottom: 10px}
}
/************banner************/
.banner{
	position: relative;
	width: 100%;
	min-width: 700px;
	min-height: 600px;
    overflow: hidden;
}
.banner1{
	display: flex;
	align-items: center;
	padding-top: 100px;
	/* background: url(../img/about/banner_01.jpg) center no-repeat;
	background-size: cover; */
  	background: #4994e8;
    background: -webkit-linear-gradient(left top, #6eb0fa , #3684de);
    background: -o-linear-gradient(bottom right,  #6eb0fa, #3684de);
    background: -moz-linear-gradient(bottom right,  #6eb0fa, #3684de);
    background: linear-gradient(to bottom right, #6eb0fa , #3684de);
}
.banner2{
	background: url(../img/about/banner_02.jpg) center no-repeat;
	background-size: cover;
}
.banner3{
	background: url(../img/about/banner_03.jpg) center no-repeat;
	background-size: cover;
}
.banner2-wrap{
	width: 85%;
  	max-width: 1480px;
	padding-top: 55px;
	margin: auto;
}
.banner2-title{
	padding-bottom: 30px;
	font-size: 46px;
	color: #fff;
	font-weight: bold;
}
.banner2-content{
	line-height: 40px;
	font-size: 26px;
	color: #fff;
}
.banner3-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -500px;
    width: 1000px;
    height: 360px;
}
.banner3-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 375px;
    height: 270px;
}
.banner3-logo>img{
 	width: 100%; 
}
.banner3-wrap{
	position: absolute;
    top: 0;
    right: 0;
    width: 500px;
}
.banner3-title{
	padding-bottom: 35px;
	font-size: 46px;
	color: #333;
	font-weight: bold;
}
.banner3-content{
	line-height: 50px;
	font-size: 26px;
	color: #333;
}
.banner3-content p span{
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif !important;
    font-weight: 300;
}
/************container************/
.news{
	width: 100%;
}
.title-box{
	width: 100%;
	margin: 40px 0 12px 0;
	overflow: hidden;
}
.title-wrap{
	padding: 0 5px 0 0;
	float: left;
}
.title-wrap>h4{
	margin-bottom: 10px;
	font-size: 30px;
	color: #3a3f5c;
	font-weight: normal;
}
.title-wrap>span{
	line-height: 40px;
	font-size: 24px;
	color: #707070;
}
.title-line{
	width: 25px;
	height: 5px;
	margin-bottom: 10px;
	background: #3A3F5C;
}
.title-more{
	width: 60px;
	height: 20px;
	margin-top: 20px;
	padding-left: 28px;
	background: url(../img/index/title_more.png) center left no-repeat;
	background-size: 17px;
	line-height: 20px;
	color: #3a3f5c;
	font-size: 16px;
	float: right;
}
/*business*/
.business-wrap{
	padding: 10px 0 200px;
}
.business-center{
	position: relative;
	width: 366px;
	height: 366px;
	margin: auto;
	border-radius: 648px;
	box-shadow: 0px 5px 30px #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition-duration: .5s;
}
.business-center>img{
	width: 214px;
}
.business-right{
	position: absolute;
	left: 100%;
	top: 30%;
	margin-left: 38px;
	width: 230px;
	/*display: none;*/
}
.business-bottom{
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 25px 0 0 -138px;
	width: 230px;
	/*display: none;*/
}
.business-left{
	position: absolute;
	right: 100%;
	top: 35%;
	margin-right: 38px;
	width: 200px;
	/*display: none;*/
}
.business-right-head,
.business-bottom-head,
.business-left-head{
	width: 100%;
	height: 35px;
	overflow: hidden;
}
.business-right-icon,
.business-bottom-icon,
.business-left-icon{
	width: 35px;
	height: 35px;
	margin-right: 10px;
	float: left;
}
.business-icon-guanli{
	background: url(../img/about/guanli.png) center no-repeat;
	background-size: 35px;
}
.business-icon-zhineng{
	background: url(../img/about/zhineng.png) center no-repeat;
	background-size: 35px;
}
.business-icon-lianghua{
	background: url(../img/about/lianghualogo.png) center no-repeat;
	background-size: 35px;
}
.business-right-title,
.business-bottom-title,
.business-left-title{
	line-height: 35px;
	font-size: 28px;
	color: #0090f2;
	float: left;
}
.business-right-content,
.business-bottom-content,
.business-left-content{
	padding: 10px 25px;
	margin-top: 10px;
	box-shadow: 0 0 10px #0090f2;
	line-height: 40px;
	color: #3a3f5c;
	font-size: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.business-bottom-icon,
.business-left-icon{
	float: right;
}
.business-bottom-title,
.business-left-title{
	margin-right: 10px;
	float: right;
}

/*opinion*/
.opinion-content{
	margin-top: 20px;
}
.opinion-content>img{
	width: 100%;
}

/*customer*/
.customer-wrap{
	padding-bottom: 60px;
	overflow: hidden;
}
.customer-fl{
	width: 44%;
	float: left;
}
.customer-fr{
	width: 56%;
	padding-left: 10%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.customer-detail{
	margin-top: 30px;
	line-height: 40px;
	font-size: 18px;
	color: #3a3f5c;
}
.customer-count{
	display: flex;
	justify-content: space-around;
	width: 100%;
	padding-top: 50px;
}
.customer-count-column{
	text-align: center;
}
.customer-column-title{
	font-size: 16px;
	color: #C41C37;
}
.customer-column-num{
	font-family: 'Impact';
	font-size: 54px;
	color: #C41C37;
}
.customer-column-num>span{
	font-weight: bold;
}
.customer-column-foot{
	font-size: 10px;
	color: #C41C37;
}
.customer-bar{
	width: 100%;
	overflow: hidden;
}
.customer-bar>li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33%;
	height: 120px;
	float: left;
}

/*chart*/
.chart{
	position: relative;
	width: 85%;
  	max-width: 1480px;
	margin: auto;
	color: #fff;
	overflow: hidden;
}
.chart-up{
	padding: 50px 0;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.chart-down{

}
.chart-up-fl{
    margin-left: 40px;
	float: left;
}
.chart-up-fr{
	float: right;
	overflow: hidden;
}
.chart-up-fl>h2{
	font-size: 62px;
}
.chart-up-column{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 50px;
	float: right;
}
.chart-up-column:nth-child(1){
	width: 142px;
}
.chart-up-column:nth-child(2){
	width: 189px;
}
.chart-up-column:nth-child(3){
	width: 258px;
}
.chart-up-title{
	font-size: 24px;
}
.chart-up-num{
  	padding: 12px 0;
	font-size: 80px;
	font-family: "Impact";
	font-weight: bold;
}
.chart-up-foot{
	font-size: 16px;
}
.chart-up-line{
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	opacity: 0.3;
}
.chart-down-wrap{
	padding: 50px 0;
	overflow: hidden;
}
.chart-down-bar{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 312px;
	float: left;
}
.chart-down-tip{
	font-size: 22px;
}
.chart-down-icon{
	width: 75px;
	height: 55px;
	margin: 15px 0;
}
.chart-icon-user{
	background: url(../img/about/banner_01_user.png) center no-repeat;
	background-size: 51px;
}
.chart-icon-index{
	background: url(../img/about/banner_01_index.png) center no-repeat;
	background-size: 51px;
}
.chart-icon-praise{
	background: url(../img/about/banner_01_praise.png) center no-repeat;
	background-size: 51px;
}
.chart-down-size{
	padding-bottom: 20px;
	font-size: 54px;
	font-family: "Impact";
	overflow: hidden;
}
.chart-down-size>.rise{
	font-size: 16px;
}
.chart-down-size>.num{
	font-family: "Impact";
}
.chart-sign{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 213px;
	height: 141px;
	background: url(../img/about/chart_sign_bg.png) center no-repeat;
	background-size: 100%;
}
.chart-sign>.box1,
.chart-sign>.box2{
	width: 39px;
	height: 0;
	margin: 0 15px;
	overflow: hidden;
}
.chart-sign>.box1 i{
	width: 100%;
	height: 100px;
	background: #fff;
	display: block;
}
.chart-sign>.box2 i{
	width: 100%;
	height: 115px;
	background: url(../img/about/banner_01_percent.png) bottom center no-repeat;
	background-size: 39px 115px;
	display: block;
}
.chart-down-line{
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	opacity: 0.3;
}
@media screen and (max-width:930px){
	.banner1{
		padding-top: 60px;
	}
}
@media screen and (min-width: 1401px) and (max-width: 1680px){
	.chart-up-column:nth-child(3) {
	    width: 228px;
	}
	.chart-up-column {
	    padding: 0 38px;
	}
	.chart-up-fl>h2 {
	    font-size: 52px;
	}
	.chart-up-title {
	    font-size: 22px;
	}
	.chart-up-num {
	    font-size: 66px;
	}
	.chart-down-tip {
	    font-size: 22px;
	}
	.chart-icon-user {
	    background-size: 50px;
	}
	.chart-icon-index {
	    background-size: 40px;
	}
	.chart-icon-praise {
	    background-size: 40px;
	}
	.chart-down-size {
	    padding-bottom: 15px;
	    font-size: 48px;
	}
	.chart-down-icon {
	    width: 60px;
	    height: 50px;
	    margin: 10px 0;
	}
	.chart-down-bar {
	    width: 280px;
	}
	.chart-sign {
	    width: 181px;
	    height: 120px;
	}
	.chart-sign>.box1, .chart-sign>.box2 {
 	    width: 30px;
	}
	.chart-sign>.box1 i{
		height: 90px;
	}
	.chart-sign>.box2 i{
		height: 108px;
	}

	.banner2-title {
	    font-size: 40px;
	}
	.banner2-content {
		line-height: 30px;
	    font-size: 22px;
	}
	.banner3-title{
		font-size: 40px;
	}
	.banner3-content{
		line-height: 50px;
		font-size: 22px;
	}
}
@media screen and (max-width:1400px){
	.chart-up-column:nth-child(3) {
	    width: 208px;
	}
	.chart-up-column {
	    padding: 0 30px;
	}
	.chart-up-fl>h2 {
	    font-size: 36px;
	}
	.chart-up-title {
	    font-size: 20px;
	}
	.chart-up-num {
	    font-size: 50px;
	}
	.chart-down-tip {
	    font-size: 20px;
	}
	.chart-icon-user {
	    background-size: 40px;
	}
	.chart-icon-index {
	    background-size: 40px;
	}
	.chart-icon-praise {
	    background-size: 40px;
	}
	.chart-down-size {
	    padding-bottom: 15px;
	    font-size: 46px;
	}
	.chart-down-icon {
	    width: 60px;
	    height: 50px;
	    margin: 10px 0;
	}
	.chart-down-bar {
	    width: 260px;
	}
	.chart-sign {
	    width: 151px;
	    height: 100px;
	}
	.chart-sign>.box1, .chart-sign>.box2 {
 	    width: 26px;
	}
	.chart-sign>.box1 i{
		height: 80px;
	}
	.chart-sign>.box2 i{
		height: 98px;
	}

	.banner2-title {
	    font-size: 36px;
	}
	.banner2-content {
		line-height: 30px;
	    font-size: 20px;
	}
	.banner3-title{
		font-size: 36px;
	}
	.banner3-content{
		line-height: 50px;
		font-size: 20px;
	}
}
@media screen and (max-width:1040px){
	.chart-up-column:nth-child(3) {
	    width: 118px;
	}
	.chart-up-column:nth-child(2) {
	    width: 119px;
	}
	.chart-up-column:nth-child(1) {
	    width: 112px;
	}
	.chart-down-bar {
	    width: 170px;
	}
}
@media screen and (max-width:1010px){
	.business-center {
	    width: 276px;
	    height: 276px;
	}
	.business-center>img {
	    width: 170px;
	}
	.business-left {
	    top: 20%;
	    width: 190px;
	}
	.business-right {
	    top: 25%;
	    width: 210px;
	}
	.business-bottom {
	    left: 42%;
	    width: 200px;
        margin: 25px 0 0 -78px;
	}
	.business-right-content, .business-bottom-content, .business-left-content {
	    padding: 5px 14px;
	}
}
@media screen and (max-width:910px){
	.business-center {
	    width: 246px;
	    height: 246px;
	}
	.business-center>img {
	    width: 158px;
	}
	.business-left {
	    top: 15%;
	    width: 180px;
	}
	.business-right {
	    top: 20%;
	    width: 200px;
	}
	.business-bottom {
	    left: 50%;
	    width: 190px;
        margin: 20px 0 0 -98px;
	}
	.business-right-content, .business-bottom-content, .business-left-content {
	    padding: 0px 10px;
	}
}
@media screen and (max-width:810px){
	.business-center {
	    width: 206px;
	    height: 206px;
	}
	.business-center>img {
	    width: 124px;
	}
	.business-left {
	    top: 15%;
	    width: 180px;
	    margin-right: 18px;
	}
	.business-right {
	    top: 20%;
	    width: 200px;
        margin-left: 18px;
	}
	.business-bottom {
	    left: 60%;
	    width: 190px;
        margin: 15px 0 0 -118px;
	}
	.business-right-content, .business-bottom-content, .business-left-content {
	    padding: 0px 5px;
	}
}

@media screen and (max-width:1100px){
	.customer-wrap{
		padding-bottom: 55px;
	}
	.customer-fr {
		padding-left: 5%;
	}
}
@media screen and (max-width:1000px){
	.customer-wrap{
		padding-bottom: 50px;
	}
	.customer-fr {
		padding-left: 0;
	}
}
@media screen and (max-width:900px){
	.customer-wrap{
		padding-bottom: 45px;
	}
	.customer-fl {
	    width: 100%;
	}
	.customer-count{
		padding-top: 10px;
	}
	.customer-fr {
	    width: 100%;
	    margin-top: 40px;
		padding-left: 0;
	}
	.customer-bar>li{
		height: 90px;
	}
}

/*title-box*/
@media screen and (max-width: 1100px){
	.title-box {
	    margin: 35px 0 12px 0;
	}
}
@media screen and (max-width: 950px){
	.title-box {
	    margin: 30px 0 12px 0;
	}
}
@media screen and (max-width: 800px){
	.title-box {
	    margin: 25px 0 12px 0;
	}
}