body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd {
	margin:0;
	padding:0;
}
div,ul,h1,h2,h3,h4,h5,h6 {
	box-sizing:border-box;
}
ul,ol,li {
	list-style:none;
	padding: 0; 
	margin: 0;
}
img {
	max-width:100%;
}
a {
	color: #8B959D;
	text-decoration: none;
}
a:hover {
	color: #A0522D;
	text-decoration:none;
}
a:visited {
	color:#005D8F;
}
button,input,textarea {
	letter-spacing:.5px;
	outline:none;
}

body {
	line-height:1.5;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	letter-spacing:.1px;
	width:100%;
	overflow-x:hidden;
	background: #F5F1E8;
	color: #5D4037;
}
html {
	font-size:15px;
}

@media only screen and (max-width:575px) {
   html {font-size:14px!important;}
}
@media  (min-width:576px)  and (max-width:991px){
   html {font-size:15px!important;}
}

@media  (min-width:992px) and (max-width:1199px){ 
   html {font-size:15px!important;}
}
@media  (min-width:1200px) {
   html {font-size:16px!important;}
}

header { background: #D8C3A5; }

.h-top {   height:2rem; line-height:2rem;  font-size: 0.9rem; border-bottom:0.1rem solid #D8C3A5;       }
.h-top-area { position: relative;    }
.h-top-select { box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 13%); z-index: 10; background:#FFF8F0; position: absolute; left:0rem; top: 2.5rem;padding: 1rem;   width: 100%;     }
.h-top-select .area-box a { color:#000 ; }
.h-top-select .area-box a.active { color:#8B4513; font-weight:bold; }
.h-top-link { text-align: right; }
.h-top-link a { font-size:0.8rem; }
.h-middle { padding: 1rem 0; }

.navbar-toggler { color: rgba(0, 0, 0); }
.navbar-toggler-icon {  font-size: 2.5rem;  font-weight: bold; }
.h-middle-inner { display: flex; flex-wrap: wrap;align-items: center;  position: relative; justify-content: space-between; }

.header-logo {  }
.header-logo-des { float: right;  margin:1rem 0 0 1rem;         }
.header-logo-des  dt { margin: 0 0 0.5rem; }
.header-logo-des span { background:#FF6B35;color: #fff;border-radius: 0.3rem; padding:0.2rem  0.5rem; margin:0 0.5rem 0 0; font-size:0.9rem;}
.header-searchin {  display:inline-block; width: 4rem; text-align: center;             }
.header-searchin i { font-size: 2rem; }
.header-icon { width: 3rem; visibility: hidden; display: none;}
.header-searchicon { display: none; font-size: 1.6rem; }
.header-search { min-width: 30rem;    }
.header-search-form { border: 0.05rem solid #D8C3A5; border-radius: 0.5rem; display:flex; }
.header-select { position: relative;          }
.header-select-inner { height: 3rem; border-radius:0.3rem 0 0 0.3rem; cursor: pointer; padding: 0 1.5rem 0 1rem; font-size:1rem; border: 0.05rem solid #D8C3A5;  }
.header-select-inner  selected {  background:#f5f5f5;  }
.header-searchbox {  position: relative; width:100%; }
.header-searchbox-input {  width: 100%; padding:0 5rem 0 1rem; height: 100%; border: 0.05rem solid #D8C3A5; border-radius:0  0.3rem 0.3rem  0;       }
.header-searchbox-button { position: absolute; top: 0; right: 0; border-radius:0  0.3rem 0.3rem  0; background:#f93961; color: #fff;    height: 100%;   border: none; padding: 0 1.5rem;}

.header-contact { width:12rem; display: inline-block;}
.header-contact span i { font-size:2rem;line-height:3rem;   }
.header-contact span {margin:0 0.6rem 0 0; float: left; display: inline-block; text-align: center; background:#FF6B35; width:3rem; height:3rem; border-radius: 1rem; color:#fff; }
.header-contact  p {color:#5D4037; font-size:0.9rem; line-height:1.5rem;}
.header-contact h5 { font-weight: bold; font-size:1.2rem; }

.mr-auto { margin-right: auto; padding: 0;}
.h-bottom { background: #8B4513;  }
.h-bottom-inner { position: relative; display: flex; align-items: center;justify-content:space-between;        }
.offcanvas-body {    }
.offcanvas-body ul>li { position: relative;  }
.offcanvas-body ul>li.active { background: #5D4037;  }
.offcanvas-body ul>li a  {display: inline-block;   font-size:0.9rem; font-weight: bold;  color: #fff;padding: 1rem 2.5rem;   }
.offcanvas-body ul>li a:hover {background: #5D4037; }
.offcanvas-body ul>li:hover ul.dropdown-menu{ display: block; }
.offcanvas-body ul>li>ul.dropdown-menu {transition:.3s;top: 3.3rem; border-top-left-radius:0;border-top-right-radius: 0; padding: 0;      }
.offcanvas-body ul>li>ul.dropdown-menu>li a {   padding: 0 1rem; display:block; font-weight: normal; font-size: 0.9rem;line-height: 2.5rem;  background: #8B4513; }
.offcanvas-body ul>li>ul.dropdown-menu>li a:hover { background:#5D4037; }
.offcanvas-body ul>li.nav-block { position:static;    }
.h-bottom-brand  { position: absolute; left: 0; width: 100%; background:#FFF8F0; top:100% ; z-index: 30; display: none;}
.offcanvas-body ul>li.nav-brand a:hover .h-bottom-brand   { display: block; }

@media  (max-width:992px) {
.header-searchicon { display:inline-block; }	
.header-icon { visibility: visible; }
.offcanvas-body ul>li {border-bottom:0.05rem solid #D8C3A5; padding:0 1rem;   } 
.offcanvas-body ul>li.active { background: #8B4513; color:#fff;  }
.offcanvas-body ul>li::after { position: absolute; right: 0; } 
.offcanvas-body ul>li a { position: relative; line-height:2.5rem;font-size: 0.9rem;	color:#151515; padding: 0;font-weight: normal; }

.offcanvas-body ul>li>ul.dropdown-menu  {  border: none; background: #f5f5f5; padding: 0.3rem;}
.offcanvas-body ul>li>ul.dropdown-menu>li  { display: inline-block; width:auto; font-size: 0.8rem; border:none;}
.offcanvas-body ul>li>ul.dropdown-menu>li a { padding:0 0.5rem; border:none; line-height: 1.7rem; }
.h-bottom-category { width: 100%; }
.h-bottom-category-body { width:100%; }
.h-bottom-category-body ul>li:hover>dl { opacity:1;display: block; }
.h-bottom-category-body ul>li>dl  { position: relative;left: 0; background: #f5f5f5;opacity: 1;width: 100%;display: none; }
.h-bottom-category-body ul>li>dl dt { display: none; }
.h-bottom-category-body ul>li>dl dd { display: block;width: 100%;border-bottom: 0.05rem solid #D8C3A5; }
.h-bottom-category-body ul>li>dl dd a { margin: 0 0.5rem; }
.h-bottom-category-body ul>li.h-bottom-subcat a::after {content: "\f196";}
.h-bottom-category-body ul>li.h-bottom-subcat dl>dd a:hover { background: #f5f5f5; }
.header-contact  { display: none; }
.header-icon { display: inline-block; }
}

@media  ( max-width: 575px)    {                     
.header-logo-des { display: none; }
.header-search { min-width: 15rem;    }
 }


/*  公共样式    */
.center-title {   text-align: center; margin:0 0 1.5rem;     }
.center-title h2,.center-title h1 {  font-size: 1.3rem; margin: 0 0 0.5rem; font-weight: bold; color:#5D4037;} 
.center-title p {  font-size: 0.9rem; color:#5D4037;}

.title-line {  position: relative;  margin:0 0 1rem;    }
.title-line h3 { font-weight: bold; font-size: 1rem; height: 2.5rem;line-height: 2.5rem;  display: block;    }
.title-line h3::before {  position: absolute; width: 2.5rem; height: 0.1rem; background: #8B4513; content: ''; left: 0; bottom:0; }


.crumb { padding: 1rem 0; color: #8B959D; font-size: 0.9rem;    }
.crumb a { color: #8B959D;     }
.crumb a:hover { color: #8B4513; }

.bg-fff { background: #fff!important; }
.bg-gray {background: #F8F9FA!important;}
.bg-blue { background:#8B4513 url(../img/4@2x-2.png) scroll no-repeat 30% 90%; }
.bg-blue2 { background:#5D4037!important; }
.box { background: #FFF8F0; border-radius: 0.3rem; padding: 1.5rem 2rem;  }
.color-fff { color:#fff!important; }
@media  ( max-width: 575px) {                     
.box    {  padding: 1rem;                     }
}

/* 首页新闻  */

.i-headnews {  text-align: center;  background:#FFF8F0; margin:0 0 0.8rem;padding: 1rem;}
.i-headnews dt { padding: 0.5rem 0;  height: 2.5rem; overflow: hidden; }
.i-headnews dt a { font-size: 1.1rem;color:#5D4037; }
.i-headnews dd { text-align: left;  font-size: 0.9rem;  }
.i-onenews { position: relative; margin: 0 0 0.8rem; display: flex; background:#FFF8F0; padding: 0.7rem;  }
.i-pic {  width: 35%; margin:0 5% 0 0;}
.i-info { width: 60%; }
.i-info  h6 { height: 3rem; line-height: 1.5rem; overflow: hidden;  }
.i-info  h6 a {  font-size:0.95rem; font-weight:bold; color:#5D4037; }
.i-info  p { font-size: 0.85rem; margin: 0.5rem 0 0; }


/*  首页人物tab */
.cases-tab { }
.cases-tab li {    text-align: center;   margin: 0.3rem 0.6rem 0.6rem; display: inline-block;  }
.cases-tab li a   {  font-size:1rem; padding:1rem 2.5rem;  color:#5D4037;  background:#D8C3A5; border-radius: 0.4rem; background:#e8e8e8;  }
.cases-tab li a.active,.cases-tab li a:hover { background:#8B4513;   color:#FFF8F0;  border:none; font-weight:bold;  } 
.cases-tab li i  { margin: 0 5px 0 0; }




/*    公司介绍   */

.gui-bg { margin:0 0 3.2rem; background:url(../img/bg-image.jpg) scroll no-repeat 50% 50%; }
.gui-left {            }
.gui-left h2 {   font-size:1.5rem;line-height: 1.5rem; margin: 0 0; font-weight: bold;      }
.gui-left h2 span {   color: #223341;  font-size: 1.2rem;    }
.gui-left h2 em {  color:#8B4513;  display: block; font-style: normal; margin:1rem 0;     }
.gui-left p  {    font-size:1rem; line-height:1.7rem;  margin: 0 3rem 0 0; color: #444;  }
.gui-left ul {   margin:1rem 0;       }
.gui-left li { display: inline-block; }


.gui-right {  overflow: hidden;  display: block;     }
.gui-right img {width:100%;   }
.gui-right img:hover {  transform: scale(1.1); transition:1s;  }
.gui-data {  background:#FFF8F0;z-index:10; position: absolute; bottom:-2.5rem;  box-shadow: 0 3px 10px rgb(0 0 0 / 15%);  width:75%; padding:1rem 0;     }
.gui-databox {  text-align:center;  border-right:1px solid #D8C3A5;    }
.gui-databox h4 {  color:#4199dd;  font-weight: bold; font-size:2.5rem;}
.gui-databox h4 i { font-style: normal; }
.gui-databox h4 span{ background:#223341;color:#fff;font-weight: normal; width:1.2rem; height:1.2rem; line-height:1.2rem; font-size:0.8rem; border-radius:0.6rem; }
.gui-databox p  {   font-size:0.9rem;  }

@media  (max-width:993px) {
.gui-bg  { background: none; margin:0; }	
.gui-left { text-align:center; }
.gui-left h2 {   font-size:1.5rem;line-height:1.5rem; margin:0.6rem 0 0;       }
.gui-left p  { margin: 0;   font-size:1rem; line-height: 1.6rem;     }
.gui-left li a{ font-size:1rem;  padding:0.3rem 0.6rem;  }
.gui-data {  position: relative;top:0; width:100%;  }
.gui-databox h4 { font-size:1.4rem;   }
.gui-databox h4 span  { width:1rem; height:1rem; line-height:1rem; font-size:0.7rem;background:#FFF8F0;color:#223341; }
.gui-databox p  { color:#4B5358;  font-size:1rem;  }
.gui-right {  display: none;     }
}

.about-data {  display:flex;text-align: center; margin:0 0 1.5rem;     }
.about-icon {  width:6rem; height:6rem; border-radius:50%; background: #8B4513; line-height:6rem; }
.about-icon i {  color:#fff; font-size:3rem;  display:inline-block; width:5rem; height:5rem; line-height:5rem; text-align:center; margin:0.5rem; border-radius:50%; background:#5D4037;   }
.about-count { text-align:center;  padding:0.5rem 2rem;   }
.about-count h4 { font-size:2.5rem; font-weight:bold;  }
.about-count p { font-size:0.9rem; color:#5D4037;    }

@keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }
 .about-icon:hover i {
      animation: spin 1s linear infinite;
    }


/* 搜索页    */
.search-tip {   margin: 0 0 1rem; text-align: center; color: #fff;     }
.search-tip h1 {  font-size:1.5rem;  line-height: 2rem; color:#1A1D1F;      }
.search-tip p {   font-size:0.9rem;  line-height: 1.6rem;      }    
.search-form{   margin: 0 15%;            }
.search-form form{  position: relative;            }
.search-form input{  border:0.1rem solid #D8C3A5; height:2.3rem; line-height:2.3rem; border-radius:0.1rem; font-size:1.1rem;      }
.search-form button {  position: absolute; right:0; top:0; height:2.3rem; border:none; border-radius:0 0.2rem 0.2rem 0; padding: 0 0.6rem; background: #8B4513; padding: 0 1rem; color: #fff; font-weight: bold; }

.search-box {  background:#FFF8F0; border-radius: 0.2rem; margin:0 0 1.3rem; padding:0.6rem 1rem;          }
.search-box:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
.search-box h3 { line-height: 1.1rem; height: 3rem; overflow: hidden;     }
.search-box h3 a { font-size: 0.95rem; font-weight: bold;}
.search-box p { font-size: 0.85rem; color: #8B959D; line-height: 1.2rem; margin: 0.5rem 0; height: 5rem; width:100%;overflow: hidden; text-overflow:ellipsis;   }
.search-box ul { justify-content:space-between; display: flex; border-top: 0.05rem solid #D8C3A5;  }
.search-box ul li { color: #8B959D;  display: inline-block; font-size: 0.8rem;  line-height:2rem;      }
.search-box ul li:first-child,.search-box ul li a { color: #8B4513; }


/*  新闻列表        */

.news-box { background:#FFF8F0; padding:1rem; border-radius: 0.3rem; margin: 0 0 1.5rem;         }
.news-box:hover {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);  }
.news-box-thumb { overflow: hidden;                   }
.news-box-thumb img {  width: 100%;transition: .3s;               }
.news-box:hover .news-box-thumb img { transform:scale(1.1); }
.news-box-info {                    }
.news-box-info h3 {  padding: 0.5rem 0;    font-size:1rem; font-weight: bold;    }
.news-box-info h3 a{ color:#5D4037; display: block;  height: 2.6rem;overflow: hidden;  line-height: 1.3rem;  font-size:0.9rem;              }
.news-box-info p {background:#D8C3A5; font-size: 0.8rem;  height: 3rem; line-height: 1.3rem; overflow: hidden; color:#5D4037;  padding: 0.3rem;               }
.news-box-meta { position: relative; font-size: 0.75rem; height: 1.5rem; padding: 0.5rem 0 0; color: #8B959D;                                   }
.news-box-meta .meta-left {   position: absolute; left: 0;    }
.news-box-meta .meta-right {   position: absolute; right: 0;      }



/*  新闻内容页 */

.news-header  { text-align: center; border-bottom: 0.1rem solid #D8C3A5;padding: 0.6rem 0;  margin: 0 0 1.3rem; }
.news-header  h1 { font-size: 1.5rem; font-weight: bold; line-height: 2.2rem;margin: 0 0 1rem; color:#1A1D1F; }
.news-header  p { color: #8B959D; line-height: 1.3rem; font-size: 0.9rem; }
.news-header  i { margin: 0 0 0 0.6rem; }

@media ( max-width:575px)  {

}
.news-content { font-size: 1.05rem; min-height:20rem; }
.news-content  p{ max-width:100%; word-wrap:break-word; line-height: 2rem; margin: 0.3rem 0; }
.news-content h2 {font-size:1.15rem;line-height:2.2rem; font-weight: bold;}
.news-content h3 {font-size:1.1rem;line-height:2rem; font-weight: bold; border-bottom:0.1rem solid #D8C3A5; padding: 0.6rem 0;}
.news-content h4 {font-size:1.05rem;line-height:2rem;font-weight: bold;}
.news-content h5 {font-size:1rem;line-height:1.8rem;font-weight: bold;}
.news-content h6 {font-size:0.95rem;line-height:1.7rem;font-weight: bold;}

.news-content ul {margin-bottom:1rem;margin-left:1rem;}
.news-content ul li {list-style:circle;margin-bottom:0.3rem;}
.news-content ol {list-style-type:decimal;margin:0 0 1rem 2rem;padding:0;}
.news-content ol li {list-style-type:decimal;}
.news-content .img-zoom {overflow:visible;}
.news-content img {height:auto!important;transition:none;margin:0.5rem auto; max-width: 100%!important;  }
.news-content ul { margin:0.5rem 1rem;         }
.news-content li {  list-style:disc; line-height: 1.5rem;            }
.news-content blockquote { border-left: #8B4513 0.3rem solid ;    position: relative;  padding: 1.5rem; background:#D8C3A5; margin: 1rem 0; }
.news-content blockquote::after {  font-family:"bootstrap-icons";  content: "\F6B0";  font-size: 2rem;position: absolute; right:1rem; bottom: 0.5rem; color: #e8e8e8;        }


.news-end  { position:relative;  text-align: center; color:#5D4037; font-size: 0.9rem; margin: 3rem 0; }
.news-end::before {  content: '-'  }
.news-end::after { content: '-' } 

.news-tags {padding:1.3rem 0;border-top:0.05rem solid  #D8C3A5;  }
.news-tags h4{  font-size:1rem; font-weight: bold;  line-height:1.3rem;   height:1.3rem;  margin: 0 0 1.3rem;         }
.news-tags ul { overflow: hidden;   }
.news-tags li { display: inline-block; }
.news-tags li a {  display: block;   background:#D8C3A5;   white-space: nowrap; font-size:0.9rem;padding:0.3rem 0.6rem; border-radius:0.3rem;   margin: 0 0 0.6rem ; }
.news-tags li a:hover {  background:#8B4513;color:#fff;}
.news-prenext { border:0.05rem solid #D8C3A5;}
.news-prenext li {  font-weight: bold;  padding:2%; display: inline-block; width:49%;font-size:0.9rem; vertical-align:top; line-height:1.4rem; }
.news-prenext li a { font-size:0.9rem;  font-weight: normal; }
.news-prenext li:nth-child(2) { text-align:right;  }

/*  不同场景使用方法3     */
.sen-box {  position:relative;  margin:0 0 1.5rem;      }
.sen-pic {  padding:0 30%  10% 0; overflow:hidden;   position:relative;    }
.sen-pic img { border-radius:1rem; }
.sen-pic span { position:absolute; top:1rem; left:1rem; background:#8B4513; color:#fff; font-size:1.1rem; font-weight: bold; padding: 0.5rem 1rem; border-radius: 0.2rem;}
.sen-pic span a { color:#fff; }
.sen-pic span:hover { background:#5D4037; }
.sen-icon { width:5rem; height:5rem;  background:#8B4513 url(../img/use-icon.png) scroll no-repeat 5px 0; position:absolute; right:10%; top:10%;background-size:cover;          }
.sen-info {  border-radius:0.5rem;  padding:2rem;  width:80%; background:#FFF8F0; position:absolute; right:0; bottom:0;  box-shadow:0 .125rem .25rem rgba(0,0,0,.075); height:50%;transition:all .5s ease-in-out 0s; opacity:0.9;  }
.sen-info h3 { color:#8B4513; font-size:1.2rem; font-weight:bold; margin:0 0 1rem;      }
.sen-info p {  font-size:0.95rem; line-height:1.5rem; height:6rem;     }
.sen-info span {  color:#5D4037; font-size:0.9rem;  }
.sen-box:hover .sen-info  { width:100%; }

.sen-text { text-align:center;  font-size:1.1rem;           }
.sen-text i { color: #8B4513; margin:0 0.2rem 0 2rem; }


/*  场景    */
.scene-box    { text-align:center;    border-radius:0.5rem; background:#FFF8F0;   }
.scene-thumb {   overflow:hidden;     }
.scene-thumb img {width:100%;transition:.3s;   }
.scene-info  {  background:#8B4513; padding:0.5rem 1rem 1rem; color:#fff;          }
.scene-info span  {  border-radius:50%;  text-align:center;  width:4rem; height:4rem; display:inline-block;  background:#FFF8F0;  margin:0.5rem 0;  line-height:4rem;     }
.scene-info span i { color:#8B4513; font-size:2.5rem;          }
.scene-info h4 {  font-size:1.1rem;   font-weight:bold; margin:0.5rem 0;                            }
.scene-info p {  font-size:0.9rem; line-height:0.5rem; margin:0.5rem 0;  line-height:1.5rem;         }

.scene-box:hover .scene-info {background:#5D4037;}
.scene-box:hover .scene-thumb img { transform:scale(1.1); }

@media  (max-width:993px) {
.scene-box  { margin:0 0 1.5rem;  }

}



/* 人物列表 */
.team-box  { position:relative; margin:0 0 1.5rem;            }
.team-pic {      }
.team-pic img {  width:100%; height:100%; object-fit:cover;     }
.team-info {  position:absolute; left:2rem; bottom:2rem;right:2rem; padding: 1rem; background:#FFF8F0; text-align:center;     }
.team-info h3 { color:#4B5358;   font-size:1.1rem; margin:0 0 0.5rem;  font-weight:bold;    }
.team-info h6 { color:#8B4513;  font-size:1rem;   }
.team-hoinfo {  opacity: 0;visibility: hidden;  position:absolute;left:2rem; bottom:-2rem;right:2rem; padding:1.5rem; background:#8B4513; color:#fff;      }
.team-hoinfo h3 {  font-size:1.1rem; margin:0 0 0.5rem;  font-weight:bold;      }
.team-hoinfo h6 {  font-size:1rem; margin:0 0 1rem;    }
.team-hoinfo p{ font-size:0.9rem;  height:4.5rem; line-height:1.5rem; overflow:hidden;     }
.team-box:hover .team-hoinfo { transition: all 0.3s 0s ease-out; bottom:1rem; opacity:1;visibility:visible; }
.team-box:hover .team-info {  opacity: 0; visibility: hidden; }


.case-li  {  margin: 0 0 1.3rem;                       }
.case-li li {display:inline-block;  margin: 0 1rem 0 0; line-height: 2rem;        }
.case-li li a {  font-size: 1.1rem;                      }
.case-li li.active a { color: #8B4513; font-weight: bold;   border-bottom: 0.15rem solid #8B4513;  padding: 0.3rem 0;                  }

/*  人物    */
.pro-title  {  margin: 1rem 0 0.5rem;        }
.pro-title h1  { text-align: center; font-size: 1.4rem; line-height: 2rem;  font-weight: bold; color:#1A1D1F; margin:0 0 0.7rem;         }
.pro-title h1 em { color:#8B4513; font-style:normal; }

.pro-des { background:#D8C3A5;line-height: 1.6rem;  border-left:5px solid #8B4513;  color:#5D4037; font-size:0.9rem; padding:1rem; margin:1rem 0;   }
.pro-data { margin: 1rem 0; padding:0.5rem 0;    }
.pro-data li { line-height:2rem;  display: block; font-size: 0.95rem;        }

.pro-tab {  border-bottom: 0.2rem solid #D8C3A5;  margin: 1rem 0;  padding:0.5rem 0 0.4rem;              }
.pro-tab li {   display: inline-block;               }
.pro-tab li a{   background: #D8C3A5; padding: 0.5rem 0.7rem; margin: 0 0.5rem 0 0;  color:#5D4037;               }
.pro-tab li.active a,.pro-tab li a:hover{  background:#8B4513;  color: #FFF8F0;  font-weight:bold;               }


.pro-tit {  margin:1rem 0; border-bottom: 0.15rem solid #D8C3A5;      }
.pro-tit h3 { font-size: 1rem; font-weight: bold; line-height: 2rem;        }


/* 服务  */

.servi-box { background: #D8C3A5; display:flex; color:#fff; padding: 1rem 1.5rem; margin:0 0 1.5rem;}
.servi-icon {  font-size:3rem;  width:4rem;  text-align:left; margin:0.5rem 0 0;   }
.servi-icon i {border-right:0.05rem solid #fff; width:4rem; display:block; }
.servi-info {  padding:0 0 0 1rem; }
.servi-info h3 { font-size:1.1rem; font-weight:bold; line-height:2.2rem; color:#5D4037; }
.servi-info p { font-size:0.9rem; line-height:1.4rem;   }

/*   发展历史   */
.his-box    {   display:flex;flex-direction:column; justify-content:end; padding:1rem;      }
.his-dot {  width:2px; background:#8B4513; height:5rem; text-align:center; margin:2rem auto;position:relative;  }
.his-dot i { position:absolute; left:-7px; top:-7px; color:#8B4513; }
.his-pic { text-align: center; transition:all .4s,opacity .4s .9s,transform .4s .9s;  }
.his-pic img { border-radius:1.5rem; }
.his-info { text-align:center; margin:2rem;  }
.his-info h3 {  color:#8B4513; font-size:1.2rem; margin:0 0 0.7rem;        }
.his-info h4 {  font-size:1.5rem; font-weight:bold;margin:0 0 0.7rem;       }
.his-info p {  color:#5D4037; font-size:0.95rem; line-height:1.6rem;margin:0 0 0.7rem;         }

/*  联系我们小框   */

.get-box  {  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);padding: 2rem;  margin: 0 0 1.5rem;  background:#fff; position:relative;   }
.get-box span { border-radius:50%;  background:#f9f9f9; width:3rem; height:3rem; display:block; line-height:3rem; text-align: center; color:#fff;}
.get-box  i { font-size:1.5rem; line-height:3rem;       }
.get-box  h3 { color:#1A1D1F;   font-weight: bold;  font-size:0.9rem; margin:1rem 0 0; }
.get-box  p {  font-size:0.9rem;  margin:0.5rem 0; color:#00a0e8; }
.get-box  h6 { font-size:0.85rem;  color:#8B959D;}
.get-box img { width:3.5rem; height:3.5rem; position:absolute; right:2.5rem; bottom:2.5rem;  }


/*  常见问题  */

.faq {  }
.faq dl {  border-bottom: 0.1rem dashed #D8C3A5; padding: 1rem 0;  }
.faq dt { line-height:2rem;  font-size:0.95rem;margin:0 0 0.3rem;  }
.faq dd { line-height:2rem;  font-size:0.95rem;color:#4B5358; }
.faq dt i { font-size:1.2rem; line-height: 2rem; color:#8B4513; }
.faq dd i { font-size:1.2rem; line-height: 2rem; color:#5D4037;}

/* tags*/
.tags-box { background:#FFF8F0; padding:1rem;display: block; margin:0 0 0.6rem; border-radius:0.2rem;}
.tags-box:hover { background: #8B4513;  color:#fff;}
.tags-box:hover p,.tags-box:hover i{ color:#fff;}

.tags-box h3{ font-weight: bold; font-size: 0.9rem; margin: 0 0 0.6rem; height:1.3rem; line-height:1.3rem; overflow: hidden;  }
.tags-box h3 i { color:#8B4513; }
.tags-box p {font-size:0.85rem; color:#5D4037;}
.tags-letter { margin: 0.6rem 0 ; border-bottom:0.05rem solid #D8C3A5; padding: 0 0 1.3rem; font-size:1.2rem;  }
.tags-letter a { font-family:Arial,Impact,Georgia; display: inline-block; margin: 0 0.6rem 0.3rem 0;   padding:0 0.6rem; text-transform: uppercase; }
.tags-letter a:hover {  font-weight: bold; }
.tags-letter span {  font-size: 1rem;  }
@media (max-width:576px) {
.tags-letter span { display: block; text-align: center; line-height: 1.3rem; }
}
.tags-block {display:block; margin-bottom:1.3rem; background:#FFF8F0; border-radius:0.3rem; padding:1.3rem; }
.tags-alphabet { font-size:2rem; font-family:Arial,Impact,Georgia; font-weight: bold;    }
.tags-info{font-size:0.9rem; padding:0.3rem 0.6rem; }
.tags-info a { background:#D8C3A5; padding:0.3rem 0.6rem; margin: 0 0.3rem 0.6rem; display: inline-block; border-radius: 0.15rem; color:#5D4037;     }
.tags-info a:hover {background:#8B4513;    color: #fff; }
.tags-info a i {color:#8B4513;   }
.tags-info a:hover i {color: #fff;}

.tag-thumb {      }
.tag-info {  padding: 1rem 0;    }
.tag-info h1 { font-size: 1.5rem;  line-height: 2rem; font-weight: bold; margin: 0 0 0.5rem; color:#1A1D1F;   }
.tag-info p { color: #8B959D; font-size: 0.85rem; line-height: 1.4rem;    }


/* 百科列表 */
.city-box { background: #fff; padding: 1rem 1.5rem; border-radius:0.3rem; margin: 0 0 1.3rem;        }
.city-box dt { font-size: 1.1rem;  line-height:1.6rem; }
.city-box dd { font-size: 1rem; line-height: 1.6rem;  border-bottom:0.05rem dashed #E8EBED; padding: 0.5rem 0;}
.city-box dd strong {  color: #00a0e8; }
.city-box dd a { word-break:keep-all;white-space:nowrap; margin:0 0.5rem 0 0; font-size: 0.95rem;}
.city-box dd a.hotcity {  color: #0077B6;      }



/*  侧边栏       */
.w-nopadding { padding: 0!important; border-radius: 0.2rem; overflow: hidden; }
.w-box {  background:#FFF8F0; border-radius: 0.3rem; padding: 1rem;      }
.w-title {  position: relative;margin: 0 0 1rem;border-bottom:0.1rem solid #D8C3A5;   padding: 0 0 0.4rem; }   
.w-title h3  { font-size:1.1rem; font-weight: bold;  }
.w-title span { position: absolute; right:0; top:0; font-size:0.9rem; }
.w-title span a { color:#5D4037; }

.w-tags { font-size:0.9rem; }
.w-tags a {border-radius:0.2rem; margin:0 0.3rem 0.6rem 0 ; display: inline-block; background:#D8C3A5; padding:0.3rem 0.6rem; color:#5D4037; }
.w-tags a:hover { background:#8B4513; color: #fff;  }

.w-search {   padding:0.5rem 0;  }
.w-search form {  display: flex; }
.w-search input {  border: 0.1rem solid #D8C3A5; width: 100%; padding: 0.2rem 0.3rem;border-radius:0.3rem 0 0 0.3rem;    }
.w-search button { font-weight: bold; width: 3rem; line-height: 3rem; height:3rem; color: #fff; text-align: center; background: #8B4513; border-radius: 0 0.3rem 0.3rem 0; transition: all .3s ease-in-out;  flex-shrink: 0;  }

.w-total {                                     }
.w-total li {   padding: 0 0  0.3rem;  }
.w-total li a { justify-content:space-between;  display:flex;  align-items: center;  font-size:0.95rem; }
.w-total li a span { background:#D8C3A5; border-radius: 0.2rem;min-width:1.5rem;  display: inline-flex;    align-items: center; padding: 0.1rem 0.3rem; }
.w-total li a:hover  span {  background:#8B4513; color: #fff;  }

.w-time {   }
.w-time li {color:#4B5358; display: flex;justify-content:space-between; line-height:2rem;   }


.w-iconnews {                           }
.w-iconnews li   {  height: 2rem; line-height: 2rem; overflow: hidden;                         }  
.w-iconnews li a  { position: relative;        }
.w-iconnews li a:hover i  {  color: #8B4513;   }
.w-iconnews li a i {  font-size:1.3rem; color:#e8e8e8; width: 3rem;  font-style: normal; font-weight: bold; margin: 0 0.5rem 0 0 ; }

.w-pro {  position: relative; padding: 0.5rem 0;      }
.w-pro-thumb { width:6rem; position: relative; overflow: hidden; }
.w-pro-thumb img { border-radius: 0.2rem; width: 100%; transition: .3s;}
.w-pro-thumb img:hover {transform:scale(1.1);}

.w-pro-info { width:calc(100% - 7rem);  position:absolute; left: 7rem; top:0.5rem;   }
.w-pro-info h4 {  font-size: 0.85rem; font-weight: bold;width:100%; overflow: hidden; height: 1.4rem;   }
.w-pro-info h4 a   {         line-height: 1.4rem;   }
.w-pro-info p  { font-size: 0.8rem; color: #8B959D; height: 2.4rem; line-height: 1.2rem; overflow: hidden; }

.w-csad  {  position: relative;          }
.w-caad-pic {           }
.w-csad-info{  position: absolute; left: 0;bottom: 0; width: 100%; z-index: 1; }
.w-csad-info::after { background-color: #8B4513; content: ""; width: 100%; height: 10rem; right: 0;bottom: 0; z-index: -1;clip-path: polygon(0 40.8%,100% 0,100% 100%,0 100%); display: block; }
.w-csad-info dl { position: absolute; bottom: 0; z-index: 5; width: 100%; padding: 1rem 3rem; color: #fff;  }
.w-csad-info dd { font-size: 0.9rem; text-align: center;  }
.w-csad-info dt { font-size: 1.3rem;  }

.w-cate {   background:#FFF8F0;    }
.w-cate li {     border-bottom: 0.05rem solid #D8C3A5; }
.w-cate li a { padding:1rem 1.5rem; display: block; position: relative;  font-size:0.9rem; font-weight: 600; }
.w-cate li a::after  {content: "\F285"; font-family: "bootstrap-icons"; position: absolute; width: 1.3rem ;height:1.3rem;  line-height:1.3rem; text-align: center; right: 2rem; top: 1.2rem;  font-size:0.8rem;  }
.w-cate li.active a,.w-cate li a:hover{   background: #8B4513; color: #fff;     }
.w-cate li.active a::after,.w-cate li a:hover::after { background:#FFF8F0; color: #8B959D;  border-radius: 50%; }


/*   特点 */
.adv-box { margin:0 0 1rem; }
.adv-box h3 { font-size:1rem; font-weight: bold; line-height: 1.8rem;  }
.adv-box p {  font-size:0.9rem; color: #8B959D; text-indent: 2em; line-height: 1.2rem;  }
.adv-pic {  border-radius: 50%; border: 0.3rem solid #8B4513; width: 80%; }
/*  分页     */
.pages  {   font-size:1rem; text-align: center; margin: 0 auto;   }
.pages  a    { margin:0.3rem 0; display: inline-block;  border-radius: 0.1rem;    text-align: center; padding:0.5rem  0.8rem;  background:#FFF8F0; border:0.05rem solid #D8C3A5; }
.pages  a:hover    { background:#8B4513; color:#fff;     }
.pages  b    {  border-radius: 0.1rem;  padding: 0.6rem 1rem ; background:#8B4513; color:#fff;    }
@media (max-width:576px) {
.pages  {  font-size: 14px; }
.pages a { padding: 5px 10px;  }
.pages b { padding: 5px 10px;  }
}


/*  sitemap     */
.sitemap   {  padding:2rem; background:#FFF8F0; }
.sitemap dl {   border-bottom: 0.05rem dashed #D8C3A5; padding: 0 0 1rem; }
.sitemap  dt {  line-height: 2.5rem; font-size: 1rem;   }
.sitemap  dd {  margin: 0 0 0 1rem; line-height: 2rem;    }
.sitemap  dd a {   margin: 0 0.5rem 0 0;  font-size: 0.95rem;  }
@media  (max-width:576px )   {
.sitemap { padding:1rem;}
.sitemap  dd { margin: 0; }
}
/* 404 */
.box-404 {   background:#FFF8F0;padding: 3rem;   z-index: 1;  position: relative; }
.box-404 h2 { font-size: 5rem; color:#8B4513; line-height: 6rem; margin:1.5rem 0;}
.box-404 h5 { font-size: 1.5rem;  }
.box-404 p  { font-size: 0.9rem; color: #8B959D; padding:1.5rem 0; }
a.btn-404   {  background: #e8e8e8;border-radius: 1.5rem; padding:0.7rem 1.2rem;  display: inline-block; margin: 0 1rem;  }
a.btn-404:hover  {  background: #8B4513; color: #fff;  }




/*   PK    */


.vs-box {  width:auto;    }
.vs-tit {  text-align:center; margin:0 0 1rem;     }
.vs-tit h3 { padding: 0.5rem 0; line-height: 1.5rem; font-weight: bold; font-size:1.1rem; border-bottom:0.2rem solid #8B4513;              }
.vs-item { padding:0.7rem 1rem; margin:0 0 1rem; border-radius:0.3rem;  background:#FFF8F0;  transition:all 0.3s ease; border-left:#8B4513  0.2rem solid; box-shadow:0 .2rem 0.5rem rgba(0,0,0,.15);  }
.vs-item h4 { line-height: 1.5rem;  font-size:0.9rem; font-weight:bold;   }
.vs-item h4 i { font-size:1rem;  color:#8B4513;}
.vs-item p {margin:0 1rem; font-size:0.8rem; color:#5D4037;    }
.vs-greyitem { border-left:#8B959D  0.2rem solid!important;  }
.vs-greyitem i{ color:#8B959D!important; }
.vs-item:hover { transform:translateY(-0.2rem);      }
.vs-vs { margin:0 auto; display:flex; justify-content:center; align-items:center;height:100%; padding:2rem; }
.vs-icon {box-shadow: 0 .2rem 0.5rem rgba(0,0,0,.15); background: linear-gradient(135deg, #8B4513 0%, #fff 100%); width:5rem; height:5rem; border-radius:50%; display:flex;justify-content:center; align-items:center; font-size:2.5rem;   }
@media (max-width: 768px) {
.vs-scroll {display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch; }
.vs-scroll > div { flex: 0 0 auto;min-width: 45rem;width: 45rem; }
 }


/*  pk  列表    */
.vsbox   {   text-align:center;  background:#FFF8F0; padding:1rem; border-radius:0.2rem;  margin:0 0 1.5rem;     }
.vsinfo {      }
.vsinfo dt { line-height:2rem;  font-size:0.9rem;     }
.vsvs  { font-weight: bold; color:#8B4513;  display: flex;    align-items: center; justify-content: center; height: 100%;   }

.vsbox:hover { background:#8B4513; color:#fff;   }
.vsbox:hover   .vsvs {   color:#fff; }

/*   网站底部      */

footer { background:#5D4037; padding:3rem 0 0 ;  color:#F5F1E8; margin:5rem 0 0;position: relative;  }

.f-flag { justify-content:space-between; border-radius: 0.6rem;  margin:-8rem 0 2rem;   padding:3rem;  background:#8B4513 url(../img/1-3-x@2x.png) scroll no-repeat 50% 60%;  flex-wrap:wrap; display:flex;                }
.f-try {            }
.f-try h3 {  font-size:1.5rem; color:#F8F9FA; font-weight: bold;  line-height:2.5rem;         }
.f-try h3 em { color:#FF6B35; font-style:normal;           }
.f-try p { font-size:1.1rem;           }
.f-cta { margin:-6rem 0 2rem;   padding:1rem;  background:#8B4513;   }
.f-advbox { position: relative; color: #fff; }
.f-advbox span { display: block;  width: 4rem; height: 4rem; border-radius: 50%; text-align: center;}
.f-advbox span i { font-size: 2rem; line-height:4rem; }
.f-advbox ul  { position: absolute; top:0px; left: 4rem; padding: 0.6rem 0;  }
.f-advbox li { height: 1.3rem; line-height:1.3rem; font-size: 1rem; }
.f-menu {          }
.f-menu dt {          }
.f-menu dd { font-size: 0.9rem;  line-height: 2.5rem;         }
.f-menu dd a { color: rgb(255,255,255,0.6); }
.f-title {       }
.f-title h3 {  font-size: 1.2rem; color: #fff; line-height: 3rem;      }
.f-contact {       }
.f-contact a {color:#fff;}
.f-contact  li {  line-height: 2rem;  }

.f-border-right { border-right: 0.1rem solid #D8C3A5; }
.f-intro {   }
.f-intro p { line-height:1.5rem;font-size:1rem; }
.f-wechat  {  text-align: left;           }
.f-wechat img {  margin:0 0 0.6rem; }
.f-wechat h5  {   font-size:0.9rem;          }

.f-icon { text-align:center;       }
.f-icon dl { margin:0 0 1rem;    }
.f-icon dt { background:#FFF8F0; opacity:0.15; width:3rem; height:3rem; border-radius:0.2rem; justify-content: center; align-items: center;   }
.f-icon dt i { font-size:2rem; opacity:1; color:#5D4037;      }
.f-icon dd {   font-size:0.7rem;      }


.f-list { }
.f-list ul { margin: 0; padding: 0;  }
.f-list li {line-height:1.6rem;font-size:0.95rem;  }
.f-list li a { color: rgb(255,255,255,0.6);  }

.f-bar { padding: 1rem 0; text-align: center; border-top:0.1rem solid #fff;   }
.f-bar a { color:#F8F9FA;  }


@media (max-width:993px) {

.f-contact-icon { margin:0 0.6rem 0 1.3rem;     }
.f-contactbox {  border:none; margin:1rem; }

}

/*  右侧跟随条  */
.fix { padding:0.5rem 0; font-size:1.5rem;  position:fixed; width:3.5rem; border-radius:0.3rem; background:#FFF8F0; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); text-align:center;  z-index:99; right:1rem; top:50%;     } 
.fix a {  }
.fix a:hover { color:#FF6B35; }
.fix dt em { font-size:0.65rem; display:block; font-style:normal; color:#5D4037; }

/* 网站弹出咨询框  */

.modal-header { border:none;  padding:0.5rem; }
.modal-left  { margin:2rem 0 0 0; background: url(../img/modal-leftbg.png) scroll no-repeat;  }
.modal-left h3 { font-size:1rem;      }
.modal-left p  { font-size:0.8rem;      }
.modal-left ul {  margin:2rem 0;     }
.modal-left li {  font-size:0.8rem; color:#5D4037;      }
.modal-left li em  { color:#FF6B35; font-style:normal; font-size:0.9rem;   } 

.modal-right  {  text-align:center;    }
.modal-right h3  {  font-size:1.1rem;     }
.modal-right h6 {  font-size:0.7rem; margin:1rem 0; color:#5D4037;  }
.modal-right h5 { margin:1rem 0; font-size:1rem;  }
.modal-right h5 em {  font-size:1.2rem; font-style:normal; color:#FF6B35;  }

.modal-code { position:relative;  }
/* 伪元素样式 */
.modal-code::after {
    content: ""; /* 必需属性，创建伪元素 */
    position: absolute; /* 绝对定位 */
    top: 0; /* 初始垂直位置 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 精准对齐中心点 */
    height: 0.5rem; /* 高度 */
    width: 10rem; /* 宽度 */
    border-radius: 1.5rem; /* 圆角 */
    
    /* 修复后的渐变语法 */
    background: linear-gradient(
        270deg,
        #e0ecff00,            /* 起始透明色 */
        #e3ecfecc 30%,        /* 30%位置为半透明 */
        #e3ecfecc 70%,        /* 70%位置为半透明 */
        #e0ecff00             /* 结束透明色 */
    );
    
    /* 动画属性 */
    animation: move 2s linear infinite; /* 动画名称、持续时间、速度曲线、重复次数 */
}

/* 关键帧动画定义（必须独立于选择器外部） */
@keyframes move {
    0% {
        top: 10px; /* 初始位置 */
        opacity: 1; /* 完全不透明 */
    }
    80% {
        top: 110px; /* 中间位置 */
        opacity: 1; /* 保持不透明 */
    }
    100% { /* 推荐使用标准写法（原代码中的 "to" 也可用，但非标准） */
        top: 160px; /* 结束位置 */
        opacity: 0; /* 完全透明 */
    }
}
.modal-codebg { background:url(../img/code-box.png) scroll no-repeat; width:160px; height:160px; margin:0 auto; align-items:center; justify-content:center; background-size:contain; display:flex; }
.modal-codebg img  { width:120px; height:120px;     }