html,body{
  background: #E6E2D9;
  background: url(../images/bg2.jpg) repeat;
}
html,body,div,span,p,strong{
  font-family:"Microsoft YaHei",微软雅黑,Airal!important;
}
p{
  line-height: 28px;
}
.f-weight{
	font-weight: bold!important;
}

.clear{
  clear:both;
}
a:hover{
	color:#303E48;
}

.bg-yellow{
	background: #F7F7ED!important;
}

.bg-light{
  background: #F9F3E7!important;
}

.bg333{
  background:rgb(51, 51, 51)!important;
}

.bgblue{
  background: #0578AA!important;
}

.bg-black{
  background: #302F2F!important
}

.bg-border{
  background: #FFFBF3;
  border:1px solid rgb(190, 176, 175);
  padding-top:30px;
  padding-bottom: 20px;
}

.color-blue{
	color:#303e48!important;
}

.coloryellow{
  color:#7d450c!important;
}

.colorfff{
	color:#fff!important;
}

.color333{
  color:#333!important;
}


.lange{
	display: inline-block;
	padding:5px 20px;
	border-radius: 15px;
	background: #FDF6E6;
	color:#7D450C;
  border:1px solid #7D450C;
}
.lange:hover{
	color:#FFF;
	background: #7D450C;
}


.fr{
  float: right;
}
.fl{
  float: left;
}


.navbar{
	padding:0;
}

.container, .container-lg, .container-md, .container-sm, .container-xl{
	max-width: 1320px;
}


