body{
	background: #F7F7F7;
}
.about-nav ul li {
    width: 20%;
    height: 70px;
    background: #FFFFFF;
    box-sizing: border-box;
    float: left;
}
.about-nav ul li a .tu-div {
    margin-left: 30%;
}

.chanybj_box{
    overflow: hidden;
    width: 100%;
	padding-bottom: 80px;
}
.chanybj_box .chanybj_div{
    width: 1200px;
    margin: 0 auto;
    height: 300px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-top: 50px;
    background: #fff;
}
.chanybj_box .chanybj_div .left_div{
	
    float: left;
    
}
/* .chanybj_box .chanybj_div .left_div img{ */
	/* width:100%; */
/* } */
.chanybj_box .chanybj_div .right_div{
    
    float: right;
   
}
.chanybj_box .chanybj_div div>img{
    width: 100%;
    height: 100%;
	transition: all 1s;
}
.chanybj_box .chanybj_div .hbg-tu{
   height: 100%;
    padding: 0;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
	position: relative;
    cursor: pointer;
    box-sizing: border-box;
    width: 740px;
    height: 300px;
}
.chanybj_box .chanybj_div>div{height: 495px;} 
.chanybj_box .chanybj_div div h5{
    font-size:24px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(204,204,204,1);
/* margin-top: 140px; */
margin-bottom: 16px;
text-transform:Uppercase;
}
.chanybj_box .chanybj_div>div h4{
    
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #2250E4;
margin-bottom: 30px;
}
.chanybj_box .chanybj_div>div h4 .shuxian{
	    width: 6px;
    height: 27px;
    background: #2250E4;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 3px;
}
.chanybj_box .chanybj_div>div  .neir{
   
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 30px;
overflow : hidden;
text-overflow: ellipsis;
 display: -webkit-box; /* //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示  */
-webkit-line-clamp: 5; /*数字是几就显示几行*/
-webkit-box-orient: vertical;
}
a.more{
    display: block;
    width: 174px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #999999;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    margin-top: 55px;
}
a.more img{
    margin-left: 8px;
}
a.more img:nth-child(2){
    display: none;
}
a.more:hover {
    background: #2250E4;
    color: #fff;
    border: 1px solid #2250E4;
}

a.more:hover img:nth-child(2){
    display: inline-block;
}
a.more:hover img:nth-child(1){
    display: none;
}
.chanybj_box .chanybj_div div.baoner{
   width: calc(100% - 100px);
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.chanybj_box .chanybj_div .hbg-tuleft div.baoner{
    float: right;
}
.chanybj_box .chanybj_div .hbg-tu.hbg-tuleft{
    padding: 100px 60px 0 70px;
}
.chanybj_box .chanybj_div  div.baoner>h4>img{
    margin-right: 10px;
}
.chanybj_box .chanybj_div .ytud-div{
    position: relative;
	width: 460px; height: 300px;
	overflow: hidden;
}
.chanybj_box .chanybj_div .ytud-div .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #001148;
    opacity: 0.5;
    display: none;
}
.chanybj_box .chanybj_div .ytud-div .lianjei{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    display: none;
    background: url(../images/jtcylj.png) no-repeat center center;
    width: 150px;
    height: 115px;
}
.chanybj_box .chanybj_div .ytud-div .lianjei>div{
   text-align: center;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 25px;
    
}

.chanybj_box .chanybj_div .ytud-div:hover .mask{display: block;}
.chanybj_box .chanybj_div .ytud-div:hover .lianjei{display: block;}



.chanybj_box .chanybj_div:hover .ytud-div img{
	transform: scale(1.05);
}


@media screen and (max-width: 1280px){
	.chanybj_box .chanybj_div {
		width: 96%;
		margin: 0 auto;
		height: 300px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		margin-top: 50px;
		background: #fff;
	}
	.chanybj_box .chanybj_div .hbg-tu {
		height: 100%;
		padding: 0;
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		width: 62%;
		height: 300px;
	}
	.chanybj_box .chanybj_div .ytud-div {
		position: relative;
		width: 38%;
		height: 300px;
		overflow: hidden;
	}
}
@media screen and (max-width: 768px){
	.chanybj_box .chanybj_div .hbg-tu {
		height: 100%;
		padding: 0;
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}
	.chanybj_box .chanybj_div .ytud-div {
		position: relative;
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	
	.chanybj_box .chanybj_div {
		width: 96%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		position: unset;
		cursor: pointer;
		margin-top: 50px;
		background: #fff;
	}
	.chanybj_box .chanybj_div .ytud-div {
		position: unset;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.chanybj_box .chanybj_div .hbg-tu {
		height: 100%;
		padding: 0;
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		position: unset;
		cursor: pointer;
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}
	
	.chanybj_box .chanybj_div div.baoner {
		width: 95%;
		height: auto;
		position: unset;
		top: 0;
		left: 0;
		transform: none;
		margin: 0 auto;
	}
	.chanybj_box .chanybj_div .hbg-tu.hbg-tuleft {
		padding: 0;
	}
	.chanybj_box .chanybj_div>div h4 .shuxian {
		width: 6px;
		height: 27px;
		background: #2250E4;
		display: inline-block;
		margin-right: 15px;
		position: relative;
		top: 3px;
		display: none;
	}
	.chanybj_box .chanybj_div>div h4 {
		font-size: 20px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #2250E4;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.chanybj_box .chanybj_div>div .neir {
		font-size: 13px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666666;
		line-height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
}