@charset "UTF-8";
@font-face {
  font-family: 'Century-Gothic'; 
  src: url('../fonts/Century-Gothic.eot'); 
  src: url('../fonts/Century-Gothic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Century-Gothic.woff') format('woff'), 
  url('../fonts/Century-Gothic.ttf') format('truetype'), 
  url('../fonts/Century-Gothic.svg#Century-Gothic') format('svg'); 
} 
@font-face {
  font-family: 'SourceHanSansSC-Regular'; 
  src: url('../fonts/SourceHanSansSC-Regular.eot'); 
  src: url('../fonts/SourceHanSansSC-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceHanSansSC-Regular.woff') format('woff'), 
  url('../fonts/SourceHanSansSC-Regular.ttf') format('truetype'), 
  url('../fonts/SourceHanSansSC-Regular.svg#SourceHanSansSC-Regular') format('svg'); 
} 
@font-face {
  font-family: 'SourceHanSansSC-Medium'; 
  src: url('../fonts/SourceHanSansCN-Medium.eot'); 
  src: url('../fonts/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceHanSansCN-Medium.woff') format('woff'), 
  url('../fonts/SourceHanSansCN-Medium.ttf') format('truetype'), 
  url('../fonts/SourceHanSansCN-Medium.svg#SourceHanSansCN-Medium') format('svg'); 
} 

@font-face {
  font-family: 'SourceHanSansSC-Normal'; 
  src: url('../fonts/SourceHanSansCN-Normal.eot'); 
  src: url('../fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SourceHanSansCN-Normal.woff') format('woff'), 
  url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype'), 
  url('../fonts/SourceHanSansCN-Normal.svg#SourceHanSansCNNormal') format('svg'); 
} 

@font-face {
  font-family: 'SourceHanSansSCBOLD'; 
  src: url('../fonts/SOURCEHANSANSSC-BOLD.eot'); 
  src: url('../fonts/SOURCEHANSANSSC-BOLD.eot?#iefix') format('embedded-opentype'),
  url('../fonts/SOURCEHANSANSSC-BOLD.woff') format('woff'), 
  url('../fonts/SOURCEHANSANSSC-BOLD.ttf') format('truetype'), 
  url('../fonts/SOURCEHANSANSSC-BOLD.svg#SOURCEHANSANSSC-BOLD') format('svg'); 
} 

@font-face {
  font-family: 'PingFangTC-Semibold'; 
  src: url('../fonts/PingFangTC-Semibold.eot'); 
  src: url('../fonts/PingFangTC-Semibold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/PingFangTC-Semibold.woff') format('woff'), 
  url('../fonts/PingFangTC-Semibold.ttf') format('truetype'), 
  url('../fonts/PingFangTC-Semibold.svg#PingFangTC-Semibold') format('svg'); 
} 
@font-face {
  font-family: 'PingFangSC-Regular'; 
  src: url('../fonts/PingFang Regular.eot'); 
  src: url('../fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/PingFang Regular.woff') format('woff'), 
  url('../fonts/PingFang Regular.ttf') format('truetype'), 
  url('../fonts/PingFang Regular.svg#PingFang Regular') format('svg'); 
} 


@font-face {
  font-family: 'PingFangSCLight'; 
  src: url('../fonts/PingFangSCLight.eot'); 
  src: url('../fonts/PingFangSCLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/PingFangSCLight.woff') format('woff'), 
  url('../fonts/PingFangSCLight.ttf') format('truetype'), 
  url('../fonts/PingFangSCLight.svg#PingFangSCLight') format('svg'); 
} 
@font-face {
  font-family: 'DINEngschriftStd'; 
  src: url('../fonts/DINEngschriftStd.eot'); 
  src: url('../fonts/DINEngschriftStd.eot?#iefix') format('embedded-opentype'),
  url('../fonts/DINEngschriftStd.woff') format('woff'), 
  url('../fonts/DINEngschriftStd.ttf') format('truetype'), 
  url('../fonts/DINEngschriftStd.svg#DINEngschriftStd') format('svg'); 
} 

