@charset "utf-8";
.clear{clear: both}
#header{
    background-color: #af251b;
}
.header{
    width: 1140px;
    margin: 0 auto;
    background: url("2.png") left 22px no-repeat;
    background-size: 55%;
}
nav {
    width: 100%;
}
.header .headerright{width: 715px;float: right;padding-top: 40px}
.header .headerright ul.dropdown li.dropi1{width: 80px}
.header .headerright ul.dropdown li.dropi1>a:after{border: none}
.header .headerright ul.dropdown li.dropi4{width: 110px}
.header .headerright ul.dropdown li.dropi5{width: 125px}
.header .headerright ul.dropdown li.dropi5>a:after{border: none}
.header .headerright ul.dropdown li.dropi6>a:after{border: none}
.header .headerright ul.dropdown li.dropi4 ul{width: 110px}
.header .headerright ul.dropdown li.dropi4 ul li{width: 110px;height:40px}
.header .headerright ul.dropdown li.dropi4 ul li.i4-1 a{    white-space: pre-wrap;line-height:20px}
.demo{margin: 0 auto}
.main{width: 988px;margin: 0 auto;background: url("17.jpg") ;padding: 0 10px 0 10px}
.main h3{height: 35px;margin-top: 9px;margin-bottom: 20px}
.main h3 a{float: right;margin-top: 9px}
.main .divleft{width: 720px;float: left}
.main .divleft h3{background: url("6.jpg") no-repeat;height: 35px;margin-top: 9px;margin-bottom: 20px}
.main .divleft .list{width: 405px;float: left}
.main .divleft .list ul li{height: 40px;background: url("9.jpg") left bottom repeat-x;}
.main .divleft .list ul li a{line-height: 32px;padding-left: 15px;background: url("8.jpg") 2px center no-repeat;    width: 78%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.main .divleft .list ul li span{line-height: 32px;float: right}
.main .divright{width: 265px;float: right}
.comiis_wrapad{float: left;margin: 0 10px}
.main .divright .div-1 h3{background: url("7.jpg") no-repeat}
.main .divright .div-1 ul li .data{width: 50px;height: 50px;background: url("11.jpg") center top no-repeat;line-height: 22px;text-align: center;color: #fff;float: left}
.main .divright .div-1 ul li a{display: block;float: right;width: 215px;height: 50px;line-height: 22px}
.main .divright .div-2 h3{background: url("77.jpg") no-repeat;margin-bottom: 0;}
.main .gundong{margin-top: 15px}
.main .gundong h3{margin-bottom: 0;height: 32px}
.main .gundong h3 a{margin-top: 6px}
.footer{background: #af251b;}
.footer div{text-align: center;padding: 38px 0;}
.listmain{width: 1008px;margin: 0 auto;background: url("17.jpg")}
.listmain .left{width: 250px;float: left}
.listmain .left .m2menu{margin: 0 auto}
.listmain .right{width: 700px;float: left}
.itemlist{min-height: 300px}
.m2tname div{text-align: center}
.itemlist ul li.item{height: 40px;line-height: 39px;background: url("9.jpg") left bottom repeat-x;}
.itemlist ul li.item .date{float: right;line-height: 39px}
.itemlist ul li.item a{padding-left: 16px;background: url("8.jpg") 3px center no-repeat;line-height: 39px}
.desc{background: url("desc.png")}
.titlea{display: none; color: rgb(255, 255, 255); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.slider{display: block}
 .slider ul li{display: none}
.slider ul li:first-child{display: block}
.slider ul li.sliderli1{display: block}
.title{}
.titlea:first-child{display: block}
.titlea1{display: block}
.nav-item{position: relative;height: 35px;background-color: #7f7f7f;display: none}
.nav-item img{position: absolute;right: 1% ;top: 10px}
.list-item{position: relative;height: 35px;background-color: #7f7f7f;display: none}
.list-item img{position: absolute;right: 1% ;top: 10px}
.possplit {
    background: none;
    text-indent: 2px;
    width: 13px;
}
.itemlist ul li.item a{width: 88%;display: block;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media screen and (max-width: 1140px) {
    .header{
        width: 100%;
    }
}
@media screen and (max-width: 1108px) {
    .header {background: url(1.png) left 6px no-repeat;}
    .demo {width: 100%;height: auto;}
    .main{width: 98%;padding:0 1%}
    .main .divleft {width: 100%;float: none;}
    .comiis_wrapad {margin: 0 1%;width: 38%;}
    .comiis_wrapad .block {position: relative;margin: 0 auto;}
    .main .divleft .list{width:60%;float: right}
    .main .divright{width: 100%;float: none}
    .main .divright .div-1{width: 50%;float: left}
    .main .divright .div-1 ul li .data {width: 20%;}
    .main .divright .div-1 ul li a {width:78%}
    .main .divright .div-2{width: 50%;float: left}
    .main .divright .div-2 ul li img{width: 98%}
     #wrapper {width: 100%!important;left: 0;}
    .caroufredsel_wrapper{width: 100%!important;}
    .listmain {width: 100%;}
    .listmain .left{width: 28%}
    .listmain .right{width: 70%}
    .itemlist ul li.item a{width: 84%;display: block;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    #slidesImgs li {width: 100%;}
    .comiis_wrapad img {width: 100%;}
}
@media screen and (max-width:767px) {
    .header{background: url("1.png")center 2px no-repeat;background-size: 80%;}
    .header .headerright {width: 100%;}
    .nav-item{display: block}
    #nav{display: none}
    ul.dropdown li {width: 100%!important;}
    ul.dropdown ul {display: none!important;}
    .drop > a:after {border: 0 }
    .drop > a.hover:after {border: 0 }
    .drop > a{padding: 10px 0!important;}
    .zySearch {height: 32px;}
    .zySearch>div{display: none}
    .comiis_wrapad {width: 98%;}
    .main .divleft .list{width:100%;}
    .footer .be p span{display: block;line-height: 22px}
    #slidesImgs li {width: 100%;}
    .comiis_wrapad img {width: 100%;}
    .listmain {width: 100%;}
    .listmain .left{width: 100%;margin: 0 auto}
    .listmain .right{width: 98% ;margin:0 auto}
    .m2menu {width: 100%;padding-top: 0;display: none}
    .m2tname {background: none}
    .m2menu_a {display: block;background: none;padding-left: 0px;text-align: center;}
    .m2menu_a:hover{background: none;background-color: #7f7f7f;}
    .list-item{display: block}
    .itemlist ul li.item .date {display: none }
    .itemlist ul li.item a{width: 96%;display: block;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    #sdcms_content img {
        max-width: 98%!important;
        height: auto;
    }
    .main .divleft .list ul li a {
        width: 80%;display: block;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
    }
}
@media screen and (max-width: 479px) {
    .header{background: url("1.png")center 20px no-repeat;background-size: 100%;}
    .desc{display: none}
    .main .divright .div-1{width: 100%;}
    .main .divright .div-2{width: 100%;}
    .main .divleft .list ul li span {display: none;}

}
@media screen and (max-width: 319px) {

}