@charset "utf-8";
/* 头部*/
.header-wrapper{width: 100%;background: #005bac;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: #005bac;}
.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(0,91,172,.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: 17px;color: #fff;width: 148px;background:  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:  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;margin-right: 2%;}
.header-wrapper .tel img{width: 28px;height: 28px;margin-right: 12px;}
.header-wrapper .tel strong{color: #ffffff;}
#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  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  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  no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;transition: all .3s linear;}
.header-searclick.ontrue{background:  no-repeat center center;}
/* 手机下拉按钮*/
.header-sunnavclick{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background:  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)  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;height: 60px;line-height: 60px;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: 16px;color: #fff;line-height: 60px;}
.banner-list-right a{font-size: 16px;color: #fff;}
.banner-list-right a:hover{color: #ff8410;}
.banner-list-right span{font-size: 16px;padding: 0 6px;}
.news-move{float: left;max-width: 50%;overflow: hidden;line-height: 60px;}
.news-move h6{float: left;font-size: 14px;color: #fff;line-height: 60px;padding-left: 25px;background:  left center no-repeat;}
.move-text{position: absolute;width: 50%;line-height: 60px;padding-left: 95px;color: #fff;}
.move-text .text1 a{font-size: 14px;color: #fff;line-height: 60px;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  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:  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: ;}
.fullpage-pub a:last-child:hover i{background-image: ;}
@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: 16px!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(/uploads/image/ttimages/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;}}