/*# sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */


header {position: fixed;z-index: 10;width: 100%;transition: all 0.5s;top: 0;background: #fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);height: 90px;}

header.active {

  top: -100px;

}

header.active-box-shadow {box-shadow: 0px 1px 10px rgb(0 0 0 / 12%);}

header .header-menu {transition: all 0.5s ease;height: 80px;position: relative;background: #fff;width: 90%;margin: 0px auto;}

header .section {height: 100%;width: 100%;margin: auto;max-width: 100%;/* padding-left: 100px; */}

header .section .header-box {

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100%;

}

header .section .header-box .logo {display: flex;justify-content: flex-start;align-items: center;width: 38%;font-size: 30px;font-weight: 600;}

header .section .header-box .logo img {transition: all 0.5s;width: 12%;height:auto;margin-right: 10px;}

header .section .header-box .logo .logo-text {

  font-size: 20px;

  font-weight: 600;

  border-left: 1px solid #eee;

  padding-left: 20px;

  color: #000;

}

header .section .header-box .logo .logo-text span{


  color: #e50112;

}




header .section .header-box .menu-box {height: 100%;width: 45%;margin: 0px 1%;}

header .section .header-box .menu-box .menu-list {display: flex;justify-content: space-between;align-items: center;height: 100%;color: #fff;}

header .section .header-box .menu-box .menu-list .firstItem {

  display: flex;

  align-items: center;

  height: 100%;

  position: relative;

}

header .section .header-box .menu-box .menu-list .firstItem.product {

  position: inherit;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box {

  width: 100%;

  background: var(--dominant-color);

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list {

  max-width: 1740px;

  margin: auto;

  display: flex;

  padding: 30px 0;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list {

  flex-basis: 20%;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .title {

  font-size: 20px;

  text-align: center;

  margin-top: 10px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  padding-bottom: 10px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box {

  text-align: center;

  margin: 0 0 20px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box a {

  text-align: center;

  padding: 0 12px;

  border-bottom: none;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box a span {

  margin-right: 6px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a {

  border-bottom: none;

  padding: 12px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a::after {

  display: none;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a:hover {

  text-decoration: underline;

}

header .section .header-box .menu-box .menu-list .firstItem.active{ border-bottom: 4px solid #e50112;}
header .section .header-box .menu-box .menu-list .firstItem.active .firstItem-title a {
font-weight: 500;
  color: #e50112;

}
header .section .header-box .menu-box .menu-list .firstItem.active:hover .firstItem-title a{ color: #e50112;}

header .section .header-box .menu-box .menu-list .firstItem.language img {

  cursor: pointer;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

  padding: 0 25px;

  position: relative;

  display: flex;

  align-items: center;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {color: #010101;font-size: 16px;transition: all 0.5s;display: flex;align-items: center;}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {

  width: 0;

  height: 2px;

  bottom: 0;

  left: 0;

  background: #333;

  position: absolute;

  margin: auto;

  right: 0;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover::after {

  width: 100%;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover a {

  color: var(--dominant-color);

}

header .section .header-box .menu-box .menu-list .firstItem > a {

  font-size: 14px;

  height: 80px;

  line-height: 80px;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box {

  position: absolute;

  top: 100px;

  width: 160px;

  left: 50%;

  transform: translateX(-50%);

  display: none;

  overflow: auto;

  transition: top 0.5s;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

  background: var(--dominant-color);

  padding: 0 5px;

}

@media screen and (max-width: 768px) {

.index-box4 .index-box4-box .item .text{
    margin-top: 5px !important;
}


  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

    margin-top: 0;

    padding-left: 10%;

  }

}

header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

  width: 0;

  height: 0;

  border-width: 10px;

  border-color: transparent transparent var(--dominant-color) transparent;

  border-style: solid;

  left: 0;

  right: 0;

  top: 0;

  margin: auto;

  position: absolute;

  transition: all 0.5s;

}

@media screen and (max-width: 768px) {

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

    display: none;

  }

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a {

  color: #fff;

  display: block;

  text-align: left;

  padding: 12px 0 12px 20px;

  border-bottom: 1px solid #af904e;

  position: relative;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a:last-child {

  border-bottom: none;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a::after {

  content: '';

  width: 0;

  height: 0;

  border-width: 5px;

  border-color: transparent transparent transparent #e3d6bb;

  border-style: solid;

  left: 8px;

  top: 0;

  bottom: 0;

  margin: auto;

  position: absolute;

  transition: all 0.5s;

}

header .section .header-box .search-box {display: flex;align-items: center;width: 16%;justify-content: space-between;}

header .section .header-box .search-box .top-tel {width: 100%;align-items: center;color: var(--dominant-color);font-size: 1.12vw;font-family: BEBAS;justify-content: center;}
header .section .header-box .search-box .top-tel p{margin-bottom:5px;font-family: BEBAS;font-size: 24px;letter-spacing:1.2px;}
header .section .header-box .search-box .top-tel p:nth-child(2){letter-spacing:0;}


header .section .header-box .search-box .top-tel img {

  margin-right: 10px;

}

header .section .header-box .search-box .search {

  height: 100px;

 width: 30%;

  background: var(--dominant-color);

  display: flex;

  justify-content: center;

  align-items: center;

}


.pro_class{
    height: auto;
    width: 100%;
    line-height: 70px;
    text-align: center;
    margin-bottom: 30px;
    float: left;
}
.pro_class li{
     width: 33.3%;background: #eee;color: #333; float: left;
}
.pro_class li:nth-of-type(2n){
    background: #f5f5f5;
}
.pro_class li a{display: block;
    font-size: 1.2rem;color: #333;
}
.pro_class .on a{
    background: #e50112;color: #fff;
}
.pro_class:After{
    display: block;content: "";clear: both;
}
    .pro_class li{
         width: 20%;
     }  
     
     
     .news_detail_bg{width:100%;min-width:1400px; background:#f9f9f9;}
/*主要内容*/
.mod1469 .news_detail_d { background: #f5f5f5; box-sizing: border-box; padding: 60px 60px;
    width: 74%;
}
.mod1469 .news_detail_name {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}
.mod1469 .news_detail_name p {
    font-weight: normal;
    font-size: 14px;
}

.mod1469 .news_detail_content { font-size:1rem;line-height: 2rem;
    padding-top: 20px;
}
.mod1469 .news_detail_content img {
    max-width: 100%;
    display: block;
    padding: 20px 0;margin: 0 auto;
}
.mod1469 .news_detail_content p{ font-size: 0.9rem;line-height: 1.8rem; text-indent: 2em;
    margin-bottom: 10px;
}

.mod1469 .news_detail_content .news_detail_txt {
    text-indent: 2em;
    font-size: 16px;
    color: #333;
    line-height: 32px;
}

/*标签*/
.mod1469 .news_detail_tag {
    margin-bottom: 20px;
    border-bottom: 1px solid #e50112;
    border-right: none;
}
.mod1469 .news_detail_tag span {
    display: block;
    float: left;
    padding-left: 10px;
    width: 70%;
    height: 35px;
    font-size: 15px;
    color: #333;
    line-height: 35px;
}
.mod1469 .news_detail_tag a {
    display: block;
    float: right;
    width: 90px;
    height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    background: #e50112;
}

/*相关推荐*/
.mod1469 .news_detail_hot {
    padding-top: 0;
}
.mod1469 .news_detail_hot .news_detail_hot_title span {
    display: block;
    font-size: 24px;
    color: #333;
}
.mod1469 .news_detail_hot ul li {
    display: block;
    padding-left: 8px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #ccc;
}
.mod1469 .news_detail_hot ul li a {
    font-size: 16px;
    color: #333;
}
.mod1469 .news_detail_hot ul li a:hover {
    color: #e50112;
}

/*上下翻页*/
.mod1469 .news_detail_next {
    padding: 20px 0;
}
.mod1469 .news_detail_next a {
 display: block;
    padding: 0px 15px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 15px;
    color: #333;
     background: #f5f5f5; 
    border: 1px #ddd solid;
    margin-left: 50px;
}
.mod1469 .news_detail_next a:last-of-type {
    margin-top: 1px;
}
.mod1469 .news_detail_next a:hover {
    color: #fff;
    background: #e50112;
}

/*热门推荐*/
.mod1469 .news_detail_r {
box-sizing: border-box;
    width: 26%;
}
.mod1469 .news_detail_title {
    height: 60px;
    line-height: 60px;
    background: #e50112;
}
.mod1469 .news_detail_title span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.mod1469 .news_detail_r_d {
    padding: 4% 4%;
}
.mod1469 .news_detail_r_d li {
    border-bottom: 1px dashed #ccc;
}
.mod1469 .news_detail_r_d li:After{ display:block; content:"";clear:both;}
.mod1469 .news_detail_r_d li:last-of-type {
    border-bottom: none;
}
.mod1469 .news_detail_r_d a {
    display: block;
}
.mod1469 .news_detail_r_d .news_detail_r_img {
    padding: 3%;
    width: 36%;
    overflow: hidden;
}
.mod1469 .news_detail_r_d .news_detail_r_img img {
    display: block;
    width: 100%;
}
.mod1469 .news_detail_r_d .news_detail_w {
    padding-top: 3%;
    padding-right: 2%;
    width: 55%;
}
.mod1469 .news_detail_r_d .news_detail_w span { overflow: hidden; text-overflow: ellipsis;    white-space: nowrap;
    padding-top: 3%;
    display: block;
    font-weight: bold;
    color: #333;
}
.mod1469 .news_detail_r_d .news_detail_w p {max-height: 50px;overflow: hidden; line-height: 22px;
    padding-top: 2%;
    font-size: 12px;
}
.mod1469 .news_detail_r_d li:hover span {
    color: #e50112;
}


.mod1061 .pro_detail_img {
    text-align: center;width: 50%;float: left;border: 1px solid #ddd;
}
.mod1061 .pro_detail_txt{
    width: 47%;float: right;
}

.mod1061 .pro_detail_img img {
    max-width: 100%;display: block;
}
.mod1061 .pro_detail_name {
    font-size: 20px;
    font-weight: bold;border-bottom: 1px solid #ddd;margin-bottom: 20px;
    line-height:50px;
  color: #333;line-height: 80px;
}
.mod1061 .pro_detail_next {
    padding: 26px 0 6px 0;
    text-align: center;
}
.mod1061 .pro_content {
    line-height: 28px;
}
.mod1061 .pro_content img {
    max-width: 100%;
    display: block;
}

.mod1061 .pro_content_title {
    position: relative;
    height: 40px;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    font-size: 14px;
    color: #444;
    margin-bottom: 15px;
    padding-left: 5px;
}
.mod1061 .pro_content_title strong{ 
    font-size: 16px;
    font-weight: bold;
    color: #e50112;
}
.mod1061 .pro_content_title span{
    color: #999;
}
.mod1061 .pro_content_title i {
    display: block;
    width: 100px;
    position: absolute;
    bottom:-1px;
    z-index: 2;
    left:0;
    border-bottom: 2px solid #e50112;
    
}
.mod1061 .pro_content_con {font-size: 15px;padding:40px;text-align: justify;
    line-height: 28px; border: 1px solid #eee; margin-top: 30px;
}
.pro_content_con table{
    width: 100%;
}
.mod1061 .pro_content_con img {
    max-width: 100%;
    display: block;
   margin: 10px auto;
}
.mod1061 .pro_content_con p {

}

.mod1061 .pro_content_con td {
    border: 1px solid #dbdbdb;
   
    line-height: 30px;
    vertical-align: middle;text-align: center;padding: 10px 0;
}
.mod1061 .pro_content_con tr:nth-of-type(1) td{
    background: #fbfbfb;font-weight: bold;color: #222;
}

.pro_detail_recommend {
    margin-top: 30px;
}
.pro_detail_recommend .pro_detail_recommend_title {
    margin-bottom: 30px;
    line-height: 50px;background:#f5f5f5;padding: 0 30px;box-sizing: border-box;
   
}
.di-pro-class3:before{font-size:22px;}
.pro_detail_recommend .pro_detail_recommend_title i {
    padding-left: 5px;
    font-size: 30px;
    color: #333;
}
.pro_detail_recommend .pro_detail_recommend_title span {
    padding-left:5px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.pro_detail_recommend ul li:nth-child(n+4) {
    margin-top: 15px;
}
.pro_detail_recommend ul li {
    float: left;
    margin-left:2%;
    width: 32%;
}
.pro_detail_recommend ul li:nth-of-type(3n+1){ margin-left:0;}
.pro_detail_recommend ul li .pro_detail_recommend_img {
    border: 1px solid #ccc;
}
.pro_detail_recommend ul li .pro_detail_recommend_img img {
    display: block;
    width: 100%;
    height: 100%;
}
.pro_detail_recommend ul li .pro_detail_recommend_t {
    height: 35px;
    line-height: 35px;
}
.pro_detail_recommend ul li .pro_detail_recommend_t span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.pro_detail_recommend ul li:hover .pro_detail_recommend_img {
    border-color: #e50112;
}
.pro_detail_recommend ul li:hover span {
    color: #e50112;
}



.mod1059 .feedback_form{height: auto;box-sizing: border-box;
    width: 100%; background: #f9f9f9;border: 1px solid #eee;padding: 50px;
    margin: 50px auto 30px auto;
}
.mod1059 .feedback_form_t {
    font-size: 26px;
    text-align: center;
    line-height: 80px;
    border-bottom: 1px solid #e50112;
    margin-bottom: 20px;
}
.mod1059 .feedback_form input,
.mod1059 .feedback_form textarea{
    border: 1px solid #ccc;
  
}
.mod1059 .feedback_form textarea{
    padding: 25px 15px;
}

.mod1059 .feedback_form li {
    width:32.3%;float: left;
    background: none;
    margin-left:1% ;
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
    line-height: 55px;
}
/*.mod1059 .feedback_form li:nth-of-type(2n){*/
/*    margin-left: 3%;*/
/*}*/
.mod1059 .feedback_content i{ 
    font-size:18px;
    padding: 0 5px;color: #333;
}
.mod1059 .feedback_content i span{
    color: #e70606;font-weight: bold;
}
.mod1059 .feedback_form li.message {
    padding-top: 10px;
}
.mod1059 .wbf-input {
    width: 100%;
    height: 32px;
    padding:25px 15px ;
   
    line-height: normal;
    box-sizing: border-box;
}

.mod1059 .wbf-code {
    width: 140px;
    height:45px;
    padding: 10px;
    margin: 8px 0;
    line-height: normal;
    box-sizing: border-box;
}

.mod1059 .yzma img{ vertical-align: middle;
    width: 110px;
}
.mod1059 .wbf-textarea {
    width: 100%;
    height: 200px;
    padding: 8px;
    line-height: 20px;
    box-sizing: border-box;
}
.mod1059 input.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
   
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #666;
    font-size: 16px;
    color: #fff;
    border: none;
    
}

.mod1059 a.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-left: 20px;
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #e50112;
    font-size: 16px;
    color: #fff;
    
}
.mod1059 .feedback_form input::-webkit-input-placeholder,
.mod1059 .feedback_form textarea::-webkit-input-placeholder {
    color: #ccc;
}
.mod1059 .feedback_form .fb_message{
    width: 100%;
}
.mod1059 .feedback_form li.yzma{
    width:32%;margin-left:18%;
}



/*搜索*/

  .mod1551 .n_contact_d {
 width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 列，每列等宽 */
    gap: 15px; /* 列间距，按需调整 */
    }
    
    /* 电脑端子元素样式（保持你原来的效果） */
.mod1551 .n_contact_d .n_contact_txt,
.mod1551 .n_contact_d .n_contact_w {
    padding: 10% 6% 20%;
    width: calc(110% - 12%);
    background: #f5f5f5;
    box-sizing: border-box; /* 关键：防止 padding 撑宽 */
}
.mod1551 .n_contact_d .n_contact_w {
    padding: 10% 17%;
    width: calc(90% - 0%);
    margin-left: 10%;
}
    
    
    .mod1551 .n_contact_d .n_contact_title {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .mod1551 .n_contact_d .n_contact_title b {
        display: block;
        margin-bottom: 22px;
        font-family: "Arial";
        font-size: 40px;
        font-weight: bold;
        line-height: 30px;
        color: #e50112;
    }
    .mod1551 .n_contact_d .n_contact_title span {
        display: block;
        font-size: 30px;
        line-height: 30px;
    }
    .mod1551 .n_contact_d .n_contact_title p {
        display: block;
        margin-bottom: 30px;
        margin-top: 30px;
        width: 40px;
        height: 3px;
        background: #e50112;
    }
    .mod1551 .n_contact_d .n_contact_title img {
        display: block;
        width: 100%;
    }
    .mod1551 .n_contact_d .n_contact_txt {
        padding: 10% 6% 20%;
        width: calc(110% - 12%);
        background: #f5f5f5;
    }
    .mod1551 .n_contact_d .n_contact_txt h3 {
        display: block;
        padding-left: 8%; margin-bottom: 6%;
        width: 40%;
        height: 40px;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        border-radius: 10px;
        line-height: 40px;
        background: #e50112;
    }
    .mod1551 .n_contact_d .n_contact_txt span {
        display: block;
        padding-top: 6%;
        padding-bottom: 2%;
        font-size: 17px;
        font-weight: bold;
        color: #222;
    }
    .mod1551 .n_contact_d .n_contact_txt p {
        display: block;
        font-size: 16px;
        color: #333;
        line-height: 42px;
    }
    .mod1551 .n_contact_d .n_contact_w {
        padding: 10% 17%;
        width: calc(90% - 0%);
        background: #f5f5f5; margin-left: 10%;
    }
    .mod1551 .n_contact_d .n_contact_w h3 {
     display: block;
        padding: 0px 10px;
        margin-bottom: 6%;
        width: 85%;
        height: 40px;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        border-radius: 10px;
        line-height: 40px;
        background: #e50112;
    }
    .mod1551 .n_contact_d .n_contact_w p {
        display: block;
        font-size: 16px;
        color: #333;
        line-height: 42px;
    }
    .mod1551 .n_contact_d .n_contact_map {
        margin-top: 2%;
        grid-column-start: 1;
        grid-column-end: 4;
        width: 100%;
        min-height: auto;
        height: 100%;
    }
    .mod1551 .n_contact_d .n_contact_map iframe {
        display: block;
        width: 100%;
        height: 100%;
        background: #eee;
    }




.mod1015 .navigation .fl a:hover {
    text-decoration: underline;
    color: #e50112;
}

.mod1015 .navigation .fl a {
   
    display: inline-block;
    color: #454545;
    font-size: 15px;
}
.mod1015 .navigation .fl span:last-of-type {
    display: none;
}

.mod1015 .navigation .fl strong {
    display: block;
    float: left;
    max-width: 97px;
    
    font-size: 15px;
}
.mod1015 .navigation .fl strong:before{
    color: #e50112; padding-right: 5px;
}
.mod1015 .navigation_r form {
    float: left;
    display: block;
    width: 270px;
    background: #fff;
    line-height: 34px;
    height: 34px;
    position: relative;
    margin: 9px 0 9px 0px;
}

.mod1015 .navigation_r form .search-i {
    width: 40px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    display: block;
    transition: 0.3s all ease-in-out;
    background: #e50112 url("http://test.fsbszg.com/themes/pc/public/static2/css/__TMPL__/public/static/image/KxQoOZAi8Ycke5SHyu2qPSij7uendcWXkTi5lHU9r7Dcz0WUhRAQXpTc8u6AK_PkAKUK8TILTMhbcz5nXmjqNYSRSDMIMAcFhBnuu-eG08EAd0QgqGBJatyFzQdoyqxx.png") no-repeat center;
}

.mod1015 .navigation_r .search-i:hover {
    background-color: #ffd900;
}

.mod1015 .navigation_r .search-i input {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: none;
    border: 0 none;
    outline: none;
}

.mod1015 .navigation_r .search-bg input {
    line-height: 34px;
    background: none;
    border: 0 none;
    width: 210px;
    padding-left: 20px;
    color: #aaa;
    outline: none;
}
/*end*/



.mod1015 .navigation {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    line-height: 60px;
    height: 60px;
    margin-bottom:30px;
   border-top:1px solid #ddd;border-bottom:1px solid #ddd;
    text-align: left;font-size:15px;color:#555;
  
}
.mod1015 .navigation i{
    color: #e50112;padding-right: 5px;
}

.mod1015 .navigation .dicon{ font-size:18px; padding:0 5px; color:#e50112;}
.mod1015 .navigation_w{ float:right; 
    padding-right:5px; 

    }
.mod1015 .navigation a:hover{ color:#e50112;}


.mod1015 .link{ display:none;}



.mod1468 .news_d_list {
    width: 100%;
    margin: 0 auto;
}
.mod1468 .news_list_box {
    border: #dedede solid 1px;
    overflow: hidden;
    padding: 22px;
    margin-bottom: 20px;
    
}
.mod1468 .news_list_box:hover {
    border: #e50112 solid 1px;
}
.mod1468 .news_list_img {
    width: 25%;
    float: left;
    font-size: 0;
}

.mod1468 .news_list_img img {
    max-width: 100%;
    display: table-cell;
}
.mod1468 .news_list_content{
    width: 75%;
    float: left;
    padding: 0 30px 0 40px;
    box-sizing: border-box;
}

.mod1468 .news_list_box .news_content_title{ 
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #333;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.mod1468 .news_list_box:hover .news_content_title{
    color: #e50112;
}
.mod1468 .news_list_box .news_content_txt {
    font-weight: normal;
    line-height:28px;font-size: 15px;
    margin-top: 5px;
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.mod1468 .news_list_box .news_content_more {
    margin-top: 25px;
    width: 134px;
    height: 40px;
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
    background: #f5f5f5;
}
.mod1468 .news_list_box:hover .news_content_more {
    background: #e50112;
    border-color: #e50112;
    color: #fff;
}
.mod1468 .news_content_time {
    float:left;
    padding-top: 35px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
}




.mod1491 .protemptwo{width:100%; display:flex;flex-wrap:wrap;}
.mod1491 .protemptwo li{ width:23.5%; height: 320px;box-shadow:0px 0px 10px #eee;transition: all .5s ease; position:relative; margin:0 2% 2% 0;
    display: block;float: left;
}
.mod1491 .protemptwo li:nth-of-type(4n){
    margin-right: 0;
}
.mod1491 .protemppic{overflow:hidden; position:relative;}
.mod1491 .protemppic img{width:100%;transition:all .5s ease;height: 100%;object-fit: contain;}
.mod1491 .protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 3%;}
.mod1491 .protemptitl{position:relative;}
.mod1491 .protemptitl a:after,.mod1491 .protemptitl:before,.mod1491 .protemppic a:after{content:''; display:block; position:absolute;}
.mod1491 .protemptitl a:after{ width:18px; height:18px; border-radius:50%; right:20px; top:22px; background: url("http://test.fsbszg.com/themes/pc/public/static2/css/__TMPL__/public/static/image/KxQoOZAi8Ycke5SHyu2qPSij7uendcWXkTi5lHU9r7Dcz0WUhRAQXpTc8u6AK_PkTiEG_kskeVejtuMMZiSH7qLiCQcW77W4glU6RCHZZjbrjweyVzJd4XsEp4hyLxF8.png") no-repeat top center;}
.mod1491 .protemptitl:before{ width:100%; height:0px; bottom:0px; left:0px; background:#e50112; transition:all 0.5s ease;}
.mod1491 .protemppic a:after{ width:100%; height:0px; background: linear-gradient(to bottom, rgba(0,0,0,0.3), transparent);top:0px; left:0px; transition:all 0.5s ease;}
.mod1491 .protemptwo ul{
    display: block;width: 100%;
}
.mod1491 .protemptwo li:hover .protemppic a:after{ height:100%;}
.mod1491 .protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.mod1491 .protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.mod1491 .protemptwo li:hover .protemptitl a{ color:#fff;}
.mod1491 .protemptwo li:hover .protemppic img{ transform:scale(1.2)}

    .mod1010 .flip_pages { margin-top:20px; text-align: center; line-height:22px;}
	.mod1010 .flip_pages span{ border:1px solid #ddd; padding:0 6px; margin-right:5px; display:flex; height:38px;align-items:center;padding:0px 16px; }
	.mod1010 .flip_pages select{height:24px; vertical-align: initial;}











.imgDiv{
    height: 300px;
}

.imgDiv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.bannerbox{
    padding-top: 90px;
}

/*轮播图*/
.footer{
    background: #000!important;
}
.banner {margin-top: 90px;width: 100%;position: relative;

  /*视频样式*/}

.banner img {

  width: 100%;

}

.banner .swiper-slide .text {

  position: absolute;

  width: 80%;

  max-width: 1440px;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  color: #fff;

  line-height: 1;

  height: fit-content;

}

.banner .swiper-slide .text .sub {

  font-size: 36px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.3s;

  font-weight: 600;
  text-shadow:5px 5px 5px rgba(0,0,0,.4);

}

.banner .swiper-slide .text .title {

  font-weight: 600;

  font-size: 80px;

  margin: 20px 0;

  line-height: 1.2;

  opacity: 0;

  transform: translateY(50px);

  transition: all 1s;

  transition-delay: 0.5s;
text-shadow:5px 5px 5px rgba(0,0,0,.4);
}

.banner .swiper-slide .text .img {

  width: 636px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.6s;    font-size: 100px; font-weight:bold;

    -webkit-text-stroke: 0.0520833vw #fff;

    color: rgba(255, 255, 255, 0);

    box-sizing: border-box;

    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);

    transition: all .8s cubic-bezier(.69, .27, .45, .99); padding-top:20px;

}

.banner .swiper-slide .text .line {

  width: 40px;

  height: 6px;

  background: #fff;

  margin: 4vw 0 30px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.7s;

}

.banner .swiper-slide .text .summary {

  font-size: 18px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.8s;

  max-width: 670px;

  line-height: 1.6;

  text-transform: uppercase;

  font-weight: 600;
  text-shadow:5px 5px 5px rgba(0,0,0,.4);

}

.banner .swiper-slide .text .more {

  width: 168px;

  height: 56px;

  display: flex;

  align-items: center;

  margin-top: 70px;

  opacity: 0;

  transform: translateY(50px);

  transition: all 1s;

  border: 1px solid rgba(255, 255, 255, 0.3);

  justify-content: center;

  border-radius: 28px;

  font-size: 14px;

  transition-delay: 0.9s;

}

.banner .swiper-slide .text .more img {

  margin-left: 20px;

  filter: grayscale(1) brightness(100);

}

.banner .swiper-slide {

  cursor: pointer;

}

.banner .swiper-slide .img img {

  width: 100%;

}

.banner .swiper-slide video {

  width: 100%;

  object-fit: cover;

}

@media screen and (max-width: 768px) {

  .banner .swiper-slide video {

    height: 100%;

  }

}

.banner .swiper-slide .video-play {

  position: absolute;

  inset: 0;

  margin: auto;

  width: 100px;

  height: 100px;

  opacity: 0.6;

  cursor: pointer;

  z-index: 10;

}

.banner .swiper-button-prev {

  left: 60px;

}

.banner .swiper-button-next {

  right: 60px;

}

.banner .swiper-button-prev,

.banner .swiper-button-next {width: 58px;height: 58px;background: rgb(229 1 18 / 80%);border-radius: 50%;margin: 10px 0;transition: all 0.5s;}

.banner .swiper-button-prev::after,

.banner .swiper-button-next::after {

  opacity: 0.3;

  color: #fff;

  font-size: 16px;

}

.banner .swiper-button-prev:hover,

.banner .swiper-button-next:hover {

  opacity: 1;

  background: #e50112;

  border: none;

}

.banner .swiper-button-prev:hover::after,

.banner .swiper-button-next:hover::after {

  opacity: 1;

}

.banner .swiper-slide.swiper-slide-active .sub,

.banner .swiper-slide.swiper-slide-active .title,

.banner .swiper-slide.swiper-slide-active .summary,

.banner .swiper-slide.swiper-slide-active .more,

.banner .swiper-slide.swiper-slide-active .img,

.banner .swiper-slide.swiper-slide-active .line {

  transform: translateY(0);

  opacity: 1;

}

.banner .swiper-pagination {

  bottom: 30px !important;

  max-width: 1600px;

  width: 90% !important;

  left: 0;

  right: 0;

  margin: auto;

}

.banner .swiper-pagination-bullet {

  width: 40px;

  height: 8px;

  position: relative;

  border-radius: 20px;

  background: #bababa;

  opacity: 1;

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: var(--dominant-color);

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

  opacity: 1;

}

.index-title {

  text-align: center;

  margin-bottom: 40px;

}

.index-title .title {font-size: 50px;color: #000;line-height: 1;font-family: PangMenZhengDao;}

.index-title .title span {

  color: var(--dominant-color);

  font-family: PangMenZhengDao;

}

.index-title .sub {

  font-size: 20px;

  color: #666;

  line-height: 1.6;

  margin: 10px auto 20px;

}

.index-title .sub span {

  color: var(--dominant-color);

}

.index-title .line {

  background: var(--dominant-color);

  width: 50px;

  height: 6px;

  margin: auto;

}

.index-box1 {padding: 80px 0;background: url("http://www.mohaogg.com/themes/pc/public/static2/css/../image/bg01.jpg") repeat center 0;}

.index-box1 .index-box1-box {

  display: flex;

  justify-content: space-between;

}

.index-box1 .index-box1-box .left {
  border-radius: 20px;
  overflow: hidden;

  flex-basis: calc(450 / 1400 * 100%);

}

.index-box1 .index-box1-box .left .item .imgBox {

  padding-bottom: calc(730 / 450 * 100%);

}

.index-box1 .index-box1-box .right {/* flex-basis: calc(925 / 1400 * 100%); */display: flex;justify-content: space-between;flex-wrap: wrap;height: auto;width: 100%;}

.index-box1 .index-box1-box .right .item {flex-basis: calc((100% - 25px) / 4);margin-bottom: 30px;}

.index-box1 .index-box1-box .right .item:nth-child(3),

.index-box1 .index-box1-box .right .item:nth-child(4) {/* margin-top: 30px; */}

.index-box1 .index-box1-box .item {/* border-radius: 20px; */overflow: hidden;position: relative;}

.index-box1 .index-box1-box .item .imgBox {height: 281px;border: #ccc 1px solid;}

.index-box1 .index-box1-box .item .imgBox img {position: absolute;}

.index-box1 .index-box1-box .item .text {position: relative;/* bottom: 30px; *//* left: 30px; *//* right: 30px; */color: #fff;z-index: 2;background: #a9a9a9;text-align: center;display: flex;justify-content: center;align-content: center;padding: 10px;align-items: center;}

.index-box1 .index-box1-box .item .text .title {font-size: 18px;/* font-weight: 600; */}

.index-box1 .index-box1-box .item .text .more {opacity: 0.6;padding: 10px;font-size: 14px;}

.index-box1 .index-box1-box .item::after {

  content: '';

  width: 100%;

  height: 40%;

  background: linear-gradient(to top, #e50112, rgba(186, 153, 84, 0.05));

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 1;

  border-radius: 0 0 20px 20px;

  opacity: 0;

  transition: all 0.5s;

}

.index-box1 .index-box1-box .item:hover::after {

  opacity: 1;

}

.index-box2 {padding: 80px 0;background: #ebecee;}

.index-box2 .index-box2-menu {

  display: flex;

  justify-content: center;

  margin-top: 60px;

  margin-bottom: 60px;

}

.index-box2 .index-box2-menu a {

  font-size: 18px;

  color: #505050;

  position: relative;

  margin-right: 30px;

  padding-right: 30px;

}

.index-box2 .index-box2-menu a:last-child {

  margin-right: 0;

  padding-right: 0;

}

.index-box2 .index-box2-menu a:last-child::after {

  display: none;

}

.index-box2 .index-box2-menu a:hover {

  text-decoration: underline;

}

.index-box2 .index-box2-menu a:after {

  content: '';

  width: 1px;

  height: 16px;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  position: absolute;

  background: #000;

  opacity: 0.1;

}

.index-box2 .index-box2-box {

  display: flex;

  justify-content: space-between;

}

.index-box2 .index-box2-box .left {flex-basis: 50%;/* max-width: 680px; */position: relative;cursor: pointer;}

.index-box2 .index-box2-box .left .video-click {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 1;

  width: 66px;

  height: 66px;

}

.index-box2 .index-box2-box .right {

  flex-basis: 48%;

}

.index-box2 .index-box2-box .right .sup {font-size: 50px;font-family: BEBAS;color: #999999;text-transform: uppercase;line-height: 1.4;}

.index-box2 .index-box2-box .right .sup span {

  color: var(--dominant-color);

  font-family: BEBAS;

}

.index-box2 .index-box2-box .right .title {font-size: 30px;font-weight: 600;margin-top: 20px;margin-bottom: 20px;}

.index-box2 .index-box2-box .right .summary {

  font-size: 16px;

  color: #333;

  line-height: 2;
   text-align:justify;

}


.index-box2 .index-box2-box .right .more{
    margin: 0 10px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e50112;
    padding: 10px 30px;
    cursor: pointer;
    transition: all 0.5s;
    font-size: 14px;
    width: 125px;
    color:#fff;
}

.index-box2 .index-box2-box .right .more a{
    color: #fff;
}


.index-box2 .index-box2-number {margin-top: 40px;display: flex;justify-content: space-between;}

.index-box2 .index-box2-number .item {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-box2 .index-box2-number .item .img {

  flex-basis: 60px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.index-box2 .index-box2-number .item .text {

  margin-left: 20px;

}

.index-box2 .index-box2-number .item .text .number {

  font-size: 16px;

  color: var(--dominant-color);

  position: relative;

  width: max-content;

}

.index-box2 .index-box2-number .item .text .number .add {

  position: absolute;

  right: 0;

  top: 0;

}

.index-box2 .index-box2-number .item .text .number span {

  font-size: 46px;

  font-family: BEBAS;

}

.index-box2 .index-box2-number .item .text .summary {

  width: max-content;

  font-size: 16px;

  color: #333;

}

.index-box3 {margin: 40px auto;}

.index-box3 .index-box3-tab {

  display: flex;

  justify-content: center;

  font-size: 18px;

  color: #fff;

}

.index-box3 .index-box3-tab .item {

  margin: 0 10px;

  border-radius: 25px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #999;

  padding: 10px 40px;

  cursor: pointer;

  transition: all 0.5s;

}

.index-box3 .index-box3-tab .item.active,

.index-box3 .index-box3-tab .item:hover {

  background: var(--dominant-color);

}

.index-box3 .index-box3-box {/* max-width: 1600px; */width: 90%;margin: 50px auto 0;position: relative;}

.index-box3 .index-box3-box .item {

  display: none;

  max-width: 1400px;

  margin: auto;

}

.index-box3 .index-box3-box .item.active {

  display: block;

}

.index-box3 .index-box3-box .swiper-button-prev,

.index-box3 .index-box3-box .swiper-button-next {

  width: 50px;

  height: 50px;

  border: 1px solid #333;

  border-radius: 50%;

  opacity: 0.5;

  transition: all 0.5s;

  z-index: 1;

}

.index-box3 .index-box3-box .swiper-button-prev::after,

.index-box3 .index-box3-box .swiper-button-next::after {

  color: #333;

  font-size: 16px;

  transition: all 0.5s;

}

.index-box3 .index-box3-box .swiper-button-prev:hover,

.index-box3 .index-box3-box .swiper-button-next:hover {

  background: var(--dominant-color);

  border-color: var(--dominant-color);

}

.index-box3 .index-box3-box .swiper-button-prev:hover::after,

.index-box3 .index-box3-box .swiper-button-next:hover::after {

  color: #fff;

}

.index-box4 {padding: 80px 0;background: #ebecee;}

.index-box4 .index-box4-box {

  display: flex;

  flex-wrap: wrap;

}

.index-box4 .index-box4-box .item  {
  /* 一行 9 个 = 宽度 1/9 ≈ 11.11% */
  flex-basis: 11.11%;
  /* 兼容老版本浏览器，确保宽度生效 */
  width: 11.11%;
  max-width: 11.11%;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px; /* 把 50px 改小，否则装不下 9 个 */
  flex-direction: column;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  box-sizing: border-box; /* 必须加，让边框不撑大宽度 */
}

.index-box4 .index-box4-box .item:nth-last-child{
    width: :100%;
    max-width: 100%;
}





.index-box4 .index-box4-box .item .number {

  position: absolute;

  top: 20px;

  left: 20px;

  font-size: 30px;

  color: #333;

  opacity: 0.1;

  font-family: BEBAS;

}

.index-box4 .index-box4-box .item .img {

  width: 100px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.index-box4 .index-box4-box .item .text {

  text-align: center;

  margin-top: 20px;

}

.index-box4 .index-box4-box .item .text .title {

  font-size: 18px;

  color: #777;

  margin-bottom: 10px;

  font-weight: 500;

}

.index-box4 .index-box4-box .item .text .summary {

  font-size: 16px;

  color: #666;

}

.index-box4 .index-box4-box .item:hover {

  background: var(--dominant-color);

}

.index-box4 .index-box4-box .item:hover .img img{filter: invert(1) brightness(200);}

.index-box4 .index-box4-box .item:hover .text .title {

  color: #fff;

}

.index-box4 .index-box4-box .item:hover .text .summary {

  color: #fff;

}

.index-box5 {padding: 40px 0 40px;display: none;}

.index-box5 .index-box5-box {

  display: flex;

  flex-wrap: wrap;

}

.index-box5 .index-box5-box .item {flex-basis: calc((100% - 80px) / 4);margin-right: 20px;position: relative;background: #000;overflow: hidden;cursor: pointer;}

.index-box5 .index-box5-box .item::after {

  content: '';

  width: 100%;

  height: 20%;

  position: absolute;

  bottom: 0;

  left: 0;

  background: linear-gradient(to top, #e50112, #dfb65f);

  transition: all 0.5s;

}

.index-box5 .index-box5-box .item:nth-child(5n) {

  margin-right: 0;

}

.index-box5 .index-box5-box .item .img {

  opacity: 1;

  transition: all 0.5s;

}

.index-box5 .index-box5-box .item .text {position: absolute;top: 0;left: 0;right: 0;display: flex;align-items: center;flex-direction: column;color: #fff;padding: 0px 20px;text-align: center;height: 100%;transform: translateY(70%);z-index: 1;transition: all 0.5s;}

.index-box5 .index-box5-box .item .text .small-img {

  width: 55px;

  height: 55px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  background: var(--dominant-color); min-height:55px;

}

.index-box5 .index-box5-box .item .text .title {

  font-size: 24px;

  font-weight: 600;

  margin-top: 10px;

  transition: all 0.5s;

}

.index-box5 .index-box5-box .item .text .line {

  width: 30px;

  height: 5px;

  background: #fff;

  margin: 20px auto;

  opacity: 0;

  transition: all 0.5s;min-height: 5px;

}

.index-box5 .index-box5-box .item .text .summary {font-size: 14px;line-height: 18px;transition: all 0.5s;opacity: 0;}

.index-box5 .index-box5-box .item .text .tip {

  font-size: 18px;

  font-weight: 600;

  transition: all 0.5s;

  opacity: 0;

}

.index-box5 .index-box5-box .item .text .tip span {

  color: var(--dominant-color);

  line-height: 2;

}

.index-box5 .index-box5-box .item:hover::after {

  bottom: -20%;

}

.index-box5 .index-box5-box .item:hover .img {

  opacity: 0.3;

}

.index-box5 .index-box5-box .item:hover .text {

  transform: translateY(10%);

}

.index-box5 .index-box5-box .item:hover .text .title {

  margin-top: 20px;

}

.index-box5 .index-box5-box .item:hover .text .summary {

  opacity: 1;

}

.index-box5 .index-box5-box .item:hover .text .line {

  opacity: 1;

}

.index-box5 .index-box5-box .item:hover .text .tip {

  opacity: 1;

}

.index-box6 {padding: 40px 0;}

.index-box6 .index-box6-box {

  display: flex;

  flex-wrap: wrap;

}

.index-box6 .index-box6-box .item {flex-basis: calc((100% - 15px) / 3);margin-right: 5px;margin-bottom: 45px;display: flex;padding: 20px;align-items: center;background: #fff;justify-content: space-between;}

.index-box6 .index-box6-box .item .icon {

  flex-basis: 90px;

  height: 90px;

  border-radius: 50%;

  background: linear-gradient(to top, #e50112, #dfb65f);

  display: flex;

  align-items: center;

  justify-content: center;

}

.index-box6 .index-box6-box .item .text {

  flex-basis: calc(100% - 110px);

}

.index-box6 .index-box6-box .item .text .title {

  font-size: 22px;

  margin-bottom: 6px;

  font-weight: 600;

}

.index-box6 .index-box6-box .item .text .summary {

  font-size: 14px;

  color: #666666;

}

.index-box6 .index-box6-box .item:nth-child(4n) {

  margin-right: 0;

}

.index-box7 {padding: 40px 0 40px;}

.index-box7 .index-box7-box {

  display: flex;

  justify-content: space-between;

}

.index-box7 .index-box7-box .left {

  flex-basis: 410px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.index-box7 .index-box7-box .left .item {

  flex-basis: 200px;

  border: 1px solid #eee;

  margin-bottom: 10px;

  cursor: pointer;

  position: relative;

  padding: 15px;

}
.index-box7 .index-box7-box .left .item a{ width:100%; height:100%; float:left;}
.index-box7 .index-box7-box .left .item .text {

  position: relative;

}

.index-box7 .index-box7-box .left .item .text .title {

  font-size: 18px;

  color: #333;

}

.index-box7 .index-box7-box .left .item .text .summary {

  font-size: 12px;

  color: #9f9f9f;

  text-transform: uppercase;

}

.index-box7 .index-box7-box .left .item .icon {

  width: 18px;

  height: 18px;

  border-radius: 50%;

  position: absolute;

  bottom: 15px;

  left: 15px;

  background: #969696;

  display: flex;

  justify-content: center;

  align-items: center;

}

.index-box7 .index-box7-box .left .item .icon img {

filter: invert(1) brightness(200)

}

.index-box7 .index-box7-box .left .item.active {

  background: var(--dominant-color);

}

.index-box7 .index-box7-box .left .item.active .text .title {

  color: #fff;

}

.index-box7 .index-box7-box .left .item.active .text .summary {

  color: rgba(255, 255, 255, 0.5);

}

.index-box7 .index-box7-box .left .item.active .icon {

  background: #fff;

}

.index-box7 .index-box7-box .left .item.active .icon img {

  filter: none;

}

.index-box7 .index-box7-box .left .item:nth-last-child(2),

.index-box7 .index-box7-box .left .item:nth-last-child(1) {

  margin-bottom: 0;

}

.index-box7 .index-box7-box .right {

  flex-basis: calc(100% - 430px);

}

.index-box7 .index-box7-box .right .item {

  display: none;

  position: relative;

}

.index-box7 .index-box7-box .right .item .imgBox {height: 710px;}

.index-box7 .index-box7-box .right .item .imgBox img {

  position: absolute;

}

.index-box7 .index-box7-box .right .item .text {position: absolute;color: #fff;padding: 30px 40px;line-height: 2;left: 0;bottom: 0;background: rgb(229 1 18 / 60%);font-size: 16px;}

.index-box7 .index-box7-box .right .item.active {

  display: block;

}

.index-box7 .parent {

  margin-top: 60px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  border: 1px solid #eee;

}

.index-box7 .parent .item {

  border-right: 1px solid #eee;

  flex-basis: calc(100% / 8);

}

.index-box7 .parent .item:last-child {

  border-right: none;

}

.index-box8 {padding: 80px 0;}

.index-box8 .index-box8-menu {

  display: flex;

  justify-content: center;

  font-size: 18px;

  color: #fff;

}

.index-box8 .index-box8-menu .item {

  margin: 0 10px;

  border-radius: 25px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #999;

  padding: 10px 40px;

  cursor: pointer;

  transition: all 0.5s;

}

.index-box8 .index-box8-menu .item.active,

.index-box8 .index-box8-menu .item:hover {

  background: var(--dominant-color);

}

.index-box8 .index-box8-box {

  display: flex;

  justify-content: space-between;

  margin-top: 60px;

}

.index-box8 .index-box8-box .left {

  flex-basis: calc(650 / 1400 * 100%);

}

.index-box8 .index-box8-box .right {

  flex-basis: calc(670 / 1400 * 100%);

  display: flex;

  justify-content: space-between;

  flex-direction: column;

}

.index-box8 .index-box8-box .item .imgBox {

  margin-bottom: 20px;

  height: 365px;

}

.index-box8 .index-box8-box .item .imgBox img {position: absolute;border: #ccc 1px solid;}

.index-box8 .index-box8-box .item .text {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-box8 .index-box8-box .item .text .time {

  width: 110px;

  height: 110px;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .time .day {

  font-size: 40px;

  font-family: BEBAS;

  color: #333;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .time .year {

  color: #666;

  font-family: BEBAS;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .text-box {

  flex-basis: calc(100% - 110px);

  padding-left: 20px;

}

.index-box8 .index-box8-box .item .text .text-box .title {

  font-size: 18px;

  color: #333;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .text-box .summary {

  color: #666;

  margin-top: 10px;

  line-height: 1.6;

}

.index-box8 .index-box8-box .item:hover .text .time {

  background: var(--dominant-color);

}

.index-box8 .index-box8-box .item:hover .text .time .day {

  color: #fff;

}

.index-box8 .index-box8-box .item:hover .text .time .year {

  color: #fff;

}

.index-box8 .index-box8-box .item:hover .text .text-box .title {

  color: var(--dominant-color);

}

















.index-box14 {padding: 80px 0;background: #ebecee;}

.index-box14 .index-box4-box {

  display: flex;

  flex-wrap: wrap;

}

.index-box14 .index-box4-box .item  {

  flex-basis: 25%;

  background: #fff;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 50px;

  flex-direction: column;

  border-right: 1px solid #eee;

  border-bottom: 1px solid #eee;

  cursor: pointer;

}




.index-box14 .index-box4-box .item .number {

  position: absolute;

  top: 20px;

  left: 20px;

  font-size: 30px;

  color: #333;

  opacity: 0.1;

  font-family: BEBAS;

}

.index-box14 .index-box4-box .item .img {

  width: 100px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.index-box14 .index-box4-box .item .text {text-align: center;margin-top: 10px;}

.index-box14 .index-box4-box .item .text .title {

  font-size: 22px;

  color: #000;

  margin-bottom: 10px;

  font-weight: 600;

}

.index-box14 .index-box4-box .item .text .summary {

  font-size: 16px;

  color: #666;

}

.index-box14 .index-box4-box .item:hover {

  background: var(--dominant-color);

}

.index-box14 .index-box4-box .item:hover .img {

filter: invert(1) brightness(200)

}

.index-box14 .index-box4-box .item:hover .text .title {color: #fff;font-size: 18px;}

.index-box14 .index-box4-box .item:hover .text .summary {

  color: #fff;

}












/*page*/

/*内页分类*/

.page-menu {

  height: 80px;

  background: #fff;

  position: relative;

  z-index: 1;

  border-bottom: 1px solid #e5e5e5;

}

.page-menu .phone-click {

  display: none;

}

@media screen and (max-width: 768px) {

  .page-menu .phone-click {

    display: block;

    background: var(--dominant-color);

    color: #fff;

    font-size: 14px;

    height: 50px;

    line-height: 50px;

    text-align: center;

  }

}

.page-menu .menu-box {/* max-width: 1500px; */width: 100%;margin: auto;display: flex;justify-content: space-between;height: 100%;}

.page-menu .menu-box .item {

  display: flex;

  height: 100%;

  flex-basis: 100%;

  justify-content: center;

  align-items: center;

  font-size: 18px;

  transition: all 0.5s;

  margin-right: 1px;

}

.page-menu .menu-box .item:last-child {

  margin-right: 0;

}

.page-menu .menu-box .item a {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #333;

}

.page-menu .menu-box .item.active,

.page-menu .menu-box .item:hover {

  background: var(--dominant-color);

}

.page-menu .menu-box .item.active a,

.page-menu .menu-box .item:hover a {

  color: #fff;

}

#map1 {

  width: 100%;

  height: 400px;

  z-index: 0;

}

#tip {

  height: 30px;

  background-color: #fff;

  padding-left: 10px;

  padding-right: 10px;

  position: absolute;

  font-size: 12px;

  right: 10px;

  bottom: 20px;

  border-radius: 3px;

  line-height: 30px;

  border: 1px solid #ccc;

}

div.info-top {

  position: relative;

  background: none repeat scroll 0 0 #F9F9F9;

  border-bottom: 1px solid #CCC;

  border-radius: 5px 5px 0 0;

}

div.info-top div {

  display: inline-block;

  color: #333333;

  font-size: 14px;

  font-weight: bold;

  line-height: 31px;

  padding: 0 10px;

  text-align: left;

}

div.info-top img {

  position: absolute;

  top: 10px;

  right: 10px;

  transition-duration: 0.25s;

}

div.info-top img:hover {

  box-shadow: 0px 0px 5px #000;

}

div.info-middle {

  font-size: 12px;

  padding: 10px;

  line-height: 21px;

  text-align: left;

}

div.info-bottom {

  height: 0px;

  width: 100%;

  clear: both;

  text-align: center;

}

div.info-bottom img {

  position: relative;

  z-index: 104;

}

.footer .footer-top {display: flex;justify-content: space-between;padding: 30px 0;flex-wrap: wrap;}

.footer .footer-top .item .item-title {

  font-size: 20px;

  color: #fff;

  transition: all 0.5s;

}

.footer .footer-top .item .line {

  width: 50px;

  height: 1px;

  background: rgba(255, 255, 255, 0.2);

  margin-top: 20px;

  margin-bottom: 20px;

}

.footer .footer-top .item .item-box a {display: block;transition: all 0.5s;margin-bottom: 10px;color: #cdcdcd;}

.footer .footer-top .item .item-box a:hover {

  color: #fff;

}

.footer .footer-top .item .item-box .item-list {

  font-size: 16px;

  display: flex;

  margin-bottom: 10px;

  align-items: center;

}

.footer .footer-top .item .item-box .item-list .item-icon {

  width: 20px;

  height: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 10px;

}

.footer .footer-top .item .item-box .item-list span {

  opacity: 0.5;

}

.footer .footer-top .footer-menu {

  flex-basis: 50%;

  display: flex;

  justify-content: space-between;

  max-width: 650px;

}

.footer .footer-top .footer-menu a {

  color: #cdcdcd;

  font-size: 16px;

}

.footer .footer-top .footer-contact .tel {display: flex;align-items: center;color: var(--dominant-color);font-size: 24px;margin-bottom: 15px;font-family: BEBAS;letter-spacing: 1px;}

.footer .footer-top .footer-contact .tel .icon {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: var(--dominant-color);border-radius: 50%;margin-right: 20px;}

.footer .footer-top .footer-contact .text {

  color: #fff;

}

.footer .footer-top .footer-contact .text .title {

  font-size: 22px;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 20px;

}

.footer .footer-top .footer-contact .text .summary .item {

  background-repeat: no-repeat;

  background-position: left center;

  font-size: 14px;

  color: rgba(255, 255, 255, 0.7);

  padding: 10px 0 10px 40px;

}

.footer .footer-top .footer-wechat {

  display: flex;

  justify-content: space-between;

  flex-basis: 150px;

}

.footer .footer-top .footer-wechat .item {

  flex-basis: calc((100% - 0px) / 1);

  color: #9e9e9e;

  text-align: center;

}

.footer .footer-top .footer-wechat .item img {

  margin-bottom: 10px;

}

.footer .footer-bottom {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  padding: 40px 0 40px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.footer .footer-bottom .copy-right,

.footer .footer-bottom a {

  color: #999;

  font-size: 14px;

  line-height: 1.6;

}

.footer .footer-code{
    color: #999;
}

.footer .footer-bottom .footer-code .code {

  display: flex;

  justify-content: flex-end;

}

.footer .footer-bottom .footer-code .code .item {

  position: relative;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.5s;

}

.footer .footer-bottom .footer-code .code .item.active {

  color: #333;

}

.footer .footer-bottom .footer-code .code .item:hover {

  background: var(--dominant-color);

}

.footer .footer-bottom .footer-code .code .item .item-icon {

  width: 20px;

  height: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.footer .footer-bottom .footer-code .code .item .item-icon:hover {

  filter: brightness(100);

}

.footer .footer-bottom .footer-code .code .item .item-icon:hover ~ .item-code {

  display: flex;

}

.footer .footer-bottom .footer-code .code .item .item-code {

  position: absolute;

  width: 70px;

  height: 70px;

  background: #fff;

  padding: 3px;

  border-radius: 6px;

  bottom: 40px;

  left: 50%;

  margin-left: -35px;

  display: none;

  justify-content: center;

  align-items: center;

}

.footer .footer-bottom .footer-code .code .item .item-code img {

  width: 100%;

}

.footer .footer-bottom .footer-code .code .item .item-code::after {

  content: '';

  width: 10px;

  height: 5px;

  position: absolute;

  bottom: -5px;

  left: 0;

  right: 0;

  margin: auto;

}

.footer .footer-bottom .copy-right a {

  transition: all 0.5s;

}

.footer .footer-bottom .copy-right a:hover {

  text-decoration: underline;

}

/*响应式*/

@media screen and (max-width: 1900px) {

  header .section {

    padding-left: 0;

  }

  header .section .header-box .search-box {width: 16%;}

}

@media screen and (max-width: 1600px) {

  .banner .swiper-slide .text .title {

    font-size: 56px;

  }

  .index-title .title {font-size: 40px;}

  .index-box2 .index-box2-box .right .sup {font-size: 40px;}

  header .section .header-box .logo .logo-text {

    font-size: 16px;

  }

  header .section .header-box .search-box .top-tel {font-size: 1.2rem;}

  header .section .header-box .search-box {width: 16%;}

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {padding: 0 8px;}

  .footer .footer-top .footer-wechat {

    flex-basis: 200px;

  }

}

@media screen and (max-width: 1440px) {

  header .section .header-box .search-box .search {

    width: 60px;

  }

  header .section .header-box .search-box {width: 18%;}

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {

    font-size: 16px;

  }

  header .section .header-box .logo img {width: 12%;height:auto;}

  .index-box5 .index-box5-box .item .text .title {

    font-size: 20px;

  }

}

@media screen and (max-width: 1366px) {

  .index-box2 .index-box2-box .right .sup {

    font-size: 36px;

  }

  .index-box2 .index-box2-box .right .title {

    font-size: 32px;

  }

  .index-box6 .index-box6-box .item {

    flex-basis: calc((100% - 20px) / 2);

    margin-right: 20px;

  }

  .index-box6 .index-box6-box .item:nth-child(3n) {

    margin-right: 20px;

  }

  .index-box6 .index-box6-box .item:nth-child(2n) {

    margin-right: 0;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .title {

    font-size: 16px;

  }

}

@media screen and (max-width: 1280px) {

  .index-box2 .index-box2-box .right .sup br {

    display: none;

  }

  header .section .header-box .search-box .top-tel {display: block;}

  header .section .header-box .search-box {width: 20%;}

  .index-box5 .index-box5-box .item .text {

    padding: 10px;

    transform: translateY(65%);

  }

  .index-box5 .index-box5-box .item:hover .text {

    transform: translateY(10%);

  }

  .index-box5 .index-box5-box .item .text .tip {

    font-size: 16px;

  }

  .footer-contact {

    flex-basis: 380px;

  }

  .footer .footer-top .footer-menu {

    flex-basis: calc(100% - 380px);

  }

}

@media screen and (max-width: 1080px) {

  header .section .header-box .logo .logo-text {

    display: none;

  }

}

@media screen and (max-width: 1024px) {

.header{
    height: 60px;
}

.bannerbox{
    padding-top: 60px;
}
.n_box{
    padding: 5px;
    padding-bottom: 0px;
}


/* 新闻详情页 - 手机端适配 */
  /* 取消最小宽度，避免横向滚动 */
  .news_detail_bg {
    min-width: 100% !important;
  }

  /* 左侧内容宽度100%，内边距缩小 */
  .mod1469 .news_detail_d {
    width: 100% !important;
    padding: 20px 15px !important;
    box-sizing: border-box !important;
  }

  /* 标题字号缩小 */
  .mod1469 .news_detail_name {
    font-size: 20px !important;
    line-height: 32px !important;
  }

  /* 右侧热门推荐 变成100%宽度 */
  .mod1469 .news_detail_r {
    width: 100% !important;
    margin-top: 20px !important;
    display: none;
  }

  /* 上下翻页按钮排版正常 */
  .mod1469 .news_detail_next a {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
  }

  /* 标签栏正常 */
  .mod1469 .news_detail_tag span,
  .mod1469 .news_detail_tag a {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  /* 列表文字正常 */
  .mod1469 .news_detail_hot ul li {
    height: auto !important;
    line-height: 24px !important;
    padding: 10px 0 !important;
  }


/* 产品详情页 - 手机端适配 */
  /* 图片 + 文字 从上到下排列，各占100%宽度 */
  .mod1061 .pro_detail_img,
  .mod1061 .pro_detail_txt {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
  }

  /* 产品标题文字缩小 */
  .mod1061 .pro_detail_name {
    font-size: 18px !important;
    line-height: 30px !important;
    padding: 10px 0 !important;
  }

  /* 产品介绍内容内边距缩小 */
  .mod1061 .pro_content_con {
    padding: 20px 15px !important;
  }

  /* 相关推荐：一行1个，不重叠 */
  .mod1061 .pro_detail_recommend ul li {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 15px !important;
  }
  
  /* 电话、微信排版自动适应 */
  .mod1061 .pro_detail_txt .tel,
  .mod1061 .pro_detail_txt .weixin {
    margin-left: 0 !important;
    text-align: center !important;
    float: none !important;
  }


  /* 表单容器内边距缩小 */
  .mod1059 .feedback_form {
    padding: 20px 15px !important;
  }

  /* 所有表单项 一行1个 */
  .mod1059 .feedback_form li {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    line-height: 45px !important;
  }

  /* 验证码栏恢复正常 */
  .mod1059 .feedback_form li.yzma {
    width: 100% !important;
    margin-left: 0 !important;
  }

  /* 输入框高度正常化 */
  .mod1059 .wbf-input {
    height: 45px !important;
    padding: 0 15px !important;
  }

  /* 按钮居中、宽度自适应 */
  .mod1059 input.button.btn_message {
    width: 48%;
    padding: 0;
  }



.mod1468 .news_d_list {
    width: 100%;
    margin: 0 auto;
}
.mod1468 .news_list_box {
    border: #dedede solid 1px;
    overflow: hidden;
    padding: 5px !important;
    margin-bottom: 20px;
}
.mod1468 .news_list_box:hover {
    border: #e50112 solid 1px;
    padding: 5px;
}
.mod1468 .news_list_img {
    width: 100% !important;
    float: left;
    font-size: 0;
}

.mod1468 .news_list_img img {
    max-width: 100%;
    display: table-cell;
}
.mod1468 .news_list_content{
    width: 100% !important;
    float: left;
    padding: 0 10px 0 10px !important;
    box-sizing: border-box;
}

.mod1468 .news_list_box .news_content_title{ 
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #333;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.mod1468 .news_list_box:hover .news_content_title{
    color: #e50112;
}
.mod1468 .news_list_box .news_content_txt {
    font-weight: normal;
    line-height:28px;font-size: 15px;
    margin-top: 5px;
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.mod1468 .news_list_box .news_content_more {
    margin-top: 25px;
    width: 134px;
    height: 40px;
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
    background: #f5f5f5;
}
.mod1468 .news_list_box:hover .news_content_more {
    background: #e50112;
    border-color: #e50112;
    color: #fff;
}
.mod1468 .news_content_time {
    float:left;
    padding-top: 35px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
}

.mod1491 .protemptwo{width:100%; display:flex;flex-wrap:wrap;}
.mod1491 .protemptwo li{
    width: 48% !important;
    height: 168px !important;
    box-shadow:0px 0px 10px #eee;
    transition: all .5s ease;
    position:relative;
    margin:0 2% 2% 0;
    display: block;
    float: left;
}
.mod1491 .protemptwo li:nth-of-type(4n){
    margin-right: 0;
}
.mod1491 .protemppic{overflow:hidden;position:relative;height: 114px !important;}
.mod1491 .protemppic img{width: 100% !important;transition:all .5s ease;height: 100% !important;object-fit: contain;}
.mod1491 .protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 3%;}
.mod1491 .protemptitl{position:relative;}
.mod1491 .protemptitl a:after,.mod1491 .protemptitl:before,.mod1491 .protemppic a:after{content:''; display:block; position:absolute;}
.mod1491 .protemptitl a:after{ width:18px; height:18px; border-radius:50%; right:20px; top:22px; background: url("http://test.fsbszg.com/themes/pc/public/static2/css/__TMPL__/public/static/image/KxQoOZAi8Ycke5SHyu2qPSij7uendcWXkTi5lHU9r7Dcz0WUhRAQXpTc8u6AK_PkTiEG_kskeVejtuMMZiSH7qLiCQcW77W4glU6RCHZZjbrjweyVzJd4XsEp4hyLxF8.png") no-repeat top center;}
.mod1491 .protemptitl:before{ width:100%; height:0px; bottom:0px; left:0px; background:#e50112; transition:all 0.5s ease;}
.mod1491 .protemppic a:after{ width:100%; height:0px; background: linear-gradient(to bottom, rgba(0,0,0,0.3), transparent);top:0px; left:0px; transition:all 0.5s ease;}
.mod1491 .protemptwo ul{
    display: block;width: 100%;
}
.mod1491 .protemptwo li:hover .protemppic a:after{ height:100%;}
.mod1491 .protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.mod1491 .protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.mod1491 .protemptwo li:hover .protemptitl a{ color:#fff;}
.mod1491 .protemptwo li:hover .protemppic img{ transform:scale(1.2)}








/* 手机端：1列垂直排列 */

  .mod1551 .n_contact_d {
    grid-template-columns: 1fr !important;
  }

  /* 地图从 3列通栏 改为 1列通栏 */
  .mod1551 .n_contact_d .n_contact_map {
    grid-column: 1 / 2 !important;
    min-height: auto;
  }

  /* 三个盒子全部恢复正常宽度，不偏移、不拉伸 */
  .mod1551 .n_contact_d .n_contact_txt,
  .mod1551 .n_contact_d .n_contact_w {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 20px 5% !important;
  }




 





    .mod1010 .flip_pages { margin-top:20px; text-align: center; line-height:22px;}
	.mod1010 .flip_pages span{ border:1px solid #ddd; padding:0 6px; margin-right:5px; display:flex; height:38px;align-items:center;padding:0px 16px; }
	.mod1010 .flip_pages select{height:24px; vertical-align: initial;}





.pro_class{
    height: auto;
    width: 100%;
    line-height: 70px;
    text-align: center;
    margin-bottom: 30px;
    float: left;
}
.pro_class li{
     width: 33.3% !important;
     background: #eee;
     color: #333;
     float: left;
}
.pro_class li:nth-of-type(2n){
    background: #f5f5f5;
}
.pro_class li a{
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 46px;
}
.pro_class .on a{
    background: #e50112;color: #fff;
}
.pro_class:After{
    display: block;content: "";clear: both;
}
    .pro_class li{
         width: 33.3% !important;
     }  


.index-box14 .index-box4-box .item{
    width: 50%;
    max-width: 50%;
    padding: 5px;
    flex-basis: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.index-box14 .index-box4-box .item .text{}

.index-box14 .index-box4-box .item .text .title{
    font-size: 18px;
}

.index-box14 .index-box4-box .item .text .summary{
    font-size: 12px;
}

.imgDiv{
    height: 130px;
}

.index-box1 .index-box1-box .item .imgBox{
    height: 120px;
}

.index-box1, .index-box2, .index-box3, .index-box4, .index-box14, .index-box8{
    padding: 40px 0;
}

  .index-box1 .index-box1-box,

  .index-box2 .index-box2-box {

    flex-direction: column;

  }

  .index-box1 .index-box1-box .left {

    margin-bottom: 30px;

  }

  .index-box1 .index-box1-box .item .text .title {

    font-size: 20px;

  }

  .index-box2 .index-box2-box .left {

    max-width: 100%;

    margin-bottom: 30px;

  }

  .index-box2 .index-box2-box .left img {

    width: 100%;

  }

  .index-box2 .index-box2-number {

    flex-wrap: wrap;

  }

  .index-box2 .index-box2-number .item {

    flex-basis: 50%;

    justify-content: flex-start;

    margin-bottom: 30px;

  }

  .index-box4 .index-box4-box .item {

    flex-basis: 50%;

  }

  .index-box5 .index-box5-box .item {

    flex-basis: calc((100% - 20px) / 2);

    margin-bottom: 30px;

  }

  .index-box5 .index-box5-box .item:nth-child(2n) {

    margin-right: 0;

  }

  .index-box5 .index-box5-box .item img {

    width: 100%;

  }

  .index-box5 .index-box5-box .item .text .small-img img {

    max-width: 100%;

    width: auto;

  }

  .index-box7 .index-box7-box {

    flex-direction: column;

  }

  .index-box7 .index-box7-box .left .item:nth-last-child(2),

  .index-box7 .index-box7-box .left .item:nth-last-child(1) {

    margin-bottom: 20px;

  }

  .index-box7 .index-box7-box .left .item {

    flex-basis: calc((100% - 60px) / 4);

    margin-bottom: 20px;

  }

  .index-box8 .index-box8-box {

    flex-direction: column;

  }

  .index-box8 .index-box8-box .item {

    margin-bottom: 20px;

  }

  .index-box8 .index-box8-box .left {

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #eee;

  }

  .banner {

    margin-top: 60px;

  }

  .banner .swiper-pagination {

    bottom: 10px !important;

  }

  .banner .swiper-pagination-bullet {

    width: 20px;

    height: 4px;

  }

  .banner .swiper-button-prev,

  .banner .swiper-button-next {

    width: 40px;

    height: 40px;

    margin: auto;

  }

  .banner .swiper-button-prev {

    left: 10px;

  }

  .banner .swiper-button-next {

    right: 10px;

  }

  header .section {padding-left: 0px;padding-right: 0px;}

  header .section .header-box .logo .logo-text {display: contents;}

  header .section .header-box .search-box {

    display: none;

  }

  header .section .header-box .logo img {width: 12%;/* height:auto; */}

  /*header*/

  header .header-menu {height: 60px !important;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.01);background: #fff !important;width: 100%;}

  header.active .phone-line {

    background: #000000 !important;

  }

  header.active .phone-line::before {

    background: #000 !important;

  }

  header.active .phone-line::after {

    background: #000 !important;

  }

  header.active .phone-click.active .phone-line {

    background: rgba(255, 255, 255, 0) !important;

  }

  header.active .phone-click.active .phone-line::before {

    background: #000 !important;

  }

  header.active .phone-click.active .phone-line::after {

    background: #000 !important;

  }

  header#member-header .logo {

    position: inherit;

    margin-left: 0;

  }

  header .section .header-box .logo {max-width: 100%;margin-left: 0;filter: none !important;width: 100%;font-size: 20px;}

  header .section .header-box .menu-box {display: flex;align-items: center;width: 10%;margin: 0px;}

  header .section .header-box .menu-box .phone-click {

    cursor: pointer;

    width: 22px;

    height: 16px;

    display: flex;

    align-items: center;

    position: relative;

  }

  header .section .header-box .menu-box .phone-click .phone-line {

    height: 2px;

    background: #000;

    width: 100%;

    transition: all 0.5s;

    overflow: hidden;

  }

  header .section .header-box .menu-box .phone-click .phone-line::before,

  header .section .header-box .menu-box .phone-click .phone-line::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background: #000;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click .phone-line::before {

    top: 0;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click .phone-line::after {

    bottom: 0;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click.active .phone-line {

    background: rgba(255, 255, 255, 0);

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click.active .phone-line::before {

    margin: auto;

    transition: all 0.5s;

    transform: translateY(7px) rotate(45deg);

  }

  header .section .header-box .menu-box .phone-click.active .phone-line::after {

    margin: auto;

    transition: all 0.5s;

    transform: translateY(-7px) rotate(-45deg);

  }

  header .section .header-box .menu-box .menu-list {display: none;position: absolute;width: 100%;background: #000c;top: 66px;height: 100vh;z-index: 10;left: 0;margin-left: 0;flex-direction: column;align-items: flex-start;justify-content: flex-start;padding-top: 0px;}

  header .section .header-box .menu-box .menu-list .firstItem {

    height: auto;

    width: 100%;

    border-bottom: 1px solid #eee;

    display: block;

    position: relative !important;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    height: 50px;

    width: 92.5%;

    margin-left: 5%;

    padding: 0;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {color: #fff;font-size: 16px;display: block;width: 100%;}

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a:hover {

    color: #2a2a2a;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i {

    width: 50px;

    height: 50px;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    cursor: pointer;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i.active {

    transform: rotate(45deg);

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::before {

    content: '';

    width: 16px;

    position: absolute;

    height: 2px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    background: #000;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::after {

    content: '';

    height: 16px;

    position: absolute;

    width: 2px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    background: #000;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {

    display: none;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box {

    top: 0 !important;

    border-top: none;

    box-shadow: none;

    position: relative;

    left: 0;

    font-size: 12px;

    transform: translateX(0);

    width: 92.5%;

    margin-left: 5%;

    margin-bottom: 20px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

    margin-top: 0;

    padding: 10px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

    left: 20px;

    right: auto;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box a {

    text-align: left;

    margin-bottom: 10px;

  }

  header .section .header-box .menu-box .menu-list-phone {

    background: #fff;

    border-top: 1px solid #e5e5e5;

    position: absolute;

    height: 100vh;

    left: 0;

    width: 100%;

    top: 50px;

    padding: 20px;

    display: none;

    z-index: 10;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-list-box {

    display: flex;

    justify-content: space-between;

    height: 100%;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside {

    border-right: 1px solid #e1e3e6;

    height: 100%;

    overflow: hidden;

    width: 120px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item {

    margin-bottom: 30px;

    position: relative;

    padding-left: 10px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item a {

    display: block;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item.active::after {

    content: '';

    width: 4px;

    height: 15px;

    background: var(--dominant-color);

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    position: absolute;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content {

    flex: auto;

    width: calc(100% - 120px);

    padding: 0 10px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content {

    display: none;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content.active {

    display: block;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list {

    display: flex;

    flex-wrap: wrap;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item {

    width: 50%;

    padding: 0 20px;

    margin-bottom: 20px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .title {

    font-size: 12px;

    color: #666;

    text-align: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .summary {

    font-size: 12px;

    text-align: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .imgBox {

    height: auto;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-img {

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-title {

    text-align: center;

    font-size: 12px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .second-item-support-link a {

    display: block;

    color: #666;

    font-size: 12px;

    margin-top: 10px;

  }

  header .section .header-box .menu-box .menu-list .firstItem:last-child span {

    display: inline-block;

  }

  header .section .header-box .menu-box .menu-list .firstItem:last-child img {

    display: none;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list {

    flex-wrap: wrap;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list {

    flex-basis: 50%;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .img {

    display: none;

  }

  .footer .footer-top .footer-menu {

    display: none;

  }

}

@media screen and (max-width: 768px) {

  .index-title .title {font-size: 30px;}

  .index-title .sub {

    font-size: 14px;

    margin: 5px auto 10px;

  }

  .index-box1 .index-box1-box .left {

    margin-bottom: 0;

  }

  .index-box1 .index-box1-box .right .item {flex-basis: calc((100% - 20px) / 2);margin: 0px 0;}

  .index-box2 .index-box2-menu {

    flex-wrap: wrap;

    margin: 30px auto;

  }

  .index-box2 .index-box2-menu a {

    flex-basis: calc(80% / 3);

    font-size: 16px;

    margin-right: 5%;

    padding-right: 5%;

    margin-bottom: 20px;

  }

  .index-box2 .index-box2-menu a:nth-child(3n) {

    margin-right: 0;

    padding-right: 0;

  }

  .index-box2 .index-box2-menu a:nth-child(3n)::after {

    display: none;

  }

  .index-box2 .index-box2-box .right .sup {

    font-size: 24px;

  }

  .index-box2 .index-box2-box .right .title {

    font-size: 20px;

    margin-top: 6px;

    margin-bottom: 4px;

  }

  .index-box2 .index-box2-box .right .summary {

    font-size: 14px;

  }

  .index-box2 .index-box2-number .item {

    margin-bottom: 40px;

  }

  .index-box2 .index-box2-number .item .img {

    flex-basis: 40px;

    height: 40px;

  }

  .index-box2 .index-box2-number .item .img img {

    width: 100%;

  }

  .index-box2 .index-box2-number .item .text .number span {

    font-size: 24px;

  }

  .index-box2 .index-box2-number .item .text .summary {

    font-size: 14px;

  }

  .index-box3 .index-box3-tab {

    font-size: 14px;

  }

  .index-box3 .index-box3-tab .item {

    margin: 0 4px;

    padding: 10px 20px;

  }

  .index-box4 .index-box4-box .item {flex-basis: 50%;padding: 5px;width: 33%;max-width: 33%;}

  .index-box4 .index-box4-box .item .text .title {font-size: 14px;margin-bottom: 5px;}

  .index-box4 .index-box4-box .item .text .summary {

    font-size: 14px;

  }

  .index-box5 .index-box5-box .item {flex-basis: calc((100% - 10px) / 2);margin-right: 10px;}
.index-box5 .index-box5-box .item:nth-child(5){

	flex-basis:100%;
	margin-right: 0;


  }

  .index-box5 .index-box5-box .item .text {transform: translateY(16%);}
  .index-box5 .index-box5-box .item .text .summary {
    font-size: 13px;
    line-height: 1.48;}
	.index-box5 .index-box5-box .item .text .line {

    margin: 10px auto;}

  .index-box6 .index-box6-box .item {

    flex-basis: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

  .index-box6 .index-box6-box .item .text .title {

    font-size: 16px;

  }

  .index-box7 .index-box7-box .left .item {

    flex-shrink: 0;

    flex-basis: 200px;

    padding-bottom: 50px;

  }

  .index-box7 .index-box7-box .left {

    flex-wrap: nowrap;

    flex-basis: auto;

    overflow: auto;

    margin-bottom: 30px;

  }

  .index-box7 .parent .item {

    flex-basis: 50%;

    border-bottom: 1px solid #eee;

  }

  .index-box7 .index-box7-box .left .item.active .text .title {

    font-size: 14px;

  }

  .index-box7 .index-box7-box .right .item .text {

    font-size: 14px;

    line-height: 1.6;

    padding: 20px;

  }

  .index-box8 .index-box8-menu {

    font-size: 14px;

  }

  .index-box8 .index-box8-menu .item {

    margin: 0 4px;

    padding: 10px 20px;

  }
  
  .index-box8 .index-box8-box .item .text .text-box{
    padding-left: 0px;
    height: auto;
}

  .index-box8 .index-box8-box .item .text .text-box .title {font-size: 16px;}
  
  .index-box8 .index-box8-box .item .text .text-box .summary{
    font-size: 12px;
    line-height: 18px;
}

  .footer .footer-top {

    flex-direction: column;

  }

  .footer .footer-top .footer-menu {

    display: none;

  }

  .footer .footer-top .footer-wechat {

    margin-top: 30px;

    justify-content: flex-start;

    flex-basis: auto;

  }

  .footer .footer-top .footer-wechat .item {

    margin-right: 20px;

    flex-basis: 30%;

  }

  .footer .footer-bottom {

    flex-direction: column;

    align-items: flex-start;

  }

  .footer-contact {

    flex-basis: auto;

  }

  .banner .swiper-slide .text .sub {

    font-size: 15px;

  }
.banner .swiper-slide .img img{width: 100%;max-width: 100%;/* margin-left:-24%!important; */}
.swiper-backface-hidden .swiper-slide{overflow:hidden!important;}
.swiper-button-prev, .swiper-button-next{top:44%!important;}

  .banner .swiper-slide .text .title {

    font-size: 20px;

    margin: 10px 0;

  }

  .banner .swiper-slide .text .img {

    width: 200px;

    display: none;

  }

  .banner .swiper-slide .text .line {

    height: 3px;

    margin-bottom: 10px;

  }

  .banner .swiper-slide .text .summary {

    font-size: 12px;

  }

  .page-menu {

    height: auto;

    background: none;

    box-shadow: none;

  }

  .page-menu .menu-box {

    display: none;

    flex-wrap: wrap;

    justify-content: flex-start;

    width: 100%;

  }

  .page-menu .menu-box::-webkit-scrollbar:horizontal {

    height: 0;

  }

  .page-menu .menu-box .item a {

    padding: 10px;

  }

  .page-menu .menu-box .item {

    height: 40px;

    font-size: 14px;

    flex-shrink: 0;

  }

}

.index-case-list {
  width: 100%;
  max-width: 1440px;
  padding: 0 20px;
	display:table;
	margin-top:40px;
  margin:40px auto;
}
.index-case-list li {
	width:32.5%;
	float:left;
	margin-right:1.25%;
	margin-bottom:20px;
}
.index-case-list li:nth-child(3n) {
	margin-right:0;
}
.index-case-list li:hover {
	box-shadow:0 0 15px 1px rgba(0,0,0,.1);
}
.index-case-list li .img {
	width:100%;
	overflow:hidden;
	height: auto;
	padding-bottom: 64.615%;
	position: relative;
	float: left;
}
.index-case-list li .img  img {
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
    width: 112%;
    height:auto;
    transition:all .5s ease;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute;
}
.index-case-list li:hover .img img {
    -webkit-transform:  scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform:  scale(1.05);
    transform:  scale(1.05);
    max-width: 108%;
    transition: all .5s ease;
}
.index-case-list li .tbox {
	width:100%;
	box-sizing:border-box;
	border:1px solid #ebebeb;
	border-top:none;
	padding: 0px 20px 0;
	float: left;
}
.index-case-list li .tbox .title {
	width:100%;
	position:relative;
	line-height:36px;
}
.index-case-list li .tbox .title .t1 {
	font-size:16px;
	font-weight:bold;
	color:#222;
}
.index-case-list li .tbox .title .t2 {
	font-size:14px;
	color: #888;
}
.index-case-list li .tbox .title {
	width:100%;
	/* border-top:1px solid #e3e3e3; */
	margin: 5px 0;
	font-size:14px;
	color:#666;
	line-height:36px;
	padding:7px;
	background:url(https://www.zybxg360.com/template/index/img/link1.png) right center no-repeat;
	transition:all ease .3s;
}
.index-case-list li:hover .tbox .title {
	background:url(https://www.zybxg360.com/template/index/img/link2.png) right center no-repeat;
}
.videos {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
}
#video {
    width:100%!important;
}
.videos_tcfw1{
    width: 90%!important;
    max-width: 640px;
    position: absolute;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
}
.vclose {
    position: absolute;
    right:-26px;
    top:-26px;
    border-radius: 100%;
    cursor: pointer;
}

.ui-sidebar{position:fixed;right:0;bottom:16%;z-index:998;}
.ui-sidebar ul{list-style:none;box-shadow:0px 0px 30px rgba(0,0,0,0.1);border-radius:20px 0 0 20px;}
.ui-sidebar ul li{color:#333;margin-BOTTOM:1px;position:relative;z-index:200;}
.ui-sidebar ul li a{color:#e50112;display:block;width:50px;line-height:45px;text-align:center;background: #e50112c2;height:50px;padding-top: 10px;font-size:15px;}
.ui-sidebar ul li div{position:absolute;right:-100px;top:2px;border:1px solid #d9d9d9;box-shadow:0px 0px 30px rgba(0,0,0,0.1);background:#fff;font-size:15px;color:#333;border-radius:4px;padding:10px;line-height:40px;opacity:0;min-width:120px;transition:all .5s ease;text-align:center;z-index:-1;white-space:nowrap;}
.ui-sidebar ul li div:after{content:" ";position:absolute;width:.5rem;height:.5rem;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;right:-.3rem;top:50%;transform:translateY(-50%) rotate(-225deg);}
.ui-sidebar ul li a:hover{color:#fff;background:#e50112;border-color:#e50112;border-bottom-color:#fff;}
.ui-sidebar ul li:hover div{opacity:1;right:60px;}
.ui-sidebar ul li.active a{color:#fff;display:block;width:50px;line-height:45px;text-align:center;background:#1890FF;border:1px solid #e50112;}
 .g_fnva{position:fixed;z-index:100;bottom:0;width:100%;max-width:768px;min-width:320px;background: #454545;height: 50px;line-height: 50px;display:none}
    .m-f01 li{float: left;color: #fff;width: 33.33%;text-transform: uppercase;padding-left: 10%;position: relative;border-right: 1px solid rgb(255 255 255 / 30%);box-sizing:border-box;}
        .m-f01 li em{    position: absolute;
    left: 8%;
    top: 12px;
    width: 27px;
    height: 27px;}
        .m-f01 li img{width: 100%;display: block;}
        .m-f01 a{ color:#fff;display:block;font-size: 14px;}
@media screen and (max-width: 768px) {
  .index-box1 .index-box1-box .left .item .imgBox {
    padding-bottom:calc(730 / 450 * 40%) ;
  }

  .index-box1 .index-box1-box .item .text .title {
    font-size: 14px;
  }
  .index-box1 .index-box1-box .item .text {
    /* left: 20px; */
    bottom: 20px;
  }
  .index-box7 .index-box7-box .right .item .imgBox {
    height: 300px;
  }

  .index-box8 .index-box8-box .item .imgBox {
    height: 200px;
  }

  .banText {
    top: 25%;
  }

  .newsDl dt {
    height: 150px;
  }
  .proPg-hd .proPg-rt,.proPg-hd .proPg-lt {
    width: 100% !important;
  }

  .index-case-list li {
    width: 48.75%;
  }
  .index-case-list li:nth-child(3n) {
    margin-right: 1.25%;
  }
  .index-case-list li:nth-child(2n) {
    margin-right: 1.25%;
  }

  .index-box5 .index-box5-box .item .text .title {
    font-size: 14px;
  }
.ui-sidebar{ display:none}
 .g_fnva{ display: block}
 .footer .footer-bottom{ padding:20px 0 66px 0}
}