.all{

}
.banner{
	position: relative;
}
.banner img{
	width: 100%;
}
.banner .content{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 22;
	height: 288px;
}
.banner .bannerTxt{
	position: absolute;
}
.banner .bannerTxt p{
	font-size: 75px;
}
.banner .bannerTxt a{
	margin-top: 50px;
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	box-shadow: 0px 1px 4px 0px rgba(237, 91, 57, 0.4);
	border-radius: 20px;
	text-align: center;
	color: #DC6936;
	font-size: 16px;
}
/*  */
.titleView p:nth-of-type(1){color: #E88E24;font-size: 20px;margin-bottom: 20px;}
.titleView p:nth-of-type(2){font-size: 36px;font-weight: 500;color: #343434;}
/*  */
.canDo{
	box-sizing: border-box;
	padding: 70px 0;
}
.canDo .list{
	margin-top: 70px;
}
.canDo .li{
	width: 364px;
	height: 150px;
	background: #E7EEFE;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 10px;
	margin: 20px 0;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	top: 0;
}
.canDo .liTop img{
	width: 64px;
	height: 64px;
	margin-right: 10px;
}
.canDo .liTop img:nth-of-type(2){
	display: none;
}
.canDo .liTop p{
	color: #303133;
	font-size: 24px;
}
.canDo .liTxt{
	color: #606266;
	line-height: 20px;
	height: 60px;
	box-sizing: border-box;
	padding-left: 74px;
}
.canDo .li.active{
	background: #4471FE;
	box-shadow: 0px 5px 16px 0px rgba(0, 62, 255, 0.78);
	top: -30px;
}
.canDo .li.active p{
	color: #fff !important;
}
.canDo .li.active img:nth-of-type(1){
	display: none;
}
.canDo .li.active img:nth-of-type(2){
	display: block;
}
/*  */
.advantage{
	box-sizing: border-box;
	padding: 70px 0;
	background: url(../img/index_bg.png) bottom center no-repeat;
	background-size: cover;
	background-color: #F9F9F9;
}
.advantage .aContent{
	box-sizing: border-box;
	padding: 70px 0;
}
.advantage .tabs .tabLi{
	width: 581px;
	height: 150px;
	background: #FFFFFF;
	border-radius: 10px;
	margin: 30px 0;
	box-sizing: border-box;
	padding: 30px 20px;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
}
.advantage .tabs .tabLi .icon{
	width: 48px;
	height: 48px;
	background: url(../img/right_green.png) center no-repeat;
	background-size: 12px 19px;
	background-color: #DCF5E3;
	border-radius: 50%;
	margin-right: 20px;
}
.advantage .tabs .tabLi .txt{
	width: calc(100% - 68px);
}
.advantage .tabs .tabLi .txt p:nth-of-type(1){
	margin-bottom: 10px;
}
.advantage .tabs .tabLi:hover{
	background-color: #4471FE;
}
.advantage .tabs .tabLi:hover p{
	color: #fff !important;
}
.advantage .tabs .tabLi:hover .icon{
	background: url(../img/right_white.png) center no-repeat;
	background-size: 12px 19px;
	background-color: #093CDB;
}
.advantage .aImg{
	width: calc(100% - 700px);
}
/*  */
.cases{
	box-sizing: border-box;
	padding: 100px 0 80px 0;
	background-color: #F9F9F9;
}
.cases .titleView{
	margin: 0 auto;
	text-align: center;
}
.cases .list{
	margin-top: 50px;
}
.cases .li{
	cursor: pointer;
	margin: 20px;
}
.cases .liDiv{
	max-width: 372px;
	min-width: 350px;
	box-shadow: 0px 0px 27px 0px rgba(193, 193, 193, 0.4);
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	margin: 0 auto;
}
.cases .imgView{
	height: 232px;
	background-color: #D6E2F6;
	overflow: hidden;
}
.cases .imgView img{
	transition: all 0.3s;
	transform: scale(1);
    width: 100%;
    height: 100%;
}
.cases .liTxt{
	box-sizing: border-box;
	padding: 15px 10px;
	border-bottom: 1px solid #CCCCCC;
}
.cases .liTxt .name{
	margin-bottom: 5px;
}
.cases .liBottom{
	height: 40px;
	box-sizing: border-box;
	padding: 10px;
}
.cases .li:hover img{
	transform: scale(1.1);
}
.cases .moreDiv{
	width: 180px;
	height: 48px;
	border: 1px solid #CCCCCC;
	margin: 100px auto 0 auto;
	cursor: pointer;
	transition: all 0.3s;
}
.cases .moreDiv i{
	width: 20px;
	height: 20px;
	background: url(../img/more.png) center no-repeat;
	background-color: #333333;
	border-radius: 50%;
	margin-left: 6px;
	position: relative;
	left: 0;
}
.cases .moreDiv:hover i{
	left: 5px;
}
/*  */
.transparent{
	box-sizing: border-box;
	padding: 70px 0;
}
.transparent .titleView{
	margin: 0 auto;
	text-align: center;
}
.transparent .list{
	margin-top: 70px;
}
.transparent .list div{
	transition: all 0.3s;
	width: 294px;
	height: 160px;
	background: #FFFFFF;
	margin: 10px;
	overflow: hidden;
}
.transparent .list div img{
	width: 270px;
	height: 111px;
	transform: scale(1);
	transition: all 0.3s;
}
.transparent .list div:hover{
	box-shadow: 0 0 10px #ddd;

}
.transparent .list div:hover img{
	transform: scale(1.1);
}
/*  */
.news{
	background-color: #F9F9F9;
	box-sizing: border-box;
	padding: 100px 0 150px 0;
}
.news .nTop .title p:nth-of-type(1){
	font-size: 43px;
	font-weight: 500;
	color: #2F2F2F;
}
.news .nTop .title p:nth-of-type(2){
	color: #EA9634;
	font-size: 26px;
	margin-left: 30px;
}
.news .nTop a{
	font-size: 18px;
	color: #A1A1A1;
}
.news .nTop img{
	width: 9px;
	height: 15px;
	margin-left: 10px;
}
.news .nContent{
	margin-top: 70px;
}
.news .imgView img{
	width: 600px;
	height: 400px;
}
.news .imgView .ivTxt{
	width: 600px;
	background: #4A86FF;
	box-sizing: border-box;
	padding: 30px 20px;
	margin-top: -10px;
}
.news .imgView .ivTxt p{
	color: #fff;
}
.news .imgView .ivTxt .date{
	width: 110px;
	text-align: center;
	margin-right: 20px;
}
.news .imgView .ivTxt .date p:nth-of-type(1){
	font-size: 46px;
}
.news .imgView .ivTxt .txtView{
	width: calc(100% - 130px);
}
.news .imgView .ivTxt .txtView .txt{
	color: #C8DAFF;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(255,255,255,0.2);
}
.news .list{
	height: 556px;
	width: calc(100% - 650px);
	overflow: hidden;
}
.news .li .baseView{
	height: 78px;
	border-bottom: 1px solid #E7E7E7;
}
.news .li .baseView a{
	width: calc(100% - 100px);
	height: 78px;
	line-height: 78px;
	color: #6C6C6C;
	font-size: 16px;
}
.news .li .baseView p{
	color: #A3A3A3;
	font-size: 16px;
}
.news .li .activeView{
	background: #FFFFFF;
	box-shadow: 0px 2px 9px 0px rgba(82, 82, 82, 0.11);
	border-bottom: 3px solid #4A86FF;
	display: none;
}
.news .li .activeView .txtView{
	box-sizing: border-box;
	padding: 0 30px;
	width: calc(100% - 160px);
}
.news .li .activeView .title{
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #E2E2E2;
}
.news .li .activeView .txt{
	box-sizing: border-box;
	margin: 20px 0;
	color: #9C9C9C;
	font-size: 14px;
	line-height: 22px;
}
.news .li .activeView .date{
	width: 160px;
	text-align: center;
	color: #4A86FF;
}
.news .li .activeView .date p:nth-of-type(1){
	font-size: 46px;
}
.news .li.active .activeView{
	display: flex;
}
.news .li.active .baseView{
	display: none;
}