:root{ /* 配色原理，网站中尽量不用出现 多余5种颜色 此处的配色 尽量以前后反色为主 参考网址2：https://huemint.com/website-1/ 参考网址2：https://color.review/ */ --font-default: "Microsoft YaHei", "微软雅黑", Arial, "sans-serif"; --deep_background: #4b4b4b; /* 深色背景色 */ --deep_background_translucent: rgba(75, 75, 75, 0.7); /* 深色透明背景 主要用于banner，或是过渡层 一般为0.7透明度，rgb色标 */ --deep_background_translucent_3: rgba(75, 75, 75, 0.25); --deep_color_main:#012f6c; /* 深色背景的主色调，一般对应为 浅色背景 如白色*/ --deep_color_subs:#10d237; /* 深色背景的 辅助色不常用，一般为主色调的同类色、相邻色 */ --deep_color_eye:#250dbb; /* 支持深色的 点睛色 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */ --background: #dcdcdc; /* 背景色 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) 透明度 较低，作为 背景色叠层 */ --forecolor:#4b4b4b; /* 前景色，主色调 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) 透明度 较低，作为 背景色叠层 */ --color_eye:#250dbb; /* 点睛色 var(--color_eye) 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */ --color_subs:#10d237; /* 辅助色不常用 var(--color_subs) 一般为主色调的同类色、相邻色 */ --light_background: #dff2ff; /* 浅色背景 */ --light_background_translucent:rgba(223, 242, 255, 0.7); /* 浅色透明背景 主要用于banner，或是过渡层*/ --light_color_main:#4b4b4b; /* 浅色背景的主色调，一般对应为 深色背景 如黑色*/ --light_color_subs:#10d237; /* 深色背景的 辅助色不常用，一般为主色调的同类色、相邻色 */ --light_color_eye:#250dbb; /* 支持深色的 点睛色 与别的主色调反差大，具有引导视线作用，一般可以为主色调的对比色或互补色，或是公司的logo主色 */ --radius_big: 6px; /* 大圆角默认 设置 */ --radius_small: 4px; /* 小圆角默认 设置 */ --radius_img: 5px; /* 图片圆角 设置 */ --box_shadow: 0px 2px 8px 0px rgba(75, 75, 75, 0.21); /* 边框 阴影效果 */ --text_shadow: 0 1px 2px rgba(75, 75, 75, 0.25); /* 文字 阴影效果 */ } /* ---------------------------------------------------- --- 01 - 19) 公共 全局相关的 CSS样式 -- 00) heku-color 模板颜色管理 -- 01) @font-face 字体图标库，iconfont加载的字体图标，让网站更加独立自主，注意需要加载对应的字体库和对应的字体路径 -- 02) #single_bar_line 10-20 面包屑 导航 公共样式 顶部导航 -- 4.1) #topbar_line - 37-72 顶部 CSS样式 -- 4.2) #logo_line - 72-144 首页 loge 行的 CSS样式 -- 5.1) #nav_menu_line #navigation_bar - 96-111 顶部 Menu 菜单栏行的 CSS样式 -- 06) 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);} 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: "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";} /* ---------------------------------------------------- 02) #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: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;} /* ---------------------------------------------------- 03) 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;box-shadow: 0px 2px 5px rgba(0,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:initial;} .heku-btn:focus{outline: 0px dotted;outline: 0px auto -webkit-focus-ring-color;} /* ---------------------------------------------------- 4.1) #topbar_line - 37-72 顶部 CSS样式 ------------------------------------------------------- */ #topbar_line{position:relative;width:100%;height:36px;background:var(--background_translucent_3);box-shadow:0px 1px 3px 0px rgb(0 0 0 / 16%);} #topbar_line .top-head-language{float:right;line-height:36px;font-size:15px;} #topbar_line .top-head-contact{float:left;line-height:36px;font-size:15px;} #topbar_line .head-email{position:relative;display:inline-block;vertical-align:top;color:#3f4042;padding:0px 0 0 24px;background:url(/wp-content/themes/heku-cms/assets/img/icons031.png) no-repeat left -133px;} #topbar_line .top-head-language .language-left{position:relative;display:inline-block;padding-left:20px;} #topbar_line .top-head-language .language-flag-en .country-flag{background-image:url(/wp-content/themes/heku-cms/assets/img/english_flag.png);} #topbar_line .top-head-language .language-flag-zh-cn .country-flag,#topbar_line .top-head-language .language-flag-en .country-flag{position:relative;display:inline-block;vertical-align:top;background-repeat:no-repeat;width:24px;height:16px;margin:10px 4px;} #topbar_line .top-head-language .language-flag-zh-cn a,#topbar_line .top-head-language .language-flag-en a{padding:5px 6px;background:var(--background_translucent);border-radius:4px;} /* ---------------------------------------------------- 4.2) #logo_line - 72-144 首页 loge 行的 CSS样式 ------------------------------------------------------- */ #logo_line{display:block;margin:0 auto;position:initial;overflow:hidden;} #logo_line .logo-left,#logo_line .head-logo{float:left;} #logo_line .logo-right{float:right;text-align:right;} #logo_line .logo-right .logo-right-phone{width:220px;float:right;text-align:right;} #logo_line .logo-right .head-phone-line1{line-height:30px;float:left;padding:15px 0 0 74px;} #logo_line .logo-right .head-phone-line2{float:left;clear:left;padding:4px 0 0px 55px;font-size:24px;line-height:20px;letter-spacing:2px;color:var(--color_eye);font-family: "Impact";} /* ---------------------------------------------------- 5.1) #nav_menu_line #navigation_bar - 96-111 顶部 Menu 菜单栏行的 CSS样式 ------------------------------------------------------- */ #nav_menu_line{position:relative;z-index:999;width:100%;margin:auto;border-top:1px solid var(--forecolor_translucent_3);border-bottom:1px solid var(--forecolor_translucent_3);width:100%;-o-box-shadow:0 2px 0 var(--forecolor_translucent_3);-webkit-box-shadow:0 2px 0 var(--forecolor_translucent_3);-moz-box-shadow:0 2px 0 var(--forecolor_translucent_3);} #navigation_bar{margin:auto;display:table;} #navigation_menu {padding: 0;margin: 0;position: relative;z-index: 999;display: table;float: left;border-right: 1px solid #fff;line-height: 140%;} #navigation_menu > li {list-style: none;float: left;margin: 0;position: relative;text-align: center;border-right: 1px solid #eee;display: block;} #navigation_menu > li.heku-menu-type2 {position: static;} #navigation_menu > li:first-child {border-left: 1px solid #eee;} #navigation_menu > li:last-child {border-bottom: 0;} #navigation_menu > li > a:after {background: #ff0202;color: #E40019;content: "";height: 2px;left: 0;opacity: 1;position: absolute;top: -2px;-ms-transition: width 0.2s ease 0s;-webkit-transition: width 0.2s ease 0s;-moz-transition: width 0.2s ease 0s;-o-transition: width 0.2s ease 0s;transition: width 0.2s ease 0s;width: 0;} #navigation_menu > li:hover > a:after {background-color: #ff7e00;height: 2px;left: 0;position: absolute;top: -2px;width: 100%;} #navigation_menu > li > a {font-size: 16px;color: #464342;text-decoration: none;display: block;padding: 15px 32px;position: relative;} #navigation_menu > li > a:hover {color: #8a8a8a;} #navigation_menu > li:first-child > a {border-left: 0;} #navigation_menu > li:hover > ul {opacity: 1;visibility: visible;left: -1px;margin: 0;overflow: visible;height: auto;} /* ---------------------------------------------------- 3.2) #nav_menu_line .sub-menu - 96-111 ------------------------------------------------------- */ #navigation_menu li.heku-menu-type2 .sub-menu-0 {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background: #fff;height: 0;left: 0;padding: 10px 0 0;position: absolute;visibility: hidden;opacity: 0;overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;display: table;table-layout: fixed;margin-top: 10px;-o-box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);-moz-box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);-webkit-box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.04);border: 1px solid #eee;width: 1042px;font-size: 14px;} #navigation_menu li.heku-menu-type2:hover > .sub-menu-0 {opacity: 1;visibility: visible;height: auto;overflow: visible;margin-top: 0;z-index: 999999;} #navigation_menu li.depth-0.heku-menu-type2:hover > .sub-menu-0{height:480px;} #navigation_menu li.heku-menu-type2 .sub-menu-0 > ul {display: table-cell;vertical-align: top;border-left: 1px solid #eee;padding: 20px;} /* #navigation_menu li.heku-menu-type2 .sub-menu-0 > ul:first-child {border-left: 0;} #navigation_menu li.heku-menu-type2 .sub-menu-0 > ul ul {margin: 0;padding: 2px 0 18px;} #navigation_menu li.heku-menu-type2 .sub-menu-0 ul li {clear: both;display: block;float: none;text-align: left;border: 0;} #navigation_menu li.heku-menu-type2 .sub-menu-0 .column-heading > span , #navigation .sub-menu-0 .column-heading > a {font-size: 18px;text-decoration: none;color: #777;border-bottom: 0;height: 74px;overflow: hidden;line-height: 74px;} #navigation_menu li.heku-menu-type2 .sub-menu-0 .my-menu-mu > li > a {font-size: 18px;text-decoration: none;color: #000;border-bottom: 0;line-height: 30px;height: 74px;overflow: hidden;line-height: 74px;display: block;} #navigation_menu li.heku-menu-type2 .sub-menu-0 .my-menu-mu > li > a span{line-height: 32px;display: inline-block;} #navigation_menu li.heku-menu-type2 .sub-menu-0 .my-menu-mu > li .menu-image-fnab{width: 110px;text-align: center;} #navigation_menu li.heku-menu-type2 .sub-menu-0 .column-heading > a:hover , #navigation_menu .sub-menu-0 .my-menu-mu > li > a:hover{border-bottom: 0;color: #24277d;} #navigation_menu li.heku-menu-type2 .sub-menu-0 .column-heading .nav-bar-img , #navigation_menu .sub-menu-0 .my-menu-mu > li .nav-bar-img{width: 87px;float: right;overflow: hidden;} #navigation_menu li.heku-menu-type2 .sub-menu-0 .column-heading .nav-bar-img img , #navigation_menu .sub-menu-0 .my-menu-mu > li .nav-bar-img img {width: 85px;float: right;margin-top: -4px;} #navigation_menu li.heku-menu-type2 .sub-menu-0 a {display: block;text-align: left;text-decoration: none;color: #999;line-height: 200%;} #navigation_menu li.heku-menu-type2 .sub-menu-0 > ul li:last-child > a {border-bottom: 0 none;} #navigation_menu li.heku-menu-type2 .sub-menu-0 > ul li > a {padding-left: 8px;border-bottom: 1px solid #eee;} #navigation_menu li.heku-menu-type2 .sub-menu-0 a:hover {display: block;text-align: left;text-decoration: none;color: #999;} #navigation_menu li.heku-menu-type2 .sub-menu-0 a:hover:after {content: ">";font-family: fontello;padding-right: 2px;position: absolute;margin-left: -12px;left: 0;top: 0;} #navigation_menu li.heku-menu-type2 .sub-menu-0 ul > li > a span {margin-bottom: 5px;} #navigation_menu li.heku-menu-type2 .sub-menu-0 ul > li.column-heading > a span {margin-top: 3px;} */ /* ---------------------------------------------------- 3.4) #navigation_menu .sub-menu - 337-407 ------------------------------------------------------- */ /* #navigation_menu .sub-menu-0 {position: absolute;margin: -2px 0 0 0;z-index: 50;padding: 0;height: 0;overflow: hidden;text-align: left;-o-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);-moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);background: #fff;border: 1px solid #eee;width: 130px;visibility: hidden;opacity: 0;-ms-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-moz-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-o-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;transition: aopacity 0s ease 0s, margin-top 0.3s ease 0s;-webkit-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;margin-top: 10px;} #navigation_menu .sub-menu-0 li {float: none;display: block;margin: 0;text-align: left;border: 0;border-bottom: 1px solid #eee;} #navigation_menu .sub-menu-0 ul {padding: 0;left: 170px;margin: 0;top: -1px;height: auto;visibility: hidden;opacity: 0;-ms-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} #navigation_menu .sub-menu-0 > li:hover > ul {opacity: 1;visibility: visible;height: auto;overflow: visible;} #navigation_menu .sub-menu-0 li.hasSubMenu > a:after {content: "\f105";font-family: fontello;position: absolute;right: 20px;font-size: 15px;top: 9px;} #navigation_menu .sub-menu-0 li a {text-decoration: none;display: block;position: relative;padding: 14px 30px;color: #999;} #navigation_menu .sub-menu-0 li a:hover, #navigation_menu .sub-menu li:hover > a {box-shadow: inset 2px 0 0 #ff7e00;} #navigation_menu > li.menu-item-has-children:hover > a {-moz-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);-o-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);-webkit-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);} */ /* ---------------------------------------------------- 5.2) #search_bar 顶部右侧搜索 - 222-232 ------------------------------------------------------- */ #search_bar {background: #fff;border: 1px solid #eee;display: table;float: right;overflow: hidden;padding: 5px 11px 5px 5px;position: relative;top: 4px;width: 200px;-ms-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} #searchsubmit{position: absolute;top: 0;right: 0;width: 37px;height: 43px;border: none;background: url(/wp-content/themes/heku-cms/assets/img/search-bar.png) no-repeat center center;background-color: #fff;display: block;overflow: hidden;background-size: 25px 25px;} #search_bar .icon-search-1 {color: #eee;color: rgba(0, 0, 0, 0.2);cursor: pointer;margin-left: 2px;font-size: 13px;line-height: 17px;} #navigation_bar #search_bar .icon-search-1:before {margin: 0;} #search_bar:hover .icon-search-1:before {opacity: 0.7;} #search_bar:hover {-moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.03);-webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.03);box-shadow: inset 0 0 0 2px rgba(0,0,0,0.03);} #search_bar form .search_text{width: 160px;padding: 0 0 0 10px;margin: 2px 0 0;border: 0;outline: 0;float: left;display: inline;font-weight: normal;font-style: normal;font-size: 11px;color: #7b7878;border-radius: 0;line-height: 30px;height :30px;} #search_bar form .search_text:focus, #search_bar form .search_text {border: 0;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;} #search_bar form .search_text :focus {background: #fff;} .nav-logo .header-logo .logo{line-height:70px;} .nav-menu>li{position:relative;display:inline-block;} .nav-menu>li>a{display:block;text-transform:capitalize;letter-spacing:1px;padding:0px 28px 0;} .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;transition:.5s;letter-spacing:1px;opacity:1;font-size:14px;filter:alpha(opacity=100,style=100);} .nav-menu>li:hover>.sub-menu{display:block;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:var(--deep_color_main);} .nav-menu>li:hover a,.nav-menu li:focus a{color:var(--deep_color_main);} .nav-menu>li:hover::after{background:var(--deep_color_main);} .nav-menu>li>.sub-menu{background:rgba(255,255,255,0.85);-webkit-background:rgba(255,255,255,0.85);-o-background:rgba(255,255,255,0.85);-moz-background:rgba(255,255,255,0.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);} /* ---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:14px;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:36px;height:36px;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-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:740px} /* --- 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: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;line-height:36px;padding:0 20px;height:36px;border:1px solid #235ab7;border-radius:20px 20px;color:#235bb7;margin-top:0px;margin-left:30px;} .sub-menu .list-style01 a.more:hover{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);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;} .news—item-ul_1 .list-style01 .news-comt{padding-left: 25px;} .news—item-ul_1 .list-style01 .news-comt a{padding-left: 0px;font-size: 20px;} .news—item-ul_1 .list-style01 .news-comt .news-summary{text-align: left;} @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 #235bb8b8;height:55px;} .nav-menu>li:nth-child(7){border-bottom:0px solid #235bb8b8;} .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,0.9);z-index:100;} .nav-menu li:hover>.sub-menu{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;} } /* ---------------------------------------------------- 05.2) #search_bar 顶部 搜索 -------------------------------------------------------*/ /* ---------------------------------------------------- 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,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;} #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;transition:opacity .15s ease;} #Carousel_Banner .carousel-inner .banner_one_img{text-align: center;} @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;} } /* ---------------------------------------------------- 07) end #Carousel_Banner 公共样式 顶部导航 banner 内敛 bootstrast 轮播插件 模板：menu_banner 文件：heku-banner-1.php ------------------------------------------------------- */ .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;border: 0px solid #ffffff;background: rgb(35 91 184);} .news—item-ul_1 .news-item .heku-btn .icon{font-size: 12px;} .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} /* --- 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分类 分类页样式 ------------------------------------------------------- */ /* ---------------------------------------------------- 12) start # 分页 css ------------------------------------------------------- */ /* ---------------------------------------------------- 12) end # 分页 css ------------------------------------------------------- */ /* ---------------------------------------------------- 41) .single-title 详情单页 分栏布局，顶部布局，列表 ---------------------------------------------------- */ .single-title{font-size:24px;color:var(--forecolor);text-shadow:var(--text_shadow);line-height:1.5em;text-align:center;padding:10px 10px;} .single-meta-row{border-bottom:1px solid var(--deep_background_translucent);padding-bottom:12px;text-align:center;margin:0 30px 20px 30px;} .single-meta-row .single-meta-ul{display:flex;align-items:center;color:#666;border-bottom:1px solid rgb(224 214 214);padding-bottom:12px;} .single-meta-row .single-meta-ul li{margin-right:24px;list-style:none;} .single-meta-row li{padding:0 10px 0 10px;font-weight:600;opacity:0.7;} .single-meta-row li .icon{padding:0 5px 0 0px} .single-meta-row li:hover{color:var(--color_eye);font-weight:600;opacity:1;} .single-meta-row .single-meta-post{display:inline-block;} .single-meta-row .single-meta-post li{list-style:none;display:inline-block;line-height:25px;} .single-meta-row .single-meta-cat{display:inline-block;} .single-meta-row .single-meta-cat li{list-style:none;display:inline-block;opacity:1;} /* ---------------------------------------------------- 42) .single-info 详情单页 分栏布局，内容详情 Css ---------------------------------------------------- */ .single-info{position:relative;margin-bottom:24px;padding:20px 25px;} .single-info p{line-height:1.6em;font-size:1.1em;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;font-size:1.2em;line-height:1.3em;} .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 div{line-height:1.6em;font-size:1em;padding:0px 5px 10px 5px;color:var(--forecolor);text-shadow:var(--text_shadow);} .entry-content {position:relative;} .entry-content p{line-height:1.6em;font-size:1em;padding:0px 5px 10px 5px;color:var(--forecolor);text-shadow:var(--text_shadow);} .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: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 .single-meta-cat{display:inline-block;padding:18px 2px 10px 0px;} .entry-content .single-meta-cat li{list-style:none;display:inline-block;opacity:1;background:var(--background_translucent);border-radius:18px;-webkit-box-shadow:0px 2px 4px 1px rgb(75 75 75 / 21%);box-shadow:0px 2px 4px 1px rgb(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: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样式 ------------------------------------------------------- */ .about-sidebar .sidebar-title h2{padding:5px;border-bottom:none} .about-sidebar .sidebar-box{padding:10px 0px 0px 0px;} .sidebar-bg{background-image:linear-gradient(45deg,#93a5cf 0%,#e4efe9 100%);border-radius:var(--radius_big);-webkit-box-shadow:var(--box_shadow);box-shadow:var(--box_shadow);margin-bottom:25px;} #bg_sidebar{background-image:linear-gradient(45deg,#93a5cf 0%,#e4efe9 100%);border-radius:var(--radius_big);-webkit-box-shadow:var(--box_shadow);box-shadow:var(--box_shadow);margin-bottom:25px;} .sidebar-title{background-image:url(/wp-content/themes/heku-cms/assets/img/43.png);padding:24px 26px 0px 24px;background-position:top right;background-repeat:no-repeat;} .sidebar-title h2{padding-bottom:15px;border-bottom:1px solid #f2f2f2;font-size:24px;color:#000;} .sidebar-box{padding:15px 20px 20px 20px;} .sidebar-li-title h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:2px;word-break:break-all;font-size:14px;} .sidebar-li-title time{font-size:12px;color:#726d6d;margin-top:5px;} .sidebar-li-box{display:flex;align-items:center;} .sidebar-li-img{padding:8px 9px;border-radius:var(--radius_big);} .sidebar-img-box{overflow:hidden;border-radius:5px;} .sidebar-img-box img{width: 100px;height: 65px;} .sidebar-img-box:hover img{transform:scale(1.2);transition:filter 375ms .2s,transform .6s;} li.sidebar-li{list-style:none;} .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:10px 15px 5px 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: 45px;padding: 0 8px;} .sidebar-nav-menu > li{list-style: none;line-height:54px;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 15px;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 .sub-menu-0 > li .sidebar-single{font-size: 13px;} .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:1.1em;color:var(--color_eye);} .sidebar-nav-menu li .sidebar-menu-li a span{font-size:1em;} .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.sidebar-bg{background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);} .appproduct-sidebar.sidebar-bg{background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);} .rongji-sidebar.sidebar-bg{background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);} .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:16px;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 50px;} .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 用于点击放大图片使用 -------------------------------------------------------------------------- */ .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,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{box-sizing:content-box;height:120px;margin:auto !important;overflow:hidden;padding:1px 0;width:auto !important;transform:none !important} .viewer-list>li{color:transparent;cursor:pointer;font-size:0;height:120px;line-height:0;opacity:0.5;overflow:hidden;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,0.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color 0.15s} .viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,0.8)} .viewer-toolbar>ul>li:focus{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,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;transition:opacity 0.15s;white-space:nowrap} .viewer-title:hover{opacity:1} .viewer-button{background-color:rgba(0,0,0,0.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color 0.15s;width:80px} .viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,0.8)} .viewer-button:focus{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,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{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,0.1);border-left-color:rgba(255,255,255,0.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%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} } @keyframes viewer-spinner{ 0%{transform:rotate(0deg)} 100%{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: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-left .contact-info-li{padding:10px 0px;} .contact-info-left .contact-info-box{width: 94%;padding: 10px 32px;border-radius: 6px;box-shadow: 0px 1px 4px rgba(0,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;} /* ---------------------------------------------------- 14-15) #heku_footer 表单 TempParts/Footer/footer 模板：TempParts/Footer/heku-footer-4.php ------------------------------------------------------- */ #heku_footer4{padding-top:20px;padding-bottom:10px;color:#888;background-color:#f3f3f3;font-size:14px;font-weight:400;text-align:center;} #heku_footer4 .link-list{text-align: center;line-height: 30px;} #heku_footer4 .link-list>*:not(:first-child){margin: 0 12px;} #heku_footer4 .footer-splitter{margin: 10px 80px;height:1px;background-color:#999} #heku_footer4 .footer-bottom{line-height: 32px;} #heku_footer4 .footer-bottom .about *:not(:first-child){margin: 0 12px;} #heku_footer4 .footer-bottom .beian{color:#939393;} /* ---------------------------------------------------- 14-15) #heku_footer 表单 TempParts/Footer/footer 模板：TempParts/Footer/heku-footer-4.php ------------------------------------------------------- */ /* ---------------------------------------------------- 14-15) #Heku_Form_Model 表单 模板：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:#dddddd73;} #Heku_Form_Model .modal-header{padding:0.6rem 1rem;} #Heku_Form_Model .modal-header button:focus{outline:0px auto #FFF} #canvas{background:#ddd;display:inline-block;border:0.5px solid #fff;cursor:pointer;border-radius:6px;margin-left:10px;} #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_Model 表单 模板：TempParts/From/heku-model-from-1.php ------------------------------------------------------- */ /* ---------------------------------------------------- 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;} .page_bar_2 .page_arr_left,.page_bar_2 .page_arr_center,.page_bar_2 .page_arr_right{display: inline-block;} .page_bar_2 .page_arr_center a.current,.page_bar_2 .page_arr_center a:hover{background:#4473c3;color:#fff;border-radius:50% 50%;} .page_bar_2 a{font-size: 18px;color: #323232;} .page_bar_2 a{padding: 1px 10px;} .page_bar_2 .pages-row{line-height:30px;text-align: center} .page_bar_2 a{margin: 0 6px;} .page_bar_2 a{color: #666;} .page_bar_2 .page_arr_left a:hover,.page_bar_2 .page_arr_right a:hover{color:#4473c3;} .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} /* --- 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分类 分类页样式 ------------------------------------------------------- */ /* ---------------------------------------------------- 16) #Carousel_Product_Img 10-20 公共样式 顶部导航 ------------------------------------------------------- */ .product-img-left{float:left;padding: 15px 15px 0px 15px;} #Carousel_Product_Img .product-img-inner img{width:360px;height:360px;} #Carousel_Product_Img .product-img-indicators{float:left;position:relative;margin: 8px 0px;padding: 0 20px;} #Carousel_Product_Img .carousel-indicators li:first-child{margin-top:0px;} #Carousel_Product_Img .carousel-indicators li:last-child{margin-bottom:0px;} #Carousel_Product_Img .carousel-control-next,#Carousel_Product_Img .carousel-control-prev{width:360px;} #Carousel_Product_Img .product-img-indicators li{display:inline-block;margin:0px 3px;width:85px;height:85px;padding:0px;cursor:pointer;border:1px solid #ddd} #Carousel_Product_Img .product-img-indicators li.active{border:2px solid #007aff;box-shadow:0 0 4px rgb(0 122 255/50%);} #Carousel_Product_Img .product-img-video{visibility:visible;position:absolute;width:100%;height:100%;display:block;pointer-events:none;-webkit-transition:display .3s;transition:display .3s;} #Carousel_Product_Img .product-img-video video{width:100%;height:100%;} #Carousel_Product_Img .carousel-item{width:100%;height:100%;} #Carousel_Product_Img .carousel-control-next,#Carousel_Product_Img .carousel-control-prev{top: inherit;padding:25px 8px;bottom:-82px;z-index:99;width:10px;background:#a69999;border-radius:5px;} .product-summary-right{float:right;padding: 15px;width:525px;} .product-summary-title{height:42px;overflow:hidden;line-height:42px;} .product-summary-title span{display:inline-block;font-size:16px;letter-spacing:2px;font-weight:bold;} .product-summary-model{font-size:24px;line-height:48px;color:#235bb8;} .product-summary-detail{height:266px;overflow:hidden;padding:20px 0;} .product-summary-detail li{padding:10px 0;border-bottom:1px dashed #efefef;align-items:center;list-style:inside;} .product-summary-btn a{width:150px;margin-right:30px;text-align:center;letter-spacing:5px;} /* --- 1) 小于780尺寸时候使用¸ --- sm --- */ @media only screen and (max-width:768px){ #Carousel_Product_Img .product-img-indicators li{width:85px;height:85px;} #Carousel_Product_Img .product-img-indicators{width:260px;} #Carousel_Product_Img .product-img-inner,#Carousel_Product_Img .product-img-inner img{width:260px;height:260px;} .product-summary-right{width:100%;padding:16px;} .product-summary-detail{height:initial;padding:15px 0 20px 0;} .product-summary-title span{font-size:16px;} .product-summary-model{font-size:24px;line-height:48px;} .product-summary-detail li{padding:10px 0;} .product-summary-btn a{width:150px;margin-right:30px;letter-spacing:5px;line-height:40px;} } /* --- 1) 小于780尺寸时候使用 手机 mobile --- */ @media (max-width:576px){ #Carousel_Product_Img .product-img-indicators li{width:55px;height:55px;} #Carousel_Product_Img .product-img-inner,#Carousel_Product_Img .product-img-inner img{width:260px;height:260px;} .product-summary-right{width:100%;} .product-summary-detail{height:initial;padding:6px 0 10px 0;} .product-summary-title span{font-size:16px;} .product-summary-model{font-size:18px;line-height:32px;} .product-summary-detail li{padding:4px 0;} .product-summary-btn a{width:120px;margin-right:18px;letter-spacing:2px;line-height:36px;} #Carousel_Product_Img .carousel-control-prev{left:90px;} } /* --- 2) 大于768px尺寸 min --- */ @media(min-width:768px){ #Carousel_Product_Img .product-img-indicators li{width:60px;height:60px;} #Carousel_Product_Img .product-img-indicators{width:320px;} #Carousel_Product_Img .product-img-inner,#Carousel_Product_Img .product-img-inner img,#Carousel_Product_Img .heku-video{width:320px;height:320px;} .product-summary-right{width:300px;} .product-summary-detail{height:180px;padding:5px 0;} .product-summary-title span{font-size:20px;} .product-summary-model{font-size:18px;line-height:32px;} .product-summary-detail li{padding:4px 0;font-size:14px;} .product-summary-btn a{width:120px;margin-right:14px;letter-spacing:2px;line-height:36px;} } /* --- 3) 大于992px尺寸 mid --- */ @media(min-width:992px){ #Carousel_Product_Img .product-img-indicators li{width:60px;height:60px;} #Carousel_Product_Img .product-img-indicators{width:280px;} #Carousel_Product_Img .product-img-inner,#Carousel_Product_Img .product-img-inner img{width:280px;height:280px;} .product-summary-right{width:290px;} .product-summary-detail{height:226px;padding:10px 0;} .product-summary-title span{font-size:16px;} .product-summary-model{font-size:18px;line-height:36px;} .product-summary-detail li{padding:8px 0;font-size:16px;} .product-summary-btn a{width:120px;margin-right:10px;letter-spacing:5px;line-height:40px;padding: 1px 10px;} } /* --- 4) 显示规定 大于1200尺寸时候使用 max --------- */ @media(min-width:1200px){ #Carousel_Product_Img .product-img-indicators li{width:70px;height:70px;} #Carousel_Product_Img .product-img-indicators{width:360px;} #Carousel_Product_Img .product-img-inner,#Carousel_Product_Img .product-img-inner img{width:360px;height:360px;} .product-summary-right{width:400px;} .product-summary-detail{height:272px;padding:15px 0;font-size:18px;} .product-summary-btn a{width:150px;margin-right:30px;letter-spacing:5px;line-height:40px;padding: 1px 20px;} } /* ---------------------------------------------------- 16) #Carousel_Product_Img 10-20 公共样式 顶部导航 ------------------------------------------------------- */ .index-product-kaysalor .sidebar-menu-li{max-height:60px;} .index-product-kaysalor.about-sidebar .sidebar-title h2{padding: 10px 6px 6px 6px;} .index-product-kaysalor{height: 435px;overflow: hidden;} /* ---------------------------------------------------- 2) heku皮肤字体前景色 根据不同的模板对应的颜色取值 原为默认的 ------------------------------------------------------- */ .index-h2{text-align:center;} .index-h2 span{display:block;color:#121212;padding:10px 0;} .index-h2 span.a{line-height:48px;height:54px;font-weight:bolder;width:295px;margin-left:400px;font-size:30px;color:#333;background:url(/wp-content/themes/heku-cms/assets/img/title_bg.png) no-repeat 0px 12px;} .index-h2 span.b{line-height:18px;font-size:16px;} /* ---------------------------------------------------- 8.1) #index-project-line- 37-72 ------------------------------------------------------- */ #index-project-line{background:#e0e7ff;overflow:hidden;} #index-project-line .imgZoom img{-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;} #index-project-line .imgZoom{overflow:hidden;-webkit-transform:rotate(0);transform:rotate(0);} #index-project-line .imgZoom:hover img{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} #index-project-line .project-box .item{position:relative;width:30.33%;float:left;margin-right:1.5%;margin-left:1.5%;margin-bottom:30px;border-radius:6px;overflow:hidden;background:#f6f6f6;transition:.3s ease;position:relative;} #index-project-line .project-box .item:hover{box-shadow:2px 2px 12px 0px hsla(216,96%,31%,0.79)} #index-project-line .project-box .item .rect-566{width:100%;height:190px;overflow:hidden;} #index-project-line .project-box .item .rect-566 img{width:100%;} #index-project-line .project-box .item .content-box{padding:20px 25px 22px 25px;} #index-project-line .project-box .item .content-box .t12 {font-size:20px;font-weight:bold;color:#666;margin-bottom:10px; height: 60px;} #index-project-line .project-box .item .content-box .c{font-size:14px;color:#666;line-height:24px;height:72px;overflow:hidden;} #index-project-line .project-box .item .content-box .more{float:right;color:#666;} #index-project-line .project-box .item .li-line{width:0;height:5px;background:#ff7e00b3;position:absolute;left:0;bottom:0;transition:all 0.5s ease;} #index-project-line .project-box .item:hover .li-line{width:100%;} /* ---------------------------------------------------- 9.1) #index-about-line 37-72 ------------------------------------------------------- */ #index-about-line{overflow:hidden;width:100%;background:url(/wp-content/themes/heku-cms/assets/img/aboutBg.jpg) no-repeat center bottom;background-color:#fff;background-size:cover;} .index-about .aboutLeft{overflow:hidden;width:800px;float:left;} .index-about .aboutLeft dl{overflow:hidden;width:100%;margin:46px 0;} .index-about .aboutLeft dt{float:left;width:320px;height:280px;padding:10px;background-color:#fff;overflow:hidden;margin-top: 40px;} .index-about .aboutLeft dd{overflow:hidden;float:right;width:456px;} .index-about .aboutLeft dd h4{font-size:26px;margin-top:0px;margin-bottom:10px;} .index-about .aboutLeft a{color:#fff;} .index-about .aboutLeft dd p{font-size:13px;color:#fff;line-height:24px;width:100%;text-indent:25px;} .index-about .aboutLeft ul{overflow:hidden;float:left;} .index-about .aboutLeft ul li{float:left;width:120px;text-align:center;list-style:none;font-size:14px;border-right:1px solid #524067;} .index-about .aboutLeft ul li img{display:block;margin:0 auto;margin-bottom:10px;} .index-about .aboutLeft ul li.last{border:none} .index-about .aboutLeft .phone{overflow:hidden;padding-left:50px;margin-top: -10px;} .index-about .aboutLeft .phone p{font-size:20px;color:#fff;} .index-about .aboutLeft .phone h4{font-size:40px;color:#da000f;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;} .index-about .hezuo{overflow:hidden;width:220px;float:right;height:450px;background-color:#03409d;margin-bottom:50px;position:relative;top:20px;} .index-about .hezuo h3{font-size:20px;margin-left:20px;margin-top:30px;margin-bottom:15px;} .index-about .hezuo h3 a{color:#fff;} .index-about .hezuo h3 span{font-size:12px;color:#99c8f3;font-weight:normal;} .index-about .hezuo .hezuoBox{overflow:hidden;margin:3px auto;width:193px;height:398px;position:relative;} .index-about .hezuoBox ul{overflow:hidden} .index-about .hezuoBox li{width:100%;float:left;text-align:center;padding:6px 0;} .index-about .hezuoBox li a{text-decoration:none} .index-about .hezuoBox li p{font-size:13px;color:#fff;margin-top:5px;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}