/*
 *  20190419 湖州司法局首页 CSS
 */

 /* 通用 */
 .sf-18 { font-size: 18px; }
  /* 轮播小圆点 */
 .off { background: url('/cms_files/webhuzhoushisifajuxingzhengfuyiju/pubtplobject/defaultSet/696272/images/main1_2.png') no-repeat center; }
 .on { background: url('/cms_files/webhuzhoushisifajuxingzhengfuyiju/pubtplobject/defaultSet/696272/images/main1_3.png') no-repeat center; }

 /* 第一部分 */
 .main-1 {
     width: 100%;
     height: auto;
     margin-top: 25px;
     overflow: hidden;
 }

 /* 轮播 */
 .main-11 {
     width: 54.3%;
     height: 366px;
     position: relative;
 }

 .main-111 {
    width: 100%;
    height: 100%;
    overflow: hidden;
 }

 .main-111 ul {
     height: 100%;
 }

 .main-111 li {
    overflow: hidden;
    position: relative;
 }

 .main-111 span {
     position: absolute;
     display: inline-block;
     width: 100%; 
     height: 48px;
     line-height: 48px;
     bottom: 0;
     left: 0;
     box-sizing: border-box;
     padding: 0 20px;
     background: url("/cms_files/webhuzhoushisifajuxingzhengfuyiju/pubtplobject/defaultSet/696272/images/main1_1.png");
 }

 .main-111 span a {
     color: #fff;
 }

 .main-111 img {
     width: 100%;
     height: 100%;
 }

 .main-112 {
     position: absolute;
     bottom: 19px;
     right: 16px;
 }

 .main-112 li {
     width: 11px;
     height: 11px;
     text-align: center;
     margin: 0 4px;
 }


 /* 文字新闻 */
 .main-12 {
     width: 44.1%;
     height: 366px;
     overflow: hidden;
 }

 .main-121 {
     width: 100%;
     height: 45px;
     border-bottom: 1px solid #e3e3e3;
     position: relative;
     overflow: hidden;
 }

 .main-121 li {
     width: 105px;
     height: 100%;
     line-height: 43px;
     box-sizing: border-box;
     text-align: center;
     position: relative;
 }

 .main-121 li::before {
     content: "";
     width: 1px;
     height: 16px;
     position: absolute;
     left: -1px;
     top: 15px;
     background-color: #e3e3e3; 
 }

 .m121-1 {
     border-bottom: 2px solid #2b579b;
 }

 a.m121-1 {
     color: #2b579b;
     font-weight: bold;
 }

 .main-121 a {
     display: inline-block;
     width: 100%;
     height: 100%;
     color: #333;
 }

 .main-121 span{
     position: absolute;
     font-size: 14px;
     right: 0;
     top: 15px;
 }

 .main-121 span a { color: #666; }

 .main-121 img {
     margin-left: 10px;
 }

 .main-122 {
     height: 108px;
     border-bottom: 1px dashed #e3e3e3;
 }

 .m122-1 {
    color:#2b579b;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    padding-top: 9px;
 }

 .m122-2 {
     color: #666;
     line-height: 26px;
     text-indent: 2em;
 }

 .main-123 { 
 	overflow:hidden; 
 }

 .main-123 li {
     width: 100%;
     height: 36px;
     line-height: 36px;
     position: relative;
 }

 .main-123 a {
     background: url('/cms_files/webhuzhoushisifajuxingzhengfuyiju/pubtplobject/defaultSet/696272/images/main1_5.png') no-repeat left;
     padding-left: 15px;
     color: #333;
 }

 .main-123 a:hover { color: #1e58af; }

 .main-123 span {
     position: absolute;
     right: 0;
     top: 0;
     color: #666;
 }

 .main-2 {
     width: 100%;
     overflow: hidden;
     margin-top: 35px;
 }

 .main-21 {
     width: 65.8%;
     height: 155px;
     overflow: hidden;
 }

 .main-22 {
     width: 34%;
     height: 155px;
     overflow: hidden;
     font-weight: bold;
 }

 .main-22 a {
     color: #fff;
     display: inline-block;
     width: 100%;
     height: 100%;
 }
  .main-22 a img{
	  vertical-align:top;
  }
 .main-22 .main-221{
	margin-bottom: 8px;
	overflow:hidden;
 }
 .main-22 .main-221 li {
	width: 33.3%;
	height: 72px;
	line-height: 68px;
	text-align: center;
	box-sizing: border-box;
 }
 .main-22 .main-222 li {
	 width: 49.99%;
	text-align:right;
	margin-bottom: 11px;
 }


 /* 列表信息 */
 .main-3 {
     margin: 35px 0 0 0 ;
     overflow: hidden;
 }

 .main-3 > div {
     width: 33.3%;
     height: auto;
 }

 /* 列表信息通用title */
 .m3-1 {
     position: relative;
     width: 95.5%;
     height: 21px;
     line-height: 21px;
     font-weight: bold;
     color: #2b579b;
     margin-bottom: 8px;
 }

 .m3-1::before {
     content: '';
     width: 51.5%;
     height: 1px;
     background: #e3e3e3;
     position: absolute;
     right: 67px;
     top: 10px;
 }

 .m3-1::after {
     content: '';
     width: 1px;
     height: 20px;
     background: #e3e3e3;
     position: absolute;
     left: 117px;
     top: 0;
 }

 .m3-1 img { margin-right: 10px; }

 .m3-1 span {
     position: absolute;
     right: 0;
     top: 0;
     font-weight: normal;
 }

 .m3-1 span img { 
     margin: 0;
     margin-left: 10px; 
 }

 .m3-1 span a { color:#666; }

 /* 列表信息通用列表 */
 .m3-2 {
     width: 95.5%;
     overflow: hidden;
 }

 .m3-2 li {
     width: 100%;
     height: 64px;
     line-height: 25px;
     border-bottom: 1px dashed #e3e3e3;
     position: relative;
     box-sizing: border-box;
     padding: 6px 0;
 }

 .m3-2 a {
     display: inline-block;
     width: 75%;
     color: rgb(61, 35, 35);
 }

 .m3-2 a:hover { color: #1e58af; }

 .m3-2 span {
     position: absolute;
     right: 0;
     top: 12px;
     color: #666;
 }

 /* 左 中 右 magrin调整 */
 .m3-21 { margin: 0 auto 8px; } /* 中间部分标题修改 */ 
 .m3-22 { margin: auto; } /* 中间部分列表修改 */ 

 /* 中间部分微调 */
 .m3-22 li {
     width: 96%;
     float: right;
 }

 .m3-22 li::before {
     content: '';
     width: 1px;
     height: 51px;
     background: #5168b6;
     position: absolute;
     left: -11px;
     top: 28px;
 }

 .m3-22 li::after {
     content: '';
     width: 9px;
     height: 9px;
     box-sizing: border-box;
     border-radius: 9px;
     border: 1px solid #5168b6;
     background: #fff;
     position: absolute;
     top: 17px;
     left: -15px;
 }

 .m3-22 li:hover::after{
     background: #5168b6;
 }

 .main-4 {
     width: 100%;
     margin: 15px auto 35px;
     overflow: hidden;
 }

 .main-41 {
     margin: 28px 0;
     height: 1px;
     width: 100%;
     background: #e3e3e3;
     position: relative;
 }

 .main-411 {
     width: 24%;
     text-align: center;
     color: #2b579b;
     font-weight: bold;
     background: #fff;
     position: absolute;
     left: 38%;
     top: -11.7px;
 }

 .main-411::after,.main-411::before {
     content: '';
     width: 32%;
     height: 2px;
     background: #2b579b;
     position: absolute;
     left: 0;
     top: 11px;
 }

 .main-411::before {
     right: 0;
     left: unset;
 }

 .main-42 {
     width: 80%;
     height: 70px;
	 padding-left:20%;
     overflow: hidden;
 }

 .main-42 ul { width: 1250px; }

 .main-42 li{
     width: 223px;
     height: 70px;
     margin-right: 21px;
 }

 .main-42 li img {
     width: 100%;
     height: 70px;
 }