@charset "utf-8";

/*layout*/
.side_bar{float: left; width: 15%;}
.main_content{float: right; width: 85%;}
.main_content .inbox{position: relative; z-index: 112; margin-left: 30px; padding: 40px 40px 0; background-color: #fff;}
.main_content .inbox .article_attr .fontsize{margin-right: 0;}

.parent_name{position: relative; z-index: 111;}
.parent_name font{position: relative; z-index: 110; display: block; max-width: 100%; padding: .6125em 20% .6125em 20%; font-weight: bold; font-size: 1.375em; color: #fff; line-height: 1.5em; text-align: left; background-color: #649cf0; overflow: hidden;}
.parent_name:after{position: absolute; right: 0px; bottom: -20px; z-index: 109; content: ""; border: transparent solid 10px; border-top-color: #2e6ece;}
.side_menu{position: relative; z-index: 112; margin-right: 10px; padding: 15px 0; background-color: #fff; overflow: hidden;}
.side_menu li a{position: relative; display: block; padding: .6125em 20% .6125em 20%; font-weight: bold; font-size: 1.125em; color: #6e6e6e; line-height: 1.5em; text-align: left; background-color: #fff;}
.side_menu li a:hover{color: #649cf0;}
.side_menu li a:after{position: absolute; top: 50%; right: 15%; content: ""; margin-top: -4px; border: transparent solid 4px; border-left-color: #0e61dd;}
.side_menu li a.aon{color: #257de1; border-color: #2462c9;}
.side_menu li a.aon:hover{color: #257de1; border-color: #2462c9;}

/*展开式菜单 Start*/
.showmenu{position:relative; z-index:112; margin-right:10px; overflow:hidden;}
.showmenu h2{font-weight:normal; font-size:1em;}
.showmenu .li-level1 h2 a{position: relative; display: block; padding: .6125em 20% .6125em 20%; font-weight: bold; font-size: 1.125em; color: #6e6e6e; line-height: 1.5em; text-align: left; background-color: #fff;}
.showmenu .li-level1 h2 a:after{position: absolute; top: 50%; right: 15%; content: ""; margin-top: -4px; border: transparent solid 4px; border-left-color: #0e61dd;}
.showmenu .li-level1 h2 a:hover{color:#257de1;}
.showmenu .li-level1 h2 a.anow,
.showmenu .li-level1 h2 a.show{color:#fff; background-color:#257de1;}
.showmenu .li-level1 h2 a.anow:after{border-left-color:#fff;}
.showmenu .li-level1 h2 a.show:after{margin-top:-2px; border: transparent solid 5px; border-top-color:#fff;}
.showmenu .li-level1 ul{border-bottom: 1px solid #eee;}

.showmenu .show-classify li{padding:11px 5% 11px 20%;}
.showmenu .show-classify li a{position:relative; display:block; padding-left:20px; 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:#257de1;}
.showmenu .show-classify li a.anow{color:#257de1;}
.showmenu .show-classify li.notBorder{border-bottom-width:0;}

.showmenu .ul-level1{display:none; background-color:#fff;}

/*展开式菜单 End*/

.page_list_box{margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #e4e7eb;}

.sjcp_list ul{margin-right: -15px; margin-left: -15px; overflow:hidden;}
.sjcp_list ul li{float: left; width: 25%;}
.sjcp_list ul li dl{margin: 0 15px 30px; border: 1px solid #f0f0f0;}
.sjcp_list ul li dl dt.place{position: relative; padding-top: 75%;}
.sjcp_list ul li dl dt.place a{position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.sjcp_list ul li dl dt.place a img{display: block; width: 100%; height: 100%;}
.sjcp_list ul li dl dd{padding: 5%; background-color: #fff;}
.sjcp_list ul li dl dd .caption{font-size: 1.25em; margin-bottom: 6%;}
.sjcp_list ul li dl dd .producer{font-size: .9375em;}
.sjcp_list ul li dl dd .memo{margin-top: 2%; font-size: .9375em; line-height: 1.6em; -webkit-line-clamp: 3; height: 4.8em;}
.sjcp_list ul li dl dd .scription{font-size: .9375em; color: #f60; margin-top: 5%; line-height: 30px;}
.sjcp_list ul li dl dd .scription i{display: inline-block; vertical-align: top; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0;}
.sjcp_list ul li dl dd .scription span{cursor: pointer;}
.sjcp_list ul li dl dd .scription .fl i{background-image: url(../images/sjcp/ico_like.png);}
.sjcp_list ul li dl dd .scription .fr i{background-image: url(../images/sjcp/ico_bell.png);}

.contact dl dd{font-size: 1.125em; padding-top: .4375em; padding-bottom: .4375em; line-height: 1.6em;}

.filter_list{padding: 20px 40px; font-size: .9375em; border: 2px solid #e0e2e8;}
.filter_list dl{position:relative; padding-top: 5px; padding-bottom: 5px; line-height:2em;}
.filter_list dl span,
.filter_list dl a{display: inline-block; margin-top: .2em; margin-bottom: .2em;text-align: center;}
.filter_list dl dd ul{display: inline-block;}
.filter_list dl dd span a{padding-right: .875em; padding-left: .875em; margin-right: .5em; color: #333; border: 1px solid #e5e5e5;}
.filter_list dl dd span.on a{color: #333; border-color: #f60;}
.filter_expand{margin-top: -2px; text-align: center;}
.filter_expand a{display: inline-block; padding: 6px 30px; color: #333; background-color: #fff; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-left: 2px solid #e5e5e5;}
.filter_expand a font{display: inline-block; vertical-align: top; line-height: 20px;}
.filter_expand a i{display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url(../images/sjcp/ico_arrow.png) no-repeat 0 0;}
.filter_box_opened .filter_expand a i{background-position: 0 -20px;}

.search_form .layui-form-item{display: inline-block; vertical-align: top;}
.search_form .layui-form-label{float: none; display: inline-block; vertical-align: top; width: auto; padding-left: 0;}
.search_form .layui-input-block{display: inline-block; vertical-align: top; margin-right: 10px; margin-left: 0;}
.search_form .layui-form-item .layui-input-inline{float: none; display: inline-block; vertical-align: top; margin-left: 0;}
.search_form .layui-form-mid{float: none; display: inline-block;}
.search_form .layui-form-select dl dd.layui-this{background-color: #2462c9;}

@media (max-width: 1480px){
  .side_bar{width: 20%;}
  .main_content{width: 80%;}
  .main_content .inbox{padding: 30px 30px 0;}
  .page_list_box{padding-bottom: 25px;}
  .contact dl dd{font-size: 1.0625em;}
  
  .sjcp_list ul li{width: 33.33333%;}
}

@media (max-width: 1320px){
  .main_content .inbox{padding: 20px 20px 0;}
  .page_list_box{padding-bottom: 15px;}
  .contact dl dd{font-size: 1em;}
  
  .sjcp_list ul{margin-right: -10px; margin-left: -10px;}
  .sjcp_list ul li dl{margin: 0 10px 20px;}
}

@media (max-width: 1199px){
  .side_bar{width: 24%;}
  .main_content{width: 76%;}
  .main_content .inbox{margin-left: 20px;}
  
}

@media (max-width: 1023px){
  .side_bar{float:none !important; width:auto !important;}
  .main_content{float:none !important; width:auto !important;}
  .main_content .inbox{margin-right:0 !important; margin-left:0 !important; padding: 0 !important;}
  .main_content .inbox .detail{margin-bottom: 0;}

  .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/public/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;}

  .parent_name{background-color: transparent;}
  .parent_name font{float: none; display: block; padding: 5% 8% 5% 10%; margin-right: 20px; border-top-right-radius: 0;}
  .parent_name:after{content: normal;}
  .side_menu{padding: 0; margin-right: 20px;}
  .side_menu li a{padding: 5% 8% 5% 10%; margin: 0; text-align: left; border-top: none; border-right: none; border-left: none;}
  .side_menu li a:before{position: absolute; top: -1px; bottom: -1px; left: 0; width: 4px; background-color: #257de1;}
  .side_menu li a.aon{border-bottom-color: #ddd;}
  .side_menu li a.aon:before{content: "";}
  .page_list_box{padding-bottom: 20px;}
  
  .sjcp_list ul{margin-right: -7px; margin-left: -8px;}
  .sjcp_list ul li dl{margin: 0 7px 15px 8px;}
  
  .filter_list{padding: 15px 30px;}
}


@media (max-width: 991px){
}

@media (max-width: 850px){
  .search_form .layui-form-item .layui-input-inline{width: 160px;}
}

@media (max-width: 768px) {
  .page_list_box{margin-top: 0; padding-bottom: 0; border-bottom: none;}
  .page_list_box li{ padding-top: 1.125em; padding-bottom: 1.125em; border-bottom: 1px solid #e4e7eb;}
  .page_list_box li h4{font-size: 1em; padding-right: 0;}
  .page_list_box li h4 a{float: none; display: inline; max-width: none; white-space: normal;}
  .page_list_box li h4 .time{position: static; display: block; margin-top: .5em;}
  .page_list_box li h4 .time:before{content: "发布时间：";}
  
  .filter_list{padding: 10px 20px;}
  .search_form .layui-form-item{display: block;}
  .search_form .layui-form-label{float: left; text-align: left;}
  .search_form .layui-input-block{display: block; margin-right: 0; margin-left: 105px;}
  .search_form .layui-form-time .layui-input-inline{float: left !important; left: 0 !important; width: 47% !important; margin: 0 !important;}
  .search_form .layui-form-time .layui-form-mid{float: left; margin-right: 0; width: 6%; top: 0 !important; text-align: center; margin: 0 !important;}
}

@media (max-width: 680px){
  .sjcp_list ul li{width: 50%;}
}

@media (max-width: 450px){
  .sjcp_list ul li{width: 100%;}
  .sjcp_list ul li dl dt.place{padding-top: 56.25%;}
}

@media (max-width: 360px){
  .search_form .layui-form-label{float: none; padding-right: 0; font-weight: bold;}
  .search_form .layui-input-block{margin-left: 0;}
}

.dsj .swiper-container{padding-top: 30px; padding-bottom: 30px;}
.dsj .swiper-slide{width: 75%;}
.dsj .swiper-slide dl{background: #fff; overflow: hidden;}
.dsj .swiper-slide dl dt{display: block; width: 100%; opacity: .5;}
.dsj .swiper-slide dl dd{display: none;}
.dsj .swiper-slide-active{box-shadow: 0 0 25px rgba(0 0 0 / 20%);}
.dsj .swiper-slide-active dl dt{opacity: 1;}
.dsj .swiper-slide-active dl dd{display: block; padding: 20px;}
.dsj .swiper-slide-active dl dd .caption{text-align: center; font-size: 1.5em; font-weight: bold;}
.dsj .swiper-slide-active dl dd .des{margin-top: .75em; line-height: 1.8em; color: #999; text-align: justify;}
.dsj .swiper-button-prev,
.dsj .swiper-button-next{margin-top: -88px;}
.dsj .swiper-button-prev{left: 15%;}
.dsj .swiper-button-next{right: 15%;}
.dsj .swiper-pagination{ position: static; margin-top: 30px;}
@media (max-width:768px){
  .dsj .swiper-slide{width: 60%;}
  .dsj .swiper-button-prev{left: 10%;}
  .dsj .swiper-button-next{right: 10%;}
  .dsj .swiper-slide-active dl dd{padding: 10px 10px 15px;}
  .dsj .swiper-slide-active dl dd .caption{font-size: 1.375em;}
  .dsj .swiper-slide-active dl dd .des{margin-top: .5em; line-height: 1.6em; height: 3.2em; overflow-x: hidden; overflow-y: auto;}
}

.myalert-layer{width: 65% !important;}
.myalert-layer .layui-layer-content p + p{margin-top: 1em;}
@media (max-width:768px){
  .myalert-layer{width: 85% !important;}	
}

.yyfw-list{padding-top: 25px;}
.yyfw-list li{float: left; width: 100%;}
.yyfw-list li dl dt{float: left; width: 33.33333%;}
.yyfw-list li dl dd{margin-left: 33.33333%; padding-left: 30px;}
.yyfw-list li dl dd.caption{margin-top: .3125em; margin-bottom: 1em; font-size: 1.25em; font-weight: bold; line-height: 1.375em;}
.yyfw-list li dl dd .desc{color: #666; line-height: 1.625em; text-align: justify;}
.yyfw-list li dl dd .time{margin-top: 1.5em; color: #999; line-height: 1.623em;}

.yyfw-list li:nth-child(even) dl dt{float: right;}
.yyfw-list li:nth-child(even) dl dd{margin-right: 33.33333%; margin-left: 0; padding-right: 30px; padding-left: 0;}
@media (max-width:1280px){
  .yyfw-list li{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #e2e2e2;}	
  .yyfw-list li dl dd{padding-left: 20px;}
  .yyfw-list li:nth-child(even) dl dd{padding-right: 20px; padding-left: 0;}
}
@media (max-width:992px){
  .yyfw-list li dl dd.caption{line-height: 1.5em;}
  .yyfw-list li dl dd.memo{margin-right: 0 !important; margin-left: 0 !important; padding-top: 20px; padding-right: 0 !important; padding-left: 0 !important; clear: both;}
}
@media (max-width:640px){
  .yyfw-list li dl dt{width: 40%;}
  .yyfw-list li dl dd.caption{font-size: 1.0625em;}
  .yyfw-list li dl dd{margin-left: 40%;}
  .yyfw-list li:nth-child(even) dl dd{margin-right: 40%; margin-left: 0;}
}
@media (max-width:450px){
  .yyfw-list li dl dd.caption{font-size: 1em;}
}
@media (max-width:414px){
  .yyfw-list li{margin-bottom: 25px; padding-bottom: 20px;}
  .yyfw-list li dl dt{float: none !important; width: auto; margin-bottom: 20px;}	
  .yyfw-list li dl dd.caption{font-size: 1.125em;}
  .yyfw-list li dl dd.memo{padding-top: 0;}
}