File: /www/wwwroot/www.scdc-marine.com/wp-content/themes/heku-cms/assets/css/heku.css
:root{
/* 配色原理，网站中尽量不用出现 多余5种颜色 此处的配色 尽量以前后反色为主
参考网址2：https://huemint.com/website-1/
参考网址2：https://color.review/
*/ /* 深色背景色 */ /* 深色透明背景 主要用于banner，或是过渡层 一般为0.7透明度，rgb色标 */ /* 深色背景的主色调，一般对应为 浅色背景 如白色*/ /* 深色背景的 辅助色不常用，一般为主色调的同类色、相邻色 */ /* 支持深色的 点睛色 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */ /* 背景色 var(--background) */ /* 透明背景 var(--background_translucent) 主要用于banner，或是过渡层 一般为0.7透明度，rgb色标 */ /* 透明背景 var(--background_translucent_3) 透明度 较低，作为 背景色叠层 */ /* 前景色，主色调 var(--forecolor) 如默认文字颜色（与背景色 对比度要求大于 4.5 WCAG 规范 AAA 级别） */ /* 透明前景色 var(--forecolor_translucent) 主要用于banner，或是过渡层 一般为0.7透明度，如白色*/ /* 透明前景色 var(--forecolor_translucent_3) 透明度 较低，作为 背景色叠层 */ /* 点睛色 var(--color_eye) 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */ /* 辅助色不常用 var(--color_subs) 一般为主色调的同类色、相邻色 */ /* 浅色背景 */ /* 浅色透明背景 主要用于banner，或是过渡层*/ /* 浅色背景的主色调，一般对应为 深色背景 如黑色*/ /* 深色背景的 辅助色不常用，一般为主色调的同类色、相邻色 */ /* 支持深色的 点睛色 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */ /* 大圆角默认 设置 */ /* 小圆角默认 设置 */ /* 图片圆角 设置 */ /* 边框 阴影效果 */ /* 文字 阴影效果 */
}
/* ----------------------------------------------------
--- 01 - 19) 公共 全局相关的 CSS样式
-- 00) heku-color 模板颜色管理
-- 03) #single_bar_line 10-20 公共样式 顶部导航
-- 04) start .heku-btn 10-20 css 按钮的 图标样式
-- 09) @font-face 字体图标库，iconfont加载的字体图标，让网站更加独立自主，注意需要加载对应的字体库和对应的字体路径
--- 10 - 29) 首页相关 CSS样式
--- 30 - 39) 分类页面相关 CSS样式
--- 40 - 49) 详情页相关 CSS样式
-- 43) 新闻详情页 ，展示模板： css样式
--- 50 - 59) 部分单页相关 CSS样式
--- 70 - 80) 第三方插件相关 CSS样式
-- 70). Viewer.js js 支持的css 用于点击放大图片使用
------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a,.btn,button,span,p,i,input,select,textarea,li,img,*::after,*::before,.transition-3,h1,h2,h3,h4,h5,h6{-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
/* ----------------------------------------------------
00) heku-color 模板颜色管理
------------------------------------------------------- */
p,span,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{text-shadow:0 1px 2px rgba(75, 75, 75, .25);}
a{color:#4b4b4b;text-shadow: 0 1px 2px rgba(75, 75, 75, .25);text-decoration:none}
a:focus,a:hover{color:#250dbb}
/* ----------------------------------------------------
03) #single_bar_line 10-20 公共样式 顶部导航
------------------------------------------------------- */
.heku-breadcrumb a,.heku-breadcrumb span{padding:5px 3px;line-height:40px;opacity:0.78;}
.heku-breadcrumb a:hover{color:#250dbb;opacity:1;}
.heku-breadcrumb a.home-bar .icon{padding-right:8px;font-size:18px;}
.heku-breadcrumb .icon-right{font-size:12px;line-height:43px;}
/* ----------------------------------------------------
04) start .heku-btn 10-20 css 按钮的 图标样式
------------------------------------------------------- */
.heku-btn{display:inline-block;line-height: 36px;border: 0px solid #ffffff;color:#235bb8;padding: 1px 20px;border-radius: 4px;-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .26);box-shadow: 0px 2px 5px rgba(0, 0, 0, .26);}
.heku-btn:hover{color:#ffffff;border: 0px solid #ffffff;background: rgb(35, 91, 184);}
.heku-btn.heku-btn-black{line-height:36px;border:1px solid #fff;background:#235bb8;color:#ffffff;padding:0px 15px 0px 20px;}
.heku-btn.heku-btn-black:hover{border:1px solid #fff;background:#ffffff;color:#235bb8;font-weight:bold;}
.heku-btn.heku-btn-transparent{letter-spacing:4px;line-height:32px;border:1px solid #fff;background:none;color:#26230e;padding:0px 15px 0px 12px;margin-left:10px;}
.heku-btn.heku-btn-transparent:hover{border:1px solid #265db9;background:#265db9;color:#ffffff;font-weight:normal;font-weight:initial;}
.heku-btn:focus{outline: 0px dotted;outline: 0px auto -webkit-focus-ring-color;}
/* ----------------------------------------------------
09) @font-face 字体图标库，iconfont加载的字体图标，让网站更加独立自主，注意需要加载对应的字体库和对应的字体路径
------------------------------------------------------- */
@font-face {
font-family: "font_family";
src: url('../fonts/iconfont.woff2?t=1684371808307') format('woff2'),
url('../fonts/iconfont.woff?t=1684371808307') format('woff'),
url('../fonts/iconfont.ttf?t=1684371808307') format('truetype');
}
.font_family{font-family:"font_family" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-a-jiajianzujianjiahao:before{content:"\e615";}
.icon-jian:before{content:"\e616";}
.icon-jianshao:before{content:"\e617";}
.icon-jia:before{content:"\e618";}
.icon-time-3:before{content:"\e612";}
.icon-time-2:before{content:"\e613";}
.icon-time-1:before{content:"\e614";}
.icon-home-logo:before{content:"\e610";}
.icon-a-zuhe11:before{content:"\e611";}
.icon-a-12:before{content:"\e60b";}
.icon-a-13:before{content:"\e60c";}
.icon-a-11:before{content:"\e60d";}
.icon-a-15:before{content:"\e60e";}
.icon-a-14:before{content:"\e60f";}
.icon-a-dizhi1:before{content:"\e608";}
.icon-youxiang:before{content:"\e609";}
.icon-icon_phone:before{content:"\e60a";}
.icon-chunbo-shouye:before{content:"\e607";}
.icon-next_right:before{content:"\e606";}
.icon-right:before{content:"\e601";}
.icon-end_right:before{content:"\e603";}
.icon-start_left:before{content:"\e604";}
.icon-left:before{content:"\e605";}
/* ----------------------------------------------------
06) start #heku-top #heku-top-topbar 顶部 topbar 模板：menu_banner 文件：heku-menu-1.php
-------------------------------------------------------*/
#heku_top_menu{height:70px;width:100%;position:relative;}
#heku_top_menu.header-is-visible{left:0;margin:auto;position:fixed !important;top:0;width:100%;z-index:99;-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;animation:300ms ease-in-out 0s normal none 1 running fadeInDown;}
/* ---06.91) heku-color 模板颜色管理 ------------- */
#heku_top_menu{
background:rgba(220, 220, 220, .7);
-webkit-box-shadow:0px 3px 8px 0px rgba(0, 0, 0, .16);
box-shadow:0px 3px 8px 0px rgba(0, 0, 0, .16);
}
#heku_top_menu.header-is-visible{
box-shadow:0 0 60px 0 rgba(0, 0, 0, .07);
-webkit-box-shadow:0 10px 15px rgba(25, 25, 25, .1);
background:rgba(220, 220, 220, .7);
}
#heku_top_menu.header-is-visible a {
color:#dcdcdc;
}
#heku_top_menu.header-is-visible a:hover{
color:#250dbb;
}
.nav-logo .header-logo .logo{line-height:70px;}
.nav-menu>li{line-height:70px;position:relative;display:inline-block;}
.nav-menu>li>a{display:block;text-transform:capitalize;letter-spacing:1px;padding:0px 28px 0;height:70px;line-height:70px;}
.nav-menu>li::after{z-index:100;height:3px;content:" ";position:absolute;width:0%;margin-left:10%;display:inherit;}
.nav-menu>li:hover::after{height:3px;content:" ";position:absolute;width:40%;margin-left:30%;display:inherit;}
.nav-menu .sub-menu li{list-style:none;position:inherit;}
.nav-menu .sub-menu li a{display:block;line-height:40px;height:40px;padding-left:20px;text-align:left;-webkit-transition:.5s;transition:.5s;letter-spacing:1px;opacity:1;font-size:14px;filter:alpha(opacity=100,style=100);}
.nav-menu>li:hover>.sub-menu{display:block;-webkit-transition:1.5s;transition:1.5s;z-index:90;}
.nav-menu .sub-menu .sub-menu{top:3px;position:absolute;display:none;}
.nav-menu>li>.sub-menu{display:none;padding-top:3px;width:100%;left:0;position:absolute;}
.nav-menu>li::after{background:#4b4b4b;}
.nav-menu>li:hover a,.nav-menu li:focus a{color:#4b4b4b;}
.nav-menu>li:hover::after{background:#4b4b4b;}
.nav-menu>li>.sub-menu{background:rgba(255, 255, 255, .85);-webkit-background:rgba(255, 255, 255, .85);-o-background:rgba(255, 255, 255, .85);-moz-background:rgba(255, 255, 255, .85);-webkit-box-shadow:0 3px 6px -4px rgba(0, 0, 0, .12),0 6px 16px 0 rgba(0, 0, 0, .08),0 9px 28px 8px rgba(0, 0, 0, .05);box-shadow:0 3px 6px -4px rgba(0, 0, 0, .12),0 6px 16px 0 rgba(0, 0, 0, .08),0 9px 28px 8px rgba(0, 0, 0, .05);}
/* ---06.93) heku-color 模板颜色管理 ------------- */
.sub-menu-0:hover li:first-child>.sub-menu,.depth-0:hover .sub-menu-0 li:first-child>.sub-menu{display:block;}
/* --- 1) 下拉菜单 展示模板 1 heku-menu-type2 --- */
li.depth-0.heku-menu-type2 li.depth-1{display:none;}
li.depth-0.heku-menu-type2:hover li.depth-1{display:block;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .container li.depth-1:hover>a:after,li.depth-0.heku-menu-type2:hover li.depth-1:first-child>a:after{content:"➤";float:right;padding-right:12px;color:#235bb8;position:relative;top:0px;line-height:60px;display:block}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .container:hover li .sub-menu,li.depth-0.heku-menu-type2 .container:hover li.depth-1>a:after{display:none;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .container li:hover>.sub-menu{display:block;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li.depth-1>a{width: 250px;border-bottom:1px solid #5a87d0;line-height:60px;height:60px;padding-left:0px;position:inherit;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li.depth-1:hover>a span{color:#235bb8;font-weight:bold;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li.depth-1>a span{line-height:60px;height:60px;font-size:16px;padding-left:10px;color:#333;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li.depth-1 .catimg{display:inline-block;vertical-align:middle;margin-right:0px;width:50px;height:50px;margin-left:5px;}
li.depth-0.heku-menu-type2:hover>.sub-menu{height:100%;-webkit-transition:1.5s;transition:1.5s;position:fixed;}
li.depth-0.heku-menu-type2>.sub-menu-1{height:200px}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .sub-menu-1{top:3px;margin-left:250px;position:absolute;display:none;}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1{list-style:none;width:250px;position:absolute;}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(1) a{top:0px}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(2) a{top:60px}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(3) a{top:120px}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(4) a{top:180px}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(5) a{top:240px}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(6) a{top:300px}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(7) a{top:360px}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(8) a{top:420px}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li .sub-menu-1 li{width:800px}
/* --- 1) 下拉菜单 展示模板 3 heku-menu-type3 --- */
li.depth-0.heku-menu-type3 ul.sub-menu-0{width:270px}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1>a span{line-height:60px;height:60px;font-size:16px;padding-left:10px;color:#333;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1 .catimg{display:inline-block;vertical-align:middle;margin-right:0px;width:50px;height:50px;margin-left:5px;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1>a{line-height:60px;height:60px;padding-left:10px;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1:hover>a span{color:#235bb8;font-weight:bold;}
.list-style01 li .list-img a{height:140px;display:inline;display:initial;padding:0;}
.list-style01 li .list-summary{line-height:32px;}
.sub-menu .list-style01 a.more{text-align:center;padding-left:0px;display:inline-block;width:122px;height:40px;border:1px solid #235ab7;border-radius:20px 20px;color:#235bb7;margin-top:15px;margin-left:30px;}
.sub-menu .list-style01 a.more:hover{background:rgba(35, 91, 184, .65);-webkit-background:rgba(76, 81, 216, .65);-o-background:rgba(76, 81, 216, .65);-moz-background:rgba(76, 81, 216, .65);color:#fff;}
.sub-menu .list-style01 a.more:hover i{display:none;}
li.depth-0.heku-menu-type2:hover>.sub-menu{height:440px;}
#heku_top_menu .search-info{line-height:70px;padding-right:20px;}
@media only screen and (min-width:768px) and (max-width:991px) {
.nav-menu>li>a{padding:0px 17px 0;}
}
/* --- 1) 小于780尺寸时候使用 手机 mobile --- */
@media only screen and (max-width:768px){.top_menu_logo img{font-size:36px;padding:10px;height:70px;}
.mob-button i{font-size:40px;line-height:70px;}
.nav-menu li:hover>.sub-menu{display:none;}
.nav-menu>li{border-bottom:1px solid rgba(35, 91, 184, 0.72157);height:55px;}
.nav-menu>li:nth-child(7){border-bottom:0px solid rgba(35, 91, 184, 0.72157);}
.nav-menu>li::after,.nav_menu .menu-item-has-children:after,.nav_menu>li:hover::after{width:20px;content:"➤";float:right;padding-right:12px;color:#171a89;position:absolute;top:0;right:40px;line-height:55px;background:none;}
.nav-menu>li>a{padding:0;padding-left:32px;height:55px;line-height:55px;}
.nav-menu>li{background-image:none;display:block;text-align:left;}
.nav-menu{display:none;background:rgba(255, 255, 255, .9);z-index:100;}
.nav-menu li:hover>.sub-menu{position:static;position:initial;}
.nav-menu .sub-menu .sub-menu{top:auto;left:auto;}
.nav-menu .sub-menu{width:auto;}
.nav-menu .sub-menu li{width:auto;}
.nav-menu .sub-menu .sub-menu li a{padding-left:80px;}
.nav-menu .sub-menu li a{width:240px;padding-left:50px;}
.search-info{display:none;}
}
/* --- 2) 大于768px尺寸 min --- */
@media(min-width:768px){
.nav-menu>li>a{padding:0px 6px 0;font-size:13px;}
.nav-menu>li:nth-child(6):hover .sub-menu .sub-menu{top:0px;left:-180px;}
}
/* --- 3) 大于992px尺寸 mid --- */
@media(min-width:992px){
.search-info,.menu_right{display:block;}
.nav-menu>li>a{padding:0px 17px 0;font-size: 14px;}
}
/* --- 4) 显示规定 大于1200尺寸时候使用 max --------- */
@media(min-width:1200px){
.nav-menu>li>a{padding:0px 28px 0;font-size: 16px;}
}
/* ---06.1) heku-color 模板颜色管理 ------------- */
.entry-content {position:relative;margin-bottom:24px;padding:14px 20px;}
.entry-content p{line-height:1.6em;font-size:1.1em;padding:0px 5px 10px 5px;color:#4b4b4b;text-shadow:0 1px 2px rgba(75, 75, 75, .25);}
.entry-content img{max-width:100%;display:inline-block;max-width:100% !important;height:auto;cursor:-webkit-zoom-in;cursor:zoom-in;margin:5px 0;-webkit-transition:-webkit-transform 0.35s,-webkit-box-shadow 0.35s;transition:-webkit-transform 0.35s,-webkit-box-shadow 0.35s;transition:transform 0.35s,box-shadow 0.35s;transition:transform 0.35s,box-shadow 0.35s,-webkit-transform 0.35s,-webkit-box-shadow 0.35s;}
.entry-content img:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 34px 20px -24px rgba(136, 161, 206, .3);box-shadow:0 34px 20px -24px rgba(136, 161, 206, .3);}
.entry-content img{max-width:100% !important;}
.entry-content .single-meta-cat{display:inline-block;padding:5px 2px 10px 0px;}
.entry-content .single-meta-cat li{list-style:none;display:inline-block;opacity:1;background:rgba(220, 220, 220, .7);border-radius:18px;-webkit-box-shadow:0px 2px 4px 1px rgba(75, 75, 75, .21);box-shadow:0px 2px 4px 1px rgba(75, 75, 75, .21);padding:3px 18px 3px 10px;font-weight:500;margin-right:8px;}
.entry-content .single-meta-cat li .icon{padding:0px 6px 0px 0px;}
.entry-content table{margin:8px auto;border-spacing:0;border-collapse:unset !important;max-width:100%;background:rgba(220, 220, 220, .21);border-radius:6px;}
.entry-content table th{line-height:36px;}
.entry-content table td{text-align:center;line-height:36px;border:1px solid #fff;padding: 0px 8px;}
.entry-content table tr:first-child td:first-child{border-top-left-radius:6px;}
.entry-content table tr:first-child td:last-child{border-top-right-radius:6px;}
.entry-content table tr:last-child td:first-child{border-bottom-left-radius:6px;}
.entry-content table tr:last-child td:last-child{border-bottom-right-radius:6px;}
.entry-content table tr:nth-child(2n+1){background:rgba(220, 220, 220, .7);}
.single-title{font-size:24px;color:#4b4b4b;text-shadow:0 1px 2px rgba(75, 75, 75, .25);line-height:1.5em;text-align:center;padding:10px 10px;}
.hekutitle01{margin:8px 0 8px;font-weight:500;font-size:1.5em;line-height:1.6em;}
.hekutitle01{color: #4b4b4b;text-shadow: 0 1px 2px rgba(75, 75, 75, .25);}
.hekutitle01::before{position:relative;display:inline-block;vertical-align:middle;content:" ";margin-right:8px;background-position:center;background-repeat:none;top:-2px;left:0;width:20px;height:20px;background-size:auto 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAVJJREFUWEftl7FKw1AUhv9rbmf1PRw6utkHEOoi6WPoE1ifQJ8gySKCOtRFRBKsDuIiDdZAURBFF50M2sFIzpGogVK03JA2cbh3S/i55zvfvYETgRyLj5erIKOO949FyKm5eHvvHEBV2jyruq1QDQ7n2DNXALEx+D7e2vl6lBYp76scHCzErtmCEPVhqEIAfus8BZk4wM+Zd/46tskDeI0mgLUyAdoAFsoDcM0XCDFdHoDX4FGfbRF3QANoA9qANqANaAPawD82EEWId1sAOJQWz6iO+5nGch41kDw9I3bbYOaTis21wgG4G4AuAzCwXrEoGV6V1ngMJPoPjoB+PzSIa8KBr1QdwFgA6KID7t1AgFYNC5uqxZNcbgB+eASdngHM+9LmpSzF8wFEEagbgHvXoQA3s3aegmYz8P1f4NNVME+39z5e3w4lkSMc3GXtPM1/AjYDFjDGddN5AAAAAElFTkSuQmCC);}
/* ----------------------------------------------------
06.1) #heku-search-info #heku-search-info 顶部 搜索
-------------------------------------------------------*/
#heku_search_info{position:fixed;top:70px;width:0%;height:54px;z-index:11;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;visibility:hidden;}
#heku_search_info.opened{width:100%;left:auto;right:0;visibility:visible;opacity:1;}
#heku_search_info .head-search-from input{width:100%;padding:0px 24px;border:none;height:54px;color:#ffffff;font-size:24px;font-weight:400;background-color:transparent;}
#heku_search_info .head-search-from input::-webkit-input-placeholder{color:#fff;text-transform:capitalize;font-size:20px;}
#heku_search_info .head-search-from input::-moz-placeholder{color:#fff;text-transform:capitalize;font-size:20px;}
#heku_search_info .head-search-from input::-ms-input-placeholder{color:#fff;text-transform:capitalize;font-size:20px;}
#heku_search_info .head-search-from input::placeholder{color:#fff;text-transform:capitalize;font-size:20px;}
#heku_search_info .head-search-from input:focus{border:none;outline:none;}
#heku_search_info .head-search-from input:focus::-webkit-input-placeholder{opacity:0;}
#heku_search_info .head-search-from input:focus::-moz-placeholder{opacity:0;}
#heku_search_info .head-search-from input:focus::-ms-input-placeholder{opacity:0;}
#heku_search_info .head-search-from input:focus::placeholder{opacity:0;}
#heku_search_info .head-search-from button{position:absolute;top:50%;right:50px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:transparent;font-size:20px;font-weight:100;color:#fff;outline:none;border:none;}
#heku_search_info .head-search-from .delete-ico{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:transparent;font-size:20px;font-weight:100;color:#fff;}
/* ---01) heku-color 模板颜色管理 ------------- */
#heku_search_info{background:rgba(35, 91, 184, .65);-webkit-background:rgba(76, 81, 216, .65);-o-background:rgba(76, 81, 216, .65);-moz-background:rgba(76, 81, 216, .65);}
/* ----------------------------------------------------
06) end #heku-top #heku-top-topbar 顶部 topbar 模板：menu_banner 文件：heku-menu-1.php
-------------------------------------------------------*/
/* ----------------------------------------------------
07) start #Carousel_Banner 公共样式 顶部导航 banner 内敛 bootstrast 轮播插件 模板：menu_banner 文件：heku-banner-1.php
------------------------------------------------------- */
#Carousel_Banner .banner-indicators{bottom:20px;}
#Carousel_Banner .banner-indicators li{width:45px;height:6px;display:inline-block;background:rgba(255, 255, 255, .5);position:relative;overflow:hidden;border-top:0px solid transparent;border-bottom:0px solid transparent;border-radius:2px;margin-right:4px;margin-left:4px;}
#Carousel_Banner .banner-indicators .active:after{content:"";width:0px;height:100%;position:absolute;left:0;top:0;animation:my_carousel_indicators 9.5s;-webkit-animation:my_carousel_indicators 9.5s;background:#fff;}
#Carousel_Banner .carousel-inner .banner-video{visibility:visible;position:absolute;height:100%;display:block;pointer-events:none;-webkit-transition:display .3s;transition:display .3s;}
#Carousel_Banner .carousel-inner .banner-video .video_with{height:100%;}
#Carousel_Banner .carousel-inner .banner-video video{height:auto}
#Carousel_Banner .carousel-inner .carousel-item{width:100%;background-size:cover;background-position:center center;}
#Carousel_Banner .carousel-inner .carousel-item .banner-content{padding:200px 0 100px;height:100%;color:#fff;}
#Carousel_Banner .carousel-inner .carousel-item .banner_min_bg{height:300px;}
.carousel-control-prev,.carousel-control-next{opacity:.3;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;}
@keyframes my_carousel_indicators{
from{width:0;} to{width:100%;}
}
@-webkit-keyframes my_carousel_indicators{
from{width:0;} to{width:100%;}
}
/* --- 1) 小于780尺寸时候使用 手机 mobile --- */
@media(max-width:576px){
#Carousel_Banner .carousel-inner .carousel-item .banner_bg{max-height:180px;}
}
@media(min-width:576px){
#Carousel_Banner .carousel-inner .carousel-item .banner_bg{max-height:240px;}
}
/* --- 2) 大于768px尺寸 min --- */
@media(min-width:768px){
#Carousel_Banner .carousel-inner .carousel-item .banner_bg{max-height:360px;}
#Carousel_Banner .carousel-inner .carousel-item .banner_min_bg{height:320px;}
}
/* --- 3) 大于992px尺寸 mid --- */
@media(min-width:992px){
#Carousel_Banner .carousel-inner .carousel-item .banner_bg{max-height:480px;}
#Carousel_Banner .carousel-inner .carousel-item .banner_min_bg{height:320px;}
}
/* --- 4) 大于1200尺寸时候使用 max --- */
@media(min-width:1200px){
#Carousel_Banner .carousel-inner .carousel-item .banner_bg{max-height:560px;}
#Carousel_Banner .carousel-inner .carousel-item .banner_min_bg{height:360px;}
}
/* ---01) heku-color 模板颜色管理 ------------- */
/* ----------------------------------------------------
07) end #Carousel_Banner 公共样式 顶部导航 banner 内敛 bootstrast 轮播插件 模板：menu_banner 文件：heku-banner-1.php
------------------------------------------------------- */
/* --------------------------------------------------------------------------
70). Viewer.js js 支持的css 用于点击放大图片使用
-------------------------------------------------------------------------- */
.viewer-zoom-in::before,.viewer-zoom-out::before,.viewer-one-to-one::before,.viewer-reset::before,.viewer-prev::before,.viewer-play::before,.viewer-next::before,.viewer-rotate-left::before,.viewer-rotate-right::before,.viewer-flip-horizontal::before,.viewer-flip-vertical::before,.viewer-fullscreen::before,.viewer-fullscreen-exit::before,.viewer-close::before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}
.viewer-zoom-in::before{background-position:0 0;content:"Zoom In"}
.viewer-zoom-out::before{background-position:-20px 0;content:"Zoom Out"}
.viewer-one-to-one::before{background-position:-40px 0;content:"One to One"}
.viewer-reset::before{background-position:-60px 0;content:"Reset"}
.viewer-prev::before{background-position:-80px 0;content:"Previous"}
.viewer-play::before{background-position:-100px 0;content:"Play"}
.viewer-next::before{background-position:-120px 0;content:"Next"}
.viewer-rotate-left::before{background-position:-140px 0;content:"Rotate Left"}
.viewer-rotate-right::before{background-position:-160px 0;content:"Rotate Right"}
.viewer-flip-horizontal::before{background-position:-180px 0;content:"Flip Horizontal"}
.viewer-flip-vertical::before{background-position:-200px 0;content:"Flip Vertical"}
.viewer-fullscreen::before{background-position:-220px 0;content:"Enter Full Screen"}
.viewer-fullscreen-exit::before{background-position:-240px 0;content:"Exit Full Screen"}
.viewer-close::before{background-position:-260px 0;content:"Close"}
.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent}
.viewer-container::selection,.viewer-container *::selection{background-color:transparent}
.viewer-container:focus{outline:0}
.viewer-container img{display:block;height:auto;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important}
.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}
.viewer-canvas>img{height:auto;margin:15px auto;max-width:90% !important;width:auto}
.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}
.viewer-navbar{background-color:rgba(0, 0, 0, .66);overflow:hidden;padding:20px 0px}
.viewer-next{left:70%;position:relative}
.viewer-prev{left:27%;position:relative}
.viewer-next:hover,.viewer-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:0.9}
.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:120px;margin:auto !important;overflow:hidden;padding:1px 0;width:auto !important;-webkit-transform:none !important;transform:none !important}
.viewer-list>li{color:transparent;cursor:pointer;font-size:0;height:120px;line-height:0;opacity:0.5;overflow:hidden;-webkit-transition:opacity 0.15s;transition:opacity 0.15s;width:120px;display:inline-block}
.viewer-list>li:focus,.viewer-list>li:hover{opacity:0.75}
.viewer-list>li:focus{outline:0}
.viewer-list>li+li{margin-left:30px}
.viewer-list>.viewer-loading{position:relative}
.viewer-list>.viewer-loading::after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}
.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}
.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0;z-index:1}
.viewer-player>img{left:0;position:absolute;top:0}
.viewer-toolbar>ul{position:absolute;top:40%;width:100%}
.viewer-toolbar>ul>li{background-color:rgba(0, 0, 0, .5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color 0.15s;transition:background-color 0.15s}
.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0, 0, 0, .8)}
.viewer-toolbar>ul>li:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}
.viewer-toolbar>ul>li::before{margin:2px}
.viewer-toolbar>ul>li+li{margin-left:1px}
.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}
.viewer-toolbar>ul>.viewer-small::before{margin:-1px}
.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}
.viewer-toolbar>ul>.viewer-large::before{margin:5px}
.viewer-tooltip{background-color:rgba(0, 0, 0, .8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}
.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:0 5% 5px;max-width:90%;opacity:0.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity 0.15s;transition:opacity 0.15s;white-space:nowrap}
.viewer-title:hover{opacity:1}
.viewer-button{background-color:rgba(0, 0, 0, .5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color 0.15s;transition:background-color 0.15s;width:80px}
.viewer-button:focus,.viewer-button:hover{background-color:rgba(0, 0, 0, .8)}
.viewer-button:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0}
.viewer-button::before{bottom:15px;left:15px;position:absolute}
.viewer-fixed{position:fixed}
.viewer-open{overflow:hidden}
.viewer-show{display:block}
.viewer-hide{display:none}
.viewer-backdrop{background-color:rgba(0, 0, 0, .66)}
.viewer-invisible{visibility:hidden}
.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}
.viewer-fade{opacity:0}
.viewer-in{opacity:1}
.viewer-transition{-webkit-transition:all 0.3s;transition:all 0.3s}
.viewer-loading::after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255, 255, 255, .1);border-left-color:rgba(255, 255, 255, .5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}
@-webkit-keyframes viewer-spinner{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes viewer-spinner{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@media (max-width:767px){
.viewer-hide-xs-down{display:none}
}
@media (max-width:991px){
.viewer-hide-sm-down{display:none}
}
@media (max-width:1199px){
.viewer-hide-md-down{display:none}
}
/* --------------------------------------------------------------------------
70). Viewer.js js 支持的css 用于点击放大图片使用
-------------------------------------------------------------------------- */
.heku-box{background:rgba(220, 220, 220, .21);border-radius:6px;-webkit-box-shadow:0px 2px 8px 0px rgba(75, 75, 75, .21);box-shadow:0px 2px 8px 0px rgba(75, 75, 75, .21);}
.heku-img-box{background:rgba(220, 220, 220, .21);border-radius:6px;}
/* ----------------------------------------------------
14-15) #Heku_Form_Model 表单 模板：TempParts/From/model-from 文件：TempParts/From/heku-model-from-1.php
------------------------------------------------------- */
#Heku_Form_Model .modal-content{border:0px solid rgba(0, 0, 0, .2);border-radius:.6rem;background:rgba(221, 221, 221, 0.45098);-webkit-box-shadow:2px 5px 15px rgba(0, 0, 0, .8);box-shadow:2px 5px 15px rgba(0, 0, 0, .8)}
#Heku_Form_Model .modal-content{background:rgba(221, 221, 221, 0.83922);}
#Heku_Form_Model .modal-header{padding:9.6px 16px;padding:0.6rem 1rem;letter-spacing:1px;font-size:20px;text-shadow:0 1px 2px rgba(75, 75, 75, .25);}
#Heku_Form_Model .modal-header button:focus{outline:0px auto #FFF}
#Heku_Form_Model .canvasreset{line-height:40px;display:inline-block;position:absolute;padding-left:8px;color:#5a5c67;}
#Heku_Form_Model .form-control{-webkit-box-shadow:0px 0px 6px rgb(40, 40, 40);box-shadow:0px 0px 6px rgb(40, 40, 40);}
/* ----------------------------------------------------
14-15) #Heku_Form 表单 模板：TempParts/From/model-from 文件：TempParts/From/heku-model-from-1.php
------------------------------------------------------- */
#Heku_Form .needs-validation .invalid-feedback{margin-top: -16px;padding-left: 10px;margin-bottom: 10px;}
#Heku_Form #from_code.input-val{height: 38px;}
#Heku_Form input.input-val ,#Heku_Form .post-input input,#Heku_Form .post-input textarea,#Heku_Form .post-input select{font-size: 14px;width: 100%;height: 42px;line-height: 42px;padding: 0 20px;border: 1px solid #f5f5f5;-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .16);box-shadow: 0px 1px 4px rgba(0, 0, 0, .16);text-shadow: 0 1px 2px rgba(75, 75, 75, .25);}
#Heku_Form input.input-val:focus,#Heku_Form .post-input input:focus,#Heku_Form .post-input textarea:focus,#Heku_Form .post-input select:focus{border-color: #efefef;outline: none;background: #fafafa;-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .16);box-shadow: 0px 2px 4px rgba(0, 0, 0, .16);}
#Heku_Form .post-input input::-webkit-input-placeholder,#Heku_Form .post-input textarea::-webkit-input-placeholder{font-weight: 500;color: #686777;}
#Heku_Form .post-input input::-moz-placeholder,#Heku_Form .post-input textarea::-moz-placeholder{font-weight: 500;color: #686777;}
#Heku_Form .post-input input::-ms-input-placeholder,#Heku_Form .post-input textarea::-ms-input-placeholder{font-weight: 500;color: #686777;}
#Heku_Form .post-input input::placeholder,#Heku_Form .post-input textarea::placeholder{font-weight: 500;color: #686777;}
#Heku_Form .post-input input:focus::-webkit-input-placeholder,#Heku_Form .post-input textarea:focus::-webkit-input-placeholder{opacity: 0;}
#Heku_Form .post-input input:focus::-moz-placeholder,#Heku_Form .post-input textarea:focus::-moz-placeholder{opacity: 0;}
#Heku_Form .post-input input:focus::-ms-input-placeholder,#Heku_Form .post-input textarea:focus::-ms-input-placeholder{opacity: 0;}
#Heku_Form .post-input input:focus::placeholder,#Heku_Form .post-input textarea:focus::placeholder{opacity: 0;}
#Heku_Form .post-input textarea{height: 160px;line-height: 32px;resize: none;padding: 10px 20px;}
.canvasreset{line-height: 40px;display: inline-block;position: absolute;padding-left: 8px;color: #b8b7b2;}
#canvas{background:#ddd;display:inline-block;border:0.5px solid #fff;cursor:pointer;border-radius:6px;margin-left:10px;}
/* ----------------------------------------------------
25) .contact-info 联系我们 模板：TempParts/From/page-contact.php 文件：TempParts/From/page-contact-1.php
------------------------------------------------------- */
.contact-info-left .contact-info-li{padding:10px 0px;}
.contact-info-left .contact-info-box{width: 94%;padding: 10px 32px;border-radius: 6px;-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .16);box-shadow: 0px 1px 4px rgba(0, 0, 0, .16);}
.contact-info-left .contact-info-tit{font-family: sans-serif;font-size: 24px;letter-spacing: 2px;line-height: 60px;}
.contact-info-left .heku-icons li:before{content:"";position:absolute;left:0;top: 2px;width: 28px;height: 28px;display:block;}
.contact-info-left .heku-icons li.contact-addr:before{background:url(/wp-content/themes/heku-cms/assets/img/dizhiguanli-lan.svg);background-size: 30px auto;}
.contact-info-left .heku-icons li.contact-addr .add_logo{width:25px;margin:0px 5px 0px 18px;top:2px;position:absolute;}
.contact-info-left .heku-icons li.contact-addr .addr_mapbtn{font-size:16px;color:#b8b8b9;line-height:18px;padding-left:50px;}
.contact-info-left .heku-icons li.contact-phone:before{background:url(/wp-content/themes/heku-cms/assets/img/dianhua-lan.svg);background-size: 30px auto;}
.contact-info-left .heku-icons li.contact-email:before{background:url(/wp-content/themes/heku-cms/assets/img/youxiang-lan.svg);background-size:30px auto;}
.contact-info-left .heku-icons li.contact-email a{color: #107abd;}
.contact-info-left li{list-style: none;position: relative;padding-left: 45px;margin: 10px 0px;font-size: 18px;color: #107abd;line-height: 32px;}
.contact-info-left .info-zaixian-bg{background-color: #5882ed;background-repeat: no-repeat;background-image: url(/wp-content/themes/heku-cms/assets/img/top.png);background-position: right;background-size: cover;height: 64px;position: relative;border-radius: 6px;}
.contact-info-left .info-zaixian-bg .logo{padding:8px;height:64px;}
.contact-info-left .info-zaixian-span{position:absolute;right:20px;top:14px;border:1px solid #FFF;background:transparent;color:#FFF;font-size:16px;padding:6px 16px;border-radius:5px;}
.contact-info-right .post-comment-tit{font-size: 28px;padding-bottom: 20px;}