﻿


a:hover {
    color:red;
}
/**wrapper************s*/
.project_leftkj{width: 22%;height: auto;float: right;margin:2em 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: 1.2em;
    padding: 0.5em 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: #b52827;}
.leftnav>li:hover>a{ color:#ff1b00;}
.leftnav>li>ul>li>a{ border-bottom: solid 1px #e5e3da;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9em;
    color: #3a3a3a;
    display: block;
    padding: 0.3em 28px;}
.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 #b52827;
    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;width: 900px;}

.content_list1 a:hover {color: #F00;}
.content_list1 a:hover .content_list1_time{color: #F00;}

.content_list1{
	display: flex;
	flex-direction: column;
}
.content_list1 a{
	background: #fff;border-bottom: 1px dashed #e7eaf1;color: #353535;	 padding: 0.8em 1%;
	width: 100%;
	margin: 0;
	font-size: 1.3em;
	display: flex;
}
.content_list1_td{
	width: 3%;overflow: hidden;color: #b52827;    font-size: 1em;
}
.content_list1_tit{
	width: 97%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content_list1_time{
	color: #353535;
	font-size: 1em;
	width: 7em;
	margin-right: 0;
	margin-left: .5rem;
	overflow: hidden;
}
.content_list2{}
.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;    font-size: 1.3em;}

.content_list3 li{ border-bottom:#ccc 1px dotted; padding:15px 1%; position:relative;width: 98%;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%;  }


.listcapc{ font-size:14px; position:absolute; width:660px; 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: 900px;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;}
.newscontent img { max-width:100%;}

.downloadbtn{ padding:20px; background:#c6171f; 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:#ff0000; color:#FFFFFF;}
/*********** news *****************/




.listcapbt{width:660px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; height:40px; display: flex; line-height:40px; position:absolute; top:8px; left:230px;}



.listcapbt_span1{ display:block; overflow: hidden;
white-space: nowrap;font-size: 1.4em; font-weight: bold;width: 100%;
text-overflow: ellipsis;
float:left;
}

.listcapbt_span2{ display:block; overflow: hidden;
white-space: nowrap;width: 6.5em;text-align: right;font-size: 1.2em;
 }

.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; width: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: 3rem;
        left: 27%;

    }
    .listcapbt_span1{
        font-size: 1.2rem;
        width: 97%;
        float: none;
    }
    .listcapbt_span2{
        float: none;
        margin-left: 3%;
    }


    .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{
		height: 3rem;
		line-height: 1.5rem;
    }
	
}

/*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;
    }
}