*{margin: 0;padding: 0;font-family: PingFangSC-Regular, PingFang SC;box-sizing: border-box;}
body,
html {
    min-width: 1200px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;color: #1F1F1F;}
#wrap{height:90px;}
#wrap[data-fixed="fixed"]{position: fixed;top:0;left: 0;margin: 0;z-index: 999999;width: 100%;}
ul,li{
 list-style-type:none;}
a{
 text-decoration: none;}
a:focus,
a:active {
  outline: none;}
i{font-style: normal;}

.hot_city{display: inline-block;}
.hot_city span{font-weight: bold;color: #f00;margin-left: 15px;}
.hot_city li{display: inline-block;}
.hot_city li a{display: inline-block;padding: 0 5px 0 0;color: #fff;}
.hot_city li a:hover{color:#F00;}
#csflashs img {max-width: 100%;}
/*城市logo*/
.logo {padding:0;}
.logo img {height: auto;max-width: 100%;}
.logo b{font-size:2rem;color:#c51f23;line-height: 1.2;}
.cs_logo img {max-width: 100px;}
.cs_logo a {display: flex;align-items: center;}

/*search*/
.yunu-sou {padding: 15px 0;background-color: #fff;}
.yunu-sou .hot {float: left;padding: 5px 0;width: 70%;width: -webkit-calc(100% - 320px);width: calc(100% - 320px);display: inline-block;overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis;}
.yunu-sou .hot strong {color:#c51f23;}
.yunu-sou .hot a {margin-right: 10px;}
.yunu-sou .hform {float: right;}
.yunu-sou .hform input {float: left;font-size: 12px;border: 1px solid #eee;padding: 6px 12px;line-height: 16px;width: 210px;}
.yunu-sou .hform button {border:0;border-bottom:1px solid transparent;padding:0;float:left;cursor:pointer;outline: none;width:49px;height:30px;background:#c51f23;color: #fff;}

form#frmsearch {line-height: 2;font-size: 16px;}
.kuang{border: 1px solid #eee;}
.font-size-16 { font-size: 16px; }
.font-size-18 { font-size: 18px; }
.font-bold { font-weight: bold; }

.font-center { text-align: center; }

/* 省略号 */
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ellipsis2 {word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ellipsis3 {word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


/* 版心 */
.ly_container{width: 1200px;margin: 0 auto;height: 100%;}
.ly_container p {font-size: 16px;}

.ml9 {margin-left: 9px;}

/* 盒子布局 flex 相关css*/
.ly_flex, .flex-wrap, .flex-direction {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;}

.align-start {-webkit-box-align: start;-moz-box-align: start;-o-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}

.align-center,
.nav_wrap .container,
.header .container,
.header_left,
.header_right{-webkit-box-align: center;-moz-box-align: center;-o-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.align-end {-webkit-box-align: end;-moz-box-align: end;-o-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}

.justify-space,
.header .container,
.nav_wrap,
.nav_wrap .container,
.header_right{-webkit-box-pack: justify;-moz-box-pack: justify;-o-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}

.justify-center {-webkit-box-pack: center;-moz-box-pack: center;-o-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}

.justify-end {-webkit-box-pack: end;-moz-box-pack: end;-o-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}

.justify-start {-webkit-box-pack: start;-moz-box-pack: start;-o-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}

.justify-around {justify-content: space-around;-webkit-justify-content: space-around
}

/* 换行 */
.flex-wrap {-webkit-box-lines: multiple;-moz-box-lines: multiple;-o-box-lines: multiple;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

/* 改变排列方向 */
.flex-direction {-webkit-box-orient: vertical;-moz-box-orient: vertical;-o-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column
}

.flexLi {flex: 1;width: 0;}

/* 右侧悬浮电话 */
.ly_rightFixed{display: none;position: fixed;background:#fff;right: 0;top: 25%;z-index: 99999;padding: 14px 16px 5px;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, .2);-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, .2);-moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, .2);-o-box-shadow:0 0 4px 0 rgba(0, 0, 0, .2);-ms-box-shadow:0 0 4px 0 rgba(0, 0, 0, .2);}
.ly_rightFixed_desc{font-size: 16px;color: #666666;}
.ly_rightFixed_tel{font-size: 26px;font-weight: bold;color: #C9151E;margin-top: 10px;}


/* 头部样式 */
.header{width: 100%;height: 35px;background: #313131; display:none !important;}
.header .container{height: 35px;}
.header_left{font-weight: 400;color: #C9151E;line-height: 17px;position: relative;}
.header_left b {border: 1px #ccc solid;padding:3px 10px;border-radius: 18px;}
.header_left:hover b, .header_left:hover b .header_left_name {background: #c51f23;color: #fff;}
.header_left .address{width: 12px;height: 14px;}
.header_left .header_left_name{color: #666;margin-left:3px;cursor: pointer;font-size: 13px;}
.header_left .change{margin-left: 9px;font-weight: 400;color: #fff;-webkit-background-clip: text;cursor: pointer;}
.header_content{position: absolute;width: 460px;background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.13);border-radius: 4px;z-index: 100;top: 26px;left: 0;padding: 15px 31px 25px;box-sizing: border-box;display: none;transition: all .8s linear;-webkit-transition: all .8s linear;}
.header_content::before {content: "";position: absolute;left:35px;top: -6px;width: 12px;height: 12px;
    background: #fff;border-left: 1px solid #eee;border-top: 1px solid #eee;transform: rotate(45deg);
    z-index: -1;}
.header_left:hover .header_content {top:60px;display: block;animation: fadeInBottom .6s ease-in-out forwards;-webkit-animation: fadeInBottom .6s ease-in-out forwards;}

.header_content a{display: block;font-weight: 400;margin-top: 10px;margin-left: 41px;cursor: pointer;color: #1F1F1F;font-size: 14px;}
.header_content a:hover {color: #cd3e41;}
.header_content span:hover{color: #C9151E;}
.header_content .active{color: #C9151E;}

.header_right{font-weight: 400;color: #999999;position: relative;}
.header_right .applet{position: relative;padding: 0 16px;cursor: pointer;}
.header_right .applet::after{position: absolute;content: '';width: 1px;height: 10px;background: #666666;top: calc(50% - 5px);left: 0;}
.header_right .official{position: relative;padding: 0 16px;cursor: pointer;}
.header_right .official::before{position: absolute;content: '';width: 1px;height: 10px;background: #666666;top: calc(50% - 5px);left: 0;}
.header_right .official::after{position: absolute;content: '';width: 1px;height: 10px;background: #666666;top: calc(50% - 5px);right: 0;}
.header_right .applet_pic{position: absolute;z-index: 100;top: 20px;left: -55px;width: 178px;height: 187px;display: none;}
.header_right .official_pic{position: absolute;z-index: 100;top: 20px;right: -55px;width: 178px;height: 187px;display: none;}
.nav_wrap_right {margin-left: 5%;}

.nav_wrap{padding: 10px 0;width: 90%;height:auto;}
.nav_wrap .container{padding-top: 10px;padding-bottom: 10px;}
.nav_wrap_left{/*width: 235px;height: 60px;*/}
.nav_wrap_left img{width: 100%;height: auto;}
.top_tell {background: url(/images/icon_tel.jpg) no-repeat left center;background-size: 38px 38px;
    margin: 0 auto;padding-left:42px;font-size: 24px;font-weight: bold;}
	
.cs_nav_wrap .header_left {margin-left: 15px;}
.cs_nav_wrap {justify-content:center;}

.memu.is-sticky {position: fixed;top: 0;left: 0;right: 0;z-index: 999;animation: slideDown 0.5s ease forwards;}
        
        /* BANNER - 默认无padding */
.ly_bannerIndex {padding-top: 0;transition: padding-top 0.3s ease;}
/* 轮播分页按钮样式 */
.ly_bannerIndex .swiper-pagination {bottom: 40px; /* 距离底部高度 */}
.ly_bannerIndex .swiper-pagination-bullet {width: 15px;height:15px;background: #fff;opacity: 0.8;}
.ly_bannerIndex .swiper-pagination-bullet-active {opacity: 1;background: #c9151e; /* 选中颜色 */}
        
.memu {background: #fff;transition: all 0.5s ease;}
        /* 向下滑入动画 */
        @keyframes slideDown {
            0% {
                transform: translateY(-100%);
            }
            100% {
                transform: translateY(0);
            }
        }

.nav_wrap_right a,.nav_item{display: block;margin-left: 42px;cursor: pointer;color: #666666;font-size: 16px;font-weight: 400;}
.nav_wrap_right a:first-child{margin-left: 0;}
.nav_wrap_right .active{position: relative;font-weight: 500;color: #C9151E;}

.nav_wrap_right .active::after{position: absolute;content: '';width: 20px;height: 2px;background: #C9151E;bottom: -8px;left: calc(50% - 10px);}

.nav_wrap_right.ly_flex.align-center.cs {display: block;width: 100%;font-size: 0;}
.nav_wrap_right.ly_flex.align-center.cs a, .nav_wrap_right.ly_flex.align-center.cs .nav_item{display: inline-block;width: 14.28%;margin-left: 0;text-align: center;}
.nav_item a {width: 100% !important;}
.nav_item:hover .parent_link {color: #c51f23 !important;}
.subnav a:hover,.nav_wrap_right a:hover {color: #c51f23;}
/* 父级容器相对定位 */
.nav_item {position: relative;display: inline-block;}
/* 下拉菜单默认隐藏 */
.subnav {display: none;position: absolute;top: 100%;left: 0;min-width: 150px;background: #fff;border: 1px solid #eee;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 9999;}
.subnav::before {content: "";position: absolute;left:25px;top: -6px;width: 12px;height: 12px;
    background: #fff;border-left: 1px solid #eee;border-top: 1px solid #eee;transform: rotate(45deg);
    z-index: -1;}
/* 下拉菜单链接样式 */
.subnav a {display: block;padding: 8px 15px;margin-left: 0;white-space: nowrap;color: #333;text-decoration: none; transition:all 0.6s ease;}
/* 悬浮变色 */
.subnav a:hover {background: #f5f5f5;color: #c51f23; animation:normal;}
/* 鼠标悬浮显示下拉 */
.nav_item:hover .subnav {display: block;animation: fadeInBottom .6s ease-in-out forwards;    -webkit-animation: fadeInBottom .6s ease-in-out forwards;}
/* 尾部 */
.footer{background: #403F3F;width: 100%;}
.footerTop{width: 1200px;margin: 0 auto;padding: 20px 0;border-bottom: 1px dashed #979797;font-size: 18px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #C7C7C7;}
.footerTop span{margin-left: 17px;}
.footerTopContent{width: 1200px;margin: 20px auto 0;padding-bottom: 36px;border-bottom: 1px dashed #979797;}
.footerTopContentLeft a{display: block;font-size: 14px;font-weight: 400;color: #C5C7CF;margin-top: 17px;}
.footerTopContentLeftName{font-size: 16px !important;font-weight: 400;color: #FFFFFF !important;}
.footerTopContentContent{width: 162px;height: 162px;margin-top: 20px;}
.footerTopContentContent img{display: block;width: 100%;height: 100%;border-radius:10px;}
.footerTopContentContent span{font-size: 12px;font-weight: 400;color: #C5C7CF;display: block;text-align: center;margin-top: 15px;}
.footerTopContentRight{margin-top: 20px;}
.footerTopContentRight span{display: block;}
.phoneBox{margin-left: 18px;}
.phoneBoxTitle{font-size: 16px;line-height: 2;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;}
.phoneBoxNumber{font-size: 32px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #FFFFFF;}
.footerTopContentRightText{font-size: 14px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #C5C7CF;margin-top: 12px;display: block;}
.footerLike{width: 1200px;margin: 17px auto;font-size: 14px;font-weight: 400;color: #C5C7CF;}
.footerLike nav a {font-size: 14px;font-weight: 400;color: #EEEEEE;margin-left: 3px;}
.footerFoot{width: 100%;text-align: center;background: #313131;display: block;font-size: 12px;font-weight: 400;color: #EEEEEE;line-height: 35px;text-align: center;bottom: 0;}

.page {width: 100%;margin-top:40px;text-align: center;margin-bottom: 60px;} 

.page a {display: inline-block;height: 30px;border:1px solid #e5e5e5;color: #666;font-size: 14px;line-height: 30px;text-align: center;margin-left: 5px;margin-right: 5px;
    overflow: hidden;padding: 0 12px;}
.page a.current{background: #c51f23;color: #FFF;border: 1px solid #f05c01;}
.page span {display: inline-block;height: 30px;font-size:14px;border:1px solid #e5e5e5;line-height: 30px;text-align: center;margin-left: 5px;
	margin-right: 5px;overflow: hidden;padding: 0 12px;}
.page .a1{ width:auto;padding: 0 10px;}

.xy-why {
      width: 100%;
      padding: 70px 5% 80px;
      background: #fff;
    }
    .xy-container {
      max-width: 1280px;
      margin: 0 auto;
    }
    .xy-title {
      text-align: center;
      font-size: 36px;
      font-weight: 500;
      letter-spacing: 1px;
      margin-bottom: 14px;
    }
    .xy-line {
      width: 62px;
      height: 5px;
      background: #c9151e;
      margin: 0 auto 55px;
      border-radius: 10px;
    }
    .xy-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
    }
    .xy-card {
      min-height: 330px;
      padding: 42px 34px 36px;
      border: 1px solid #eee;
      border-radius: 8px;
      background: #fff;
      text-align: center;
      transition: all .25s ease;
    }
    .xy-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 32px rgba(0,0,0,.08);
      border-color: #f1c7ca;
    }
    .xy-icon {
      width: 70px;
      height: 70px;
      margin: 0 auto 24px;
      border: 2px solid #c9151e;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #c9151e;
    }
    .xy-icon svg {
      width: 36px;
      height: 36px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .xy-card h3 {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 22px;
      color: #111;
    }
    .xy-card ul {
      list-style: none;
      color: #666;
      font-size: 17px;
      line-height: 2;
    }
    .xy-card li {
      white-space: nowrap;
    }
    .xy-card li::before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      background: #c9151e;
      border-radius: 50%;
      margin-right: 9px;
      vertical-align: middle;
      opacity: .8;
    }
    .xy-cta {
      margin-top: 52px;
      text-align: center;
    }
    .xy-cta p {
      font-size: 22px;
      color: #333;
      margin-bottom: 22px;
    }
    .xy-btn {
      display: inline-block;
      padding: 14px 42px;
      background: #c9151e;
      color: #fff;
      text-decoration: none;
      border-radius: 4px;
      font-size: 18px;
      transition: background .25s ease;
    }
    .xy-btn:hover { background: #a90f17;color: #fff;}
    @media (max-width: 1024px) {
      .xy-grid { grid-template-columns: repeat(2, 1fr); }
      .xy-title { font-size: 32px; }
    }
    @media (max-width: 640px) {
      .xy-why { padding: 52px 18px 60px; }
      .xy-grid { grid-template-columns: 1fr; gap: 18px; }
      .xy-card { min-height: auto; padding: 34px 22px; }
      .xy-title { font-size: 28px; }
      .xy-card h3 { font-size: 22px; }
      .xy-card ul { font-size: 16px; }
      .xy-card li { white-space: normal; }
	}
	  
@keyframes fadeInBottom{
	0%{transform:translateY(30px);-webkit-transform:translateY(30px);opacity:0;}
	100%{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
@media screen and (max-width:1440px) {
    .nav_wrap {width: 100%;}
	.nav_wrap_right {margin-left:10px;}
	.nav_wrap_right a, .nav_item {margin-left: 32px;}
	.top_tell{font-size: 18px;}
}

@media screen and (max-width:1220px) {
	*{ box-sizing:border-box;}
	body, html,.ly_bannerIndex,.swiper-container ,.stbj-head .Sec-head{min-width: auto !important;}
	.nav_wrap {height:auto;}
	    .nav_wrap_right a, .nav_item {margin-left:15px;}
	.ly_container ,.footerTop,.footerTopContent,.footerLike,.w1200,.stNews-con,.stbj-footer,#staff{width: 98%;}
	
	.ly_xwzx_tabCon_left ,.ly_xwzx_tabCon_right{width:48%;}
	.nav_wrap_right {margin-left:auto;}
}
@media screen and (max-width:1023px) {
	.ly_xwzx_tabCon_left ,.ly_xwzx_tabCon_right{width:46%;}
	.ly_rightFixed ,.floating_ck{display: none;}
	.header_content{left: auto;right:0;width: 300px;}
	.Service-con ul,.Service-con .pic,.Service-con .title{ height:auto;}
	.Service-con .title .title1{ line-height:2;}
	.Case-con .Case-con-left .Case-content{ width:100%;}
	.Case-con-rgt{ width:28%;}
	.Case-con .Case-con-left{ width:70%;margin-right:0;}
	.Case-con .Case-con-rgt .Case-con-detail{ width:100%;}
}
@media screen and (max-width:768px) {
	.nav_wrap_right .active::after {bottom: -3px;}
	.header_right{ display:none;}
	.nav_wrap_left {margin: 0 auto;}
	.nav_wrap_right.ly_flex.align-center {justify-content: center;line-height: 2; text-align:center;}
	.nav_wrap_right.ly_flex.align-center.cs a, .nav_wrap_right.ly_flex.align-center.cs .nav_item{ width:25%;}
	.nav_wrap_right.ly_flex.align-center.cs .nav_item a {width: 100% !important;}
	.ly_stqf_desc{ width:100%;}
	.ly_sfbz_swiper_left img {max-width: 100%;}
	h5.font-size-18 {text-align: center;}
	li.ly_whyFour_item.ly_card.ly_flex.flex-direction.justify-center.align-center {width: 48%;height: auto;}
	.ly_stqf_box {height: auto;padding-bottom: 15px;}
	.ly_yhpj_box{ display:none;}
	.ly_bjal_swiper a{ width:100%;}
	p.ly_sfbz_swiper_right_desc {text-align: center;}
	.Case-con-rgt{ display:none;}
	.Case-con-left {margin-right: 0 !important;width: 100%;}
	.casedetail{ padding:0;}
	.Service-con ul {width: 49%;}
	.Service .nowon, .Case .nowon, .about .nowon {line-height: 1.6;}
	.casedetail-page p{width: 100%;}
	.big1{ display:none;}
	.detail{ width:100%;}
	.Case-con-rgt{ display:none;}
	.Case-con .Case-con-left{ width:100%;}
	.flex-wrap.justify-space.ly_container.marT60 {width:80%; max-width:100%;}
	
}
@media screen and (max-width:576px) {
	ul.ly_gssl_box.ly_flex.ly_card.font-size-16.font-center.ly_container {display: inline-block;font-size: 0;}
	li.flexLi {width: 50%;display: inline-block;}
	.ly_xwzx_tabs.fs0.ly_flex.justify-space.align-center {display: inline-block;font-size: 0; text-align: center;width: 100%;}
	.ly_xwzx_bth {padding: 0;display: inline-block;width: 33%;margin-left: 0 !important;line-height: 2.5;
    margin-bottom: 8px;}
	.ly_xwzx_tabCon {margin-top: 15px;padding: 0 10px;}
	.ly_xwzx_tabCon_left, .ly_xwzx_tabCon_right {width: 100%;}
	.footerTopContent.ly_flex.justify-space {display: block;text-align: center;}
	.footerTopContentLeft.ly_flex div {margin-left: 0 !important;width: 33%;display: inline-block;}
	.footerTopContentContent {height: auto;margin: 20px auto;}
}

/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#fa1a15;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fa1a15), to(#2d0003));}
#foottoolbar ul{}
#foottoolbar li{float:left;width:25%;height:35px;background:url(/images/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(/images/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(/images/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(/images/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(/images/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(/images/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(/images/f6.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(https://www.xxwq.cn/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden1{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-245px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;margin: 0 auto;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}