/** 清除内外边距 **/
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("../image/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>标签 */
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?') 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') 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%); }
/* 全局 */
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: #15A45C; }
.am-fl { float: left; }
.am-fr { float: right; }
.am-gotop-default a { background-color: #15A45C; 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: #15A45C; 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; }
/* 头部*/
.Header-wrapper { width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 1000; transition: all .4s ease-in-out; box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.1); }
.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 { max-height: 50px; }
.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: #333; padding: 0 4px; position: relative; }
.Header-Menu2 { font-size: 16px; color: #666; }
.Header-Menu:hover, .Header-Menu.cur { color: #15A45C; }
.Header-navbar ul li.ontrue .Header-Menu { color: #15A45C; border-bottom: 3px solid #15A45C; }
.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 #15A45C transparent; opacity: 0; transition: all .5s; }
.Header-sunNav { display: none; position: absolute; left: 0; top: 80px; width: 100%; padding: 34px 0; background: rgba(21,164,92,.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 #eee; 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('../image/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: 1px; width: 100%; background: #fff; }
.Header-sunNavl-clicka a { margin-bottom: 22px; }
.Header-sunNavl-clicka a:hover { color: #15A45C; background: url('../image/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: #15A45C; }
#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('../image/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: #333; 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: #333; 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: #15A45C; }
.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('../image/toTop.png') no-repeat center center; transition: all .5s; }
.Backtop:hover { background-color: #15A45C; }
/* 公共banner*/
.pub-banner { width: 100%; height: auto; overflow: hidden; position: relative; padding-top:80px; }
.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(21,164,92, 0.8); }
.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: #ff0; }
.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 #ff0 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; }
.yh_pic { margin: 0 -2%; overflow: hidden; clear: both; padding: 3%; }
.yh_pic .yh_mc { float: left; width: 46%; margin: 2%; }
.yh_mc .pro_list { width: 100%; height: auto; padding: 0%; padding-bottom: 0; background: #fff; border-radius: 0px; }
.yh_mc .pro_list:hover { background: #fff; border-radius: 0px; }
.yh_mc .pro_list .img { width: 200px; height: 133px; float: left; padding: 0; overflow: hidden; /*! border-radius: 180px; */ }
.yh_mc .pro_list .cont { width: -webkit-calc(100% - 210px); width: -moz-calc(100% - 210px); width: calc(100% - 210px); padding: 10px; overflow: hidden; float: right; padding-top: 0;}
.yh_mc .pro_list .cont h5 { color: #000; font-size: 18px; cont-align: left; font-weight: normal; padding-bottom: 15px; border-bottom: #ddd 1px solid; margin-bottom: 15px; }
.yh_mc .pro_list .cont p { width: 100%; font-size: 14px; overflow: hidden; color: #999; margin-top: 2px; line-height: 180%; }
.yh_mc .pro_list:hover .cont h5 { color: #15A45C; }
/* -------------------------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: 80px;/* background: #1f1f1f !important; */ position: static; padding: 10px 0;}
.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: #f2f2f2; backdrop-filter: blur(5px); position: fixed; top: 79px; 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(0,0,0,.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('../image/sunnavArrH.png') right no-repeat; line-height: 30px; height: 38px; display: block; float: left; margin: 1% 0; margin-right: 2%; font-size: 14px; text-align: left; color: #666; border-bottom: 0.01rem solid rgba(0,0,0,.1); }
.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; }
}
/* --------------------------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: #15A45C; 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%; }
.yh_mc .pro_list .img { width: 110px; height: 75px; float: left; padding: 0; overflow: hidden;  margin-top: 6%; }
.yh_pic .yh_mc { float: none; width: 100%; margin: 0; }
.yh_mc .pro_list .cont { width: -webkit-calc(100% - 110px); width: -moz-calc(100% -110px); width: calc(100% - 120px); padding: 10px; overflow: hidden; float: right; }
.yh_mc .pro_list .cont h5 { color: #000; font-size: 16px; cont-align: left; margin-bottom: 5px;padding-bottom: 5px;}
.yh_mc .pro_list .cont p { width: 100%; font-size: 12px; overflow: hidden; color: #999; margin-top: 2px; line-height: 180%; }
}
@media (min-width: 1200px) {
.container { width: 1600px; }
}
.foot_bottombg { width: 100%; }
@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) {
.pub_title h2 {    font-size: 22px;  }
 .pub_title2 h2 {
    font-size: 22px;
  }
.cfcontwidth { padding: 0 }
.footop { display: none; }
.foot_topbg { padding: 0 10px; }
.foot_bottom { padding: 0 10px; }
.foot_bottomright { width: 100%; border-right: none; text-align: center; }
.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 #ddd; }
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: #ff0!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(../image/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: #15A45C; 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 #15A45C; 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: #15A45C; 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 #15A45C; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; }
.toolbar dd:hover { background: #15A45C; }
.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: 94%; height: 60px; z-index: 1000; /*background: #15A45C;*/ overflow: hidden; backdrop-filter: blur(5px); transition: all .5s; border-radius: 100px; left: 3%; padding: 0; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }
.f_kslj ul { display: flex; }
.f_kslj ul li { width: 100%; height: 60px; }
.f_kslj ul li:first-child { width: 100%; height: 60px; background: #90CB3B; }
.f_kslj ul li:nth-of-type(2n) { width: 100%; height: 60px; background: #49C5DF; }
.f_kslj ul li:last-child { width: 100%; height: 60px; background: #F28729; }
.f_kslj ul li a { color: #fff; line-height: 25px; text-align: center; display: block; padding: 5px 0 0 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; }
.f_kslj { bottom: 10px; }
}
 @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; }
.foot_bottright.am-fr { float: none; }
}
/*网站标签*/
.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: #15A45C; border-color: #15A45C; 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: #15A45C; 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: auto; 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: #15A45C; }
.plyr--full-ui input[type=range] { color: #15A45C; }
.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: #15A45C; 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; }