/*********************************************************************
                              新闻首页
**********************************************************************/
.main{
    background: url(../images/bg.jpg) repeat-y center center;
    background-size: 2560px;
}
.main .m-wrap{
    width:1240px;
    margin:0 auto;
    box-shadow: 0px 4px 8px #444;
    background: #f2f2f2;
}
.main .content{
    margin-top: 29px;
    overflow: hidden;
}
.main .article{
    float: left;
    width: 760px;
}
.main .article .m-banner{
    height: 370px;
    width: 760px;
    border-radius:4px;
    overflow: hidden;
    background: #f2f2f2;
    position:relative;
}
.main .article .m-banner img{
    width: 760px;
}
.main .article .m-banner .prev{
    background:rgba(0,0,0,0.3) url(../images/arrow-left.png) no-repeat center;
    background-size: 14px;
    z-index:999;
    position: absolute;
    top: 50%;
    left:10px;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-repeat:no-repeat;
    background-image: url('../images/arrow-left.png'); 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/arrow-left.png',  sizingMethod='scale');
}
.main .article .m-banner .next{
    background:rgba(0,0,0,0.3) url(../images/arrow-right.png) no-repeat center;
    background-size: 14px;
    z-index:999;
    position: absolute;
    top: 50%;
    right:10px;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-repeat:no-repeat;
    background-image: url('../images/arrow-right.png'); 
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../image/arrow-right.png',  sizingMethod='scale');
}
.main .article .m-banner li{
    position: relative;    
    cursor: pointer;
    box-shadow: 0 0 20px #333;
}
.main .article .m-banner p{
    background: rgba(0,0,0,0.4);
    height: 36px;
    line-height: 36px;
    padding-left: 8px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 15px;
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box;
    box-sizing: border-box;
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}
.main .article .m-banner p:hover{
    text-decoration: underline;
}
.main .aside{
    width: 412px;
    float: right;
    margin-left: 28px;
}
.main .aside .m-news{
    
}
.main .aside .m-news .title{
    color: #fff;
    background: url(../images/m-news.jpg) no-repeat center;
    background-size:cover;
    padding: 20px;
    overflow: hidden;
}
.main .aside .m-news .title h1{
    font-size: 22px;
    padding-left: 12px;
    float: left;
}
.main .aside .m-news .title h2{
    padding: 3px 0 0 10px;
    float: left;
}
.main .aside .m-news .title h3{
    line-height: 30px;
}
.main .aside .m-news .title h4{
    float: left;
}
.main .aside .m-news .title h4 img{
    width:28px;
}
.main .aside .m-news ul{
    padding: 10px 25px;
    border: 1px solid #bfbfbf;
    border-top: none;
}
.main .aside .m-news li{
    overflow: hidden;
    line-height: 40px;
    cursor: pointer;
}
.main .aside .m-news li .move{
    background: -webkit-linear-gradient(#006fcb,#0038a9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#006fcb,#0038a9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#006fcb,#0038a9); /* Firefox 3.6 - 15 */
    background: linear-gradient(#006fcb,#0038a9); /* 标准的语法 */
    float: left;
    height: 8px;
    width: 8px;
    margin: 16px 11px 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fcb', endColorstr='#0038a9',GradientType=0 ); 
}
.main .aside .m-news li .move.cur,.main .aside .m-news li .move.defalut{
    background: -webkit-linear-gradient(#ff4112,#ea0030); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ff4112,#ea0030); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ff4112,#ea0030); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ff4112,#ea0030); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4112', endColorstr='#ea0030',GradientType=0 ); 
}
.main .aside .m-news li .con{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    float: left;
    width: 275px;
}
.main .aside .m-news li .con.cur,.main .aside .m-news li .defalut{
    color: #0072cd;
}
.main .aside .m-news li .time{
    float: right;
    color: #959595;
}
.main .article .head{
    overflow: hidden;
    margin: 40px 0 10px 0;
}
.main .article .head h2{
    float: left;
    height: 28px;
}
.main .article .head h2 img{
    height: 100%;
}
.main .article .head h3{
    float: left;
    color: #0038a9;
    font-size: 25px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 30px 0 18px;
}
.main .article .head h4{
    float: left;
    color: #0072cd;
    width: 90px;
    font-size: 20px;
    border-left: 2px solid #0072cd;
    text-align: center;
    line-height: 28px;
}
.main .article .head .more{
    float: right;
    font-size: 17px;
    padding-right: 24px;
    line-height: 28px;
    cursor: pointer;
    color: #323338;
}
.main .article .head .more:hover{
    color: #0072cd;
}
.main .article .line{
    
}
.main .article .line img{
    width: 100%;
}
.main .article .m-comp li{
    overflow: hidden;
    line-height: 40px;
    cursor: pointer;
    padding: 0 20px;
}
.main .article .m-comp li.cur{
    background: url(../images/comp-bg.png) no-repeat;
    background-size:cover; 
}
.main .article .m-comp li .move{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #cfcfcf;
    float: left;
    margin: 15px 11px 0 0;
}
.main .article .m-comp li .move.cur,.main .article .m-comp li .move.defalut{
    border-left-color: #0070cc; 
}
.main .article .m-comp li .con{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    float: left;
    width: 500px;
}
.main .article .m-comp li .con.cur,.main .article .m-comp li .defalut{
    color: #0072cd;
}
.main .article .m-comp li .time{
    float: right;
    color: #959595;
}

.main .article .m-media li{
    overflow: hidden;
    line-height: 40px;
    cursor: pointer;
    padding: 0 20px;
}
.main .article .m-media li.cur{
    background: url(../images/comp-bg.png) no-repeat;
    background-size:cover; 
}
.main .article .m-media li .move{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #cfcfcf;
    float: left;
    margin: 15px 11px 0 0;
}
.main .article .m-media li .move.cur,.main .article .m-media li .move.defalut{
    border-left-color: #0070cc; 
}
.main .article .m-media li .con{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    float: left;
    width: 500px;
}
.main .article .m-media li .con.cur,.main .article .m-media li .defalut{
    color: #0072cd;
}
.main .article .m-media li .con span{
    color: #0072cd;
}
.main .article .m-media li .time{
    float: right;
    color: #959595;
}
.main .article .m-focus .focus{
    float: left;    
    height: 280px;
    width: 280px;
    border-radius:4px;
    overflow: hidden;
    margin-left: 18px;
}
.main .article .m-focus .focus h1{
    display: block;
    height: 138px;
    margin-bottom:4px;
    width:280px;
}
.main .article .m-focus .focus h1 img{
    height:100%;
}
.main .article .m-focus .swiper-slide img{
    width:280px;
}
.main .article .focus{
    
}
.main .article .m-focus .list{
    float: right;
}
.main .article .m-focus li{
    overflow: hidden;
    line-height: 40px;
    cursor: pointer;
}
.main .article .m-focus li.cur{
    background: url(../images/comp-bg.png) no-repeat;
    background-size:cover; 
}
.main .article .m-focus li .move{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #0070cc;
    float: left;
    margin: 15px 11px 0 0;
    transition: all 0.2s ease;
}
.main .article .m-focus li .move.cur,.main .article .m-focus li .move.defalut{
    border-left-color: #f72a1d; 
}
.main .article .m-focus li .con{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    float: left;
    width: 362px;
}
.main .article .m-focus li .con.cur,.main .article .m-focus li .con.defalut{
    color: #0070cc;
}
.main .article .m-focus .swiper-pagination{
    opacity: 0;
}
.main .article .m-focus li .con span{
    color: #0072cd;
}
.main .article .m-focus li .time{
    float: right;
    color: #959595;
    padding-right:20px; 
}
.main .cooper{
    
}
.main .cooper ul{
    overflow: hidden;
    padding: 54px 0 12px 0;
}
.main .cooper li{
    float: left;
    width: 300px;
    height: 117px;
    cursor: pointer;    
}
.main .cooper li img{
    width:300px;
}
.main .aside .m-video{
    margin-top: 14px;  
}
.main .aside .head{
    overflow: hidden;
    background: #dcdcdc;
    padding: 20px;
}
.main .aside .head h2{
    float: left;
}
.main .aside .head h2 img{
    
}
.main .aside .head h3{
    color: #003cac;
    float: left;
    font-size: 22px;
    line-height: 27px;
    padding-left: 13px;
}
.main .aside .head .more{
    float: right;
    color: #0038a9;
    line-height: 27px;
    vertical-align: text-bottom;
    cursor: pointer;
}
.main .aside .m-video .wrap{
    border: 1px solid #c9c9c9;
    border-top:none; 
}
.main .aside .m-video .video{
    width: 355px;
    height: 200px;
    border-radius: 4px;
    overflow: hidden;
    padding-top: 20px;
    margin: 0px auto 10px auto;
}
.main .aside .m-video .video img{
    height: 200px;
    width: 355px;
}
.main .aside .m-video li{
    line-height: 36px;
    overflow: hidden;
    cursor: pointer;
}
.main .aside .m-video li.cur{
    color: #003cac;
}
.main .aside .m-video .list{
    padding-bottom: 12px;
}
.main .aside .m-video .player{
    background: url(../images/icon-player.png) no-repeat;
    background-size:cover;
    height: 20px;
    width: 20px;
    margin: 8px 16px 0 25px;
    float: left;
}
.main .aside .m-video .con{
    float: left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width:320px;
}
.main .aside .m-video .con.cur{
    color: #0072cd;
}
.main .aside .m-paper{
    margin-top: 14px;  
}
.main .aside .m-paper .list{
    border: 1px solid #c9c9c9;
    border-top:none; 
    overflow: hidden;
}
.main .aside .m-paper li{
    float: left;
    margin: 20px 0 0 27px;
}
.main .aside .m-paper li .pic{
    width: 164px;
    height: 228px;
    border: 1px solid #707070;
    border-radius:4px; 
    overflow: hidden;
}
.main .aside .m-paper li .pic img{
    width: 100%;
    height: 100%;
}
.main .aside .m-paper li h1{
    line-height: 48px;
    text-align: center;
}
.main .aside .m-person{
    margin-top: 14px;    
}
.main .aside .m-person .nav{
    background: #dcdcdc;
    position: relative;
}
.main .aside .m-person .icon{
    background: url(../images/icon-people.png) no-repeat;
    background-size:cover;
    height: 28px;
    width: 28px;
    position: absolute;
    left:20px;
    top: 20px;
}
.main .aside .m-person .instr{
    color: #003cac;
    float: left;
    font-size: 22px;
    line-height: 27px;
    padding-left: 13px;
    padding: 20px 0 20px 61px;
}
.main .aside .m-person .nav ul{
    float: right;
}
.main .aside .m-person .nav ul li{
    float: left;
    width: 70px;
    background: #8d8d8d;
    color: #fff;
    line-height: 67px;
    text-align: center;
    font-size: 16px;
    margin-left: 1px;
    position: relative;
    cursor:pointer;
}
.main .aside .person{
    height:306px;
}
.main .aside .m-person .nav ul li.cur{
    background: -webkit-linear-gradient(#006fcb,#0038a9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#006fcb,#0038a9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#006fcb,#0038a9); /* Firefox 3.6 - 15 */
    background: linear-gradient(#006fcb,#0038a9); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fcb', endColorstr='#0038a9',GradientType=0 ); 
}
.main .aside .m-person .nav ul li .cate{
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid #003dac;
    position: absolute;
    bottom: -11px;
    left: 26px;
    display: none;
}
.main .aside .m-person .con{
    border: 1px solid #c9c9c9;
    border-top:none; 
    overflow: hidden;
}
.main .aside .m-person .con li{
    padding: 20px 22px;
    width: 366px;
    height:262px;
}
.main .aside .m-person .decl{
    font-size: 20px;
    font-weight: bold;
    color: #0072cd;
    padding: 14px 0;
    cursor: pointer;
}
.main .aside .m-person .decl:hover{
    color: #ff4112;
}
.main .aside .m-person .from{
    width: 200px;
    float: left;
    text-overflow:ellipsis;
    overflow:hidden;
    max-height: 192px;
    display: none;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical; 
}
.main .aside .m-person .from:hover{
    color: #0072cd;
    cursor: pointer;
}
.main .aside .m-person .images{
    float: right;
    height: 190px;
    width: 100%;
}
.main .aside .m-person .images img{
    width: 100%;    
    height:100%;object-fit: cover;
}
.main .aside .m-person .nav ul li a {
    color: #fff;
}