@font-face {
    font-family: 'geoslab703_md_btmedium';
    src: url('../font/geo703m-webfont.eot');
    src: url('../font/geo703m-webfont.eot') format('embedded-opentype'),
         url('../font/geo703m-webfont.woff2') format('woff2'),
         url('../font/geo703m-webfont.woff') format('woff'),
         url('../font/geo703m-webfont.ttf') format('truetype'),
         url('../font/geo703m-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 设置默认字体 */ 
body, button, input, select, textarea {
    font-family: "Microsoft YaHei","simsun","Arail";
    font-size: 14px;
    outline:none;
    color:#828282 ;
    position:relative;
}
ul,ol{padding:0;margin-bottom:0px;}
li{list-style:none;}
.fl{float: left}
.fr{float: right}
/*公共样式开始-------------*/
    /*头部*/

.menu{width:100%;overflow:hidden;height:80px;}
.menu ul{position:relative;float:left;left:50%;}
.menu ul li {
    position: relative;
    float: left;
    left: -50%;
    margin: 0 9px;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    margin-top: 30px;
    cursor: pointer;
}
.menu ul li div{padding-bottom:10px;}
.menu ul li a,.menu ul li a:hover{color:#666666;}
.menu ul li i{width: 100%; height: 1px;display: block;
-webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
    background:#e00013;
-moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
  } 
.menu ul li:hover i,.menu ul li.cur i{
  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}

@media (min-width: 768px){
  .menu{height:120px;}
  .menu ul li{margin:0 20px;margin-top:45px;}
}
@media (min-width:992px) {
  .menu{height:120px;}
  .menu ul li{margin:0 20px;margin-top:60px;}
}


.web-build-one-desc article p {
    min-height: 22px;
    line-height: 26px;
    font-size: 16px;
    color: #9a9a9a;
    margin-bottom: 10px;
}


@media (max-width:992px){
  .menu ul li div{padding-bottom:2px;}
  .menu {
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .menu ul li {
    margin: 0 17px;
  }
}

@media (max-width:544px){
  .menu {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .menu ul li {
    margin: 0 7px;
    font-size: 12px;
  }
}


/*QQ在线客服*/
/*.QQ_s{width:135px;height:102px;position:fixed;right:10px;top:100px;z-index:9999999}
.QQ_y{width:135px;overflow:hidden;overflow:hidden;height:102px}
.QQ_x{width:135px;height:295px;overflow:hidden;background:url(../images/qq_s_03.png) no-repeat;display:none;padding-top:110px}
.qq_i{width:84px;height:30px;overflow:hidden;overflow:hidden;background:url(../images/qq_s_i_03.jpg) no-repeat;display:block;margin:0 auto;color:#fff;line-height:220%;text-indent:28px;font-size:13px;margin-bottom:5px}
.qq_i:hover{color:#fff}*/


.gf-logo h1{width: 146px;height: 50px;margin-top:30px;margin-bottom:5px;position: absolute; top:0; left: 4%;z-index: 2;}
.gf-logo h1 img{ height:120px}
.gf-logo h1 a:focus {
    outline: none;
}

/*------------------------------- 侧边栏 -------------------------------------*/
.aside-nav {
    position: fixed;
    right: 7px;
    top: 50%;
    transform:translateY(-50%);
    z-index: 10000;
}
.aside-nav-close {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    line-height: 52px;
    background: #e75c1e;
    border-radius: 50%;
    text-align: center;
    visibility: visible;
    cursor: pointer;
}
.aside-nav-in.close {
    transform: translateX(100px);
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one {
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    height:54px;
    width:54px;
    line-height: 52px;
    text-align: right;
}

.aside-nav-one-img {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 54px;
    height: 54px;
    text-align: center;
    transition: .3s;
}
.aside-nav-one-img img{
    width: 22px;
}
.more-width:hover .aside-nav-one-img {
    left: -73px;
}
.more-width-call:hover .aside-nav-one-img {
    left: -102px;
}
.aside-nav-one-desc {
    position: absolute;
    right: 0;
    padding-right: 16px;
    width: 54px;
    height: 54px;
    font-size: 14px;
    line-height: 52px;
    background: #0c254c;
    color: #e00012;
    border-radius: 50px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .3s, color .1s;
}

.aside-nav-one-desc .qq-name{
    display: inline-block;
    margin-right: 15px;
}

.aside-nav-one-desc .qq-name i{
  width: 22px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.aside-nav-one-desc .qq-name span{
  font-size: 14px;
  color: #e00012;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}

.qq-name-box{
    position: absolute;
    right: 0px;
}
.more-width:hover .aside-nav-one-desc {
    width: 125px;
    color: #fff;
    transition: .3s;
}
.more-width-call:hover .aside-nav-one-desc {
    width: 156px;
}

.more-width-qq:hover .aside-nav-one-desc {
    width: 281px;
}

.more-width-qq:hover .aside-nav-one-desc span{
    transition:.3s .1s;
    color: #fff;
}

.more-width-qq:hover .aside-nav-one-img{
    left: -223px;
}

.aside-nav-one-qrcode {
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
    left: -140px;
    opacity: 1;
    visibility: visible;
}

/*------------------------------- 侧边栏end -------------------------------------*/



.bs-one-desc-2 h3 p {
    color: #ffffff!important;
}

.bs-one-desc-2 h3::after {
    content: '';
    position: absolute;
    left: 2px;
    bottom: -20px;
    width: 24px;
    height: 2px;
    background: #ffffff!important;
}


.bs-one-desc-2 .desc p {
    color: #ffffff!important;
}








.gf-pnav{height:60px;margin-top: 30px;padding-right: 4%;top: 0;right: 0; z-index:1111;}
.gf-pnav a {
    color: #fff;
    z-index: 2;
    font-size: 15px;
    margin-top: 21px;
    margin-left: 20px;
    overflow: hidden;
    display: inline-block;
}
.gf-pnav a:focus {
    outline: none;
}

.gf-pnav .dddf {position: relative
  
}
.gf-pnav .dddf::after {
        content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}




.gf-pnav a i{width: 100%; height: 1px;margin-top:10px; display: block;
-webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
        background:#ffffff;
-moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
} 
.gf-pnav a:hover i{
    -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}
.gf-header .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}
.gf-state{border-bottom: 1px solid #dedede; }

.neirong{display: none;} 

/*手机菜单样式开始-----------*/
.buttonset {
    position:absolute;right:4%;top:15px;z-index:1000;
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -moz-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-tap-highlight-color: transparent;
    
}
.nav-moblie {
    width: 25px;
    height:35px;
    position: relative;
    cursor: pointer;
    display: table;
    -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    
}
.nav-moblie a {
    background-color: #fff;
    display: block;
    height: 2px;
    margin-top:16px;
    position: relative;
    top: 50%;
    width: 100%;
    -moz-border-radius:2px;
         border-radius:2px;
    
    -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    
    -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.nav-moblie a:after,
.nav-moblie a:before {
    background-color: #fff;
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    -moz-border-radius:2px;
         border-radius:2px;
    content:'';
    -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie a:after { 
    top: 8px;
    width: 80%;
}
.nav-moblie a:before { 
    left: auto;
    right: 0;
    top: -8px;
    width: 70%;
}
.nav-moblie a:focus{
    outline:none;
}
.buttonset.on{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
         transform: rotate(90deg);
}
.buttonset.on .nav-moblie a:after,.buttonset.on .nav-moblie a:before{
    width: 100%;

 transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -o-transition: -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -moz-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    top:0;
    
}
.buttonset.on .nav-moblie a:before{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
}
.buttonset.on .nav-moblie a{
    background: rgba(0, 0, 0, 0);
}
.buttonset.on .nav-moblie a:after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
         transform: rotate(45deg);
}

.neirong { display: block; position: fixed;width:100%; top: 0; z-index: 1000; /*left: -163px;*/overflow-y: auto; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.neirong .neirong-bd{
  padding-bottom: 20px;
  padding-top: 65px;
  padding-left: 17px;
  padding-right: 17px;
  visibility: hidden;
}
.neirong a {display: block; height:47px; line-height: 47px; color:#f2f2f2; font-size: 16px; border-bottom: 1px solid #333;
-moz-transition: all .35s ease-out;
  -o-transition: all .35s ease-out;
     transition: all .35s ease-out;}
.neirong a:hover{background:#1f1f1f;color:#fff;}
.content{ left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.neirong-on{left: 0;}
.body-on{position: relative;overflow: hidden;}
.html-on{overflow: hidden;}
.neirong-close {
    display: none;
    width: 30px;
    height: 24px;
    background: url(../image/nav_close.png) no-repeat 7px center;
    position: absolute;
    top: 20px;
    right: 4%;
    visibility: hidden;
}
.neirong.neirong-hide{
  background-color:rgba(0,0,0,.8); height:0;
    -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
      -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
         transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{
  background-color:#000; height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide a{opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
.neirong.neirong-show a{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
     -o-transform: none;
        transform: none;}
.neirong a:nth-of-type(2){ -moz-transition-delay: 300ms,300ms; -o-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -moz-transition-delay: 350ms,350ms; -o-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -moz-transition-delay: 400ms,400ms; -o-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -moz-transition-delay: 450ms,450ms; -o-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -moz-transition-delay: 500ms,500ms; -o-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -moz-transition-delay: 550ms,550ms; -o-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -moz-transition-delay: 600ms,600ms; -o-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -moz-transition-delay: 650ms,650ms; -o-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -moz-transition-delay: 700ms,700ms; -o-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -moz-transition-delay: 750ms,750ms; -o-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}

/*手机版头部*/
.buttonset .show{ 
    background-color: rgba(0,0,0,.8);
 -moz-transition: all .3s;
   -o-transition: all .3s;
      transition: all .3s;}
.buttonset-black .buttonpush{background:url("/skin/images/button_black.png") no-repeat center;}
.buttonset-black .buttonpush.show{background: rgba(0,0,0,.8) url("/skin/images/buttonset.png") no-repeat center;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}

.ctrl-more {
  border: 1px solid #ccc;
  margin: 0 auto;
  width: 46px;
  height: 46px;
  line-height: 50px;
  font-size: 0;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: .45s;
}
.ctrl-more:hover {
  background: #e00012;
  border: 1px solid #e00012;
}
.ctrl-more i {
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
  width: 4px;
  height: 4px;
  background: #e0e0e0;
  border-radius: 50%;
  transition: .45s;
}
.ctrl-more:hover i {
  background: #fff;
}
        
footer {
  background: #232323;
}
.footer-in {
  margin: 0 auto;
  width: 1400px;
}
.footer-l {
  display: inline-block;
  padding-top: 85px;
  vertical-align: top;
}
.footer-l ul li {
  float: left;
  margin-right: 80px;
}
.footer-l ul li:last-child {
  margin-right: 0px;
}
.footer-l dl {
  margin: 0;
  /*height: 57px;*/
}
.footer-l dt {
  margin-bottom: 25px;
}
.footer-l dt a {
  padding-bottom: 4px;
  font-size: 14px;
  color: #c1c1c1;
}
.footer-l dd {
}
.footer-l dd a {
  line-height: 32px;
  font-size: 14px;
  color: #7a7a7a;
  transition: .3s;
}
.footer-l dd a:hover {
  color: #c1c1c1;
}

.footer-r {
  display: inline-block;
  float: right;
  margin-top: 73px;
  vertical-align: top;
}
.f-share {
  font-size: 0;
  text-align: right;
}
.f-share-one {
  position: relative;
  display: inline-block;
  border: 1px solid #838383;
  margin-right: 40px;
  width: 44px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  cursor: pointer;
  transition: .5s;
}
.f-share:hover .f-share-one {
  opacity: .2;
}
.f-share .f-share-one:hover {
  opacity: 1;
}
.f-share-one:last-child {
  margin-right: 0;
}
.fs-one-qrcode {
  position: absolute;
  bottom: 65px;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%) translateY(20px);
  padding: 7px;
  background: rgba(255, 255, 255, .1);
  opacity: 0;
  visibility: hidden;
  transition: .35s .05s;
}
.f-share-one:hover .fs-one-qrcode {
  transform: translateX(-50%) translateY(0px);
  opacity: 1;
  visibility: visible;
}
.f-belongs {
  padding-top: 28px;
  /*border-top: 1px solid #373737;*/
  margin-top: 35px;
}
.f-belongs-one {
  line-height: 32px;
  font-size: 14px;
  color: #7a7a7a;
  text-align: right;
}

.copyright {
  position: relative;
  padding-top: 35px;
  padding-bottom: 35px;
  margin-top: 32px;
}
.copyright::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #363636;
}
.copyright-l {
  display: inline-block;
  width: calc(100% - 360px);
  font-size: 0;
}
.copyright-r,
.copyright-l,
.copyright-l h2,
.copyright-l > ul,
.copyright-l > ul > li {
  display: inline-block;
  vertical-align: top;
}
.copyright-l > ul {
  width: calc(100% - 70px);
}
.copyright-l h2 {
  position: relative;
  top: 0px;
  margin: 0;
  margin-right: 10px;
  /*line-height: 21px;*/
  line-height: 16px;
  font-size: 12px;
  color: #515151;
}
.copyright-l > ul > li {
  margin-right: 5px;
  font-size: 12px;
}
.copyright-l > ul > li a {
  color: #515151;
  transition: .3s;
}
.copyright-l > ul > li a:hover {
  color: #c1c1c1;
}

.copyright-r {
  float: right;
  font-size: 12px;
  color: #515151;
}

.about-desc {
  padding-top: 148px;
  padding-bottom: 135px;
  text-align: center;
}
.about-desc h2 {
  position: relative;
  margin: 0;
  margin-bottom: 78px;
  line-height: 42px;
  font-size: 28px;
  color: #464646;
}
.about-desc h2::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -38px;
  width: 28px;
  height: 3px;
  background: #d51b32;
}
.about-desc p.desc {
  margin: 0;
  line-height: 35px;
  font-size: 14px;
}

.about-desc.letmove h2,
.about-desc.letmove p.desc {
  transform: translateY(40px);
  transition: transform .8s .0s, opacity .8s .0s;
  opacity: 0;
}
.about-desc.letmove p.desc {
  transform: translateY(50px);
  transition: transform .8s .1s, opacity .8s .1s;
}
.about-desc.move h2,
.about-desc.move p.desc {
  transform: translateY(0);
  opacity: 1;
}

/*fixed头部样式*/
.navbar-fixed {
   
    
    background: rgb(255 255 255 / 71%);
    /*background: transparent;*/
  
    width: 100%;
    z-index: 999;
       position: absolute;
    -moz-transition: all .5s .1s ease;
    -o-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
}


.logo a img {
    width: 140px;
}


.logo{padding:11.5px 0;}
.right_menu a {
    display: inline-block;
    padding-top: 52px;
    margin-left: 40px;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
}
.right_menu a:focus,
.logo a:focus {
    outline: none;
}
.right_menu i{width: 100%; height: 1px;margin-top:10px; display: block;
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);background:#e00013;
-moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
} 
.right_menu a:hover i{
    -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}
.navbar-fixed.show{opacity:1;top:0px;}
.navbar-fixed .buttonset{top:10px;}
.navbar-fixed .nav-moblie a,.navbar-fixed .nav-moblie a:before,.navbar-fixed .nav-moblie a:after{background-color:#666666;}
@media(max-width:768px){
    .navbar-fixed{height:50px;top:-50px;}
    .logo img{width:120px;height:40px;}
    .logo{padding:5px 0;}
}

/*banner图样式*/
.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.banner picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
       -moz-animation: banner_inside 20s ease 1 forwards;
         -o-animation: banner_inside 20s ease 1 forwards;
            animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.banner_txt{text-align:center;position: absolute;top: 55%;z-index: 9;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); width: 100%;}
.banner_txt1{font-size:24px;width:100%;font-weight:bold;text-align:center;left:0;color:#fff;
    -webkit-animation: fadeInUp4 1.4s .4s ease both;
    -o-animation: fadeInUp4 1.4s .4s ease both;
       animation: fadeInUp4 1.4s .4s ease both;
    -moz-animation: fadeInUp4 1.4s .4s ease both;
}
.banner_txt2{width:90%;margin:0 auto;font-size:14px;line-height:24px;color:#ffffff;margin-top:15px;-webkit-animation:fadeInUp5 1.4s .8s ease both;
    -o-animation:fadeInUp5 1.4s .8s ease both;
   animation:fadeInUp5 1.4s .8s ease both;
    -moz-animation:fadeInUp5 1.4s .8s ease both;
}

/*.btn-circle*/
.btn-circle {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*.btn-circle:active {
    transform: translateY(1px);
}*/
.btn-circle-hover,
.btn-circle-click {
    position: absolute;
    z-index: -2;
    display: block;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    width: 0;
    height: 0;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background: #e00012;
}
.btn-circle-hover {
    opacity: 0;
}
.btn-circle-click {
    /*background: #99000c;*/
    background: #ee9d84;
}



/*product*/
.product {
  margin-bottom: 45px;
}
.product_txt{margin-top:100px;margin-bottom:65px;text-align:center;color:#777777;}
.product_txt1{font-size:45px;font-weight:bold;margin-bottom:40px;}
.product_txt2{font-size:16px;}
.case_list {margin-top:0}
.more_button{position:relative;overflow:hidden; z-index:1;width:48px;height:48px;border:1px solid #d1d1d1;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto;
  font-size: 12px;
    -o-transition: all 1.7s ease;
    -moz-transition: all 1.7s ease;
    transition: all 1.7s ease;
    -webkit-mask-image: radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
}
.more_button:focus{outline:none;}
.more_button:hover {
    background: #e00012;
    color: #fff;
    border: 1px solid #e00012;
}
.more_button i {
  display: block; 
  -webkit-transform: scale(0);  
     -moz-transform: scale(0);  
       -o-transform: scale(0);  
          transform: scale(0);
  width: 100%;
  height: 100%;
    background: -moz-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: -o-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    opacity: 0;
    -o-transition: 1.2s, opacity 1.8s;
    -moz-transition: 1.2s, opacity 1.8s;
    transition: 1.2s, opacity 1.8s;
    -moz-border-radius: 50%;
         border-radius: 50%;
}
.more_button:hover i {
  -webkit-transform: scale(10);
     -moz-transform: scale(10);
       -o-transform: scale(10);
          transform: scale(10);
    opacity: 1;
    -o-transition: 3s, opacity .3s;
    -moz-transition: 3s, opacity .3s;
    transition: 3s, opacity .3s;
}
.dot2 span,.dot1 span{position:absolute;color:#d1d1d1;left:50%;top:50%;
  -webkit-transform: translateX(-50%)translateY(-50%); 
    -moz-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
  -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
       animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
}
/*dot1*/
.dot1 span{
  color: #d1d1d1;
}
.dot1 span:nth-child(1){
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  left:30%;
}
.dot1 span:nth-child(2){
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  left:50%;
}
.dot1 span:nth-child(3){
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  left:70%;
}
.more_button:hover .dot1 span:nth-child(1){
  left: 120%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(2){
  left: 120%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(3){
  left: 120%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
  color: #fff;
}

/*dot2*/
.dot2 span:nth-child(1){
  left:-20%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(2){
  left:-20%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(3){
  left:-20%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
    color:#d1d1d1
}
.more_button:hover .dot2 span:nth-child(1){
  left:30%;
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot2 span:nth-child(2){
  left:50%;
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot2 span:nth-child(3){
  left:70%;
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  color: #fff;
}

@media (max-width: 1200px) {
  .banner {
    position: relative;
    height: 50vh;
  }
  .banner img.img-responsive {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    max-width: none;
    height: 100%;
    animation: none;
  }


  .copyright {
    text-align: center;
  }
  .copyright-l {
    display: none;
  }
  .copyright-r {
    float: none;
  }
  
  .footer-r {
    float: none;
    width: 100%;
  }
  .f-share {
    text-align: center;
  }
  .f-belongs-one {
    line-height: 26px;
    text-align: center;
  }
}

/*手机菜单样式结束*/
@media (max-width: 767px){
    .gf-pnav {display: none;}
    .gf-logo h1{margin-top:10px;}
    .gf-logo h1, .gf-logo h1 a {width: 117px;height: 40px;line-height: 40px;-moz-background-size:auto 40px;-o-background-size:auto 40px;background-size:auto 40px;}
}

@media(min-width:768px){
    .buttonset{display:none;}
}
@media(min-width:992px){
    .buttonset{display:none;}
    .gf-pnav a{margin-left:40px;}

  .m-totop,
  .f-footer {
    display: none;
  } 

  i.f-arrow {
    display: none;
  }
}

@media (max-width: 992px) {
  .m-totop {
    line-height: 52px;
    font-size: 16px;
    color: #606060;
    text-align: center;
    background: #000;
  }

  .footer-l {
    padding-top: 40px;
    width: 100%;
  }
  .footer-l ul li {
    margin-right: 0;
    /*margin-bottom: 8px;*/
    margin-bottom: 0;
    width: 100%;    
  }
  .footer-l dt {
    padding-bottom: 12px;
    border-bottom: 1px solid #373737;
    margin-bottom: 8px;
    line-height: normal;
    font-weight: normal;
  }
  i.f-arrow {
    display: inline-block;
    float: right;
    position: relative;
    top: 15px;
    height: 11px;
    /*margin-top: 6px;*/
    margin-right: 4px;
    vertical-align: top;
  }
  i.f-arrow img {
    width: 6px;
    vertical-align: top;
  }
  .footer-l dl,
  .footer-l dt,
  .footer-l dd {
    line-height: 1;
  }
  .footer-l dt a {
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: 3px;
    font-size: 17px;
    color: #6a6a6a;
    vertical-align: top;
  }
  .footer-l dd a {
    position: relative;
    top: -5px;
    line-height: 28px;
  }
  .footer-sub-menu {
    display: none;
    padding-left: 15px;
  }

  .footer-r {
    margin-top: 20px;
  }

  .f-belongs {
    padding-top: 20px;
    margin-top: 26px;
  }
  .copyright {
    padding-top: 26px;
    padding-bottom: 26px;
    margin-top: 22px;
  }
}

@media (min-width: 768px) {
  span.br-pc {
    display: block;
  }
  span.br-m {
    display: inline;
  }
}

@media (max-width: 1200px){
  .QQ_s{display: none}
}

@media (max-width: 768px){
    /*.banner> img{height:300px;width:auto;}*/  
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }  

  span.br-pc {
    display: inline;
  }
  span.br-m {
    display: block;
  }

  .banner {
      position: relative;
      height: auto;
  }

  .banner img.img-responsive {
    position: relative;
    left: 0;
    transform: translateX(0%);
    min-width: 0;
    width: 100%;
    max-width: none;
    animation: none;
  }
  
  .f-share {
    display: none;
  }
  .f-belongs-one {
    line-height: 28px;
    text-align: right;
  }
  .f-belongs {
    padding-top: 0;
    border-top: 0;
    margin-top: 0;
  }
  .f-belongs-one {
    font-size: 15px;
  }
  
  .product_txt {
    margin-top: 90px;
    margin-top: 1.2rem;
    margin-bottom: 55px;
    margin-bottom: 0.733333rem;
    text-align: left;
  }
  .product_txt1 {
    margin-bottom: 30px;
    margin-bottom: 0.4rem;
    line-height: 80px;
    line-height: 1.066667rem;
    font-size: 56px;
    font-size: 0.746667rem;
  }
  .product_txt2 {
    line-height: 42px;
    font-size: 24px;
  }

  .footer-l {
    padding-top: 40px;
  }
  .footer-r {
    margin-top: 27px;
  }

  .copyright {
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 31px;
  }
  .copyright .container {
    height: 16px;
  }
  .copyright-r {
    width: 100%;
    text-align: left;
  }
  .copyright-r span.cip-r {
    float: right;
  }
}
@media (min-width: 768px){
    .banner_txt{top:55%}
    .banner_txt1{font-size:36px;}
    .banner_txt2{font-size:22px;width:600px;margin-top:20px;line-height:30px;        letter-spacing: 2px;}
}
@media (min-width:992px) {
    .banner_txt{top:57%}
    .banner_txt1{font-size:40px;}
    .banner_txt2{width:800px;}
}
@media (min-width:1110px) {
    .banner_txt{top:55%}
}
@media (min-width:1200px) {
    .banner_txt1{font-size:45px;}
    .banner_txt2{width:800px;margin-top:25px;line-height:30px;}   
}
@media (min-width:1440px) {
    .banner_txt{top:55%}
    .banner_txt1{        font-size: 50px;
        letter-spacing: 2px;}
    .banner_txt2{margin-top:35px;line-height:35px;}
    
}
@media (min-width:1770px) {
    .banner_txt{top:50%}
    
}
@media (min-width: 768px) {
  .fix-nav-btm {
    display: none;
  }
}

@media (max-width: 768px) {
  html, body {
     /*height:100%;*/
     /*overflow: auto;*/
     /*overflow-x: hidden;*/
     /*margin: 0;*/
     /*transform: translate3d(0, 0, 0);*/
     /*-webkit-overflow-scrolling : touch;*/
  }
  
  footer {
    padding-bottom: 63px;
  }
  
  .aside-nav {display: none;}

  .fix-nav-btm-all {
  }
  .content,
  .fix-nav-btm {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 63px;
    background: #0c0c0c;
    /*overflow-x: hidden;*/
    /*transform: translate3d(0, 0, 0);*/
    /*-webkit-overflow-scrolling : touch;*/
  }
  .fix-nav-btm {
    top: auto;
    bottom: 0;
    z-index: 999;
    font-size: 0;
    text-align: center;
  }
  .fnb-one {
    display: inline-block;
    margin: 9px 5% 0;
    vertical-align: top;
  }
  .fnb-one-img {
    margin-bottom: 3px;
  }
  .fnb-one-img img {
    width: 28px;
  }
  .fnb-one-desc {
    font-size: 12px;
  }
  .fnb-one-desc img {
    position: relative;
    top: 0px;
    margin-left: 4px;
    width: 4px;
  }

  .prevnext-m {
    display: none;
  }

  .banner_txt {
    padding-right: 15px;
    padding-left: 15px;
  }
  .banner_txt1,
  .banner_txt2 {
    width: 100%;
    text-align: left;
  }
  .banner_txt1 {
    line-height: 80px;
    line-height: 1.066667rem;
    font-size: 56px;
    font-size: 0.746667rem;
  }
  .banner_txt2 {
    margin-top: 28px;
    margin-top: 0.373333rem;
    line-height: 42px;
    font-size: 24px;
    color: #bebebe;
  }
  
  .product {
    margin-bottom: 0;
  }

  .prevnext-m {
    display: table;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px dashed #888;
    margin-top: 80px;
    width: 100%;
  }
  a.prev-m,
  a.next-m {
    display: inline-block;
    float: left;
  }
  a.next-m {
    float: right;
  }
  a.prev-m i,
  a.next-m i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #e4e4e4;
    border-radius: 50%;
  }
  a.prev-m img,
  a.next-m img {
    width: 8px;
  }
  a.prev-m span,
  a.next-m span {
    display: inline-block;
    margin: 0 6px;
    position: relative;
    top: 4px;
    font-size: 14px;
    color: #515151;
  }

  
  .about-desc {
      padding: 60px 15px;
      text-align: left;
  }

  .about-desc h2 {
      margin-bottom: 50px;
      line-height: 28px;
      font-size: 18px;
  }

  .about-desc h2::after {
    left: 0;
      transform: translateX(0);
      bottom: -18px;
      width: 20px;
      height: 2px;
  }
  .about-desc p.desc {
      line-height: 30px;
  }
}

@media (max-width: 544px) {
  .banner{
    height: 100vh;
    height: calc(100vh - 126px);
    margin-top: 63px;
  }

  .banner_txt{
    top: 50%;
  }

  .banner_txt2 {
    line-height: 50px;
    line-height: 0.666667rem;
    font-size: 30px;
    font-size: 0.4rem;
    color: #bebebe;
  }

  .product_txt2 {
    line-height: 50px;
    line-height: 0.666667rem;
    font-size: 30px;
    font-size: 0.4rem;
  }


}


@font-face {
    font-family: gothic; 
    src: url('/skin/fonts/GOTHIC.TTF')
}
@font-face {
    font-family: gothicb; 
    src: url('../font/gothicb.ttf')
}
.pagebar{clear:both;margin:20px 0;text-align:center;}
.pagebar a:hover{color:#e22c07;}
.pagebar span a{color:#333;}
.page-status{border-radius:2px 0 0 2px;}
.page-last{border-radius:0 2px 2px 0;}
.page-index,.page-last,.page-next,.page-num,.page-pre,.page-status{display:inline-block;margin:0 -1px 5px 0;padding:0 15px;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;vertical-align:middle;font-size:12px;line-height:28px;}
.page-status{display:none;}
.page-num-current{border-top:none;border-bottom:none;background-color:#e22c07;color:#fff !important;}
a.page-num-current:hover{color:#fff;}

.news-edit img{ max-width:100% !important; height:auto !important}
#maximg img{ max-width:100% !important; height:auto !important}


.banner picture .img-responsive {
    width: 100%;
}



/* 底部容器样式 */
        .jy-footer {
            background-color: #333;
            color: #fff;
            padding: 40px 0 20px;
           
        }

        /* 底部内容容器 */
        .jy-footer-container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 30px;
        }

        /* 导航菜单区域 */
        .jy-footer-nav {
            flex: 1;
            min-width: 280px;
        }

        .jy-footer-nav h3 {
            font-size: 24px;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }

        .jy-footer-nav h3::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 2px;
            background-color: #00a8ff;
        }



.jy-footer-contact h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #e5e5e5;    top: 35px;
}


.jy-footer-contact h3{
   
    position: relative
    
}




        .jy-footer-nav ul {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .jy-footer-nav li {
            margin-bottom: 10px;
        }

        .jy-footer-nav a {
            color: #ccc;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }

        .jy-footer-nav a:hover {
            color: #00a8ff;
        }

        /* 联系信息区域 */
        .jy-footer-contact {
            flex: 1;
            min-width: 280px;
        }

        .jy-footer-contact .jy-contact-item {
            display: flex;
            align-items: center;
         
            font-size: 14px;
            color: #ccc;    margin-top: 23px;
        }

        .jy-footer-contact .jy-contact-item i {
            font-size: 16px;
            margin-right: 10px;
            color: #00a8ff;
        }

        /* 二维码区域（双二维码） */
        .jy-footer-qrcode-group {
            flex: 0 0 260px;
            display: flex;
            justify-content: space-around;
            align-items: center;margin-top: 20px;
        }

        .jy-footer-qrcode {
            text-align: center;
        }

        .jy-footer-qrcode img {
            width: 100px;
            height: 100px;
            border: 2px solid #fff;
            margin-bottom: 5px;
        }

        .jy-footer-qrcode p {
            font-size: 12px;
            color: #ccc;
        }

        /* 版权信息区域 */
        .jy-footer-copyright {
            width: 100%;
            text-align: center;
            padding-top: 20px;
            margin-top: 20px;
            border-top: 1px solid #444;
            font-size: 12px;
            color: #999;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .jy-footer-container {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .jy-footer-nav h3::after {
                left: 50%;
                transform: translateX(-50%);
            }

            .jy-footer-nav ul {
                justify-content: center;
            }

            .jy-footer-contact .jy-contact-item {
                justify-content: center;
            }

            .jy-footer-qrcode-group {
                flex: 0 0 100%;
                margin-top: 10px;
            }
        }



.jy-footer-copyright p a{
    color: #999;
}

   /* 适配官网容器样式 - 核心修改 */
    .container,
    .jy-nemkk-container {
      width: 100%;
      padding-left: 4%;
      padding-right: 4%;
      margin: 0 auto;
      max-width: none; /* 移除原有最大宽度限制，适配官网布局 */
    }

    /* 产品价值模块 - 类名jy-nemkk前缀 */
    .jy-nemkk-product-value {
      padding: 60px 0;
      background: #f8fafc; /* 淡色系背景 */
      color: #333;
    }
    .jy-nemkk-product-value h2 {
      font-size: clamp(22px, 3vw, 28px); /* 响应式字体大小 */
      font-weight: 700;
      margin-bottom: 40px;
      color: #0f172a;
      border-left: none; /* 移除左侧边框 */
      padding-left: 0;
      text-align: center; /* 标题居中 */
      position: relative;
    }
    /* 标题下方横线 */
    .jy-nemkk-product-value h2::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: #0ea5e9;
    }
    .jy-nemkk-value-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* 自适应列数 */
      gap: clamp(20px, 3vw, 30px); /* 响应式间距 */
    }
    .jy-nemkk-value-item {
      background: #fff;
      padding: clamp(20px, 3vw, 30px);
      border-radius: 12px;
      border: 1px solid #e0f2fe;
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .jy-nemkk-value-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    }
    .jy-nemkk-value-item i {
      font-size: clamp(28px, 4vw, 36px); /* 响应式图标大小 */
      color: #153463;
      margin-bottom: 20px;
      display: block;
    }
    .jy-nemkk-value-item h3 {
      font-size: clamp(16px, 2vw, 18px);
      font-weight: 600;
      margin-bottom: 15px;
      color: #0f172a;
    }
    .jy-nemkk-value-item p {
      color: #64748b;
      line-height: 1.6;
      font-size: clamp(14px, 1.5vw, 16px);
    }

    /* 产品介绍模块 */
    .jy-nemkk-product-intro {
      padding: clamp(50px, 8vw, 80px) 0; /* 响应式上下内边距 */
      background: #f8fafc;
    }
    .jy-nemkk-product-intro h2 {
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 700;
      margin-bottom: clamp(30px, 5vw, 50px);
      color: #0f172a;
      border-left: 5px solid #0ea5e9;
      padding-left: 20px;
      position: relative;
    }
    .jy-nemkk-product-intro h2::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 4%; /* 对齐官网容器padding */
      transform: translateY(-50%);
      width: 80%;
      height: 1px;
      background: linear-gradient(90deg, #0ea5e9, transparent);
    }

    /* 顶部介绍区 */
    .jy-nemkk-intro-header {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 自适应图文布局 */
      gap: clamp(20px, 4vw, 40px);
      margin-bottom: clamp(40px, 6vw, 60px);
      align-items: center;
    }
    .jy-nemkk-text-content p {
      font-size: clamp(14px, 1.8vw, 16px);
      line-height: 1.8;
      color: #334155;
      margin-bottom: 25px;
    }
    .jy-nemkk-text-content p:first-child {
      font-size: clamp(16px, 2vw, 18px);
      color: #1e293b;
      font-weight: 500;
    }

        /* 表格：自适应 + 修复悬浮窗被遮挡关键代码 */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 0 auto;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
            border-radius: 12px;
            /* 去掉 overflow: hidden，防止切掉悬浮窗 */
        }

        /* 给表格加外层容器，只负责圆角，不遮挡悬浮 */
        .table-container {
            position: relative;
            border-radius: 12px;
           
        }

        th, td {
            padding: 16px 14px;
            text-align: center;
            vertical-align: middle;
            border-right: 1px solid rgba(255, 255, 255, 0.25);
            border-bottom: 1px solid rgba(255, 255, 255, 0.25);
            line-height: 1.6;
            font-size: 15px;
            position: relative;
        }

        td:last-child, th:last-child {
            border-right: none;
        }

        thead th {
            background-color: #2d5daf;
            color: #fff;
            font-size: 17px;
            font-weight: bold;
            letter-spacing: 1px;
        }

        tbody td {
            background: linear-gradient(135deg, #4190e6, #3176c0);
            color: #ffffff;
        }

        tbody td:nth-child(1),
        tbody td:nth-child(3) {
            background: linear-gradient(135deg, #51b3ff, #10a1ff);
            font-weight: bold;
            font-size: 16px;
        }

        tbody td:nth-child(2),
        tbody td:nth-child(4) {
            text-align: left;
        }

        tbody tr:last-child td {
            border-bottom: none;
        }

        /* ===================== 特大号 立体悬浮窗 永远不被遮挡 ===================== */
        .jyhhgh {
            visibility: hidden;
            background: #fff;
            color: #333;
            border-radius: 18px;
            padding: 0;
            position: absolute;
            z-index: 99999; /* 超级顶层，不被任何元素遮挡 */
            bottom: 115%;
            left: 50%;
            transform: translateX(-50%);
            width: 580px;
            opacity: 0;
            transition: all 0.32s ease;
            box-shadow: 0 18px 45px rgba(0,0,0,0.35), 0 8px 20px rgba(0,0,0,0.15);
            overflow: hidden;
        }

        .jyhhgh-inner {
            display: flex;
            align-items: center;
            padding: 28px 26px;
        }

        .jyhhgh-img {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #51b3ff, #10a1ff);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 38px;
            margin-right: 24px;
            flex-shrink: 0;
        }

        .jyhhgh-text {
            flex: 1;
            font-size: 17px;
            line-height: 1.9;
            text-align: left;
            font-weight: 500;
        }

        td:hover .jyhhgh {
            visibility: visible;
            opacity: 1;
        }

        @media (max-width: 768px) {
            .table-container { border-radius: 8px; }
            table { box-shadow: none; }
            th, td { padding: 12px 8px; font-size: 14px; }
            .jyhhgh { width: 320px; }
            .jyhhgh-img { width: 60px; height: 60px; font-size: 28px; }
            .jyhhgh-inner { padding: 18px; }
        }



    .jy-nemkk-text-content span {
      color: #0ea5e9;
      font-weight: 600;
    }
    .jy-nemkk-img-content {
      border-radius: 16px;
     
      box-shadow: 0 10px 30px rgba(14, 165, 233, 0.15);
    }
    .jy-nemkk-img-content img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* 核心功能区 - 修改为固定4列 */
    .jy-nemkk-core-functions {
      margin-bottom: clamp(40px, 6vw, 60px);
    }
    .jy-nemkk-core-functions h3 {
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 600;
      color: #0f172a;
      margin-bottom: 30px;
      text-align: center;
      position: relative;
      padding-bottom: 15px;
    }
    /* 核心功能标题下方横线 */
    .jy-nemkk-core-functions h3::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: #0ea5e9;
    }
    /* 核心修改：固定4列布局，替代原有自适应 */
    .jy-nemkk-function-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr); /* 固定一排4个 */
      gap: clamp(15px, 2vw, 20px); /* 间距保持响应式 */
    }
    .jy-nemkk-function-item {
      background: #fff;
      border-radius: 12px;
      padding: clamp(15px, 3vw, 25px);
      text-align: center;
      border: 1px solid #e0f2fe;
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .jy-nemkk-function-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 15px rgba(14, 165, 233, 0.1);
    }
    /* 图标样式 */
    .jy-nemkk-function-item i {
      font-size: clamp(22px, 3vw, 28px);
      color: #153463;
      margin-bottom: 15px;
      display: block;
    }
    .jy-nemkk-function-item h4 {
      font-size: clamp(14px, 2vw, 16px);
      font-weight: 600;
      color: #000000;
      margin-bottom: 8px;
    }
    .jy-nemkk-function-item p {
      font-size: clamp(12px, 1.5vw, 14px);
      color: #64748b;
      line-height: 1.5;
    }

    /* 多终端展示区 */
    .jy-nemkk-multi-terminal {
      background: #f0f9ff; /* 淡色系背景 */
      border-radius: 16px;
      padding: clamp(30px, 5vw, 50px);
      margin-bottom: clamp(40px, 6vw, 60px);
      color: #333;
    }
    .jy-nemkk-multi-terminal h3 {
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 600;
      margin-bottom: 46px;
      text-align: center;
      color: #0f172a;
      position: relative;
      padding-bottom: 15px;
    }
    /* 多终端标题下方横线 */
    .jy-nemkk-multi-terminal h3::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: #0ea5e9;
    }
    .jy-nemkk-terminal-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: clamp(20px, 3vw, 30px);
      align-items: center;
    }
    .jy-nemkk-terminal-item {
      text-align: center;
    }
    .jy-nemkk-terminal-item img {
      border-radius: 8px;
      margin-bottom: 15px;
      border: 2px solid #0ea5e9;
      width: clamp(150px, 20vw, 200px); /* 响应式图片大小 */
      height: auto; /* 改为auto保持比例 */
      max-height: 150px;
      object-fit: cover;
    }
    .jy-nemkk-terminal-item p:first-of-type {
      font-size: clamp(14px, 2vw, 16px);
      font-weight: 500;
      margin-bottom: 5px;
      color: #0f172a;
    }
    .jy-nemkk-terminal-item p:last-of-type {
      font-size: clamp(12px, 1.5vw, 14px);
      color: #64748b;
    }
    .jy-nemkk-desc-text {
      font-size: clamp(14px, 1.8vw, 16px);
      line-height: 1.8;
      text-align: center;
      margin-top: 30px;
      color: #334155;
      padding: 0 2%; /* 移动端增加左右内边距 */
    }

    /* 数据分析模块 */
    .jy-nemkk-data-analysis {
      background: #fff;
      border-radius: 16px;
      padding: clamp(20px, 4vw, 40px);
      box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    }
    .jy-nemkk-analysis-content {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: clamp(20px, 4vw, 40px);
      align-items: center;
    }
    .jy-nemkk-img-box img {
      width: 100%;
      height: auto;
      border-radius: 12px;
    }
    .jy-nemkk-text-box h3 {
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 600;
      color: #0f172a;
      margin-bottom: 20px;
    }
    .jy-nemkk-text-box h3 i {
      color: #0ea5e9;
      margin-right: 10px;
    }
    .jy-nemkk-text-box p {
      font-size: clamp(14px, 1.8vw, 16px);
      line-height: 1.8;
      color: #334155;
      margin-bottom: 15px;
    }

    /* 产品版本与费用模块 */
    .jy-nemkk-product-price {
      padding: clamp(40px, 6vw, 60px) 0;
      background: #f0f9ff; /* 淡色系背景 */
      color: #333;
    }
    .jy-nemkk-product-price h2 {
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 700;
      margin-bottom: 40px;
      color: #0f172a;
      border-left: none;
      padding-left: 0;
      text-align: center; /* 文字居中 */
      position: relative;
      padding-bottom: 15px;
    }
    /* 产品版本标题下方横线 */
    .jy-nemkk-product-price h2::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: #0ea5e9;
    }
    .jy-nemkk-tip-box {
      background: #fff;
      padding: 20px;
      border-radius: 12px;
      margin-bottom: 30px;
      border: 1px solid #e0f2fe;
      text-align: center; /* 提示文字居中 */
    }
    .jy-nemkk-tip-box p {
      font-size: clamp(14px, 1.8vw, 16px);
      color: #64748b;
    }
    .jy-nemkk-tip-box i {
      color: #0ea5e9;
      margin-right: 8px;
    }
    .jy-nemkk-price-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: clamp(15px, 2vw, 20px);
    }
    .jy-nemkk-price-item {
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid #e0f2fe;
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      text-align: center; /* 版本内容居中 */
    }
    .jy-nemkk-price-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    }
    .jy-nemkk-price-item .jy-nemkk-title {
      padding: 20px;
      text-align: center;
      background: #0ea5e9;
      color: #fff;
    }
    .jy-nemkk-price-item .jy-nemkk-title h3 {
      font-size: clamp(18px, 2.5vw, 20px);
      font-weight: 600;
      margin: 0;
    }
    .jy-nemkk-price-item .jy-nemkk-content {
      padding: clamp(20px, 3vw, 30px);
    }
    .jy-nemkk-price-item .jy-nemkk-content p {
      color: #64748b;
      margin-bottom: 20px;
      text-align: center;
      font-size: clamp(14px, 1.8vw, 16px);
    }
    .jy-nemkk-price-item .jy-nemkk-price {
      margin: 20px 0;
      text-align: center;
    }
    .jy-nemkk-price-item .jy-nemkk-price span:first-child {
      font-size: clamp(24px, 3vw, 28px);
      font-weight: 700;
      color: #103061;
    }
    .jy-nemkk-price-item .jy-nemkk-price span:last-child {
      font-size: clamp(12px, 1.5vw, 14px);
      color: #64748b;
    }
    .jy-nemkk-price-item .jy-nemkk-user-count {
      border-top: 1px solid #e0f2fe;
      padding-top: 20px;
      margin-top: 20px;
      text-align: center;
    }
    .jy-nemkk-price-item .jy-nemkk-user-count p {
      color: #64748b;
      font-size: clamp(12px, 1.5vw, 14px);
      margin: 0;
    }
    .jy-nemkk-price-item .jy-nemkk-user-count i {
      color: #0ea5e9;
      margin-right: 8px;
    }
    /* 版本标题背景色区分 */
    .jy-nemkk-price-item:nth-child(1) .jy-nemkk-title {
      background: #153463;
    }
    .jy-nemkk-price-item:nth-child(2) .jy-nemkk-title {
      background: #103061;
    }
    .jy-nemkk-price-item:nth-child(3) .jy-nemkk-title {
      background: #153463;
    }

    /* 优化移动端适配 */
    @media (max-width: 768px) {
      .jy-nemkk-product-intro h2::after {
        width: 70%; /* 移动端缩短横线长度 */
        right: 4%;
      }
      .jy-nemkk-terminal-item img {
        width: 80%; /* 移动端图片宽度自适应 */
      }
      /* 移动端减少内边距 */
      .jy-nemkk-multi-terminal {
        padding: 20px 15px;
      }
      .jy-nemkk-data-analysis {
        padding: 20px 15px;
      }
      /* 移动端核心功能区适配：小屏幕改为2列 */
      .jy-nemkk-function-list {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 480px) {
      /* 超小屏幕进一步优化 */
      .jy-nemkk-value-item,
      .jy-nemkk-function-item,
      .jy-nemkk-price-item {
        padding: 15px;
      }
      .jy-nemkk-product-intro h2 {
        padding-left: 10px;
        border-left-width: 3px;
      }
    }








 /* 全局统一容器样式 100% 全屏 */
        .jyp-a-container {
            width: 100% !important;
            padding-left: 4% !important;
            padding-right: 4% !important;
            margin: 0 auto !important;
            max-width: none !important;
        }
    

        /* 导航 */
        .jyp-a-header {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 99;
        }
        .jyp-a-header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
        }
        .jyp-a-logo {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 24px;
            font-weight: bold;
            color: #0F52BA;
        }
        .jyp-a-logo i {
            font-size: 28px;
        }
        .jyp-a-nav ul {
            display: flex;
            gap: 30px;
        }
        .jyp-a-nav a {
            color: #333;
            font-weight: 500;
            transition: 0.3s;
        }
        .jyp-a-nav a:hover {
            color: #0F52BA;
        }

        /* banner */
        .jyp-a-banner {
            background: linear-gradient(to right, #0F52BA, #1D4ED8);
            color: #fff;
            text-align: center;
            padding: 80px 0;
        }
        .jyp-a-banner h2 {
            font-size: 42px;
            margin-bottom: 20px;
        }
        .jyp-a-banner p {
            font-size: 18px;
            max-width: 800px;
            margin: 0 auto;
        }

        /* 标题通用 */
        .jyp-a-sec-title {
            text-align: center;
            margin-bottom: 50px;
        }
        .jyp-a-sec-title h3 {
            font-size: 32px;
            color: #0F52BA;
            margin-bottom: 15px;
        }
        .jyp-a-sec-title p {
            font-size: 16px;
            color: #666;
        }
        .jyp-a-sec-line {
            width: 60px;
            height: 3px;
            background: #22C55E;
            margin: 0 auto;
            border-radius: 3px;
        }

        /* 核心服务 - 固定4列 + 最后一个占2格 */
        .jyp-a-service {
            padding: 80px 0;
            background: #fff;
        }
        .jyp-a-service-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            width: 100% !important;
            max-width: none !important;
            margin: 0 auto;
        }
        .jyp-a-service-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 45px 15px;
            background: #f7f7f7;
            border-radius: 10px;
            transition: 0.3s;
        }
        .jyp-a-service-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(15,82,186,0.12);
            background: #fff;
        }
        .jyp-a-service-item i {
            font-size: 56px;
            color: #0F52BA;
            margin-bottom: 15px;
        }
        .jyp-a-service-item-text h4 {
            font-size: 15px;
            font-weight: 500;
            color: #333;
            line-height: 1.5;
        }
        /* 最后一个服务项 占2列宽度 */
        .jyp-a-service-item.last {
            grid-column: span 2;
        }

        /* 服务流程 */
        .jyp-a-process {
            padding: 90px 0;
            background: #f5f7fa;
        }
        .jyp-a-jyiiuy {
            width: 100% !important;
            max-width: none !important;
            margin: 0 auto;
            position: relative;
        }
        .jyp-a-jyiiuy-steps {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
        }
        .jyp-a-jyiiuy-item {
            flex: 1;
            min-width: 200px;
            text-align: center;
            position: relative;
            transition: 0.4s;
        }
        .jyp-a-jyiiuy-item:hover {
            transform: translateY(-8px);
        }
        .jyp-a-jyiiuy-icon {
            width: 90px;
            height: 90px;
            margin: 0 auto 20px;
            background: linear-gradient(135deg, #0F52BA, #1D4ED8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
            color: #fff;
            font-weight: bold;
            box-shadow: 0 8px 20px rgba(15,82,186,0.25);
            position: relative;
            overflow: hidden;
        }
        .jyp-a-jyiiuy-text h5 {
            font-size: 20px;
            color: #0F52BA;
            margin-bottom: 8px;
        }
        .jyp-a-jyiiuy-text p {
            color: #666;
            font-size: 14px;
        }
        .jyp-a-step-arrow {
            position: relative;
        }
        .jyp-a-step-arrow::after {
            content: "→";
            position: absolute;
            right: -10px;
            top: 45px;
            transform: translateY(-50%);
            font-size: 26px;
            color: #0F52BA;
            font-weight: bold;
            opacity: 0.7;
        }
        .jyp-a-process-box {
            width: 100% !important;
            max-width: none !important;
            margin: 60px auto 0;
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
        }
        .jyp-a-process-box-item {
            flex: 1;
            min-width: 300px;
            background: #fff;
            border: 1px solid rgba(15,82,186,0.12);
            border-radius: 12px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(15,82,186,0.05);
        }
        .jyp-a-process-box-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 8px;
        }

        /* 优势亮点 · 无缝一体化高端排版 */
        .jyp-a-advantage {
            padding: 80px 0;
            background: #fff;
        }
        .jyp-a-advantage-grid {
            width: 100% !important;
            max-width: none !important;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0 !important; /* 完全无间距 */
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 3px 20px rgba(0,0,0,0.06);
        }
        .jyp-a-advantage-card {
            background: #f1f1f1;
            border: none;
          
            text-align: center;
            transition: 0.3s;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 200px;
            position: relative;
        }
        .jyp-a-advantage-card:hover {
            background: #f8f9ff;
        }
        .jyp-a-advantage-card-icon {
          
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .jyp-a-advantage-card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .jyp-a-advantage-card-text h4 {
            font-size: 26px;
            color: #222;
            margin-bottom: 18px;
            font-weight: 600;
        }
        .jyp-a-advantage-card-text p {
            font-size: 18px;
            color: #666;
            line-height: 1.4;
        }

        /* 第一排：文字 图片 文字 图片 */
        .jyp-a-advantage-card:nth-child(1) .jyp-a-advantage-card-icon,
        .jyp-a-advantage-card:nth-child(3) .jyp-a-advantage-card-icon {
            display: none;
        }
        .jyp-a-advantage-card:nth-child(2) .jyp-a-advantage-card-text,
        .jyp-a-advantage-card:nth-child(4) .jyp-a-advantage-card-text {
            display: none;
        }

        /* 第二排：图片 文字 图片 文字 */
        .jyp-a-advantage-card:nth-child(5) .jyp-a-advantage-card-text,
        .jyp-a-advantage-card:nth-child(7) .jyp-a-advantage-card-text {
            display: none;
        }
        .jyp-a-advantage-card:nth-child(6) .jyp-a-advantage-card-icon,
        .jyp-a-advantage-card:nth-child(8) .jyp-a-advantage-card-icon {
            display: none;
        }

        /* 底部联系方式 */
        .jyp-a-contact {
            padding: 70px 0;
            background: #fff;
            border-top: 1px solid #eee;
            text-align: center;
        }
        .jyp-a-contact h3 {
            font-size: 28px;
            color: #0F52BA;
            margin-bottom: 40px;
        }
        .jyp-a-contact-list {
            display: flex;
            justify-content: center;
            gap: 60px;
            flex-wrap: wrap;
            margin-bottom: 40px;
        }
        .jyp-a-contact-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }
        .jyp-a-contact-icon {
            width: 50px;
            height: 50px;
            background: rgba(15,82,186,0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .jyp-a-contact-icon i {
            font-size: 20px;
            color: #0F52BA;
        }
        .jyp-a-contact-item p {
            font-size: 16px;
            color: #333;
        }
        .jyp-a-copyright {
            border-top: 1px solid #eee;
            padding-top: 25px;
            color: #999;
            font-size: 14px;
        }








  /* 全屏容器：按你的要求修改 */
        .jyhjh-container {
            width: 100%;
            padding-left: 4%;
            padding-right: 4%;
            margin: 0 auto;
        }
        /* 通用间距 */
        .jyhjh-section {
            padding: 60px 0;
        }
        .jyhjh-section-title {
            text-align: center;
            font-size: 28px;
            margin-bottom: 40px;
            color: #333;
        }
        a {
            text-decoration: none;
            color: inherit;
        }
   
        /* ==================================
           栏目1：一件代发服务 左图右文
        ================================== */
        .jyhjh-service-one {
            background: #f8f9fa;
        }
        .jyhjh-service-one-wrap {
            display: flex;
            align-items: center;
            gap: 40px;
            flex-wrap: wrap;
        }
        .jyhjh-service-one-img {
            flex: 1;
            min-width: 300px;
        }
        .jyhjh-service-one-img img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
        }
        .jyhjh-service-one-text {
            flex: 1;
            min-width: 300px;
        }
        .jyhjh-service-one-text h3 {
            font-size: 24px;
            margin-bottom: 20px;
            color: #222;    line-height: 1.6;
        }
        .jyhjh-service-one-text p {
            font-size: 16px;
            line-height: 1.8;
            color: #666;
            margin-bottom: 15px;
        }

        /* ==================================
           栏目2：小批量/大货 4个卡片上图下文
        ================================== */
        .jyhjh-service-two-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }
        .jyhjh-service-card {
            text-align: center;
            transition: transform 0.3s;
        }
        .jyhjh-service-card:hover {
            transform: translateY(-5px);
        }
        .jyhjh-card-img {
            width: 100%;
            margin-bottom: 15px;
        }
        .jyhjh-card-img img {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }
        .jyhjh-card-text {
            font-size: 16px;
            color: #333;
            font-weight: 500;
        }

        /* ==================================
           移动端响应式
        ================================== */
        @media (max-width: 992px) {
            .jyhjh-service-two-list {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 576px) {
            .jyhjh-service-two-list {
                grid-template-columns: 1fr;
            }
            .jyhjh-section-title {
                font-size: 24px;
            }
        }
 /* ===================== 统一命名：jyfooter-xxx ===================== */
        .jyfooter {
            width: 100%;
            background-color: #f9f9f9;
            color: #fff;
            padding: 40px 20px 20px;    padding-left: 4%;
    padding-right: 4%;
        }


.jyfooter-contact p
{
    font-size: 16px;
    padding-bottom: 10px;    color: #666666;
}



        .jyfooter-top {
            width: 100%;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #e3e3e3;
        }

        .jyfooter-logo {
            flex: 1;
            min-width: 150px;
        }
        .jyfooter-logo img {
            height: 120px;
            width: auto;
        }
        .jyfooter-logo-text {
            font-size: 24px;
            font-weight: bold;
            color: #fff;
        }

        .jyfooter-menu {
            flex: 2;
            min-width: 300px;
            text-align: center;
        }
        .jyfooter-menu ul {
            list-style: none;
            display: flex;
            justify-content: center;
            gap: 65px;
            flex-wrap: wrap;
        }
        .jyfooter-menu a {
            color: #666666;
            text-decoration: none;
            transition: color 0.3s;     font-size: 16px;
        }
        .jyfooter-menu a:hover {
            color: #333333;
        }

        .jyfooter-contact {
            flex: 1;
            min-width: 200px;
            text-align: right;
            line-height: 1.6;
        }
        .jyfooter-contact i {
            color: #8CB69D;
            margin-right: 8px;
            width: 14px;
        }

        .jyfooter-bottom {
            max-width: 1400px;
            margin: 20px auto 0;
            text-align: center;
        }
        .jyfooter-social-icons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 15px;
        }
        .jyfooter-social-icons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #BBD6B8;
            color: #fff;
            font-size: 18px;
            text-decoration: none;
            transition: all 0.3s;
        }
        .jyfooter-social-icons a:hover { background-color: #007bff; }
        .jyfooter-social-icons a.instagram:hover { background-color: #E4405F; }
        .jyfooter-social-icons a.facebook:hover { background-color: #1877F2; }
        .jyfooter-social-icons a.linkedin:hover { background-color: #0A66C2; }
        .jyfooter-social-icons a.whatsapp:hover { background-color: #25D366; }

        .jyfooter-copyright {
            color: #777;
            font-size: 14px;
        }

        @media (max-width: 768px) {
            .jyfooter-top {
                flex-direction: column;
                text-align: center;
            }
            .jyfooter-contact {
                text-align: center;
            }
        }


/* 固定容器 */
.jykf {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

/* 共同按钮样式 */
.jykf-btn {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px; /* 图标大小 */
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 悬浮动态效果 */
.jykf-btn:hover {
  transform: scale(1.15);
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}

/* WhatsApp 绿色 */
.jykf-whatsapp {
  background-color: #25d366;
}

/* 邮箱 蓝色 */
.jykf-email {
  background-color: #8CB69D;
}



.jykf-btn i {
    font-size: 26px;
}

.jykf-whatsapp i {
    font-size: 32px;
}



@media (min-width: 1024px) {
.content {
    
    display: none!important;
}
}





 /* 主容器 */
        .jy-faqq-container {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            padding: 60px 5%;
            background-color: #f8f9fa;
            align-items: flex-start;
        }

        /* 左侧图片 */
        .jy-faqq-image {
            flex: 1;
            min-width: 300px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            padding-top: 20px;
        }

        .jy-faqq-image img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 12px;
            object-fit: cover;
        }

        /* 右侧内容 */
        .jy-faqq-content {
            flex: 1;
            min-width: 300px;
        }

        .jy-faqq-title {
            font-size: 32px;
            color: #222;
            margin-bottom: 30px;
            line-height: 1.3;
        }

        /* 单项 */
        .jy-faqq-item {
            margin-bottom: 15px;
            border-bottom: 1px solid #eee;
            padding-bottom: 15px;
        }

        /* 问题标题 */
        .jy-faqq-question {
            width: 100%;
            background: none;
            border: none;
            text-align: left;
            font-size: 18px;
            font-weight: 500;
            color: #333;
            cursor: pointer;
           
            display: flex;
            justify-content: space-between;
            align-items: center;outline: none !important; /* 去掉点击边框 */
            box-shadow: none !important; /* 去掉阴影边框 */
        }

        /* 展开箭头 */
        .jy-faqq-question::after {
            content: "+";
            font-size: 24px;
            transition: transform 0.3s ease;
        }

        .jy-faqq-question.active::after {
            transform: rotate(45deg);
        }

        /* 答案内容 */
        .jy-faqq-answer {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
            height: 0;
            overflow: hidden;
            transition: height 0.3s ease;
        }

        .jy-faqq-answer.show {
            height: auto;
            padding-top: 10px;
            padding-bottom: 10px;
        }