/*body{
	min-width: 1300px;
}*/
.about-title{
	margin-top:60px;
	position: relative;
	height: 400px;
	padding-top:166px;
}
.about-title-content{
	position: absolute;
	width: 974px;
	height: 130px;
	background: #2005f9;
	color: #fff;
	bottom: -75px;
	left: 50%;
	margin-left: -487px;
	display: flex;
	justify-content: space-around;
}
.about-title-content>div{
	text-align: center;
	padding-top: 20px;
	margin-left: 45px;
}
.about-title-content .content-txt1{
	font-size: 32px;
	font-weight: bold;
}
.about-title-content .content-txt2{
	font-size: 20px;
}
.about-title .img-1{
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	height: 400px;
}
.about-title .text-1{
	font-size: 44px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	font-weight: 600;

}
.about-title .text-2{
	margin:24px 0px 34px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;

}
.about-title .text-3{
	text-align: center;
	font-size: 14px;
	margin-bottom: 18px;
	color: #e4e4e4;
}
.about-title .img-2{
	display: block;
	margin:52px auto 0px;
}
.about-contents{
	margin:94px auto 70px;
	/*padding: 0px 21.78%;*/
	overflow: hidden;
}
.about-contents p{
	/*text-align: center;*/
}
.about-contents .contents-1{
	font-size: 24px;
	color: #2b3145;
	letter-spacing: 2px;
}
.about-contents .contents-2{
	font-size: 18px;
	color: #5a5556;
}
.about-contents .fgx{
	display: block;
	width: 54px;
	border-bottom: 4px solid #2005f9;
	margin: 0px auto 42px;
}
.about-contents .contents-3{
	font-size: 14px;
	color: #828080;
	line-height: 30px;
	max-width: 1200px;
	margin: auto;
}
.about-title-2{
	position: relative;
	height: 873px;
	padding-top:584px;
}
.about-title-2 .img-1 {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 873px;
}
.about-title-2 p{
	text-align: center;
}
.about-title-2 .text-1{
	font-size: 48px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 5px;
}
.about-title-2 .text-1 span{
	color: #ec675b;
}
.about-title-2 .text-2{
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 1px;
}
.about-title-2 .login-we{
	height: 70px;
	width: 220px;
	margin: 50px auto 0px;
	border:2px solid #FFFFFF;
}
.about-title-2 .login-we a{
	display: block;
	height: 70px;
	line-height: 70px;
	width: 220px;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
}
.about-title-2 .login-we img{
	vertical-align: middle;
	margin: auto 10px auto 38px;
}
.about-idea{
	/*height: 200px;*/
	padding:50px 0;
	background-color: #F4F4F4;
}
.about-idea .idea-c{
	width: 1200px;
	/*height: 200px;*/
	margin:auto;
	position: relative;
	left: 50px;
	overflow: hidden;
}
.about-idea .idea-c > div{
	float: left;
	/*height: 200px;*/
	/*line-height: 200px;*/
	/*width: 30%;*/
	margin-right: 70px;
}
.about-idea .idea-c > div > div{
	/*height: 200px;*/
	/*line-height: 200px;*/
	float: left;
	margin-right: 25px;
	color: #666;
	font-size: 14px;
}
.about-idea .idea-c > div > div:nth-of-type(2){
	/*width: 194px;*/
}
.about-idea .idea-c  .yuanjing{
	width: 135px;
}
.about-idea .idea-c .text-c p:nth-of-type(1){
	font-size: 20px;
	margin-bottom: 10px;
}
/*.about-idea .idea-c > div > div:nth-of-type(1){
	width: 60px;
	margin-right: 20px;
}
.about-idea .idea-c > div > div:nth-of-type(1) img{
	vertical-align: middle;
}
.about-idea .idea-c > div > div:nth-of-type(2){
	width: 280px;
}
.about-idea .idea-c .text-c{
	margin-top:80px;
}
.about-idea .idea-c .text-c p:nth-of-type(1){
	line-height: 25px;
	color: #666666;
	font-size: 24px;
}
.about-idea .idea-c .text-c p:nth-of-type(2){
	line-height: 18px;
	color: #898a8a;
	font-size: 12px;
	margin-top:14px;
}*/
.contents-canvas{
	height: 170px;
	margin: 76px auto 0px;
}
.contents-canvas .canvas-c{
	width: 780px;
	height: 170px;
	margin:auto;
	opacity: 0;
}
.contents-canvas .canvas-c > div{
	width: 132px;
	height: 170px;
	float: left;
}
.contents-canvas .canvas-c > div p{
	margin-top:8px;
	text-align: center;
	font-size: 20px;
	color: #2a3044;
	letter-spacing: 2px;
}
.contents-canvas .canvas-c .circliful {
	position: relative;
}
.contents-canvas .canvas-c .circliful .circle-text{
	width: 100%;
	position: absolute;
	text-align: center;
	display: inline-block;
}
.contents-canvas .canvas-c > div:not(:nth-of-type(4)){
	margin-right: 84px;
}
.contents-canvas .canvas-c .circle-text{
	color: #cccccc;
}
.contents-canvas .canvas-c #my-canvas-2 .circle-text{
	color: #ffffff;
}
/*2019-2-20新增*/
.about-width{
	/*width: 920px;*/
	width: 1200px;
}
.txt-align{
	text-align: center;
}
/*官网修改新增*/
.about-title-3{
	background: #F7F7F7;
	padding-top: 70px;
}
.about-title-3 h2,.about-title-4 h2{
	color: #333;
	font-size: 32px;
	text-align: center;
	margin-bottom: 70px;
}
.about-title-3 .about-title-3-content{
	width: 1200px;
	margin:0 auto;
	height: 380px;
	/*background: #fff;*/
}
.about-title-3 .about-title-3-content>div{
	height: 300px;
	padding: 55px 75px 40px;
	background: #fff;
}
.about-title-3 .about-title-3-content>div>div>div{
	color: #666;
	font-size: 20px;
	margin-bottom: 15px;
}
.about-title-3 .about-title-3-content>div li{
	line-height: 2.6;
	font-size: 13px;
}
.about-title-3 .about-title-3-content>div li span{
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #F04E5B;
	border-radius: 50%;
	position: relative;
	left: -10px;
    top: -2px;
}
.about-title-3-time{
	overflow: hidden;
}
#mytabs{
	width: 1200px;
	margin: 0 auto;
}
#mytabs li{
	float: left;
	margin-right: 50px;
	margin: 0px 35px;
}
#mytabs li div{
	padding-top: 20px;
	background-image: url(../image/yuan2.png);
	background-repeat: no-repeat;
	background-position: 50% 0px;
    padding: 20px;
    padding-top: 50px;
    font-size:18px;
}
#mytabs li.active div{
	background-image: url(../image/yuan2active.png);
}
#mytabs li.active a,#mytabs li a:hover,#mytabs li.active a:hover{
	color: #2005f9;
}
.about-title-4{
	padding-top: 70px;
}
.about-title-4 .about-title-4-content{
	width: 1200px;
	margin:0 auto;
	background: #fff;
	position: relative;
}
.about-title-4-content>div{
	overflow: hidden;
	width: 1000px;
	margin:0 auto;
}
.about-title-4-content>div>div{
	float: left;
	width: 200px;
	/*height: 280px;*/
	margin:0 20px;
	text-align: center;
	font-size: 13px;
	color: #666;
	margin-bottom: 40px;
}
@media  screen and (max-width: 1399px) and (min-width:1000px){
.about-width {
    width: 920px;
}
.about-contents{
	margin: 94px auto 0px;
}
.about-title-3 .about-title-3-content{
	width: 920px;
	height: 350px;
}
#mytabs{
	width: 920px;
}
#mytabs li{
	margin-right: 50px;
    margin: 0px 0px;
}
.about-idea .idea-c{
	width: 975px;
}
.about-idea .idea-c > div{
	margin-right: 0px;
}
.about-title-4-content>div{
	width: 960px;
}
}