/******************  inner ******************/

#daohang { width: 1200px; margin:  0 auto;line-height: 3em; }

#inner { width: 1200px; margin:  0 auto; display: flex; justify-content:  space-between; }

#sidebar { width: 305px;     border: 1px solid #d2d2d2;     border-top: 0;    box-sizing: border-box;        height: max-content; }

#sidebar  .prolist {  }

#sidebar  .prolist .name { background: #292e39; line-height: 3em; color: white; font-size: 24px; padding-left: 1em; margin-left: -1px; margin-right: -1px; }

#sidebar  .prolist .name  span { font-size: 16px;  }

#sidebar  .prolist  a { line-height: 3em;     border-bottom: 1px solid #e4e4e4; display: block; padding-left: 30px; }

#sidebar  .prolist  h3 { background: #dc8d30; color: white; }

#content { width: 845px; }

/******************  list-text  ******************/
.list-text {  }


.list-text  a { display: block;     border: 1px solid #e1e1e1; padding:15px 20px; margin-bottom: 30px; }

.list-text  a:hover {    box-shadow: 0px 2px 10px 1px rgba(8, 1, 3, 0.2);  }


.list-text  a .name { display: flex; align-items: center; justify-content:  space-between; border-bottom: 1px solid #999; }

.list-text  a .name  span { line-height: 2em; font-size: 20px; }

.list-text  a .name   .ymd { font-size: 16px; color: #999; }

.list-text  a .con { margin-top: 8px; line-height: 1.7em; color: #666; }

.list-text  a  .more {     background: #dc8d30; color: white; display: inline-block; padding:  5px 20px; margin-top: 10px; margin-bottom: 10px; }


/******************  list-pro  ******************/



.list-pic { display: flex; justify-content:  space-between; flex-wrap:  wrap; }


.list-pic a  { width: 32%; padding: 5px; padding-bottom: 0; box-sizing: border-box; border: 1px solid #999;     margin-bottom: 20px; }

.list-pic a img {     max-width: 100%;          transition: all .5s ease; }

.list-pic a img:hover {
	transform: scale(1.2); }

.list-pic a .img { overflow: hidden; }

.list-pic a  p {
 color: #333; text-align: center; line-height: 3em;
  }

.list-pic a:hover p {  background: #8c4e03;    margin-left: -5px; margin-right: -5px; color: white; }

/******************  page  ******************/

#page {  }


#page h1  { font: 28px/50px "Microsoft YaHei"; font-weight: bold; text-align: center; color: #333; margin:0; padding:0; }

#page .ymd { border-bottom: 1px solid #ccc; font: 13px/2.5em "Microsoft YaHei"; color: #aaa; text-align: center;}

#page .last-con { padding-top: 20px; padding-bottom: 20px;  }
#page .last-con .pro_tit{ border-left: 4px solid #8c4e03; padding-left: 8px; font: 20px/23px "Microsoft YaHei"; font-weight: bold; margin-bottom: 10px; margin-top: 30px; }
#page .last-con .pro_con{ color: #333; padding-left: 14px;}
#page .more-info {  }

#page .more-info .title { border: 1px solid #ccc; line-height: 2em; }

#page .more-info .title  span { display: inline-block; padding:  0 20px; border-right: 1px solid #ccc;  background: #dc8d30; color: white; margin-bottom: -1px; }

#page .more-info  .pics { display: flex; margin-top: 20px; margin-bottom: 20px; justify-content:  space-between; }

#page .more-info  .pics  a { width: 24%; }

#page .more-info  .pics  a img { width: 100%; height:  auto; }

#page .more-info  .pics  a p { background: #8c4e03; text-align: center; line-height: 2em; color: white; }


#page .more-info  .texts { display: flex; justify-content:  space-between; flex-wrap: wrap; }

#page .more-info  .texts  a { width: 48%; line-height: 2.4em; border-bottom: 1px  solid #ccc; box-sizing: border-box; display: flex; justify-content:  space-between; color: #666; }

#page .more-info  .texts  a span:nth-child(2) { color: #ccc; }


.a-fiy { display: flex;     display: flex;         justify-content: space-between;             align-items: center;                 line-height: 2.1;                     border-bottom: 2px solid #dc8d30;                         position: relative;                             top: -14px; }


.a-fiy h2 { }



.a-fiy span { }