﻿@charset "UTF-8";
body{
	font-family:MicrosoftYaHei;
}
.about-head-bg{
	height: 450px;
	width: 1920px;
}
.about-head-bg img{
	height: 450px;
	width: 1920px;	
}
.about-nav{
	padding-left: 221px;
	margin-top: 47px;
}
.about-nav li{
	float: left;
	width: 100px;
	line-height: 47px;
	margin-right: 120px;
	font-size:20px;
	color:rgba(51,51,51,1);
	line-height: 47px;
	text-align: center;
}
.about-nav li:hover{
	color:rgba(127,82,60,1) !important;	
	border-bottom: 4px solid rgba(127,82,60,1) !important;
}
.about-nav-active{
	color:rgba(127,82,60,1) !important;	
	border-bottom: 4px solid rgba(127,82,60,1) !important;
}
.about-brand{
	font-size:30px;
	color:rgba(127,82,60,1);
	margin-top: 61px;
	margin-bottom: 30px;
}
.about-joins{
	font-size:30px;
	color:rgba(127,82,60,1);
	margin-top: 244px !important;
	margin-bottom: 30px;
}
.about-brand-content{

}
.about-brandl-img{
	width: 600px;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.about-brandl-img{
	width: 600px;
	height: 400px;
	border: 1px dotted #eee;
}
.about-brandl-img1{
	width: 600px;
	height: 400px;
	position: absolute;
	background: url(cssimg/4.png) no-repeat;
}
.about-brandl-img2{
	width: 600px;
	height: 400px;
	position: absolute;
	background: url(cssimg/5.png) no-repeat;
	margin-left: 200px;
}
.about-brandl-img3{
	width: 600px;
	height: 400px;
	position: absolute;
	margin-left: 400px;
	background: url(cssimg/6.png) no-repeat;
}
/*.about-brand-bigimg{
	position: absolute;
	left: 0px !important;
	z-index: 66 !important;
}*/
/*.about-brandl-img li:hover{
	z-index: 100;
	width: 600px;
	height: 400px;
}
.about-brandl-img li img:hover{
	width: 600px;
	height: 400px;
	left: 0;
}*/
.aout-brandr-img-point{
	margin-top: 33px;
	margin-left: 41px;
}
.aout-brandr-img-point li{
	width:10px;
	height:10px;
	margin-right: 20px;
	background:rgba(68,68,68,1);
	float: left;
	border-radius: 50%;
	-moz-border-radius:50%;
}
.about-brandr-img-pactive{
	background:rgba(127,82,60,1) !important;
}
/*.aout-brandr-img-point li:hover{
	background:rgba(127,82,60,1) !important;
}*/
.about-brandr-text{
	overflow: hidden;
	width: 560px;
	margin-left: 40px;
	height: 380px;
}
.about-brandr-text li{
	height: 260px;
	font-size:16px;
	color:rgba(51,51,51,1);
	line-height:30px;
	float: left;
	margin-top: 39px;
}
.about-tenet{
	margin-top: 79px;
}
.about-tenet-p{
	width:600px;
	font-size:16px;
	font-family:MicrosoftYaHei;
	color:rgba(51,51,51,1);
	line-height:30px;
}
.about-tenet-img{
	width: 500px;
	height: 300px;
	-webkit-box-shadow: -24px -18px #f0f0f0;
	   -moz-box-shadow: -24px -18px #f0f0f0;
	        box-shadow: -24px -18px #f0f0f0;
}
.about-show-img{
	width: 100%;
	height: 427px;
	margin-top: 80px;
	overflow: hidden;
}
.about-img-list{
	width: 5120px;
	height: 427px;
	margin-left: -359px;
}
.about-img-list li{
	width: 640px;
	height: 427px;
	float: left;
}
.about-img-list li img{
	width: 640px;
	height: 427px;
}
.img-opacityl{
	width: 640px;
	height: 427px;
	position: absolute;
	left: -359px;
	top: 0px;
	z-index: 998;
	background-color: #fff;
	opacity: 0.6;
}
.img-opacityr{
	width: 640px;
	height: 427px;
	position: absolute;
	right: -359px;
	top: 0px;
	background-color: #fff;
	opacity: 0.6;
	z-index: 999;
}

/*.about-show-img{
	display: flex;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	margin-top: 80px;
	left: 0;
	justify-content: center;
	-webkit-justify-content:center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
}
.about-show-img img{
	flex: 1;
	-webkit-flex:1;
	-ms-flex:1;
	-moz-flex:1;
}*/

.about-deve{
	width: 100%;
	height:500px;
	background:rgba(250,250,250,1);
}
.about-deve-p{
	padding-top: 55px;
	margin-top: 0px !important;
}
.about-deve-year{
	width: 1200px;
	padding-bottom: 19px;
	border-bottom: 4px solid #444;
	margin-top: 60px;
}
.about-deve-year li{
	width: 200px;
	height: 16px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	color:rgba(51,51,51,1);
	line-height:16px;
	float: left;
	text-align: center;
}
.bout-deve-year li img{
	width: 30px;
	height: 30px;
	margin-left: 85px;
}
.about-deve-noborder{
	border: none !important;
	margin-top: 0px !important;
}
.about-deve-date li p{
	font-size:14px;
	font-family:MicrosoftYaHei;
	color:rgba(51,51,51,1);
	line-height:30px;
}
.about-partnet{
	margin-top: 80px;
}
.about-partnet-list{
	width: auto;
	height: 166px;
	float: left;
}
.about-partnet-list li{
	float: left;
	height: 166px;
}
.about-partnets{
	width: 1200px;
	position: absolute;
	height: 166px;
	overflow: hidden;
}
#demotype{
	width: 800%;
}
#demo1,#demo2{
	float: left !important;
}
.about-partnet-list .about-partnet-item{
	width:256px;
	height:136px;
	background:rgba(250,250,250,1);
	margin-right: 44px;
}
.about-partnet-list .about-partnet-name{
	width:256px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	color:rgba(51,51,51,1);
	text-align: center;
	line-height: 34px;
	height: 34px;
}
/*.about-partnet-item-no-margin{
	margin-right: 0px !important;
}*/
.about-join{
	margin-top: 40px;
}
.about-join li{
	height: 179px;
	line-height: 40px; 
	border-right: 1px solid #ccc;
}
.about-join .about-join1{
	width: 345px;
}
.about-join li p{
	width: 322px;
	text-align: left;
}
.about-join  .about-join-title{
	margin-top: 35px;
	font-size:20px;
	color:rgba(51,51,51,1);
	line-height:18px;
	height: 20px;
}
.about-join  .about-join-text{
	margin-top: 18px;
	font-size:16px;
	color:rgba(102,102,102,1);
	line-height:26px;
}
.about-join .about-join2{
	width: 510px;
}
.about-join .about-join2 p{
	margin-left: 174px;
}
.about-join .about-join3{
	width: 345px;
	border-right: none;
}
.about-join .about-join3 p{
	margin-left: 25px;
}
.about-foot-text{
	width: 1200px;
	font-size:16px;
	color:rgba(102,102,102,1);
	text-align: center;
}
.about-user-inco{
	width: 66px;
	height: 66px;
	margin-top: 58px;
	margin-left: 404px;
	/*border: 1px dotted rgba(127,82,60,1);*/
}
.about-user-info{
	height: 60px;
	border-left: 4px solid rgba(127,82,60,1);
	margin-top: 60px;
	margin-left: 44px;
	margin-bottom: 100px;
}
.about-user-name{
	height:30px;
	font-size:30px;
	color:rgba(127,82,60,1);
	margin-left: 21px;
	line-height: 34px;
}
.about-user-phone{
	font-size:20px;
	color:rgba(127,82,60,1);
	margin-left: 21px;
	line-height: 34px;
}

