File: /www/wwwroot/www.scdc-marine.com/wp-content/themes/heku-cms/assets/css/postcss-heku.css
:root{
/* 配色原理，网站中尽量不用出现 多余5种颜色 此处的配色 尽量以前后反色为主
参考网址2：https://huemint.com/website-1/
参考网址2：https://color.review/
*/
--font-default: "Noto Sans", Arial, "sans-serif"; /* 深色背景的主色调： var(--font-default) 一般对应为 浅色背景 如白色*/
--color_main:rgb(255, 255, 255); /* 深色背景的主色调： var(--color_main) 一般对应为 浅色背景 如白色*/
--color_eye:rgb(0, 101, 163); /* 点睛色： var(--color_eye) 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */
--color_subs:rgb(223, 91, 211); /* 辅助色： var(--color_subs) 不常用 一般为主色调的同类色、相邻色 */
--forecolor:rgb(75, 75, 75); /* 前景色，主色调： var(--forecolor) 如默认文字颜色（与背景色 对比度要求大于 4.5 WCAG 规范 AAA 级别） */
--forecolor_translucent:rgba(75, 75, 75, 0.7); /* 透明前景色： var(--forecolor_translucent) 主要用于banner，或是过渡层 一般为0.7透明度，如白色*/
--forecolor_translucent_3:rgba(75, 75, 75, 0.21); /* 透明前景色： var(--forecolor_translucent_3) 透明度 较低，作为 背景色叠层 */
--background: rgb(220, 220, 220); /* 背景色： var(--background) */
--background_translucent: rgba(220, 220, 220, 0.7); /* 透明背景： var(--background_translucent) 主要用于banner，或是过渡层 一般为0.7透明度，rgb色标 */
--background_translucent_3: rgba(220, 220, 220, 0.21); /* 透明背景： var(--background_translucent_3) 透明度 较低，作为 背景色叠层 */
--deep_background: rgb(75, 75, 75); /* 黑色（深色）背景色： var(--deep_background) */
--deep_background_translucent: rgba(75, 75, 75, 0.7); /* 黑色（深色）透明背景： var(--deep_background_translucent) 主要用于banner，或是过渡层 一般为0.7透明度，rgb色标 */
--deep_background_translucent_3: rgba(75, 75, 75, 0.25); /* 黑色（深色）透明背景： var(--deep_background_translucent_3) 主要用于banner，或是过渡层 一般为0.7透明度，rgb色标 */
--deep_color_main:rgb(255, 255, 255); /* 黑色（深色）的主色调： var(--deep_color_main) 一般对应为 浅色背景 如白色*/
--deep_color_eye:rgb(0, 101, 163); /* 黑色（深色）的点睛色： var(--deep_color_eye) 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */
--deep_color_subs:rgb(16, 210, 55); /* 黑色（深色）的辅助色： var(--deep_color_subs) 不常用，一般为主色调的同类色、相邻色 */
--light_background: rgba(170, 200, 176, 0.75); /* 白色（浅色）背景： var(--light_background) */
--light_background_translucent:rgba(208, 229, 239, 0.7); /* 白色（浅色）透明背景： var(--light_background_translucent) 主要用于banner，或是过渡层*/
--light_background_translucent_5:rgba(208, 229, 239, 0.5); /* 白色（浅色）透明背景： var(--light_background_translucent_5) 主要用于banner，或是过渡层*/
--light_color_main:rgb(0, 101, 163); /* 白色（浅色）的主色调： var(--light_color_main) 一般对应为 深色背景 如黑色*/
--light_color_subs:rgb(16, 210, 55); /* 白色（浅色）的辅助色： var(--light_color_subs) 辅助色不常用，一般为主色调的同类色、相邻色 */
--light_color_eye:rgb(37, 13, 187); /* 白色（浅色）的点睛色： var(--light_color_eye) 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */
--boder_line: 1px solid rgba(31, 177, 242, 0.8); /* 辅助色： var(--boder_line) 一般为主色调的同类色、相邻色 */
--radius_big: 8px; /* 大圆角默认： var(--radius_big) */
--radius_small: 4px; /* 小圆角默认： var(--radius_small) */
--radius_img: 5px; /* 图片圆角： var(--radius_img) */
--box_shadow: 0px 2px 8px 0px rgba(75, 75, 75, 0.21); /* 边框阴影： var(--box_shadow) */
--box_deep_shadow: 0px 2px 8px 0px rgba(75, 75, 75, 0.21); /* 黑色（深色）的边框阴影： var(--box_deep_shadow) 边框 阴影效果 */
--box_light_shadow: 0px 2px 8px 0px rgba(75, 75, 75, 0.21); /* 黑色（深色）的边框阴影： var(--box_light_shadow) 边框 阴影效果 */
--text_shadow: 0 1px 2px rgba(75, 75, 75, 0.25); /* 文字阴影： var(--text_shadow) */
--text_deep_shadow: 2px 2px 4px rgba(0,0,0,0.3); /* 黑色（深色）的文字阴影： var(--text_deep_shadow) */
--text_light_shadow: 2px 2px 3px rgba(255, 255, 255, 0.3); /* 白色（浅色）的文字阴影： var(--text_light_shadow) */
}
html{font-size:14px;}
@media only screen and (max-width:576px){html{font-size:10px !important;}}
@media only screen and (min-width:576px){html{font-size:10px !important;}}
@media only screen and (min-width:768px){html{font-size:12px !important;}}
@media only screen and (min-width:992px){html{font-size:14px !important;}}
@media only screen and (min-width:1200px){html{font-size:16px !important;}}
@media only screen and (min-width:1667px){html{font-size:16px !important;}}
/* ----------------------------------------------------
--- 01 - 19) 公共 全局相关的 CSS样式
-- 00) heku-color 模板颜色管理
-- 01) @font-face 字体图标库，iconfont加载的字体图标，让网站更加独立自主，注意需要加载对应的字体库和对应的字体路径
-- 02) #single_bar_line 10-20 面包屑 导航 公共样式 顶部导航
-- 04) start .heku-btn 10-20 css 按钮的 图标样式
--- 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;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-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:var(--text_shadow);font-family:"Noto Sans",Sans-serif;}
a{color:var(--forecolor);text-shadow: var(--text_shadow);text-decoration:none}
a:focus,a:hover{color:var(--color_eye)}
/* ----------------------------------------------------
01) @font-face 字体图标库，iconfont加载的字体图标，让网站更加独立自主，注意需要加载对应的字体库和对应的字体路径
------------------------------------------------------- */
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.woff2') format('woff2'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype');
font-display: swap
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-x:before{content:"\e624";}
.icon-x1:before{content:"\e628";}
.icon-twitter:before{content:"\e697";}
.icon-x2:before{content:"\e6c5";}
.icon-facebook1:before{content:"\ecb1";}
.icon-boat:before{content:"\e61c";}
.icon-chuan:before{content:"\e61e";}
.icon-chuan1:before{content:"\e64c";}
.icon-boat1:before{content:"\e61f";}
.icon-md-boat:before{content:"\e66c";}
.icon-si-glyph-boat:before{content:"\e622";}
.icon-shipping:before{content:"\e647";}
.icon-chuan2:before{content:"\e78e";}
.icon-Ship-2:before{content:"\e897";}
.icon-chuanbo:before{content:"\e63b";}
.icon-Boat:before{content:"\e947";}
.icon-shipin:before{content:"\e620";}
.icon-right:before{content:"\e604";}
.icon-a-lian1564662:before{content:"\e605";}
.icon-end_right:before{content:"\e606";}
.icon-start_left:before{content:"\e607";}
.icon-left:before{content:"\e60b";}
.icon-next_right:before{content:"\e60c";}
.icon-chunbo-shouye:before{content:"\e60e";}
.icon-a-dizhi1:before{content:"\e60f";}
.icon-youxiang1:before{content:"\e610";}
.icon-a-12:before{content:"\e611";}
.icon-a-13:before{content:"\e613";}
.icon-a-11:before{content:"\e615";}
.icon-a-15:before{content:"\e616";}
.icon-time-3:before{content:"\e619";}
.icon-a-jiajianzujianjiahao:before{content:"\e61a";}
.icon-jianshao:before{content:"\e61b";}
.icon-gongsi:before{content:"\e60d";}
.icon-company-fill:before{content:"\e617";}
.icon-user:before{content:"\e627";}
.icon-Realname:before{content:"\e653";}
.icon-tubiaozhizuomoban-:before{content:"\e60a";}
.icon-yanzhengmazhuangtaiICO:before{content:"\e614";}
.icon-xiezi:before{content:"\e650";}
.icon-yanzhengma:before{content:"\e702";}
.icon-highquality:before{content:"\ebbe";}
.icon-zhiliang-xuanzhong:before{content:"\e623";}
.icon-shop:before{content:"\e61d";}
.icon-jindianguangguang:before{content:"\e674";}
.icon-shopping:before{content:"\e869";}
.icon-quality:before{content:"\e6c3";}
.icon-safety-icon:before{content:"\e686";}
.icon-efficiency-o:before{content:"\e689";}
.icon-icon_efficiency:before{content:"\e62b";}
.icon-reliability-1:before{content:"\e976";}
.icon-reliability:before{content:"\e977";}
.icon-icon-efficiency:before{content:"\e687";}
.icon-nav_reliability_icon:before{content:"\e815";}
.icon-efficiency:before{content:"\e6df";}
.icon-skype:before{content:"\e857";}
.icon-fangxiang2:before{content:"\e600";}
.icon-zuoguanbi:before{content:"\e6ae";}
.icon-youzhankai:before{content:"\e6ba";}
.icon-fangxiangjiantou-you:before{content:"\e601";}
.icon-fangxiangjiantou-xia:before{content:"\e603";}
.icon-logo-2:before{content:"\2131";}
.icon-gongju1:before{content:"\e998";}
.icon-miaozhun:before{content:"\e635";}
.icon-erji:before{content:"\e65f";}
.icon-fuwu1:before{content:"\e694";}
.icon-peixun:before{content:"\e6cf";}
.icon-peixun1:before{content:"\efc2";}
.icon-zhenduan-01:before{content:"\e621";}
.icon-fuwu2:before{content:"\e66f";}
.icon-home2-copy:before{content:"\efc3";}
.icon-socialwhatsapp:before{content:"\e928";}
.icon-home:before{content:"\e609";}
.icon-youtube:before{content:"\e87c";}
.icon-dianhua:before{content:"\e62a";}
.icon-whatsapp:before{content:"\e69f";}
.icon-youxiang:before{content:"\e612";}
.icon-linying:before{content:"\e6ff";}
.icon-adress:before{content:"\e608";}
.icon-dianhua1:before{content:"\e602";}
.icon-youxiang2:before{content:"\e70c";}
.icon-facebook:before{content:"\e641";}
.icon-dianhua2:before{content:"\e64f";}
.icon-a-HomeTechnology:before{content:"\e618";}
/* ----------------------------------------------------
02) .index-title 10-20 Title 导航 公共样式 顶部导航
------------------------------------------------------- */
.index-title{text-align:center;}
.index-title span{display:block;padding:1rem 0;}
.index-title span.a{font-size:2.6rem;font-weight:600;color:var(--color_eye);padding:1rem 2rem 1rem 1rem;text-align:left;}
.index-title span.b{font-family:"Noto Sans",Sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:0px;padding:1.5rem 1rem 0.8rem 1rem;text-align:left;}
.index-title span.c{font-family:"Noto Sans",Sans-serif;font-size:1.2rem;line-height:2rem;font-weight:lighter;letter-spacing:0px;text-align:left;clear:both;padding: 0 0 1rem;}
/*--------------------------------------------------
02 #Carousel_Banner banner图片 Css样式 内敛 bootstrast 轮播插件
----------------------------------------------------*/
.imgZoom{overflow:hidden;-webkit-transform:rotate(0);transform:rotate(0);}
.imgZoom img{width:100%;height:100%;vertical-align:bottom;-o-object-fit:cover;object-fit:cover;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.imgZoom:hover img{-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
/* ----------------------------------------------------
03) start .heku-btn 10-20 css 按钮的 图标样式
------------------------------------------------------- */
.heku-btn{text-shadow:var(--text_deep_shadow);display:inline-block;border:1px solid var(--color_eye);background:var(--background_translucent);color:var(--color_main);padding:0.5rem 2rem;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;font-weight:600;text-transform:capitalize;min-width:10rem;text-align:center;}
.heku-btn:hover{background:var(--color_main);color:var(--color_eye);}
.heku-btn-transparent{background:transparent;border-color:var(--light_background_translucent_5);}
.heku-btn-transparent:hover{background:var(--light_background_translucent_5);;color:var(--color_eye);border-color:var(--color_eye);text-shadow:var(--text_light_shadow);}
.heku-btn-focus{background:rgb(0,101,163);border-color:rgba(255,255,255,0.2);}
.heku-btn-focus:hover{background:#fbfbfb;color:var(--color_eye);border-color:rgb(92 133 94);text-shadow:0.5px 0.5px 0.5px rgb(255 255 255);font-weight:bold;}
/* ----------------------------------------------------
01.1) #heku_top .heku-top-topbar 顶部 topbar
-------------------------------------------------------*/
#temp01_heku_top{position:absolute;top:0;right:0;width:100%;z-index:11;background:linear-gradient(to bottom,rgb(46 105 237 / 64%) 0%,rgb(6 76 126 / 36%) 50%,rgb(10 10 10 / 0%) 100%);}
.heku-top-menu{width:100%;}
.heku-top-menu .top-menu-logo .logo-pr,.heku-top-menu.header-is-visible .top-menu-logo .logo-bg{display:block;}
.heku-top-menu .top-menu-logo .logo-bg,.heku-top-menu.header-is-visible .top-menu-logo .logo-pr{display:none;}
.heku-top-menu .top-menu-logo,.heku-top-menu .top-logo-font,.heku-top-menu .nav-menu > li{line-height:4.5rem;}
.heku-top-menu .nav-menu .sub-menu{top:4.5rem;}
.header-is-visible.heku-top-menu .nav-menu .sub-menu{top:4.5rem;}
.header-is-visible.heku-top-menu .nav-menu li.depth-0.heku-menu-type2:hover >.sub-menu{top:4.5rem;}
.heku-top-menu .top-menu-logo img{height:2.5rem;line-height:4.5rem;}
.heku-top-menu .top-logo-font{font-size:1.4rem;font-weight:600;letter-spacing:2px;text-shadow:var(--text_deep_shadow);padding-left:15px;line-height:4.5rem;}
.heku-top-menu .icon-navicon{font-size:2.4rem;color:var(--color_main);right:5px;top:0px;line-height:4.5rem;}
.heku-top-menu .nav-menu > li:last-child{padding-right:0px;}
.heku-top-menu .nav-menu > li{display:inline-block;line-height:4.5rem;padding:0px 1.6rem;text-align:center;transition:.5s;position:relative;}
.heku-top-menu .nav-menu > li a{font-size:1.1rem;font-weight:500;text-transform:capitalize;display:inline-block;text-shadow:var(--text_deep_shadow);}
.heku-top-menu .nav-menu .sub-menu{display:none;width:18rem;position:absolute;border-radius:3px 3px 8px 8px;top:4.5rem;left:-5rem;}
.heku-top-menu .nav-menu .sub-menu li{list-style:none;line-height:3rem;}
.heku-top-menu .nav-menu .sub-menu li a{display:block;text-align:center;transition:.5s;opacity:1;font-size:0.8rem;filter:alpha(opacity=100,style=100);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.heku-top-menu .nav-menu .sub-menu li a span{font-size:1rem;}
.heku-top-menu .nav-menu li:hover .sub-menu{display:block;height:auto;transition:.5s;overflow:hidden;position:absolute;}
.heku-top-menu .nav-menu > li:hover > a,.header-is-visible .nav-menu > li:hover > a,.heku-top-menu .nav-menu li .sub-menu li:hover a,.heku-top-menu .nav-menu .sub-menu a:hover,.heku-top-menu .top-logo-font:hover span,.heku-top-menu.header-is-visible .top-logo-font:hover span{color:var(--color_subs);text-shadow:none;}
.heku-top-menu .nav-menu > li a,.heku-top-menu .top-logo-font span{color:var(--deep_color_main);text-shadow:var(--text_deep_shadow);}
.header-is-visibl.heku-top-menu .top-logo-font span,.header-is-visible .nav-menu > li a,.header-is-visible .sub-menu > li a,.heku-top-menu.header-is-visible .top-logo-font span{color:var(--light_color_main);text-shadow:var(--text_light_shadow);}
.heku-top-menu .nav-menu .sub-menu{background:var(--light_background_translucent);-webkit-background:var(--light_background_translucent);-o-background:var(--light_background_translucent);-moz-background:var(--light_background_translucent);}
.heku-top-menu .nav-menu .sub-menu li:hover{background:var(--background_translucent_3);-webkit-background:var(--background_translucent_3);-o-background:var(--background_translucent_3);-moz-background:var(--background_translucent_3);}
.header-is-visible.heku-top-menu{position:fixed !important;top:0;z-index:9999;animation:300ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;box-shadow:var(--box_deep_shadow);-webkit-box-shadow:var(--box_deep_shadow);background:var(--light_background_translucent);}
.header-is-visible.heku-top-menu .icon-navicon{color:var(--light_color_main);}
.heku-top-menu .top-logo-font span{font-size:1.6rem;}
.heku-top-menu .nav-menu > li.menu-item-has-children > a > span{font-size:0.6rem;display:inline-block;padding:0 0.5rem;}
.heku-top-menu .nav-menu > li.menu-item-has-children > a > span:before{content:"\e601";}
.heku-top-menu .nav-menu > li.menu-item-has-children:hover > a > span{transform:rotateZ(90deg);transition-duration:0.8s;}
/* --- 1) 下拉èœå• å±•ç¤ºæ¨¡æ¿ 2 heku-menu-type2 CSS --- */
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-2:hover li .sub-menu,li.depth-0.heku-menu-type2 ul.sub-menu-0:hover li.depth-1>a:after{display:none;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 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:var(--color_subs);position:relative;top:0px;line-height:60px;display:block;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .container-2 li:hover > .sub-menu{display:block;}
li.depth-0.heku-menu-type2 .sub-menu-0 .container-23:hover li:first-child>.sub-menu,li.depth-0.heku-menu-type2:hover .sub-menu-0 li:first-child>.sub-menu{display:block;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li.depth-1>a{line-height:3rem;height:3rem;padding-left:0px;position:absolute;overflow:hidden;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li.depth-1:hover>a span{color:var(--color_eye);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:1rem;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%;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 li.depth-1{list-style:none;position:relative;text-align:left;display:block;height:3rem;line-height:3rem;float:left;width:25%;}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(1) ul.sub-menu-1{left:0;}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(2) ul.sub-menu-1{left:-100%;}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(3) ul.sub-menu-1{left:-200%;}
li.depth-0.heku-menu-type2 ul.sub-menu li.depth-1:nth-child(4) ul.sub-menu-1{left:-300%;}
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:950px;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .sub-menu-1{top:3rem;position:fixed;display:none;width:1140px;left:calc((100% - 1140px) / 2 );}
li.depth-0.heku-menu-type2:hover > .sub-menu{width:1200px;left:calc((100% - 1200px) / 2 );border-radius:0 0 8px 8px;top:4.5rem;height:500px;background:rgb(208 229 239 / 55%);-webkit-background:rgb(208 229 239 / 55%);-o-background:rgb(208 229 239 / 55%);-moz-background:rgb(208 229 239 / 55%);box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);}
li.depth-0.heku-menu-type3 li.depth-1{display:none;}
li.depth-0.heku-menu-type3:hover li.depth-1{display:block;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 .container-2:hover li .sub-menu,li.depth-0.heku-menu-type3 ul.sub-menu-0:hover li.depth-1>a:after{display:none;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 .container-2 li:hover > .sub-menu{display:block;}
li.depth-0.heku-menu-type3 ul.sub-menu-0:hover li .sub-menu,li.depth-0.heku-menu-type3 ul.sub-menu-0:hover li.depth-1>a:after{display:none;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1:hover>a:after,li.depth-0.heku-menu-type3:hover li.depth-1:first-child>a:after{content:"\e600";float:right;padding-right:12px;color:var(--color_subs);position:relative;top:0px;line-height:60px;display:block;font-family: "iconfont" !important; font-size: 1.6rem;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li:hover>.sub-menu{display:block;}
li.depth-0.heku-menu-type3 .sub-menu-0:hover li:first-child>.sub-menu,li.depth-0.heku-menu-type3:hover .sub-menu-0 li:first-child>.sub-menu{display:block;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1>a{width:300px;border-bottom:1px solid #5a87d0;line-height:60px;height:60px;padding-left:0px;position:inherit;text-align: left;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1>a span{line-height:60px;height:60px;font-size:1rem;padding-left:0px;color:#333;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1 .catimg{display:inline-block;vertical-align:middle;margin-right:6px;width:45px;height:45px;margin-left:2px;}
li.depth-0.heku-menu-type3:hover>.sub-menu{height:100%;transition:1.5s;position:fixed;}
li.depth-0.heku-menu-type3 ul.sub-menu li .news-item .news-summary{text-align: left;line-height: 1rem;font-size: 0.9rem;}
li.depth-0.heku-menu-type3 ul.sub-menu li .news-item a{text-align: left;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li.depth-1:hover>a span{color:var(--color_eye);}
li.depth-0.heku-menu-type3 ul.sub-menu li .news-item a span{color:#666;font-size:1rem;line-height:1.2rem;display:block;}
li.depth-0.heku-menu-type3 ul.sub-menu li .news-item:hover a span{color:var(--color_eye);font-size: 1.1rem;}
li.depth-0.heku-menu-type3>.sub-menu-1{height:200px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1{list-style:none;width:300px;position:absolute;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(1) a{top:0px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(2) a{top:60px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(3) a{top:120px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(4) a{top:180px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(5) a{top:240px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(6) a{top:300px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(7) a{top:360px;}
li.depth-0.heku-menu-type3 ul.sub-menu li.depth-1:nth-child(8) a{top:420px;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li .sub-menu-1 li{width:900px;}
li.depth-0.heku-menu-type3 ul.sub-menu-0 .sub-menu-1{top:0px;left:300px;position:absolute;width:900px;display:none;}
li.depth-0.heku-menu-type3:hover > .sub-menu{width:1200px;left:calc((100% - 1200px) / 2 );border-radius:0 0 8px 8px;top:4.5rem;height:500px;background:rgb(208 229 239 / 85%);-webkit-background:rgb(208 229 239 / 85%);-o-background:rgb(208 229 239 / 85%);-moz-background:rgb(208 229 239 / 85%);box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);}
/* --- 1) 小于768px 尺寸时候使用 手机 mobile --- */
@media(max-width:768px){
.heku-top-menu .nav-menu > li.menu-item-has-children > a > span{display:none;}
.heku-top-menu .nav-menu > li:hover{background:var(--deep_background_translucent);}
.heku-top-menu .nav-menu > li:last-child{padding-right:5rem;}
.heku-top-menu .nav-menu{display:none;border-radius:10px;overflow:hidden;margin-bottom:3rem;margin-top:2rem;clear:both;box-shadow:var(--box_light_shadow);}
.heku-top-menu .nav-menu > li{float:initial;width:100%;padding:0px 5rem;background:rgba(255,255,255,0.65);-webkit-background:rgba(255,255,255,0.65);-o-background:rgba(255,255,255,0.65);-moz-background:rgba(255,255,255,0.65);}
.heku-top-menu .nav-menu li:hover .sub-menu{display:none;}
}
/* --- 2) 大于768px尺寸 min --- */
@media(min-width:768px){
li.depth-0.heku-menu-type2:hover > .sub-menu{width:720px;left:calc((100% - 720px) / 2 );}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .sub-menu-1{width:920px;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li .sub-menu-1 li{width:920px;}
.heku-top-menu .nav-menu > li.menu-item-has-children > a > span{display:none;}
li.depth-0.heku-menu-type3:hover > .sub-menu{width: 720px;left: calc((100% - 720px) / 2 );}
li.depth-0.heku-menu-type3 ul.sub-menu-0 .sub-menu-1{width: 470px}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li .sub-menu-1 li{width:470px;}
}
/* --- 3) 大于992px尺寸 mid --- */
@media(min-width:992px){
li.depth-0.heku-menu-type2:hover > .sub-menu{width:920px;left:calc((100% - 920px) / 2 );}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .sub-menu-1{width:920px;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li .sub-menu-1 li{width:920px;}
.heku-top-menu .nav-menu > li.menu-item-has-children > a > span{display:inline-block;}
li.depth-0.heku-menu-type3:hover > .sub-menu{width: 920px;left: calc((100% - 920px) / 2 );}
li.depth-0.heku-menu-type3 ul.sub-menu-0 .sub-menu-1{width: 675px}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li .sub-menu-1 li{width:675px;}
}
/* --- 4) 大于1200尺寸时候使用 max --- */
@media(min-width:1200px){
li.depth-0.heku-menu-type2:hover > .sub-menu{width:1140px;left:calc((100% - 1140px) / 2 );}
li.depth-0.heku-menu-type2 ul.sub-menu-0 .sub-menu-1{width:1140px;}
li.depth-0.heku-menu-type2 ul.sub-menu-0 li .sub-menu-1 li{width:1140px;}
li.depth-0.heku-menu-type3:hover > .sub-menu{width: 1140px;left: calc((100% - 1140px) / 2 );}
li.depth-0.heku-menu-type3 ul.sub-menu-0 .sub-menu-1{width: 832px}
li.depth-0.heku-menu-type3 ul.sub-menu-0 li .sub-menu-1 li{width:808px;}
}
/* ----------------------------------------------------
01.2) #Carousel_Banner 顶部 banner 图片
------------------------------------------------------- */
#Carousel_Banner .banner-indicators{bottom:20px;}
#Carousel_Banner .banner-indicators li{width:45px;height:6px;display:inline-block;background:rgba(255,255,255,0.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;}
@keyframes my_carousel_indicators{from{width:0;}to{width:100%;}}
@-webkit-keyframes my_carousel_indicators{from{width:0;}to{width:100%;}}
.carousel-control-prev,.carousel-control-next{opacity:.3;transition:opacity .15s ease;z-index:10;}
#Carousel_Banner .carousel-item{width:100%;height:100%;background-size:cover;background-position:center center;}
#Carousel_Banner .carousel-item .banner-video,#Carousel_Banner .carousel-item .banner-img{position:absolute;z-index:4;width:100%;height: 100%;}
#Carousel_Banner .carousel-item .banner-video video,#Carousel_Banner .carousel-item .banner-img img{width: 100%;height: 100%;object-fit: cover;}
#Carousel_Banner .carousel-item .background-overlay{background:linear-gradient(to bottom,rgb(46 105 237 / 64%) 0%,rgb(6 76 126 / 36%) 40%,rgb(10 10 10 / 80%) 100%);opacity:1;transition:background 0.3s,border-radius 0.3s,opacity 0.3s;height:100%;width:100%;top:0;left:0;position:absolute;z-index:5;}
#Carousel_Banner .banner-content{padding:15rem 2rem 9rem;height:100%;color: var(--deep_color_main);}
#Carousel_Banner .banner-content .container{z-index:10;}
#Carousel_Banner .banner-content .slider-content-h1{font-size:2.8rem;}
#Carousel_Banner .banner-content .slider-content-text1{font-size:1.8rem;}
#Carousel_Banner .banner-content .slider-content-text2{font-size:1.2rem;}
#Carousel_Banner .banner-content .heku-btn{height: 3rem;line-height: 2.7rem;padding: 0 2.5rem;}
#Carousel_Banner .news-banner .banner-content{padding:8rem 0rem 4rem;height:100%;color: var(--deep_color_main);}
#Carousel_Banner .banner-content.banner_one_content .banner-content-h1{font-size: 4rem;text-transform: uppercase;text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);}
#Carousel_Banner .banner-content.banner_one_content .banner-text1{font-size:2.2rem;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);padding: 0.6rem 0;}
#Carousel_Banner .banner-content.banner_one_content .banner-text1 .focus{font-size:3rem;color:#00abff;text-shadow: var(--text_shadow);text-transform:uppercase;font-weight: 600;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
#Carousel_Banner .banner-content.banner_one_content .banner-text2{font-size:1.2rem;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
#Carousel_Banner .banner-content.banner_two_content .slider-content-text1{text-align:right;float:right;}
#Carousel_Banner .banner-content.banner_two_content .slider-content{text-align: center;}
#Carousel_Banner .banner-content.banner_two_content .banner-content-h1{font-size:3.2rem;text-align: center;text-transform: capitalize;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
#Carousel_Banner .banner-content.banner_two_content .banner-text1 span{text-align: center;font-size:1.8rem;color:#00abff;font-weight: 600;text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);}
#Carousel_Banner .solution-banner .slider-content-title{font-size:2rem;color:#df5bd3;text-shadow:1px 0px 1px #ffffff; }
#Carousel_Banner .solution-banner .slider-content-des{font-size:2.4rem;font-weight:600;text-shadow: 1px 1px 2px #160707;}
/* ----------------------------------------------------
6.1 ) #index_product_line 首页 Why Choose Us 模块 CSS
------------------------------------------------------- */
/* #index_product_line{background: #e0e7ff;} */
#index_product_line .project-box .project-item{position:relative;background-color:#fff;box-shadow:0 3px 40px rgba(36,36,36,.1);float:left;margin-bottom:30px;border-radius:12px;overflow:hidden;transition:.3s ease;position:relative;}
#index_product_line .project-box .project-item:hover{box-shadow:2px 2px 12px 0px rgba(0,0,0,0.8)}
#index_product_line .project-box .project-item:hover .project-content .t{color:var(--color_eye);}
#index_product_line .project-box .project-item .project-img{width:100%;height:14rem;overflow:hidden;}
#index_product_line .project-box .project-item .project-img img{width:100%;}
#index_product_line .project-box .project-item .project-content{padding:20px 10px 22px 20px;}
#index_product_line .project-box .project-item .project-content .t{margin-bottom:12px;font-size:1.5rem;}
#index_product_line .project-box .project-item .project-content .c{color:#666;height:12rem;overflow:hidden;font-size:1rem;line-height:1.4rem;font-weight: lighter;}
#index_product_line .project-box .project-item .project-content .more{float:right;color:#666;}
#index_product_line .project-box .project-item .li-line{width:0;height:5px;background:var(--color_eye);position:absolute;left:0;bottom:0;transition:all 0.5s ease;}
#index_product_line .project-box .project-item:hover .li-line{width:100%;}
/* ----------------------------------------------------
6.1 ) #index_project_line 首页 Why Choose Us 模块 CSS
------------------------------------------------------- */
#index_project_line{background: #F7F8F8;}
#index_project_line .project-background-overlay{background-color:#053950;opacity:0.6;transition:background 0.4s,border-radius 0.3s,opacity 0.3s;height:0rem;width:100%;bottom:0px;position:absolute;z-index:1;-webkit-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;-moz-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;-ms-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;-o-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;}
#index_project_line .project-item:hover .project-background-overlay{height:100%;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;}
#index_project_line .project-item:hover .project-content{top:40%;bottom:auto;height:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#index_project_line .project-content{position:absolute;bottom:0;left:0;height:0rem;padding:0 1rem;-webkit-transition:all 1s;transition:all 1s;z-index:10;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
#index_project_line .project-item{height:25rem;border-radius:8px;}
#index_project_line .project-img{width:100%;height:100%;}
#index_project_line .project-content .c li{padding-bottom:0.6rem;font-size:0.9rem;}
#index_project_line .project-content .t .icon{font-size:1.5rem;border-radius:5rem;border:1px #fff solid;padding:5px;margin-right:10px;text-shadow:1px 1px 2px rgba(0,0,0,0.6);-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;}
#index_project_line .project-content .t{font-size:1.8rem;font-weight:normal;line-height:4rem;display:inline-block;overflow:hidden;vertical-align:middle;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.6);}
#index_project_line .project-content .c{font-size:1rem;line-height:1.3rem;color:#f3eded;text-shadow:1px 1px 2px rgba(0,0,0,0.6);}
#index_project_line .list-style{border-radius:0.6rem;overflow:hidden;-webkit-border-radius:0.6rem;-moz-border-radius:0.6rem;-ms-border-radius:0.6rem;-o-border-radius:0.6rem;}
#index_project_line .list-style .list-li{height:25rem;}
#index_project_line .list-style .list-li:hover{flex:0 0 32%;max-width:32%;-webkit-transition:all 1s;transition:all 1s;}
#index_project_line .list-style .list-li .layer{position:absolute;z-index:10;left:0;right:0;bottom:0;justify-content:flex-end;-webkit-justify-content:flex-end;/* padding:0 0.5rem; */color:#fff;}
#index_project_line .list-style .list-li{background-position:center;background-size:cover;}
#index_project_line .list-style .list-li:hover .c{display:block;}
#index_project_line .list-style .list-li .c{display:none;}
#index_project_line .list-style .list-li .layer .container{height:0;overflow:hidden;}
#index_project_line .list-style .list-li:hover .layer .container{height:18rem;position:relative;-webkit-transition:all 1s;transition:all 1s;}
#index_project_line .list-style .list-li .project-background-overlay{background-color:#053950;opacity:0.6;transition:background 0.4s,border-radius 0.3s,opacity 0.3s;height:0rem;width:100%;bottom:0px;position:absolute;z-index:1;-webkit-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;-moz-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;-ms-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;-o-transition:background 0.4s,border-radius 0.3s,opacity 0.3s;}
#index_project_line .list-style .list-li:hover .project-background-overlay{height:100%;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;}
#index_project_line .list-style .list-li .layer .c li{padding-bottom:0.6rem;font-size:0.9rem;}
#index_project_line .list-style .list-li:hover .layer h3{background:none;color:#009dda;font-size:1.7rem;text-shadow:1px 1px 0px #ffffff;}
#index_project_line .list-style .list-li .layer h3{font-size:1.3rem;line-height:4rem;padding-left:1rem;background: #0539509e;}
#index_project_line .list-style .list-li .layer .heku-btn{padding:0.2rem 0.5rem;min-width:8rem;}
/* ----------------------------------------------------
6.1 ) #index_partner_line 首页 Why Choose Us 模块 CSS
------------------------------------------------------- */
#index_partner_line{background:#e1f5f5;}
#index_partner_line .partner-div .img{padding:15px 30px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:1px 1px 8px 0px hsla(0,0%,0%,0.2);}
#index_partner_line .partner-div .img img{width:100%;height:auto;}
#index_service_line{background-image:url(../img/service-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative;}
#index_service_line .background-overlay{background-color:#00A0E9;opacity:0.8;transition:background 0.3s,border-radius 0.3s,opacity 0.3s;height:100%;width:100%;top:0;left:0;position:absolute;}
.service-left-title{font-size:3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.service-left-text{padding:30px 30px 15px 0px;display:block;color:#fff;font-size:1.2rem;font-weight: lighter;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.service-right-title{font-size:1.5rem;padding-bottom:15px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.service-right-text{color:#fff;height:200px;overflow:hidden;text-shadow:2px 2px 4px rgba(0,0,0,0.5);font-weight:lighter;}
.service-right-icon i{font-size:3.6rem;color:#fff;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.index-about .index-about-video{border:10px solid rgba(255,255,255,0.24);border-radius:8px;}
.index-about .index-about-video img{width:100%;height:100%;object-fit:cover;}
.index-about.index-about-bg{background-repeat:repeat-x;background-image:-webkit-linear-gradient(-60deg,#f7f8f8 0%,rgb(222 239 249) 100%);background-image:linear-gradient(-60deg,#f7f8f8 0%,rgb(222 239 249) 100%);}
.index-about .index-about-title .about-title-h1{font-size:1.6rem;font-weight:400;text-align:left;padding-bottom:0.6rem;}
.index-about .index-about-bgimg{position:absolute;top:58%;transform:translateY(-50%);right:55%;opacity:.1;width:721px;height:382px;}
.index-about .index-about-area .index-about-txt{font-size:1rem;color:rgb(52 52 52);text-align:left;}
/* --- 06.3) #heku-search-info #heku-search-info 顶部 搜索 -----*/
#heku_search_info{background:rgba(35,91,184,0.65);-webkit-background:rgba(76,81,216,0.65);-o-background:rgba(76,81,216,0.65);-moz-background:rgba(76,81,216,0.65);}
#heku_search_info{position:fixed;top:70px;width:0%;height:54px;z-index:11;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-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::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::placeholder{opacity:0;}
#heku_search_info .head-search-from button{position:absolute;top:50%;right:50px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-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%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:transparent;font-size:20px;font-weight:100;color:#fff;}
/* ----------------------------------------------------
06) end #heku-top #heku-top-topbar 顶部 topbar 模板：menu_banner 文件：heku-menu-1.php
-------------------------------------------------------*/
/* ----------------------------------------------------
07) end #Carousel_Banner 公共样式 顶部导航 banner 内敛 bootstrast 轮播插件 模板：menu_banner 文件：heku-banner-1.php
------------------------------------------------------- */
.heku-breadcrumb a,.heku-breadcrumb span{padding:5px 3px;line-height:40px;opacity:0.78;}
.heku-breadcrumb a:hover{color:var(--color_eye);opacity:1;}
.heku-breadcrumb a.home-bar .icon{padding-right:8px;font-size:18px;}
.heku-breadcrumb .icon-right{font-size:12px;line-height:43px;}
/* ----------------------------------------------------
12) start #archive-news 新闻中心
------------------------------------------------------- */
.page_bar_1 .page_arr_left{text-align: left}
.page_bar_1 .page_arr_center{text-align: center}
.page_bar_1 .page_arr_center a{padding: 1px 10px;}
.page_bar_1 .page_arr_center a.current,.page_bar_1 .page_arr_center a:hover{background:#4473c3;color:#fff;border-radius:50% 50%;}
.page_bar_1 .page_arr_center a{font-size: 18px;color: #323232;}
.page_bar_1 .page_arr_right{text-align: right}
.page_bar_1 .pages-row{line-height:30px}
.page_bar_1 .transition{-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.page_bar_1 .pages-row b{width:10%;height:1px;background-color:#000;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:0 10px;}
.page_bar_1 a:hover b{width:40%;background-color: #235bb8;}
.page_bar_1 a{margin: 0 6px;}
.page_bar_1 .pointernone{pointer-events:none;color:#ddd;}
.page_bar_1 .pages-row .pointernone b{background-color:#ddd; }
.page_bar_1 a{color: #666;}
.page_bar_1 a:hover{color: #235bb8;}
.news—item-ul_1 .news-item{box-shadow: 0px 2px 5px rgba(0,0,0,0.26);background: #f7f7f7;border-radius: 8px;margin: 0px 0px 25px 0px;position: relative;}
.news—item-ul_1 .news-item .news-img{width: 100%;border-radius: 6px;overflow: hidden;}
.news—item-ul_1 .news-item .news-time{right: 10px;position: absolute;}
.news—item-ul_1 .news-item .news-tit a{font-size: 24px;color: #000000;line-height: 60px;height: 76px;overflow: hidden;font-weight: 600;letter-spacing: 1px;}
.news—item-ul_1 .news-item .news-tit a span{display: inline-block;vertical-align: middle;line-height: 38px;}
.news—item-ul_1 .news-item .news-summary span{color: #898b8e;}
.news—item-ul_1 .news-item .news-time-d{font-size: 50px;line-height: 50px;font-weight: bolder;}
.news—item-ul_1 .news-item:hover .news-tit a span{color: #235bb8;}
.news—item-ul_1 .news-item:hover .heku-btn{color: #ffffff;font-weight: bold;border: 0px solid #ffffff;background: rgb(35 91 184);}
.news—item-ul_1 .news-item:hover .news-time{color: #235bb8;}
.news—item-ul_1 .news-item .news-comt{padding-left: 40px;}
.news—item-ul_1 .news-item:hover{background: #ddd}
.news—item-ul_1 .news-item .heku-btn{color:var(--color_eye);text-shadow:none;}
/* --- 1) å°äºŽ780尺寸 --- sm --- */
@media only screen and (max-width: 768px){
.news-item .news-tit a{font-size: 18px;height: 64px;}
.news-item .news-tit a span{line-height: 24px;color: #235bb8;}
.news-item .news-summary span{font-size: 14px;}
.news-item .news-comt{padding-left: 0px;}
}
/* --- 0) 手机 --- mobile --- */
@media (max-width: 576px){
.news-item .news-tit a{font-size: 18px;height: 48px;}
.news-item .news-tit a span{line-height: 24px;color: #235bb8;}
.news-item .news-summary span{font-size: 14px;}
.news-item .news-comt{padding-left: 0px;}
}
/* --- 2) 大于768px尺寸 --- md --- */
@media(min-width:768px){
.news-item .news-tit a{font-size: 18px;height: 64px;}
.news-item .news-tit a span{line-height: 32px;}
.news-item .news-comt{padding-left: 30px;}
}
/* --- 3) 大于992px尺寸 --- lg --- */
@media(min-width:992px){
.news-item .news-tit a{font-size: 20px;height: 64px;}
.news-item .news-tit a span{line-height: 32px;}
.news-item .news-comt{padding-left: 30px;}
}
/* --- 4) 大于1200尺寸时候使用 --- xl --- */
@media(min-width:1200px){
.news-item .news-tit a{font-size: 24px;height: 76px;}
.news-item .news-tit a span{line-height: 38px;}
.news-item .news-comt{padding-left: 40px;}
}
/* ----------------------------------------------------
30-40) end #archive 60-79分类 åˆ†ç±»é¡µæ ·å¼
------------------------------------------------------- */
/* ----------------------------------------------------
41) .single-title 详情单页 分栏布局，顶部布局，列表
---------------------------------------------------- */
.single-title{font-size:24px;color:var(--forecolor);text-shadow:var(--text_shadow);line-height:1.5em;text-align:left;}
.single-meta-row{border-bottom:1px solid #cacacf;text-align:left;}
.single-meta-row li{font-weight:400;opacity:0.7;list-style:none;display:inline-block;line-height:25px;}
.single-meta-row li .icon{padding:0 6px 0 0px}
.single-meta-row li:hover{color:var(--color_eye);opacity:1;}
.single-meta-row .single-meta-box{display:inline-block;}
.single-meta-row .single-meta-box li{padding:0 10px 0 0px;}
.single-meta-row .single-tags-box{display:inline-block;}
.single-meta-row .single-tags-box li{list-style:none;display:inline-block;margin-right:10px;}
/* ----------------------------------------------------
42) .single-info 详情单页 分栏布局，内容详情 Css
---------------------------------------------------- */
.single-info{position:relative;margin-bottom:24px;}
.single-info p{line-height:24px;font-size:15px;padding:0px 5px 10px 5px;color:var(--forecolor);text-shadow:var(--text_shadow);}
.single-info img{max-width:100%;display:inline-block;max-width:100% !important;height:auto;cursor:-webkit-zoom-in;cursor:zoom-in;margin:5px 0;border-radius:var(--radius-img);-webkit-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;}
.single-info img:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 34px 20px -24px rgba(136,161,206,0.3);box-shadow:0 34px 20px -24px rgba(136,161,206,0.3);}
.single-info .hekutitle01{margin:8px 0 10px;font-weight:500;line-height:30px;font-size:20px;}
.single-info .hekutitle01{color:var(--forecolor);text-shadow:var(--text_shadow);}
.single-info .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);}
.entry-content{position:relative;}
.entry-content p{line-height:24px;font-size:15px;padding:5px 5px 10px 5px;color:var(--forecolor);text-shadow:var(--text_shadow);}
.entry-content img{border-radius: 10px;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: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,0.3);box-shadow:0 34px 20px -24px rgba(136,161,206,0.3);}
.entry-content img{max-width:100% !important;}
.entry-content img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.entry-content .single-tags-box li{list-style:none;display:inline-block;font-size:15px;border-radius:20px;-webkit-box-shadow:1px 1px 4px 1px rgb(75 75 75 / 20%);box-shadow:1px 1px 4px 1px rgb(75 75 75 / 20%);padding:3px 12px 3px 12px;font-weight:500;margin-right:10px;}
.entry-content .single-tags-box li .icon{padding:0px 6px 0px 0px;font-size:13px;}
.entry-content .single-tags-box li:hover{background:#cfcbcb;color:#fff;}
.entry-content .single-tags-box li:hover a{color:#fff;}
.entry-content table{margin:8px auto;border-spacing:0;border-collapse:unset !important;max-width:100%;background:var(--background_translucent_3);border-radius:var(--radius_big);}
.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:var(--background_translucent);}
/* ----------------------------------------------------
43) .single-sidebar 新闻侧边栏 ，展示模板：Sing-news-temp01 css样式
------------------------------------------------------- */
.single-sidebar.sidebar-right{padding:0px 0px 0px 32px;width:320px;}
.single-sidebar{padding:0px 32px 0px 0px;width:320px;}
.about-header,.toc-header{font-size:24px;padding:15px 15px 12px 25px;border-bottom:1px solid var(--forecolor);border-bottom-style:dashed;color:var(--forecolor);}
.about-header .icon,.toc-header .icon{font-size:24px;padding:0 12px 0 0px;}
/* --- 1) .sidebar-nav-menu 产品列表 css --- */
.sidebar-nav-menu > li .sidebar-cat-img{width: 72px;padding: 0 10px;}
.sidebar-nav-menu > li{list-style: none;line-height:60px;overflow: hidden;}
.sidebar-nav-menu .current-menu-item .sub-menu-0{max-height: 500px;overflow: hidden;}
.sidebar-nav-menu > li .icon:before{content:"\e615";}
.sidebar-nav-menu li.current-menu-item .icon:before{content:"\e617";}
.sidebar-nav-menu > li .icon{float: right;padding-right:12px;}
.sidebar-nav-menu .sub-menu-0 {padding: 0 20px;max-height: 0px;-webkit-transition:all 0.7s ease-out 0s;-moz-transition:all 0.7s ease-out 0s;-ms-transition:all 0.7s ease-out 0s;-o-transition:all 0.7s ease-out 0s;transition:all 0.7s ease-out 0s;}
.sidebar-nav-menu .sub-menu-0 > li{border-bottom:1px solid var(--forecolor);border-bottom-style:dashed;color:var(--forecolor);list-style:none;}
.sidebar-nav-menu li.current-menu-item .sidebar-menu-li,.sidebar-nav-menu > li:hover .sidebar-menu-li{background:var(--forecolor_translucent_3) ;border:1px solid #ceb4b4;border-right:3px solid #e32626;border-left:3px solid #e32626;}
.sidebar-nav-menu li.current-menu-item .sidebar-menu-li a span,.sidebar-nav-menu > li:hover .sidebar-menu-li a span{font-size:20px;color:var(--color_eye);}
.sidebar-nav-menu li .sidebar-menu-li a span{font-size:18px;}
.sidebar-nav-menu li .sidebar-menu-li{padding: 0 6px;}
.sidebar-nav-menu .sub-menu-0 > li:last-child{border-bottom: none;}
/* --- 2) .about-sidebar 相关推荐 新闻列表 css --- */
.about-sidebar{position:sticky;overflow:hidden;margin-bottom:24px;}
.about-container{padding: 10px 8px 8px 12px;}
.about-container .news-img img{width:100px;height:64px;border-radius:var(--radius_img);display:block;cursor:pointer;}
.about-container .news-item{visibility:visible;animation-name:fadeInUp;padding:8px 0px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;}
.about-container .news-item:hover,.about-sidebar .news-item:hover a{color:var(--color_eye);}
.about-container .news-comt{-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.about-container .news-comt .news-tit a{font-family:PingFangSC-Regular;font-weight:400;font-size:16px;line-height:22px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-orient:vertical;}
.about-container .news-comt .news-attribute{font-size: 14px;opacity: 0.6;padding-right: 8px;}
.about-container .news-comt .news-attribute .single-eye .icon{font-size:14px;padding-right:6px;}
/* --- 3) .toc-sidebar 自动文章目录 css --- */
.toc-sidebar{position:sticky;z-index:2;top:91px;-webkit-transition:top 0.35s;transition:top 0.35s;overflow:hidden;margin-bottom:30px;}
.toc-container{padding:10px 15px 18px 25px;}
.toc-container .toc-list{margin:0;padding-left:10px}
.toc-container .toc-list li{list-style:circle;padding:5px 0px 5px 0px;}
.toc-container .toc-list > li.is-active-li{color:var(--color_eye);}
.toc-container .toc-list li ol.toc-list li{list-style:disc;opacity:0.86;}
.toc-container .toc-list>li a.toc-link{font-size:18px;width:200px;}
.toc-container .toc-list ol.toc-list{padding-left:20px;}
.toc-container .toc-link{color:currentColor;height:100%}
.toc-container .is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}
.toc-container .is-collapsed{max-height:0}
.toc-container .is-position-fixed{position:fixed !important;top:0}
.toc-container .is-active-link{font-weight:600}
.toc-container .toc-link::before{background-color:rgb(248,248,248);content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}
.toc-container .is-active-link::before{background-color:var(--color_eye);}
/* --- 1) 小于780尺寸时候使用¸ --- sm --- */
@media only screen and (max-width:768px){
.single-sidebar{padding:0px 32px 0px 0px;width:320px;}
}
/* --- 1) 小于780尺寸时候使用 手机 mobile --- */
@media (max-width:576px){
.single-sidebar{padding:0px 32px 0px 0px;width:320px;}
}
/* --- 2) 大于768px尺寸 min --- */
@media(min-width:768px){
.single-sidebar{padding:0px 0x 0px 0px;width:0px;}
}
/* --- 3) 大于992px尺寸 mid --- */
@media(min-width:992px){
.single-sidebar{padding:0px 32px 0px 0px;width:320px;}
}
/* --- 4) 显示规定 大于1200尺寸时候使用 max --------- */
@media(min-width:1200px){
.single-sidebar{padding:0px 32px 0px 0px;width:320px;}
}
/* ----------------------------------------------------
49) .post-pre 下一页，上一页 Css样式
------------------------------------------------------- */
.post-pre-next{margin-bottom:25px;}
.post-pre-next > div{width:49%;}
.post-pre-next-tit a{font-weight:400;font-size:20px;line-height:32px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-orient:vertical;}
.post-pre-next-info{position:relative;z-index:2;}
.post-pre-next-info{width:100%}
.post-next .post-pre-next-info{text-align:right;padding:10px 60px 8px 8px;}
.post-pre .post-pre-next-info{padding:10px 8px 8px 60px;}
.post-pre .next-jt{left:10px;}
.post-next .next-jt{right:16px}
.next-jt{position:absolute;top:calc(50% - 15px);color:#ccc}
.next-jt .icon{font-size:30px;background-color:rgba(255,255,255,0.45);line-height:34px;height:30px;width:30px;display:block;}
.post-pre-next-time{font-size:14px;padding:10px 2px;opacity:0.9;}
/* --------------------------------------------------------------------------
70). Viewer.js js 支持的css 用于点击放大图片使用
-------------------------------------------------------------------------- */
.heku-box{background:var(--background_translucent_3);border-radius:var(--radius_big);-webkit-box-shadow:var(--box_shadow);box-shadow:var(--box_shadow);}
.heku-img-box{background:var(--background_translucent_3);border-radius:var(--radius_big);}
/* ----------------------------------------------------
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:#dddddd73;box-shadow:2px 5px 15px rgb(0 0 0 / 0.8)}
#Heku_Form_Model .modal-content{background:#ddddddd6;}
#Heku_Form_Model .modal-header{padding:0.6rem 1rem;letter-spacing:1px;font-size:20px;text-shadow:var(--text_shadow);}
#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{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;box-shadow: 0px 1px 4px rgba(0,0,0,0.16);text-shadow: var(--text_shadow);}
#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;box-shadow: 0px 2px 4px rgba(0,0,0,0.16);}
#Heku_Form .post-input input::placeholder,#Heku_Form .post-input textarea::placeholder{font-weight: 500;color: #686777;}
#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-box .contact-info-tit{font-size:2rem;line-height:4rem;}
.contact-info-box .contact-info-tit:hover{font-size:2.1rem;color:var(--color_eye);}
.contact-info-box span,.contact-info-box p{font-size:1rem;line-height:1.5rem;color: var(--forecolor_translucent);font-weight: lighter;}
.contact-info-left li{list-style:none;position:relative;font-size:1.1rem;line-height:3rem;font-weight: lighter;border-bottom:1px dashed var(--forecolor_translucent_3);}
.contact-info-left li i{padding-right: 5px;}
.contact-info-left li:hover i{font-size: larger;}
.contact-info-left li span{line-height:2rem;}
.contact-info-left li:last-child{border-bottom:0px;}
.contact-info-left li:hover{padding-left:20px;color: var(--color_eye);font-weight:500;}
.contact-info-left li:hover a{font-size:1.2rem;font-weight:500;color: var(--color_eye);}
.contact-info-left li.contact-address{padding-top:0.8rem;line-height:1.8rem;}
/* ----------------------------------------------------
14-15) #heku_footer 表单 TempParts/Footer/footer 模板：TempParts/Footer/heku-footer-3.php
------------------------------------------------------- */
#heku_footer{background:#181b22 url(../img/footer-back.jpg) no-repeat top center;height:auto;position:relative;color:var(--deep_color_main);}
.footer-one-left{border-right:1px solid rgb(83 130 151 / 80%);padding-right: 40px;padding: 13px 20px 12px 10px;max-width: 280px;}
.footer-one-left .footer-logo img{height: 1.5rem;}
.footer-one-left .footer-logo .float-left{line-height: 2.8rem;}
.footer-one-left .footer-logo .top-logo-font{padding-left:4rem;line-height:3rem;font-size:1.2rem;color:var(--deep_color_main);}
.footer-one-left .footer-logo .top-logo-font:hover{color: var(--color_eye);}
.footer-one-left .footer-logo-title:hover{color: var(--color_eye);}
.footer-one-left .footer-logo-title{font-size: 0.85rem;color:var(--deep_color_main);padding: 0px 4px;display:block;text-align:center;}
.footer-one-left .footer-contact-ul li{list-style: none;color:var(--deep_color_main);padding: 6px 0px;font-weight: lighter;}
.footer-one-left .footer-contact-ul li a span{font-size: 16px;font-weight: bold;}
.footer-one-left .footer-contact-ul li a:hover,.footer-contact-ul li:hover i,.footer-contact-ul li:hover span{color: var(--color_eye);}
.footer-one-left .footer-contact-ul li i{margin-right: 8px;}
.footer-one-left .footer-contact-ul li a {color: var(--deep_color_main);}
.footer-one-right li a{color:var(--deep_color_main);display:block;line-height:34px;}
.footer-one-right .foot-link-title{font-size:20px;font-weight:500;width:auto;display:inline-block;margin-bottom:10px;color:var(--deep_color_main);line-height:48px;border-bottom:#a0a0a0 1px solid;cursor:text;height:60px;}
.footer-one-right .footer-product-link .frist-a{height: 70px;}
.footer-one-right .footer-product-link a{color:var(--deep_color_main);display:block;line-height:34px;}
.footer-one-right .footer-product-link{width:auto;display:inline-table;/* margin:0 58px; */}
.footer-one-right .footer-product-link:first-child{margin-left: 0px;}
.footer-one-right .footer-product-link:last-child{margin-right: 0px;}
.footer-two{position: relative;margin-top:25px;padding-top:15px;border-top:1px solid rgb(83 130 151 / 80%);color:#a0a0a0;line-height: 36px;font-weight: lighter;}
.footer-two .footer-copyright a{margin: 0 8px;color: #a0a0a0;}
.footer-two .footer-social li {display: inline-block;margin-left: 15px;}
.footer-two .footer-social li a {position: relative;display: inline-block;width: 28px;height: 28px;line-height: 28px;text-align: center;background: #f1f1f1;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 6px;}
.footer-two .footer-social li a:hover {background: var(--color_eye);color: var(--deep_color_main);}
.footer-two .footer-social li a {color: #86878a;}
.footer-one-right li a:hover,.footer-one-right li a:hover span{color: var(--color_eye);}
.footer-one-right li a:hover span{width:100%;}
.footer-one-right li:hover .foot-link-title{border-bottom: var(--color_eye) 1px solid;color: var(--color_eye);}
/* --- 1) 小于780尺寸时候使用¸ --- sm --- */
@media only screen and (max-width:768px){
.footer-one-left{max-width: 100%;border-right:0px;}
.footer-one-left .footer-logo-title{text-align: left;}
.footer-one-right{display: none;}
}
/* --- 1) 小于780尺寸时候使用 手机 mobile --- */
@media (max-width:576px){
.footer-one-left{max-width: 100%;border-right:0px;}
.footer-one-left .footer-logo-title{text-align: left;}
.footer-one-right{display: none;}
}
/* --- 2) 大于768px尺寸 min --- */
@media(min-width:768px){
.footer-one-left{max-width: 100%;border-right:0px;}
.footer-one-left .footer-logo-title{text-align: left;}
.footer-one-right{display: none;}
}
/* --- 3) 大于992px尺寸 mid --- */
@media(min-width:992px){
.footer-one-left{padding: 13px 24px 12px 10px;max-width: 280px;}
.footer-one-right{display: block;}
}
/* --- 4) 显示规定 大于1200尺寸时候使用 max --------- */
@media(min-width:1200px){
.footer-one-left{border-right:1px solid rgb(83 130 151 / 80%);padding-right: 40px;padding: 13px 20px 12px 10px;max-width: 280px;}
}
/* ----------------------------------------------------
14-15) #heku_footer 表单 TempParts/Footer/footer 模板：TempParts/Footer/heku-footer-3.php
------------------------------------------------------- */