.banner { 
max-width: 1920px;
height: 360px;
margin: 0 auto;
clear: both;
background: url(../img/1490345108.png) no-repeat center top;
background-size: cover;

}
.main_news {max-width: 1200px;margin: 0 auto;margin-top: 50px;padding-right: 310px;
box-sizing: border-box;position: relative;min-height: 500px;}
.main_news .lef{width: auto;}
.main_news .lef .glob>li{padding-bottom: 0;border-bottom:1px solid #e8e8e8;margin-top: 0px;}
.main_news .lef .glob li dl{width: 100%;
margin-bottom: 20px;
padding-top: 20px;}
.main_news .lef .glob li dt{ background-size: cover;float: left;width: 34.8%;height: 175px;}
.main_news .lef .glob li dd{width: 62.47%;float: right;height: 175px;overflow: hidden;}
.main_news .lef .glob li dl a{display: block;font-size: 12px;color: #666;transition: .2s all ease;}

.main_news .lef .glob li h1{font-size: 20px;color: #333;line-height: 22px;transition: .2s all ease;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;margin-top: 0}
.main_news .lef .glob li h1:hover{color: #987fde}
.main_news .lef dl span{font-size: 12px;color: #999;margin-top: 10px;;display: inline-block;}
.main_news .lef dl i{display: inline-block;font-style: normal;margin-left: 20px;padding: 0px 13px;color: #fff; background-color: #0d97b7;}
.main_news .lef dl p{font-size: 12px;color: #666;line-height: 24px;margin-top: 5px;
margin-bottom: 15px;height: 76px;overflow: hidden;}
.main_news .lef dl a.more:hover{color: #987fde}
.main_news .lef .ajaxdiv{width: 100%;overflow: hidden;}
.main_news .lef .ajaxdiv a{        
display: block;
width: 200px;
height: 34px;
margin: 0 auto;
background: #eee;
color: #8a6a6a;
font-size: 14px;
text-align: center;
line-height: 34px;
margin-top: 40px;
transition: .2s all ease;}

.main_news .lef .ajaxdiv a:hover{
background: #987fde;
color: #fff;
}


.main_news .rig{position: absolute;right: 0px;width: 260px;top: 0px;}
.main_news .rig .part-1 h1{font-size: 24px;color: #555;line-height: 26px;}
.main_news h1{margin-top: 15px}

.main_news .rig .part-1 h2{font-size: 14px;color: #b9b9b9;
margin-top: 5px;
line-height: 16px;
margin-bottom: 20px;}

.main_news .rig .part-1 a:first-of-type{background: url(../img/xwico1.png) no-repeat 5px center;}
.main_news .rig .part-1 a:first-of-type:hover{background: url(../img/xwico1h.png) no-repeat 5px center  #987fde;color: #fff }
.main_news .rig .part-1 a:nth-of-type(2){background: url(../img/xwico2.png) no-repeat 5px center ;}
.main_news .rig .part-1 a:nth-of-type(2):hover{background: url(../img/xwico2h.png) no-repeat 5px center  #987fde;color: #fff}
.main_news .rig .part-1 a{
font-size: 14px;
color: #555;
line-height: 40px;
display: block;
height: 40px;
border-bottom: 1px solid #ece9f4;
box-sizing: border-box;
padding-left: 35px;
transition: .2s all ease;}


.main_news .rig .part-2{margin-top: 40px;}
.main_news .rig .part-2 h1{font-size: 16px;
line-height: 16px;
color: #333;
padding-left: 9px;
border-left: 2px solid #987fde;
box-sizing: border-box;
margin-bottom: 15px;}

.main_news .rig .part-2 h1 a{font-size: 14px;
color: #999;
float: right;
line-height: 20px;
transition: .2s all ease;}

.main_news .rig .part-2 > a{font-size: 13px;
color: #666;
line-height: 32px;
display: block;
width: 260px;
white-space: nowrap;
text-overflow: ellipsis;
transition: .2s all ease;
overflow: hidden;}

.main_news .rig .part-2 a:hover {
color: #987fde;

}

@media screen and (max-width: 1230px){
.main_news {
    max-width: 96%;
}
}
@media screen and (max-width: 1024px){
.main_news {
    padding-right: 0px;
}
.main_news .rig{display: none;}


}
@media screen and (max-width: 750px){
	.banner {
	height: 170px;
	}
}
@media screen and (max-width: 470px){
.main_news .lef li {
    margin-top: 30px;
    margin-bottom: 20px;
}
.main_news .lef .glob li dt{float: none ;width: 100%;}
.main_news .lef .glob li dd{
    float: none;
    width: 100%;
    margin-top: 10px;
 }
}