@charset "utf-8";
 
/* top */
body{ background-color: #f9f9f9;}
.top{  height: 438px; }
.top .top-bg{ background:  no-repeat left top;}
.top .navbar{position: relative; margin-left: 210px; padding-top: 1rem;}

.top nav a{ font-weight: 700;}
.top .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 1);
}
.top .navbar-dark  .active .nav-link, .top .navbar-dark .navbar-nav .nav-link:hover{ color: #51b233;
}  
.top nav .right-item a{padding: 0.5rem 0.5rem ; display: inline-block; color: #fff; text-decoration: none; font-weight: normal;}
 
#logo{position: absolute; left: -210px;top: -0.5rem; }


.right-nav{ position: absolute; right: 0; top:1.25rem}

#check-in .btn{ font-size: 1rem;}
.icon{ display: inline-block; }
.top .right-nav-item .icon01{background-image: ; background-repeat: no-repeat; background-position:  left center;padding-left:28px;}
.top .right-nav-item .icon01 i{ display: inline-block; height: 0.5rem; border-right: 1px #fff solid; padding-right: 0.5rem;}
.top .right-nav-item .icon02{background-image: ;background-repeat: no-repeat; background-position:1rem center ; padding:0.5rem 2rem 0.5rem 3rem;  }
.top .right-nav-item .icon02:hover{ color: #fff;}
.top .right-nav-item .icon03{background-image: ;background-repeat: no-repeat; background-position:1rem center ; padding:0.5rem 2rem 0.5rem 3rem;}


#register a{margin-right:0.5rem;  margin-top: 0.5rem; }
.top .right-nav-item a{ font-size: 1rem; color: #fff; text-decoration: none;}
.top .right-nav-item a:hover{color: #51b233;}
  
 
@media (min-width: 1200px){
 .top .right-nav-item { float: right;}
}

.res-tab{ text-align: right; display: block;}
.res-tab .nav-link{ display: inline-block}

/*index*/ 
.search { background: #fff;  }
.search .btn{border-radius:0;}
.search .input-group-lg > .form-control { font-size: 1rem;
    border-radius: 0rem;
}
 .hot-key a{ color: #fff;}
 .hot-key a:hover{color:#51b233;}
.index-panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); border-radius: 0.25rem; padding: 2rem;background: #fff;}
.index-panel h3{ font-size:1.125rem; font-weight: 700;border-left: 3px  solid #51b233; padding-left: 1rem; } 
.index-panel h3.no-border{border-left:0; padding-left: 0rem;}
.index-panel a{ font-size: 0.875rem; color: #606060;    }
.index-panel a:hover{ color:#51b233;   }
.index-panel .links a{ margin-right: 1rem; display: inline-block;}
.index-title{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);  padding:1.375rem 2rem; background: #fff;}
.index-title h3{ font-size:1.125rem; font-weight: 700;border-left: 3px  solid #51b233; padding-left: 1rem; margin-block-start: 0em;
     margin-block-end: 0em;}
 
.link-1 a{ color:#606060;  border-radius: 0.25rem; font-size: 0.875rem; padding: 0.2rem 0.5rem;text-decoration: none; display:inline-block; padding: 0.2rem 0.5rem; -moz-transition: .3s ease all; transition: .3s ease all;}
.link-1>ul>li>a:hover{ color:#fff; background-color: #51b233;  -moz-transition: .3s ease all; transition: .3s ease all; }
.link-1 .prop a{position: relative;  }
.link-1 .prop a:hover{ color:#51b233; background:none;  }

.link-1 .prop a::before{
	content: ''; 
	position: absolute;
	bottom: 0;
	right: 0;
	height: 1px;
	background: #51b233;
	width: 0;
	-moz-transition: .3s ease all;
	transition: .3s ease all
} 
.link-1 .prop a:hover::before{
	width: 100%;
	left: 0
}
 
.index-title .nav-link{padding: 0.8rem 1rem 1.2rem 1rem; border: none;color:#606060; position: relative; }
  
 .index-title .nav-tabs {
     border-bottom: none;
 }
 .index-title .nav-tabs .nav-link.active,  .index-title .nav-tabs .nav-item.show .nav-link {
     background-color: #fff;
     border: none; 
 	color: #51b233;
	
 }
 
 .index-title .nav-tabs .nav-link:hover,  .index-title .nav-tabs .nav-link:focus {
     border: none;
 	 
 }
 
 .index-title .nav-tabs .nav-link::before{
 	content: '';
 }
.index-title .nav-tabs .nav-link::before {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	height: 3px;
 	background: #51b233;
 	width: 0;
 	-moz-transition: .3s ease all;
 	transition: .3s ease all
 } 
.index-title .nav-tabs .nav-link:hover::before,.index-title .nav-tabs .active::before{
 	width: 100%;
 	left: 0
 }
 
 .tab-content .tab-pane .row{ margin-right: -15px;}
  
 .index-title .res-tab{position: absolute; right: 1rem; bottom: 0px;}
 
 .info-panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); border-radius: 0.25rem;background: #fff;}
 .info-panel-title{ font-size:1.125rem; font-weight: 700;line-height: 2rem }
 .info-panel-title a{ float: right;}
 .info-panel .list{list-style: none; margin-block-start: 0em;
     margin-block-end: 0em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     padding-inline-start: 0px;}
 .info-panel .item{ font-size:0.875rem; width: 100%; height: 2.25rem; } 
 .info-panel .item a{ color: #606060; text-decoration: none;overflow: hidden;display: block; height:1.5rem;  }
 .info-panel .item a:hover{ color: #51b233; }
 .info-panel .item span{ padding: 0 0.5rem}
 .info-panel .hot { background:  no-repeat left top; }
 .info-panel .hot span{ color: #fff;}
 .info-panel .disable{ background: none; border: 0px;color: #606060; }

 @media (max-width: 991.98px){
 .info-sm-col{ 
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
 	 padding:1rem; 
	 margin-bottom: 1rem;
	  
 	}
	.info .row { 
	    margin-right: 0.5rem;
	    margin-left: 0.5rem; 
	}
	 
 
 }
 
 @media (min-width: 992px){
 .info-lg-col{
 	margin-right: 1rem;
     -ms-flex: 0 0 32.4%;
     flex: 0 0 32.4%;
     max-width: 32.4%;
 	padding:1rem;
 	}
 	.info-lg-col:nth-child(3n){
 		margin-right: 0rem;
 	}
	
 }
 
 
 
 
.row{ margin-right: 0px; margin-left: 0px;}

#breadcrumb{position: absolute; bottom: 0; left: 0; background-color:rgb(255,255,255,0.4); width:100%;}
#breadcrumb .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 0rem;
    list-style: none;
    background:none;
    border-radius: 0rem;
}
#breadcrumb .home{ background:  left center no-repeat; padding-left: 24px;}
#breadcrumb a:hover {
    color:  #51b233;
    text-decoration: none;
}
#breadcrumb a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
#breadcrumb  .breadcrumb-item { color: #fff;}

#breadcrumb  .breadcrumb-item   .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #fff;
    content: "/";
}

.banner-text{ font-family:simsuncss ; font-size: 2.25rem; font-weight: lighter; color: #fff;}

.cats{ background: #fff;}
/*.title { font-size:1rem;  padding-right: 1rem; text-align: right;}*/
.cats td{ border: 1px solid #e6e6e6;}
.cats td.left{ background: #f5f5f5; }
.cats td.right{ padding: 1rem;}
.cats td.right a{  display: inline-block; color: #606060; font-size:0.875rem; text-decoration: none; padding:0.2rem 0.5rem;  transition: 0.3s;}
.cats td.right a:hover, .cats td.right a.active{ background: #51b233; color:#fff;border-radius: 0.25rem;  transition: 0.3s;}
.cats td.right .prop a:hover{ background: none; color:#51b233;border-radius: 0.25rem;  transition: 0.3s;}
.cats td.right a.del{background: #d66060; color:#fff;border-radius: 0.25rem;}
.cats td.right a.del:hover,.cats td.right a.selected:hover{background: #b63e3e; }
.cats td.right a.selected{ display:inline-block;color:#fff;border-radius: 0.25rem; padding:0.2rem 1rem ; background-color: #51b233; }
.cats td.right a.selected i{ display:inline-block;background-repeat: no-repeat; background-image: ; width: 18px; height: 18px; margin-bottom: -3px; margin-left: 0.5rem;  }
.cats td.right .show-all-item a{ color:#51b233;}
.cats td.right .show-all-item a:hover{ color:#fff;} 
.cats td.right .cat1 a{ margin-right: 60px;}
.cats-list { margin: 0; padding: 0;}
.cats-list li{ display: inline-block; list-style: none; position: relative;  } 
.cats-list li .prop{ display: none; position: absolute; left: -20px; top: 25px;  z-index: 999; padding:20px ;  transition: 1s;}
 
.cats-list li .prop .inner{width: 462px; border-radius: 0.25rem;  box-shadow: 0 1px 20px 0 rgba(0,0,0,0.37);  padding:20px ; background-color: #fff; }
.cats-list li .prop .inner .icon{ display: block; position: absolute; background: url(/uploads/image/simages/icon19.png) no-repeat; width: 12px; height: 7px; left: 74px; top: 13px; z-index: 9999;}

.cats .title h3{ font-size:1rem; line-height: 1.5rem; font-weight: 700;border-left: 3px solid #51b233; margin-left: 1rem; padding-left: 0.5rem; margin-block-start: 0em;
    margin-block-end: 0em;}
 
.all-item{ margin-top: 1rem;}
.all-item b{font-size: 0.875rem; margin-left: 1rem}


.panel-title{   padding:1rem 2rem 1rem 0; background: #fff;border: 1px solid #e6e6e6;}
.panel-title h3{ float:left; font-size:1.125rem; font-weight: 700;border-left: 3px  solid #51b233; padding-left: 1rem; margin-block-start: 0em; margin-block-end: 0em;}
.panel-title .select{float:right;}
.panel-title .select a{ display:inline-block; padding-right: 18px; font-size: 0.875rem; background:  no-repeat right center; margin-right: 1rem;color: #606060;} 
.panel-title .select a.active{ background:  no-repeat right center;color:#51b233;}
 
#breadcrumb .select{right: 20px; top: 10px;}
#breadcrumb .select a{ display:inline-block; padding-right: 18px; font-size: 0.875rem; background:  no-repeat right center; margin-right: 1rem;color: #fff;} 
#breadcrumb .select a.active{ background:  no-repeat right center;color:#51b233;}
.nothing{ padding: 100px;}
.nothing .nothing-msg{ display: inline-block; color: #000; font-weight: 700; margin-bottom: 1rem;}
.nothing .nothing-text{ color: #606060; font-size: 0.875rem;  margin-bottom: 1rem;}
.exhibit-list .item:hover{box-shadow: 0 2px 8px 0 rgba(29,123,0,0.8);-moz-transition: .3s ease all; transition: .3s ease all}
.exhibit-list .item a {display: block; position: relative;text-decoration:none; overflow: hidden; font-size: 0.875rem; -moz-transition: .3s ease all; transition: .3s ease all}
.exhibit-list .item .img{ width: 100%; display: block; overflow: hidden;}
.exhibit-list .item img{display: block;transform: scale(1); -moz-transition: .3s ease all; transition: .3s ease all}
.exhibit-list .item a:hover img {transform: scale(1.2); -moz-transition: .3s ease all; transition: .3s ease all}
.exhibit-list .item .recommend{ position: absolute; top: 0rem; left: 0rem; font-size: 0.75rem;}
.exhibit-list .item .text{display:block; line-height:1.5rem; color:#606060;  height: 3rem; overflow: hidden; }
.exhibit-list .item a:hover .text{ color:#51b233; text-decoration:underline;   }
.exhibit-list .item .btn {
    padding: 0.2em 0.5rem; 
    line-height: 1.5;
    border-radius: 0.25rem; 
}


.exhibit-list .item .day{ color: #9b9b9b; font-size: 0.8125rem; display: block;   }
.exhibit-list .item .day i{ float:right; font-style: normal;color:#51b233;}
.exhibit-list .item .hot{ color: #9b9b9b; display: block;  font-size:0.75rem; }
.exhibit-list .item .hot i{font-style: normal;color:#51b233;}
.exhibit-list .item .hot .attention{ float:right;font-size:0.75rem;}
  
.header { height: 139px;}
#top{ background: #fff; height: auto;}


.right-panel{border-top: 0.125rem solid #51b233; }
.right-panel .item{background: #fff; padding: 1rem}
.right-panel .btns{ text-align: center;  }
.right-panel .btns a{ margin-right:0.5rem; margin-bottom: 0.5rem; display:inline-block;width: 48.1%; padding: 0.2rem 0.75rem;}
.right-panel .btns a:nth-child(2n){margin-right:0rem;}
.right-panel .item p, .right-panel .item span{ font-size:0.875rem; color: #606060; margin-bottom: 0.5rem;  }
.right-panel .item .height-light{color:#51b233;}
.right-panel .item .wei img{margin-right: 0.5rem;}
.right-panel .item .attention img{margin-right: 0.5rem;}
.right-panel .item .wei { color:#51b233;  }


.top-time{font-size: 0.875rem; color: #909090;}

.heads{ padding-left: 0.5rem;}
.heads img{width: 2.5rem; height: 2.5rem; border-radius: 50%; position: relative; margin-left: -0.5rem;border:0.1875rem solid #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);  }

.cats .content .title{ background: #f9f9f9; padding: 0 1rem;}
.cats .content .title h3{ font-size: 1rem;  padding: 0.875rem 0; margin: 0rem}
.cats .content .tab-content{ padding: 1.25rem 1.25rem 2rem 1.25rem ; background: #fff;}
.cats .content .tab-content img{ border-radius:0.3125rem; }

  .left-item  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #51b233;
    background:none;

}
 .left-item .nav-pills .nav-link.active::before, .nav-pills .nav-link:hover::before{
	 bottom: 0;
	 width: 100%;
 }
 .left-item .nav-pills .nav-link {
    border-radius: 0rem;
	color: #606060;
	position: relative;
	 margin-right: 2px;
}
 .left-item .nav-pills .nav-link::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background-color: #51b233;
	-moz-transition: .3s ease all; transition: .3s ease all
}
.nav-link {
    display: block;
    padding: 0.875rem 2rem;
}

/*exhibit*/
/*星星样式*/

.show_number{ 
	margin: 50px 0  0 0 ;
	width: 120px;
	text-align: center;
}
 
.atar_show{
	background:url(/uploads/image/simages/star2.png); 
	width:120px; height:18px;   
} 
.atar_show p{ 
	background:url(/uploads/image/simages/star1.png);
	left:0; 
	height:18px; 
	width:120px;
}

		.star-block{    
			line-height:18px; 
			height: 18px;
			
		}
		.star-block .star_score{ 
			float:left;
		} 
		.star-block p span{ 
			 display: inline-block;;
			 color:#51b233; 
			font-size:16px;  
		}

		.star_score { 
			background:url(/uploads/image/simages/star2.png); 
			width:120px;
			height:18px;;  
			position:relative; 
			margin-left: 20px;
		}

		.star_score a{ 
			height:18px;; 
			display:inline-block; 
			text-indent:-999em; 
			position:absolute;
			left:0;
		}

		.star_score a:hover{ 
			background:url(/uploads/image/simages/star1.png);
			left:0;
		}

		.star_score a.clibg{ 
			background:url(/uploads/image/simages/star1.png);
			left:0;
		}



 
.right-panel .item .show_number span.show-num { font-size: 2.25rem; color: #51b233;  }
/* 评分进度条*/
.progress{   width: 100px; float: left; margin: 0.625rem 0 0.625rem 0.625rem ; }

.pro-item span{ font-size: 0.875rem}


@media (max-width: 991.98px) { 
	.left-col, .right-col{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	}
  .exhibit-list .item{width: 100%; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); border-radius: 0.25rem;  margin: 0 0.5rem 0.75rem 0.5rem; background: #fff;} 
    .tab-content .tab-pane .row {
      margin-right: 0px !important;
  } 
 .left-list{ margin-right: -0.5rem;}
 
 .fix-top{position: static !important;}
 #fix-nav-bar{ position: fixed; bottom: 0px; background: #fff;  width: 100%; z-index: 99999; padding: 0.5rem 0;}
 #fix-nav-bar .home{ display: inline-block; background: url(/uploads/image/simages/icon232.png) top center no-repeat; padding:1.75rem 1rem 0 1rem ;color: #51b233; }
#fix-nav-bar .btn-outline-success{ color:#51b233;}
#fix-nav-bar .btn-outline-success:hover{ color:#fff;}
 #logo1{ display: none;}
 .big-world{ font-size:1rem ; font-weight: bold;}
  .fix-top .big-text{font-size:1rem ; font-weight: bold;}
 .fix-top .fix-top-text .text-right{text-align: left !important;}
  
 .fix-top .btns{ display: none;}
 .banner{ height: 11.25rem;}
 .fix-top .header{ padding: 1rem; background-color: #fff;}
  .fix-top .top-time{ margin-bottom: 0.5rem;}
  
 #goto-nav-1, #goto-content-1, #nav-tab,#nav-tab2, .fix-nav, .right-col{ display: none;}
 .go-to-top{ bottom: 4.5rem !important;right: 1rem !important;}
 #goto-content-2 .bdr div{border-right: 1px solid #dee2e6 !important;margin-bottom: 1rem;}
 #goto-content-2 .bdr>div:nth-child(2n){border-right:0 !important;}
 #left-list1{ display: none;}
 .index-panel{ margin-right: 0.5rem;margin-left: 0.5rem;}
 	#exhibition-dialog{ width: 100%;display: none;}
	#comment-dialog{width: 100%;display: none;}
	#login-dialog{width: 100%;display: none;}
	#register-dialog{width: 100%;display: none;}

	.right-nav {
	    position: absolute;
	    right: 0rem !important;
	    top:1rem !important;
		z-index: 9999;width: 10rem;
	} 

/*
	.top .navbar { 
	    margin-left: 150px; 
		height: 4.75rem;
	}
  #logo {
      position: absolute;
      left: -150px;
      top: -0.5rem;}
   
   .navbar-dark .navbar-toggler { position: absolute; top: 5rem; left: -140px; z-index: 9990; }
	#navbarsupportedcontent{
		    position: absolute;
		    z-index: 9990; 
		  width: 100%; 
		  top: 7.5rem; left: -140px;
		
	} 
.top .navbar-dark .navbar-nav .nav-item .nav-link{ background-color: #fff; text-align: center; border-bottom: 1px solid #f5f5f5; color: #606060;}
.top .navbar-dark .navbar-nav .nav-item.active .nav-link,.top .navbar-dark .navbar-nav .nav-item .nav-link:hover {color: #51b233; } */
 .page-1{margin-bottom:1.5rem;}
} 
@media  (max-width: 768px){  
	.top .navbar {
	    margin-left: 150px; 
		height: 4.75rem;
	}
	#logo {
		    position: absolute;
		    left: -150px;
		    top: -0.5rem;}
		.right-nav {
		    position: absolute;
		    right: 0rem !important;
		    top:1rem !important;
			z-index: 9999;width: 10rem;
		} 
	   .navbar-dark .navbar-toggler { position: absolute; top: 5rem; left: -140px; z-index: 9990; }
		#navbarsupportedcontent{
			    position: absolute;
			    z-index: 9990; 
			  width: 100%; 
			  top: 7.5rem; left: -140px;
			
		} 
	.top .navbar-dark .navbar-nav .nav-item .nav-link{ background-color: #fff; text-align: center; border-bottom: 1px solid #f5f5f5; color: #606060;}
	.top .navbar-dark .navbar-nav .nav-item.active .nav-link,.top .navbar-dark .navbar-nav .nav-item .nav-link:hover {color: #51b233; }
} 

@media (min-width: 992px){ 
	#exhibition-dialog{ width: 60%; display: none;}
	#comment-dialog{width: 30%;display: none;}
	#login-dialog{width: 415px;display: none;}
	#register-dialog{width: 415px;display: none;}
	.right-col{ 
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
	} 
	.left-col{
	-ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%; 
	}
	.news-item, .hall-item, .left-item{ margin-right: 1rem;} 
	.left-list{ margin-right: 0.5rem;}
	.exhibit-list{margin-right: -15px;}
	.exhibit-list .item{width: 18.95%;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); margin-right: 0.75rem; margin-bottom:0.75rem; background: #fff; }
    .exhibit-list .item:nth-child(5n) { margin-right: 0;  }
	.search  .input-group { width:780px;}
	.fix-top{background-color: #fff; top:0;z-index: 11111;}
	.fix-top .btn:hover{ color: #fff;}
	.big-world{ margin-top: 2.25rem;} 
	.fix-top-text{ float: right;}
	.banner{ height: 365px;background-size:auto 100%; margin-top: 139px;}
	#goto-content-2 .bdr div{border-right: 1px solid #dee2e6 !important; }
	#goto-content-2 .bdr div:last-child{border-right:0 !important;}
	.page-1{margin-top: 1.5rem;margin-bottom: 1.5rem;}
	#fix-nav-bar{ display: none;}
	
}
.big-text{ font-size: 2.25rem; color: #51b233;  }

 
.left-col .content .title{ background: #f9f9f9; padding: 0 1rem;}
.left-col .content .title h3{ font-size: 1rem;  padding: 0.875rem 0; margin: 0rem}
.left-col .content .tab-content{ padding: 1.25rem 1.25rem 2rem 1.25rem ; background: #fff;}
.left-col .content .tab-content img{ border-radius:0.3125rem; }
 

.tab-pane  .row {
	margin-right: 0px;
    margin-left: 0px;}

.left-col .col-4{ 
    padding-right: 0.5rem;
    padding-left: 0px;
}
.left-col .content{ border: 1px solid #f0f0f0;line-height:1.5rem ; font-size: 0.875rem; color: #606060; }
.left-col .col-4:nth-child(3n){ padding-right: 0rem;}
.left-col .col-4 img{ height: 10.1875rem; width: 100%;transform: scale(1); transition: 1s;}
.left-col .zoom a{ position: relative; display: block;border-radius:0.3125rem;  overflow: hidden;}
.left-col .zoom .mark{ position: absolute; top: 0px; left: 0px; background-color: rgb(0,0,0,0.5); background-image: ;background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%;}

.left-col .zoom a:hover img{
	
	transform: scale(1.1);
	transition: 1s;
} 
 
.dialog .title h3{  font-weight: 700;border-left: 4px  solid #51b233; padding-left: 1rem; }
.check-in-title{  color:#606060;}
.dialog{  color:#606060;}
.dialog strong{  color:#ff0004; font-weight: normal;}
.dialog .bottom-info{background-color: #f0f6ef; margin: 0 -44px -44px -44px ; padding: 30px 29px;}
.dialog .bottom-info .left-img{ border-radius: 50%;}
.dialog .bottom-info p{   font-size: 0.875rem; color: #000;} 
.dialog .bottom-info a{   border-radius: 0; font-size: 0.875rem;}
.dialog .bottom-info .right-img{ margin-right: 10px;}
.dialog .hd{ margin:  -44px -44px 0 -44px ; background-color: #328a17; padding: 1rem 0; text-align: center;}
.dialog .hd1{ margin:  -44px -44px 0 -44px ; background-color: #328a17; padding:0; text-align: center;}
 .dialog .nav-pills .nav-link {
    border-radius: 0rem;
	color: #606060; 
}
.dialog .hd h3{ color: #fff; font-size:1.125rem; margin-bottom: 0;}
.dialog .getcode{ position: absolute; color: #51b233; font-size: 0.875rem; right: 1rem; top:0.5rem;}
.dialog .getcode:hover{ cursor: pointer; font-weight: bold;}

.dialog .nav-pills .nav-link.active, .dialog .nav-pills .show > .nav-link {
    color: #51b233;
    background: #fff;
    border-bottom: 0.1875rem solid #fff;
}
.dialog  .nav-pills .col-6{ padding: 0;}
.dialog  .nav-pills .nav-link { 
	 font-size: 1.125rem;
     color: #fff;
}

.form-control-lg { 
    border-radius: 0rem;
}
.form-control{ 
    border-radius: 0rem;
}
/*exhibition-comment*/
.comment-item{  border-bottom: 1px solid #ededed; padding-bottom: 1.25rem;margin-bottom: 1.25rem;}
.comment-item:last-child{   border-bottom: 0;}
.comment-item .head-img{ width:2.8125rem; height: 2.8125rem; border-radius: 50%;}
.comment-item .show_number{ 
	margin: 0.65rem  0  0 2rem ;
	width: 114px;
	text-align: center;
}
.comment-item p{font-size: 0.875rem; color: #606060;}
.comment-item .nick-name{ margin-left: 1rem; padding-top:0.65rem; font-size: 1rem; color: #000;}
.comment-item .time{ padding-top:0.65rem;}
.main{ background-color: #fff; padding: 1rem;}
.comment-item .text, .comment-item .imgs {margin-left: 3.8125rem;}
.comment-item .imgs a{ display: inline-block; margin-right: 1rem;}
.comment-item .imgs img{width: 142px; height: 85px; border-radius: 0.25rem; }
.comment-btn { display: inline-block; padding: 0 40px 0 80px; background: url(/uploads/image/simages/icon21.png) no-repeat 50px center; line-height: 42px; border-radius: 21px;}
/*hall*/

.hall-right-panel h3{ font-size: 1rem; font-weight: bold; margin-bottom: 1rem;}
.hall-right-panel .item .content{ border-bottom: 1px dotted #cdcdcd; padding-bottom: 1rem;}
.hall-right-panel .item div.no-border{ border-bottom: 0px ;  }
.hall-right-panel .item .link-dotted a{border-bottom: 1px dotted #cdcdcd; display: block; padding: 1rem 0;}

.hall-right-panel .item a{ font-size:0.875rem; color: #606060;  display: inline-block; padding: 0.3rem 0.3rem 0.3rem 0rem;text-decoration: none;}
.hall-right-panel .item a:hover{  color:#51b233;  }
.hall-right-panel  li::marker {
 font-size: 0.1rem;
 color: #d3d3d3;
}
.hall-right-panel ul { 
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1rem;
}

.hall-item{background: #fff;   margin-bottom: 0.625rem; }
.hall-item img{ float: left; margin-right: 1rem; border: 1px solid #f3f3f3;}
.hall-item a { display: block;text-decoration: none; color: #606060; font-size: 0.875rem;padding:1.25rem; }
.hall-item span {display: block;}
.hall-item .title{ font-size: 1.25rem; color: #000; text-align:left; margin-bottom: 0.5rem;} 
.hall-item .text{margin-bottom: 0.2rem;}
.hall-item a:hover .title{ color: #51b233;} 
.hall-item .text b{ font-weight: normal; color: #000;}
.hall-item  a:hover {box-shadow: 0 2px 8px 0 rgba(29,123,0,0.8);}

.hall-top-info{ margin-top: 80px; }
.hall-top-info img{ float: left; display: block; margin-right: 1rem; border: 1px solid #f3f3f3;} 
.hall-top-info span {display: block;color: #fff;  font-size: 0.875rem; }
.hall-top-info .title{ font-size: 1.25rem; color: #fff; text-align:left; margin-bottom: 0.5rem;} 
.hall-top-info .text{margin-bottom: 0.2rem;color: #fff; }  

 
 
  .slider  { height: 163px; } 
  .slider-item { height: 163px; }
  .slider-item img { height: 163px; width:265px ;margin-right: 5px;}
  
 

.hall-left-panel .carousel-item a{width: 268px; height:163px ;}
.left-item { border: 1px solid #f0f0f0;}
.left-item .title{ background: #f9f9f9; padding: 0 1rem;}
.left-item .title h3{ font-size: 1rem;  padding: 0.875rem 0; margin: 0rem}
.left-item .content{ background-color: #fff; padding: 1rem;border: 0px  }
.left-item .lists a{ display: block; font-size: 0.875rem; text-decoration: none; color: #606060; padding: 0.875rem 0; border-bottom: 1px solid #f0f0f0;}
.left-item .lists a:last-child{ border-bottom:0;}
.left-item .lists a:hover{ color: #51b233;}
.left-item .lists a .time{ color: #51b233;}

.exhibition-iofo  p{ color: #000000; font-size: 1rem; margin-bottom: 0.5rem;}
.exhibition-iofo span{ display: block; line-height: 1.5rem;}
.info-img{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); width: 158px; height: 102px; }

.left-item .left-title{ background: #fff; padding:1rem;}
.left-item .left-title h3{  border-left: 4px  solid #51b233; padding-left: 1rem; font-size: 1rem; }

.left-list .btn{ font-size: 0.875rem; padding:0 0.5rem; float:right;}
.left-list .hot{ font-size:0.75rem ;}
.left-list .hot i{ font-style: normal; color: #51b233;}
.left-list .item{padding:0 0.5rem 0 0;}
.left-list .item .text{ display: block; height: 2.6875rem; overflow: hidden;}
.left-list .wrap{background-color: #fff;border: 1px solid #f0f0f0; padding-bottom:1rem  }
.left-list a{display: block; text-decoration: none; color: #606060; font-size: 0.875rem; padding:0 1rem 0.5rem 1rem ; line-height:1.5rem ;}
.left-list .wrap .day{  padding:0 1rem; margin-bottom: 0.2rem; font-size: 0.875rem; color: #909090; }
.left-list .wrap .hot{  padding:0 1rem;margin-bottom: 0rem; font-size: 0.75rem; color: #909090;}
.left-list a:hover{ color:  #51b233;}
.left-list .wrap:hover{box-shadow: 0 2px 8px 0 rgba(29,123,0,0.8);}
.fix-nav{ left: -110px; width: 100px; text-align: center; top:0rem;}
.fix-nav a{display: block;background-color:#51b233;  color: #fff; text-decoration: none; width: 100px; margin-bottom: 3px; position: relative;  }
.fix-nav a span{ display: block; line-height: 34px; position: relative; }


.fix-nav a::before{
		position: absolute;
		content:'';
	    top: 0;
		left: 0;
		height: 34px;
		background-color: #ff7e00;
		width:0%;
		-moz-transition: .3s ease all;
		transition: .3s ease all  
	 
}
.fix-nav a:hover::before{
	 width: 100%;
	 
}
 
.on-fix{ position: fixed; top: 159px; z-index: 11111;}

.right-col .head img{ width: 4.6875rem; height: 4.6875rem;  border-radius: 50%; margin-right: 0.5rem;}
.right-col .head a{padding: 0.2rem 0.75rem; font-size: 0.875rem;}

 .zq_right img.float-right{ width: 80px; height: 80px;}

/*news*/
.news-sub-nav{ position: absolute; top:0; right: 0;} 
#breadcrumb .news-sub-nav a::before, .user-nav a::before {
    content: '';
}
.news-sub-nav a{padding: 0.85rem 1rem 0.85rem  1rem ; display: inline-block; font-size: 0.875rem; position: relative; } 
#breadcrumb .news-sub-nav a.active, #breadcrumb .news-sub-nav a:hover{ color: #51b233;   }
#breadcrumb .news-sub-nav a::before , .user-nav a::before{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 3px;
	background: #51b233;
	width: 0;
	-moz-transition: .3s ease all;
	transition: .3s ease all
} 
#breadcrumb .news-sub-nav a.active::before, #breadcrumb .news-sub-nav a:hover::before, .user-nav a:hover::before, .user-nav a.active::before {
	width: 100%;
	left: 0
}
.news-page-right-list{ margin-right: -5px;}

.new-right-panel h3{ font-size: 1rem; font-weight: bold; margin-bottom: 1rem; padding-left: 0.2rem;}
.new-right-panel .item{ padding-bottom:0.3rem ;}
.new-right-panel .item .content{ border-bottom: 1px dotted #cdcdcd; padding-bottom: 1rem;}
.new-right-panel .item:last-child .content{ margin-bottom: 3rem;}
.new-right-panel .item a{ font-size:0.875rem; color: #606060;  display: inline-block; padding: 0.2rem 0.3rem;text-decoration: none; -moz-transition: .3s ease all; transition: .3s ease all}

.new-right-panel .item a:hover{ background:#51b233; color: #fff; border-radius: 0.25rem; -moz-transition: .3s ease all; transition: .3s ease all}

.news-left-panel .title h3{ font-size: 1rem; font-weight: 700; margin: 0; padding: 0;   background: none; }
.news-left-panel .title {
    background: none;
    padding: 0 1.5rem;
}
.news-left-panel .news-item a span.img img{ width: 170px; height: 108px;} 

.news-left-panel .sub1{background-color: #f5f5f5; color: #909090; border-top: 3px solid #51b233; padding:1.25rem 1.5rem; margin: 0 1.5rem 1.5rem 1.5rem; font-size: 0.875rem; line-height:1.5rem }
.news-item{background: #fff;  margin-bottom: 0.625rem; }
.news-item img, .news-item1 .img{ float: left; margin-right: 1rem;}
.news-item1 .img{width: 10.625rem;height: 6.75rem;overflow: hidden;}
.news-item1 img{ width: 10.625rem;height: 6.75rem; transform: scale(1); -moz-transition: .3s ease all; transition: .3s ease all;}
.news-item a, .news-item1 a { display: block;text-decoration: none; color: #606060; font-size: 0.875rem;padding:1.25rem; }
.news-item1 a { display: block;text-decoration: none; color: #606060; font-size: 0.875rem;padding:1.25rem 1.5rem;  border-bottom: 1px solid #f5f5f5; }
.news-item1 a:last-child{order-bottom: 0;}
.news-item span, .news-item1 span {display: block;}
.news-item .title{ font-size: 1rem; color: #000; text-align:left; margin-bottom: 1rem; height: 1.25rem; overflow: hidden; padding:0;}
.news-item .img{ position: relative;}
.news-item1 span.title{ font-size: 1rem; color: #000; text-align:left; margin-bottom: 0.5rem; background: none; height: 1.25rem; overflow: hidden; padding: 0;}
.news-item1 a:hover img{ transform: scale(1.2); -moz-transition: .3s ease all; transition: .3s ease all;}

.news-item a:hover .title, .news-item1 a:hover .title{ color: #51b233;}
.news-item .img-time{position: absolute; display: block; visibility: hidden; top:-75px;}
.news-item a:hover .img-time{background: #165a01; color: #fff; text-align: center ; visibility: visible; top:0px; left: 0;   -moz-transition: .3s ease all; transition: .3s ease all;}
.news-item .text{ max-height: 5.25rem; overflow: hidden;}
.news-item1 .text{ height:2.625rem; overflow: hidden; margin-bottom: 0.5rem;}

.news-item a:hover b { background:#51b233; font-size: 2.25rem; display: block; padding: 0rem 1rem }
.news-item a:hover {box-shadow: 0 2px 8px 0 rgba(29,123,0,0.8); -moz-transition: .3s ease all; transition: .3s ease all;}


.pagination .page-link{ background-color: #ececec; color: #606060;border:none;-moz-transition: .3s ease all; transition: .3s ease all}
.pagination .active .page-link, .pagination .page-link:hover{background-color: #51b233; border:none; color: #fff; -moz-transition: .3s ease all; transition: .3s ease all}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}
.pagination .page-item{ margin-right: 2px;}
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}
.pagination .prev{ margin-right: 1rem; font-family: simsun;}
.pagination .next{ margin-left: 1rem; font-family: simsun;}

.news-page-right-list .right-item{ width: 50%; margin-bottom: 0.5rem;}
.news-page-right-list .wrap:hover{box-shadow: 0 2px 8px 0 rgba(29,123,0,0.8);-moz-transition: .3s ease all; transition: .3s ease all}
.news-page-right-list .wrap{ border:#f0f0f0 1px solid;  background-color: #fff;-moz-transition: .3s ease all; transition: .3s ease all}
.news-page-right-list img{ height: 90px; width: 100%;}
.news-page-right-list .right-item:nth-child(1n) .wrap{margin-right: 0.25rem;}
.news-page-right-list .right-item:nth-child(2n) .wrap{margin-left: 0.25rem;}
.news-page-right-list span{ display: block; padding:0 1rem ; }
.news-page-right-list a{ display: block; font-size: 0.87rem; color: #606060; padding-bottom: 1rem; text-decoration: none;}
.news-page-right-list a:hover{  color: #51b233; }
.news-page-right-list .text{ line-height: 1.5em; height: 3rem; overflow: hidden;}
.news-page-right-list a .time{ color: #909090; }
.news-page-right-title{border:#f0f0f0 1px solid; background-color: #fff; }
.news-page-right-title h3{margin: 1rem;}

.news-page-content{ background-color: #fff; padding-top: 2rem;}
.news-page-content .views { color: #909090;}
.news-page-content .views b, .news-page-content .sub b{  color: #51b233; font-weight: normal;}
.news-page-content .sub { padding: 0.875rem; background-color: #f5f5f5; margin: 1.5rem;}
.news-page-content .sub img{ width: 105px;  height: 69px; margin-right: 1rem; }
.news-page-content .sub a{ display: block; font-size: 0.87rem; color: #606060;  text-decoration: none;}
.news-page-content .sub span { display: block;}
.news-page-content .sub .text { font-size: 1rem; color: #000000; padding-top: 0.5rem;}
.news-page-content .main{ padding : 2rem; font-size: 0.875rem; line-height:1.5rem ;  color: #606060; }
.news-page-content .main img{ width: 100%; height: auto;}


/*user*/
#user-content{background-color: #fff; border-radius: 20px; border-top-right-radius: 20px; margin-top: -45px; margin-bottom: 50px; position: relative;}
.user-info{padding:45px 35px;  }
.user-info img{ border-radius: 20px; width: 128px; height: 128px;margin-right: 30px;}
.user-info span{ color: #606060; font-size: 0.875rem; margin-right: 1rem;}
.user-info span b{ color: #000;}
.user-info h4{ margin-top: 2rem;}
.user-nav{ border-top: 1px solid #f0f0f0 ;  border-bottom: 1px solid #f0f0f0 ; margin:0 35px ;} 
.user-nav a{padding:  1.25rem 3rem ; display: inline-block; text-decoration: none; color: #606060; font-size: 1rem; position: relative;}
.user-nav a:hover, .user-nav a.active{ color:  #51b233; }

 

.user-input{padding:45px 35px;  }
#replaceimg{ background-color:rgb(0,0,0,0.5); color: #fff; text-align: center; bottom: 0px; left: 0; width: 128px;}
#replaceimg:hover{background: #51b233; }
.inputheadimg{
	border-radius: 20px; width: 128px; height: 128px; overflow: hidden;
}
#user-content .cancel{padding: 3px 5px;  float:right;font-size:0.75rem;}
#user-content .attention{padding: 35px;}


/*footer*/
.footer{ 
background: #515151; border-top:0.3125rem solid #51b233;
	padding-top: 1rem;
}

.go-to-top{position: fixed; right: 40px; bottom: 50px; background: #51b233; background: ; width: 53px; height: 53px; }
.go-to-top:hover{ background: ;}

.footer .icon{ padding-left: 24px; background-position: left 4px; display: block;  background-repeat: no-repeat;}
.footer .icon01{   background-image: ; }
.footer .icon02{   background-image: ;}
.footer .icon03{   background-image: ;}
.footer .icon04{   background-image: ;}
.footer p{ color: #909090; font-size: 0.875rem; margin-bottom: 0.3rem; }
.footer a{ color: #909090; font-size: 0.875rem; margin-bottom: 0.3rem; text-decoration: none; margin-right: 0.5rem}

.footer h3{ font-size:1.125rem; color: #fff;  margin-top: 2rem; }
.footer a:hover{ color: #51b233;}
.size-24{font-size: 1.5rem;color: #51b233;}
.size-32{font-size: 1.5rem;color: #51b233;}
.size-16-g{font-size: 1rem;color: #51b233; }
.size-16-b{font-size: 1rem;color: #000;  }

.zq_left .left-item .title h3::before { content: '';  height: 21px; width: 4px; display: block; float: left; background: #51b233; margin-right: 1rem;  }

/* .zq_left .left-item .title h3{ padding-left:1.875rem; background:  left center no-repeat;  } */