/******************************关于我们-资讯中心-内容详情页面****************************************/
.ainfos-location{
	margin-top: 61px;
}
.ainfos-location li{
	margin-right: 5px;
	color: #666;
	font-size:20px;
	float: left;
	height:20px;
}
.locating{
	color: #333 !important;
}
.has-subling:after{
	content: ">";
	margin-left: 15px;
}
.ainfos-asidel{
	width: 707px;
}
.ainfos-title{
	height:31px;
	font-size:30px;
	color:rgba(102,102,102,1);
	margin-top: 79px;
	line-height: 34px;
}
.ainfos-time{
	height:13px;
	font-size:16px;
	color:rgba(102,102,102,1);
	margin-top: 51px;
}
.ainfos-p1{
	margin-top: 32px;
	margin-bottom: 54px;
}
.ainfos-p1 p{
	text-align: center;
	font-size:16px;
	color:rgba(51,51,51,1);
	line-height:26px;
}
.ainfos-img1{
	width: 620px;
	height: 334px;
	border: 1px dotted #999;
}
.ainfos-t1{
	height:21px;
	font-size:20px;
	color:rgba(102,102,102,1);
	line-height:38px;
	margin-top: 10px;
	width: 620px;
	text-align: center;
}
.ainfos-t2{
	height:20px;
	font-size:20px;
	color:rgba(51,51,51,1);
	line-height:38px;
	margin-top: 50px;
}
.ainfos-p2{
	margin-top: 21px;
	font-size:16px;
	color:rgba(102,102,102,1);
	line-height:26px;
}
.has-indent{
	text-indent: 2rem;
}
.ainfos-img2{
	border: 1px dotted #999;
	width: 600px;
	height: 784px;
	margin-left: 87px;
	margin-top: 59px;
}
.ainfos-p3{
	margin-top: 79px;
}
.ainfos-p3 p{
	text-align: center;	
	font-size:16px;
	color:rgba(102,102,102,1);
}