.col-md-20{
   -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-md-30 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.col-md-375{
   -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
}

.navbar-light .navbar-nav .nav-link{
	color:#7D450C;
	font-size: 16px;	
	padding:20px 12px;
}

.navbar-light .navbar-nav .nav-item  i.dot {
    position: absolute;
    top: 50%;
    right: 0px;
    display: block;
    width: 1px;
    height: 16px;
    margin: -7px 0px 0px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
.navbar-light .navbar-nav .nav-item:last-child i{
    display: none;
}

.navbar-light .navbar-nav .nav-link:hover{
	
  color:#7D450C!important;
}

 .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color:#7D450C!important;
 }

.nav-item{
	position: relative;

}

.submenu{
	position: absolute;
  border-top: 1px solid #333;
	width: 104px;
	top:auto;
	text-align: center;
	left:-10px;
	z-index: 99999;
	background: #FFF;
	display: none;
	padding-top: 5px;
}
.nav-item:hover .submenu{
	display: block;
}

.submenu li a{
	display: inline-block;
	line-height: 36px;
}
.submenu li a:hover{
	font-weight: bold;
}

.mainbody{
	background: url(../images/bg.jpg) repeat;
}


   .gallery-thumbs{
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
      position: relative;
    }
    .slide-txt{
    	 text-align: center;    	 
    background:#fff url(../images/bg12.jpg) repeat;
     	padding:5px 0; 
    	color:#fff;
      position:relative;
      top:0;
      left:0; 
      height: auto;
      width: 100%;
      z-index: 999;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
      background:#fff;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity:0.2;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}




.border-radius-top {
    border-radius: 15px 15px 0 0;
}


.on {
    background:#FDF6E6!important;
    border-bottom:1px solid #ddd;
    color:#7D450C;
}
.on a{
   color:#7D450C;
   font-weight: bold;
}

.ico{
  max-width: 40px;
}

.index_newslist {
   
    border: 1px solid rgb(190, 176, 175);
    background:url(../img/bg_cs.png?v=123) right bottom no-repeat #fff;
}
.index_newslist .on{
   padding:10px;
   background: url(../images/bgtitle.png?v=123) repeat-x!important;
}
.index_newslist_list{
   padding: 10px;
}


.index_newslist_bg2 {  
    background:url(../img/bg_rg.png?v=123) right bottom no-repeat #fff;
}

.index_newslist_bg3 {  
    background:url(../img/bg_sc.png?v=123) right bottom no-repeat #fff;
}

.index_newslist_bg4,
.index_newslist_bg_n1{  
    background:url(../img/bg_sxxg.png?v=123) right bottom no-repeat #fff;
}
.index_newslist_bg5,
.index_newslist_bg_n2{  
    background:url(../img/bg_xm.png?v=123) right bottom no-repeat #fff;
}
.index_newslist_bg6,
.index_newslist_bg_n3{  
    background:url(../img/bg_xz.jpg?v=123) right bottom no-repeat #fff;
}
.index_newslist_bg7,
.index_newslist_bg_n4{  
    background:url(../img/bg_cg.png?v=123) right bottom no-repeat #fff;
}


.index_newslist li {
    width: 100%;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed rgba(125,69,12,0.2);
}
.index_newslist li:last-child{
	border-bottom: none;
}
.index_newslist li:hover a{
	color:#7D450C;
}

.index_newslist li  i{
  color:#7d450c;
}


.index_newslist3 .imgs {
    width: 150px;
    height: 100px;
    float: left;
    margin-right: 10px;
}

.index-aboutimg{
  height: 230px;
  overflow:hidden;
}

.pictures{
  width: 100%;
  height: 200px;
  border:5px solid #9D896C;
  border-radius: 15px;
}


.images-indexs{
  width: 100%;
  height: 150px;
  border-radius: 15px;
}

 .swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

.itbox{position:relative;height:42px;line-height:42px;background:#fdf6e6;border:1px #7D450C solid;}
.itbox h3{position:absolute;top:0;left:0;width:110px; height:42px; line-height: 42px; text-align:center;color:#fff;font-size:15px;background:#7d450c;box-shadow:20px 0 30px #fff;}
.itscroll{border:0 #fdf6e6 solid; border-width:0 0px 0 110px;clear:both;overflow:hidden;}
.itscroll .con{width:5000%;}
.itscroll .con ul{float:left;}
.itscroll li{float:left;margin:0 1em;}
.itscroll li i.fa{margin-right:5px;}






 
a:hover{color:#7d450c;}
.itbox h3{background:#7d450c;}



.title-bg{
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: url(../images/title.png) no-repeat bottom center;
  text-align: center;
  font-size:24px;
  font-weight: bold;
  display: block;
  color:#7C4400;
}

.title-bg a{
  color:#7C4400;
}




.footer{
  background: url(../images/bgfoot.png) top center no-repeat;
  color:#ccc!important;
}
.footer a{
  color:#ccc!important;
}
.footer a:hover{
  color:#fff!important;
}

.foot-tag a{
  font-size: 12px;
  line-height: 24px;
}

.copyright a{
  font-size: 12px;
}


 
 
#footerbar .friendlink{text-align:left;width:1230px;padding:15px;margin:auto;}
#footerbar .friendlink .friendlinktitle{height:28px;background:#885037;color:#FFF;width:150px;text-align:center;}
 
 
.footbg{background:rgba(253,246,230,0.5);background:rgba(255,255,255,0.5);filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);padding:20px 20px 20px 20px;border:1px solid #c5bdae;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 3px 10px rgb(34 25 25 / 40%);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 10px rgb(34 25 25 / 40%); margin: 30px -15px!important;}




.floatR{float:right;}

.col3bg{width:100%;margin-top:0px;background:url(../images/bgad.png) top center no-repeat;}
.col3{width:1200px;height:346px;margin:0px auto 0px;position:relative;}
.col3 .a_pic{width:407px;height:410px;margin-top:-20px;float:left;}
.col3 .cltbg2{width:127px;height:199px;float:right;margin-top:70px;background:url(../images/coltbg3.png) no-repeat;}
.col3 .cltbg2 img{margin:27px 0px 0px 24px;}
.col3 .c3con{width:575px;float:left;margin:85px 0px 0px 30px;color:#ead2b8;font-size:14px;height:177px;overflow:hidden;}
.col3 .c3con p{text-indent:2em;line-height:28px;}
.col3 a.more2{width:80px;height:80px;position:absolute;bottom:-10px;left:300px;padding-top:26px;display:block;background:url(../images/icon_01.png) -83px -67px no-repeat;font-size:14px;color:#fff;line-height:18px;text-align:center;}
.col3 a.more2:hover{color:#ddd4d3;}







.jumbotron{
  min-height: 220px;
}



.pages{
   background: #FFFBF3;

}

.logbox {
  margin: 0 0 30px;
  border: 1px #ddd solid;
 
  padding: 5px 15px 10px;
  overflow: hidden
}
.logbox .pagenow {
  margin-bottom: 0;
  border-top: 0
}
.logbox .pagenow i.fa {
  margin-left: 0
}
.logbox .pagenow span {
  color: #ccc;
  margin: 0 4px;
}
.logbox h1 {
  color: #000;
  font-size: 30px;
  text-align: center;
  line-height: 58px;
  font-weight: 300;
  padding: 15px 0
}
.logbox .data {
  color: #999;
  font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";
  padding: 0 0 20px 5px
}
.logbox .data i.fa {
  margin: 0 3px 0 25px
}
.logcon {
  color: #000;
  line-height: 26px;
  font-size: 15px;
  border-top: 1px #7D450C dashed;
  padding: 10px
}
.logcon p {
  margin: 0.5em 0;
}
.logcon a {
  color: #7d450c
}
.logcon embed, .logcon iframe {
  max-width: 98% !important;
  display: block;  

}
.logcon img{
  height: auto !important;
  text-align: center;
 
}
.logcon .ico{
	text-align: center;	
	 margin:0 auto;
	 display: flex;
	 justify-content: center;
}

.logbox .tags {
  padding: 5px 0;
}
.nextlog {
  margin: 15px 0;
  border: 0 #ddd solid;
  border-width: 1px 0;
  padding: 15px 0;
  overflow: hidden;
  clear: both
}
.nextlog a {
  position: relative;
  display:inline-block;
  width: calc(90% - 100px);
  height: 90px;
  font-size: 18px;
  padding: 10px 4%;
  background: #F6F6F6;
  text-align: left;
}
.nextlog a:hover {
  background:#FDF6E6
}
.nextlog .prev {
  float: left;
  width: calc(50% - 3px);
  border-right: 1px #eee dotted;
}
.nextlog .next {
  width: calc(50% - 3px);
  float: right;
  text-align: right;
}
.nextlog a span {
  display: block;
  color: #aaa;
  padding: 0 0 10px
}
.nextlog a i.fa {
  position: absolute;
  top: 28px;
  left: 5px;
}
.nextlog .next i.fa {
  left: auto;
  right: 5px
}
.link-box {
 
  padding: 15px 0;
  overflow: hidden;
  clear: both
}
.link-box h3 {
  font-size: 18px;
  padding: 0 0 10px
}
.ullist4 li {
  float: left;
  width: 48%;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 1%
}
.ullist4 li i.fa {
  margin-right: 5px;
  font-size: 10px
}


#sidebar {
  float: right;
  width: 100%;
  overflow: hidden
}
#sidebar>li {
  margin-bottom: 20px;
  border: 1px #beb0af solid;
  background: #fdf6e6;
  overflow: hidden
}
#sidebar .rlist1 {
  border-top: 3px #6d2f16 solid;
}
#sidebar .rlist1 h3 {
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #FFF;
  background: #7d450c;
}
#sidebar .rlist1 ul {
  padding: 10px 12px
}
#sidebar .rlist1 ul li {
  line-height: 24px;
  border-bottom: 1px #ddd solid;
  padding: 5px 0 0 0;
}
#sidebar .rlist1 ul li:last-child {
  border-bottom: 0
}
#sidebar .rlist1 ul li a{
  margin-left: 20px;
  display: inline-block;
  overflow-y: hidden;
  text-overflow: hidden;
}

#sidebar>li.diyarea {
  text-align: center;
  border: 0;
  background: none
}
#sidebar>li.diyarea img{
  width:100%;
}
.slfix {
  position: fixed;
  top: 55px;
  width: 200px
}




