.main{ font-family:"ËÎÌå";}

.c_left{ float:left;width:720px; border:solid 1px #E3E3E3; padding:20px 30px; max-width:100%;}
.c_right{ float:right;width:380px; border:solid 0px #E3E3E3; /*padding:20px 30px;*/ max-width:100%; }

.main_list li{/* border-bottom:solid 1px #e4e4e4; padding:8px 5px;height:40px;*/ line-height:normal; overflow:hidden;    position: relative;    margin-bottom: 25px;}
.list_item a{ font-size:16px; color:#333;display: inline-block; width:72%;}
.list_item a:hover{ text-decoration:none; color:#000; text-decoration:underline;}
.main_list li:hover span{  color:#000;}
.main_list li span{ font-size:14px; color:#999; float:right; position:absolute;top:4px;right:0;}

.main_list li.news_line{ border-bottom:dashed 3px #ccc; height:auto; margin:1.5em 0; }

#autopage{ border:solid 0px #ccc; text-align:left; margin-top:3em;}
#autopage a,#autopage span{ float:leftxx;  border:solid 1px #dcddd8; display:inline-block;margin:0 2px; width:35px; height:35px; text-align:center; line-height:35px; margin-bottom:1em; }
#autopage a{ background:#f7f6f2; color:#000;}
#autopage a:hover{ background:#cc3433;color:#fff; text-decoration:none;}
#autopage span{ background:#cc3433; color:#fff;}


#autopage{ border:solid 0px #ccc; text-align:left; margin-top:3em; display:none;}
#autopage a,#autopage span{ float:leftxx;  border:solid 1px #dcddd8; display:inline-block;margin:0 2px; width:35px; height:35px; text-align:center; line-height:35px; margin-bottom:1em; }
#autopage a{ background:#f7f6f2; color:#000;}
#autopage a:hover{ background:#cc3433;color:#fff; text-decoration:none;}
#autopage span{ background:#cc3433; color:#fff;}


.pagefy{ border:solid 0px #ccc; text-align:center; margin-top:3em; padding-top:1em;}
.pagefy a,.pagefy span{ float:leftxx;  border:solid 1px #dcddd8; display:inline-block;margin:0 3px; padding:0 8px; min-width:25px; height:35px;/*width:35px; height:35px;*/ text-align:center; line-height:35px; margin-bottom:1em; }
.pagefy a{ background:#f7f6f2; color:#000;}
.pagefy a:hover{ background:#cc3433;color:#fff; text-decoration:none;}
.pagefy span{ background:#cc3433; color:#fff;}

.pages {
    text-align: center;
    clear: both;
    width: auto;
    margin: 40px auto 40px;
    overflow: hidden;
}

.pages li {
    float: left;
    overflow: hidden;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #dcddd8;
    font-size: 14px;
	margin-right:5px;
	background:#f7f6f2;
}

.pages a {
    display: block;
    /*width: 48px;
    height: 48px;*/
	line-height: 48px;
	font-size: 12px;
}

.pages li:hover a,
.pages .page-active a {
    color: #fff;
	text-decoration:none;
}

.pages .page-active,
.pages li:hover {
    background-color: #cc3433;
}
.page_jump {float:left;}
.input_jump {text-align:center;width:30px;height:20px;line-height:20px;}
.btn_jump {width:40px;height:26px;}




.newspaper{border:solid 1px #E3E3E3; padding:20px 30px 0 30px; margin-bottom:1.5em;}
.photo{border:solid 1px #E3E3E3; padding:20px 30px;}


.dzbk{ margin:10px 0;}
.dzbk_cont{width:318px;margin:25px auto 0 auto; text-align:center;}
.dzbk_cont li{ margin-bottom:20px;}
.dzbk_cont li img{ width:100%;}
.dzbk_cont li p{ float:left;width:50%;}
.dzbk_cont li p img{ width:90%; height:160px; margin:0 auto;}
.dzbk_cont li a{ text-decoration:none; border:solid 1px #fff; display:block; padding:10px;color: #09548b;}
.dzbk_cont li a:hover{ border:solid 1px #ccc;}


.t1{ border-bottom:solid 1px #f2f2f2;color:#cb1b1c; font-size:14px; font-weight:bold; }

.photo p{ margin:1.5em 0;}
.photo a img{width:317px; height:209px; margin:0 auto; display:block; border:solid 1px #fff; padding:5px;}
.photo a:hover img{border:solid 1px #ccc;}

.c_search{ float:right; border:solid 0px red;}
.search{ width:200px; padding-left:0px;}
.search table{border:solid 1px #ccc;}
.search img{  cursor:pointer;}
.search input{ border:none;width:170px;height:20px;outline:none; padding-left:2px;}
.search p{ font-size:12px; padding-top:6px;color:#333333;}

.header .mobile span{ float: none;
    margin-top: 0px;
    padding-left: 0px;
   background-image:none;}
	
	
	
.mobile {width:100%;position: absolute;left:0;}
.mobile-inner {margin-right:auto;margin-left:auto;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:3px;background-color: #000;}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}


.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav{
    overflow: auto;
    max-height: calc(100vh - 50px);
}
.mobile-inner-nav {background-color: #ccc;width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;}




.mobile-inner-nav  a {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#000;transition:all 0.5s;}

.mobile-inner-nav  li {border-bottom:solid 1px #fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:50px;text-indent:20px;}




@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(/resource/images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li  .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(/resource/images/search2.png) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li  form {display:block;width:100%;height:100%;}

.mobile{ display:none;}

@media screen and (max-device-width: 480px) { 
.c_left{ padding:20px 4px; float:none;width:98%; }
.c_right{ float:none; margin-top:2em;width:100%;display:none;}
.c_search,.menu{ display:none;}

.header{z-index: 1000;position: fixed;width: 100%;top: 0;background: #fff; padding:0;}
.header .wrap{ padding:5px 10px;}
.now{ margin-top:3em; margin-left:1em;}
.mobile{ display:block;}

}















