.main{
    padding:20px 0px;
	box-sizing:border-box;
}
.box_l{
    display: inline-block;
    width: 900px;
}
.box_r{
    display: inline-block;
    width: 350px;
	/*border-left:#f1f1f1 1px solid;*/
}
.position{
    color: #333;
}
.position a{
    font-size: 14px;
}
.position span{
    padding: 0 5px;
}


.news_list{}
.news_list .news_ul .news_li{padding:10px;width:341px;overflow: hidden;box-sizing: border-box;float: left;background: #fff;margin-right:12px;margin-bottom: 12px;border-radius: 5px;}
.news_list .news_ul .news_li:nth-child(4n) {margin-right:0px;}
.news_list .news_ul .news_li .news_txt{padding-top: 10px;}
.news_list .news_ul .news_li .news_txt h3{
    font-size:16px;
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
    color:#333;
}
.news_list .news_ul .news_li .news_txt h3{color:#333;font-weight: normal;height: 50px;overflow: hidden;}
.news_list .news_ul .news_li:hover .news_txt h3{color: #e60012;font-weight: normal;}
.news_list .news_ul .news_li .news_txt p{margin-top:10px;font-size:16px;line-height:26px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_list .news_ul .news_li .news_txt .detail{color:#666;margin-top:6px;font-size:14px;}

.news_li .img_box {width:321px;height:200px;overflow:hidden;border-radius: 5px;position: relative;}
.news_li .img_box img{width:321px;height:200px;transition: .3s ease;}
.news_li .img_box img:hover{transform: scale(1.1);transition: .3s ease;}

.news_li .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.4);
            border: 2px solid rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 5;
            transition: all 0.3s ease;
        }
.news_li .img_box:hover .play-btn {
    transform: translate(-50%, -50%) scale(1.1);
    background-color: rgba(0, 0, 0, 0.6);
}
.news_li .play-btn::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
    margin-left: 3px;
}

.tit{
    border-bottom: 1px #eebf60 solid;font-size:20px;position: relative;height: 40px;line-height: 40px;margin-bottom: 20px;
}
.tit::before{
    content: '';
    display: block;
    width: 100px;
    height: 6px; 
    position: absolute;   
    left: 0;
    bottom: -3px;
    background: #eebf60;
    border-radius:3px;
}


.foucebox {position:relative;width:1400px;height:540px;overflow:hidden;margin:20px auto;}
.foucebox .bd { position:relative; float:left;width:1080px;height:540px;overflow:hidden;}
.foucebox .bd img {width:1080px;height:540px;}
.foucebox .hd {position:relative; width:310px; float:right;z-index:1; }
.foucebox .hd ul { position:relative; width:310px; overflow:hidden;   }
.foucebox .hd li { height:174px;overflow:hidden;border:1px solid #fff;margin-bottom: 6px;}
.foucebox .hd img {width:310px;height:174px; display:block;  }
.foucebox .hd .on {border:1px solid #f00;}
.foucebox .hd .img_box {width:310px;height:174px;overflow:hidden;position: relative;}
.foucebox .hd .img_box img{width:310px;height:174px;transition: .3s ease;}
.foucebox .hd .img_box img:hover{transform: scale(1.1);transition: .3s ease;}

.foucebox .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.4);
            border: 4px solid rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 5;
            transition: all 0.3s ease;
        }
.foucebox li:hover .play-btn {
    transform: translate(-50%, -50%) scale(1.1);
    background-color: rgba(0, 0, 0, 0.6);
}
.foucebox .play-btn::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
.foucebox .video_box {
    display: none;
    position: absolute;
    top: 0;
    z-index: 9999;
    left: 0;
    width: 1080px;
    height: 310px;
}
.foucebox video {background: #000;}

.foucebox .video_close {
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 10px;
    right: 7px;
    border-radius: 50%;
    cursor: pointer
}

.foucebox .video_close::before,.foucebox .video_close::after {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 50%;
    width: 1px;
    background: #fff
}

.foucebox .video_close::before {
    transform: rotate(45deg)
}

.foucebox .video_close::after {
    transform: rotate(-45deg)
}

.video_cont {display: none;}

.pages{margin:30px 0px;text-align: center;}
.pages li{border:1px solid #ccc;display: inline-block;margin:0 5px;border-radius: 3px;}
.pages li a{padding:5px 15px;display: inline-block;font-size: 14px;}
.pages li.page-active{background: #bf0000;border:1px solid #bf0000;color:#fff;}
.pages li:hover{background: #bf0000;border:1px solid #bf0000;color:#fff;}
.pages li.page-active a{color:#fff;}
.pages li:hover a{color:#fff;}
.pages .dian {font-size: 14px;padding: 5px 15px;}

/*定义竖屏 css*/
@media screen and (orientation:portrait) {
    body {width: 1400px;}
}