@charset "utf-8";
.sidenav li a:after{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

/*layout*/
.banner img{display: block; width: 100%;}

/* crumb */
.sidebar{float:left; width: 22.5%;}
.parentname{display: none;}
.sidenav{position:relative; z-index:13; overflow:hidden;  border-top: 1px solid #e6e6e6;}
.sidenav li{border-bottom: 1px solid #e6e6e6;}
.sidenav li a{position:relative; display:block; padding:15px 30px 15px 12%; font-size:1.125em; line-height:1.6em;}
.sidenav li a i{position: absolute; right: 10px; top: 50%; margin-top: -6px; line-height: 1em; margin-top: -.5em;}
.sidenav li.on a{color: #004fb9;}
.sidenav li.on a i{color: #004fb9;}

/*list*/
.maincontent{float: right; width: 77.5%;}
.maincontent .inbox{padding-left: 35px;}
.maincontent .article{width: auto;}
.maincontent .article-content{padding-top: 0;}
.pagelist li{position:relative; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #e6e6e6;}
.pagelist li .box{position: relative;}
.pagelist li .image{float: left; width: 25%;}
.pagelist li .image .place{padding-top: 66.67%;}
.pagelist li .txt{margin-left: 25%; padding-left: 25px;}
.pagelist li .caption{margin-bottom: 1em; font-weight: bold; font-size: 1.25em; overflow: hidden;}
.pagelist li .desc{font-size:1.125em; color: #666666; overflow:hidden;}
.pagelist li .desc .elli-m{line-height: 1.8em; max-height: 3.6em;}
.pagelist li .time{margin-top: 1em; color: #666666;}
.pagelist li:hover *{color: #004fb9;}

.pagelist li.nopic .box{padding-left: 0; min-height:auto;}
.pagelist li.nopic .image{display: none;}
.pagelist li.nopic .txt{margin-left: 0; padding-left: 0;}

.maincontent .inbox .dsj{background: none;}
.maincontent .inbox .dsj .swiper-container{width: auto;}

/**** responsive ****/
@media (max-width: 992px){
  .sidebar{float:none; width:100%;}
  .maincontent{float: none; width: 100%;}
  .maincontent .inbox{padding-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); width:200px; transition: all .3s; -webkit-transition:all .3s;}
  .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{width:200px; height:100%; overflow-x:hidden;}
  .m-sidebar-scroll{position:relative; width:220px; height:100%; overflow-x:hidden;}
  .m-sidebar-icon{position:absolute; left:100%; bottom:0; z-index:13; 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);}
  .m-sidebar.active{left: 0; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .m-sidebar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px;}
  .parentname{margin-bottom: 2px; text-align: left;}
  .sidenav{width: 200px; position: relative; z-index: 99; margin-top: -1px;}
  .sidenav li{float: none; border-bottom: none;}
  .sidenav li a{padding: 15px 25px 15px 15px; background: #fff; border-top: 1px solid #f7f7f7; text-align: left;}
  
  
  .pagelist li{padding-bottom: 25px; margin-bottom: 25px;}
  .pagelist li .txt{padding-left: 20px;}
}

@media (max-width: 768px){
  .pagelist li .image .place{padding-top: 75%;}
  .pagelist li .caption{margin-bottom: .875em;}
  .pagelist li .time{margin-top: .875em;}
}

@media (max-width: 640px){
  .pagelist li{padding-bottom: 20px; margin-bottom: 20px;}
  .pagelist li .image{float: none; width: auto; margin-bottom: 20px;}
  .pagelist li .image .place{padding-top: 56.25%;}
  .pagelist li .txt{margin-left: 0; padding-left: 0;}
  .pagelist li .caption{font-size: 1.125em;}
  .pagelist li .caption .elli-s{white-space: normal;}
  .pagelist li .desc{display: none;}
  .pagelist li .time{margin-top: 0;}
}

@media (max-width: 480px){
  .banner{display: none;}
}

.lunwen-list{margin-top: -25px;}
.lunwen-list dl{padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5;}
.lunwen-list dl dt{float: left; width: 33.33333%;}
.lunwen-list dl dt .place{padding-top: 75%;}
.lunwen-list dl dd{float: left; width: 66.66667%;}
.lunwen-list dl dd > div{margin-left: 25px;}
.lunwen-list dl dd .caption{font-weight: bold; font-size: 1.25em; margin-bottom: 20px;}
.lunwen-list dl dd .desc .item{position: relative; padding-left: 4em; margin-top: .75em; color: #999; line-height: 1.6em; min-height: 1.6em; text-align: justify;}
.lunwen-list dl dd .desc .item label{position: absolute; top: 0; left: 0; width: 5em;}
.lunwen-list dl dd .desc .item.keywords span{display: inline-block; margin-right: 1em;}
@media (max-width:600px){
  .lunwen-list{margin-top: -20px;}
  .lunwen-list dl{padding-top: 20px; padding-bottom: 20px;}
  .lunwen-list dl dt{float: none; width: auto; margin-bottom: 20px;} 
  .lunwen-list dl dd{float: none; width: auto;}
  .lunwen-list dl dd > div{margin-left: 0;}
  .lunwen-list dl dd .caption{margin-bottom: 15px;}
}

.gallery{position: relative;}
.gallery .swiper-slide{width: 60%;}
.gallery .swiper-slide .box .place{padding-top: 56.25%;}
.gallery .swiper-slide .box .place .pic{top: 20%; background: #000;}
.gallery .swiper-slide .box .place .pic img{opacity: .5; filter: alpha(opacity=50);}
.gallery .swiper-slide-active .box .place .pic{top: 0;}
.gallery .swiper-slide-active .box .place .pic img{opacity: 1 !important; filter: alpha(opacity=100)!important;}
.gallery .swiper-ctrl-button{margin-top: -1%;}
.gallery .swiper-ctrl-prev{left: 12%;}
.gallery .swiper-ctrl-next{right: 12%;}
@media (max-width:992px){
  .gallery .swiper-container{width: auto;}	
  .gallery .swiper-slide{width: 70%;}
  .gallery .swiper-ctrl-prev{left: 6%;}
  .gallery .swiper-ctrl-next{right: 6%;}
}
@media (max-width:450px){
  .gallery .swiper-ctrl-button{margin-top: -5%;}	
  .gallery .swiper-ctrl-prev{left: 4%;}
  .gallery .swiper-ctrl-next{right: 4%;}
}

.sjcp-tabs > .hd{background-color: #fff; box-shadow: 0 0 20px rgba(12,97,221,.14); overflow: hidden;}
.sjcp-tabs > .hd li{float: left; width: 33.33333%;}
.sjcp-tabs > .hd li a{display: block; position: relative; height: 100px; line-height: 100px; text-align: center;}
.sjcp-tabs > .hd li a span{display: inline-block; max-width: 90%; vertical-align: middle; line-height: 1.25em;}
.sjcp-tabs > .hd li a:after{position: absolute; top: 0; right: -1px; bottom: 0; content: ""; width: 1px; background-color: #e6e6e6;}
.sjcp-tabs > .hd li.on a{color: #fff; background-color: #3b7be4;}
.sjcp-tabs > .hd li.on a:after{background-color: #3b7be4;}
.sjcp-tabs > .bd .section .article-title{color: #333; margin-top: 10px; margin-bottom: 20px;}
.sjcp-tabs > .bd .section .article-content{padding-right: 0; padding-bottom: 0; padding-left: 0; background: none;}
@media (max-width:768px){
  .sjcp-tabs > .bd .section .article-content{margin-right: 0; margin-left: 0;}	
}