/* CSS reset */

html, body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
html, body { width:100%; }
img { border: 0; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { cursor: pointer; font-size: 18px; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #B25900; text-decoration: none;  }
a:active { color: #F30; }
p { padding: 5px 0; }
h1 { font: 24px/30px "Microsoft Yahei"; text-align: center; padding: 18px; display: block; overflow: hidden; text-indent: 0; zoom: 1; _width: 90%; }
textarea { overflow: auto; }
em { font-style: normal; }
/*--reset end--*/
.left { float: left; display: inline; }
.right { float: right; }
body { background: #fff; font: 18px "Microsoft yahei", Tahoma, Verdana; color: #333; height: 100%; overflow-x: hidden; }
.containor { width: 1180px; margin: 15px auto; overflow: hidden; zoom: 1; }
.clear { clear: both; height: 0; overflow: hidden; }
.margin15px { margin:15px; }
.margin-top15 { margin-top:15px; }
.margin-bottom15 { margin-bottom:15px; }
.margin-left15 { margin-left:15px; }
.margin-right15 { margin-right:15px; }
.padding15px { padding:15px; }
.padding-top15 { padding-top:15px; }
.padding-bottom15 { padding-bottom:15px; }
.padding-left15 { padding-left:15px; }
.padding-right15 { padding-right:15px; }
/*
------------------------------------- 
Header 
-------------------------------------
*/ 

.ztheader { width:100%; height:640px; text-align: center; background: url(../images/header-bg.jpg) no-repeat center center; background-size: cover; margin:0 auto; }

.logo { height:230px; width:1000px; background: url(../images/name.png) no-repeat center center; margin:0 auto; }

.main-con { width:1200px; margin:0 auto; overflow: hidden; zoom:1; position: relative;  }

.comm-bg { background:url(../images/comm-header-bg.jpg) no-repeat center top; }

.footer .main-con {text-align:center;}
/*
------------------------------------- 
search 
-------------------------------------
*/

/* 下拉菜单 */
/*菜单*/
.nav { width:100%;height:51px; background: #D90000; text-align: center; }
.nav-con { width:1200px; margin:0 auto; position: relative;  }
#menu { width:1200px;height:51px;padding:0;position:absolute;left:0;top:0;z-index:1500;}
#menu ul li{float:left; position: relative;}
#menu ul li.havesub { background: url(../images/nav-arrow.png) no-repeat right center; }
#menu ul li a{display:block;width:240px;text-align:center;font:bold 17px/51px 'Microsoft yahei';color:#fff;text-decoration:none;}
#menu ul li.change a,#menu ul li:hover{ background-color:rgba(166,0,0,1); color:#fff;  }
#menu li div.sub-box { display: none; position:absolute; z-index:10000;background-color:rgba(166,0,0,0.85);left:0; top:51px;box-shadow: 2px 2px 8px #999; }
#menu li div.sub-box p {border:0 solid #eee;margin:0;text-indent: 0;padding:0 0 10px 0;border-top:0; width:133px;overflow:hidden;  zoom:1;}
#menu a.sub,#menu a.sub:visited { display:block; color:#fff; padding:5px 0; text-align: center;text-indent:0; font:normal 15px/1.5 'Microsoft yahei';}
#menu a.sub:hover { color:#FFFFBF; }
.search { float: right; margin:46px 0 0; overflow: hidden; padding:5px 0 0 18px; width: 210px; height: 33px; background:url(../images/search.png) no-repeat center center; text-align: left; }
.search .input { border:0; width:160px; font-size:15px; height:26px; }

/*------------*/
.banner { width:100%; min-width:1200px; height:337px; background:url(../images/banner.jpg) no-repeat center center; }
.position { width:1150px; margin:15px auto 0  auto; background:url(../images/position.png) no-repeat 10px top;
    padding:0 0 15px 40px; color:#666; font-size:15px; text-align: left; border-bottom:1px solid #ccc;
 }
.position a { color:#666; font-size:15px; }
.position span { padding-right:10px; }

.focus{ position:relative; width:625px; height:392px; overflow: hidden; float: left; margin-bottom:15px;}  

.swiper_pic {
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper_pic a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  justify-content: center;
  align-items: center;
}
.swiper_pic a img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top:0;
  left:0;
}
.swiper_pic a span {
  position: absolute;
  left: 0;
  right:0;
  bottom: 0;
  height: 50px;
  width:100%;
  padding: 0 190px 0 20px;
  line-height: 50px;
  z-index: 2;
  background: #00c6ff;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.swiper_pic .swiper-pagination {
  position: absolute;
  width: auto;
  left: auto;
  right: 15px;
  bottom: 17px;
}
.swiper_pic .swiper-pagination span {
  background: #ffffff;
  opacity: 1;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  border-radius: 100px;
}
.swiper_pic .swiper-pagination span.swiper-pagination-bullet-active {
  width: 30px;
  background: #4691FF;
}

/*-------------*/

.news-box { float: right; width:550px; }
.h3 { height:40px; border-bottom:1px solid #ddd; margin-bottom:5px; }
.h3 span { padding:0 3px; color:#A60000; font: bold 20px/40px "Microsoft Yahei", "微软雅黑"; display: block; float: left; border-bottom:1px solid #A60000; }
.h3 a img { margin:12px 0 0; }
.news-list li { overflow: hidden; zoom:1; border-bottom:1px dotted #ccc; padding:8px 0; }
.news-list .date { float: left; width:60px;text-align: center; color:#999; font:14px arial; }
.news-list .date em { display: block; font:bold 30px/1.2 arial; color: #A60000; }
.news-list .list-title { float:right; width:485px; border-left:1px solid #ddd; }
.news-list .list-title td { height:50px; overflow: hidden; vertical-align: middle; padding-left:8px; }
.news-list li a { text-decoration: none; }

.zt-box {}
.zt-box .h2 { font:bold 24px/40px "microsoft yahei"; margin:20px auto; width:110px; border-bottom:2px solid #0E8101; text-align: center; color:#444; }
.zt-list {  text-align: center;width:100%; min-width:1200px; margin-bottom:15px; }
.sc2 { width:1200px; height:130px; }
.sc2 .imgbox img { width:389px; height:98px; }
.sc2 .swiper-button-prev,.sc2 .swiper-button-next { top:40%; color:#1D6917; }
.sc2 .swiper-pagination .swiper-pagination-bullet-active { background:#1D6917; }

.box { overflow: hidden; margin-bottom:15px; min-height:280px; width:585px; overflow: hidden;  }
.list li { list-style: none; text-align: left; overflow: hidden; height: 45px; line-height: 45px; 
    padding: 0 5px 0px 15px; background: url(../images/flag01.gif) no-repeat 2px 17px; 
    border-bottom:1px dotted #ccc;
}
.list li em { display: block; float: right; padding: 10px 0 0 10px; color: #999; font: normal 14px/26px arial, Geneva, sans-serif; }
.list li span {  font-size: 16px; padding-right:3px; padding-bottom:0; }



.thumbList { border-bottom:1px dashed #ccc; overflow: hidden; zoom:1; padding:0 10px 10px 0; line-height: 1.8; }
.thumbList img { float:left; width:146px; height:106px; margin:0 10px 0 0; }
.thumbList p { padding:10px 0; font-size:14px; color:#999; }
/*
------------------------------------- 
list 
-------------------------------------
*/ 


.font_red { color:#f60; }

.gkButton { overflow: hidden; zoom:1; width:610px;  }
.gkButton a { width:130px; height:160px; background-color: #29724E; border-radius: 5px; text-decoration: none;
    text-align: center; color:#fff; display: block; float: left; margin-right:16px; }
.gkButton a:hover { background-color: #00661A; }
.gkButton img { display: block; margin:40px auto 20px auto; }

.leader { padding:15px 50px; overflow: hidden; zoom:1; line-height: 1.8; }
.leader h4 { padding:15px 0; }
.leader h4 span { display: block; }
.leader img { width:200px; height:283px; float: left; margin:0 20px 20px 0;  }

.footer { background:#A60000; padding:20px 0; font-size:16px; width:100%;  }
.footer a,.footer p { font-size:16px; color:#fff; }

/*
------------------------------------- 
Form 
-------------------------------------
*/

.select { visibility: hidden; }
input, select, textarea { font-size: 12px; font-family: arial, 宋体; }
textarea { border: 1px solid #aaa; padding: 0 2px 2px 2px; overflow-y: auto; }
h3 img, h4 img { float: right; margin: 6px 5px 0 0; }
/*
------------------------------------- 
sub_containor 
-------------------------------------
*/
.left-side { width: 180px; float: left; margin:20px 0 0 30px; text-align: left; }
.left-side h3 { height: 50px; color:#A60000; font: bold 20px/50px "microsoft yahei"; padding: 0 0 0 50px; background:url(../images/t-flag01.png) no-repeat left center; }
.left-side .menu a { display: block; border-bottom:1px solid #ddd; padding:10px 0 10px 15px; margin:5px 0; text-decoration: none; background:url(../images/side-menu.png) no-repeat left 0; }
.left-side .menu a.current { background-position:left -35px; color:#A60000; font-weight: bold; }

.sub-main { min-height:600px;  padding:25px 30px; }
.sub-main h3 { height:40px; border-bottom:1px solid #ddd; margin-bottom:10px; }
.sub-main h3 span { padding:0 20px;font: bold 20px/40px "Microsoft Yahei", "微软雅黑"; display: block; float: left; background:#A60000; color:#fff; }
.sub-main h3 a img { }
.sub-main h3 a { height: 40px; width: 60px; float: right; margin: 3px 0px 0 0; }
.sub-main .comm-list { clear: both; padding-bottom:10px; }
.sub-main .comm-list li {height: auto;    padding: 15px 15px 16px 35px;    margin: 15px 0;    background: #f5f5f5 url(../images/flag01.png) no-repeat 20px center;    border: 1px dotted #ccc;    border-radius: 5px;    box-shadow: 0 0 5px #ccc;     transition: 0.5s all;}
.sub-main .comm-list li:hover {background-color:#fff;box-shadow:0 0 8px #999;}

.sub-main .comm-list li a { font: 18px/150% 'Microsoft yahei' 宋体; text-decoration: none; }
.sub-main .comm-list li em { color: #999; float: right; font-size:15px;  }

#pager { font-size:16px; padding:10px 0; text-align: center; }
#pager a { background:#eee; border-radius:50px; padding:3px 11px 5px 11px; font-size:16px; }
#pager a.current { background:#f60; color:#fff; }


/*
------------------------------------- 
position 
-------------------------------------
*/
#position { display: block; margin: 0 auto; overflow: hidden; height: 50px; font: 16px/50px Verdana, Geneva, sans-serif; 
    width: 877px; border:1px solid #ccc; border-left:0; border-bottom:0; float: left; background: #FFF url(../Images/common_top.jpg) top right no-repeat; text-indent: 20px; }
#position a, #position span { margin: 0 4px; color: #333; font: 16px/50px Verdana, Geneva, sans-serif; }
h2 { color: #002691; font: 25px/60px "microsoft yahei"; background: url(../Images/hline.png) center center repeat-x; }
h2 span { background: #FAFAFA;  /*display: block; overflow:hidden;*/ padding: 0 10px 0 0; margin: 0; }
.sub_containor h4 { text-align: right; font: bold 30px/40px "microsoft yahei"; color: #FFF; padding: 0 40px 0 60px; margin-bottom: 120px; }
#commBar { width: 210px; overflow: hidden; border-left: 1px solid #DADEDF; }
#commBar .recommend h3 { border-top: 0; text-align: left; }
.content_containor { border: 1px solid #CCC; overflow: hidden; zoom: 1; /*width:978px;*/ margin: 0 auto; margin-bottom: 10px; }
.content_containor #commBar { width: 240px; }
/*
------------------------------------- 
pic 
-------------------------------------
*/
.pic { padding: 0 25px; }
.pic li { width: 244px; height: 200px; float: left; margin: 8px 12px; display: inline; overflow: hidden; text-align: center; line-height: 160%; }
.pic img { display: block; padding: 2px; margin: 4px auto; border: 1px solid #ccc; 
    width: 238px; height: 152px; background: #fff; }
.pic li a { font-size:16px; }
.clear { clear: both; height: 0; line-height: 0; overflow: hidden; }



.buttonBox { text-align: center; padding: 10px 0; }
.textBox { height: 126px; padding: 8px 15px; overflow-y: auto; background: #fff; border-bottom: 1px solid #B4D1EF; margin: 0 0 10px 0; }
.content { border:1px solid #ddd; }

#content {margin: 15px 0px; text-align: left; font: 18px/180% 'Microsoft yahei',宋体; color: #333; 
text-align: justify; text-justify: inter-ideograph;}
#content h1 { padding-top:30px; text-align: center; font:bold 30px/1.5 'Microsoft yahei'; }
#content a { font-size: 18px; color: #f60; text-decoration: underline; }
#content p { padding: 5px 0; }
.showpage { margin: 20px; }

.related { margin: 5px 40px; padding: 0 0 10px 0; }
#mid .related .list li { border-bottom: 0; }
.other { margin: 10px 80px; padding: 15px 0; border-top: 1px solid #ccc; font-size: 18px; text-align: left; }
.other a { font: 18px Tahoma; }
.infoBox { text-align: left; border-bottom:1px solid #ddd;padding: 10px 180px; margin: 0 0 15px 0; 
    font: 16px Tahoma; text-align: center; color: #999; overflow: hidden; zoom:1;}
.infoBox th { text-align: right; padding: 2px 5px; }
.page {text-align:center; padding:30px;}
/* subpage box width */
.w700 { width: 716px; _width: 706px; }
.w728 { width: 696px; }
.w982 { width: 982px; }
.small, .big { cursor: pointer; padding: 0 5px; }
.small { font: bold 10px "Times New Roman"; color: #01458E; }
.big { font: bold 14px "Times New Roman"; }
.share { width: 124px;    margin: 0 auto; }

@media only screen and (max-width:960px){
    .ztheader{height:185px;}
    .nav,.share{display: none;}
    .main-con,.focus,.news-box,.box {width:100%;}
    .swiper_pic a span {padding: 1px 150px 0 5px; font-size:15px;} 
    .swiper_pic .swiper-pagination {bottom:12px;}
    .h3 {margin:10px;}
    .news-list li {margin:10px;}
    .news-list .date {width:20%;}
    .news-list .list-title{width:79%;}
    .news-list li a { font-size:14px;  }
    .list {margin:0 10px;}
    .list li em{font-size:12px;}
    .footer {zoom:0.8;}
    .footer p { text-align:center; padding:5px 10px; }
    .padding-top15 {padding:0;}
    .position {zoom:0.75;width:96%;}
    .sub-main { padding:15px; }
    .sub-main h3 { zoom:0.8; }
    .sub-main .comm-list li {border-bottom:1px dotted #ccc; margin:8px 0;padding: 8px 0 8px 15px; background: url(../images/flag01.png) no-repeat 3px 11px;}
    .list li a,.sub-main .comm-list li a { text-overflow:ellipsis;white-space: nowrap; display:block; overflow:hidden;font-size:14px; }
    .sub-main .comm-list li em { font-size:12px; padding:4px 5px 0 2px;}
    .pageNum {display: none;}
  	#pager { font-size:13px;  }
	#pager a { padding:3px 10px 5px 10px; font-size:13px; }
  .infoBox {padding:10px 0;font-size:12px;zoom:0.8;}
  #content {padding:0 15px;}
  #content h1 {zoom:0.8;}
  #content img {max-width:100%;}
}