@charset "utf-8";

body{ margin:0 auto; font-size:14px;color:#333; font-family:'pingfang SC',arial,'helvetica neue','SYSTM','microsoft yahei ui','microsoft yahei','simsun',sans-serif; line-height:normal;}
*{padding:0; margin:0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;outline: none;}

    .right_flex {
      /* width: 200px;
      height: 300px; */
      /* border: 1px solid #000; */
      position: fixed;
      right:18px;
      top: 40%;
      /* background-color: aqua; */
      z-index: 999 !important;
    }
    .itemBox {
      width: 48px !important;
      height: 48px !important;
      background: #ffffff;
      border-radius: 44px 44px 44px 44px !important;
      text-align: center !important;
      margin-bottom: 9px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
          cursor:pointer;
    }
    .imgBlur {
      background-color: transparent !important;
    }
    .imgBarck {
      background-color: transparent !important;
      display: none;
    }
    .content_x {
      display: flex;
      align-items: center;
      position: relative;
    }
    .dhBgc {
      width: 156px !important;
      height: 48px !important;
      background-image: url('/statics/img/dhbjt.png') !important;
      background-size: 100% !important;
      text-align: center;
      line-height: 48px !important;
      position: absolute !important;
      right: 60px !important;
      background-color: transparent !important;
      color: #fc4c02 !important;
      display: none;
    }
    .dhBgcewm {
      position: absolute !important;
      right: 60px !important;
      background-color: transparent !important;
      display: none;
      width: 82px !important;
      height: 82px !important;
    }
    .fhTop {
      /*display: flex !important;*/
      /*flex-direction: column !important;*/
      /*align-items: center !important;*/
      /*justify-content: center !important;*/
      text-align: center !important;
      /*line-height:116px !important;*/
      width: 48px !important;
      height: 116px !important;
      background: #ffffff !important;
      border-radius: 44px 44px 44px 44px !important;
      display: block;
       cursor:pointer;
       display: none;
    }
    .fhdbIcon{
        margin-top: 16px;
    }
    .fhTtx {
      width: 12px;
      height: 64px;
      font-family: Microsoft YaHei, Microsoft YaHei;
      font-weight: 400;
      font-size: 12px;
      color: #5b5b5b;
      /*line-height: 14px;*/
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 4px;
      margin-left: 18px;
     
    }

ul,li{ list-style:none;}
li{float: left;}

img{border:0px;max-width: 100%;height: auto;vertical-align: middle;}
a { color:#333; text-decoration:none;}
dd,dl,dt,em,h4,h5,h6{font-weight:normal;font-style:normal}
a:hover{color:#FC4C02;text-decoration: none;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
a:active{text-decoration:none}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

input,textarea{border: none;outline: none; background:none;}
button{border: none;outline: none; background:none;cursor: pointer;}
::-webkit-file-upload-button{cursor: pointer;}


h3{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
::before,::after{transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.floats{float: left;width: 100%;}
.centers{margin: 0 auto;max-width: 1440px;clear:both;}
.paddings{padding: 75px 0;}
.paddings100{padding:100px 0;}

.swiper,.swiper-wrapper,.swiper-slide{cursor: pointer;}
.pagination{transition: 0;-webkit-transition: 0;-ms-transition: 0;}

/* @font-face{
    font-family: 'DIN';
    src:url('/statics/libs/D-DIN.otf'),
    url('/statics/libs/D-DIN.otf'),
    url('/statics/libs/D-DIN.otf');
} */

html,body{width: 100%;height: 100%;}

.thead{position: fixed;z-index: 888;}
.thead::before{content: '';position: absolute;z-index: -1; top:0;left:0;width: 100%;height:100%;background-color: rgba(22, 22, 22, 0.8);}
.thead-logo{margin-top: 26px;}
.thead-logo .logo1{display: block;}
.thead-logo .logo2{display: none;}
.thead-contact{width: 140px;line-height: 44px;background-color: #FC4C02;color:#fff !important;font-size: 16px;text-align: center;border-radius: 44px 0 0 0;padding-left: 8px;margin-top: 25px;}
.thead-search{width: 251px;line-height: 44px;overflow: hidden;background-color: #ECECEC;border-radius: 0 0 44px 0;margin-right: 6px;margin-top: 25px;}
.thead-search button{float: left; width: 42px;height: 44px;background:url('/statics/img/search.png') 19px center no-repeat;}
.thead-search input{float: left;width: calc(100% - 42px);line-height: 44px;height: 44px;padding-right: 30px;font-size: 14px;}

.thead-nav{margin-right: 45px;}
.thead-nav > li > a{display: block; font-size: 16px;line-height: 94px;color:#fff;padding:0 26px;}
.thead-nav > li.cur > a{color:#9AFF1C;}
.thead-nav .sub-nav{position: absolute;z-index: -2;top:-100%;opacity: 0; left:0;width: 100%;background-color: #efefef;padding:20px;text-align: center;}
.thead-nav .sub-nav li{position: relative; float: none;display: inline-block;font-size: 14px;padding:0 25px;}
.thead-nav .sub-nav li::before{content:'';position: absolute;left:0;top:0;bottom:0;width: 1px;height: 12px;background-color: #ccc;margin: auto 0;}
.thead-nav .sub-nav li:first-child::before{display: none;}
.thead-nav .sub-navs{position: absolute;z-index: -2;opacity: 0;left:0; top:-1080px;width: 100%; height: 772px;}
.thead-nav .sub-navs .centers{height:100%;}
.thead-nav .sub-navs::after{content: '';position: absolute;top:50%;left:0;width: 100%;height:100%;background-color: #000;opacity: 0.5;z-index: -2;}
.thead-nav .sub-navs::before{content:'';position: absolute;left:0;top:0;height:100%;width: 100%;background: #efefef;z-index: -1;}
.thead-nav .pro-navs{position: relative; width: 30%;height:100%;z-index: 20;padding:32px 0;}
.thead-nav .pro-navs::before{content:'';position: absolute;right:0;top:0; width: 200%;height: 100%;background-color: #dfdfdf;z-index: -1;}
.thead-nav .pro-navs li{width: 100%;}
.thead-nav .pro-navs li a{position: relative; display: flex; padding:0 55px;font-size: 18px;height: 90px;align-items: center;overflow: hidden;}
.thead-nav .pro-navs li a::before{content: '';position: absolute;top:-26px;left:-24px;width: 0;height:0;opacity: 0; border-top: 13px solid #FC4C02;border-left: 12px solid #FC4C02;border-bottom: 12px solid transparent;border-right: 13px solid transparent;}
.thead-nav .pro-navs li a img{margin-right: 16px;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.thead-nav .pro-navs li.cur a{background-color: #efefef;color: #FC4C02;}
.thead-nav .pro-navs li.cur a img{margin-right: 16px;-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}
.thead-nav .pro-navs li.cur a::before{left: 0;top:0;opacity: 1;}
.thead-nav .pro-list{display: none;width: 70%;padding: 50px 0 32px 47px;}
.thead-nav .pro-list .classnav{margin-bottom: 17px;}
.thead-nav .pro-list .classnav::before{content:'产品分类：';float: left;font-size: 18px;line-height: 33px;margin-right: 17px;}
.thead-nav .pro-list .classnav li{float: left;font-size: 16px;line-height: 33px;border: 1px solid #999;padding:0 24px;border-radius: 99px;margin-right: 16px;cursor: pointer;}
.thead-nav .pro-list .classnav li.cur{background-color: #FC4C02;color:#fff;border-color: #FC4C02;}
.thead-nav .pro-list .classmain{display: none;}
.thead-nav .pro-list .classmain a{float: left; width: 30.63%;margin-left: 2.7%;text-align: center;margin-top: 20px;}
.thead-nav .pro-list .classmain .imgs{height: 257px;display: flex;justify-content: center;align-items: center;background-color: #fff;}
.thead-nav .pro-list .classmain .imgs img{max-height:100%;}
.thead-nav .pro-list .classmain h3{float: left;width: 100%;font-weight: normal;margin-top: 12px; font-size: 16px;line-height: 22px;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.thead.white::before{background-color: #fff;}
.thead.white .thead-logo .logo1{display: none;}
.thead.white .thead-logo .logo2{display: block;}
.thead.white .thead-nav > li > a{color:#333;}
.thead.white .thead-nav > li.cur > a{color:#FC4C02;}

.tfooter{padding:66px 0 35px;background-color: #f7f7f7;}
.tfooter-left li{margin-right: 85px;}
.tfooter-left li h3{float: left; font-size: 18px;font-weight: bold;clear: both;padding-bottom: 6px;}
.tfooter-left li a{float: left; font-size: 14px;color:#666;clear: both;margin-top: 16px;}
.tfooter-ewm{text-align: center;}
.tfooter-ewm img{width: 100px;}
.tfooter-ewm h3{font-size: 14px;color:#666;margin-top: 8px;color: #666;font-weight: normal;}
.tfooter-cotact{margin-right: 8%;}
.tfooter-cotact h3{font-size: 25px;font-weight: bold;color: #FC4C02;margin-bottom: 20px;}
.tfooter-cotact h3 b{font-size: 23px;}
.tfooter-cotact p{font-size: 14px;color: #666;margin-bottom: 14px;}
.tfooter-cotact img{position: relative;top:-1px;margin-right: 10px;}
.tfooter-down{padding-top: 35px;margin-top: 35px;border-top: 1px solid #dfdfdf;}
.tfooter-down span{color:#999;font-size: 14px;}
.tfooter-down span a{color:#999;}

/*内页*/
.tnavs-list{position: relative;z-index: 20;margin-top: -84px;top:41px; margin-bottom: 15px; background-color: #fff; display: flex;justify-content: center;align-items: center;text-align: center;box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.0902);}
.tnavs-list li{position: relative;}
.tnavs-list li::before{content:"";position: absolute;left:0;top:0;bottom:0;margin:auto 0;width: 1px;height:22px;background-color: #bcbcbc;}
.tnavs-list li:first-child:before{display: none;}
.tnavs-list li a{display: block; font-size: 18px;line-height: 84px;padding:0 160px;}
.tnavs-list li.cur a{color: #FC4C02;}

.tmains-title{text-align: center;margin-bottom: 48px;}
.tmains-title h3{font-size: 32px;font-weight: bold;}
.tmains-title i{display: inline-block;width: 68px;height: 4px;background-color: #FC4C02;margin:15px 0 0;}
.tmains-title em{display: block; font-size: 16px;color:#999;margin-top: 12px;}


/*内容*/
.tcontentss,.tcontentss p,.tcontentss span{font-size: 16px !important;line-height: 2 !important;}
.tcontentss p,.tcontentss span{display: block;color: #666; margin-top: 15px;}
.tcontentss p:first-child,.tcontentss span:first-child{margin-top: 0;}
.tcontentss h3{font-size: 20px;line-height: 25px; margin:38px 0 20px;font-weight: bold;}
.tcontentss h3:first-child{margin-top: 0;}
.tcontentss table{border:1px solid #eee;border-spacing: 0;width: 100%;}
.tcontentss table td{border:1px solid #eee;padding: 13px 22px;color: #999;}

.video-box{display: none; position: fixed;z-index: 9999;top:0;left:0;width: 100%;height: 100%;}
.video-box:before{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%; background: #000;opacity: 0.5;z-index: -1;}
.video-box .mains{position: absolute;z-index: 20;text-align: center; left:50%;top:50%;width: 60%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.video-box .mains video{width: 100%; max-height: 550px;}
.video-box .mains #video{height: auto;}
.video-box .mains i{position: relative; display: inline-block; width: 52px;height: 52px;border-radius: 50%;background: #fff; cursor: pointer;margin-top: 30px;}
.video-box .mains i::before,.video-box .mains i::after{content: '';position: absolute;top: 0;bottom:0;left:0;right:0;margin: auto; width: 24px;height: 1px;background: #888;}
.video-box .mains i::before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.video-box .mains i::after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

/*分页*/
.n-page{text-align: center;display: flex;justify-content: center;margin-top: 25px;}
.n-page li{display: block;line-height: 30px;padding:0 1px; font-size:18px;cursor: pointer;margin:0 15px;}
.n-page li:first-child,.n-page li:last-child{font-size: 20px;line-height: 30px;margin:0 30px;}
.n-page li a{display: block;}
.n-page li.active{color:#FC4C02;border-bottom: 1px solid #FC4C02;}

@media screen and (min-width: 769px){

    .thead-contact:hover{opacity: 0.9;}

    .thead-nav > li:hover > a{color: #FC4C02 !important;}
    .thead-nav > li:hover > .sub-nav,.thead-nav > li:hover > .sub-navs{opacity: 1;top:100%;}
    .pro-list .classmain a:hover .imgs img{transform: scale(1.08);}

    .tfooter-left li a:hover{color:#FC4C02;}
    .tfooter-down span a:hover{color: #FC4C02;}

    .n-page li:hover{color:#FC4C02;}
    .n-page li:hover a{color:#FC4C02;}

}
.right_fxel{
    width: 100px;
    height: 400px;
    border: 1px solid #000;
    position: fixed;
    right: 0;
    bottom:247px;
    z-index: 99;
    
}

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

    .centers{max-width: 1220px;}
    .paddings{padding:68px 0;}
    .paddings100{padding:85px 0;}
    body{min-width: 1250px;}

    .thead{padding:0 20px;}
    .thead-logo{margin-top: 22px;}
    .thead-contact{font-size: 14px;width: 132px;line-height: 40px;}
    .thead-search{width: 220px;}
    .thead-search input{line-height: 40px;height: 40px;}
    .thead-search button{height: 40px;}
    
    .thead-nav > li > a{font-size: 15px;padding:0 22px;line-height: 88px;}
    
    /*.thead-nav .sub-navs{opacity:1;top:100%;}*/
    
    .thead-nav .pro-list .classmain .imgs{height:190px;}
    .thead-nav .pro-list .classnav::before{font-size:16px;line-height:30px;}
    .thead-nav .pro-list .classnav{margin-bottom:12px;}
    .thead-nav .pro-list .classnav li{font-size:14px;line-height:30px;}
    .thead-nav .pro-navs li a{font-size:16px;}
    .thead-nav .pro-navs li a img{width：38px;}
    .thead-nav .pro-list .classmain h3{font-size:14px;}
    .thead-nav .pro-navs{padding:25px 0;}
    .thead-nav .pro-list {padding: 30px 0 30px 40px;}
    .thead-nav .sub-navs{height:590px;}

    .tfooter-left li{margin-right: 60px;}
    .tfooter-cotact{margin-right: 3%;}

    /* 内容 */
    .tnavs-list{margin-top: -70px;}
    .tnavs-list li a{font-size: 16px;padding:0 120px;line-height: 70px; }

    .tmains-title h3{font-size: 28px;}
    .tmains-title i{height: 3px;}

    .n-page li{font-size: 14px;line-height: 22px;}
    .n-page li:first-child,.n-page li:last-child{line-height: 22px;}

    .tcontentss, .tcontentss p, .tcontentss span{font-size: 14px !important;}
    .tcontentss p, .tcontentss span{margin-top: 12px;}

}

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

    .thead-search{display: none;}
    .thead-nav{margin-right: 0;}
    .thead-contact{display: none;}
    .thead-nav > li > a{font-size: 14px;padding: 0 15px;}

}

.thead-navbtn{display: none;float:right; width: 42px;text-align: center;padding:12px 0 20px;}
.thead-navbtn i,.thead-navbtn i:before,.thead-navbtn i:after{width: 28px;height:2px;background: #FC4C02;border-radius: 99px;}
.thead-navbtn i{position: relative; display: inline-block;}
.thead-navbtn i:before{content: '';position: absolute;top:-8px;left: 0;}
.thead-navbtn i:after{content: '';position: absolute;bottom:-8px;left: 0;}

@media screen and (max-width: 768px){
    .right_flex{
        display: none;
    }

    .paddings{padding:25px 0;}
    .paddings100{padding:25px 0;}
    .centers{padding:0 15px;}
    body{min-width: 320px;}

    .thead{background: #fff;padding:0;}
    .thead::before{display: none;}
    .thead-logo{margin-top: 10px;}
    .thead-logo img{height: 30px;}
    .thead-logo .logo1{display: none;}
    .thead-logo .logo2{display: block;}

    .thead-navbtn{display: block;}
    
    .thead-nav .sub-nav li::before{display:none;}

    .thead-nav{display: none; position: fixed;top:52px;left:0;background-color: #fff;height: calc(100% - 52px);z-index: -1;border-top: 1px solid #eee; transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;overflow-y: auto;}
    .thead-nav > li{width: 100%;border-bottom: 1px solid #eee;}
    .thead-nav > li > a{position: relative; color:#333;line-height: 50px;}
    .thead-nav > li.cur > a{color:#FC4C02;}
    .thead-nav > li > a.subs:before {content:'>';position: absolute;top: 20px;font-size: 12px; right: 15px;width: 10px; height: 10px;line-height: 10px;font-family: simsun;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);}
    .thead-nav .sub-nav,.thead-nav .sub-navs{position:relative; z-index:1000;top:0;opacity: 1;display:none;padding:8px 0;float: left;width: 100%;background-color: #f6f6f6;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
    .thead-nav .sub-nav li{float: left;width: 100%;padding:0;}
    .thead-nav .sub-nav li a{display: block;line-height: 32px;padding:0 15px;}
    .thead-nav .sub-navs::before,.thead-nav .sub-navs::after,.thead-nav .pro-navs::before{display: none;}
    .thead-nav .sub-navs{height: auto;}
    .thead-nav .pro-list{display: none !important;}
    .thead-nav .pro-navs{width: 100%;height: auto;padding:0;}
    .thead-nav .pro-navs li a{font-size: 14px;}
    .thead-nav .pro-navs li.cur a{background-color: #f6f6f6;color: #333;}
    .thead-nav .pro-navs li a::before{display: none;}
    .thead-nav .pro-navs li a{line-height: 32px;text-align: center;height: 32px;padding:0 15px;display: block;}
    .thead-nav .pro-navs li a img{display: none;}

    .tfooter-left{display: none;}
    .tfooter{padding:30px 0 12px;}
    .tfooter-ewm{width: 100%;margin-bottom: 12px;}
    .tfooter-cotact{width: 100%;text-align: center;margin-right: 0;}
    .tfooter-cotact img{display: none;}
    .tfooter-cotact h3{font-size: 17px;margin-bottom: 6px;}
    .tfooter-cotact h3 b{font-size: 16px;}
    .tfooter-cotact p{margin-bottom: 6px;}
    .tfooter-down{margin-top: 22px;padding-top: 20px;}
    .tfooter-down span{width: 100%;text-align: center;}

    .tnavs-list{top:0;margin-bottom: 0;margin-top: 0;box-shadow: none;}
    .tnavs-list li a{font-size: 14px;padding:0 18px;line-height: 46px;}
    .tnavs-list li::before{height: 10px;}

    .tmains-title h3{font-size: 20px;}
    .tmains-title i{height: 2px;margin-top: 5px;width: 52px;}
    .tmains-title em{display: none; font-size: 14px;}
    .tmains-title{margin-bottom: 18px;}

    .n-page{margin-top: 15px;margin-bottom: 0;}
    .n-page li{font-size: 12px;height: 28px;line-height: 28px;margin: 0 3px; margin-bottom: 5px;padding:0 6px;}
    .n-page li:first-child, .n-page li:last-child{line-height: 28px;margin:0 8px;font-size: 14px;}

    .tcontentss, .tcontentss p, .tcontentss span{font-size: 13px !important;}
    .tcontentss p, .tcontentss span{margin-top: 12px;}
    .tcontentss h3{font-size: 15px;line-height: 20px;margin:8px 0 12px;}
    .tcontentss h4{font-size: 14px;margin:8px 0 12px;}  
    

}