.nav .layui-nav .layui-nav-item a {
    color: #a4a8b8;
}
.topScreen{
	background: url(../images/case-banner.jpg) no-repeat center;
	background-size: cover;
	padding: 60px 0;
}
.topScreen .banWord .banwordTop{
	margin: 120px 0 50px;
}
.topScreen .banWord .banwordTop p.num .bigNum{
	font-size: 90px;
	color: #cbefbd;
	font-weight: 900;
	font-family: SimHei;
}
.topScreen .banWord .banwordTop p.num .smallNum{
	font-size: 24px;
	color: #cbefbd;
	vertical-align: top;
	display: inline-block;
	margin-top: 9px;
}
.topScreen .banWord .banwordTop p.num .word{
	font-size: 20px;
	color: #ffffff;
	margin-left: -5px;
}
.topScreen .banWord .banwordTop p.con{
	font-size: 15px;
	color: #767d92;
}
.topScreen .banWord .banwordTop p.line{
	width: 1px;
	height: 45px;
	margin: 73px 40px 0;
	background-color: #334557;
	vertical-align: bottom;
}
.topScreen .banWord .banwordBot h5{
	font-weight: 100;
	color: #bfcbdf;
	font-size: 15px;
	margin: 50px 0 5px;
}
.topScreen .banWord .banwordBot p{
	font-size: 13px;
	color: #0b3685;
}
h2.titChi{
	margin-bottom: 60px;
}
.caseDiv{
	margin-bottom: 60px;
	padding: 37px 0 60px;
	-webkit-box-shadow:0px 4px 17px #f6f7f8;
	-moz-box-shadow:0px 4px 17px #f6f7f8;
	box-shadow:0px 4px 17px #f6f7f8;
}
.caseDiv:hover{
	-webkit-box-shadow:0px 5px 50px #eff4f9;
	-moz-box-shadow:0px 5px 50px #eff4f9;
	box-shadow:0px 5px 50px #eff4f9;
	transition: all 1s;
}
.caseDiv .fl{
	width: 40%;
	margin: 35px 0 0 3%;
}
.caseDiv .fl h6{
	font-size: 34px;
	color: #333333;
}
.caseDiv .fl p{
	font-size: 16px;
	color: #676767;
	margin: 10px 0;
}
.caseDiv .fl span{
	display: block;
	width: 45px;
	height: 2px;
	background: -webkit-linear-gradient(left, #2c72bc , #59c64a);
	background: -o-linear-gradient(right, #2c72bc, #59c64a);
	background: -moz-linear-gradient(right, #2c72bc, #59c64a);
	background: linear-gradient(to right, #2c72bc , #59c64a); 
}
.caseDiv .fr{
	width: 54%;
	margin-right: 3%;
}
.caseDiv .fr img{
	width: 100%;
}
.promote{
	margin-top: 120px;
}
@media screen and (min-width:1200px) and (max-width:1500px){
	.caseDiv .fl {
	    margin: 12px 0 0 3%;
	}
}
@media screen and (min-width:768px) and (max-width:1200px){
	.caseDiv .fl {
	    margin: 0px 0 0 3%;
	}
}
@media screen and (max-width: 768px){
	.nav .layui-nav .layui-nav-item a {
	    color: #6b6b6b;
	}
	.topScreen .banWord .banwordTop {
	    margin: 0;
	}
	.topScreen .banWord .banwordTop p.num .bigNum {
	    font-size: 38px;
	}
	.topScreen .banWord .banwordTop p.num .smallNum {
	    font-size: 17px;
	    margin-top: 4px;
	}
	.topScreen .banWord .banwordTop p.num .word {
	    font-size: 16px;
	}
	.topScreen .banWord .banwordTop p.con {
	    font-size: 14px;
	    margin-bottom: 8px;
	}
	.topScreen .banWord .banwordTop p.line{
		display: none;
	}
	.topScreen .banWord .banwordBot h5 {
	    font-size: 14px;
	    margin: 30px 0 5px;
	}
	.topScreen {
	    padding: 60px 0 24px;
	}
	h2.titChi {
	    margin-bottom: 30px;
	}
	.caseDiv {
	    margin-bottom: 25px;
	    padding: 30px 0 30px;
	}
	.caseDiv .fl {
	    width: 90%;
	    margin: 0 0 0 5%;
	}
	.caseDiv .fl h6 {
	    font-size: 18px;
	}
	.caseDiv .fl p {
	    font-size: 13px;
	    margin: 8px 0;
	}
	.caseDiv .fr {
	    width: 98%;
	    margin: 20px 1% 0;
	}
	.promote {
	    margin-top: 50px;
	}
	@media screen and (width: 768px){
		.topScreen {
		    padding: 87px 0 24px;
		}
		.topScreen .banWord .banwordTop p.line {
			display: inline-block;
		    margin: 13px 40px 0;
		}
		.caseDiv .fl {
		    width: 40%;
		    margin: 5px 0 0 5%;
		}
		.caseDiv .fr {
		    width: 50%;
		    margin: 0 3% 0 0;
		}
	}
}