body{margin: 0; padding: 0; font-size: 14px; font-family:"Microsoft YaHei","PingFangSC-Regular","sans-serif";background: #fff;overflow-x: hidden;}
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td{margin: 0; padding: 0; list-style: none; border: 0;}
ol,ul{margin-bottom: 0;}
.h1, .h2, .h3,.h5, h1, h2, h3,h5{margin-top: 0; margin-bottom: 0}
.h4, .h5, .h6, h4, h5, h6{margin-top: 0; margin-bottom: 0;}
a{-webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;outline: none !important;}
.trs{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;outline:0px;}
img{vertical-align: middle;}
a:focus, a:hover{text-decoration: none !important;}
i,em{display: block; font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: ""; display: block; clear: both;}
.scale-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.scale-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}
.scale-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
@keyframes rotate1{
  0%,25%{transform:rotate(0deg);}
  50%{ transform:rotate(10deg);}
  75%{transform:rotate(-10deg);}
  100%{transform:rotate(0deg);}
  }
@-o-keyframes rotate1{
  0%,25%{transform:rotate(0deg);}
  50%{ transform:rotate(10deg);}
  75%{transform:rotate(-10deg);}
  100%{transform:rotate(0deg);}
  }
@-moz-keyframes rotate1{
  0%,25%{transform:rotate(0deg);}
  50%{ transform:rotate(10deg);}
  75%{transform:rotate(-10deg);}
  100%{transform:rotate(0deg);}
  }
@-webkit-keyframes rotate1{
  0%,25%{transform:rotate(0deg);}
  50%{ transform:rotate(10deg);}
  75%{transform:rotate(-10deg);}
  100%{transform:rotate(0deg);}
  }
