@charset "utf-8";
/* 头部*/
.Header-wrapper{width: 100%;background: #1F1F1F;position: fixed;left: 0;top: 0;z-index: 1000;transition: all .4s ease-in-out;}
.Header-wrapper:after{content: "";position: absolute;width: 100%;height: 1px;background: #e7e9ec;left: 0;bottom: 0;opacity: 0;transition: all .4s ease-in-out;}
.Header-container{width: 100%;height: 80px;margin: 0 auto;}
.Header-logo{float: left;position: relative;margin-left: 2%;z-index: 9995;}
.Header-logo a{height: 80px;line-height: 80px;float: left;}
.Header-logo a img{height: auto;}
.Header-navbar{float: left;font-size: 0;margin-left: 2%;}
.Header-navbar ul li{display: inline-block;margin: 0 38px;}
.Header-navbar ul li:last-child{padding-right: 0;border: 0;}
.Header-navbar ul li:hover .Header-Menu:before{opacity: 1;}
.Header-navbar ul li:nth-child(1) .Header-Menu:before{display: none;}
.Header-Menu{display: block;height: 80px;line-height: 80px;font-size: 18px;color: #fff;padding: 0 4px;position: relative;}
.Header-Menu2{font-size: 16px;color: #666;}
.Header-Menu:hover,.Header-Menu.cur{color: #ff8400;}
.Header-navbar ul li.ontrue .Header-Menu{color: #ff8400;border-bottom: 3px solid #ff8400;}
.Header-Menu:before{pointer-events: none;position: absolute;z-index: -1;content: '';border-style: solid;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);bottom: 0;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;opacity: 0;transition: all .5s;}
.Header-sunNav{display: none;position: absolute;left: 0;top: 80px;width: 100%;padding: 34px 0;background: rgba(27,28,28,.7);backdrop-filter: blur(5px);z-index: 991;font-size: 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.Header-sunNav.ontrue{animation:sunNavDown 400ms ease both;}
.Header-sunNavl{padding: 0 14px 0 44px;border-right: 0px solid #ececec;width: 1600px;margin: 0 auto;}
.Header-sunNavl>div{text-align: center;width: 100%;}
.Header-sunNavl-img{width: 30%;height: auto;overflow: hidden;text-align: center;line-height: 160px;}
.Header-sunNavl-img img{width: 280px;height: auto;object-fit: cover;transition: all .4s ease-in-out;}
.Header-sunNavl-img img:hover{transform: scale(1.1);}
.Header-sunNavl-click{width:66%;margin-left: 4%;float: left;display: none;}
.Header-sunNavl-clicka a{display: none;height: 38px;font-size: 16px;color: #fff;width: 148px;background: url('../images/sunnavArrH.png') no-repeat right 6px;position: relative;transition: all .4s ease-in-out;border-bottom: 1px solid #ccc;width: 16%;margin-right: 4%;}
.Header-sunNavl-clicka a:after{content: "";position: absolute;left: 0;bottom: 0;height: 2px;width: 0%;background: #f2f2f2;transition: all .4s ease-in-out;}
.Header-sunNavl-clicka a:hover:after{height: 2px;width: 100%;background: #ff8400;}
.Header-sunNavl-clicka a{margin-bottom: 22px;}
.Header-sunNavl-clicka a:hover{color: #ff8400;background: url('../images/sunnavArrH.png') no-repeat right 6px;}
.Header-sunNavl-img{display: none;}
.Header-sunNavl-img.ontrue{display: block;}
.Header-wrapper .tel{float: right;display: flex;align-items: center;font-size: 22px;line-height: 80px;margin-right: 2%;}
.Header-wrapper .tel img{width: 28px;height: 28px;margin-right: 12px;}
.Header-wrapper .tel strong{color: #ff8410;}
#xdt{display:block}
#xxdt{display:none}
.Header-lang{width: 50px;height: 80px;float: right;font-size: 16px;color: #f8f8f8;line-height: 80px;margin-right: 2%;}
.Header-lang a{display: block;}
.Header-lang i{float: left;display: block;width: 18px;height: 80px;background:transparent url('../images/ball.png') no-repeat center center;margin-right: 5px;}
.Header-lang a:hover{color: #0080cc;}
.Header-search{width: 50px;height: 80px;float: right;user-select: none;cursor: pointer;position: relative;}
.Header-searclick{width: 50px;height: 80px;background:transparent url('../images/searchH.png') no-repeat center center;cursor: pointer;user-select: none;}
.Header-searwords{display: none;position: absolute;width: 360px;height: 44px;background-color: #fff;right: 0;top: 80px;padding-right: 44px;box-sizing: border-box;font-size: 0;}
.Header-searwords input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 10px;outline: none;font-size: 16px;color: #000;display: block;}
.Header-searsubmit{width: 50px;height: 44px;cursor: pointer;display: inline-block;background: #fff url("../images/searchH.png") no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;transition: all .3s linear;}
.Header-searclick.ontrue{background: url('../images/close.png') no-repeat center center;}
/* 手机下拉按钮*/
.Header-sunNavClick{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../images/icon-dd1.png') no-repeat center center /16px auto;transition: all .5s;}
.Header-sunNavClick.ontrue{transform: rotate(180deg);}
/* 手机汉堡键*/
.Header-navclick{height: 60px;margin-right: 0%;cursor: pointer;float: right;user-select: none;display: none;width: 30px;}
.Header-navclick span{width: 30px;height: 2px;background: #fff;display: block;position: relative;margin-top: 29px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards;}
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore{0%{-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
50%{-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
100%{-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}}
@-webkit-keyframes buttonAnimationBefore{0%{-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
50%{-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
100%{-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}}
@keyframes buttonAnimationBefore{0%{-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
50%{-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
100%{-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}}
@-moz-keyframes buttonAnimationAfter{0%{-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
50%{-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
100%{-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}}
@-webkit-keyframes buttonAnimationAfter{0%{-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
50%{-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
100%{-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}}
@keyframes buttonAnimationAfter{0%{-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
50%{-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
100%{-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}}
@-moz-keyframes buttonAnimation{0%{background: transparent;}
50%{background: rgba(255, 255, 255, 0);}
100%{background: rgba(255, 255, 255, 0);}}
@-webkit-keyframes buttonAnimation{0%{background: transparent;}
50%{background: rgba(255, 255, 255, 0);}
100%{background: rgba(255, 255, 255, 0);}}
@keyframes buttonAnimation{0%{background: transparent;}
50%{background: rgba(255, 255, 255, 0);}
100%{background: rgba(255, 255, 255, 0);}}
/* ===== 中部 =====*/
.Container-wrapper{width: 100%;height: auto;}
#nb_invite_wrap{display:none!important;}
/* ===== 共用部分 =====*/
.pub_title{text-align: center;width: 100%;text-align: center;position: relative;z-index: 5;}
.pub_title h5{font-size: 40px;color: #111;font-weight: bold;}
.pub_title h5 span{position: relative;padding-right: 10px;}
.pub_title h2{font-size: 40px;color: #111;font-weight: bold;}
.pub_title h2 span{position: relative;}
.pub_title h6{font-size: 16px;color: #888;font-weight: normal;padding-top: 20px;}
.pub_title h6 a{text-align: center;padding: 0 20px;}
.pub_title h6 a:hover{color: #0081cc;}
.pub_title2{text-align: center;width: 100%;text-align: center;position: relative;z-index: 5;}
.pub_title2 h5{font-size: 40px;color: #111;font-weight: bold;padding-bottom: 20px;}
.pub_title2 h5 span{position: relative;padding-right: 10px;}
.pub_title2 h2{font-size: 40px;color: #fff;font-weight: bold;padding-bottom: 20px;}
.pub_title2 h2 span{position: relative;}
.pub_title2 h6{font-size: 16px;color: #fff;font-weight: normal;}
/* 置顶*/
.Backtop{position: fixed;right: -55px;bottom: 10.6%;z-index: 999999;width: 44px;height: 44px;cursor: pointer;display: none;background: rgba(176, 176, 176, .8) url('../images/toTop.png') no-repeat center center;transition: all .5s;}
.Backtop:hover{background-color: #0081cc;}
/* 公共banner*/
.pub-banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.pub-banner .img{width: 100%;height: auto;overflow: hidden;}
.pub-banner .img img{width: 100%;height: auto;object-fit: cover;min-height: 300px;}
.pub-banner .text{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;}
.pub-banner .text h5{font-family: 'impact';font-size: 45px;color: #fff;animation: bannerWordsdown 1s ease both 400ms;}
.pub-banner .text h6{font-size: 18px;color: #fff;animation: bannerWordsup 1s ease both 600ms;}
@keyframes bannerWordsdown{0%{transform: translateY(-60px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;}}
@keyframes bannerWordsup{0%{transform: translateY(40px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;}}
.banner-list-main{width: 100%;height: auto;overflow: hidden;/*position: absolute;*/left: 0;bottom:0px;background: rgba(0, 0, 0, 0.5);}
.banner-list{width: 1260px;line-height: 70px;margin: 0 auto;overflow: hidden;}
.banner-list ul{float: left;}
.banner-list ul li{float: left;padding: 0 30px;position: relative;text-align: center;}
.banner-list ul li a{display: block;font-size: 16px;color: #fff;}
.banner-list ul li a:hover, .banner-list ul li.on a{color: #ff8410;}
.banner-list ul li::after{position: absolute;content: "";width: 1px;height: 16px;top: 28px;right: 0px;background-color: #fff;}
.banner-list ul li:last-child::after{display: none;}
.banner-list ul li:before{pointer-events: none;position: absolute;z-index: 2;content: '';border-style: solid;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);bottom: 0;border-width: 0 10px 10px 10px;border-color: transparent transparent #ff8410 transparent;opacity: 0;transition: all .5s;}
.banner-list ul li:hover:before,.banner-list ul li.on:before{opacity: 1;}
.banner-list ul li.ontrue:before{opacity: 1;}
.banner-list ul li.ontrue a{color: #22aeff;}
.banner-list-right{float: right;font-size: 14px;color: #fff;line-height: 70px;}
.banner-list-right a{font-size: 14px;color: #fff;}
.banner-list-right a:hover{color: #ff8410;}
.banner-list-right span{font-size: 14px;padding: 0 6px;}
.news-move{float: left;max-width: 50%;overflow: hidden;line-height: 70px;}
.news-move h6{float: left;font-size: 14px;color: #fff;line-height: 70px;padding-left: 25px;background: url('../images/news-move.png') left center no-repeat;}
.move-text{position: absolute;width: 50%;line-height: 70px;padding-left: 95px;color: #fff;}
.move-text .text1 a{font-size: 14px;color: #fff;line-height: 70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.move-text .text1 a:hover{color: #22aeff;}
/* 产品banner*/
.pro-banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.pro-banner .img{width: 100%;height: auto;overflow: hidden;}
.pro-banner .img img{width: 100%;height: auto;object-fit: cover;min-height: 180px;}
.pro-banner .text{width: 400px;height: auto;position: absolute;left: 16.5%;top: 45%;transform: translate(0,-50%);z-index: 2;}
.pro-banner .text h4{font-size: 28px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 100ms;}
.pro-banner .text h5{font-size: 60px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 400ms;}
.pro-banner .text h6{font-size: 20px;color: #fff;font-weight: normal;line-height: 32px;animation: bannertext 0.8s ease-in-out both 700ms;}
.pro-banner .text a{border: 1px solid #fff;padding: 20px 40px;border-radius: 40px;color: #fff;display: inline-block;margin-top: 20px;animation: bannertext 0.8s ease-in-out both 1000ms;font-size: 14px;}
.pro-banner .text a:hover{color: #22aeff;border-color: #22aeff;}
@keyframes bannertext{0%{transform: translateX(120px);opacity: 0;}
100%{transform: translateX(0);opacity: 1;}}
.pro-banner .text2{width: 450px;height: auto;position: absolute;right: 16.5%;top: 45%;transform: translate(0,-50%);z-index: 2;}
.pro-banner .text2 h4{font-size: 28px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 100ms;}
.pro-banner .text2 h5{font-size: 60px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 400ms;}
.pro-banner .text2 h6{font-size: 20px;color: #fff;font-weight: normal;line-height: 32px;animation: bannertext 0.8s ease-in-out both 700ms;}
.pro-banner .text2 a{border: 1px solid #fff;padding: 20px 40px;border-radius: 40px;color: #fff;display: inline-block;margin-top: 20px;animation: bannertext 0.8s ease-in-out both 1000ms;font-size: 14px;}
.pro-banner .text2 a:hover{color: #22aeff;border-color: #22aeff;}
.pro-banner .tinyprize{position: absolute;top: 60%;z-index:2;right:75%}
.pro-banner .q8prize{position: absolute;top: 60%;z-index:2;right:21%}
.pro-banner .q7prize{position: absolute;top: 50%;z-index:2;right:70%}
.pro-banner .q6prize{position: absolute;top: 55%;z-index:2;right:70%}
.pro-banner .q5prize{position: absolute;top: 56%;z-index:2;right:20%}
.pro-banner .q10prize{position: absolute;top: 59%;z-index:2;right:20%}
.pro-banner .a5prize{position: absolute;top: 60%;z-index:2;right:70%}
.pro-banner .a4prize{position: absolute;top: 60%;z-index:2;right:70%}
.pro-banner .golftimeprize{position: absolute;top: 55%;z-index:2;right:20%}
.pro-moder-tu1{text-align: center;}
.pro-moder-tu1 img{width: auto;margin-top:5px}
.ktitle{font-size: 48px;color: #fff;font-weight: bold;text-align: center;}
#fdh{width:71%;font-weight: bold!important;font-size: 20px;}
.foot_topbg,.foot_bottom{
    padding: 0 10px;
}
/* -------------------------PC端---------------------------*/
@media all and (min-width:1900px){.Footer-code{padding-left:200px;}}
@media all and (max-width:1700px){
/* 1600 × (900/1024/1200)*/
.Footer-container,.Footer-copyright{width: 92%;}
.Header-container{width: 92%;}
.Header-sunNavl{width: 92%;}
.Header-navbar ul li{margin: 0 25px;}}
@media all and (max-width:1600px){
/* 1440 × (900/1050)*/
.pub_title h5{font-size: 36px}
.pub_title h2{font-size: 36px}
.pub_title2 h5{font-size: 36px}
.pub_title2 h2{font-size: 36px}
.pub-banner .text h5{font-size: 60px}
.pub-banner .text2 h5{font-size: 60px}
.banner-list ul li{padding: 0 22px;}
.Header-navbar ul li{margin: 0 15px;}}
@media all and (max-width:1440px){
/* 1360 × (768)*/
.pub_title h6 a{padding: 0 15px;}
.pub-banner .text h5{font-size: 50px}
.pub-banner .text h6{font-size: 16px}
.pub-banner .text2 h5{font-size: 50px}
.pub-banner .text2 h6{font-size: 16px}
.banner-list ul li{padding: 0 16px;}
.banner-list{width: 92%;}
.Header-Menu{font-size: 16px;}
.Header-navbar ul li{margin: 0 15px;}
.Header-wrapper .tel{font-size: 20px;}}
@media all and (max-width:1359px){
/* 1280 × (800/854/1024)*/
.pub_title h5{font-size: 32px}
.pub_title h2{font-size: 32px}
.pub_title h2{font-size: 32px}
.pub_title h6{font-size: 14px;}
.pub_title2 h5{font-size: 32px}
.pub_title2 h2{font-size: 32px}
.pub_title2 h6{font-size: 14px;}
.Header-sunNavl-clicka a{display: block;height: 38px;font-size: 16px;color: #333;width: 116px;}
.banner-list ul li{padding: 0 10px;}
.banner-list ul li a{font-size: 14px;}
.Header-navbar ul li{margin: 0 10px;}}
@media all and (max-width:1279px){
/* 1152 × (864)*/
.Header-navbar ul li{margin: 0 8px;}
.Header-Menu{font-size: 14px;}
.pub_title h5{font-size: 30px;}
.pub_title2 h5{font-size: 30px;padding-bottom: 10px;}
.pub_title h2{font-size: 30px;}
.pub_title2 h2{font-size: 30px;padding-bottom: 10px;}
.pub_title h6{padding-top: 10px;}
.pub_title h6 a{text-align: center;padding: 0 10px;}
.banner-list ul li{padding: 0 6px;}}
@media all and (max-width:1151px){
/* 1024 × (600/768)*/
.Header-sunNavl-clicka a{display: block;height: 38px;font-size: 14px;color: #666;width: 100px;}
.pub_title h6 a{text-align: center;padding: 0 5px;font-size: 12px;}
.Header-logo{margin-left: 0;}
.Header-navbar{margin-left: 1%;}
.Header-navbar ul li{margin: 0 4px;}
.Header-wrapper .tel{font-size: 18px;margin-right: 0;}
.Header-wrapper .tel img{width: 25px;height: 25px;margin-right: 10px;}}
#sol{font-size:38px;font-family:'Noto Sans SC';font-weight:50;margin-top:-1px}
/* ------------------------手机端--------------------------*/
@media all and (max-width:1000px){
.Header-logo{margin-left: -2%;}
.Header-logo a img{height: 50px;}
/* 360移动终端以上*/
.Header-wrapper:after{/* opacity: 1; */}
.Header-container{height: 60px;/* background: #1f1f1f !important; */position: static;}
.Header-logo a{height: 60px;line-height: 60px;}
.Header-searclick{height: 60px;line-height: 60px;background: transparent url("../images/searchH.png") no-repeat center center;}
.Header-search{height: 60px;}
.Header-navclick{display: block;}
.Header-navbarbox{display: none;width: 100%;background: rgba(27,28,28,.7);backdrop-filter: blur(5px);position: fixed;top: 59px;left: 0;box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
.Header-navbar{float: left;width: 100%;margin: 0;}
.Header-navbar ul li{display: block;width: 100%;position: relative;padding: 0;border-bottom: 0.01rem solid rgba(255,255,255,.1);}
.Header-navbar ul li:hover .Header-Menu:before{display: none;}
.Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;padding: 0 3%;}
.Header-navbar ul li.ontrue .Header-Menu{color: #393939;border-bottom: 0px solid #fff;}
.docker-container-product ul li{display:none;}
.docker-container-video ul li{display:none}
.Header-sunNavl-click{display: block;}
.Header-wrapper .tel{width: 100%;justify-content: center;} 
.pro-banner .img img{width: 100%;height: auto;object-fit: cover;min-height: 180px;margin-top:44px}
.pro-banner .text2,.pro-banner .textyy{margin-top:30px}
.pimgw{width:120px}
.pro-banner .tinyprize{right:10%;top:75%}
.pro-banner .q8prize{right:70%;top:70%}
.pro-banner .q7prize{right:10%;top:78%}
.pro-banner .q6prize{right:10%;top:75%}
.pro-banner .q5prize{right:10%;top:75%}
.pro-banner .q10prize{right:10%;top:75%}
.pro-banner .a5prize{right:10%;top:75%}
.pro-banner .a4prize{right:10%;top:80%}
.pro-banner .golftimeprize{right:10%;top:70%}
.pro-moder-tu1 img{width: 80%}
#dh{visibility:hidden;}
#fdh{width:98% !important;}
#xdt{display:none}
#xxdt{display:block}
.Header-sunNavl-img.ontrue{display: none;}
.Header-sunNavr{display: none}
.Header-sunNavl-img{display: none}
.Header-sunNavClick{display: block;}
.Header-sunNav{position:static;top: 0;left: 0;padding: 0 3%;background: rgba(255,255,255,.1);box-shadow: none;border-top: 0.01rem solid rgba(0,0,0,0.2);}
.Header-search{position:static;width: 35px;}
.Header-searclick{width: 35px;}
.Header-searwords{width: 100%;top: 60px;border-top: 0px solid #f3f3f3;height: 44px;}
.Header-lang{height: 60px;line-height: 60px;}
.Header-lang i{height: 60px;}
.Header-sunNavl{padding: 0;border-right: none;float: left;}
.Header-sunNavlr>div{float: left;margin: 0;}
.Header-sunNavl{width: 100%;}
.Header-sunNavl-click{margin-left: 0;width: 94%;display: block;}
.Header-sunNavl-clicka a{width: 100%;background: url('../images/sunnavArrH.png') right no-repeat;line-height: 30px;height: 30px;display: block;float: left;margin: 1% 0;margin-right: 2%;font-size: 14px;text-align: left;color: #fff;border-bottom: 0.01rem solid rgba(255,255,255,.2);}
.Header-sunNavl-click a:last-child{border: 0;}
/* 公共banner*/
.pub-banner .img img{min-height: 220px;}
.pub-banner .text{top: 40%;}
.pub-banner .text h5{font-size: 38px}
.pub-banner .text h6{font-size: 14px}
.pub-banner .text2{top: 40%;}
.pub-banner .text2 h5{font-size: 38px}
.pub-banner .text2 h6{font-size: 14px}
.banner-list{width: 100%;height: auto;line-height: 30px;}
.banner-list ul{width: 100%;}
.banner-list ul li{width: 25%;padding: 0px;}
.banner-list ul li::after{height: 10px;top: 10px;right: 0px;background-color: #fff;}
.banner-list ul li:nth-child(4n):after{display: none;}
.banner-list ul li:before{display: none;}
.news-move{line-height: 40px;}
.news-move h6{line-height: 40px;margin-left: 3px;}
.move-text{width: 90%;line-height: 40px;}
.move-text .text1 a{line-height: 40px;}
.banner-list-right{display: none;}
/* 产品banner*/
.pro-banner .text{width: 300px;height: auto;left: 5%;}
.pro-banner .text h4{font-size: 14px;}
.pro-banner .text h5{font-size: 24px;}
.pro-banner .text h6{font-size: 12px;line-height: 24px;}
.pro-banner .text a{padding: 5px 12px;margin-top: 10px;font-size: 12px;}
.pro-banner .text a:hover{color: #22aeff;border-color: #22aeff;}
.pro-banner .text2{width: 300px;height: auto;left: 5%;}
.pro-banner .text2 h4{font-size: 14px;}
.pro-banner .text2 h5{font-size: 24px;}
.pro-banner .text2 h6{font-size: 12px;line-height: 24px;}
.pro-banner .text2 a{padding: 5px 12px;margin-top: 10px;font-size: 12px;}
.pro-banner .text2 a:hover{color: #22aeff;border-color: #22aeff;}
#sol{font-size: 18px;}
.foot_bottright{display: none;}}
/* --------------------------fullpage-PUB-box-------------------------------*/
.fullpage-PUB-box{width: 100%;overflow: hidden;padding: 30px 0;}
.fullpage-PUB{width: 100%;font-size: 0;text-align: center;}
.fullpage-PUB li{display: inline;}
.fullpage-PUB a{display: inline-block;height: 42px;line-height: 42px;background-color: #f4f4f4;font-size: 14px;color: #555;margin: 0 6px;border-radius: 3px;padding: 0 16px;}
.fullpage-PUB a:hover,.fullpage-PUB a.hover{background-color: #0081cc;color: #fff;}
.fullpage-PUB a:first-child:hover i{background-image: url('../images/page_leftH.png');}
.fullpage-PUB a:last-child:hover i{background-image: url('../images/page_rightH.png');}
@media all and (max-width:1000px){.fullpage-PUB a{height: 30px;line-height: 30px;font-size: 14px;margin: 0 3px;padding: 0 11px;}
.fullpage-PUB a:first-child,.fullpage-PUB a:last-child{display: none;}
.fullpage-PUB-box{padding: 20px 0 20px 0;}}
/* 底部*/
.Footer-wrapper{width: 100%;background-color: #1f1f1f;}
.Footer-contact{width: 100%;background: #161616;}
.Footer-contact li{width: 33.3333%;float: left;padding: 0 68px 0 44px;height: 130px;display: flex;align-items: center;position: relative;}
.Footer-contact li::after{content: "";position: absolute;width: 2px;height: 42px;right: -1px;top: 50%;background: #1f1f1f;margin-top: -21px;}
.Footer-contact li:last-child::after{display: none;}
.Footer-contact-items{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;align-items: center;}
.Footer-contact-items i, .Footer-contact-items h6{display: block;position: relative;}
.Footer-contact-items i{width: 64px;float: left;}
.Footer-contact-items i img{max-width: 40px;}
.Footer-contact-items h6{width: calc(100% - 64px);float: right;padding-left: 26px;}
.Footer-contact-items h6 b{display: block;line-height: 1;font-size: 16px;color: #fff;font-weight: 700;margin-bottom: 8px;}
.Footer-contact-items h6 p{font-size: 14px;color: #c2c2c2;line-height: 22px;}
.Footer-contact-items h6::before{content: "";position: absolute;width: 1px;height: 20px;left: 0;top: 50%;background: #1d2088;margin-top: -10px;}
.Footer-items{width: 100%;padding: 80px 0 48px;border-bottom: 1px solid #2c2c2c;}
.Footer-logo{width:208px;float: left;}
.Footer-logo img{max-width: 100%;}
.Footer-navbar{width: 82%;float: right;}
.Footer-navbar ul{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;}
.Footer-navbar li{width: auto;}
.Footer-menu{font-size: 18px;color: #fff;}
body.PC .Footer-drop{display: block !important;}
.Footer-drop, .Footer-code{width: 100%;margin-top: 18px;}
.Footer-drop a{display: block;font-size: 14px;color: #cdcdcd;padding: 7px 0;transition: all .4s ease;}
.Footer-drop a:hover{color:#fff;}
.Footer-code img{max-width: 124px;margin-top: 12px;}
.Footer-copyright{width: 100%;padding: 20px 0;}
.Footer-copyright h6{font-size: 14px;color: #cdcdcd;height: 28px;line-height: 28px;text-align: center;}
.Footer-copyright-icon{float: right;font-size: 0;position: relative;padding-left: 70px;}
.Footer-copyright-icon span{color: #cdcdcd;font-size: 14px;height: 28px;line-height: 28px;position: absolute;left: 0;top: 0;}
.Footer-copyright-icon a{display: inline-block;opacity: 0.7;width: 28px;height: 28px;line-height: 28px;text-align: center;position: relative;margin-left: 10px;transition: all .4s ease;}
.Footer-copyright-icon a>img{height: 18px;}
.Footer-copyright-icon-code{display: none;width: 130px;height: 130px;padding: 2px;position: absolute;bottom: 40px;left: 50%;margin-left: -65px;background: #fff;}
.Footer-copyright-icon-code::after{content: "";display: block;width: 0px;height: 0px;border: 8px solid transparent;border-top-color: #fff;position: absolute;bottom: -16px;left: 50%;margin-left: -8px;}
.Footer-copyright-icon-code img{width: 100%;height: 100%;object-fit: cover;}
.Footer-copyright-icon a:hover{opacity: 1;}
.Footer-copyright-icon a:hover .Footer-copyright-icon-code{display: block;animation: FooterIcon .6s ease-in-out both;}
@keyframes FooterIcon{0%{transform: translateY(-16px);}
100%{transform: translateY(0);}}
/*底部信息*/
footer{margin-top: 0px;color:#9a9a9a;padding:80px 0px 50px 0px;background-color: #1f1f1f;border-top: 5px solid #0066d9;border-bottom: 0px solid #2c2c2c;}
footer a{color:#9a9a9a;}
footer a:hover{color:#9a9a9a;}
.footer_logo{max-width: 196px;}
.footer_logo_text{width: 196px;text-align: center;margin-top: 15px;padding-top: 15px;border-top: 1px solid #5f5f5f;line-height: 22px;}
.footer_sitemap{color: #9a9a9a;}
.footer_sitemap:hover,
.footer_sitemap:focus{color: #fff;text-decoration: none;}
/*底部分类*/
.footer_menu a{color: #9a9a9a;}
.footer_menu a:hover{color: #fff;text-decoration: none;}
.footer_menu_first{font-weight: bold;}
.footer_qrcode{max-width: 130px;}
.footer_qrcode_text{width: 130px;text-align: center;margin-top: 15px;}
/*友情链接*/
.link_box{background-color: #1a1a1d;padding: 20px 0px 20px 0px;text-align: center;color: #999999;font-size: 13px;}
.link_box a{color: #999999;padding:0px 0px 0px 10px;font-size: 13px;}
.link_box a:hover{text-decoration: none;color: #fff;}
.link_box a:last-child{border-right:0px;}
.link_box button{display: none;}
.link_title{font-size: 13px;margin-right: -6px;}
.link_title:after{content:"";}
/*底部TAGS*/
.tags_box{background-color: #1a1a1d;padding: 5px 0px 20px 0px;text-align: center;color: #999999;font-size: 13px;}
.tags_box a{color: #999999;padding:0px 2px 0px 8px;font-size: 13px;}
.tags_box a:hover{text-decoration: none;color: #fff;}
.tags_box a:last-child{border-right:0px;}
.tags_box button{display: none;}
.tags_title{font-size: 13px;margin-right: -6px;}
.tags_title a{padding:0px;}
.tags_title:after{content:"：";}
/*小屏幕样式*/
@media screen and (max-width: 768px){
/*手机-底部信息*/
footer{padding-top: 40px;padding-bottom:25px;}
.footer_logo, .footer_logo_text{display: none;}
.footer_contact{margin-bottom:30px;}
.footer_qrcode{display: block;max-width: 130px;margin: 0 auto;margin-top: 25px;}
.footer_qrcode_text{width: 130px;margin: 0 auto;margin-top: 10px;margin-bottom: 35px;}
/*手机-友情链接*/
.link_box{padding-left: 7px;}
.link_box a{display: block;border-right:0px;padding:4px 0px;}
.link_title{display: block;}
.link_title:after{content:"";}
.link_box button{display: inline-block;background-color: transparent;border: none;float: right;margin-top: -20px;}
.link_box button:hover, .link_box button:focus{color: #97f3e7;}
.link_list{display: none;padding-top: 7px;}
/*手机-Tags标签*/
.tags_box{padding-left: 7px;margin-bottom: 50px;}
.tags_box a{display: block;border-right:0px;padding:4px 0px;}
.tags_title{display: block;}
.tags_title:after{content:"";}
.tags_box button{display: inline-block;background-color: transparent;border: none;float: right;margin-top: -20px;}
.tags_box button:hover, .tags_box button:focus{color: #97f3e7;}
.tags_rows{display: none;padding-top: 7px;}
.banner-list-main{bottom:51%;}}
@media (min-width: 1200px){.container{width: 1600px;}}
.foot_bottombg{width: 100%;background-color: #323639;height:184px;}
@media screen and (min-width: 1200px){.cfcontwidth{padding: 0 18%}
.foot_bottomleft{width: 50%}
.two_conta{padding: 0 20px;}
.company_bg{padding: 0 10px;}
.company_tiele .cxzl_padding{padding-right: 50px;}
.input_width{width: 350px;}
.hyzx_boredr{}
.shouji_padd{display: none}
.hyzx_bg{padding-top: 60px;}} @media screen and (max-width: 750px){.cfcontwidth{padding: 0}
.footop{display: none;}
.foot_topbg{padding: 0 10px;display: none;}
.foot_bottom{padding: 0 10px;}
.foot_bottomright{display: none}
.foot_bottombg .foot_bottomleft{width: 100%;border-right:none;text-align: center;}
.two_conta{padding: 0 0px;}
.four_cont{padding: 0 10px;text-align: justify}
.company_bg{padding:0;}
.am-list .am-list-item-dated a{margin-right: 0px;}
.compan_icon{display: none}
.company_tiele .cxzl_padding{padding-right: 24px;}
.paleftright li{width: 100%;}
.input_width{width: 60%;}
.hyzx_bg .hyzx_left{display: none}
.shouji_padd{padding:30px 10px 0 10px}
.hyzx_boredr{margin-left: 0;}}
.col-md-2{width: 16.66666667%;}
.header-border{margin: .5% 0;border-right: 1px solid #898989;}
header .docker-container .docker-content .docker-container-width a{color: #b5b5b5;font-size: 16px;font-weight: 600;}
.nav-title{font-size: 14px!important;font-weight: 200!important;color: #F7F7F7!important;}
.nav-title:hover{color: #ff8400!important;}
.docker-container-product{width: 100%;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{display: block;max-width: 100%;height: auto;}
.col-md-3{width: 20%;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;transition: all .5s;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: rgba(0,0,0,.5);backdrop-filter: blur(5px);margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0081cc;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0081cc;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0081cc;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;margin: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #01848b;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #0081cc;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
.f_kslj{position: fixed;bottom: -70px;width: 100%;height: 60px;z-index: 1000;background: rgba(0,0,0,0.7);backdrop-filter: blur(5px);transition: all .5s;}
.f_kslj ul{display: flex;}
.f_kslj ul li{width: 100%;}
.f_kslj ul li a{color: #fff;line-height: 25px;text-align: center;display: block;padding: 10px 0;}
.f_kslj ul li a i{display: block;font-size: 18px;}
@media all and (max-width:1000px){.toolbar{right: -100px;}
.Backtop{right: 2%;}}
@media all and (max-width:750px){.foot_bottombg{height: auto!important;padding-bottom: 60px;}
.f_kslj{bottom: 0;}}