.ceshi {  height: auto; background: #fdf6e6; border: 1px #7d450c solid; padding:0; padding-bottom: 15px;}
.ceshi ul { margin-left: 3px; padding-top: 3px; height: auto; overflow: hidden;    zoom: 1;}
.ceshi ul li {
    width:calc(33% - 15px);
    height: 24px;
    float: left;
    text-align: center;
    border: 1px #7d450c solid;
    margin: 5px 7px 0 8px;
    display: inline;
   
}

.ceshi ul li a {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}
.topname {
    background:#7D450C;
    line-height: 40px;
    color:#fff;
}
.topname a{
  font-size: 16px;
}

#logsearch {
  position: relative;
  padding: 25px 15px
}
#logsearch i.fa {
  position: absolute;
  top: 34px;
  left: 26px;
  color: #ccc
}
#logsearch .search {
  width: 100%;
  height: 32px;
  border: 1px solid #999;
  text-align: center;
  box-shadow: inset 2px 2px 2px #eee;
  border-radius: 5px;
  outline: none
}


#blogsort h3 {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
#blogsort h3 i.fa {
  margin: 0 5px 0 10px
}
#blogsort ul li {
  position: relative;
  line-height: 38px;
  border-top: 1px #beb0af solid;
}
#blogsort ul li .sico {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 38px;
  line-height: 38px;
  color: #ccc;
  font-size: 8px;
  text-align: center;
  cursor: pointer
}
#blogsort ul li .sico:hover {
  border-left: 1px #eee solid;
  background: #f6f6f6
}
#blogsort ul li a {
  display: block;
  height: 38px;
  text-indent: 28px;
  border-left: 4px #fdf6e6 solid;
}
#blogsort ul li a.cu, #blogsort ul li a:hover {
  border-left: 4px #a3672b solid;
  background: #a46730;
  color:#fff;
}
#blogsort ul li a i {
  color: #333;
  margin-left: 5px;
  font-size: 12px
}
#blogsort li ul {
  display: none;
  background: #fafafa
}
#blogsort li ul li a {
  text-indent: 35px;
  border-color: #fafafa
}
#blogsort ul li a:hover i{
  color:#fff;
}