.ainfos-asider{
	margin-top: 31px;
	margin-left: 91px;
}
.ainfos-asider h2{
	font-size:30px;
	color:rgba(51,51,51,1);
	line-height:34px;

}
.ainfos-list{
	width:400px;
	height:750px;
	background:rgba(240,240,240,1);
	-moz-border-radius:10px;
	     border-radius:10px;
	margin-bottom: 61px;
	margin-top: 19px;
	padding-top: 29px;
}
.ainfos-list li{
	font-size:16px;
	color:rgba(51,51,51,1);
	margin-left: 35px;
	height: 17px;
	margin-bottom: 29px;
}
.ainfos-label{
	margin-top: 19px;
	width:400px;
	height:220px;
	background:rgba(240,240,240,1);
	-moz-border-radius:10px;
	     border-radius:10px;
	padding-left: 40px;
	padding-top: 30px;
}
.ainfos-label li{
	float: left;
	width:100px;
	height:36px;
	border: 1px solid #333;
	line-height: 36px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 16px;
	color:rgba(51,51,51,1);
}
.ainfos-pre{
	height:17px;
	font-size:16px;
	color:rgba(102,102,102,1);
	line-height:38px;
	text-align: center;
	margin-top: 76px;
}
.ainfos-next{
	height:17px;
	font-size:16px;
	color:rgba(102,102,102,1);
	line-height:38px;
	text-align: center;
	margin-top: 9px;
	margin-bottom: 100px;
}



/************************资讯中心**********************/
.infos-indexl{
	width: 760px;
}
.infos-indexr{
	width:400px;
	margin: 60px 0 40px 0;
}
.infos-index-course{
	height: 280px;
	margin-bottom: 180px;
}
.infos-index-course img{
	width: 400px;
	height: 280px;
	border: 1px dotted #aaa;
	float: left;
}
.infos-index-course-list{
	padding-top: 9px;
	margin-left: 420px;
}
.infos-index-course-list li{
	margin-bottom: 5px;
}
.infos-index-course-list li h2{
	height:30px;
	font-size:23px;
	color:rgba(127,82,60,1);
	line-height:30px;
	overflow:hidden;
	    white-space: nowrap;
	text-overflow:ellipsis;

}
.infos-index-course-list li p{
	margin-top: 9px;
	height:50px;
	font-size:18px;
	color:rgba(51,51,51,1);
	line-height: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.about-news li{
	width:660px;
	height:160px;
	background:rgba(240,240,240,1);
	margin-bottom: 20px;
	position: relative;
}

.about-news li img{
	margin: 20px;
	border:1px solid #aaa;

	height: 120px;
	float: left;
}
.about-news-title{
	margin-top: 30px;
}
.about-news-title h2{
	height:16px;
	font-size:16px;
	color:rgba(51,51,51,1);
	height: 16px;
}
.about-news p{
	margin-top: 9px;
	width:391px;
	font-size:12px;
	color:rgba(102,102,102,1);
}
.about-news-title-time{
	position: absolute;
	left: 566px;
	bottom:20px;
}
.about-news-pages{
	padding-top: 10px;
	margin-bottom: 103px;
	text-align: center;
	margin-left: 60px;
}
.about-news-pages li{
	float: left;
	width: 60px;
	text-align: center;
	font-size:22px;
	color:rgba(102,102,102,1);
}
.pages-active{
	color: #9f9089 !important;
}

.infos-index-hot{
	width:400px;
	background:rgba(240,240,240,1);
	-moz-border-radius:10px;
	     border-radius:10px;
	padding-top: 30px;
}
.infos-index-hot h3{
	width: 340px;
	margin-left: 30px;
	border-left: 1px solid #333;
	line-height: 50px;
	height: 50px;
	padding-left: 20px;
}
.infos-index-hot-list{
	width: 360px;
	margin-left: 20px;
	border-top: 2px solid #ccc;
	padding:40px 20px 20px 10px;
	margin-top: 30px;
}
.infos-index-hot-list li{
	height: 30px;
	line-height: 30px;
	margin-bottom: 30px;

}
.infos-list-inco{
	width:30px;
	height:30px;
	background:rgba(127,82,60,1);
	text-align: 30px;
	line-height: 30px;
	float: left;
	color: #fff;
	text-align: center;
}
.infos-list-text{
	height:20px;
	font-size:20px;
	color:rgba(51,51,51,1);
	float: left;
	margin-left: 9px;
}
.infos-index-label{
	width:400px;
	height:540px;
	background:rgba(240,240,240,1);
	-moz-border-radius:10px;
	     border-radius:10px;
	margin-top: 170px;
}
.infos-index-label h3{
	text-align: center;
	padding-top: 20px;
	font-size:30px;
	color:rgba(51,51,51,1);
}
.infos-index-label ul li{
	width:140px;
	height:40px;
	line-height: 40px;
	border: 1px solid #333;
	margin-left: 40px;
	margin-top: 20px;
	float: left;
	font-size:20px;
	text-align: center;
}