@charset "utf-8";

.listmain{background-color: #98d7f4; background-image: url(../images/listbox_bg1.png); background-repeat: repeat-x; background-position: center bottom;}
.listmain .innerbox{padding: 10px;}
.listmain .innerbox.hadbg{background-image: url(../images/listbox_bg3.png); background-repeat: no-repeat; background-position: left bottom;}
.listmain .innerbox .case{position: relative;}
.listmain .innerbox .case:before{position: absolute; top: 0; right: 0; bottom: 0; content: ""; width: 75.8%; background-color: #fff;}

.listbox{position: relative; z-index: 112; padding: 20px; min-height: 480px; background-color: #fff;}
.listbox .infoList li{padding-top: .5em; padding-bottom: .5em;}
.listbox .infoList li h4 a:before{top: -3px; border-radius: 0; width: 6px; height: 6px; background-color: #0081d0;}

/*layout*/
.sideBar{float: left; width: 24.2%;}
.mainContent{float: right; width: 75.8%;}

.parentName{position: relative; z-index: 111; line-height: 1.6em; padding: .9375em 0; font-weight: bold; font-size: 1.25em; color: #007fce; text-align: center; overflow: hidden;}
.parentName font{display: inline-block; vertical-align: top; line-height: 1.4em;}

.sideMenu{position: relative; z-index: 112; margin-left: .75em; overflow: hidden;}
.sideMenu li a{position: relative; display: block; padding: .5em 2.75em .5em 10%; font-size: 1.125em; line-height: 1.5em; text-align: left;}
.sideMenu li a:before{position: absolute; top: 0; right: 12px; bottom: 0; left: 0; z-index: 1; content: ""; background-color: #dbf4ff; border-radius: .3125em; transition: all .3s;}
.sideMenu li a:after{position: absolute; top: 50%; right: 1.5em; z-index: 2; content: ""; margin-top: -6px; border: transparent solid 6px; border-left-color: #019de5;}
.sideMenu li a font{position: relative; z-index: 3;}
.sideMenu li a:hover{color: #333; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80;}
.sideMenu li a.aon{color: #019de5;}
.sideMenu li a.aon:before{right: 0; background-color: #fff; border-radius: 0;}
.sideMenu li a.aon:hover{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.sideMenu li+li a{margin-top: .75em;}

.piclist dl{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #e6e6e6;}
.piclist dl dt{float: left; width: 25%;}
.piclist dl dt .place{position: relative; padding-top: 65.25%; overflow: hidden;}
.piclist dl dt .place a{position: absolute; top: 0; right:0 ; bottom: 0; left: 0;}
.piclist dl dt .place a img{display: block; width: 100%; height: 100%;}
.piclist dl dd{margin-left: 25%; padding-left: 15px; line-height: 1.6em;}
.piclist dl dd div+div{margin-top: .425em; font-size: .875em; color: #ff3000;}
.piclist dl dd .caption{position: relative; padding-right: 100px;}
.piclist dl dd .caption a{font-weight: bold;}
.piclist dl dd .caption .time{position: absolute; top: 0; right: 0; font-size: .875em; color: #999;}
.piclist dl dd .memo{color: #999; text-align: justify;}
.piclist dl dd .seemore a{color: #ff3000;}

.leader-info dd{padding-bottom: 10px; border-bottom: 1px dashed #e6e6e6;}
.leader-info dd>div{margin-bottom: 10px;}
.leader-info dd .name{font-size: 1.375em; font-weight: bold; line-height: 1.75em;}
.leader-info dd .zw{font-size: 1.125em; line-height: 1.75em;}
.leader-text{line-height: 2.2em; text-align: justify; overflow: hidden;}

.contact{padding: 5% 8%; background: url(../images/lxwm_bg.jpg) no-repeat right #eefaff; border-radius: 10px; background-size: cover;}
.contact p{position: relative; padding-left: 50px; margin-top: 5%; margin-bottom: 5%; line-height: 30px;}
.contact p:before{position: absolute; top: 0; left: 0; content: ""; width: 30px; height: 30px; background-repeat: no-repeat; background-image:url(../images/lxwm_icons.png);}
.contact p.post:before{background-position: 0 -30px;}
.contact p.tel:before{background-position: 0 -60px;}
.contact p.fax:before{background-position: 0 -90px;}
.contact p.email:before{background-position: 0 -120px;}

@media (max-width: 991px){
  .listbox{min-height: inherit; padding: 15px;}
  .sideBar{float:none !important; width:auto !important;}
  .mainContent{float:none !important; width:auto !important;}
  .mainContent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}
  
  .mobile-sideBar{position:fixed; left:-200px; top:0; bottom:0; z-index:199; background:rgba(0,0,0,0.6)!important; width:200px!important; transition: all .3s; -webkit-transition:all .3s; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .mobile-sideBar-mark{position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.3); z-index:100; display:none;}
  .mobile-sideBar-over{width:200px; height:100%; overflow-x:hidden;}
  .mobile-sideBar-scroll{position:relative; width:220px; height:100%; overflow-x:hidden;}
  .mobile-sideBar-icon{position:absolute; left:100%; bottom:0; z-index:113; width:40px; height:40px; background:url(../images/site_tree_ico.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);}
  .mobile-sideBar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px;}

  .parentName{padding: 5% 8%; margin-right: 20px; text-align: left; color: #fff; background-color: #007fce;}
  .sideMenu{margin-right: 20px; margin-left: 0;}
  .sideMenu li a{padding: 5% 15% 5% 8%; text-align: left;}
  .sideMenu li a:before{right: 0; border-radius: 0; background-color: #fff;}
  .sideMenu li a:after{right: 5%;}
  .sideMenu li+li a{margin-top: 0; border-top: 1px solid #e6e6e6;}
  
  .piclist dl{padding-bottom: 15px; margin-bottom: 15px;}
}

@media (max-width:768px) {
  .listbox .infoList li{padding-top: .75em; padding-bottom: .75em; border-bottom: 1px dashed #e6e6e6;}
  .listbox .infoList li h4{font-size: 1em; padding-right: 0;}
  .listbox .infoList li h4 a{float: none; display: inline; max-width: none; white-space: normal;}
  .listbox .infoList li h4 .time{position: static; display: block; margin-top: .3125em;}
  .listbox .infoList li h4 .time:before{content: "发布时间：";}
  
  .piclist dl dd .caption{padding-right: 0;}
  .piclist dl dd .caption a{white-space: normal; font-weight: normal;}
  .piclist dl dd .caption .time{position: static; display: block; margin-top: .3125em;}
  .piclist dl dd .memo{display: none;}
  .piclist dl dd .seemore{display: none;}
}

@media (max-width:450px) {
  .piclist dl dt{float: none; width: auto; margin-bottom: .5em;}
  .piclist dl dd{margin-left: 0; padding-left: 0;}
  .piclist dl dd .caption{padding-right: 0;}
  .piclist dl dd .caption a{white-space: normal; font-weight: normal;}
  .piclist dl dd .caption .time{position: static; display: block; margin-top: .3125em;}
  .piclist dl dd .memo{display: none;}
  .piclist dl dd .seemore{display: none;}
  
  .contact p{margin-top: 8%; margin-bottom: 8%;}
}