html{
    font-size:20px;
}
body{
    margin: 0;
    padding: 0;
    color: #565756;
}
a{
    color: #565756;
    text-decoration: none;
}
img{
    max-width: 100%;
}
.banner img{
    width:100%;
}
ul{
    list-style: none;
    padding:0;
    margin:0;
}

.nav a{
    color: #ffffff;
}
.news-pro{
	border:1px solid #ccc;
	overflow:auto;
	margin:0.5rem auto;
	width:98%;
	}
.list-im{
	clear:both;
	}
.list-im ul>li,.news-pro ul>li{
    float:left;
    text-align: center;
}
.news-pro ul>li a{
	display: block;
    margin:0.5rem;
    padding:0.1rem;
	}
.list-im ul>li a{
    display: block;
    margin:0.5rem;
    background:#f1f1f1;
    padding:0.2rem;
}
.news-pro ul>li a img{
	border:1px solid #ccc;
	}
.list-im ul>li a img,.news-pro ul>li a img{
    width:100%;
}
.doccont{
    margin:0.5rem;
	line-height:1.5rem;
	font-size:0.7rem;
}
.doccont p a{
	text-decoration:underline;
	color:#b71d22;
	}
.cont-h{
    color: #0277d2;
    text-align: center;
    border-bottom: 2px solid #f2f2f2;
    margin-top:1rem;
}
.cont-h strong{
    display:inline-block;
    border-bottom: 2px solid #9c9d9f;
    padding:1rem;
}
.new-doc{
    margin:0.5rem;
}
.new-doc strong{
    font-size: 0.8rem;
}
.newlst-doc>ul>li{
    border-bottom:1px solid #ccc;
    margin-top:0.5rem;
    padding-bottom:0.5rem;
}
.newlst-doc>ul>li>a{
    display: inline-block;
    background:url("img/m.gif") no-repeat left center;
    margin-left:0.5rem;
    padding-left:0.5rem;
}
.newlst-doc>ul>li>span{
    display: inline-block;
	float:right;
    margin-right:0.5rem;
}
.lk{
    display: inline-block;
    font-weight: bold;
}
.lklst{
    display: inline-block;
}
.lklst a{
    display: inline-block;
}
.lklst a+a{
    margin-left:0.3rem;
}
.paginate{
    margin:0.5rem;
    background:#f1f1f1;
    padding:0.2rem;
}
.paginate li{
    display: inline-block;
    margin-left:0.25rem;
}
.newslist{
    margin:1rem;
}

