@charset "utf-8"; /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; } body, button, input, select, textarea /* for ie */ { font: 14px/1.5 tahoma, \5FAE\8F6F\96C5\9ED1, sans-serif, Arial; } body { background: #fff; -webkit-text-size-adjust: 100%; color: #333; font-family: \5FAE\8F6F\96C5\9ED1; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; overflow: visible; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */ em, strong, b { font-style: normal; font-weight: normal; } /** 重置列表元素 **/ ul, ol { list-style-type: none; margin: 0; padding: 0; } ul, ol, li { list-style: none; } /** 重置文本格式元素 **/ a, a:active { color: inherit; text-decoration: none; cursor: pointer; border: 0; } sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */ sub { vertical-align: text-bottom; } /** 重置表单元素 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; border-radius: 0; } /* 使得表单元素在 ie 下能继承字体大小 */ button { border: 0; background-color: none; outline: none; -webkit-appearance: none; } select { border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 14px; /*在选择框的最右侧中间显示小箭头图片*/ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; } textarea { resize: none; } /* 禁用了文本的拖拉,尤其在谷歌下 */ select, button, input, img { vertical-align: middle; } /* 注:optgroup 无法扶正 */ /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } /* 重置 HTML5 元素 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } mark { background: #ff0; } /* 标签 */ input { border: none; appearance: none; -moz-appearance: none; outline: none; -webkit-appearance: none; } input:focus { outline: none; }/* input标签聚焦不出现默认边框 */ /* input标签placeholder样式重设 */ :-moz-placeholder { color:#666; opacity:1; font-size: 14px; text-align: left; } ::-moz-placeholder { color:#666; opacity:1; font-size: 14px; text-align: left; } input:-ms-input-placeholder { color:#666; opacity:1; font-size: 14px; text-align: left; } input::-webkit-input-placeholder { color:#666; opacity:1; font-size: 14px; text-align: left; } /* 重绘元素边框盒 */ * { box-sizing: border-box; } *::before, *::after { box-sizing: border-box; } *:focus { outline: none; } /* p{text-align:justify; text-justify:distribute;} 为了使文本段落左右两边对齐 */ /* =======================================winter==自定义=========================================== */ /* 禁止文本复制粘贴 */ .banSelect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } /* 引入字体 */ @font-face { font-family: 'XXX'; src: url('../fonts/XXX.OTF'), url('../fonts/xxx.eot'), url('../fonts/xxx.eot?#iefix') format('embedded-opentype'), url('../fonts/xxx.woff2') format('woff2'), url('../fonts/xxx.woff') format('woff'), url('../fonts/xxx.ttf') format('truetype'), url('../fonts/xxx.svg#svgFontName') format('svg'); } /* 清除浮动 */ .clearFix { *zoom:1 } .clearFix:before, .clearFix:after { display: table; content: "" } .clearFix:after { clear: both } /* 文字竖排 */ .rowWords { writing-mode: vertical-lr; writing-mode: tb-lr; white-space: nowrap; } /* 文字限制行数 */ /* 限制一行 */ .lineLimit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */ .lineLimits { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /* 【不推荐】遮挡限制多行兼容 必须限高 */ .lineLimitFit { position: relative; overflow: hidden; height: auto; } .lineLimitFit:after { content: "..."; letter-spacing: 3px; font-weight: bold; position: absolute; bottom: 0; line-height: initial; right: 0; padding-left: 36px; background: -webkit-linear-gradient(left, transparent, #fff 55%); background: -o-linear-gradient(right, transparent, #fff 55%); background: -moz-linear-gradient(right, transparent, #fff 55%); background: linear-gradient(to right, transparent, #fff 55%); } /* 头部*/ .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 35px;} .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;height: 70px;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-navbar ul li.col-md-2{margin: 0 0px;} .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;}} /* 全局 */ html { webkit-text-size-adjust: none; -webkit-text-size-adjust: none; text-justify: inter-ideograph; } a { text-decoration: none; outline: 0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } /* 基础 */ * { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-touch-callout: none; margin: 0 } ::-webkit-scrollbar { width:8px; height:8px; background-color: #F5F5F5; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } input, textarea { -webkit-user-select: text } /*返回首页*/ #tip { padding-top: 30px; min-height: 640px; } #tip b { color: #0081cc; } .am-fl { float: left; } .am-fr { float: right; } .am-gotop-default a { background-color: #0e90d2; padding: .5em 1.5em; border-radius: 0; color: #fff; } .am-cf:after { clear: both; } .am-cf:after, .am-cf:before { content: " "; display: table; } .am-gotop-default a { background-color: #0e90d2; padding: .5em 1.5em; border-radius: 0; color: #fff; } .am-gotop a { display: inline-block; text-decoration: none; } .am-gotop-default { text-align: center; margin: 10px 0; } /*网站地图*/ .sitemap { overflow: hidden; line-height: 30px; padding: 10px; border-bottom: 1px solid #ddd; } .sitemap dt { float: left; margin-right: 2%; width: 14.66666667%; } .sitemap dt a { display: block; text-align: center; background: #ececec; font-size: 14px; padding: 8px 0; font-weight: normal; } .sitemap dt a:hover { background: #ccc; color: #fff; } .sitemap dd { float: left; width: 76%; } .sitemap dd a { float: left; color: #666; padding-right: 35px; line-height: 39px; transition: none; } .sitemap dd a:hover { color: #333; } @media screen and (max-width:640px) { .sitemap { padding: 5px 0; } .sitemap dt { width: 22%; } .sitemap dt a { font-size: 12px; } .sitemap dd a { font-size: 12px; padding-right: 3%; line-height: 23px; } } /*网站标签*/ .tags_list { min-height: 360px; overflow: hidden; line-height: 30px; padding: 10px; border-bottom: 1px solid #ddd; } .tags_list dt { float: left; margin-right: 2%; margin-bottom: 2%; width: 14.66666667%; } .tags_list dt a { display: block; text-align: center; background: #ececec; font-size: 14px; padding: 8px 0; font-weight: normal; } .tags_list dt a:hover { background: #ccc; color: #fff; } @media screen and (max-width:640px) { .tags_list { padding: 5px 0; } .tags_list dt { min-width: 32%; } .tags_list dt a { font-size: 12px; } .tags_list dt:nth-child(3n) { margin-right: 0; } } .tags { overflow: hidden; margin-bottom: 20px; } .tags span { float: left; display: block; line-height: 40px; } .tags a { border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; line-height: 28px; padding: 0 6px; margin: 5px; background: #fff; border: 1px solid #dadada; } .tags a:hover { background: #0081cc; border-color: #0081cc; color: #fff; } /*微信弹窗*/ #wxnr { width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; display: none; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); } #wxnr .nrdf { margin: auto; position: absolute; top: 50%; left: 0; right: 0; width: 300px; height: 300px; padding: 20px; padding-top: 35px; margin-top: -150px; text-align: center; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; box-sizing: border-box; } #wxnr img { width: 135px; height: 135px; display: block; margin: 0 auto; } #wxnr p { color: #333; font-size: 14px; line-height: 25px; text-align: center; } #wxnr i.x { position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; font-size: 12px; line-height: 18px; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 100%; cursor: pointer; } #wxnr span { display: inline-block; padding: 3px 5px; line-height: 18px; background-color: #0081cc; color: #fff; border-radius: 5px; cursor: pointer; } #wxnr span i { color: #fff; margin-right: 5px; } /*复制提示*/ #weixin { position: fixed; top: 50%; margin-top: -25px; z-index: 9999999; font-size: 16px; color: #fff; width: 90%; right: 5%; line-height: 46px; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; border-radius: 5px; display: none; } /*视频样式*/ video { width: 100%; height: auto; background-color: #000; } /*播放器颜色*/ .plyr__control--overlaid, .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { background: #0081cc; } .plyr--full-ui input[type=range] { color: #0081cc; } .comment-main{width: 100%;background: #FFF;border-bottom: 3px solid #eee;margin-top: 20px;font-size: 12px;color: #666;line-height: 14px;transition: all .5s;} .comment-title{width: 100%;height: 40px;line-height: 40px;background: #fafafa;} .comment-title span{float: left;font-size: 14px;line-height: 40px;display: block;padding: 0 30px;background: #0081cc;color: #FFF;} .digsup{display:flex;justify-content:center;margin:30px 0 10px 0;} .digsup a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;} .digsup a i{font-size:30px;color:#999;} .digsup a em{display:block;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;} .digsup a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)} .digsup a:hover i{color:#f60;}