#hotlog li {
  position: relative
}
#hotlog i {
  position: absolute;
  top: 10px;
  left: 0px;
  font-size: 16px;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", Times, serif;
}



#randlog li{
  position: relative;
}

#randlog li i{
  position: absolute;
  z-index: 999;
  left:10px;
  top:10px;
}




#newlog li{
  position: relative;
}

#newlog li i{
  position: absolute;
  z-index: 999;
  left:10px;
  top:10px;
}




.caselist{
    border:1px #ddd solid;
    background: #FDF6E6;
    box-shadow: 2px 2px 5px #ddd;
   
}
.caselist img{
  min-height: 100%;
}



.page-num, .page-link {    
    color: #333;
    background-color: #FDF6E6;
    border: 1px #7D450C solid;
}
.page-num:hover, .page-link:hover{    
    color: #fff;
    background-color: #7D450C;
    border: 1px #7D450C solid;
}
.page-num-current {
   color: #fff;
    background-color: #7D450C;
    border: 1px #7D450C solid;
}


.card-img-200{

}



.newslist li.con {
  position: relative;
  margin: 0 0 15px;
  border: 1px #bbb2ad solid;
  background: #fdf6e6;
  background:#fdf6e6 url(../img/bg_sc.png) no-repeat top right;
  padding: 10px 10px;
  clear: both;
  overflow: hidden;
  transition: all .4s linear;
}
.newslist li.con:hover {
  border: 1px #7d450c solid;
}
.newslist li.con .info {
  float: left;
  width: 140px;
  line-height: 30px;
  margin-right: 20px;
  color: #999;
  font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";
  border-right: 1px #e5e5e5 dotted;
  overflow: hidden;
  height: 30px;
}
.newslist li.con .info span:not(.sn) a {
  color: #999
}
.newslist li.con .info .sn a {
  display: block;
  margin: 0 0 15px;
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 15px 0 0 15px;
  background: #a06933;
  color:#fff;
}
.newslist li.con .info .sn a:hover {
  background: #000;
  color:#fff;
}
.newslist li.con .info .pi span em {
  display: none
}
.newslist li.con .info i.fa {
  margin: 0 5px 0 12px
}
.newslist li.con .des .h2 {
  font-weight: normal;
  padding: 0 0 15px;
  display: block;

}
.newslist li.con .des i.fa {
  margin-right: 6px;
  font-size: 1.2em
}
.newslist li.con .des .h2 {
  font-size: 18px;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newslist li.con .des .h2:hover {
  padding-left: 10px;
}
.newslist li.con .des .pic {
  display: block;
  float: left;
  width: 17%;
  height: 100px;
  margin-right: 10px;
  overflow: hidden
}
.newslist li.con .des img {
  width: 100%;
  max-height: 100px;
}
.newslist li.con .des .text {
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}
.newslist li.con .des .tags {
  clear: both;
  padding: 10px 0 0;
}
.tags a {
  display: inline-block;
  margin: 0 3px 5px 0;
  font-size: 12px;
  border: 1px #ddd solid;
  border-radius: 12px;
  padding: 3px 8px;
  background-image: linear-gradient(#fff, #F6F6F6);
}
.newslist li.con .more {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  background: #d2d2d2;
}
.newslist li.con .more i {
  color: #fff;
  margin-left: 8px
}
.newslist li.con:hover .more {
  background: #7d450c
}
.newslist li.con .more:hover {
  width: 150px;
}



.news-banner {
    height: 300px;
    background:#FDF6E6;
    position: relative;   
    border: 1px #bbb2ad solid;
    background: #fdf6e6;
    background: #fdf6e6 url(../img/bg_sc.png) no-repeat top right;    
    clear: both;
    overflow: hidden;
    transition: all .4s linear;
}


.newslist3{
  padding:20px 15px;
  border: 1px #bbb2ad solid;
}
.newslist3 li{
  line-height: 40px;
  border-bottom: 1px dashed #bbb2ad;
}


.contact p{
  line-height: 40px;
  margin-bottom: 10px;
}
.contact .wx{
  max-width: 150px;
}


button:focus,input:focus{
       
        outline: none;
}
 
.form-control{
  border:1px #7D450C solid;
  background: #fdf6e6;
  padding-left: 10px;
  line-height: 40px;
}
.form-control:focus{
  box-shadow:none;
  border-color:#7D450C;
}
.btn-info {
    color: #fff;
    background-color: #7D450C;
    border-color: #7D450C;
}
.btn-info:hover{
  background: #302F2F;
  border-color:#302F2F;
}






/*shortcode*/
.imglist{color:#888;width:920px;margin:20px 0 0 0;}
.imglist .myimg{width: 32%; float: left; height: 210px; margin-bottom: 20px; text-align: center; font-size: 14px; line-height: 30px; margin-right: 1.3%;  }
.imglist .myimg img{width: 100%; height: 180px;}
.imglist-bg-white{background:#fff;border:1px solid #ccc;border-bottom:4px solid #0086E3;}
.imglist-title{background:#333;margin:20px 0 -20px 0;padding:18px 0 0 0;font-weight:bold;color:#eee;text-align:center;}
.imglist tr{display:block;}
.imglist tr td div{line-height:20px;margin:18px 0 15px 0;}
.imglist tr img{border:0;display:block;padding:0 10px 10px 10px}
.imglist-button{background:#F8F8F8;border:1px solid #ddd;/*#eaeaea;*/border-top:none;margin-top: 0;padding: 15px 15px;overflow:hidden;text-align:center;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.imglist-center{display:inline-block;_display:inline;_zoom:1;+display:inline;+zoom:1;}
.imglist-button .colorbox_btn{float:left}
.imglist-dots{overflow:hidden;padding: 10px 0 0 10px;float:left;display:inline-block;}
.imglist-button a:focus {outline:none;}
.colorbox_btn{display:inline-block;background:url("../images/x.gif?4") no-repeat 0 -380px;color:#888;width:190px;height:30px;}
.colorbox_btn:hover{background-position:0 -414px;}
.imglist-dots a{display:inline-block;height:10px;width:10px;background:url("../images/x.gif?4") no-repeat -68px -347px;margin: 0 6px;}
.imglist-dots a:hover{background-position:-80px -347px;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left!important; margin:auto; border:0; display:block; max-height: 600px!important;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;font-size: 12px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#333;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#333;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#333;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../images/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}







 .online {
  width:40px;
  right:5px;
}
.online dl {
  background:#fff;
  width:40px;
  height:66px;
  color:#333;
  margin-bottom:-1px;
  border:1px solid #ddd;
  border-radius: 0;

  text-align:center;
}

.online dl:nth-child(1){
  border-radius:5px 5px 0 0;
}

.online dl:nth-child(3){
  border-radius:0px 0px 5px 5px;
}

.online dl dd {
  color:#333;
  width:100%;
  text-align:center;
  margin-top: 5px;
  font-size: 12px;
}
.online dl dd i {
  font-size:20px;
}
.online dl dt {
  right:50px;
  border:none;
  box-shadow: rgb(0 0 0 / 12%) 0px 0px 8px 0px;
  border-radius: 5px;
  
}
.online dl .zxkf{ 
  width: 130px; 
  margin-top: 10px;
  font-size: 14px!important;
  color:#000;

}
.online dl .zxkf a{
  color:#000;
}


.online dl dt i{
   position: absolute;
   right:-5px;
   top:10px;
   z-index: 99;
   color:#fff;
   box-shadow: rgb(0 0 0 / 12%) 0px 0px 8px 0px;
}
 
.online dl .zxkf2{ 
  width: 160px; 
  margin-top: 10px;
  font-size: 14px!important;
  color:#000;
  top:-80px;

}

.online dl .zxkf2 i{
   position: absolute;
   right:-5px;
   top:80px;
   z-index: 99;
   color:#fff;
   box-shadow: rgb(0 0 0 / 12%) 0px 0px 8px 0px;
}
 


.online dl dt h3{
  border-bottom: none;
}
.online dl:hover {
  background:#7D450C;
  border:1px solid #7D450C;
}
.online dl:hover dd {
  color:#fff;
}
.online dl dt button {
  outline:none;
  background:#333;
}


.content {
    color: #000;
}






















@media(max-width:1280px){
.col3{width:1000px;margin-top:-35px;}
.col3 .a_pic{width:380px;height:383px;}
.col3 .c3con{width:430px;font-size:13px;line-height:24px;}
.col3 a.more2{bottom:-0px;left:280px;}
}


@media(max-width: 1200px){
.wrap{width:90%;}
.footbg{padding:15px 10px;}
}

@media(max-width: 992px){ 
.ceshi ul li {
    width:calc(50% - 15px);   
}
}
 
 
@media(max-width: 768px){

.col-md-30,.col-md-375{
  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.navbar-nav{
  overflow-x: hidden;
}
.navbar{
 
  padding:10px;
}
.navbar-light .navbar-toggler {
    color: #7d450c;
    border-color: rgba(0,0,0,0);
}
.lange{
  background: #7D450C;
  color:#FFF;

}
.navbar-light .navbar-nav .nav-link{
 padding: 10px 1.2rem;
 font-size: 14px;
color:#333;
}
.navbar-light .navbar-nav .nav-item i.dot{
  display: none;
}
.submenu{
  display: inline-block;
  position: relative;
  background: none;
  width: 100%;
  padding-top: 0;

}
.nav-item{
  border-bottom: 1px solid #555; 
}

.submenu li{
  float: left;
  width: 25%;  
}

.submenu li a{
   color:#333;
   font-size: 12px; 
}

#navbarNav{
  margin-bottom: 30px;
}


  #footerbar .friendlink{display:none;}

.pages{margin-top: -3rem!important;}
.logbox{padding:5px 0px 10px;}
.logcon{font-size: 12px;}
.logbox h1{font-size: 16px; font-weight: normal;}
.nextlog{padding:10px;}
.link-box{padding:10px;}
.nextlog a{font-size: 12px;}
.bg-border{border:none;}
.ullist4 li{width: 100%;}
.ullist4 li a{font-size: 12px;}
#hotlog li a{font-size: 12px;}
#sidebar .rlist1 ul li{padding:5px 0;}
#randlog li i{top:8px;}
#hotlog i{top:3px;}
#sidebar .rlist1 ul li a{font-size: 12px; line-height:20px;}
#newlog li i{top:8px;}
.d-none-wap{display: none;}


.bg-info{
  background:#454545!important;
}
.border-right{
  border-right: 1px solid #666!important;
}
.slide-txt{
  padding:5px 15px;
  height:30px;
  line-height: 20px; 
}

.ceshi ul li {
    width:calc(33% - 15px);   
}
.card-img-200{
   height: 120px;
   overflow-y: hidden;
}


.nextlog .prev {
  float: left;
  width: calc(100% - 3px);
  border-right: 1px #eee dotted;
}
.nextlog .next {
  width: calc(100% - 3px);
  float: left;
  text-align: left;
}
.nextlog a{
  width:100%;
  padding:15px;
  height: auto;
  margin-bottom: 20px;
}

.col3{
  width: 100%;
}
.col3 .c3con{
  width: 100%;
  margin:80px 0 0 0;
  padding:15px;
  color:#000;
}
.col3 .a_pic{
  width: 200px;
  height: 200px;
  margin-top: 80px;
  margin-left: 20px;
}

.logcon img {
    text-align: center;
    max-width: 100%!important;
}
.logcon .ico{
  display: inline;
}

}