/* CSS Document */
body{font-size:14px; color:#444; line-height:26px; font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif;}
*{margin:0; padding:0;}
a{text-decoration:none; color:#444;}
a:hover{color:#e61873;}
ul,ul li{list-style:none}
img{border:0;}

.head,.lm ul,.title,#carousel,.about,.zpnr,.home_ad,.news,.yiyuan,.banquan,.nypic span,.nr,.weizhi span{ width:1200px; float:none; margin:0px auto; overflow:hidden;}
.lm, .lm ul li a, .banner, #carousel li span, .dyzp, .home_ad .picScroll-left, .home_ad .picScroll-left .ad_title, .news ul, .yiyuan ul, .dibu, .nypic, .weizhi, .tydiv, .tydiv h3, .tydiv h3 a, .tydiv ul li, .tydiv2, .tydiv2 h3, .tydiv2 h3 a, { width: 100%; float: left; overflow: hidden; }

.head{ padding:10px 0;}
.logo{ width:806px; float:left; margin-top:12px;}
.phone{ width:295px; float:right;}
.lm,.dibu{ background:#ce9079;}
.lm ul li{ width:132px; float:left; overflow:hidden; text-align:center;}
.lm ul li a{ display:block; line-height:45px; color:#fff; font-size:18px;}
.lm ul li a:hover{ background:#e61873;}
.banner{ text-align:center;}
.banner img{ width:100%; height:auto;}
.title a,.home_ad .picScroll-left .ad_title span a{ line-height:100px; font-size:25px; color:#ce9079; font-weight:bold;}
.title a:hover,.home_ad .picScroll-left .ad_title span a:hover,.db_qq a:hover{ color:#e61873;}
.title span,.home_ad .picScroll-left .ad_title span em{text-transform:Uppercase; line-height:50px; font-size:20px; color:#999; margin-left:10px; font-style:normal;}
.title em{ float:right;}
.title em a{ font-size:14px; line-height:100px; font-style:normal;}

#carousel{position:vrelative;}
#carousel ul {list-style: none;display: block;margin: 0;padding: 0;}
#carousel li {text-align: center;display: block;width: 280px;height: 220px;padding: 0;margin: 0px;float: left;position: relative;}
#carousel li img {width: 213px;height: 163px;}
#carousel li span {
    float: left;
    text-align: center;
}      
.clearfix {float: none;clear: both;}
#carousel .prev, #carousel .next {background: transparent url(../../images/btn.png) no-repeat 0 0;text-indent: -999px;display: block;overflow: hidden;width: 21px;height: 42px; position:absolute;}
#carousel .prev {background-position: 0 0; top: 920px;left: 167px;}
#carousel .next {background-position: -21px 0;background-position: -21px 0;top: 920px;left: 1399px;}

.about{ height:230px;}
.about img,.zpnr img{ float: left; margin:0px 30px 0px 0px;}
.dyzp{ padding:20px 0px; background:#efe8e6; margin:30px 0px;}

.home_ad .picScroll-left .ad_title span{float:left;font-size:20px;color:red;}
.home_ad .picScroll-left .ad_title .hd{float:right;width:210px; margin-top:40px;}
.home_ad .picScroll-left .ad_title .hd a{cursor:pointer;width:18px;height:18px;display:block; float:left;}
.home_ad .picScroll-left .ad_title .hd a.next{background:url("../../images/icon-forward_ee579597.jpg") no-repeat;}
.home_ad .picScroll-left .ad_title .hd a.prev{background:url("../../images/icon-backward_30ac881d.jpg") no-repeat;}
.home_ad .picScroll-left .ad_title .hd a.prevStop{opacity:.5;filter:alpha(opacity=50)}
.home_ad .picScroll-left .ad_title .hd a.nextStop{opacity:.5;filter:alpha(opacity=50)}
.home_ad .picScroll-left .ad_title .hd ul{text-indent:99999px; float:left;}
.home_ad .picScroll-left .ad_title .hd ul li{width:23px;height:18px;float:left;cursor:pointer;background:url("../../images/icon-pagenation_8b2f0f92.jpg") no-repeat center;}
.home_ad .picScroll-left .ad_title .hd ul li.on{background:url("../../images/icon-pagenation-current_ad0a381a.jpg") no-repeat center;}
.home_ad .picScroll-left .bd .picList li{float:left;display:inline;background:#fff;padding:8px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.home_ad .picScroll-left .bd{padding:0 5px;}
.home_ad .picScroll-left .bd ul{overflow:hidden;zoom:1;}
.home_ad .picScroll-left .bd ul li{float:left;_display:inline;overflow:hidden;text-align:center;}
.home_ad .picScroll-left .bd ul li{text-align:center;}
.home_ad .picScroll-left .bd ul li img{width:216px;height:168px;display:block;padding:2px;border:1px solid #ccc;}
.home_ad .picScroll-left .bd ul li a:hover img{border-color:#999;}
.home_ad .picScroll-left .bd ul li .title{line-height:24px;}

.news ul li{ width:48%; float:left; margin:1%; height:100px; overflow:hidden; border-bottom:1px solid #dfdfdf; padding-bottom:10px;}
.news ul li img{ float:left; margin:0px 20px 20px 0px;}
.news ul li:nth-child(odd),.yiyuan ul li:nth-child(1),.yiyuan ul li:nth-child(6){ margin-left:0;}
.news ul li:nth-child(even),.yiyuan ul li:nth-child(5),.yiyuan ul li:nth-child(10){ margin-right:0;}

/*.yiyuan ul li{ width:232px; float:left;margin: 0px 5px;}*/
.yiyuan ul li{width: 232px;float: left;margin: 0px 5px;transition: box-shadow 0.3s ease, transform 0.3s ease;}
.yiyuan ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);transform: scale(1.05);}

.dibu{ padding:20px 0; margin-top:30px;}
.db_tel{ width:285px; float:left;}
.db_tel,.db_qq a{ color:#fff; font-size:18px; line-height:26px; font-weight:bold;}
.db_tel span,.db_qq span{ width:49px; height:85px; display:block; float:left; margin-right:15px; background-image:url(../../images/db_ico.png); background-repeat:no-repeat;}
.db_tel span{ background-position:0px 18px;}
.db_qq span{ background-position:-59px 18px;}
.db_wx{ width:349px; float:left; margin:0px 140px;}
.db_qq{ width:270px; float:left;}
.banquan{ text-align:center; color:#fff; line-height:26px; border-top:1px dashed #fff; margin-top:20px; padding-top:20px;}

.nypic {background: url(../../images/banner_bg.jpg) no-repeat center/cover;height: 280px;}
.nypic span{ display:block; padding:80px 0;}
.nypic span h3{ width:180px;line-height:50px; padding:10px 20px; margin-left:250px; font-size:35px; font-weight:bold;background-color:#ce9079;  color:#fff; text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.weizhi{ background:#efe8e6;}
.weizhi span{ display:block; line-height:35px;}
.nr{ padding:20px 0px;background:url(../../images/line.gif) repeat-y 860px 0px;}
.nr_left{ width:830px; float:left;}
.nr_right{ width:320px; float:right;}

/*右边栏*/
.nr_right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.tydiv {
  width: 100%;
}

.tydiv h3 {
  font-size: 18px;
  color: #333;
}

.tydiv ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tydiv li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.tydiv li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  transition: background-color 0.3s ease;
}

.tydiv li:hover a {
  background-color: #f5f5f5;
}

.tydiv li a:hover{
  color: #e61873;
}

.tydiv li img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  margin-right: 10px;
  border-radius: 4px;
}

.tydiv2 {
  width: 100%;
}

.tydiv2 h3 {
  font-size: 18px;
  color: #333;
}

.tydiv2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tydiv2 li {
  margin-bottom: 10px;
}

.tydiv2 li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  transition: background-color 0.3s ease;
}

.tydiv2 li:hover a {
  background-color: #f5f5f5;
}

.tydiv2 li img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  margin-right: 10px;
  border-radius: 4px;
  transition: transform 0.3s ease;
}


.tydiv2 li img:hover{
  transform: scale(1.2);
  z-index: 1;
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  }

/*END*/
.tydiv{ margin-bottom:20px;}
.tydiv h3{ text-align:center;}
.tydiv h3 a{ display:block;background:url(../../images/lm_bg.png) no-repeat left center; line-height:52px; color:#fff;}
.tydiv ul{ width:285px; float:left; padding:15px; border:2px solid #ce9079; border-top:none;}
.tydiv ul li img{ float:left; margin:0px 10px 10px 0px;}

.tydiv2{ margin-bottom:20px;}
.tydiv2 h3{ text-align:center;}
.tydiv2 h3 a{ display:block;background:url(../../images/lm_bg.png) no-repeat left center; line-height:52px; color:#fff;}
.tydiv2 ul{ width:285px; float:left; padding:15px; border:2px solid #ce9079; border-top:none;}
.tydiv2 ul li{ text-align:center; width:50%; float:left; overflow:hidden;}


.boxoff{height:10px;overflow:hidden;clear:both;}
.context ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.context li {
  margin-bottom: 10px;
}

.context li a {
  display: inline-block;
  background-color: #f9f9f9;
  padding: 10px 15px;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.context li a:hover {
  background-color: #CE9079;
  color: #FFF;
}

.boxoff strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../../images/boxoff.gif) right -10px no-repeat;float:left;}
.nrbody img{max-width:100%!important;height:auto;}

/*联系我们*/
.list ul {list-style-type: none;margin: 0;padding: 0;display: flex;}
.list ul li{position: relative;width: 276.67px;height: 308px;margin-right: 10px;background-color: #f2f2f2;text-align: center;float: left;transition: box-shadow 0.3s ease, transform 0.3s ease;}
.list ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);transform: scale(1.1);}
.list ul li img { width: 250px;height: 188px;}
.list ul li p {margin: 5px 0;font-size: 20px;font-weight: 600;padding: 3px;}
.list ul li p span {font-size: 20px;}


/*底部微信二维码*/
.image-list {width: 349px;float: left; margin: 0px 140px;}
.image-list p{ float: left;padding: 19px 10px;}
.image-list ul { display: inline-block; list-style-type: none; padding: 0; margin: 0;}
.image-list li { display: inline-block;width: 80px;height: auto;margin-right: 10px;text-align: center;position: relative;}
.image-list li img { width: 100%; height: auto;}
.image-list span { display: block;}
.image-p{ float: left;padding: 19px 10px;}

/*列表分页页码*/
.pagination {
  overflow: hidden;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #ce9079;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; 
    font-size: 14px;
  }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #73b566;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #ce9079;
    border-color: #ce9079;
    cursor: default; }

/*内容*/
/* 设置标题样式 */
.nrbody h2, .nrbody h3, .nrbody h4, .nrbody h5, .nrbody h6 {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
  color: #333;
}

/* 设置链接样式 */
.nrbody a {
  color: #007BFF;
  text-decoration: none;
}

.nrbody a:hover {
  text-decoration: underline;
}

/* 设置段落样式 */
.nrbody p {
  margin-bottom: 15px;
  text-indent: 2em;
}

/* 设置有序列表样式 */
.nrbody ol {
  margin-bottom: 15px;
  padding-left: 20px;
}

.nrbody ol li {
  margin-bottom: 5px;
}

/* 设置无序列表样式 */
.nrbody ul {
  margin-bottom: 15px;
  padding-left: 20px;
}

.nrbody ul li {
  margin-bottom: 5px;
}

/* 设置块级引用样式 */
.nrbody blockquote {
  margin: 0;
  padding: 10px 20px;
  border-left: 2px solid #CCCCCC;
  background-color: #F9F9F9;
  color: #555;
}

/* 设置代码块样式 */
.nrbody pre {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #F9F9F9;
  overflow: auto;
  line-height: 1.4;
  font-size: 13px;
}

.nrbody code {
  font-family: Consolas, monospace;
}

/* 设置图片样式 */
.nrbody img {
  display: inline-block;
  margin: 15px auto;
  max-width: 100%;
  height: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/* 设置容器样式 */
.nrbody {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.nyinfo {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.time-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #cfcfcf;
  border-radius: 50%;
  margin-right: 5px;
}

.read-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #cfcfcf;
  border-radius: 50%;
  margin-right: -15px;
}


.nyinfo time {
  margin-right: 15px;
}

.nyinfo .click-count {
  font-weight: bold;
  margin-right: 5px;
  padding-left: 20px;
}

.nybt {
  text-align: center;
  margin: 20px 0px;
}

.nybt h1 {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  margin: 0;
}

/*列表*/
.nr_left .hh1 {
  position: relative;
  margin: 10px 0;
  padding-left: 10px;
  font-size: 24px;
  font-weight: bold;
}

.nr_left .hh1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 5px;
  height: 70%;
  background-color: #e61873;
}

.nrul li {
  display: flex;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #fff;
  box-shadow: none;
  transition: background-color 0.3s, box-shadow 0.3s;
}

.nrul li:hover {
  background-color: #e0dedd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.nrul li .list-left {
  flex-shrink: 0;
  margin-right: 20px;
}

.nrul li .list-left img {
  width: 200px;
  height: 146px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.nrul li .list-left img:hover {
  transform: scale(1.05);
  z-index: 1;
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.nrul li .list-right {
  flex-grow: 1;
}

.nrul li .list-right h2 {
  font-size: 18px;
  margin: 0;
  margin-bottom: 10px;
}

.nrul li .list-right span {
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #444;
  line-height: 26px;
  font-weight: normal;
}


/*相关推荐*/

.related-posts {
  margin-top: 30px;
}

.related-posts .section-title {
  font-size: 24px;
  margin: 0;
  margin-bottom: 10px;
}

.related-posts .related-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.related-posts .related-list li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.related-posts .related-list li .preview {
  flex-shrink: 0;
  margin-right: 20px;
}

.related-posts .related-list li .preview img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 5px;
}

.related-posts .related-list li .title {
  font-size: 16px;
  margin: 0;
}

/**/
.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.item {
    flex-basis: calc(50% - 10px); /* 移动端每行显示2个，假设你想要的间距是10px */
    margin-bottom: 20px; /* 根据需要设置底部间距 */
}

.item img {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 600px) {
    .item{flex-basis: calc(33.33% - 10px);transition: box-shadow 0.3s ease, transform 0.3s ease;}
    .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);transform: scale(1.05);}
}


.content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 20px;
    gap: 20px;
}

.image-container {
    flex: 1;
}

.text-container {
    flex: 2;
    padding-left: 20px; /* 根据需要增加左侧的间距 */
}

.content-image {
    width: 450px;
    height: auto;
}

/**/
.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.text-content {
    width: 50%;
}

.image-content {
    width: 50%;
}

.lm ul .cur{
  background-color: #e61873;
}

/*返回顶部*/
#backToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    #backToTop {
        right: 10px;
    }
}
/*友情链接*/
.friendship-links {
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  font-family: Arial, sans-serif;
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

.friendship-links h3 {
  text-align: left;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 10px;
}

.friendship-links ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.friendship-links li {
  margin-bottom: 10px;
  float: left;
  padding: 0px 10px;
}

.friendship-links li a {
  text-decoration: none;
  color: #666;
  font-size: 14px;
}

.friendship-links li a:hover {
  color: #000;
}