.header{height: 100px;line-height:100px;position:fixed;width:100%;top: 0px;z-index: 999;}
.header.sticky{
    box-shadow: 1px 7px 7px rgb(6 34 63 / 6%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgba(0,0,0,.65);
}
.wrapper,.wrapper2,.wrapper3{width:100%;margin-left: auto;margin-right: auto;position: relative;width: 1600px;}
.wrapper2{width:1300px;}
.wrapper3{width:1400px;}
.header .wrapper{height:100%;}
.header .logo{position: absolute;top:50%;margin-top: -13.5px;width:auto;height:27px;}
.navmenu{margin-left: 40.4%;}
.navmenu li{float: left;padding:0px 18px;cursor: pointer;}
.navmenu li a{color:#fff;font-size:28px;padding-bottom: 8px;position: relative;}
.navmenu li:hover,.navmenu li.hover{} 
.navmenu li a:after{content:"";-webkit-transition: all 0.3s ease; transition: all 0.3s ease;display: block;width: 0px;height: 3px;background:#fff;position: absolute;bottom:0px;left:50%;margin-left: -19px;}
.navmenu li:hover a:after,.navmenu li.hover a:after{width: 38px;}
.head_search{width:27px;height: 27px;background: url(../images/searchico.png) no-repeat center;position: absolute;top:50%;margin-top: -13.5px;right:0px;cursor:pointer;z-index: 99999; }
.head_wx{width:33px;height:27px;background: url(../images/headwx.png) no-repeat center;position: absolute;top:50%;margin-top: -13.5px;right:70px;cursor:pointer;} 
.head_wxmob{display:none!important;}
.head_wxPC{display:block!important;}
/*.wx_img_big{width: 120px;height: 124px;background: url(../images/wx_img_big.png); background-size:cover;position: absolute;right: -87px;
    top: 30px;display: none;z-index: 99; }
.head_wx:hover .wx_img_big{display: block;right: -87px;}*/
.searchshow{width: 100%;position: fixed;left: 0px;top: 80px;opacity: 0;box-shadow: 6px 5px 10px rgb(0 0 0 / 20%);visibility: hidden;transform: scale(0);transform-origin: top;padding: 20px 90px;background: #fff;overflow: hidden;box-sizing: border-box;z-index: 999;}
.searchshow.sticky{top:110px;}
.searchshow form{width: 100%;overflow: hidden;position: relative;}
.searchshow .bt{float: left;width: 20px;height: 40px;background: url("../images/icon-1.png") no-repeat center;cursor: pointer;}
.searchshow .txt{float: left;width: 80%;height: 40px;line-height: 40px;font-size: 14px;background: none;margin-left: 10px;}
.search-close{width: 40px;height: 40px;position: absolute;right: 0px;top: 0px;cursor: pointer;background: url("../images/close.png") no-repeat center;}
.search-close:hover{transform: rotate(180deg);}
.search-active{top: 100px;opacity: 1;visibility: visible;transform: scale(1);}
.mobheader_wrapper{display: none;box-shadow: 3px 3px 11px 5px rgb(0 0 0 / 9%);}
input{outline: 0px;}

.footer{background: #1d1816;}
.foot_contact{position: relative;padding-top: 86px;}
.foot_contact .foot_logo{display: block;width: 102px;height: 117px;position: absolute;left:0px;top: 86px;}
.foot_contact .foot_wx{display: block;width: 136px;height: 136px;position: absolute;right:100px;top: 74px;}

        .footer-bar {
            width: 100%;
        }
        /* 地址区块 */
        .footer-address {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            flex: 1;
        }

        /* 电话区块 */
        .footer-tel {
            display: flex;
            align-items: center;
             gap: 20px;
            flex-shrink: 0;
        }
        /* 社交图标容器 */
        .social-wrap {
            display: flex;
            align-items: center;
            gap: 50px;
            position: relative;
            flex-shrink: 0;
        }
        /* 单个社交项（图标+悬浮二维码） */
        .social-item {
            position: relative;
            cursor: pointer;
        }
        .social-icon {
            width: 42px;
            height: 42px;
            display: block;
        }
        /* 悬浮二维码弹窗 默认隐藏 */
        .qrcode-pop {
            position: absolute;
            bottom: calc(100% - 150px);
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 100px;
            background: #fff;
            padding: 4px;
            border-radius: 2px;
            display: none;
            z-index: 99;
        }
        .qrcode-pop img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /* hover显示二维码 */
        .social-item:hover .qrcode-pop {
            display: block;
        }
.foot_contact{overflow: hidden;padding-top: 126px;padding-bottom: 146px;}
.addr-text p{font-size: 16px;color:#bbbbbb;line-height: 36px;}
.addr-text p label{padding-right: 18px;}
.addr-text .p2 label{color:#1d1816;}
.footer-address{padding-right: 50px;float: left;}
.footer-tel:before,.footer-tel:after{content: "";display: block;
            width: 1px;
            height: 36px;
            background: #8b8b8b;
            position: absolute;top:50%;margin-top:-18px;
            
        }
.footer-tel:before{left:0px;}
.footer-tel:after{right:0px;}
.footer-tel{float: left;padding:0px 55px;color:#8b8b8b;position: relative;}
.tel-num {font-size: 22px;}
.social-wrap{float: left;padding-left: 55px;}

.gotop{width:33px;height: 45px;background: url(../images/foot_top.png) no-repeat center;position: absolute;right:0px;top: 170px;cursor:pointer; }
.foot_link{border-top: solid 1px #24201f;border-bottom: solid 1px #24201f;line-height: 58px;margin-top: 65px;}
.foot_link,.foot_link a{font-size: 16px;color:#666666;}
.foot_link a{padding-right: 45px;}
.foot_link a:hover{color:#fff;}
.foot_link a:last-of-type{padding-right:0px;}
.foot_link span{padding-right: 28px;}
.foot_copyright{line-height: 120px;text-align: center;}
.foot_copyright,.foot_copyright a{font-size: 14px;color:#fff;}
.foot_copyright span{padding-right: 32px;}
.foot_copyright a:last-of-type{padding-left: 32px;}
.foot_copyright a:hover{color:#ecc471;}

.right-fixed{ width: 70px;  position: fixed; top: 50%; margin-top: -248px; right: 0; z-index: 10;  height: 497px; display: none;  }
.right-fixed ul { width: 100%; zoom:1;}
.right-fixed li {  position: relative;  width: 70px; height: 70px;  float: right;  line-height: 70px;transition: width .3s, background .3s, margin .3s;}
.right-fixed li.top{margin-top: 40px;}
.right-fixed li.right-fixed1 {width: 230px;  margin-right: -160px; }
.right-fixed li.right-fixed2{ width: 230px; margin-right: -160px; }
.right-fixed li.right-fixed3{ width: 230px; margin-right: -160px; }
.right-fixed li.right-fixed4{ width: 230px; margin-right: -160px; }
.right-fixed li.right-fixed5{ width: 230px; margin-right: -160px; }
.right-fixed li.right-fixed6{ width: 230px; margin-right: -160px; }
.right-fixed li a { display: block;  width: 100%;  height: 100%;}
.right-fixed li .ico { width: 70px; height: 70px; position: absolute;  top: 0;  left: 0;  transition: left .3s;}
.right-fixed li.right-fixed1 .ico, .right-fixed li.right-fixed2 .ico ,.right-fixed li.right-fixed3 .ico,
.right-fixed li.right-fixed4 .ico, .right-fixed li.right-fixed5 .ico ,.right-fixed li.right-fixed6 .ico,
{left: 0;}
.right-fixed li .ico.ico01 {background: url(/public/images/fixright1.png) no-repeat center;}
.right-fixed li .ico.ico02 {background: url(/public/images/fixright2.png) no-repeat center;}
.right-fixed li .ico.ico03 {background: url(/public/images/fixright3.png) no-repeat center;}
.right-fixed li .ico.ico04 {background: url(/public/images/fixright4.png) no-repeat center;}
.right-fixed li .ico.ico05{background: url(/public/images/fixright5.png) no-repeat center;}
.right-fixed li p {
    font-size: 20px;
    color: #333;
    line-height: 70px;
    font-weight: bold;
    padding: 0 20px;
    transition: transform .3s;
}
.right-fixed li.right-fixed1 p, .right-fixed li.right-fixed2 p , .right-fixed li.right-fixed3 p,
.right-fixed li.right-fixed4 p, .right-fixed li.right-fixed6 p
{
    padding: 0 20px 0 70px;
}

.right-fixed li.right-fixed5 p{ padding:0 0 0 70px; }
.right-fixed li.right-fixed1:hover {margin-right: 0;width: 280px;}
.right-fixed li.right-fixed2:hover {margin-right: 0;width: 280px;}
.right-fixed li.right-fixed3:hover {margin-right: 0;width: 280px;}
.right-fixed li.right-fixed4:hover {margin-right: 0;width: 317px;}
.right-fixed li.right-fixed1:hover .ico{right: 0;left: auto;}
.right-fixed li.right-fixed2:hover .ico{right: 0;left: auto;}
.right-fixed li.right-fixed3:hover .ico{right: 0;left: auto;}
.right-fixed li.right-fixed4:hover .ico{right: 0;left: auto;}


@media screen and (max-width:1700px) {
  .navmenu li a{font-size: 20px;} 
.wrapper,.wrapper2,.wrapper3{width:1200px;}
.wrapper2{width:1150px;}
.wrapper3{width:1180px;}
.foot_contact_item:nth-of-type(1) i{width: 300px;}
.foot_contact_item:nth-of-type(2) i{width: 260px;}
.foot_contact_item:nth-of-type(3) i{width:230px; }
.foot_contact .foot_wx{width: 108px;height: 108px;}
.foot_contact_item span{font-size: 18px;}
.foot_contact_item p{font-size: 14px;}
.footer .wrapper2{width: 840px;}
.foot_contact{padding-top: 75px;padding-bottom:110px;}
.foot_contact .foot_wx{right: 30px;top: 82px;}
.foot_contact .foot_logo{width: 84px;height: 96px;}
.foot_link, .foot_link a{font-size: 14px;}
.foot_link{margin-top:52px;line-height: 48px; }
.foot_copyright{line-height: 96px;}
.foot_copyright, .foot_copyright a{font-size: 13px;}
.gotop{top: 151px;}
.footer-tel{padding: 0px 36px;}
.social-wrap{padding-left:36px;gap:36px;}


}                          

@media screen and (max-width:1080px) {
     .right-fixed{display:none!important;}
  body{padding-top: 65px;}
   .mobheader_wrapper{height:65px;position:fixed;top:0px;width:100%;z-index:9999;background:#666666;}
    .header{display:none;}
    .mobheader_wrapper .logo{left:2%;z-index:9999;}
.mobheader_wrapper{display:block;}
.mobheader_wrapper .logo{
    height:20px;
    width: auto;
    margin-top: -10px;
    z-index: 99999;
    top:50%;
    position: absolute;
}
.head_wxmob{display:block!important;right:58px;z-index: 99999;}
.head_search{right:96px;}
.searchshow {padding: 10px 15px;}
.search-active{top:65px;}
   .wrapper,.wrapper3, .wrapper2{width:96%!important;}
   .navmenu,.head_wx{display: none;}
   .foot_contact_item,.foot_contact .foot_wx,.gotop{display: none;}
   .foot_contact .foot_logo{position: static;margin-left: auto;margin-right: auto;}
   .foot_link span{padding-right: 0px;display: block;}
   .foot_link a{padding-right:10px;}
   .foot_link{line-height:27px;padding:10px 0px;margin-top:30px;}
   .foot_copyright span, .foot_copyright a{display: block;}
   .foot_copyright span{padding-right:0px;}
   .foot_copyright{line-height:30px;padding:10px 0px;}
   .foot_contact{padding-top:30px;}
   .foot_contact{display:none;}

}