.newslist li:nth-child(5n){
    border-bottom: dashed 1px #cccccc;
    padding-bottom: 1rem;
}
.newslist>li{
    margin-top:1rem;
}
.footer{
    background:#40434a;
    color: #ffffff;
    margin-top:1rem;
}
.foot-l{
    font-weight: bold;
}
.foot-c{
    font-size:0.8rem;
    font-weight: lighter;
    margin:0.3rem;
}
.docdl{
    margin:0.5rem;
}
.docdl>dl dt,.docdl>dl dd{
    margin:0.3rem 0;
}
.docdl>dl dt{
    background: url("img/w.gif") no-repeat left top;
    padding-left:1.8rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
}
.docdl>dl dt a{
    color: #000;
}
.docdl>dl dd{
    background: url("img/d.gif") no-repeat left top;
    padding-left:1.8rem;
    border-bottom: 1px dashed #cccccc;
    padding-bottom:0.5rem;
}
.rightbar h1{
    text-align: center;
    font-size: 0.7rem;
}
#excerpt{
    text-align: center;
}
.xg{
    line-height: 1.5rem;
}
.xg li a{
    color:#b71d22;
}
ul.pList li{
    border-bottom: 1px dashed #cccccc;
}
.prolst{
    margin: 0.5rem;
}
.leg{
    text-align: center;
}
.doccont>h3{
    font-size:0.6rem;
}
.xgcpig li{
    float:left;
    text-align:center;
}
.xgcpig li a{
  display:block;
  margin:0.5rem;
}
.xgcpig li a img{border:1px solid #ccc;}
@media only screen and (min-device-width:1024px){
    .contau,.topbar,.nav>ul,.footer>div,.navbar2{
        width:55rem;
    }
    .contau{
        overflow: auto;
    }
    body{
        min-width: 55rem;
        font-size:0.7rem;
        letter-spacing: 1px;
    }
    .topbar{
        margin: 0.5rem auto;
        overflow: auto;
    }
    .logo{
        float: left;
    }
    .title-h1{
        font-size: 1.8rem;
        float: left;
        margin-top:1rem;
    }
    .tepimg{
        float: right;
    }
    .nav{
        background: #b71d22;
        font-size:0.8rem;
    }
    .nav>ul{
        margin:0 auto;
    }
    .nav>ul{
        display: flex;
        height:2.4rem;
        line-height: 2.4rem;
    }
    .nav>ul>li{
        width: 7.971428571428571rem;
        text-align: center;
    }
    .nav>ul>li:hover{
        background:#880018
    }
    .nav a{
        font-weight: bold;
    }
    .contau,.footer>div,.navbar2{
        margin:0 auto;
    }
    .leftbar{
        width:14.9rem;
        float: left;
        background:#047fdf;
    }
    .leftbar-t{
        width:100%;
    }
    .leftbar-t img{
        width:100%;
    }
    .leftbar-b{
        margin:0.5rem;
    }
    .leftbar-b a{
        color: #ffffff;
    }
    .leftbar-cla{
        border:1px solid #2a97e6;
        font-size: 0.8rem;
        margin-bottom:0.5rem;
        clear: both;
    }
    .leftbar-cla a{
        display: block;
        background-image: url("img/la.gif");
        background-position: left center;
        background-repeat: no-repeat;
        padding-left:1rem;
        margin:0.4rem 0.5rem;
    }
    .leftbar-pro{
        margin-bottom:0.5rem;
        border-bottom: 1px dashed #2a97e6;
    }
    .leftbar-pro a{
        display: block;
        background-image: url("img/lb.gif");
        background-position: left center;
        background-repeat: no-repeat;
        padding-left:1rem;
        margin:0.4rem 1rem;

    }
    .rightbar{
        width:39rem;
        float: left;
        margin-left:0.5rem;
    }
    .h-title{
        background:#f1f1f1;
        margin-top:0.5rem;
        height:2rem;
        line-height: 2rem;
    }
    .h-title strong{
        background: #f07c17;
        font-size:0.7rem;
        color:#fff;
        display:inline-block;
        height: 2rem;
        width:4.8rem;
        text-align: center;
    }
    h2#title{
        background:#f1f1f1;
        margin-top:0.5rem;
        height:2rem;
        line-height: 2rem;
    }
    h2#title span{
        background: #f07c17;
        font-size:0.7rem;
        color:#fff;
        display:inline-block;
        height: 2rem;
        width:4.8rem;
        text-align: center;
        display: block;
    }
    h2#title a,.h-title a{
        color:#fff;
    }
    .list-im ul>li,.news-pro ul>li{
        width:25%;
    }
    .cont-h {
        font-size: 1.5rem;
    }

    .cone,.ctwo{
        clear:both;
        overflow: auto;
        line-height: 25px;
    }
    .cone-o,.ctwo-w{
        float: left;
    }
    .cone-w,.ctwo-o{
        float: right;
    }
    .cone-o,.ctwo-o{
        margin-top:80px;
    }
    .doclef{
        float: left;
        width:40.6rem;
        margin-top:1rem;
        overflow: auto;
    }
    .docrit{
        margin-left:41.1rem;
        overflow: auto;
        margin-top:1rem;
    }
    .h-titl{
        background:url("img/lin-t.png") no-repeat left bottom;
    }

    .h-titl strong{
        display: inline-block;
        letter-spacing: 1px;
        font-size:0.75rem;
        margin-bottom:0.5rem;
        color: #000;
    }
    .docntl{
        background:#333333;
        height:1.7rem;
    }
    .docntl strong{
        display: block;
        background:#b71d22;
        width:50%;
        height:1.7rem;
        line-height: 1.7rem;
        color: #fff;
        text-align:center;
    }

    .newlst-doc>ul>li{
        display: block;
        width:50%;
		float:left;
		height:1.1rem;
    }

    .lko{
        margin:1rem auto;
    }
    ul.pList li{
        clear: both;
      }
    ul.pList li>a{
        display: block;
        float: left;
        width:10rem;
    }
    ul.pList li .info{
        margin-left: 10rem;
    }
    .footer>div{
        clear: both;
        overflow: auto;
        display: flex;
    }
    .foot-l{
        margin-top:1rem;
        line-height: 1.5rem;
    }

    .foot-r{
       margin-left:1rem;
        margin-top:1rem;
    }
    .foot-r ul{
        display: flex;
    }
   .xgcpig li{
        width:50%;
   }
}
@media only screen and (max-device-width:1023px){
    body{
        font-size:0.7rem;
        line-height: 25px;
    }
    .contau,.topbar,.banner{
        margin:0 0.1rem;
    }

    .nav{
        margin:0 0.05rem;
    }
    .tepimg{
        display: none;
    }
    .topbar{
        margin: 0.5rem auto;
        overflow: auto;
    }
    .logo{
        float: left;
        width:20%;
    }
    .title-h1{
        float: left;
        width: 80%;
    }
    .logo img{
        width:80%;
    }
    .nav>ul{
        overflow: auto;
    }
    .nav>ul>li{
        float:left;
        width:33.33333333333%;
        text-align: center;
    }
    .nav>ul>li>a{
        display: block;
        background: #b71d22;
        margin:2px;
    }
    .nav>ul>li:first-child{
        display: none;
    }
    .leftbar{
        background:#f0f0f0;
        overflow: auto;
    }
    .leftbar-b{
        margin:0.3rem;
        font-size:0.8rem;
        line-height: 1.2rem;
    }
    .leftbar-t{
        display: none;
    }
    .leftbar-cla,.leftbar-pro{
        display: inline-block;
    }
    .leftbar-cla a{
        color: #b71d22;
    }
    .h-title,.docntl{
       background:url("img/lin-t.png") no-repeat left bottom;
    }

    .h-title strong,.docntl strong{
        display: inline-block;
        letter-spacing: 1px;
        font-size:0.75rem;
        margin-bottom:0.25rem;
    }
    .docntl{
        background:#b71d22;
        color: #ffffff;
        text-align: center;
    }
    .h-titl{
        background:#333;
        color: #ffffff;
        text-align: center;
    }
    ul.pList li{
        clear: both;
    }
    ul.pList li>a{
        display: block;
        float: left;
        width:50%;
    }
    ul.pList li img{
        width:95%;
    }
    ul.pList li .info{
        margin-left:50%;
    }
    .foot-l{
        margin:0.5rem;
    }
    .foot-r{
        display: none;
    }
   .xgcpig li{
        width:50%;
   }


    @media only screen and (orientation: landscape) {
        /*ΊαΖΑ*/
        .title-h1 {
            font-size: 1.6rem;
        }
        .list-im ul>li,.news-pro ul>li{
            width:25%;
        }
        .cone,.ctwo{
            display: flex;
            border-bottom:1px dashed #cccccc;
            margin: 1rem;
        }
        .ctwo-w,.cone-w{
            text-align: center;
        }
        .ctwo-w img,.cone-w img{
            width:60%;
        }
    }
    @media only screen and (orientation: portrait){
        /*ΌαΖΑ*/
        .title-h1 {
            font-size: 0.85rem;
        }
        .list-im ul>li,.news-pro ul>li{
            width:50%;
        }
        .cone,.ctwo{
            margin:1rem;
        }
        .ctwo-w,.cone-w{
            margin:0 2rem;
        }
    }

}