@charset "utf-8";
/*layout*/
.sidebar{float:left; width:17.5%;}
.maincontent{float:right; position: relative; width:82.5%;}
.maincontent .inbox{padding-left:20px; margin-left: 20px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}
.maincontent .page_list{margin-bottom:15px;}
.sidebar .inbox{position: relative;}
 .maincontent:before{content: ''; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; background: #eeeeee;}
.sidebar .inbox:after{ right: -21px;}
.maincontent:before{ left: 0px;}
.parentname{position:relative; z-index:11; line-height:160%; padding:12px 15px; margin-bottom:10px; font-size:1.25em; color:#fff; font-weight: bold; text-align:center; background:#4675bd;}
.parentname font{display:inline-block; vertical-align:top; line-height:1.4em;}
.sideTitle{display: none;}

.sidenav{position:relative; z-index:13; overflow:hidden;}
.sidenav li{margin-bottom:10px;}
.sidenav li a{position:relative; display:block; padding:10px 20px; color: #0063b8; font-size:1.125em; line-height:1.6em; text-align:center; }
.sidenav li a:hover{ background-color:#dee5ef;}
.sidenav li.on a{color:#fff; background-color:#0063b8;}
.sidenav li.img a{padding: 0;}
.sidenav li.img a img{display: block; transform: .3s all;}
.sidenav li.img a:hover img{opacity: .85;}

.page_title{padding-bottom: 15px; padding-top: 9px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.page_title h2{display: inline-block; position: relative; padding-left: 25px; font-size: 1.5em; color: #4675bd; font-weight: bold; }
.page_title h2:before{content:''; position: absolute; width: 5px; height: 18px; left: 0; top: 10px; background: #ee5e37;}

/*展开式菜单 Start*/
.showMenu{position:relative; z-index:13; margin-bottom:15px; overflow:hidden;}
.showMenu h2{font-weight:normal; font-size:1.125em;}
.showMenu .li-level1{margin-bottom:5px;}
.showMenu .li-level1 h2 a{position:relative; display:block; padding:.75em 2em .75em 1.25em; font-size:1em; line-height:1.6em; text-align:left; background-color:#f7f7f7;}
.showMenu .li-level1 h2 a:hover{color:#0064b9; background-color:#f2f2f2;}
.showMenu .li-level1 h2 a.anow{color:#fff; background-color:#0063b8;}
.showMenu .li-level1 h2 a.show{color:#fff; background-color:#0063b8;}

.showMenu .li-level1 h2.level1-drop a:before{ position:absolute; top:50%; right:15px; content:""; margin-top:-8px; width:15px; height:15px; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:-15px 0;}
.showMenu .li-level1 h2.level1-drop a:hover:before{background-position:-15px 0;}
.showMenu .li-level1 h2.level1-drop a.anow:before{background-position:0 0;}
.showMenu .li-level1 h2.level1-drop a.anow:hover:before{background-position:0 0;}
.showMenu .li-level1 h2.level1-drop a.show:before{background-position:-30px 0;}
.showMenu .li-level1 h2.level1-drop a.show:hover:before{background-position:-30px 0;}

.showMenu .show-classify{}
.showMenu .show-classify li{float:left; width:100%; padding:.625em 0; border-bottom:1px solid #dedede;}
.showMenu .show-classify li a{position:relative; display:block; padding-left:1.25em; line-height:1.8em;}
.showMenu .show-classify li a:before{position:absolute; top:-7px; left:0; content:""; margin-top:.9em; width:3px; height:15px; line-height:1.8em; background-color:#0063b8;}
.showMenu .show-classify li a.anow{color:#0063b8;}
.showMenu .show-classify li.notBorder{border-bottom-width:0;}

.showMenu .ul-level1{display:none; padding:0 20px; background-color:#fff;}

/*展开式菜单 End*/

/*list*/
.page_list li{ position:relative; padding:20px 0px 40px 0; clear:both; overflow:hidden; line-height:1.6;border-bottom: 1px solid #eee;}
.page_list li .time{  left:0; bottom:10px; color:#999999;font-size: 0.9375rem;position: absolute;}
.page_list li a{display: block; max-width:100%; color: #595959; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;font-size: 1.375rem;}
.page_list li a br{display: none;}
.page_list li a:hover{color:#4675bd;}
.page_list li .lmmc{position: absolute;right: 0; bottom: 10px; background-color: #4da9db; color: #fff;padding:0 10px;}
.singlePage{line-height:2.25; font-size: 16px;}

.page_list.split li:nth-child(5n),
.page_list.split .addLine{margin-bottom:15px;  border-bottom:1px dashed #e5e5e5;}
.page_lists .setModule:last-child{margin-bottom: 0;}

.page_list_pic{overflow:hidden;}
.page_list_pic ul{margin-right:-10px; margin-left:-10px; overflow:hidden; zoom:1;}
.page_list_pic ul li{position:relative; float:left; width:33.333%;}
.page_list_pic ul li a{display:block; margin:0 10px 20px; font-size:1em; overflow:hidden;}
.page_list_pic ul li .pic{display:block; width:100%;  height:242px; background-color:#ebebeb; overflow:hidden;}
.page_list_pic ul li .pic img{display:block;  width:100%; height:100%;}
.page_list_pic ul li h4{display:block; padding:15px; line-height:24px; font-weight: normal; text-align:left; background-color:#f9f9f9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb;}
/* .page_list_pic ul li h4:before{display:inline-block; width:0; height:100%; content:""; vertical-align:middle; visibility:hidden;} */
.page_list_pic ul li h4 span{height: 48px;}
.page_list_pic ul li h4 br{display: none;}

.page_ground .heading{line-height: 56px; position: relative;}
.page_ground .heading:after{position: absolute; top: 55px; right: 0; left: 0; width: 100%; content: ""; height: 1px; background-color: #e6e6e6;}
.page_ground .heading .hd{float: left;}
.page_ground .heading ul{position: relative; z-index: 1;}
.page_ground .heading ul li{float: right; margin-bottom: 5px; margin-left: 5px;}
.page_ground .heading ul li a{display: block; height: 56px;}
.page_ground .heading ul li.title{float: left; margin-left: 0;}
.page_ground .heading ul li.title a{position: relative; font-weight: bold; color: #333;}
.page_ground .heading.menu1{margin-bottom: 10px;}
.page_ground .heading.menu1 li.title a{padding: 0 20px; font-size: 1.25em; color: #fff; background-color: #0063b8;}
.page_ground .heading.menu2 li.title a{ font-size: 1.25em; }
.page_ground .heading.menu2 li.title a:after{position: absolute; bottom: -1px; left: 0; content: ""; width: 2em; height: 3px; background-color: #87b6de;}
.page_ground .heading .more{float: right; font-size: .875em;}
.page_ground .heading .more a{color: #666;}
.page_ground .heading .more a:hover{color: #333;}
.page_ground .infoList{margin-top: 10px;}
.page_ground .xxgk-items .infoList li{width: 33.33333%;}
.page_ground .common-row{margin-top: 10px;}

.addline{padding-top: 1em; padding-bottom: 1em; border-bottom: 1px dashed #d6d6d6;}

/* singlepage */
.singlepage_title{text-align:center; font-size:2em; line-height:140%; padding:15px 0 30px;}
.singlepage_attr{padding-bottom:12px; font-size: .9375em; color:#888888; border-bottom:#e1e1e1 1px solid; text-align: center;}
.singlepage_attr span{margin: 0 10px; display: inline-block;}
.singlepage_attr b{font-weight: normal;}
.singlepage_attr .fontsize i{cursor:pointer; font-style: normal; color:#888; margin-right:4px; margin-left:4px;}
.singlepage_attr .fontsize i:hover{color:#8d0707;}

.singlepage_content{clear:both; padding:20px; line-height:2.25; overflow:hidden;}
.singlepage_content p{margin:15px 0;}
.singlepage_content table,
.singlepage_content video,
.singlepage_content img{max-width:100%;}

.singlepage_button{padding-top:5%; padding-bottom:5%; font-size:.875em;border-top: #e3e3e3 1px dashed; text-align:center;}
.singlepage_button a{display:inline-block; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px;line-height:26px; background-color:#ececec;}
.singlepage_button a:hover,
.singlepage_button a.hover{background-color:#355e92; color:#fff;}

/* sitemap */
.sitemap .common_title.grain.orange h3:before{background: #ee5e37;}
.sitemap .common_title.grain h3:before{position:absolute; top:50%; left:0; content:""; width:4px; height:16px; margin-top:-8px; background-color:#0557ac;}
.sitemap .common_title.grain h3{padding-left:20px; position: relative;}
.sitemap .common_title.grain.orange h3:before{background: #ee5e37;}
.sitemap .module{border-bottom:1px dashed #e5e5e5;}
.sitemap .common_title{line-height:46px; background-color:#f8f8f8;}
.sitemap .newslist{padding:15px 0;}
.sitemap .newslist li{float:left; width:25%;line-height: 30px;}
.sitemap .newslist li h4{padding-right:15px; font-size:1em;font-weight:normal; position: relative; padding-left:10px;}
.sitemap .newslist li h4:before{width:5px; height:5px; }
.sitemap .newslist.dot li h4:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 5px; height: 5px; background: #f8f8f8;}
.sitemap .newslist.dot.gray li h4:before{background: #0557ac;}

.listttbox{padding:30px 0px;}
.listttbox p{margin-bottom: 20px; line-height: 1.6;}

/*公告中心*/
.ggzx-category{border-top: 1px dashed #e6e6e6;}
.ggzx-menu-items{margin-right: -25px; margin-left: -25px; padding-top: 30px;}
.ggzx-menu-items li{float:left; width:11.11111%; margin-bottom:15px;}
.ggzx-menu-items li a{display:block; margin-bottom: 10px;}
.ggzx-menu-items li a:hover{color:#333;}
.ggzx-menu-items li a:hover i{box-shadow: 0px 5px 6px #c5c5c5;}
.ggzx-menu-items li a i{position:relative; display:block; margin:0 auto; width:80px; height:80px; border-radius:15px; background-image:url(/taicang/xhtml/images/ggzx/icon-tran.png); background-repeat:no-repeat; background-position:right bottom;}
.ggzx-menu-items li a i:before{position:absolute; top:50%; left:50%; content:""; margin-top:-23px; margin-left:-23px; width:46px; height:46px; background-image:url(/taicang/xhtml/images/ggzx/menu_icons.png); background-repeat:no-repeat;}
.ggzx-menu-items li a span{display:block; margin-top:8px; text-align:center;}
.ggzx-menu-items li.li0 a i{background-color:#fc8e8e;}
.ggzx-menu-items li.li1 a i{background-color:#ffa472;}
.ggzx-menu-items li.li2 a i{background-color:#fcb995;}
.ggzx-menu-items li.li3 a i{background-color:#ffe065;}
.ggzx-menu-items li.li4 a i{background-color:#fdda87;}
.ggzx-menu-items li.li5 a i{background-color:#e1eb87;}
.ggzx-menu-items li.li6 a i{background-color:#c8e084;}
.ggzx-menu-items li.li7 a i{background-color:#95dad9;}
.ggzx-menu-items li.li8 a i{background-color:#87bdeb;}
.ggzx-menu-items li.li9 a i{background-color:#6ab0f1;}
.ggzx-menu-items li.li10 a i{background-color:#7da3dd;}
.ggzx-menu-items li.li11 a i{background-color:#8d89da;}
.ggzx-menu-items li.li12 a i{background-color:#b49cd5;}
.ggzx-menu-items li.li13 a i{background-color:#ae89b9;}
.ggzx-menu-items li.li14 a i{background-color:#d59cb0;}
.ggzx-menu-items li.li15 a i{background-color:#f595a1;}
.ggzx-menu-items li.li16 a i{background-color:#f06969;}
.ggzx-menu-items li.li0 a:hover i{background-color:#fb7272;}
.ggzx-menu-items li.li1 a:hover i{background-color:#ff8d4f;}
.ggzx-menu-items li.li2 a:hover i{background-color:#fba77b;}
.ggzx-menu-items li.li3 a:hover i{background-color:#ffd83e;}
.ggzx-menu-items li.li4 a:hover i{background-color:#fcd169;}
.ggzx-menu-items li.li5 a:hover i{background-color:#d9e669;}
.ggzx-menu-items li.li6 a:hover i{background-color:#bad865;}
.ggzx-menu-items li.li7 a:hover i{background-color:#7ad1d0;}
.ggzx-menu-items li.li8 a:hover i{background-color:#69ace6;}
.ggzx-menu-items li.li9 a:hover i{background-color:#459ced;}
.ggzx-menu-items li.li10 a:hover i{background-color:#459ced;}
.ggzx-menu-items li.li11 a:hover i{background-color:#5d8cd5;}
.ggzx-menu-items li.li12 a:hover i{background-color:#a183ca;}
.ggzx-menu-items li.li13 a:hover i{background-color:#a183ca;}
.ggzx-menu-items li.li14 a:hover i{background-color:#ca839c;}
.ggzx-menu-items li.li15 a:hover i{background-color:#f27b89;}
.ggzx-menu-items li.li16 a:hover i{background-color:#ec4444;}
.ggzx-menu-items li.li0 a i:before{background-position:0 0;}
.ggzx-menu-items li.li1 a i:before{background-position:0 -46px;}
.ggzx-menu-items li.li2 a i:before{background-position:0 -92px;}
.ggzx-menu-items li.li3 a i:before{background-position:0 -138px;}
.ggzx-menu-items li.li4 a i:before{background-position:0 -184px;}
.ggzx-menu-items li.li5 a i:before{background-position:0 -230px;}
.ggzx-menu-items li.li6 a i:before{background-position:0 -276px;}
.ggzx-menu-items li.li7 a i:before{background-position:0 -322px;}
.ggzx-menu-items li.li8 a i:before{background-position:0 -368px;}
.ggzx-menu-items li.li9 a i:before{background-position:0 -414px;}
.ggzx-menu-items li.li11 a i:before{background-position:0 -460px;}
.ggzx-menu-items li.li11 a i:before{background-position:0 -506px;}
.ggzx-menu-items li.li12 a i:before{background-position:0 -552px;}
.ggzx-menu-items li.li13 a i:before{background-position:0 -598px;}
.ggzx-menu-items li.li14 a i:before{background-position:0 -644px;}
.ggzx-menu-items li.li15 a i:before{background-position:0 -690px;}
.ggzx-menu-items li.li16 a i:before{background-position:0 -736px;}

.ggzx-list-item{margin-bottom: 15px;}
.ggzx-list-item dl{padding-top: 20px;}
.ggzx-list-item dl dt{float: left; width: 260px; height: 157px; overflow: hidden;}
.ggzx-list-item dl dt img{display: block; width: 100%; height: auto; min-height: 100%;}
.ggzx-list-item dl dd{margin-left: 280px;}
.ggzx-list-item dl dd .infoList{margin-top: -10px;}
.ggzx-list-item dl dd .infoList li{padding-top: 5px; padding-bottom: 5px;}

/**** responsive ****/
@media (max-width: 81.25em){
  .ggzx-menu-items{margin-right: -15px; margin-left: -15px;}
  .ggzx-menu-items li{width: 12.5%;}
  .page_ground .common-row{margin-bottom: 15px;}
  .page_ground .common-row .mb{margin-bottom: 0;}
}

@media (max-width: 80em) {
  .sitemap .newslist{padding-top:10px; padding-bottom:10px;}
}


@media (max-width: 63.9375em){
  .page_list_pic ul{margin-right:-8px; margin-left:-7px;}
  .page_list_pic ul li a{margin:15px 8px 0 7px;}
}



@media (max-width: 62em){
  .sitemap .newslist{padding:10px 5px 0;}
  .sitemap .newslist li{width:33.33333%;}

  .sidebar, .maincontent{float:none; width:100%;}
  .sidebar .inbox:after, .maincontent:before{display: none;}
  .maincontent .inbox{padding-left:0; margin-left: 0;}
  .maincontent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}

  .m_sidebar{position:fixed; left:-200px; top:0; bottom:0; z-index:99; background:rgba(0,0,0,0.6)!important; width:200px!important; transition: all .3s; -webkit-transition:all .3s;}
  .m_sidebar.active{left: 0; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .m_sidebar_mark{position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.3); z-index:10; display:none;}
  .m_sidebar_over{overflow-y: auto; max-height: 100%; overflow-x:hidden;}
  .m_sidebar_icon{position:absolute; left:100%; bottom:0; z-index:13; width:40px; height:40px; background:url(../images/m_icon_sidebar.gif) no-repeat center center; background-color:rgba(0,0,0,0.6); border-radius:0 4px 0 0;   cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
  .m_sidebar_icon_open{transform: rotate(180deg); border-radius: 0 0 0 4px;}
  .parentname{margin-bottom: 1px; text-align: left;}
  .sidenav li{margin-bottom:0; border-top:none;}
  .sidenav li a{padding-top: 12px; padding-bottom: 12px; border-bottom:1px solid rgba(255,255,255,.8); text-align: left; color: #fff;}
  .sidenav li a:hover{background-color: #0063b8;}
  .showMenu{width:200px; margin-bottom: 0;}
  .showMenu .li-level1{margin-bottom:0px; border-top:1px solid rgba(255,255,255,.8);}
  .page_list{margin-bottom:0;}
  .page_list_pic{margin-bottom:0;}
  .page_tt{padding-top:15px;}
  
  .ggzx-menu-items li a i{width: 70px; height: 70px;}
}

@media (max-width:48em) {
  .page_list_pic ul li{width:50%;}
  .page_list li a{white-space: normal;font-size: 1.25rem;}
  .sitemap .newslist li{width:50%;}
  .page_ground .xxgk-items .infoList li{width: 50%;}
  
  .ggzx-menu-items li{width: 25%;}
  .ggzx-list-item{margin-bottom: 0; display: none;}
  .ggzx-list-item dl dt{display: none;}
  .ggzx-list-item dl dd{margin-left: 0;}
}

@media (max-width: 40em){
  .page_list_pic ul li .pic{height:210px;}
}

@media (max-width: 30em){
  .page_list li{padding:10px 10px 10px 0 !important;  line-height:1.6; height:auto;}
	.page_list li a, .page_list li .time{float:none;position:static; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:auto;}
  .page_list li a{margin-right: 10px;}
  .page_list_pic ul li .pic{height:170px;}

}

@media (max-width: 450px){
  .page_ground .xxgk-items .infoList li{width: 100%;}
  .ggzx-menu-items li{width: 33.33333%;}
}

@media (max-width: 414px){
  .page_list_pic ul li .pic{height:160px;}
}

@media (max-width:375px){

}

@media (max-width:320px){
  .page_list_pic ul li{width:100%;}
  .page_list_pic ul li .pic{height: auto;}
  .page_list_pic ul li h4 span{height: auto; display: block;}
  .sitemap .newslist li{width:100%;}
}