﻿



/**wrapper************s*/
.project_leftkj{width: 22%;height: auto;float: right;margin: 42px 0 0 0;}

.leftnav {    width: 200px;
    border: solid 1px #e5e3da;
    margin: 0px auto;}
.leftnav>li{
    border-bottom: solid 1px #e5e3da;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #999;
    line-height: 28px;
    padding-left: 10px;
    background: url(/images/jiantou1.jpg) no-repeat;
    background-position: 95% 50%;
}
.leftnav>li:active{background: url(/images/jiantou.jpg) no-repeat;background-position: 95% 50%;}
.leftnav>li>a{color: #999;}
.leftnav>li:hover>a{ color:#F00;}
.leftnav>li>ul>li>a{ border-bottom: solid 1px #e5e3da;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #999;
    line-height: 28px;
    padding-left: 10px;}
.leftnav>li>ul>li>a:hover{ color:#277fc2;}
.leftnav>li>ul>li>ul>li>a{ background:#b81818;display:block; padding:10px 20px 10px 40px; font-size:12px;  color:#ffffff}
.leftnav>li>ul>li>ul>li>a:hover{ background:#cf1818;}

.leftkjtop{width: 99%;
    height: 45px;
    border-left: 5px solid #007e21;
    line-height: 45px;
    text-align: center;
    background: #ffffff}
.leftkjtop span{    font-size: 25px;
    font-weight: bold;
    float: left;
    margin-left: 25px;}
.tjmsglist li { position:relative; display:block; border-bottom:1px dotted #DCDCDC; padding:3px 5px;}
.tjmsglist li  span{ margin:3px 0 0 5px; color:#be844c; position:absolute; top:0; left:0;}
.tjmsglist li a{ padding: 0 0 0 15px; display:block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;position:relative}



.content_list1,.content_list2,.content_list3 { padding:15px 0; min-height:654px;}
.content_list1 a {width: 67%;height: 36px;float: left;background: #fff;line-height: 36px;border-bottom: 1px dashed #e7eaf1;color: #353535;font-size: 14.5px;display: inline-block;margin-left: 2%}
.content_list1_td{width: 3%;height: 100%;float: left;overflow: hidden;font-size: 10px;color: #C7161E}
.content_list1 a:hover {color: #F00;}
.content_list1 a:hover .content_list1_time{color: #F00;}
.content_list1_time{color: #353535;float: right;margin-right: 15px;font-size: 10px;width: 67px;height:36px;overflow: hidden;}
.content_list2{
    width: 70%;
    margin-right: 4%;
}
.content_list2 li{ width:24%; float:left; margin:20px 0.5% 0px 0.5%}
.content_list2 div{ width:100%; height:180px; border:#ccc 1px solid; overflow:hidden;text-align: center; }
.content_list2 div img{max-width: 100%;max-height: 100%; }
.content_list2 span{ width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; height:40px; display:block; line-height:40px; text-align:center}

.content_list3 li{ border-bottom:#ccc 1px dotted; padding:15px 10px; position:relative;width: 70%;float: left;}
.content_list3 li a div:nth-child(1){width:200px; height:127px; border:#ccc 1px solid ;text-align: center;display:flex;justify-content: center;align-items: Center;text-align: center;}
.content_list3 li a div img{ max-width: 100%;max-height: 100%;  }
.content_list3 span{  top:15px; right:0}

.listcapc{ font-size:14px; position:absolute; width:600px; height:95px; top:55px; left:230px; 	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-indent: 24px; line-height:30px; color:#939393;}


/**********************************************分页***************/
.pagination{text-align: center;margin: 3em 0;}
.pagination ul { list-style: none; padding-left: 0;}
.pagination ul li {padding: 0 10px;vertical-align: top;display: inline-block;font-size: 14px;min-width: 36px;min-height: 28px;line-height: 28px;cursor: pointer;box-sizing:
        border-box;text-align: center;	background-color: #ffffff;color: #606266;border-radius: 6px;margin: 0 3px;border: 1px solid #ebebeb;height: 30px;}
.pagination ul li:hover { transform: scale(1.1);  background-color: #F4F6F8;}
.pagination  li.active { background: #a70000; color: white; cursor: not-allowed;}
.pagination li.disabled { cursor: not-allowed;}
.pagination li.totalPage { background: transparent; cursor: default; border: none; padding: 0 6px;}
.pagination li.totalPage:hover {  transform: none;  background-color: #ffffff;}
.pagination li input {
    -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px;  border: 1px solid #dcdfe6; box-sizing: border-box;  color: #606266;
    display: inline-block;  font-size: inherit;   outline: none;  padding: 3px 5px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 40px;  height: 25px;   margin: 0 6px;
}
.pagination li input:focus{  border-color: #98A6AD;}
.pagination{  user-select: none;}
.pagination ul:nth-child(2){ border-radius: 6px;}
input[type=number] { -moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}


/*********** news *****************/
.project_content{ position:relative; float:left;width: 70%;margin-right: 4%;margin-top: 18px;}
.project_content1{
    width: 100%;
    height: 46px;
    float: left;
    line-height: 46px;
    border-bottom: 1px solid #ccc;
}
.newsbtnav{  font-size:14px; margin: 0 0 15px 0}
.newsbtnav img{ height:14px; margin:0 5px 0 0 }
.newsbtnav span{ float:right}
.newsbtnav input{ height:25px; padding: 0 15px; position:relative; top:-3px;}
.isubmit{ color:#fff; background:#153f84; border:0px }
.newsbt{ font-size:24px;/*overflow:hidden;white-space: nowrap;text-overflow: ellipsis; */width:865px; text-align:center;  line-height:40px; color:#000000; font-weight:bold; margin:10px 0 0 0 }
.newsmsg{ text-align:center; margin:30px 0; font-size:18px;}
.newsmsg span{ margin:0 50px;}
.newshfg{ background:#b52827; height:3px; width:100%;}
.newscontent { font-size:16px; margin:20px; line-height:30px; padding-top: 60px}
.newscontent img { max-width:100%;}

.downloadbtn{ padding:20px; background:#650b0b; color:#FFFFFF; font-weight:bold; -webkit-border-radius: 10px;-moz-border-radius:10px;
border-radius: 10px; font-size:18px; margin:20px;display: inline-block;}
.downloadbtn:hover{background:#c51010; color:#FFFFFF;}
/*********** news *****************/




.listcapbt{width:600px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; height:40px; display:block; line-height:40px; font-size:18px; position:absolute; top:5px; left:230px;}



.listcapbt_span1{ display:block; overflow: hidden;
white-space: nowrap;
font-size:18px;
text-overflow: ellipsis;
float:left;
}

.listcapbt_span2{ display:block; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;float:right; }

.sxpagec {
    text-align: center;
    padding: 10px 0 30px;
}
.sxpagec>span{padding: 7px 12px;background: #ccc;color: #fff; border-radius: 10px;margin: 10px;display: inline-block;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sxpagec>a>span {
    padding: 7px 12px;
    background: #C7161E;
    color: #fff;
    border-radius: 10px;
    margin: 10px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
/*************************自适应********************************/

/*Common For Min_width 1920*/
@media only screen and (min-width: 1920px) {
    /*logo*/

}

/*Common For Min_height 960*/
@media only screen and (max-width: 1920px) and (min-height: 961px) {



}

@media only screen and (max-width: 1200px) {
    .content_list1, .content_list2, .content_list3{
        min-height: auto;
    }
    .pagination{
        margin-top: 1rem;
    }
    .list_info{
        width: 98%;
        margin: 0 1%;
    }
    .project_leftkj{
        display: none;
    }
    .project_content{
        width: 100%;
        margin: 0;
        float: none;
    }
    .project_content1{
        float: none;
    }
    .content_list2{
        width: 100%;
        margin: 0;
    }
    .content_list2 div{
        height: 16rem;
    }

    .list_dh_info{
        display: none;
    }
    .content_list3 li a div:nth-child(1){
        width: 25%;
        height: 17vw;
        text-align: center;
        background: #E5E5E5;
        position: relative;
    }
    .content_list3 li{
        float: none;
        right: auto;
        width: auto;
        padding: .5rem 0;
    }
    .listcapbt{
        width: 73%;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.2rem;
        top: .5rem;
        left: 27%;
        display: flex;
    }
    .listcapc{
        font-size: 1rem;
        width: 73%;
        height: 6rem;
        top: 5rem;
        left: 27%;

    }
    .listcapbt_span1{
        font-size: 1.2rem;
        width: 97%;
        float: none;
    }
    .listcapbt_span2{
        width: 8rem;
        float: none;
        margin-left: 3%;
    }

    .content_list1{
        display: flex;
        flex-direction: column;
    }
    .content_list1 a{
        float: none;
        width: 100%;
        margin: 0;
        font-size: 1rem;
        height: 2.5rem;
        line-height: 2.5rem;
        display: flex;
    }
    .content_list1_td{
        font-size: 1rem;
        float: none;
    }
    .content_list1_tit{
        width: 97%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .content_list1_time{
        float: none;
        font-size: .9rem;
        height: 2.5rem;
        width: 6rem;
        margin-right: 0;
        margin-left: .5rem;
    }
    .newscontent img{
        max-width: 100%;
        height: auto;
    }
    .content_msg{
        display: none;
    }
    .sxpagec>a>span{
        padding: .5rem 2%;
        max-width: 92%;
        margin: .3rem 2%;
    }
    .newscontent{
        padding-top: 0;
        margin: 1%;
    }

}


/*Common For Max 1024*/
@media only screen and (max-width: 1024px) {

}


/*Common For Max 960*/
@media only screen and (max-width: 960px) {
    .content_list2 li{
        width: 32%;
    }
    .listcapc{
        -webkit-line-clamp: 2;
        height: 4rem;
    }
    .listcapbt_span2{
        display: none;
    }
}

/*Common For Max 768*/
@media only screen and (max-width: 768px) {
    .list_info{
        width: 96%;
        margin: 0 2%;
    }
    .content_list2 li{
        width: 99%;
    }

    .listcapc{
        -webkit-line-clamp: 1;
        height: 2rem;
        top: 4rem;
    }
}

/*Common For Max 480
@media only screen and (max-width: 767px) {



}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .listcapc{
        top: 2.5rem;
    }
}