
.clear{clear: both}
a{cursor: pointer}
.postit{   height: 20px;
    font-size: 14px;
    border-left: 4px solid #007DE4;
    color: gray;
    margin: 12px 0px;
    line-height: 21px;
    padding: 0px 0px 0px 10px;}
.postit a{    color: gray;}
.postit a:last-child{    color:#000000;}

.right{

    border: 1px solid  #e9e8e6;
    float: right;
    background-color: white;

    width: 1198px;
    padding: 0px 0px 40px 0px;
    margin: 0px 0px 30px 0px;}
@media screen and (max-width: 1400px) { .left { display: none !important;   } }

.left{
    padding: 0px 0px 13px 0px;
    border: 1px solid  #e9e8e6;
    background-color: white;
    overflow: hidden;
    position: absolute;
    float: left;
    width: 124px;
    left: -139px;
}
.left>ul{font-size: 14px;
    margin: 20px 0px 10px 0px;}
.left>ul>li{width: 162px;
    height: 31px;}
.left>ul>li>i{
    width: 41px;
    margin: 0px 0px -5px 10px;
    height: 22px;
    display: inline-block;
}
.left>ul>li:nth-child(1)>i{    background: url("../image/company/other.png") no-repeat;
    background-size: 23px 25px;}
.left>ul>li:nth-child(2)>i{ background: url("../image/company/company.png") no-repeat ;
    background-size: 23px 23px;}
.left>ul>li:nth-child(3)>i{ background: url("../image/company/product.png") no-repeat ;
    background-size: 23px 23px;}
.left>ul>li:nth-child(4)>i{ background: url("../image/company/huizhan.png") no-repeat ;
    background-size: 23px 23px;}
.right>ul{    font-size: 14px;
    margin: 0px 0px 0px 27px;
    width: 1144px;}
.right>ul>li{       border-bottom: 1px dashed gainsboro;
    padding: 12px 0px 25px 0px;}
.right_tittle{    color: gray;}
.right_tittle>span>i{    width: 41px;
    margin: 0px 0px -8px 0px;
    height: 31px;
    display: inline-block;}
.right>ul>li:nth-child(1)>.right_tittle>span>i{ background: url("../image/company/other.png") no-repeat;
    background-size: 31px 31px;}
.right>ul>li:nth-child(2)>.right_tittle>span>i{ background: url("../image/company/company.png") no-repeat ;
    background-size: 31px 31px;}
.right>ul>li:nth-child(3)>.right_tittle>span>i{ background: url("../image/company/product.png") no-repeat ;
    background-size: 31px 31px;}
.right>ul>li:nth-child(4)>.right_tittle>span>i{background: url("../image/company/huizhan.png") no-repeat ;
    background-size: 31px 31px;}
.right_tittle>a{    float: right;
    color: #999;
    font-size: 12px;
    margin: 10px 0px 0px 0px;}
.right_content{
    width: 1170px;
    margin: 16px 0px 0px 0px;}

.right_content li{   float: left;
    width: 183px;
    margin: 16px 12px 7px 0px;
    height: 150px;
}
.right_content li>embed{
    width: 179px;
    height: 110px;
    margin: 2px 0px 9px 2px;}

.right_content .video_name{        width: 182px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #007DE4;}
.right_content .video_detail{color: #808080;   }
.right_content .video_detail a{color: #808080;  }
.right_content .video_detail>span:nth-child(1){    float: left;
    font-size: 12px;
    height: 17px;
    overflow: hidden;}
.right_content .video_detail>span:nth-child(2){  float: left;
    margin: 0px 3px 0px 9px;
    height: 17px;
    font-size: 12px;
    width: 61px;
    overflow: hidden;}

