@charset "gb2312";
/*基本框架CSS*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none; }


/*h1, h2, h3, h4, h5, h6{font-size:20px;font-weight:normal; letter-spacing:1.5px; color:#000}*/
table{border-collapse:collapse}
body>div{margin:0 auto; }
div {text-align:left;display:block}
a img {border:0}
img {  max-width:100%;}
body { color: #666; font-size:14px; font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; line-height:24px; margin:0; padding:0}

*{ margin:0; padding:0}
ul, ol, li {vertical-align:0;list-style:none;}
a {outline-style:none;color:#666;text-decoration:none}
a:hover { color: #c22525; text-decoration: none;transition: all 0.4s ease-in-out;}
.clear{height:0; overflow:hidden; clear:both}
.left{ float:left}
.right{ float:right}


.toplogo{background: url(../images/top_02.jpg) center bottom no-repeat; width:100%; height:126px; overflow:hidden}
.header{ background:#c22525; height:65px; width:100%}
.menuBox{ display:none}
ul#navmenu { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 100%; /*For KHTML*/ 
list-style: none; 
height: 45px;
padding:10px 0; 
} 
ul#navmenu li { 
margin: 0; 
border: 0 none; 
padding: 0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
height:45px;
width:115px;
text-align:center;
z-index:1;
} 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
list-style: none; 
display: none; 
position:absolute; 
z-index:9999;
top: 45px; 
left: 0;
#background: #8F0D0D; background: linear-gradient(top, #8F0D0D 0%, #C22525 40%);background: -moz-linear-gradient(top, #8F0D0D 0%, #C22525 40%);background: -webkit-linear-gradient(top, #8F0D0D 0%, #C22525 40%);
} 
ul#navmenu ul p{ color:#fff; padding:10px; border-bottom:1px solid #048ECE; line-height:20px}
ul#navmenu ul li { 
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
border-top:1px solid #ae1616;

} 
/* Root Menu */ 
ul#navmenu a { 
/*padding: 0 30px; */
float: none !important; /*For Opera*/ 
float: left; /*For IE*/ 
display: block; 
color: #fff; 
font: normal 16px/45px "Microsoft YaHei"; 
text-decoration: none; 
height:100% !important; 
height: 1%; /*For IE*/
} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
background: #8C1111; 
color: #FFF; 
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 1px;
border-radius: 1px;
border-top-right-radius: 15px;
border-bottom-left-radius: 1px;
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
background:none; 
color: #fff;
font-size:14px
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
background: #D72727;box-shadow: 1px 0px 3px rgba(0,0,0,0.35);border-radius: 0px;
color: #FFF; 
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
background: #8C1111;
border-left:1px solid #fff;
color: #fff; 
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
background: #D72727; 
color: #FFF; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #8C1111; 
color: #fff; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
background: #CCC; 
color: #FFF; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 160px; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
} 
.center{ width:1180px; margin:0 auto;}
/*banner*/
.slideBox{ width:100%; height:auto;overflow:hidden; position:relative; margin-top:20px }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; }
.slideBox .hd ul li.on{ background:#F33; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/* banner结束 */
/*右侧*/
.r_title{ width:28%; margin-top:20px;}
.r_titlet li{border-top: 1px solid #ddd; padding:15px 0 15px 0;}
.r_titlet h1{ font-size:18px;}
.r_titlet h1 a{ color:#000}
.r_titlet p{ color:#606a77; font-size:16px; margin:10px 0 13px 0}
.time{ color:#888; font-size:14px}
.icon{ background:url(../images/comment.png) no-repeat;position:height: 43px;line-height: 43px;padding-left: 48px;}
.r_titlet li p a{ color:#606a77}

/*.r_title_1{ background:url(../images/title_bg.jpg) left no-repeat; height:35px; line-height:35px; color:#fff; padding:0 15px 0 15px; margin-bottom:15px;}*/
.r_title_1{ background:url(../images/title_bg2.jpg) left repeat-x; height:35px; line-height:35px; color:#fff; padding:0 15px 0 15px; margin-bottom:15px;}
.r_title_1 h1, .r_title_1 a{ color:#fff;}
.r_title_1 a:hover{ color:#F2F7F7;}
.first{ position:relative; width:100%;height:232px; margin-bottom:10px}
.first .pic{ width:100%; height:232px;}
.first .text{ position:absolute; bottom:0; left:0; /*height:60px;*/ overflow:hidden;color:#fff; line-height:38px; font-size:24px; font-weight:700; background:rgba(0,0,0,0.5); padding:0 5%; width:90%;}
.first .text:hover{ background:RGBA(188, 16, 16, 0.6)}

.photo{display:inline-block;padding:20px 0 20px 0; width:100%; margin:0 auto}
.photo li{ padding:15px 15px 0 15px; float:left; text-align:center; }
.photo li img{ width:70px; height:85px}
.photo li p a{ font-size:14px;}
.zhiwu{ width:100%; font-weight:bold; }
.zhiwu a{color:#333 }

.second{ width:155px; text-align:center; margin:0 auto}
.second img{width:155px; height:188px; }
.second h2,.second h2 a{ font-size:16px; color:#000}
.second p a{ font-size:12px; letter-spacing:1.5px}


.new{ padding-top:20px}
.new li{ line-height:30px; font-size:14px}
.new li a,.new li{ color:#666}
.new li a:hover{color: #c22525;}
.three{ position:relative; width:100%;height:205px;}
.three .pic{ width:100%; height:205px;}
.three .text{ position:absolute; bottom:0; left:0; /*height:60px;*/ overflow:hidden;color:#fff; line-height:38px; font-size:24px; font-weight:700; background:rgba(0,0,0,0.5); padding:0 5%;width:90%}
.three .text:hover{ background:RGBA(188, 16, 16, 0.6)}



.kePublic{ width:70%}

/*左侧*/
.l_title{ width:70%; margin-top:20px}
.sh_new{ padding-bottom:20px}
.sh_new li{padding: 20px 0 0 0; display:inline-block}
.sh_new .limg{width:27%;/* height:243px;*/ float:left }
.sh_new .limg img{width:200px; max-height:243px;}
.sh_new .textp{ width:73%;float:right }
.textp h3,.textp h3 a{font-weight:900; line-height:29px; color:#262627; font-size:20px}
.textp p{height: 48px;color: #606A77;font-size: 16px;line-height: 24px; overflow:hidden; margin:5px 0 13px 0}
.textp .time{ font-size:12px}
.textp p a,.r_titlet p a{color: #606A77}

.dj_new{ padding-top:30px}
.dj_new,.dj_new img{ width:369px; height:160px}
.dj_new_1{ width:429px; padding-bottom:30px}

.swhz{ width:400px;background:url(../images/title_44.jpg) top repeat-x; }
.swhz li,.swhz h1{ width:100%;  }
.swhz li a{ color:#111; font-size:16px}
.swhz li a:hover{color: #c22525}

.link{ background:url(../images/bg1.jpg); border-top:5px solid #c22525; min-height:100px; margin-top:45px}
.link h1{ background:url(../images/bg.jpg); height:40px; line-height:40px; color:#c22525; font-size:16px; text-indent:20px;}
.link ul{ display:inline-block; padding:15px 0}
/*.link ul li{float:left; padding:5px 15px 0 15px}*/
.link ul a{float:left; padding:5px 15px 0 15px;font-size:12px}


.foot{ background:#262627; padding:30px 0;margin-top:45px}
.foot_1,.foot_3{height:146px; float:left}
.foot_1{ width:320px;  border-right:1px solid #1d1b1c;color:#fff; font-size:12px}
.foot_1 a{color:#fff;}
.foot_2{ width:390px; height:106px; float:left;border-left:1px solid #343333;border-right:1px solid #1d1b1c; padding:40px 40px 0 40px;color:#fff; font-size:14px}
.foot_2 h2{ color:#ddd; margin-bottom:15px}
.foot_3{ width:380px;border-left:1px solid #343333; text-align:center; font-size:12px;}
.foot_3 img{ margin-top:25px}


.ztitle{font-size:20px;padding-bottom:8px; border-bottom:3px solid #C22525;color:#C22525; display:inline-block; width:100%}
.zrul{ width:100%; display:inline-block; padding:1rem 0; border-bottom:1px solid #ddd}
.zrul li{ float:left}
.zrul li a{ float:left;background:#BC2628; padding:0.3rem 1.35rem; margin-right:15px;-webkit-border-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
border-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;color:#fff}
.zrul li a:hover{ background:#C22525}
.ztitle_detail{ padding:20px 0; border-top:0px solid #ddd}
.ztitle_detail p{ line-height:1.5rem; padding:0.6rem 1rem; font-size:14px; color:#444}
.page{text-align:center;margin-top:40px; line-height:40px; width:100%;}
.page a:hover{ background:#C22525; color:#fff; border:1px solid #d03838;}
.page a{text-align:center;
border: 1px solid #ddd;
font-size: 14px;
padding:10px 20px;
cursor: pointer; margin:0}
.pagination {
  margin: 20px 0;
}
.pagination ul {
  display: inline-block;
  list-style:none;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 1;
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
  background-color: #f5f5f5;
}




.n_h{font-weight:700; padding-bottom:10px; line-height:3rem; color:#333333}
.notice{ width:100%}
.notice li{ border-bottom:1px solid #eee;padding:10px 20px 10px 0;}
.notice .f_1 .time{ float:left; margin-right:20px; padding:0 10px;border-radius: 5px;-webkit-border-radius:5px; background:#C22525; color:#fff; padding:0 10px; letter-spacing:3px;}
.notice .f_1 .time h4{ font-weight:700;color:#fff}
.notice .f_1 a{color:#C22525}
.notice .time{ float:left; margin-right:20px; padding:0 10px; background:#ccc; color:#fff}
.ztitle_detail .photo{margin:0 -40px -30px 0;
overflow:hidden;
zoom:1;/* 触发IE的Layout */}
.ztitle_detail .photo li{ padding:15px 38px 20px 0;width:105px;float:left; text-align:center;}
.ztitle_detail .photo li img {
    width: 105px;
    height: 98px;
}

.f_photo,.f_photo1{margin:0 -10px -10px 0;overflow:hidden;zoom:1;/* 触发IE的Layout */}
.f_photo li{padding:25px 25px 0 23px; margin-right:5px;float:left; text-align:center; background:url(../images/imgbg.jpg) no-repeat; width:227px; height:180px;}
.f_photo li p,.f_photo1 li p{ padding-top:8px}
.f_photo li img,.f_photo1 li img{ width:100%; height:135px}

.f_photo1{ padding:10px 0;}
.f_photo1 li{ margin-right:20px;margin-top:25px;float:left; text-align:center;width:180px;height:135px; border:5px solid #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.f_photo1 li:hover{ border:5px solid #ccc; transition: all 0.4s ease-in-out;}

.hzhb{ width:100%; display:inline-block;padding:20px 0 40px 0; text-align:justify;}
.hzhb ul li{ padding:15px 15px 0 0; float:left; text-align:center;width:195px; }
.hzhb ul li img{ width:100%; height:80px; border:3px solid #eee}
.hzhb ul li img:hover{border:3px solid #ccc;transition: all 0.4s ease-in-out;}
.hzhb ul {
margin:0 -10px -10px 0;
overflow:hidden;
zoom:1;/* 触发IE的Layout */
}

/*党建焦点图*/
iframe{ border:0}
.topBgWrap{background-color:#fff;width:990px;margin:0 auto;overflow:hidden}
.topBgWrap .fleft{width:270px}
.topBgWrap .fright{width:368px;}
.sliderBox{width:368px;height:160px;overflow:hidden;position:relative;margin:0 0 10px 0;z-index:0}
#show_pic{margin:0;padding:0;list-style:none;height:160px;position:absolute}
#show_pic li{float:left;margin:0;padding:0;height:160px;position:absolute}
#show_pic li a{display:inline-block;height:160px;width:368px;background:url(../images/loading.gif) center center no-repeat}
#show_pic li img{display:block;height:160px;width:368px}
.sliderBox .img_pagebox{position:absolute;height:24px;bottom:10px;right:10px;right:10px\9}
.sliderBox .img_page{background:rgba(110,110,110,0.3);*background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#36000000,endColorstr=#36000000);*zoom:1;float:left;width:auto;height:24px;padding-left:3px;border-radius:10px;display:block}
#img_text{display:none}
.sliderBox #icon_num a{float:left;display:inline-block;background-color:#fff;padding-right:1px;width:19px;height:20px;color:#6e6e6e;text-align:center;cursor:pointer;margin:2px 3px 0 0;display:inline-block;line-height:20x;font-size:12px;border-radius:10px;position:relative;text-decoration:none}
.sliderBox #icon_num a.active,.sliderBox #icon_num a.active:visited,.sliderBox #icon_num a.active:hover,.sliderBox #icon_num a.active:active{background-color:#e33d3d;color:#fefefe;text-decoration:none}
.sliderBox #icon_num a,.sliderBox #icon_num a:visited,.sliderBox #icon_num a:hover{color:#6e6e6e;text-decoration:none;line-height:20px}


/*20170109*/



/*列表主体*/

.ctr{margin:1.5rem 0.8rem;}
.detlist-art{border-top:0px solid #efefef;}
.detlist-g li{border-bottom:1px solid #efefef; white-space:nowrap; }
.detlist-g .bk{display:block; width:100%; overflow:hidden; padding:1rem 0; font-size:0px;}
.detlist-g .tnm{height:2.1rem; line-height:2.1rem; overflow:hidden; text-overflow:ellipsis; font-size:1.525rem; color:#333;}
.detlist-g .cp{margin-top:0.4rem; height:2.1em; line-height:2.1em; overflow:hidden; font-size:1.25rem; text-overflow:ellipsis; color:#666;}
.detlist-g .num{margin-top:0.5rem; font-size:1.25rem; color:#999;}
.detlist-g .imgrow{margin:0.6rem 0; width:100%; overflow:hidden;}
.detlist-g .imgrow img{float:left; width:32%;}
.detlist-g .imgrow img:nth-of-type(2){margin:0 2%;}
.detlist-g .limg{display:inline-block; vertical-align:middle; width:33%; margin-right:2%;}
.detlist-g .txt{display:inline-block; vertical-align:middle; width:65%;}



.cont_r{ width:28%; margin-top:20px;}
.cont_r li{border-top: 1px solid #ddd; }
.cont_r h1{ font-size:18px;}
.cont_r h1 a{ color:#000}
.cont_r p{ color:#606a77; font-size:16px; margin:10px 0 13px 0}





.cont_l{ width:70%; margin-top:20px}




/*手机端*/
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; position:fixed; top:0; right:0; margin-left: 15px; z-index: 901; }
.menu-handler .burger { width: 24px; height: 2px; background: #000; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }


.menuBox {position:fixed; left:0px; top:-100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:900; background-color:#f6f7f7;}
.menuBoxShow {right: 0px;}
.navMobile {padding: 6% 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p{ width:200px; margin:0 auto; }
.navMobile dd p a { text-transform: uppercase; font-size: 18px; position: relative; }
.navMobile dd a { display: block; padding: 10px 0px; line-height: 1.4; font-size: 14px; color: #646464; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd span{ display:block; position:absolute; top:50%; background:#000; width:0; height:1px; transition:300ms; -webkit-transition:300ms; }
.navMobile dd .line_1{ left:0; }
.navMobile dd .line_2{ right:0; }
.navMobile dd a:hover, .navMobile dd p a.cur { color: #bc3e3e; }
.navMobile dd a:active { color: #bc3e3e; }
.navMobile dd a:hover span, .navMobile dd p a.cur span{ width:40px; }
.mlogo{width:200px; display:block; margin:0 auto; margin-top:20px; }
.mlogo img{width:100%;} 
.menuBox .tool{ float:none; text-align:center; font-size:0; margin:0; }
.tool a { display:inline-block; vertical-align:middle; float:none; }




@media (min-width:992px) and (max-width:1024px){
	.toplogo{background: url(../images/top_02.png) right bottom no-repeat; width:100%; height:auto; overflow:hidden}
	#header{filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=120, Strength=3);box-shadow:0 0 5px rgba(6,0,1,0.3);width: 100%;height:auto;position:fixed; top:0; left:0; background-color:#fff; z-index:10; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:gupIn 1s 0.1s both; -moz-animation:gupIn 1s 0.1s both; animation:gupIn 1s 0.1s both;}
	.toplogo img{ width:30%}
	.center{ width:100%; margin:0 auto;}
	.header{ display:none;}
	.r_title{display:none;}
	.kePublic{ width:100%}
	
	.l_title{ width:100%; background:url(../images/title_11.jpg) top repeat-x}
	.dj_new{width:100%; display:none;}
	.dj_new_1{ width:100%; display:none;}
	.tjdtt2{display:none;}
	.swhz{ width:100%; float:none;margin-bottom:2em}
	.foot{ width:100%}
	.foot_1{width:90%; margin:0 auto;float:none;border:0;}
	.foot_2{width:90%; margin:0 auto;float:none;border:0;}
	.foot_3{width:90%; margin:0 auto;float:none;border:0; text-align:left;}
	/*列表页*/
	.cont_r{display:none;}
	.cont_l{ width:100%; margin-top:20px}
	.ztitle{ margin-top:3rem}
	

}




@media (min-width:770px) and (max-width:991px){
	.toplogo{background: url(../images/top_02.png) right bottom no-repeat; width:100%; height:auto; overflow:hidden}
	#header{filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=120, Strength=3);box-shadow:0 0 5px rgba(6,0,1,0.3);width: 100%;height:auto;position:fixed; top:0; left:0; background-color:#fff; z-index:10; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:gupIn 1s 0.1s both; -moz-animation:gupIn 1s 0.1s both; animation:gupIn 1s 0.1s both;}
	.toplogo img{ width:30%}
	.center{ width:100%; margin:0 auto;}
	.header{ display:none;}
	.r_title{display:none;}
	.kePublic{ width:100%}
	
	.l_title{ width:100%; background:url(../images/title_11.jpg) top repeat-x}
	.dj_new{width:100%; display:none;}
	.dj_new_1{ width:100%; display:none;}
	.tjdtt2{display:none;}
	.swhz{ width:100%; float:none;margin-bottom:2em}
	.foot{ width:100%}
	.foot_1{width:90%; margin:0 auto;float:none;border:0;}
	.foot_2{width:90%; margin:0 auto;float:none;border:0;}
	.foot_3{width:90%; margin:0 auto;float:none;border:0; text-align:left;}
	/*列表页*/
	.cont_r{display:none;}
	.cont_l{ width:100%; margin-top:20px}
	.ztitle{ margin-top:3rem}
	

}



@media (min-width:641px) and (max-width:769px){
	.toplogo{background: url(../images/top_02.png) right bottom no-repeat; width:100%; height:auto; overflow:hidden}
	#header{filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=120, Strength=3);box-shadow:0 0 5px rgba(6,0,1,0.3);width: 100%;height:auto;position:fixed; top:0; left:0; background-color:#fff; z-index:10; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:gupIn 1s 0.1s both; -moz-animation:gupIn 1s 0.1s both; animation:gupIn 1s 0.1s both;}
	.toplogo img{ width:30%}
	.center{ width:100%; margin:0 auto;}
	.header{ display:none;}
	.r_title{display:none;}
	.kePublic{ width:100%}
	
	.l_title{ width:100%; background:url(../images/title_11.jpg) top repeat-x}
	.dj_new{width:100%; display:none;}
	.dj_new_1{ width:100%; display:none;}
	.tjdtt2{display:none;}
	.swhz{ width:100%; float:none;margin-bottom:2em}
	.foot{ width:100%}
	.foot_1{width:90%; margin:0 auto;float:none;border:0;}
	.foot_2{width:90%; margin:0 auto;float:none;border:0;}
	.foot_3{width:90%; margin:0 auto;float:none;border:0; text-align:left;}
	/*列表页*/
	.cont_r{display:none;}
	.cont_l{ width:100%; margin-top:20px}
	.ztitle{ margin-top:3rem}
	
	html{ font-size:90%}
	
}


@media screen and (max-width:640px){
	.toplogo{background: url(../images/top_02.png) right bottom no-repeat; width:100%; height:auto; overflow:hidden}
	#header{filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=120, Strength=3);box-shadow:0 0 5px rgba(6,0,1,0.3);width: 100%;height:126px;position:fixed; top:0; left:0; background-color:#fff; z-index:10; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:gupIn 1s 0.1s both; -moz-animation:gupIn 1s 0.1s both; animation:gupIn 1s 0.1s both;}
	.toplogo img{ width:45%}
	.center{ width:100%; margin:0 auto;}
	.header{ display:none;}
	.header .center{width:100%}
	.menuBox{ display:block}
	
	.l_title{display:none;}
	.r_title{float: none; width:100%; margin-top:0rem}
	.kePublic{float:left;display:none;}
	
	.foot{ width:100%}
	.foot_1{display:none;border:0;}
	.foot_2{ width:90%; height:auto; border-left:1px solid #343333;border-right:1px solid #1d1b1c; padding:1em 1em 1em 1em;color:#fff; font-size:14px;border:0;}
	.foot_3{display:none;border:0;}
	/*列表页*/
	.cont_r{display:none;}
	.cont_l{ width:100%; margin-top:20px}
	.ztitle{ margin-top:3rem}
	html{ font-size:82%}
	
	
}

@media screen and (max-width:480px){
	
	.toplogo img{ width:60%}
	html{ font-size:72%}
	
	
}

@media screen and (max-width:360px){
	
	.toplogo img{ width:80%}
	html{ font-size:68%}
	
	
}


@media screen and (max-width:320px){
	
	.toplogo img{ width:80%}
	html{ font-size:60%}
	.ztitle{ margin-top:3.5rem}
	

	
}