/* eyoucms.com 易优CMS -- 好用,免费,安全 */
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.aside {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 10000;
}
.aside li {
  width: 60px;
  line-height: 60px;
  background-color: #6A757C;
  text-align: center;
  margin-bottom: 2px;
  cursor: pointer;
  position: relative;
  z-index: 100;
}
.aside li.aside_search {
  line-height: 0;
}
.aside li > p {
  position: relative;
  z-index: 100;
  background-color: #6A757C;
  line-height: 60px;
}
.aside li img {
  vertical-align: middle;
}
.aside .img2 {
  display: none;
}
.ewm {
  position: absolute;
  top: -20px;
  right: 60px;
  width: 100px;
  height: 100px;
  display: none;
}
.ewm img{ max-width:100%}
.phone_meassage {
  position: absolute;
  right: -240px;
  top: 0;
  width: 300px;
  background-color: #8B979E;
  text-align: center;
  font-size: 25px;
  color: #fff;
}
.kuzx {
  position: absolute;
  top: 0;
  right: -127px;
  width: 187px;
  padding: 0 20px 0 15px;
  background-color: #8B979E;
  color: #fff;
  display: none;
}
.kuzx_1 {
  text-align: left;
  font-size: 15px;
  line-height: 30px;
  border-bottom: 1px solid #fff;
  color: #FBCA33;
}
.kuzx_2_box {
  margin-top: 11px;
}
.kuzx_2 {
  line-height: 35px;
}
.kuzx_2 a {
  color: #fff;
}
.kuzx_2 i {
  float: left;
  margin-top: -17px;
}
.kuzx_2 span {
  float: left;
  margin-top: -16px;
  margin-left: 10px;
}
.fx {
  position: absolute;
  top: 0;
  right: -127px;
  width: 187px;
  background-color: #8B979E;
}
.fx > div {
  margin-left: 24px;
}
.ss {
  position: absolute;
  top: 0;
  right: -205px;
  width: 265px;
  background-color: #8B979E;
  text-align: center;
  padding: 12px 23px;
}
.ss .search_input_box {
  background-color: #6A757C;
  width: 220px;
  height: 36px;
  position: relative;
}
.search_input_box span {
  position: absolute;
  top: 18px;
  left: 10px;
}
.ss input {
  width: 220px;
  border: none;
  background-color: transparent;
  height: 36px;
  color: #fff;
  padding-left: 10px;
  line-height: 30px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.ss ::-webkit-input-placeholder {
  color: #fff;
}
.search_card {
  border: 1px solid #C1C1C1;
  padding: 20px 2%;
}
.search_card_title {
  font-size: 14px;
  margin-bottom: 10px;
}
.search_card_meassage {
  line-height: 20px;
}
.search_card_more {
  float: right;
}
.search_card_more a {
  display: block;
  padding: 4px 15px;
  background-color: #006886;
  color: #fff;
  margin-top: 10px;
}
.wrap_foot {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #1C202C;
  padding: 10px 0;
}
.wrap_foot dl {
  width: 15%;
  float: left;
  margin-left: 1.4%;
  text-align: center;
}
.wrap_foot dt {
  height: 33px;
}
.wrap_foot dd {
  color: #fff;
}
@media all and (min-width: 999px) {

}
@media all and (max-width: 998px) and (min-width: 768px) {
.content .con {

}
.menu_icon {
	display:none;
}
.copy p {
  
    padding: 0 15px;
}
  .classification ul li a {
    width: 140px!important;
    height: 140px!important;
  }
  .classification ul li a .ficaImg img {
    margin: 15px auto!important;
  }
  .classification ul li a h4 {
    font-size: 12px!important;
  }
  .classification ul li a p {
    font-size: 14px!important;
  }
  .classification ul li:first-child + li + li + li .ficaImg img {
    margin: 15px auto!important;
  }
  .culture a {
    margin: 25px auto 50px!important;
  }
  .culture h4 {
    margin-top: 60px!important;
  }
  .news .newsTime ul li {
    font-size: 32px!important;
  }
  .news .newsTime .newsTimeTitle {
    padding: 20px 0 0 15px!important;
    margin-bottom: 90px!important;
  }
  .news .newsTime .newsTimeTitle h4 {
    font-size: 24px!important;
  }
  .news .newsTime .newsTimeTitle p {
    font-size: 17px!important;
  }
  .news .newsTime .newsTimeTitle div {
    width: 70px !important;
    height: 10px!important;
  }
  .news .newsCon ul {
    padding: 30px 0 0 30px!important;
  }
  .news .newsCon ul li a p {
    font-size: 12px!important;
  }
  .news .newsCon ul li a h4 {
    font-size: 16px!important;
  }
  .news .newsCon ul li {
    margin-bottom: 67px!important;
  }
  .news .newsCon ul li:first-child + li + li + li {
    margin-bottom: 40px!important;
  }
  .content .sidebai .links .linksImg {
    margin-left: -24px !important;
  }
}

@media all and (max-width: 767px) {
.feedback_list_box .i1, .feedback_list_box .i2 {
    padding-right:0 !important;
}
.feedback_list_box {
    padding: 0!important;
}
.con {
}
.content .con .article .pro ul li{
	    padding-right: 15px!important;
    padding-left: 15px!important;
}
.news_detail_content{
	padding:0!important;
}
.ibanner{
	margin-left: -85%!important;
}
.body{
	overflow:hidden!important;
}
.yzm img{
	width:auto!important;
}
.pro {
margin-top: 30px!important;
}
.container{
	
}
.content .con .article .new ul li a{

    padding: 20px 0px 15px 0px!important;
}
.crumb {
		display:none!important;
}
.header{
    padding: 15px 0 10px 0!important;
}
.banner img{

}
.banner {
 
}
.content{
	padding-top:5px!important;
}

.recommended .recoList{
	width:95%!important;
}
.recommended .righ{
margin-top: 62px!important;
}
.recommended .lf img{
	height:1px!important;
}
.recommended .lf{
margin-top: 62px!important;
}
.recommended .righ img{
	height:1px!important;
}
.recommended .recoList li a p {
	font-size:14px!important;
	}
.recommended .title h3{
	font-size:20px!important;
}
.recommended .title h4{
	font-size:14px!important;
}
.recommended .title h5{
	font-size:12px!important;
}
.recommended .title {
    text-align: center!important;
    margin-top: 25px!important;
    margin-bottom: 30px!important;
    padding: 0!important;
}
.news .newsCon ul li a p {
    font-size: 12px!important;
    color: #656565!important;
    padding-left: 45px!important;
    line-height: 20px!important;
    height: 20px!important;
    overflow: hidden!important;
}
.news .newsCon ul li a h4 {
	height:36px!important;
	 overflow: hidden!important;
font-size: 16px!important;
}
  .culture h4 {
    font-size: 35px!important;
    margin-top: 30px!important;
  }
  .culture p {
        font-size: 16px!important;
    padding: 0 15px!important;
    line-height: 24px!important;
    height: 72px!important;
    overflow: hidden!important;
  }
  .culture a {
    margin: 15px auto 25px!important;
  }
  .news {
    padding: 0 !important;
  }
  .news .newsTime ul {
    display: none;
  }
  .news .newsTime .newsTimeTitle {
    margin-bottom: 20px!important;
    padding: 20px 0 0 15px!important;
  }
  .news .newsTime {
    background: none!important;
  }
  .news .newsTime .newsTimeTitle h4 {
    color: #313131 !important;
font-size: 20px!important;
    line-height: 30px;
  }
  .news .newsTime .newsTimeTitle p {
    color: #313131!important;
font-size: 16px!important;
  }
  .news .newsCon ul {
    padding: 30px 0 0 0px!important;
  }
  .news .newsCon ul li {
    margin-bottom: 25px!important;
  }
  .copy {
    display: none;
  }
  .link {
    display: none;
  }
  .content .con .crumb p {
    float: left!important;
  }
  .content .con .article .about img {
    width: 100%;
    margin: 0 !important;
  }
  .banner1 {
    height: 200px;
  }
  .content .sidebai {
    padding: 0!important;
    border: 0 !important;
  }
  .content .sidebai h4 {
    font-size: 20px!important;
    line-height: 40px!important;
    height: 40px!important;
    font-weight: 500!important;
    background-color: var(--xr-primary, #7a7175)!important;
  }
  .content .sidebai .aside1 .sidemenu .nL1 a {
    font-size: 18px!important;
    line-height: 40px!important;
    height: 40px!important;
    font-weight: 500!important;
    border: none !important;
    background: #f0f0f0!important;
    margin: 5px 0 !important;
  }
  .content .sidebai .aside1 .sidemenu {
    margin: 0!important;
  }
  .content .con .crumb {
    margin-top: 0!important;
  }
  .content .sidebai .aside1 .sidemenu .nL1 .sidemenu1 a {
    font-size: 16px!important;
    background-color: #eaeaea!important;
  }
  .classification ul li a {
    width: 118px!important;
    height: 118px!important;
  }
  .classification ul li a h4 {
    font-size: 12px!important;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
    margin: 0 auto;
  }
  .classification ul li a p {
    font-size: 14px!important;
  }
  .classification ul li a .ficaImg img {
    margin: 10px auto!important;
  }
  .classification ul li:first-child + li + li + li .ficaImg img {
    margin: 9px auto!important;
  }
  .classification ul li {
    margin-bottom: 15px!important;
  }
}
.header {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 30px 0 20px 0;
}
.header .logo img {
  width: 100%;
}
.header .nav {
  margin-top: 45px;
}
.header .nav .menu {
  width: 100%;
}
.header .nav .menu .nLi {
  width: 14.28%;
  float: left;
  position: relative;
}
.header .nav .menu .nLi a {
  border-right: 1px solid #9b9088;
  font-size: 14px;
  color: #746256;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
}
.header .nav .menu .nLi .menu_2 {
  display: none;
  position: absolute;
  width: 100%;
  background: #a39393;
  z-index: 10;
  top: 27px;
}
.header .nav .menu .nLi .menu_2 li {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.header .nav .menu .nLi .menu_2 li a {
  border-right: none;
  text-align: center;
  line-height: 20px;
  color: #ffffff;
}
.header .nav .menu .nLi .menu_2 li:hover a {
  text-decoration: underline;
}
.banner img {
  width: 100%;
}
.banner .owl-carousel {
  position: relative;
}
.banner .owl-carousel .owl-controls {
  position: absolute;
  bottom: 10px;
  left: 48.5%;
}
.classification ul {
  margin-top: 30px;
}
.classification ul li {
  margin-bottom: 30px;
}
.classification ul li a {
  display: block;
  width: 200px;
  height: 200px;
  border: 1px solid var(--xr-primary, #7a7175);
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
}
.classification ul li a .ficaImg img {
  margin: 20px auto;
  display: block;
  width: 41%;
}
.classification ul li a h4 {
  font-size: 16px;
  color: var(--xr-primary, #7a7175);
}
.classification ul li a p {
  font-size: 20px;
  color: var(--xr-primary, #7a7175);
}
.classification ul li:first-child + li + li + li .ficaImg img {
  margin: 19 auto;
  display: block;
}
.classification ul li:hover a {
  background: var(--xr-primary, #7a7175);
}
.classification ul li:hover a h4 {
  color: #fff;
}
.classification ul li:hover a p {
  color: #fff;
}
.recommended {
  background-color: #f7f5f8;
}
.recommended .title {
  text-align: center;
  margin-top: 55px;
  margin-bottom: 40px;
}
.recommended .title h3 {
  font-size: 28px;
  color: #5d5d5d;
  font-weight: bold;
}
.recommended .title h4 {
  font-size: 18px;
  color: #5d5d5d;
  margin: 12px 0 12px 0;
}
.recommended .title h5 {
  font-size: 14px;
  color: #a5a5a5;
}
.recommended .lf {
  margin-top: 85px;
}
.recommended .lf img {
  width: 100%;
}
.recommended .righ {
  margin-top: 85px;
}
.recommended .righ img {
  width: 100%;
}
.recommended .recoList {
  width: 85%;
  margin: 0 auto;
}
.recommended .recoList li {
  margin-bottom: 30px;
  padding: 0 7px;
}

.recommended .recoList li a {
  display: block;
  width: 100%;
  height: 100%;
}
.recommended .recoList li a .reImg{
width:100%;
overflow:hidden;
}
.recommended .recoList li a img {
  width: 100%;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
}
.recommended .recoList li :hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.recommended .recoList li a p {
  font-size: 10px;
  color: #575757;
  text-align: center;
  margin-top: 16px;
}
.culture {
  text-align: center;
  background-color: #4a4450;
}
.culture h4 {
  font-size: 55px;
  color: #ffffff;
  font-weight: bold;
  line-height: 90px;
  margin-top: 150px;
}
.culture p {
  font-size: 18px;
  color: #ffffff;
  line-height: 46px;
/*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
}
.culture a {
  font-size: 12px;
  color: #fff;
  border: 1px solid #b7b7b7;
  width: 110px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  margin: 40px auto 160px;
}
.culture a:hover {
  text-decoration: underline;
}
.news {
  background-color: #f2f0ee;
  box-sizing: border-box;
  padding: 30px 0 0 0;
}
.news .newsTime {
  background: #dcd5ce;
  padding: 0;
}
.news .newsTime .newsTimeTitle {
  box-sizing: border-box;
  padding: 40px 0 0 35px;
  margin-bottom: 144px;
}
.news .newsTime .newsTimeTitle h4 {
  font-size: 36px;
  color: #fff;
  line-height: 43px;
}
.news .newsTime .newsTimeTitle p {
  font-size: 26px;
  color: #fff;
}
.news .newsTime .newsTimeTitle div {
  width: 100px;
  height: 15px;
  background: #918e8b;
}
.news .newsTime ul {
  width: 70%;
  margin-left: 30%;
}
.news .newsTime ul li {
  font-size: 24px;
  color: #ffffff;
  font-weight: 100;
  text-align: left;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 85px;
}
.news .newsTime ul li:first-child + li + li + li {
  margin-bottom: 40px;
}
.news .newsCon {
  padding: 0;
}
.news .newsCon .newsConTitle {
  position: relative;
}
.news .newsCon .newsConTitle img {
  width: 100%;
}
.news .newsCon .newsConTitle a {
  position: absolute;
  bottom: 12px;
  right: 15px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #b7b7b7;
  width: 110px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
}
.news .newsCon .newsConTitle a:hover {
  text-decoration: underline;
}
.news .newsCon ul {
  box-sizing: border-box;
  padding: 50px 0 0 50px;
}
.news .newsCon ul li {
  margin-bottom: 60px;
}
.news .newsCon ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.news .newsCon ul li a h4 {
  font-size: 20px;
  color: #000000;
  line-height: 36px;
  padding-left: 45px;
}
.news .newsCon ul li a p {
  font-size: 14px;
  color: #656565;
  padding-left: 45px;
}
.news .newsCon ul li:hover h4 {
  text-decoration: underline;
}
.news .newsCon ul li:first-child + li + li + li {
  margin-bottom: 40px;
}
.link {
  background-color: #3f3a42;
}
.link h4 {
  font-size: 26px;
  color: #fff;
  margin: 25px 15px;
}
.link h4 p {
  font-size: 17px;
  opacity: .6;
}
.link dl {
  margin: 0px 15px ;
}
.link dl dd a {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
cursor: default;
  opacity: .6;
}

.link .links {
  margin: 30px 0 20px 0;
}
.link .links ul {
  margin-top: 3px;
}
.link .links ul li {
  float: left;
  box-sizing: border-box;
  padding: 0 30px;
  border-right: 1px solid #ffffff;
}
.link .links ul li a {
  font-size: 14px;
  color: #ffffff;
  line-height: 14px;
}
.link .links ul li:hover a {
  text-decoration: underline;
}
.copy {
  overflow: hidden;
  background: #dcd5ce;
  position: relative;
}
.copy p {
  font-size: 14px;
  text-align: left;
  color: #000;
  margin: 30px 0;
}
.wapcopy {
  position: relative;
  background: var(--xr-primary, #7a7175);
  margin-bottom: 10px;
}
.wapcopy p {
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  padding: 10px 10px 10px  20px;
}
.top {
  position: absolute;
  right: 10px;
  top: 0px;
}
/*�ֻ��ײ�*/
.wap_footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px 0;
  z-index: 1000;
  background: var(--xr-primary, #7a7175);
}
.wap_footer dl {
  width: 18%;
  float: left;
  margin-left: 1.4%;
  text-align: center;
}
.wap_footer dt {
  height: 33px;
}
.wap_footer dd {
  color: #fff;
}
/*�ֻ��ײ�����*/
.wap_search_input {
  position: fixed;
  bottom: 78px;
  left: 100%;
  width: 100%;
  z-index: 1000;
background: #F2F2F0;
  padding: 8px 2%;
}
.wap_search_input:after {
  background-color: rgba(0, 0, 0, 0);
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.wap_search_input input {
  float: left;
  width: 80%;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  padding-left: 2%;
  color: #fff;
  position: relative;
  z-index: 100;
  background: var(--xr-primary, #7a7175);
  box-sizing: border-box;
}
.wap_search_input p {
  float: left;
  height: 40px;
  line-height: 40px;
  color: #fff;
  position: relative;
  z-index: 100;
  margin-left: 2%;
  width: 18%;
  text-align: center;
  border-radius: 5px;
  background: var(--xr-primary, #7a7175);
}
.wap_search_input ::-webkit-input-placeholder {
  color: #fff;
}
/*�ֻ�������*/
.wap_share {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  display: none;
}
.wap_share .wap_share_box {
  overflow-y: auto;
}
.wap_share .wap_share_box > div {
  background-color: #F5F5F5;
  padding: 15px 0;
}
.wap_share .wap_share_box > div > a {
  float: left;
  text-align: center;
  color: #ADADAD;
  font-size: 0.9rem;
}
.wap_share .cancel {
  text-align: center;
  background-color: #E9E9E9;
  font-size: 0.8rem;
  line-height: 2rem;
}
/*��ɫ����*/
.black_cloth {
  position: fixed;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: none;
  top: 0;
  left: 0;
}
.menu_icon {
  margin: 12px 20px 0 4%;
  cursor: pointer;
}
.wrap_menu {
  width: 250px;
  position: fixed;
  top: 0px;
  left: -250px;
  height: 100%;
  text-align: left;
  z-index: 10000001;
  overflow-y: scroll;
  background: var(--xr-primary, #7a7175);
}
.wrap_menu li:nth-child(2) a {
  font-size: 18px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.3);
}
.wrap_menu p {
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}
.wrap_menu li.menu_close {
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff;
  border-bottom: none;
  z-index: 1000;
}
.wrap_menu li {
  margin-bottom: 2px;
  font-size: 14px;
  position: relative;
}
.wrap_menu li a {
  display: block;
  line-height: 30px;
  font-size: 16px;
  text-transform: Uppercase;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px 15px;
}
.wrap_menu li .wrap_menu_2 a {
  display: block;
  background: none;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  line-height: 30px;
  font-size: 14px;
  border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}
.wrap_menu_2 {
  display: none;
}
.wrap_menu_2 a {
  display: block;
  color: #fff;
  overflow: hidden;
  line-height: 24px;
  font-size: 12px;
}
.wrap_menu_2 a i {
  float: left;
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin: 13px 10px 0 5px;
}
.wrap_menu_2 a span {
  float: left;
  width: 175px;
}
.content {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 25px 0 0 0;
}
.content .sidebai {

  padding-right: 0;
  padding-left: 40px;
}
.content .con {
  margin-bottom: 5%;
}
.content .sidebai h4 {
  font-size: 26px;
  line-height: 100px;
  color: #fff;
  font-weight: bold;
  background: var(--xr-primary, #7a7175);
  width: 100%;
  text-indent: 17px;
}
.content .sidebai .aside1 .sidemenu {
  margin-top: 10px;
  margin-bottom: 15px;
}
.content .sidebai .aside1 .sidemenu .nL1 a {
  height: 45px;
  display: block;
  font-size: 16px;
  border-bottom: 1px solid #cdcdcd;
  color: #424242;
  line-height: 45px;
  text-indent: 20px;
  font-weight: bold;
}
.content .sidebai .aside1 .sidemenu .nL1 .sidemenu1 {
  display: none;
}
.content .sidebai .aside1 .sidemenu .nL1 .sidemenu1 a {
  font-size: 14px;
  color: #000000;
  height: 28px;
  line-height: 28px;
  margin-top: 10px;
  border-bottom: none;
  background-color: #eaeaea;
  font-weight: 500;
}
.content .sidebai .aside1 .sidemenu .nL1 .sidemenu1 .sidemenu2 {
  display: none;
}
.content .sidebai .aside1 .sidemenu .nL1 .sidemenu1 .sidemenu2 a {
  background: none;
}
.content .sidebai .links .linksImg {
  margin-bottom: 10px;
}
.content .sidebai .links .linksLogo img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.content .sidebai .links p {
  font-size: 12px;
  color: #424242;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.content .con .crumb {
  margin-top: 45px;
  border-bottom: 1px solid #cdcdcd;
    margin-bottom: 25px;
}
.content .con .crumb h4 {
  font-size: 26px;
  color: #5c5c5c;
  font-weight: bold;
}
.content .con .crumb p {
  margin-top: 25px;
  margin-bottom: 10px;
}
.content .con .crumb p img {
  vertical-align: bottom;
  margin-right: 10px;
}
.content .con .article .about {
  font-size: 14px;
  color: #747474;
  line-height: 24px;
  box-sizing: border-box;
  padding: 30px 10px;
}
.content .con .article .about img {
 
  display: inline-block;
  margin: 0px 0px 0px 20px;
}
.content .con .article .new ul {
  margin-bottom: 30px;
}
.content .con .article .new ul li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 30px 20px 30px 10px;
  border-bottom: 1px solid #cdcdcd;
}
.content .con .article .new ul li a h4 {
  font-size: 16px;
  color: #313131;
}
.content .con .article .new ul li a h5 {
  font-size: 14px;
  color: #313131;
  text-indent: 10px;
  margin: 15px 0;
}
.content .con .article .new ul li a p {
  font-size: 14px;
  color: #777777;
  line-height: 24px;
}
.content .con .article .new ul li a span {
  font-size: 14px;
  color: #909090;
}
.content .con .article .new ul li a span:hover {
  text-decoration: underline;
}
.content .con .article .new ul li:hover h4 {
  text-decoration: underline;
}
.content .con .article .pro ul li {
  padding: 0 5px;
  margin-bottom: 30px;
}
.content .con .article .pro ul li a .proImg {
  width: 100%;
  overflow: hidden;
}
.content .con .article .pro ul li a .proImg img {
  width: 100%;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
}
.content .con .article .pro ul li a p {
  font-size: 14px;
  color: #575757;
  text-align: center;
  line-height: 24px;
}
.content .con .article .pro ul li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.content .con .article .newb ul {
  margin: 30px 0;
}
.content .con .article .newb ul li {
  margin-bottom: 20px;
}
.content .con .article .newb ul li a {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
}
.content .con .article .newb ul li a .newbImg {
  width: 100%;
  overflow: hidden;
}
.content .con .article .newb ul li a .newbImg img {
  width: 100%;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
}
.content .con .article .newb ul li a .newbCon {
  overflow: hidden;
  padding-left: 5px;
}
.content .con .article .newb ul li a .newbCon h4 {
  font-size: 16px;
  color: #313131;
  margin-top: 13px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.content .con .article .newb ul li a .newbCon h5 {
  font-size: 12px;
  color: #313131;
  margin: 15px 0;
}
.content .con .article .newb ul li a .newbCon p {
  font-size: 12px;
  color: #777777;
  margin-bottom: 13px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
}
.content .con .article .newb ul li:hover a {
  box-shadow: 5px 5px 10px #cbcbc9;
}
.content .con .article .newb ul li:hover .newbCon {
  background: #fff;
}
.content .con .article .newb ul li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.content .con .article .suo ul {
  margin: 20px 0 0px 0;
}
.content .con .article .suo ul li {
  border: 1px solid #c1c1c1;
  margin-bottom: 25px;
}
.content .con .article .suo ul li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 30px 20px 15px 20px;
}
.content .con .article .suo ul li a h4 {
  font-size: 14px;
  color: #272727;
  line-height: 21px;
}
.content .con .article .suo ul li a p {
  font-size: 12px;
  color: #272727;
  line-height: 19px;
  margin: 10px 0;
}
.content .con .article .suo ul li a span {
  width: 95px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  background: #968c90;
  line-height: 20px;
  text-align: center;
}
.content .con .article .suo ul li a span:hover {
  text-decoration: underline;
}
.content .con .article .suo ul li:hover h4 {
  text-decoration: underline;
}
.content .con .article .deta {
  box-sizing: border-box;
  padding: 30px 0;
  position: relative;
}
.content .con .article .deta h4 {
  font-size: 20px;
  color: #313131;
  text-align: center;
  margin-bottom: 15px;
}
.content .con .article .deta img {
  width: 100%;
  height: 100%;
}
.content .con .article .deta #owl-demo {
  position: relative;
display:block;
}
.content .con .article .deta #owl-demo .owl-controls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -45px;
}
.content .con .article .deta .prev {
  left: 10%;
  position: absolute;
  display: block;
  width: 19px;
  height: 32px;
  background: var(--xr-primary, #7a7175);
  top: 50%;
  margin-top: -16px;
}
.content .con .article .deta .prev img {
  width: 100%;
}
.content .con .article .deta .next {
  right: 10%;
  position: absolute;
  display: block;
  width: 19px;
  height: 32px;
  background: var(--xr-primary, #7a7175);
  top: 50%;
  margin-top: -16px;
}
.content .con .article .deta .next img {
  width: 100%;
}
.lyfk {
  margin-top: 10px;
  margin-bottom: 30px;
}
.lyfk_title{
  font-size: 18px;
  padding-left: 2%;
}
.feedback_list_box{
  padding: 0 10px;
}
.feedback_list_box input{
  border:1px solid #CCCCCC;
  border-radius:5px;
  height: 32px;
  width: 100%;
  padding-left: 10px;
  background-color: transparent;
  line-height: 32px;
}
.feedback_list_box>div>div{
  position: relative;
}
.feedback_list_box textarea{
  border:1px solid #CCCCCC;
  border-radius:5px;
  height: 100px;
  width: 100%;
  padding-left: 10px;
  padding-top: 8px;
  background-color: transparent;
}
.feedback_list_box div{
  padding: 0;
    position: relative;
  margin-top: 10px;
}
.feedback_list_box .i1,.feedback_list_box .i2{
  padding-right: 10px;
}
.ss_placeholder{
  color: #fff;
  position: absolute;
  top: 30px;
  left: 32px;
}
.yzm input{
  width: 100px;
}
.feedback_button input{
  width: 70px;
  border-radius: 4px;
  border: none;
  text-align: center;
  color: #fff;
}
.feedback_button .feedback_submit{
  background-color: #E00000;
}
.feedback_button .feedback_reset{
  background-color: #1E1E1E;
}
.black_cloth{
  position: fixed;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.placeholder_s{
  color: #999;
  position: absolute;
  top: 8px;
  left: 11px;
  z-index: 1;
}

.content .con .article .newList .news_detail_title{
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px dashed #CACACA;
}
.content .con .article .newList .news_detail_title>div{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}
.content .con .article .newList .news_detail_title>p{
  font-size: 14px;
  text-align: center;
  line-height: 24px;
}
.news_detail_content {
  padding: 0 10px;
  margin-top: 20px;
    min-height: 250px;
}
.pagination_box{
text-align: center;
}

.article .pro_details{
  margin-top: 10px;
  position: relative;
  margin-bottom: 10px;
}
.article .pro_details p{
  text-align: left;
  padding: 4px 6px;
  font-size: 16px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 10px;
}
.article .pro_detailsCon {
  font-size: 14px;
  line-height: 24px;
}
.article .pro_details .href a{
  display: block;
}
.ibanner{
	overflow:hidden;
}
.pagination > li >a {    
    padding: 6px 12px!important;
    width: 30px!important;
    height: 30px!important;
}
.article .href a{
margin-left: 15px;
}
@media(max-width:640px){
  .banner{position: relative;height: 200px;overflow: hidden;}
  .banner img{height: 200px;position: absolute;left: 50%;max-width: none;transform: translateX(-50%);width: auto;}
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item{height: 200px;overflow: hidden;}
  #owl-demo .item{display: block;height: 100%;width: 100%;text-align: center;overflow: hidden;}
}

/*-----------------------------分页 start--------------------------------*/
.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;border: 1px solid #ebebeb;color: #999;width: 30px;height: 30px;line-height: 30px;margin: 0 4px;overflow: hidden;}
.next1 a.on1,.next1 a:hover{background: #337ab7;color: #fff;border: 1px solid #337ab7;}
/*--------------------分页 end----------------------*/
/* ===== 背景图缺失兜底（防止白字白底看不见）===== */
.culture {
    background: linear-gradient(135deg, #2f3542 0%, #57606f 100%) !important;
}

.culture p {
    color: #f1f2f6 !important;
}

.culture h4,
.culture a {
    color: #ffffff !important;
}

/* 文化区块里段落太多时限制高度，避免撑太高 */
.culture > .container > .row > div {
    max-height: 480px;
    overflow: hidden;
}
/* ===== 联系我们区块：背景图缺失兜底 ===== */
.link {
    background: linear-gradient(135deg, #2f3542 0%, #57606f 100%) !important;
}

.link h4,
.link h4 p,
.link dl dd a,
.link .links ul li a {
    color: #ffffff !important;
}

.link .links ul li a:hover {
    color: #ffd166 !important;
}
/* ===================================================================
   整体美化：暖棕调（和模板主色 var(--xr-primary, #7a7175) 一致）
   =================================================================== */

/* ① 深色区块：冷灰 → 暖棕 */
.culture,
.link {
    background: linear-gradient(135deg, #3d3431 0%, #6b5f59 100%) !important;
}

/* ② 产品卡片：圆角 + 阴影 + 悬停上浮 */
.recommended .recoList li {
    transition: transform .32s cubic-bezier(.2, .8, .3, 1);
}

.recommended .recoList li:hover {
    transform: translateY(-8px);
}

.recommended .reImg {
    border-radius: 10px;
    overflow: hidden;
    background: #f6f4f2;
    box-shadow: 0 2px 10px rgba(61, 52, 49, .07);
    transition: box-shadow .32s;
}

.recommended .recoList li:hover .reImg {
    box-shadow: 0 12px 28px rgba(61, 52, 49, .16);
}

.recommended .reImg img {
    transition: transform .5s ease;
}

.recommended .recoList li:hover .reImg img {
    transform: scale(1.06);
}

.recommended .recoList li a p {
    transition: color .25s;
}

.recommended .recoList li:hover a p {
    color: var(--xr-primary, #7a7175);
}

/* ③ 区块标题：加短横线装饰 */
.recommended .title h3,
.culture h4,
.link h4 {
    position: relative;
    display: inline-block;
}

.recommended .title h3::after {
    content: '';
    display: block;
    width: 34px;
    height: 2px;
    background: var(--xr-primary, #7a7175);
    margin: 12px auto 0;
    border-radius: 2px;
}

/* ④ 新闻列表：悬停变色 */
.news .newsCon ul li a {
    transition: color .25s ease;
}

.news .newsCon ul li:hover h4 {
    color: var(--xr-primary, #7a7175);
}

.news .newsCon ul li h4 {
    transition: color .25s ease;
}

/* ⑤ 新闻左侧日期：竖排更紧凑 */
.news .newsTimeTitle h4 {
    letter-spacing: 2px;
}

/* ⑥ 轮播图：底部圆点美化 */
.banner .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    transition: all .3s;
}

.banner .owl-dots .owl-dot.active span {
    width: 26px;
    border-radius: 5px;
    background: #ffffff;
}

/* ⑦ 页脚导航链接：悬停变色 */
.link .links ul li a {
    transition: color .25s;
}

/* ⑧ 关于我们：段落间距 */
.culture p {
    margin-bottom: 14px !important;
}

.culture p:last-child {
    margin-bottom: 0 !important;
}

/* ⑨ 联系我们：联系方式行距 */
.link dl dd a {
    transition: opacity .25s;
}

.link dl dd:hover a {
    opacity: 1 !important;
}
/* ⑩ 关于我们：标题间距收紧（原模板 margin-top:150px 太空） */
.culture h4 {
    margin-top: 70px !important;
    margin-bottom: 22px !important;
}

/* ⑪ 关于我们：正文超出渐隐，避免 6 段撑太长 */
.culture > .container > .row > div {
    max-height: 300px !important;
    overflow: hidden !important;
    position: relative;
}

.culture > .container > .row > div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: linear-gradient(to bottom, rgba(61, 52, 49, 0), rgba(61, 52, 49, .95));
    pointer-events: none;
}

/* ⑫ 联系我们：顶部留白收紧 */
.link h4 {
    margin-top: 60px !important;
}

.link .links {
    margin: 26px 0 30px 0 !important;
}

/* ⑬ 轮播图：限制最大高度，避免 1920x600 在某些屏幕上过高 */
.banner {
    max-height: 560px;
    overflow: hidden;
}

.banner img {
    width: 100%;
    display: block;
}

/* ⑭ 产品卡片：统一图片比例 */
.recommended .reImg {
    aspect-ratio: 1 / 1;
}

.recommended .reImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ⑮ 新闻配图（如果有）也统一比例 */
.news .newsCon ul li img {
    border-radius: 8px;
}

/* ⑯ 底部「查看更多」按钮美化 */
.news .newsConTitle a {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #dcd5ce;
    border-radius: 20px;
    font-size: 12px;
    color: var(--xr-primary, #7a7175);
    transition: all .3s;
}

.news .newsConTitle a:hover {
    background: var(--xr-primary, #7a7175);
    border-color: var(--xr-primary, #7a7175);
    color: #fff;
}

/* ⑰ 联系我们「了解更多」按钮 */
.culture a {
    display: inline-block;
    padding: 8px 24px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 22px;
    font-size: 13px;
    transition: all .3s;
}

.culture a:hover {
    background: rgba(255, 255, 255, .15);
    border-color: #fff;
    text-decoration: none;
}
/* ===================================================================
   设计系统统一（第三轮）
   字号体系：区块标题 36 / 卡片标题 18 / 正文 15 / 辅助 14 / 小字 12
   =================================================================== */

/* ---------- ① 区块大标题：全部统一 36px ---------- */
.culture h4,
.news .newsTime .newsTimeTitle h4,
.recommended .title h3,
.link h4 {
    font-size: 36px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* ---------- ② 英文副标题：统一 13px + 字间距 ---------- */
.culture h4 p,
.news .newsTime .newsTimeTitle p,
.recommended .title h4,
.link h4 p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    letter-spacing: 2px !important;
    margin-top: 8px !important;
    opacity: .65 !important;
    font-weight: 400 !important;
}

/* ---------- ③ 关于我们 ---------- */
.culture h5 {
    font-size: 15px !important;
    line-height: 1.8 !important;
    opacity: .8 !important;
    margin: 14px 0 0 !important;
    font-weight: 400 !important;
}

.culture p {
    font-size: 15px !important;
    line-height: 1.95 !important;
    margin: 0 0 16px !important;
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* ---------- ④ 新闻区 ---------- */
.news .newsTime ul li {
    font-size: 15px !important;
    line-height: 2 !important;
    color: #8b979e !important;
}

.news .newsCon ul li a h4 {
    font-size: 17px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

.news .newsCon ul li a p {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #8b979e !important;
    height: auto !important;
    max-height: 50px !important;
    overflow: hidden !important;
    padding-left: 0 !important;
    margin-top: 6px !important;
}

.news .newsCon ul li {
    margin-bottom: 30px !important;
}

/* ---------- ⑤ 产品区 ---------- */
.recommended .recoList li a p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-top: 14px !important;
    font-weight: 500 !important;
}

/* ---------- ⑥ 联系我们 ---------- */
.link dl dd a {
    font-size: 14px !important;
    line-height: 2.1 !important;
    opacity: .8 !important;
}

.link .links ul li a {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.link .links ul li {
    padding: 0 22px !important;
}

/* ---------- ⑦ 对齐修复：装饰线垂直居中 ---------- */
.recommended .lf,
.recommended .righ {
    display: flex !important;
    align-items: center !important;
    min-height: 96px !important;
    margin-top: 0 !important;
}

.recommended .lf img,
.recommended .righ img {
    height: 1px !important;
    width: 100% !important;
    display: block !important;
    opacity: .5 !important;
}

/* 标题容器也垂直居中，和左右装饰线对齐 */
.recommended .title {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 96px !important;
    text-align: center !important;
}

.recommended .title h3 {
    margin: 0 !important;
}

.recommended .title h4 {
    margin: 6px 0 0 !important;
}

.recommended .title h5 {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 10px 0 0 !important;
    opacity: .7 !important;
    font-weight: 400 !important;
}

/* ---------- ⑧ 区块间距统一 ---------- */
.recommended,
.culture,
.news,
.link {
    padding-top: 0 !important;
}

.recommended .container,
.culture .container,
.news .container,
.link .container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* ---------- ⑨ 产品卡片网格：间距统一 ---------- */
.recommended .recoList {
    margin-top: 36px !important;
    margin-bottom: 60px !important;
}

.recommended .recoList li {
    padding: 0 12px !important;
    margin-bottom: 24px !important;
    box-sizing: border-box;
}

/* ---------- ⑩ 新闻区左右栏比例 ---------- */
.news .newsTime .newsTimeTitle {
    margin-bottom: 0 !important;
    padding: 0 0 0 15px !important;
}

.news .newsTime .newsTimeTitle div {
    margin-top: 18px !important;
    width: 40px !important;
    height: 2px !important;
    background: var(--xr-primary, #7a7175) !important;
}

/* ---------- ⑪ 清除浮动（防错位） ---------- */
.recommended .row::after,
.culture .row::after,
.news .row::after,
.link .row::after {
    content: '';
    display: table;
    clear: both;
}

.culture .row,
.news .row,
.link .row {
    text-align: center;
}

.culture .row > div {
    text-align: left;
}

/* ---------- ⑫ 移动端字号微调 ---------- */
@media (max-width: 768px) {
    .culture h4,
    .news .newsTime .newsTimeTitle h4,
    .recommended .title h3,
    .link h4 {
        font-size: 24px !important;
    }

    .culture p,
    .news .newsCon ul li a p {
        font-size: 14px !important;
    }

    .news .newsCon ul li a h4 {
        font-size: 16px !important;
    }
}
/* ===================================================================
   头部重构（第四轮）
   =================================================================== */

/* ① 头部上下留白收紧，统一 18px */
.header {
    padding: 18px 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
}

.header .container {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 96% !important;
    max-width: 1240px !important;
}

/* ② 用 flex 让 logo 和导航垂直居中 */
.header .container > .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
}

/* ③ 清掉 Bootstrap 栅格的 float / padding / margin */
.header .container .logo,
.header .container .nav {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
}

.header .container .logo {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
}

.header .container .logo a {
    display: block !important;
    line-height: 0 !important;
}

.header .container .logo img {
    max-height: 54px !important;
    width: auto !important;
    display: block !important;
}

/* ④ 导航横向排列 + 垂直居中 */
.header .container .nav {
    flex: 0 1 auto !important;
    display: flex !important;
    align-items: center !important;
}

.header .container .nav ul.menu {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.header .container .nav ul.menu > li.nLi {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    position: relative !important;
    padding: 0 22px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 40px;
}

/* 分隔线用伪元素，不再用背景图，对齐更准 */
.header .container .nav ul.menu > li.nLi {
    background: none !important;
}

.header .container .nav ul.menu > li.nLi + li.nLi::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #dcd5ce;
}

.header .container .nav ul.menu > li.nLi > a {
    font-size: 15px !important;
    color: #313131 !important;
    line-height: 1.4 !important;
    text-decoration: none;
    transition: color .25s;
    display: block;
}

.header .container .nav ul.menu > li.nLi > a:hover,
.header .container .nav ul.menu > li.nLi.on > a {
    color: var(--xr-primary, #7a7175) !important;
}

/* ⑤ 下拉菜单对齐 */
.header .container .nav ul.menu > li.nLi > ul.menu_2 {
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    min-width: 130px;
    background: #ffffff !important;
    border: 1px solid #efece9;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(61, 52, 49, .1) !important;
    padding: 6px 0 !important;
    margin-top: 6px !important;
}

.header .container .nav ul.menu > li.nLi > ul.menu_2 > li {
    float: none !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
}

.header .container .nav ul.menu > li.nLi > ul.menu_2 > li > a {
    display: block !important;
    padding: 9px 18px !important;
    font-size: 14px !important;
    color: #4e5969 !important;
    white-space: nowrap;
    transition: background .2s, color .2s;
}

.header .container .nav ul.menu > li.nLi > ul.menu_2 > li > a:hover {
    background: #f6f4f2 !important;
    color: var(--xr-primary, #7a7175) !important;
    border-radius: 4px;
}

/* ⑥ 移动端：恢复原来的汉堡按钮布局 */
@media (max-width: 991px) {
    .header .container > .row {
        justify-content: space-between !important;
    }

    .header .container .nav {
        display: none !important;
    }

    .header .container .logo img {
        max-height: 46px !important;
    }
}

/* ⑦ 整页顶部不要额外留白 */
body {
    margin: 0 !important;
    padding: 0 !important;
}

body > .wrapper,
body > div:first-of-type {
    margin-top: 0 !important;
}
/* ===================================================================
   导航分隔线修正：只保留「项与项之间」的一条
   =================================================================== */

/* ① 清掉 <a> 自带的 border-right（这是每项右侧那条线） */
.header .nav .menu .nLi a,
.header .container .nav ul.menu > li.nLi > a,
.header .container .logo_right .nav ul li a {
    border-right: none !important;
    border-left: none !important;
}

/* ② 清掉 li 上可能的 border */
.header .container .nav ul.menu > li.nLi,
.header .nav .menu .nLi {
    border: none !important;
}

/* ③ 统一分隔线：只在项与项之间，颜色用模板主色系 */
.header .container .nav ul.menu > li.nLi + li.nLi::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
    background: #cfc7c1;
    pointer-events: none;
}

/* ④ 第一项不要左线 */
.header .container .nav ul.menu > li.nLi:first-child::before {
    display: none !important;
}

/* ⑤ 下拉菜单里的项也不要线 */
.header .container .nav ul.menu > li.nLi > ul.menu_2 > li::before,
.header .container .nav ul.menu > li.nLi > ul.menu_2 > li > a::before {
    display: none !important;
}
/* ===================================================================
   隐藏右侧悬浮侧边栏（电话/客服/地图/二维码/搜索/TOP）
   =================================================================== */
.aside,
ul.aside,
.aside.hidden-xs,
div.aside {
    display: none !important;
}
/* ===================================================================
   内容区宽度统一 1200px（桌面端）
   =================================================================== */

/* ① 所有区块容器统一宽度 */
.container,
.header .container,
.recommended .container,
.culture .container,
.news .container,
.link .container,
.copy .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* ② 行不加额外边距，避免容器变窄 */
.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.row > [class*="col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* ③ banner 保持全宽（不受容器限制） */
.banner,
.banner .owl-carousel,
.banner .owl-stage-outer,
.banner .item {
    max-width: none !important;
    width: 100% !important;
}

/* ④ 产品区宽度同步 */
.recommended .recoList {
    width: 100% !important;
    max-width: none !important;
}

/* ⑤ 新闻区左右两栏比例 */
.news .newsTime {
    flex: 0 0 22% !important;
    max-width: 22% !important;
}

.news .newsCon {
    flex: 0 0 78% !important;
    max-width: 78% !important;
}

/* ⑥ 大屏时容器再宽一点 */
@media (min-width: 1600px) {
    .container,
    .header .container,
    .recommended .container,
    .culture .container,
    .news .container,
    .link .container,
    .copy .container {
        max-width: 1320px !important;
    }
}

/* ⑦ 平板 / 手机 */
@media (max-width: 991px) {
    .container,
    .header .container,
    .recommended .container,
    .culture .container,
    .news .container,
    .link .container,
    .copy .container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
/* ===================================================================
   关于我们（全新设计）
   =================================================================== */
.xr-about {
    background: #faf8f5;
    padding: 90px 0 100px;
    position: relative;
    overflow: hidden;
}

/* 右上角装饰大圆 */
.xr-about::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -120px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(122, 113, 117, .05);
    pointer-events: none;
}

/* 左下角装饰大圆 */
.xr-about::after {
    content: '';
    position: absolute;
    bottom: -160px;
    left: -100px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(122, 113, 117, .04);
    pointer-events: none;
}

.xr-about .container {
    position: relative;
    z-index: 1;
}

.xr-about-inner {
    display: flex;
    gap: 64px;
    align-items: flex-start;
}

/* ---------- 左：标题区 ---------- */
.xr-about-head {
    flex: 0 0 240px;
    position: relative;
    padding-top: 6px;
}

.xr-about-num {
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 56px;
    line-height: 1;
    font-weight: 400;
    color: rgba(122, 113, 117, .18);
    letter-spacing: -2px;
    margin-bottom: 8px;
}

.xr-about-title {
    font-size: 34px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #313131 !important;
    margin: 0 0 10px !important;
    letter-spacing: 1px;
}

.xr-about-en {
    font-size: 12px !important;
    line-height: 1.6 !important;
    letter-spacing: 3px !important;
    color: #a9aeb8 !important;
    text-transform: uppercase;
    margin: 0 0 22px !important;
}

.xr-about-line {
    display: block;
    width: 46px;
    height: 3px;
    background: var(--xr-primary, #7a7175);
    border-radius: 2px;
}

/* ---------- 右：正文区 ---------- */
.xr-about-body {
    flex: 1 1 auto;
    min-width: 0;
}

.xr-about-text {
    font-size: 15px !important;
    line-height: 2 !important;
    color: #5a5450 !important;
    max-height: 340px;
    overflow: hidden;
    position: relative;
    /* 两列排版，宽屏时读起来更舒服 */
    column-count: 2;
    column-gap: 46px;
    column-rule: 1px solid #efece9;
}

.xr-about-text p {
    font-size: 15px !important;
    line-height: 2 !important;
    color: #5a5450 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
    break-inside: avoid;
}

.xr-about-text p:last-child {
    margin-bottom: 0 !important;
}

/* 底部渐隐 */
.xr-about-text::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgba(250, 248, 245, 0), rgba(250, 248, 245, 1));
    pointer-events: none;
}

/* ---------- 按钮 ---------- */
.xr-about-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    padding: 13px 30px;
    border-radius: 30px;
    background: var(--xr-primary, #7a7175);
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all .3s cubic-bezier(.2, .8, .3, 1);
    box-shadow: 0 4px 14px rgba(122, 113, 117, .22);
}

.xr-about-btn svg {
    transition: transform .3s;
}

.xr-about-btn:hover {
    background: #6b5f59;
    box-shadow: 0 8px 22px rgba(122, 113, 117, .3);
    transform: translateY(-2px);
    color: #ffffff !important;
}

.xr-about-btn:hover svg {
    transform: translateX(4px);
}

/* ---------- 响应式 ---------- */
@media (max-width: 1199px) {
    .xr-about-inner {
        gap: 44px;
    }

    .xr-about-head {
        flex: 0 0 200px;
    }

    .xr-about-num {
        font-size: 46px;
    }

    .xr-about-title {
        font-size: 30px !important;
    }
}

@media (max-width: 991px) {
    .xr-about {
        padding: 64px 0 72px;
    }

    .xr-about-inner {
        flex-direction: column;
        gap: 30px;
    }

    .xr-about-head {
        flex: 0 0 auto;
        padding-top: 0;
    }

    .xr-about-text {
        column-count: 1;
        max-height: 300px;
    }
}

@media (max-width: 767px) {
    .xr-about {
        padding: 48px 0 56px;
    }

    .xr-about-num {
        font-size: 38px;
    }

    .xr-about-title {
        font-size: 24px !important;
    }

    .xr-about-text,
    .xr-about-text p {
        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    .xr-about-btn {
        width: 100%;
        justify-content: center;
    }
}
/* ===================================================================
   新闻资讯（全新设计）
   =================================================================== */
.xr-news {
    background: #ffffff;
    padding: 90px 0 100px;
    margin-top: 0;
}

/* 和上方区块留出呼吸空间 */
.xr-about + .xr-news {
    margin-top: 0;
    padding-top: 100px;
}

/* ---------- 头部：标题 + 查看全部 ---------- */
.xr-news-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 46px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0ece8;
}

.xr-news-head-left {
    position: relative;
}

.xr-news-en {
    display: block;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 3px !important;
    color: #a9aeb8 !important;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.xr-news-title {
    font-size: 34px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #313131 !important;
    margin: 0 !important;
    letter-spacing: 1px;
}

.xr-news-line {
    display: block;
    width: 46px;
    height: 3px;
    background: var(--xr-primary, #7a7175);
    border-radius: 2px;
    margin-top: 16px;
}

.xr-news-more {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    padding: 10px 22px;
    border: 1px solid #e6e1dc;
    border-radius: 24px;
    font-size: 13px !important;
    line-height: 1 !important;
    color: var(--xr-primary, #7a7175) !important;
    text-decoration: none !important;
    transition: all .3s cubic-bezier(.2, .8, .3, 1);
    white-space: nowrap;
    flex-shrink: 0;
}

.xr-news-more svg {
    transition: transform .3s;
}

.xr-news-more:hover {
    background: var(--xr-primary, #7a7175);
    border-color: var(--xr-primary, #7a7175);
    color: #fff !important;
}

.xr-news-more:hover svg {
    transform: translateX(4px);
}

/* ---------- 列表 ---------- */
.xr-news-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xr-news-item {
    border-bottom: 1px solid #f4f1ee;
}

.xr-news-item:last-child {
    border-bottom: none;
}

.xr-news-item > a {
    display: flex !important;
    align-items: center;
    gap: 26px;
    padding: 22px 18px !important;
    text-decoration: none !important;
    border-radius: 8px;
    transition: background .3s cubic-bezier(.2, .8, .3, 1), padding-left .3s;
}

.xr-news-item > a:hover {
    background: #faf8f5;
    padding-left: 26px !important;
}

/* 日期徽章 */
.xr-news-date {
    flex: 0 0 74px;
    text-align: center;
    padding: 10px 0;
    border-right: 1px solid #f0ece8;
    transition: border-color .3s;
}

.xr-news-item > a:hover .xr-news-date {
    border-color: #dcd5ce;
}

.xr-news-date strong {
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: var(--xr-primary, #7a7175) !important;
    letter-spacing: -1px;
    transition: color .3s;
}

.xr-news-date span {
    display: block;
    font-size: 11px !important;
    line-height: 1 !important;
    color: #b5b0ac !important;
    margin-top: 7px;
    letter-spacing: .5px;
}

/* 正文 */
.xr-news-body {
    flex: 1 1 auto;
    min-width: 0;
}

.xr-news-body h3,
.xr-news-body h4 {
    font-size: 17px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    color: #2b2826 !important;
    margin: 0 0 8px !important;
    transition: color .3s;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xr-news-item > a:hover .xr-news-body h3,
.xr-news-item > a:hover .xr-news-body h4 {
    color: var(--xr-primary, #7a7175) !important;
}

.xr-news-body p {
    font-size: 13.5px !important;
    line-height: 1.75 !important;
    color: #8d8783 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 箭头 */
.xr-news-arrow {
    flex: 0 0 auto;
    font-size: 18px;
    color: #cfc7c1;
    transition: all .3s cubic-bezier(.2, .8, .3, 1);
    opacity: 0;
    transform: translateX(-8px);
}

.xr-news-item > a:hover .xr-news-arrow {
    opacity: 1;
    transform: translateX(0);
    color: var(--xr-primary, #7a7175);
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .xr-news {
        padding: 64px 0 72px;
    }

    .xr-news-title {
        font-size: 28px !important;
    }

    .xr-news-item > a {
        gap: 18px;
        padding: 18px 10px !important;
    }

    .xr-news-date {
        flex: 0 0 62px;
    }

    .xr-news-date strong {
        font-size: 26px !important;
    }
}

@media (max-width: 767px) {
    .xr-news {
        padding: 48px 0 56px;
    }

    .xr-news-head {
        margin-bottom: 30px;
    }

    .xr-news-title {
        font-size: 24px !important;
    }

    .xr-news-item > a {
        gap: 14px;
        padding: 16px 8px !important;
    }

    .xr-news-date {
        flex: 0 0 54px;
        padding: 6px 0;
    }

    .xr-news-date strong {
        font-size: 22px !important;
    }

    .xr-news-date span {
        font-size: 10px !important;
    }

    .xr-news-body h3,
    .xr-news-body h4 {
        font-size: 15px !important;
    }

    .xr-news-body p {
        font-size: 12.5px !important;
        -webkit-line-clamp: 2;
    }

    .xr-news-arrow {
        display: none;
    }
}
/* ===================================================================
   页脚（全新设计）：联系我们 + 友情链接 + 版权
   =================================================================== */

/* ---------- 联系我们 ---------- */
.xr-footer {
    background: linear-gradient(135deg, #3d3431 0%, #5c5049 100%);
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}

.xr-footer::before {
    content: '';
    position: absolute;
    top: -140px;
    left: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .03);
    pointer-events: none;
}

.xr-footer::after {
    content: '';
    position: absolute;
    bottom: -180px;
    right: -100px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .025);
    pointer-events: none;
}

.xr-footer .container {
    position: relative;
    z-index: 1;
}

.xr-footer-head {
    text-align: center;
    margin-bottom: 52px;
}

.xr-footer-title {
    font-size: 34px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 0 12px !important;
    letter-spacing: 1px;
}

.xr-footer-en {
    font-size: 12px !important;
    line-height: 1.6 !important;
    letter-spacing: 3px !important;
    color: rgba(255, 255, 255, .45) !important;
    text-transform: uppercase;
    margin: 0 0 20px !important;
}

.xr-footer-line {
    display: inline-block;
    width: 46px;
    height: 3px;
    background: rgba(255, 255, 255, .55);
    border-radius: 2px;
}

/* 联系方式三栏 */
.xr-footer-contact {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.xr-contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 26px;
    min-width: 250px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    text-decoration: none !important;
    transition: all .32s cubic-bezier(.2, .8, .3, 1);
}

a.xr-contact-item:hover {
    background: rgba(255, 255, 255, .11);
    border-color: rgba(255, 255, 255, .18);
    transform: translateY(-3px);
}

.xr-contact-icon {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .85);
}

.xr-contact-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.xr-contact-label {
    font-size: 12px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, .5) !important;
    letter-spacing: .5px;
}

.xr-contact-text strong {
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    word-break: break-all;
}

/* ---------- 友情链接 ---------- */
.xr-friendlinks {
    background: #ffffff;
    padding: 26px 0;
    border-bottom: 1px solid #f2efec;
}

.xr-friendlinks .container {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.xr-fl-label {
    flex: 0 0 auto;
    font-size: 13px !important;
    line-height: 1 !important;
    color: #a9aeb8 !important;
    letter-spacing: .5px;
    padding-right: 20px;
    border-right: 1px solid #eeeae6;
}

.xr-fl-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}

.xr-fl-list a {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #6b6663 !important;
    text-decoration: none !important;
    transition: color .25s;
}

.xr-fl-list a:hover {
    color: var(--xr-primary, #7a7175) !important;
}

.xr-fl-empty {
    font-size: 13px;
    color: #c9c5c1;
}

/* ---------- 版权 ---------- */
.xr-copy {
    background: #faf8f5;
    padding: 22px 0;
}

.xr-copy .container {
    text-align: center;
}

.xr-copy p {
    font-size: 13px !important;
    line-height: 1.8 !important;
    color: #a09b97 !important;
    margin: 0 !important;
}

.xr-copy a {
    color: #8a8580 !important;
    text-decoration: none !important;
    transition: color .25s;
}

.xr-copy a:hover {
    color: var(--xr-primary, #7a7175) !important;
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .xr-footer {
        padding: 64px 0 48px;
    }

    .xr-footer-title {
        font-size: 28px !important;
    }

    .xr-footer-contact {
        gap: 14px;
    }

    .xr-contact-item {
        min-width: 210px;
        padding: 16px 20px;
        flex: 1 1 210px;
    }
}

@media (max-width: 767px) {
    .xr-footer {
        padding: 48px 0 40px;
    }

    .xr-footer-title {
        font-size: 24px !important;
    }

    .xr-footer-head {
        margin-bottom: 32px;
    }

    .xr-footer-contact {
        flex-direction: column;
    }

    .xr-contact-item {
        min-width: 0;
        width: 100%;
    }

    .xr-friendlinks .container {
        gap: 12px;
    }

    .xr-fl-label {
        padding-right: 0;
        border-right: none;
        width: 100%;
    }
}
/* ===================================================================
   内页（关于我们 / 联系我们 / 服务说明等）
   =================================================================== */

/* ---------- 顶部横幅 ---------- */
.xr-hero {
    position: relative;
    background: linear-gradient(135deg, #3d3431 0%, #5c5049 55%, #6b5f59 100%);
    padding: 96px 20px 130px;
    text-align: center;
    overflow: hidden;
}

.xr-hero-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.xr-orb-a {
    width: 320px;
    height: 320px;
    top: -160px;
    left: -90px;
    background: rgba(255, 255, 255, .035);
}

.xr-orb-b {
    width: 420px;
    height: 420px;
    bottom: -260px;
    right: -140px;
    background: rgba(255, 255, 255, .028);
}

.xr-orb-c {
    width: 120px;
    height: 120px;
    top: 40px;
    right: 22%;
    background: rgba(255, 255, 255, .03);
}

.xr-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}

.xr-hero-mark {
    display: inline-block;
    width: 34px;
    height: 2px;
    background: rgba(255, 255, 255, .55);
    border-radius: 2px;
    margin-bottom: 26px;
    position: relative;
}

.xr-hero-mark::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, .8);
    border-radius: 1px;
}

.xr-hero-title {
    font-size: 42px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 0 22px !important;
    letter-spacing: 2px;
}

.xr-hero-crumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .1);
    font-size: 13px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, .6) !important;
}

.xr-hero-crumb a {
    color: rgba(255, 255, 255, .75) !important;
    text-decoration: none !important;
    transition: color .25s;
}

.xr-hero-crumb a:hover {
    color: #ffffff !important;
}

.xr-crumb-sep {
    color: rgba(255, 255, 255, .3);
}

.xr-hero-crumb em {
    font-style: normal;
    color: #ffffff !important;
}

/* ---------- 正文区 ---------- */
.xr-main {
    max-width: 1120px;
    margin: -70px auto 0;
    padding: 0 20px 90px;
    position: relative;
    z-index: 2;
}

.xr-article {
    background: #ffffff;
    border-radius: 16px;
    padding: 56px 64px;
    box-shadow: 0 6px 40px rgba(31, 45, 61, .09);
    border: 1px solid #f4f1ee;
}

.xr-article-body {
    font-size: 15.5px !important;
    line-height: 2 !important;
    color: #4e4a47 !important;
}

.xr-article-body p {
    font-size: 15.5px !important;
    line-height: 2 !important;
    color: #4e4a47 !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    height: auto !important;
}

.xr-article-body p:last-child {
    margin-bottom: 0 !important;
}

/* 首段强调 */
.xr-article-body > p:first-of-type {
    font-size: 17px !important;
    line-height: 1.95 !important;
    color: #2b2826 !important;
    font-weight: 400;
    padding-left: 18px;
    border-left: 3px solid var(--xr-primary, #7a7175);
    margin-bottom: 26px !important;
}

.xr-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 20px 0;
    display: block;
}

.xr-article-body h2,
.xr-article-body h3 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    color: #2b2826 !important;
    margin: 32px 0 14px !important;
    padding-left: 14px;
    border-left: 3px solid var(--xr-primary, #7a7175);
}

.xr-article-body ul,
.xr-article-body ol {
    padding-left: 22px;
    margin: 0 0 20px;
}

.xr-article-body li {
    font-size: 15.5px;
    line-height: 2;
    color: #4e4a47;
    margin-bottom: 8px;
}

/* ---------- 底部引导 ---------- */
.xr-page-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 30px;
    padding: 34px 44px;
    border-radius: 16px;
    background: #faf8f5;
    border: 1px solid #f2eeea;
    flex-wrap: wrap;
}

.xr-cta-text {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.xr-cta-text strong {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #2b2826 !important;
}

.xr-cta-text span {
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    color: #8d8783 !important;
}

.xr-cta-btns {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.xr-btn-ghost,
.xr-btn-solid {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 12px 26px;
    border-radius: 26px;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all .3s cubic-bezier(.2, .8, .3, 1);
    white-space: nowrap;
}

.xr-btn-ghost {
    border: 1px solid #ddd7d2;
    color: #6b6663 !important;
    background: transparent;
}

.xr-btn-ghost:hover {
    border-color: var(--xr-primary, #7a7175);
    color: var(--xr-primary, #7a7175) !important;
    background: #ffffff;
}

.xr-btn-solid {
    background: var(--xr-primary, #7a7175);
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(122, 113, 117, .22);
}

.xr-btn-solid svg {
    transition: transform .3s;
}

.xr-btn-solid:hover {
    background: #6b5f59;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(122, 113, 117, .3);
    color: #ffffff !important;
}

.xr-btn-solid:hover svg {
    transform: translateX(4px);
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .xr-hero {
        padding: 72px 20px 110px;
    }

    .xr-hero-title {
        font-size: 32px !important;
    }

    .xr-article {
        padding: 40px 32px;
    }

    .xr-main {
        margin-top: -60px;
        padding-bottom: 64px;
    }

    .xr-page-cta {
        padding: 26px 28px;
    }
}

@media (max-width: 767px) {
    .xr-hero {
        padding: 56px 18px 96px;
    }

    .xr-hero-title {
        font-size: 26px !important;
        letter-spacing: 1px;
    }

    .xr-hero-mark {
        margin-bottom: 18px;
    }

    .xr-article {
        padding: 28px 22px;
        border-radius: 12px;
    }

    .xr-article-body,
    .xr-article-body p {
        font-size: 14.5px !important;
        line-height: 1.9 !important;
    }

    .xr-article-body > p:first-of-type {
        font-size: 15.5px !important;
    }

    .xr-main {
        margin-top: -48px;
        padding-bottom: 48px;
    }

    .xr-page-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 22px;
    }

    .xr-cta-btns {
        width: 100%;
    }

    .xr-btn-ghost,
    .xr-btn-solid {
        flex: 1;
        justify-content: center;
    }
}
/* ===================================================================
   列表页（产品 / 新闻 / 案例）
   =================================================================== */

.xr-list-main {
    max-width: 1200px;
    margin: -60px auto 0;
    padding: 0 20px 90px;
    position: relative;
    z-index: 2;
}

/* ---------- 卡片网格 ---------- */
.xr-cards {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.xr-card {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #f4f1ee;
    box-shadow: 0 2px 12px rgba(31, 45, 61, .05);
    transition: all .35s cubic-bezier(.2, .8, .3, 1);
}

.xr-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(31, 45, 61, .13);
    border-color: #ece7e2;
}

.xr-card > a {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* 图片 */
.xr-card-img {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f7f5f3;
}

.xr-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block !important;
    transition: transform .6s cubic-bezier(.2, .8, .3, 1);
}

.xr-card:hover .xr-card-img img {
    transform: scale(1.08);
}

/* 悬停遮罩 */
.xr-card-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(61, 52, 49, .45), rgba(61, 52, 49, 0) 55%);
    opacity: 0;
    transition: opacity .35s;
    pointer-events: none;
}

.xr-card:hover .xr-card-mask {
    opacity: 1;
}

/* 文字 */
.xr-card-body {
    padding: 20px 22px 24px;
}

.xr-card-body h3 {
    font-size: 17px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    color: #2b2826 !important;
    margin: 0 0 10px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: color .3s;
}

.xr-card:hover .xr-card-body h3 {
    color: var(--xr-primary, #7a7175) !important;
}

.xr-card-body p {
    font-size: 13.5px !important;
    line-height: 1.75 !important;
    color: #8d8783 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
}

/* 顶部小装饰 */
.xr-card-body::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #ede9e5;
    border-radius: 1px;
    margin-bottom: 14px;
    transition: background .3s, width .3s;
}

.xr-card:hover .xr-card-body::before {
    background: var(--xr-primary, #7a7175);
    width: 38px;
}

/* ---------- 分页 ---------- */
.xr-pager {
    margin-top: 50px;
    text-align: center;
}

.xr-pager ul,
.xr-pager .dede_pages ul {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap;
    justify-content: center;
}

.xr-pager li {
    display: block !important;
}

.xr-pager li a,
.xr-pager li span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #eeeae6;
    background: #ffffff;
    font-size: 13.5px !important;
    line-height: 1 !important;
    color: #6b6663 !important;
    text-decoration: none !important;
    transition: all .25s;
}

.xr-pager li a:hover {
    border-color: var(--xr-primary, #7a7175);
    color: var(--xr-primary, #7a7175) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(122, 113, 117, .12);
}

.xr-pager li.active span {
    background: var(--xr-primary, #7a7175);
    border-color: var(--xr-primary, #7a7175);
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(122, 113, 117, .25);
}

.xr-pager li:first-child span,
.xr-pager li:last-child span {
    color: #c9c5c1 !important;
    background: #faf8f5;
}

/* ---------- 响应式 ---------- */
@media (max-width: 1199px) {
    .xr-cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .xr-list-main {
        margin-top: -50px;
        padding-bottom: 64px;
    }

    .xr-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .xr-card-body {
        padding: 16px 18px 20px;
    }

    .xr-card-body h3 {
        font-size: 16px !important;
    }
}

@media (max-width: 575px) {
    .xr-list-main {
        margin-top: -44px;
        padding: 0 14px 48px;
    }

    .xr-cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .xr-card-img {
        aspect-ratio: 16 / 10;
    }

    .xr-pager li a,
    .xr-pager li span {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 13px !important;
    }
}
/* ===================================================================
   修：Hero / 列表主体宽度（不再被 .xr-page > div 限制）
   =================================================================== */

/* 横幅必须通栏 */
.xr-page > .xr-hero,
.xr-page > .xr-detail-hero {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* 内容主体自己控制宽度 */
.xr-page > .xr-main,
.xr-page > .xr-list-main,
.xr-page > .xr-detail-main {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* 兜底：其他直接子 div 保持 1200 */
.xr-page > div:not([class*="xr-hero"]):not([class*="xr-main"]):not([class*="xr-list-main"]):not([class*="xr-detail"]) {
    max-width: 1200px !important;
}

/* 横幅内的光晕圆不要撑出横向滚动条 */
.xr-hero {
    overflow: hidden !important;
}

/* 内页/列表页整体背景，避免两侧纯白显得断裂 */
.xr-page {
    background: #f7f5f3 !important;
}

.xr-hero {
    background: linear-gradient(135deg, #3d3431 0%, #5c5049 55%, #6b5f59 100%) !important;
}