/*使公司动态标题之间有虚线的分隔线，即与原始文章设置一致*/
.site-content .tao {
    background-color: #ffffff;
    border-bottom: 1px dashed #c5d1dc;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 3px;
    border-bottom: 0;
    margin-right: 0;
}

/*使公司公告标题之间有虚线的分隔线，即与原始文章设置一致*/
.site-content .bulletin {
    background-color: #ffffff;
    border-bottom: 1px dashed #c5d1dc;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 3px;
    border-bottom: 0;
}

/*使页脚导航菜单能在同一行显示*/
.footer-menu-links li > a > svg {
    margin-right: 3px;
}

/*
.footer-menu-links li {
    border-right: 1px dotted #b9b5b5;
    display: inline-block;
    line-height: 20px;
    margin: 5px 0;
    padding: 0;
    border: none;
}

.footer-menu-links li > a {
    font-size: 14px;
    padding-right: 6px;
    position: relative;
}

.footer-menu-links li > a:after { 
    content: "";
    position: absolute;
    width: 2px;
    background: #b9b5b5;
    height: 14px;
    right: 0;
    top: 1px;
}

.footer-menu-links li:last-child > a:after { 
    display: none;
}
*/

/* 给文章加内链CSS样式---------------------------------------------------------- */
.fl{
	float:left
}

.fr{
	float:right
}

.neilian{
	margin-bottom:25px;
	padding:10px;
	width:100%;
	height:195px;
	border:1px solid #e8e8e8;
	background:#fff;
	box-shadow:0 1px 0 rgba(0,0,0,.1);
	cursor:pointer;
	-webkit-transition:box-shadow 218ms;
	-moz-transition:box-shadow 218ms;
	-o-transition:box-shadow 218ms;
	transition:box-shadow 218ms;
}

.neilian:hover{
	box-shadow:0 1px 8px 1px rgba(0,0,0,.1)
}

.neilian .fl{
	width:72%
}

.neilian .fr{
	padding:10px 5px;
	width:24%
}

.neilian .fl a{
	margin-right:15px;
	padding:8px 5px;
	width:100%;
	color:#35a56b!important;
	text-decoration:none;
	font-size:16px;
	border:none
}

.neilian .fl .note{
	margin:0 0 5px;
	padding-left:10px;
	color:#888;
	font-size:14px
}

.neilian .neilian-thumb{
	width:170px;
	height:120px;border-radius: 3px;
}

.neilian .fl .flex-btn-div a:hover {
	color: white !important;
}

.neilian .fl a.fl:hover {
    color: #31a3dd !important;
}

@media only screen and (max-width: 480px) and (min-width: 200px) {
    .neilian .slide-text-bg2 h3 {
        font-size: 8px;
        line-height: 16px;
    }
}

/** 文章页左右翻页按钮 **/
.nav-single-c a {
font-size: 66px;
color: #b6b6b6;
text-align: center
}
.nav-single-c a:hover {
color: #555
}
.meta-nav-l {
position: fixed;
right: 2.5%;
top: 55%;
width: 36px
}
.meta-nav-r {
position: fixed;
left: 0%;
top: 55%;
width: 36px;
}
@media screen and (max-width:1200px) {
.nav-single-c a {
display: none
}
}
.fa-angle-right{ 
color: rgba(200, 200, 200, 0.8); 
}
.fa-angle-left{ 
color: rgba(200, 200, 200, 0.8); 
}
.fa-3x {
font-size: 2em;
}

span.meta-nav-l i, span.meta-nav-r i {
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

span.meta-nav-l i:hover, span.meta-nav-r i:hover {
    color: #31a3dd;
}

/** sidebar的各项目上下间距等css参数修改了一些 **/
.sidebar-section-right {
	margin-bottom: 0px;
	padding: 0;
	border-left: none;
}

.sidebar-widget {
	margin-top: 0;
	overflow: hidden;
}

.widget-title, .rsswidget { 
color: #2a2e34; 
font-family: 'Lato'; 
font-weight:600; 
letter-spacing: 1px; 
margin: 0 0 10px; 
padding-bottom: 0px; 
word-wrap: break-word; 
}

/** 热门文章排行列表的自定义CSS，忙活了半天，其实只需要在调用短代码上加入ul标签就能完美实现原主题CSS样式 **/
.textwidget li > a { 
color: #707981;
font-family: 'Lato';
font-weight: 500;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
transition: all 0.3s ease 0s;
/*border-bottom: 1px dotted #d1d1d1;*/
font-size: 16px;
line-height: 27px;
/*padding: 4px 0 4px 0;*/
}

.textwidget li > a:before { 
font-family: FontAwesome;
margin-right: 9px;
vertical-align: middle;
content: "\f04d";
font-size: 6px;
color: #707981;
}

.textwidget li:first-child { 
padding-top: 4px; 
}

.textwidget li {
border-bottom: 1px dotted #d1d1d1;
padding: 4px 0;
}

li, ol > li {
margin: 0;
padding: 4px 0;
font-size: 16px;
line-height: 27px;}

ui, li {
    list-style: none;
}

/*自定义边栏菜单最左边的图标，原始为f04d*/
.widget ul > li > a:before {
font-family: FontAwesome;
margin-right: 9px;
vertical-align: middle;
content: "\f22d";
font-size: 6px;
color: #707981;
content: "\f0a9"; 
font-size: 16px;
}

/*contact form 7中各行间距调整*/
.wpcf7-form label {
display: block;
margin: 0 0 0px;
}

/*自定义页面调用文章列表后，底部分页栏与文章图片列表间距的CSS*/
.wp-pagenavi {
clear: both;
padding-top: 0px;
padding-bottom: 20px;
line-height: 35px;
}

/*调用缩略图的CSS，调整了文章详情内容页面顶部的三张缩略图与顶部的间距*/
.post-thumbnail {
margin: 0 0 0px;
margin-top: 0px;
width: 30%;
overflow: hidden;
position: relative;
}

/*自定义一些CSS*/
.l-sidebar { 
width:27%;
float: left;
}
.l-content { 
width:70%;
float: right;
}

.w-blog-preloader{
position:relative;
height:0;
width:100%;
overflow:hidden
}

.w-blog-list {
margin-left:  0 !important;
margin-right:  0 !important;
border: 1px solid #ddd;
padding:8px;
}


/*调整页脚三栏内容与上一版块的行距*/
.site-footer { 
margin: 0px;
padding: 25px 0 0px;
background-color: #1d1d1d;
}

/*调整页脚三栏内容与下一版块的行距*/
.site-footer .widget {
margin: 0 0 25px;
}

/*CSS实现鼠标悬停弹出微信二维码*/
a.weixin, a.douyin {
    position: relative;
    cursor: pointer;
}

.weixin img, .douyin img {
    position: absolute;
    z-index: 99990;
    /* top: -135px; */
    right: -23px;
    width: 11rem;
    max-width: none;
    height: 11rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    /* transform-origin: top right; */
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    border: .3125rem solid #0085ba;
    border-radius: .25rem;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.weixin:hover img, .douyin:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/*给首页公司概况版块加底部一条直线border-bottom*/
.service {
margin: 0px;
padding: 20px 0 10px;
border-bottom: 1px solid #e6e7e9;
}

/*首页画册右边产品列表a标签的CSS设置*/
.tab-pane > ul > li a{
    color: #707981;
}

.tab-pane > ul > li a:hover{
    color: #31a3dd;
}

.blogleftone .tab-content > .tab-pane ul > li a {
    color: rgba(255,255,255,.6);
}

.blogleftone .tab-content > .tab-pane ul > li a:hover {
    color: rgba(255,255,255,1);
}

/*首页标签云a标签的CSS设置*/
.sidebar-widgettwo > ul a{
color: #707981;
background-color: #f5f6f8;
padding: 1px 3px;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
transition: all 0.3s ease 0s;
}
.sidebar-widgettwo > ul a:hover{/*加了:hover属性是为原文字设置鼠标悬停后链接文字的属性，如文字颜色，文字背景色等*/
background-color: #31a3dd;
color: white;
}

/*首页公司公告栏鼠标悬停时链接文字字体显示的颜色CSS设置*/
.ption_a > #announcement > ul > li a:hover{
color: #31a3dd !important;
}

/*联系我们栏鼠标悬停时链接文字字体显示的颜色CSS设置*/
.textwidget > p a:hover{
color: red;
}

/*友情链接栏鼠标悬停时链接文字字体显示的颜色CSS设置*/
.lis > lis a {
    color: #fff;
}
.lis > lis a:hover {
    color: #31a3dd;
}

/*页脚copyright栏鼠标悬停时链接文字字体显示的颜色CSS设置*/
.footer-copyright > p a:hover{
    color: #31a3dd;
}

/*首页产品画册栏文字标题鼠标悬停时链接文字字体显示的颜色CSS设置*/
.galnav > ul > li > figure > figcaption > a h4:hover{
    color: #31a3dd !important;
}

/*设置被选中后的导航菜单文字颜色及背景色的颜色CSS设置*/
.menu > .active > a, .menu > .active > a:hover {
    color: #fff;
    background-color: #31a3dd;
    padding: 5px 15px 5px 0;
}

@media screen and (max-width:1023px) {
    .menu > .active > a, .menu > .active > a:hover {
        border-radius: 5px;
    }
}

/*（取消了此设置）主导航栏菜单点中后背景色和文本颜色设置*/
/* .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #31a3dd;
color: white !important;
} */

/*设置搜索栏 点击 搜索 按钮， 鼠标悬停时显示的颜色和背景色*/
/* .search-submit:hover{
background: #31a3dd;
color: white;
} */

/*创建wordpress弹出搜索框的CSS代码*/
.search-inner{ 
 height: 100%;
 float: right;
 margin-right: 50px;
}
.toggle-search {
 line-height:48px;
 cursor: pointer;
 font-size:24px;
 display: block;
 position: absolute;
 /*注释掉原始的right: -51px; top: -5px;*/
 /*right: 0px; top: -5px;*/
 right: 8px;
 top: -235px;
 color:#9e9e9e;
 /*width:48px;*/
 width:122px;
 height:48px;
 /*注释掉原始的background:#fff;*/
 background:#d9d9d9 url(http://45.77.95.174/wp-content/themes/elitepress/images/search.png) no-repeat scroll 50% center;
 /*注释掉border:1px solid #e7e7e7;*/
 /*border-radius:30px;*/
 border-radius:5px;
 text-align:center;
}
.toggle-search:hover{
 color:#fff;
 /*注释掉原始的background:#5396E2;*/
 background: #00b9eb url(http://45.77.95.174/wp-content/themes/elitepress/images/search.png) no-repeat scroll 50% center;
 }
.search-expand {
 display: none;
 /*注释掉原始的position: absolute;*/
 position: inherit;
 top: 6px; right: 0px;
 }
.search-expand input {
 border: 2px solid #e2e2e2;
 border-radius: 0;
}
/*以下一组CSS为自己调整借用的*/
.search-expand .query {
margin-right: 81px;
width: 160px;
margin-top: -230px;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
line-height: 24px;
/*height: 24px;*/
height: 38px;
outline: 0;
/*注释掉border: 0;
    border-right: 15px solid #e9e9e9;*/
border: 1px solid #ddd;
font-size: 13px;
background: #e9e9e9;
float: left;
color: #999;
}

.search-expand .search-button {
float: left;
margin-top: -230px;
    /*height: 38px;
    width: 30px;*/
background: transparent;
height: 38px;
line-height: 26px;
width: 20px;
/*注释掉margin-left: -28px;*/
margin-left: 130px;
    /* background: #e9e9e9; */
outline: 0;
border: 0;/*此主题中添加的*/
}

i.fa.fa-search {
    /*注释掉color: #bababa;*/
    color: #2a2e34;
}
i.fa.fa-search:hover {
    color: #999;
}

/*首页产品中心的标题CSS代码*/
.home-blog .blog-info{
    padding: 5px 0;
    text-align: center;
    background: inherit;
    border: 0;
}

/*首页最近更新产品的版块，添加以下代码后，第六个产品即行首的产品直接在行首显示，然后所有产品能整齐的一排排排列*/
.col-md-2:nth-child(6n+1) {
    clear: left;
}
/*.col-xs-2:nth-child(6n+1) {
    clear: left;
}此设置为手机适配一行标准正常显示6个产品，以上一行的设置功能重复*/

/*为文章多张特色图片设置显示格式*/
.highslide-image > img.img-responsive.wp-post-image {
    width: 225px;
    height: auto;
    float: left;
    padding: 5px 10px;
    font-size: 16px;
    /*margin: 0 7px;*/
    border: 1px solid #e4e8ea;/*此border为新添加*/
}
img.attachment-post-thumbnail.size-post-thumbnail{
    width: 225px;
    height: auto;
    float: left;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid #e4e8ea;/*恢复此border设置*/
    /*margin: 0 7px;*/
}
.site-content-two.aligncenter {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /*border: 1px solid #e4e8ea;*/
    padding: 5px 5px;
    font-size: 16px;
    /*以下为新修改*/
    /*overflow-y: scroll;*/
    height: auto;
    float: left;
    /*width: 70%;*/
    /*以上为新修改*/
    clear: inherit;
}
.site-content-two.aligncenter > a.highslide-image{
    margin: auto;
}
.site-content-two.aligncenter.second{
    overflow: auto;
    word-break: break-all; 
}

.site-content-two.aligncenter.second > li dd{
    /*border-bottom: dotted 1px #707981;
    line-height: 22px;*/
    font-size: 14px;
    text-align: left;
    color: #999;
    border: none;
    line-height: 1;
    font-family: "PingFang SC", Helvetica, "Microsoft YaHei", Arial, "sans-serif";
    font-family: Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    padding: 10px 0;
    position: relative;
}

.site-content-two.col-md-12 {
    padding: 0;
    margin-top: 15px;
    /* border-bottom: dotted 1px #707981 !important; */
    border: 1px solid #e4e8ea;
    border-radius: 3px;
}

/*.site-content-two.aligncenter.second > li dd span {
    color: #666;
}*/

.site-content-two.aligncenter.second > li dd span {
    color: #333;
    font-family: "PingFang SC", Helvetica, "Microsoft YaHei", Arial, "sans-serif";
}

.site-content-two.aligncenter.second > li dd span:first-child {
    padding-left: 22px;
}

/** .site-content-two.aligncenter.second > li dd span.price_details,.site-content-two.aligncenter.second > li dd span.price_unit {
    color: red;
} */

.site-content-two.aligncenter.second > li dd span.price_unit, .site-content-two.aligncenter.second > li dd span.price_details {
    background: linear-gradient(108.22deg,#ff5e5e 35.8%,#fe926f 99.34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.site-content-two.aligncenter.second > li dd span.field-name {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    padding-left: 16px;
    color: #999;
    padding-left: 0;
    width: 50px;
}

.site-content-two.aligncenter.second > li dd span.appearance_details {
    margin-left: 50px;
    line-height: 1;
    position: relative;
    display: block;
}

.site-content-two.aligncenter.second > li dd span.danjia {
    padding: 0 22px 0 0;
    color: #999;
}

del.pro_price {
    margin-left: 5px;
    color: rgba(255, 0, 0, .5);
    font-size: x-small;
}

.site-content-two.aligncenter.second > li dd del.pro_price span {
    padding: 0;
    color: rgba(255, 0, 0, .5);
    font-size: x-small;
    -webkit-text-fill-color: #999;
    text-fill-color: #999;
    text-decoration: line-through;
}

/**2024.4.8注释掉了 .site-content-two.aligncenter.second > li dd del.pro_price span:last-child {
    display: none;
} */

.site-content-two.aligncenter.second > li dd.goods-price span.quantity_unit {
    display: none;
}

.site-content-two.aligncenter.second > li dd span.last-updated, .site-content-two.aligncenter.second > li dd span.post_date, .site-content-two.aligncenter.second > li dd span.sales_total {
    color: #ccc;
    padding-left: 10px;
    font-size: 12px;
}

.flexslider.slidertwo.col-md-12 .slides li a:before {
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    background: #f70;
    top: 0;
    left: -webkit-calc((100% - 225px) / 2);
    left: -ms-calc((100% - 225px) / 2);
    left: -o-calc((100% - 225px) / 2);
    left: -moz-calc((100% - 225px) / 2);
    left: calc((100% - 225px) / 2);
    width: 2px;
    height: 0;
    -webkit-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    border-radius: 4px 0 0 4px;
}

.flexslider.slidertwo.col-md-12 .slides li a:after {
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    background: #f70;
    top: 0;
    right: -webkit-calc((100% - 225px) / 2);
    right: -ms-calc((100% - 225px) / 2);
    right: -o-calc((100% - 225px) / 2);
    right: -moz-calc((100% - 225px) / 2);
    right: calc((100% - 225px) / 2);
    width: 2px;
    height: 0;
    -webkit-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    border-radius: 0 4px 4px 0;
}

.flexslider.slidertwo.col-md-12 .slides li:before {
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    background: #f70;
    top: 0;
    left: -webkit-calc((100% - 223px) / 2);
    left: -ms-calc((100% - 223px) / 2);
    left: -o-calc((100% - 223px) / 2);
    left: -moz-calc((100% - 223px) / 2);
    left: calc((100% - 223px) / 2);
    width: 0;
    -webkit-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    height: 2px;
    border-radius: 4px 4px 0 0;
}

.flexslider.slidertwo.col-md-12 .slides li:after {
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    background: #f70;
    top: 223px;
    left: -webkit-calc((100% - 223px) / 2);
    left: -ms-calc((100% - 223px) / 2);
    left: -o-calc((100% - 223px) / 2);
    left: -moz-calc((100% - 223px) / 2);
    left: calc((100% - 223px) / 2);
    width: 0;
    -webkit-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    height: 2px;
    border-radius: 0 0 4px 4px;
}

.flexslider.slidertwo.col-md-12 .slides li:hover:before {
    width: 223px;
}

.flexslider.slidertwo.col-md-12 .slides li:hover:after {
    width: 223px;
}

.flexslider.slidertwo.col-md-12 .slides li:hover a:before {
    height: 225px;
}

.flexslider.slidertwo.col-md-12 .slides li:hover a:after {
    height: 225px;
}

/*设置首页最新产品左右的padding距离*/
.row > .col-md-2.col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/*设置产品展示页左右的padding距离*/
.site-content > article.col-md-4 {
    padding-left: 10px;
    padding-right: 10px;
}
/*产品展示页在手机上适配整齐展示每行3个，后一个自动到另一行最左边*/
.site-content .col-xs-4:nth-child(3n+1) {
    clear: left;
}

/*logo栏自定义项目宽度设置*/
/*.header-section>.container>.row>.col-md-3 {
    width: 40%;
}
.header-section>.container>.row>.col-md-9 {
    width: 60%;
}*/

/*修改col-md的属性*/
/*.col-md-9 {
    width: 60%;
  }
.col-md-3 {
    width: 40%;
  }*/

/*@media (max-width: 768px){.col-xs-12
    .col-xs-12{width: 100%;}}*/

/*导航栏搜索图标添加hover属性*/
/*button.search-button i.fa.fa-search:hover {
    color: red !important;
}*/

/*搜索等输入框padding属性修改*/
.search-form input.search-field {
    padding: 13px 15px 13px 24px;
}

form input[type="text"] {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

form input[type="text"]:focus, form input[type="text"]:hover, input:hover, textarea:hover {
    border-color: rgba(81, 203, 238, 1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.sidebar-widget form.search-form:before, .sidebar-widget form.search-form:after {
    content: "";
    display: table;
    clear: both;
}

.sidebar-widget form.search-form {
    margin: 0 -5px;
    position: relative;
}

/*设置input placeholder字体颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */
    color: #c5c5c5;
    color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

/** QQ在线客服CSS */
.rides-cs {
    height: 325px;
    font-size: 12px;
    /*background: #29a7e2;*/
    position: fixed;
    top: 160px;
    right: -140px;
    _position: absolute;
    z-index: 9999;
    border-radius: 6px 0px 0 6px;
    /*background:none;*/
    /*-webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;*/
    height: auto;
}

.rides-cs .floatL {
    /*width: 36px;*/
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 58px;
    /*height: 181px;*/
    right: 0;
    margin-top:0;
    width: 20px;
    height: 120px;
    background: rgb(41, 167, 226);
    border-radius: 4px 0 0 4px;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*.rides-cs .floatL a {
    font-size: 0;
    text-indent: -999em;
    display: block;
    top:5px;
    background-size: 300%;
}*/

.rides-cs .btnOpen, .rides-cs .btnCtn {
    position: relative;
    z-index: 9;
    top: 5px;
    left: 0;
    background-image: url(/wp-content/themes/elitepress/images/zaixiankefu.png);
    background-repeat: no-repeat;
    height: 146px;
    padding: 8px;
    font-size: 0;
    text-indent: -999em;
    background-size: 300%;
    display: block;
}

.rides-cs .btnOpen {
    /*background-position: 0 0;*/
    background-position: -4px 0;
}

.rides-cs .btnCtn {
    /*background-position: -37px 0;*/
    background-position: -32.5px 0;
}

.rides-cs a {
    color: #00A0E9;
}

.rides-cs .floatR {
    height: 325px;
    width: 140px;
    position: relative;
    right: 0;
    float: left;
    padding: 5px;
    /** overflow: hidden; */
    background: rgb(41, 167, 226);
    -webkit-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 4px;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: none;
    transition: none;
    height: auto;
    overflow: visible !important; /* 此处设置overflow强制可见，因在mac的sarafi里收缩隐藏时会导致overflow:hidden;属性出现，导致鼠标移入时微信二维码弹窗无法显示 */
}

.rides-cs .floatR .cn {
    background: #F7F7F7;
    border-radius: 6px;
    margin-top: 0px;
}

.rides-cs li.float_top {
    line-height: 38px;
    word-wrap: break-word;
    height: 38px;
    overflow: hidden;
    word-break: normal;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    border-radius: 6px 6px 0 0;
}

.rides-cs .cn .titZx {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    line-height: 30px;
    padding: 0 0 0 19px;
    margin: 0;
    text-align: center;
    float: left;
}

.rides-cs .cn .titZx svg {
    font-size: 16px;
}

.floatwindow_remove a {
    line-height: 30px;
    text-align: center;
    display: block;
    height: 30px;
    position: relative;
    float: right;
    margin-right: 10px;
}

/*
lis.floatwindow_remove {
    line-height: 27px;
}

.floatwindow_remove { 
    float: right;
    padding: 0 10px 5px 0;
}

#floatwindow_close { 
    border-radius: 50%;
    border: 1px solid #707981;
    padding: 0 4px;
    font-size: 12px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

#floatwindow_close:hover {
    background: #00A0E9;
    color: #fff;
}
*/

.rides-cs .cn ul {
    padding: 0px;
    font-size: 12px;
    margin: 0;
}

.rides-cs .cn ul li {
    line-height: 38px;
    height: 38px;
    border-bottom: solid 1px #E6E4E4;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    display: list-item;
    padding: 0;
}

.rides-cs .cn ul li span, .rides-cs .cn ul li a {
    color: #777;
    display: inline-block;
    vertical-align: middle;
}

.rides-cs .cn ul li a:hover {
    color: #00A0E9;
}

/*.rides-cs .cn ul li img {
    vertical-align: middle;
    display: inherit;
}*/

.chat_item.chat_search {
    position: relative;
}

.chat_item.chat_search:before, .chat_item.chat_search:after {
    content: "";
    display: table;
    clear: both;
}

.chat_item.chat_search form input {
    font-size: 14px;
    text-align: center;
    float: left;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    padding: 6px 10px;
    /* border-color: #31a3dd; */
    border: 0;
    border-top: solid 1px #E6E4E4;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.chat_item.chat_search form input:focus, .chat_item.chat_search form input:hover, .chat_item.chat_search:hover form input {
    border: 1px solid rgba(81, 203, 238, 1);
}

.chat_item.chat_search form .search-button {
    float: right;
    margin-top: -45px;
    height: 45px;
    background: rgba(255,255,255,0.35);
    width: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.clost_cd { 
    display: none;
}

svg#floatwindow_close_two {
    font-size: 16px;
    padding: 3px;
    color: #333;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

svg#floatwindow_close_two:hover {
    background: lightgray;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: initial;
}

.onlinechat_logo {
    padding: 0;
}

.onlinechat_logo img {
    padding: 0 3px;
}

@media screen and (max-width:768px){
.clost_cd {
    display: block;
    position: relative;
    top: 7px;
    right: 0;
}

#floatwindow_close_two {
    display: none;
}

/** .rides-cs li.float_top {
    background: none;
} */
}

/** .rides-cs .cn ul li.friendlink a:first-child {
    float: left;
    padding-left: 1px;
}

.rides-cs .cn ul li.friendlink a:nth-child(2) {
    float: right;
    padding-right: 1px;
    position: relative;
} */

.rides-cs .cn ul li.friendlink a {
    float: left;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 2px;
    position: relative;
}

.rides-cs .cn ul li.friendlink a:nth-child(2) {
    padding-left: 3px;
}

.rides-cs .cn ul li.friendlink a:nth-child(2):before {
    content: "";
    position: absolute;
    height: 16px;
    width: 1px;
    background: #d9d9d9;
    right: calc(100% - 1px);
    top: 11px;
}

.im-footer .weixin-container {
    width: 55px;
    height: 47px;
    border-right: 1px solid #dddddd;
    background: #f5f5f5;
    border-bottom-left-radius: 10px;
    background: url(/wp-content/themes/elitepress/images/weixin-icon.png) no-repeat center center;
    float: left;
    width: 50%;
}

.im-footer .weixin-container:hover .weixin-show {
    display: block;
}

.im-footer .weixin-show {
    width: 112px;
    height: 148px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    position: absolute;
    left: -125px;
    top: -102px;
    display: none;
}

.im-footer .weixin-show .weixin-txt {
    position: absolute;
    top: 110px;
    left: 7px;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}

.im-footer .weixin-show .weixin-ma {
    width: 104px;
    height: 103px;
    padding-left: 5px;
    padding-top: 5px;
}

.im-footer .weixin-show .weixin-sanjiao {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 6px;
    left: 110px;
    top: 125px;
    position: absolute;
    z-index: 2;
}

.im-footer .weixin-show .weixin-sanjiao-big {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #dddddd;
    border-width: 8px;
    left: 110px;
    top: 123px;
    position: absolute;
}

.im-footer .go-top {
    width: 50px;
    height: 47px;
    background: #f5f5f5;
    border-bottom-right-radius: 10px;
    /** background: url(/wp-content/themes/elitepress/images/totop-icon.png) no-repeat center center; */
    float: right;
    width: 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

/** .im-footer .go-top:hover {
    background: url(/wp-content/themes/elitepress/images/totop-icon-blue.png) no-repeat center center;
} */

.im-footer .go-top a {
    display: block;
    width: 52px;
    height: 47px;
    width: 100%;
}

.im-footer .go-top .go-top-img, .im-footer .go-top .go-top-img-blue {
    position: absolute;
    top: calc((100% - 30px)/2);
    left: calc((100% - 20px)/2);
}

.im-footer .go-top .go-top-img-blue {
    display: none;
}

.im-footer .go-top:hover .go-top-img-blue {
    display: block;
}
/** QQ在线客服CSS */

/*页眉小工具区相关CSS代码*/
.header-section {
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: url(/wp-content/themes/elitepress/images/bg.png);
}

.logo_right .row {
    height: 100px;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/**
.logo_right .row .widget.widget_text {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.logo_right .row .widget.widget_text {
    margin: 26.5px 0;
}
*/

.logo_right .row .widget.widget_text:after {
    content: "";
    display: table;
    clear: both;
    border-right: 1px solid;
    color: #fff;
    height: 47px;
    position: absolute;
    top: 0;
    right: 55px;
}

.logo_right .row .widget.widget_text:last-child:after {
    height: 0;
}

/** .header-section .widget {
    margin: 15px 0;
} */

.site-logo {
    margin: 15px 0;
}

.site-logo img {
    border-radius: 5px;
}

.contact-icon i {
    font-size: 20px;
}

.logo_right .contact-icon i {
    color: lightgrey;
    color: #0808087a;
    color: #ccc;
    font-size: 30px;
}

.contact-area h4 {
    font-size: 15px;
}

.contact-area h5 {
    font-size: 14px;
}

.logo_right .contact-area .media {
    position: relative;
    overflow: visible;
}

/** .logo_right .contact-icon {
    position: absolute;
    left: -40px;
} */

.logo_right .media-body h4 {
    margin: 0;
    color: #0808087a;
    color: #ccc;
}

/* 页眉区相关CSS代码 */
.header-section .widget.widget_block {
    margin: 7px 0;
}

.yemei_right {
    text-align: right;
}

@media screen and (max-width: 991px) {
    .yemei_right {
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.header-info .widget.widget_block p, .header-info .widget.widget_block a {
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    font-family: Arial,Helvetica,'Microsoft JhengHei','微軟正黑體',sans-serif;
}

.header-info #top-header-sidebar-right .widget.widget_block .yemei_right svg {
    width: 16px;
    height: 19px;
    /* display: inline-block; */
    vertical-align: top;
    margin-right: 1px;
}

.header-info #top-header-sidebar-right .widget.widget_block .yemei_right a {
    border-right: 1px solid #808080;
    /* position: relative; */
    padding: 0 5px;
}

.header-info #top-header-sidebar-right .widget.widget_block .yemei_right a:first-child {
    padding-left: 0;
}

.header-info #top-header-sidebar-right .widget.widget_block .yemei_right a:last-child {
    padding-right: 0;
    border: none;
}

.header-info .widget.widget_block a:hover {
    color: #31a3dd;
}

.header-info .widget_block .weixin img.qrcode {
    margin-top: 5px;
}

/*2024.8.14放入文本工具的代码不用了，改用以上区块代码*/
.header-section .widget.widget_text {
    margin: 7px 0;
}

.header-info .widget.widget_text .textwidget p, .header-info .widget.widget_text .textwidget a {
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    font-family: Arial,Helvetica,'Microsoft JhengHei','微軟正黑體',sans-serif;
}

/*.yemei_right {
    text-align: right;
}

@media screen and (max-width: 991px) {
    .yemei_right {
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}*/

.header-info #top-header-sidebar-right .widget.widget_text .textwidget .yemei_right a {
    border-right: 1px solid #808080;
    padding: 0 5px;
}

.header-info #top-header-sidebar-right .widget.widget_text .textwidget .yemei_right a:first-child {
    padding-left: 0;
}

.header-info #top-header-sidebar-right .widget.widget_text .textwidget .yemei_right svg {
    width: 16px;
    height: 19px;
    vertical-align: top;
    margin-right: 1px;
}

.header-info #top-header-sidebar-right .widget.widget_text .textwidget .yemei_right a:first-child svg {
    margin-right: 0;
}

.header-info #top-header-sidebar-right .widget.widget_text .textwidget .yemei_right a:last-child {
    padding-right: 0;
    border: none;
}

/*幻灯片区相关CSS代码*/
h1, .h1 {
    font-size: 20px;
}

/*首页幻灯片正下方栏目区相关CSS代码*/
.top-callout-section {
    padding: 25px 0;
}

/*.top-callout-section h2 {
    line-height: 33px;
    font-size: 25px;
}*/

.top-callout-section p {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    max-height: 54px;
    text-indent: 2em;
}

p, .entry-content {
    line-height: 27px;
    font-size: 14px;
}

.top-callout-section a {
    /*float: right;
    margin-top: 50px;*/
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@media screen and (min-width:992px) {
    .top-callout-section a {
        margin-top: 2.5px;
    }
}

@media screen and (max-width:991px) {
    .top-callout-section a {
        margin-bottom: 0;
    }
}

/*首页公司概况，我们的业务区域CSS代码*/
.service-area h4 {
    font-size: 24px;
    font-weight: normal;
}

.service-area p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    max-height: 108px;
    font-size: 14px;
    color: #404040;
}

@media (max-width:991px) and (min-width:460px) {
    .service-area p {
        -webkit-line-clamp: 3;
        height: 81px;
    }
}

@media (min-width:992px) {
    .service-area p {
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width: 199px) {
.service-box {
    display: none;
}
}

@media only screen and (max-width: 600px) and (min-width: 200px) {
.service-box {
    height: 50px;
    width: 50px;
    margin-bottom: 40px;
}
.service-box i {
    font-size: 30px;
    top: 0;
}
}

/*联系我们 字体加粗*/
/** .comment-title h3 {
    font-weight: 600;
} */

/*联系我们带链接文字字体颜色相关CSS代码*/
.site-content .entry-content a {
    color: #707981;
}

.site-content .entry-content a:hover {
    color: #31a3dd;
}

.entry-content .contact_us_details {
    background: #fff;
    border-radius: 0 0 3px 3px;
}

.entry-content .contact_us_details p {
    font-size: 15px;
    line-height: 15px;
    font-family: Arial,Helvetica,'Microsoft JhengHei','微軟正黑體',sans-serif;
}

.entry-content .contact_us_details .company_name {
    font-size: 16px;
    color: rgb(81, 145, 206);
    padding: 1em 5px;
    line-height: 20px;
}

.contact_us_details svg.icon {
    font-size: 19px;
    margin-right: 5px;
}

/*首页最近更新产品，显示全部产品的按钮相关CSS代码*/
.project-more-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}

.project-more-btn a.project-btn {
    background: none repeat scroll 0 0 transparent;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    cursor: pointer;
    display: inline-block;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 12px 27px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #31a3dd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #31a3dd;
}

.project-btn:after {
    height: 0;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #31a3dd;
}

a.project-btn:hover {
    color: white;
    background-color: #31a3dd;
}

/*打赏按钮相关CSS代码*/
.reward-button:hover .reward-code {
    display: block;
}

.reward {
    border-radius: 3px 3px 0 0;
}

.reward .reward-button {
    border: 1px solid #666;
    color: #666;
    background: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.reward .reward-button:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fccd60),color-stop(100%,#fbae12),color-stop(100%,#2989d8),color-stop(100%,#207cca));
    border: 1px solid #f1b60e;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}

/*.reward .reward-button:hover .reward-code {
    display: block;
}*/

.reward .reward-code:after, .reward .reward-code:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
}

.reward .reward-code:before {
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    /* border-top-color: #e6e6e6; */
    border-top-color: #fff;
    /*border: 10px solid #fff;
    -webkit-box-shadow: 1px 1px 0px #e6e6e6;
    box-shadow: 1px 1px 0px #e6e6e6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -10px;*/
}

/*鼠标经过列表展示的产品图片时，图片自动放大相关CSS代码*/
.thumbnail {
	overflow: hidden;
	margin-bottom: 15px;
}

.thumbnail > img, .thumbnail a> img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    -webkit-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

/*注释掉以下全部内容*/
/*制作二级菜单相关CSS*/
/*
.sub-menu >.active > a:hover {
    background-color: #31a3dd;
	color: white;
	display: block;
	padding-right: 10px;
}

.sub-menu >.active > a {
    background-color: #31a3dd;
	color: white;
	display: block;
}

.sub-menu > li > a:hover {
    background-color: #31a3dd;
	color: white !important;
	display: block;
	padding-right: 10px;
}

li:hover ul.sub-menu {
    display: block;
}

ul.sub-menu {
    display: none;
    float: right;
    padding-right: 95px;
	    margin-right: 90px;
}

.sub-menu > li > a:before {
    content: "\003E" !important;
}
*/
/*注释掉以上全部内容*/

/* 产品页左侧菜单二级菜单显示相关CSS代码 */
@media (min-width: 1025px) {
	.menu > li:hover > ul.sub-menu {
		display: block;
	}
}

.sub-menu li a:before {
    content: "" !important;
}

.sub-menu > .active > a {
    background-color: #31a3dd;
    padding: 5px 15px 5px 0px;
    color: white;
}

.sub-menu > .active > a:hover {
    color: white;
}

/*菜单栏与左侧的边距相关CSS代码*/
.widget ul > li > a {
    padding-left: 2px;
}

/*公司简介友情链接添加相关CSS代码*/
.lis > a:hover {
    color: #e8431f !important;
    background-color: #DBDBDB;
    border-radius: 15px;
    cursor: pointer;
}

/*首页热销产品区域CSS代码*/
.portfolio .row:nth-child(2) .col-md-3 {
    padding: 10px;
}

/* @media (max-width: 767px) {
    .portfolio .row:nth-child(2) {
        padding: 0 2vw;
    }

    .portfolio .row:nth-child(2) .col-md-3 {
        padding: 0 2vw;
    }
} */

@media (max-width: 991px) {
    .portfolio .container {
        padding: 0 2.4vw;
    }

    .portfolio .container .row {
        margin: 0 -2.4vw;
    }

    .portfolio .container .row:nth-child(2) {
        padding: 0 2.4vw;
    }

    .portfolio .row:nth-child(2) .col-md-3 {
        padding: 0;
        width: calc(50% - 1.2vw);
        margin-right: 2.4vw;
        margin-bottom: 2.4vw;
    }

    .portfolio .row:nth-child(2) .col-md-3:nth-child(2n) {
        margin-right: 0;
    }

    .portfolio .row:nth-child(2) .col-md-3 article {
        margin: 0;
    }

    .portfolio .row:nth-child(2) .col-md-3:last-child article {
        margin-bottom: 25px;
    }
}

.portfolio-area {
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,background-size 0.3s ease 0s;
    -ms-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,background-size 0.3s ease 0s;
    -moz-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,background-size 0.3s ease 0s;
    -o-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,background-size 0.3s ease 0s;
    transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,background-size 0.3s ease 0s;
    background: #fff;
    margin-bottom: 25px;
    background-image: url(/wp-content/uploads/2023/07/白色粉状7.png);
    background-position: top;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.portfolio-area:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -9px, 0);
    -ms-transform: translate3d(0, -9px, 0);
    -moz-transform: translate3d(0, -9px, 0);
    -o-transform: translate3d(0, -9px, 0);
    transform: translate3d(0, -9px, 0);
    -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.2);
    box-shadow: inset 0 0 40px rgba(0,0,0,.2);
    -webkit-background-size: 110%;
    -moz-background-size: 110%;
    -o-background-size: 110%;
    background-size: 110%;
}

.portfolio-image img {
    opacity: 0;
}

.portfolio .entry-header .entry-title {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portfolio .portfolio-info {
    overflow: hidden;
    background: none;
    border: none;
}

.portfolio-info .entry-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 81px;
    font-size: 13px;
    background: none;
    text-align: left;
    word-break: break-all;
}

@media only screen and (max-width: 480px) and (min-width: 200px){
	.col-md-4:nth-child(3n+1) {
    clear: right;
}
	.portfolio-info .entry-content p {
    -webkit-line-clamp: 2;
    height: 54px;
}
	.portfolio .portfolio-info {
    padding: 8px 0 0 0;
}
}

/*首页幻灯片下方推荐产品区相关CSS代码*/
.top-callout-section a:hover {
    color: white;
    background-color: #31a3dd;
}

/*导航菜单名称右侧下拉三角符号隐藏相关CSS代码*/
.dropdown-submenu a:hover i.fa-angle-right:before {
	/*visibility: hidden;*/
	content: "\f104";
	color: black;
	padding-left: 1px;
}

.dropdown-submenu.active a i.fa-angle-right:before {
	/*visibility: hidden;*/
	content: "\f104";
	color: black;
	padding-left: 1px;
}

.dropdown-submenu a i.fa.fa-angle-right:before {
    color: black;
    padding-left: 1px;
}

/*侧边栏菜单多级菜单右而下拉三角符号相关CSS代码*/
.sidebar-widget.widget .menu-item-has-children a i.fa.fa-angle-down:before {
    content: "\f105";
    color: black;
    padding-left: 1px;
}

.sidebar-widget.widget .menu-item-has-children.active a i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children a:hover i.fa.fa-angle-down:before {
    content: "\f104";
    color: black;
    padding-left: 1px;
}

/*首页幻灯片中文字相关CSS代码*/
a.btn1.flex-btn:hover {
color: white;
background-color: #31a3dd;
border-radius: 2px;
}

a.btn1.flex-btn:after {
background-color: unset;
}

/* 首页产品画册区右侧分类产品相关CSS代码 */
.tab-content > .tab-pane ul {
    padding: 0;
}

.shopcenter .tab-content > .tab-pane ul {
    padding: 10px 0;
    margin: 0;
    background: rgba(0,0,0,.5);
}

.shopcenter .tab-content > .tab-pane ul:before, .shopcenter .tab-content > .tab-pane ul:after {
    content: "";
    display: table;
    clear: both;
}

/* .nav-tabs > li {
    margin-left: 0px;
} */

/*首页导航菜单宽度调节相关CSS代码*/
.nav.navbar-nav {
    width: 80%;
}

/*首页产品最近更新背景色相关CSS代码*/
.home-blog {
    background-color: #f7f8fa;
}

/*首页产品画册阅读更多相关CSS代码*/
li.morecat {
    padding-top: 10px;
}

li.morecat a {
    border: 1px solid #d6dfdf !important;
    padding: 8px !important;
    border-radius: 5px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

li.morecat a:hover {
    color: white !important;
    background-color: #31a3dd;
    border: 1px solid #31a3dd !important;
}

li.morecat a:after {
    content: '\f105';
    font-family: FontAwesome;
    vertical-align: baseline;
    padding: 0 0 0 5px;
    font-weight: 500;
}

/*首页产品推荐阅读更多相关CSS代码*/
.port-more-btn {
    margin: 0 0 20px;
}

.read-more-link {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #d6dfdf;
    color: #707981;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 4px;
    padding: 8px 18px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.port-more-btn a.read-more-link:hover {
    border: 1px solid #31a3dd;
    background-color: #31a3dd;
    color: #ffffff;
}

/*产品列表展示页添加文章展示板块切换相关CSS代码*/
.list > .site-content article {
    /*width: 50%;*/
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.display-switcher {
    position: relative;
    text-align: right;
    height: 38px;
    background: #fff;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.display-switcher .navbar-left {
    float: left;
}

.display-switcher .navbar-left li {
    padding: 0 0 0 4px;
}

.display-switcher .navbar-left li a {
    cursor: pointer;
    line-height: 38px;
    padding-left: 5px;
}

.display-switcher>.menu {
    position: relative;
    padding: 0;
    white-space: nowrap;
    margin: 0 5px 0 0;
    text-align: right;
    display: -webkit-box;
    display: -webkit-inline-box;
    display: inline-flex;
    float: right;
    background: var(--wc-secondary);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 4px -7px 6px #0000000d, 0 10px 10px #00000026, 0 -1px 2px #fff inset;
    box-shadow: 4px -7px 6px #0000000d, 0 10px 10px #00000026, 0 -1px 2px #fff inset;
    background-color: var(--gray-opacity-1);
    -webkit-box-shadow: 0 1px var(--white-opacity-35),0 2px 2px var(--gray-opacity-1) inset;
    box-shadow: 0 1px var(--white-opacity-35),0 2px 2px var(--gray-opacity-1) inset;
}

.display-switcher>.menu>li {
    display: inline-block;
    cursor: pointer;
}

.display-switcher .anchor {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    background: #e2e4ea;
    -webkit-box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    -webkit-transition: .6s cubic-bezier(.3,1.8,.5,1);
    transition: .6s cubic-bezier(.3,1.8,.5,1);
}

.display-switcher>.menu>li.active>a {
    color: #8b9bb0;
    opacity: 1;
}

.display-switcher>.menu>li>a {
    display: block;
    text-decoration: none;
    position: relative;
    color: #99a9bf;
    opacity: .75;
    text-shadow: 0 1px rgba(255,255,255,.5);
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: .25s;
    transition: .25s;
}

.display-switcher>.menu>li:not(.active)>a:hover {
    text-shadow: 0 0 10px #fff, 0 0 13px #fff;
}

.display-switcher .anchor-two {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    background: #e2e4ea;
    -webkit-box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    -webkit-transition: .6s cubic-bezier(.3,1.8,.5,1);
    transition: .6s cubic-bezier(.3,1.8,.5,1);
}

/*产品列表展示页相关CSS代码*/
.blog-section {
    background-color: #80808012;
    background: #f0f0f0;
    padding: 15px 0;
}

.sidebar-widget {
    margin-bottom: 15px;
    /* background-color: white; */
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); */
    padding: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.widget ul > li:first-child {
    padding: 4px 0;
}

.sidebar-widget ul > li > a {
    margin-left: 5px;
}

/*.widget-title {
    border-bottom: 1px solid #d6dfdf;
    padding: 5px 5px !important;
}*/

.widget .widget-title {
    font-size: 18px;
    margin: 5px 0 20px 0;
    padding-left: 25px;
    border-left: 5px solid #6C62FF;
    color: #333333;
    font-weight: 600;
    line-height: 1.1;
    border-bottom: none;
    font-weight: 400;
    color: #000;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, 
.col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, 
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.tagcloud a {
    margin: 0 0px 6px 5px;
    padding: 5px;
}

.stock-price {
    background-color: white;
    height: 211.88px;
    /* border-width: 1px; */
    border-style: solid;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.offshowbox {
    opacity: 0;
    transform-origin: center;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    width: 100%;
}

.list article:hover .offshowbox {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.stock-price .excerpt {
    padding: 0 2px;
    font-size: 14px;
    height: 74.67px;
    margin: 8px 0 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #999;
}

.stock-price .excerpt p {
    -webkit-transition: .5s;
    transition: .5s;
    transform-origin: center;
}

.excerpt p {
    font-size: 14px;
    text-align: center;
    line-height: 19px;
}

article:hover .stock-price .excerpt, article:hover .stock-price .excerpt p {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.textwidget {
    margin: 0 5px;
}

/*产品列表展示页，更多详情按钮相关CSS代码*/
.get-more-details {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: inline-block;
    background: #f97a06;
    color: #fff;
    padding: 2px 10px;
    text-align: center;
    border-radius: 2px;
    line-height: 30px;
}

.get-more-details:hover {
    background-color: #31a3dd;
}

/*联系我们，表格相关CSS代码*/
.wpcf7 .row {
    margin-right: -5px;
    margin-left: -5px;
}

/*商店产品标题相关CSS代码*/
h2.woocommerce-loop-product__title:hover {
    color: #31a3dd;
}

/*商店加入购物车相关CSS代码*/
.woocommerce ul.products li.product a {
	margin-top: -5px !important;
	margin-bottom: 5px;
}

.woocommerce ul.products li.product a:hover {
	color: white;
	background: #31a3dd;
}

/*商店产品各元素显示相关CSS代码*/
.woocommerce ul.products {
    text-align: center;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background: white;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 4px;
}

.woocommerce ul.products li.product a img {
    -webkit-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.woocommerce ul.products li.product a img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.woocommerce ul.products li.product a img {
    border-radius: 4px;
}

/*页眉右侧区相关CSS代码*/
.widget.elitepress_header_widget {
    padding-left: 30px;
}

/*文章标题相关CSS代码*/
.entry-header .entry-title > a {
    font-size: 16px;
    font-weight: bold;
}

/*商店产品展示页产品标题相关CSS代码*/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-weight: bold;
    height: 55px;
    line-height: 25px;
    overflow: hidden;
}

/*首页最近更新产品标题相关CSS代码*/
.home-blog .entry-header .entry-title {
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 0px;
    margin-left: -5px;
}

/*首页幻灯片相关CSS代码*/
/*.flex-slider-center {
	left: 800px;
	z-index: 0;
	top: 72.5%;
}*/

/*页眉相关CSS代码*/
div#wrapper .header-section .header-info {
    /* margin-top: 52px; */
    background: #e8e8e8;
    border-bottom: 1px solid #dedede;
}

/*导航栏悬浮相关CSS代码*/
/*.menu-section {
	z-index: 9;
    background: #ccd7dc !important;
    position: fixed;
    border-top: 1px solid #ebebeb;
    top: 0px;
    left: 0;
    transition: all .5s;
}*/

.navbar-default .navbar-nav > li > a:hover {
    background-color: white;
}

/*侧栏跟随相关CSS代码*/ 
/*.sidebar-section-float{
	position:fixed;
	_position:absolute;
	top:0;
	z-index:250;
	width:282.5px;
	margin-top:55px;
}*/

/*自定义友情链接相关CSS代码*/
.page-links{
	overflow:hidden;
	margin:0px;
	padding:0;
	background: white;
}

.page-links h3{
	border-bottom:1px solid #bfbebe;
	text-align:center;
	margin:0;
}

.page-links ul{
	margin:0;
	padding:5px 0 0 0;
}

.page-links ul li{
	float:left;
	width:167px;
	line-height:16px;
	height:inherit;
	margin:5px 5px 0;
	margin:2px;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	background-color: hsl(180, 18%, 92%);
}

.page-links ul li:hover{
	background:#f2f2f2;
}

.page-links ul li img{
	width:32px;
	height:32px;
	margin:0 5px -2px 0;
	padding:0;
	border:none;
	display:inline-block;
}

.page-links a {
	width: 167px;
	text-align: inherit;
}

.page-links a:hover {
    background: #31a3dd;
}

.page-links h2 {
    border-bottom: 1px solid #bfbebe;
    text-align: center;
    margin: 0;
	font-size: 18px;
	font-weight: bold;
}

ul.xoxo.blogroll li a:hover {
    color: white;
}

/*标签云相关CSS代码*/
.sidebar-widgettwo > ul a {
    /*color: #2a2e34!important;*/
    margin: 6px 0px 3px 5px;
    padding: 5px;
    line-height: 20px;
    display: inline-block;
}

.sidebar-widgettwo > ul a:hover {
    background-color: #31a3dd !important;
	color:white!important;
}

/*页脚关于我们相关CSS代码*/
.menu-company-profile-nav-container ul li.active a {
    background-color: #31a3dd;
    padding: 5px 15px 5px 0;
    display: block;
}

.site-footer .textwidget .menu-company-profile-nav-container ul li.active a:hover, .site-footer .textwidget .menu-company-profile-nav-container ul li.active a:hover:before {
    color: rgba(255, 255, 255, 0.7);
}

/*指定区域P标签背景颜色相关CSS代码*/
.entry-content p {
	background: white;
	padding: 5px;
        border-radius: 3px;
}

/* 员工风采内容中图片相关CSS代码 */
li.blocks-gallery-item {
	margin-bottom: 0 !important;
}

/* 公司动态展示列表相关CSS代码 */
h1.archive-title {
    background: #fff;
    margin-bottom: 15px;
    padding: 0 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*文章内容页格式相关CSS代码*/
.site-content .post {
    padding: 5px;
    margin-right: 0;
    border-radius: 3px;
    border: 0;
}

/*ul#cat_related article .thumbnail {
	margin-bottom: 15px;
}*/

/*评论区域相关CSS代码*/
.comment-form-section {
    background: white;
    margin: 0;
}

h3#reply-title {
    margin-bottom: 0;
}

.comment-title {
    margin-bottom: 5px;
    padding: 5px;
    background: #fff;
    border-radius: 3px 3px 0 0;
}

.blog-form-group-textarea {
    padding: 5px;
    margin-bottom: 0 !important;
}

.blog-form-group {
    padding: 5px;
    margin-bottom: 0;
    width: 50% !important;
    margin: 0 !important;
    float: left;
}

p.form-submit {
    padding: 5px;
}

input#blogdetail-btn {
    margin-bottom: 5px;
}

p.blog-post-info-detail {
    padding-left: 5px;
}

.comment-item-tag-text {
    background: rgb(254, 44, 85);
    border-radius: 2px;
    padding: 2.5px 4px;
    font-size: 14px;
}

@media only screen and (max-width: 480px) and (min-width: 200px) {
    .pull-left-comment {
        float: left;
        margin-right: 20px;
    }
}

/*作者信息页相关CSS代码*/
.author-info {
    margin-bottom: 15px;
    margin-right: 0;
}

/*页码相关CSS代码*/
.page_nav {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.paginations {
    margin-bottom: 0;
    min-height: 0;
    padding: 0;
}

/*商店页码相关CSS代码*/
.woocommerce nav.woocommerce-pagination {
    padding-top: 8px;
    background: white;
    border-radius: 3px;
}

/*商店页面相关CSS代码*/
.page-template-default .site-content {
    padding-bottom: 0px;
}

/*购物车相关CSS代码*/
p.cart-empty.woocommerce-info {
    padding: 1em 2em 1em 3.5em !important;
}

/*标签云顶部P标签相关CSS代码*/
div#post-7406 .entry-content p {
    background: inherit;
}

/*公司动态展示列表中摘要内容相关CSS代码*/
/*.slide-text-bg2 {
    margin-bottom: 5px;
}*/

/* 搜索结果页面页码导航栏相关CSS代码 */
nav.navigation.pagination {
    background: #fff;
    display: block;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

/*博客各页面之间间距相关CSS代码*/
/*.sidebar-section-right {
	padding-bottom: 15px;
}*/

/*.site-content {
	padding-bottom: 15px;
}*/


/*标签相关CSS代码*/
.tagcloud {
    margin: 0;
    padding: 0;
}

/*联系我们表单相关CSS代码*/
form.wpcf7-form br {
    display: none;
}

.wpcf7-form .wpcf7-submit {
    margin-top: 10px;
}

/*首页各版块标题相关CSS代码*/
.section-title {
    font-size: 24px;
    line-height: 30px;
    color: #007dce;
    background-size: contain;
    -webkit-background-size: contain;
    background: url(/wp-content/themes/elitepress/images/titbg.png) no-repeat center center;
    background-color: inherit !important;
    text-align: center;
    margin: inherit;
    padding: inherit;
    float: inherit;
    display: inherit;
    /*overflow: hidden;*/
}

.section-title:before {
    border-left-color: transparent;
    border-width: 0;
}

.section-subtitle {
    text-align: center;
    font-size: 14px;
}

/*首页公司动态相关CSS代码*/
.rowtao .slide-text-bg2 h3 {
    font-size: 14px;
    line-height: 23px;
    padding: 6px 0;
    background-color: unset;
    color: #999;
    height: 58px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rowtao .slide-text-bg2 {
    margin-bottom: 2px;
}

a.btn1.flex-btn {
    padding: 6px 12px;
    margin-bottom: 2px;
    background-color: white;
    color: #010101;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 16px;
}

#ycnews .slide-text-bg2 h3 {
    height: 80px;
    overflow: hidden;
    font-size: 14px;
    line-height: 23px;
    padding: 6px 0;
    background-color: unset;
    color: #999;
}

/*查看详情按钮相关CSS代码*/
.newmore {
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #ff9c00;
    width: 120px;
    line-height: 30px;
}

.newmore p {
    padding-left: 15px;
    position: relative;
    color: #fff;
    border: 1px solid #ff9c00;
    font-size: 14px;
    -webkit-transition: all .35s;
    -ms-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    line-height: 30px;
    margin: 0;
}

.newmore p span {
    position: absolute;
    display: block;
    width: 48px;
    line-height: 32px;
    text-align: right;
    padding-right: 15px;
    right: -1px;
    top: -1px;
    color: #fff;
    background: url(../wp-content/themes/elitepress/images/morebg.png) no-repeat right center;
}

/*商店产品页面相关CSS代码*/
.author-info:last-child {
    margin-bottom: 0;
}

/*首页产品中心产品列表区相关CSS代码*/
/* @media screen and (min-width:768px) {
	.home-blog .row.blog_row {
		margin-left: -20px;
		margin-right: -20px;
	}
} */

.home-blog .post {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 5px;
}

.home-post, .home-product {
    padding-bottom: 35px;
}

/*让网站一些区域的图片在鼠标悬停时放大，同时适用于MAC系统网页*/
.about-us .thumbnail_box:hover .thumbnail img,.smq-news .thumbnail_box:hover .thumbnail img,.woocommerce ul.products li.product:hover img,.woocommerce-page ul.products li.product:hover img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    opacity: 1;
}

article.col-md-3:hover .thumbnail img{
	    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    opacity: 1;
}

.side-img:hover a img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    opacity: 1;
}

/*文章中幻灯片图片相关CSS代码*/
.flexslider.slidertwo.col-md-12 a img{
	width: 225px;
	height: 225px; 
	margin: 0 auto;
	float: none;
	border-radius: 4px;
	padding: 0;
	object-fit: cover;
}

.flex-direction-nav .flex-prev{
	left: 30px;
}

@media only screen and (min-width: 200px) and (max-width: 480px) { 
.flex-direction-nav .flex-prev { 
    left: 20px; 
} 
}

.flex-direction-nav a {
    top: 50%;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.6);
}

.flex-control-nav{
    display: block;
}

#slidertwo .flex-control-nav {
    bottom: -2px;
    line-height: 1;
    position: relative;
}

#slidertwo .flex-control-nav li {
    line-height: 1;
}

.flex-control-paging li a, .flex-control-paging li a:hover {
    border: none;
}

ol.flex-control-paging li a.flex-active {
    border: none;
    width: 22px;
    background: #138146b5;
}

.flexslider:hover .flex-direction-nav a {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav a.flex-prev {
    left: 50px;
}

.flexslider:hover .flex-direction-nav a.flex-next {
    right: 50px;
}

/*首页产品中心标题相关CSS代码*/
h3#homeblog-title a:hover {
    color: white;
    background: #31a3dd;
    padding: 5px 10px 8px;
    transition: all 300ms ease-out 0s;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*文章页,商店文章页，动态文章页边栏分类名称显示相关CSS代码*/
.current-post-ancestor.current-menu-parent.current-post-parent > a, .current-product-ancestor.current-menu-parent.current-product-parent > a, .current-tao-ancestor.current-menu-parent.current-tao-parent > a {
    color: white;
    background-color: #31a3dd;
    padding: 5px 15px 5px 0;
}

.current-tao-ancestor.current-menu-parent.current-tao-parent.dropdown > a {
    padding: 15px 25px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

@media screen and (max-width:1023px) {
    .current-post-ancestor.current-menu-parent.current-post-parent a, .current-product-ancestor.current-menu-parent.current-product-parent a, .current-tao-ancestor.current-menu-parent.current-tao-parent a {
        border-radius: 5px;
    }
}

/* 产品展示页添加隐藏侧边栏按钮相关CSS代码 */
/* #sidebar-section-float2 {
	overflow: hidden;
	position: absolute;
	left: 200px;
	right: 0;
	height: 100%;
	transition: all 0.2s ease 0s;
} */

.big-page #sidebar-section-float{
	left: -380px;
	display: none;
}
.big-page #sidebar-section-float2{
	width: 100%;
	max-width: 1170px;
}
.navbar-left a {
    color: #707981;
}
.navbar-left a:hover {
    color: #31a3dd;
}

/* 侧边栏菜单二级菜单相关CSS代码 */
.menu-product-nav-container ul > li:hover {
    background: #f9f9f9;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(112, 121, 129, .1);
}

.menu li {
    position: relative;
}

.menu > li > ul.sub-menu {
    display: none;
	position: absolute;
	left: 100%;
	z-index: 1000;
	top: 0;
	margin-top: 0px;
	margin-left: -1px;
	padding: 0;
	width: 100%;
	background: white;
	-webkit-background-clip: padding-box;
	list-style: none;
	border-top: 0px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-left: 1px solid #e6e5e5;
	border-right: 1px solid #e6e5e5;
	border-bottom: 1px solid #e6e5e5;
	/*border-radius: 4px;*/
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box;
}

/*侧边栏三级菜单相关CSS代码*/
ul.sub-menu li.menu-item-has-children:hover .sub-menu {
    display: block;
}

ul.sub-menu li.menu-item-has-children .sub-menu {
    position: absolute;
    /*top: -1px;*/
	margin-top: -35px;
    left: 100%;
    width: 100%;
    background: white;
    display: none;
    -webkit-background-clip: padding-box;
    list-style: none;
    border-top: 0px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid #e6e5e5;
    border-right: 1px solid #e6e5e5;
    border-bottom: 1px solid #e6e5e5;
    /* border-radius: 4px; */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}

.sidebar-widget.widget .menu-item-has-children ul.sub-menu li.menu-item-has-children a i.fa.fa-angle-right:before {
    content: "\f105";
    color: black;
    padding-left: 1px;
}

.sidebar-widget.widget .menu-item-has-children ul.sub-menu li.menu-item-has-children a:hover i.fa.fa-angle-right:before {
    content: "\f104";
    color: black;
    padding-left: 1px;
}

.sidebar-widget.widget .menu-item-has-children ul.sub-menu li.menu-item-has-children.active a i.fa.fa-angle-right:before {
    content: "\f104";
    color: black;
    padding-left: 1px;
}

/*让导航菜单全宽度显示*/
/*.nav > li.dropdown.open {
    position: static;
}
.nav > li.dropdown.open .dropdown-menu {
    display:table; width: 100%; text-align: left; left:0; right:0;top:100%;
}
.dropdown-menu>li {
    display: table-cell;
}*/

/*导航栏相关CSS代码，自定义的代码*/
/*.dropdown {
    position: static !important;
}

.dropdown ul.dropdown-menu {
    width: 100%;
    min-width: unset;
	text-align: center;
}*/

/*.dropdown ul.dropdown-menu li {
    width: 20%;
    /*float: left;*/
/*	display: inline-table;
}

.dropdown ul.dropdown-menu li ul {
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    min-width: unset;
}

.dropdown ul.dropdown-menu li ul li {
    width: 100%;
    float: none;
}*/

/*智能显示隐藏导航栏相关CSS代码*/
.animated {
	/*position: fixed;*/
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: white !important;
	z-index: 999;
}
.animated.slideUp {
	top: 0;
	position: fixed;
	z-index: 9999;
	background: white;
}
.animated.slideDown {
	top: 0;
	position: fixed;
	z-index: 9999;
	background: white;
}

/*免插件实现 WordPress 隐藏/显示侧边栏相关CSS代码*/
#main-wrap-fulltp {
    margin:0px auto;
}
#main-wrap-fulltp {
    max-width:1200px;
	width: 100%;
}
#main-wrap-fulltp .single-text {
    max-width:960px;
    margin:0 auto;
    padding:10px;
}
@media screen and (min-width:1500px) {
    #main-wrap-fulltp {
    max-width:1392px;
}
}@media screen and (max-width:1499px) and (min-width:1360px) {
    #main-wrap-fulltp {
    max-width:1250px;
}
}@media screen and (max-width:1240px) and (min-width:641px) {
    #main-wrap-fulltp {
    width:98%;
}
}#main-wrap-fulltp .relpost-inner-pic,#main-wrap-fulltp .relpost-inner-pic span {
    max-height:190px;
}
@media screen and (max-width:860px) {
    .lxtxxsycbl {
    display:inherit;
}
}

/*标题下统计信息相关CSS*/
.summary {
    padding-bottom: 2px;
    line-height: 27px;
}
.summary span {
    margin-right: 3px;
}
.summary .count, .summary #shoucangone {
    margin: 0;
}

.summary.has_bac {
    margin-bottom: 1rem;
    line-height: 2.5;
    margin-top: .5rem;
}

.summary.has_bac .time, .summary.has_bac .views, .summary.has_bac .cat-folder, #ycnews .summary.has_bac .comments {
    border-radius: 15px 15px 15px 0;
    margin-right: 4px;
    background-color: #F3F4F7;
    padding: 4px 12px;
    background-color: var(--this-bg);
}
span.time {
    color: #FE6061;
    color: orange;
    --this-bg: rgba(255, 165, 0, 0.1);
}
/*i.fa.fa-clock-o {
    padding-right: 2px;
}*/
span.views {
    color: #67c23a;
    --this-bg: rgba(103, 194, 58, 0.1);
}
/*i.fa.fa-eye {
    padding-right: 2px;
}
i.fa.fa-folder {
    padding-right: 2px;
}*/
span.comments {
    color: #20a0ff;
    --this-bg: rgba(32, 160, 255, 0.1);
}
/*i.fa.fa-commenting {
    padding-right: 2px;
}*/
.summary i {
    height: 12px;
    width: 12px;
    margin-right: 2px;
}
.summary i:before {
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
}
.summary.has_bac .shoucang:before {
    margin-right: 2px;
    width: 12px;
    height: 12px;
    text-align: center;
}
span.cat-folder {
    color: mediumpurple;
    --this-bg: rgba(147, 112, 219, 0.1);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.summary.has_bac .cat-folder:hover {
    background-color: mediumpurple;
    color: #fff;
}

.summary .cat-folder a {
    color: mediumpurple;
    /** border-left: 2px solid green;
    padding-left: 3px;
    margin-right: 3px; */
}

.summary.has_bac .cat-folder:hover a, .summary.has_bac .cat-folder:hover i:before {
    color: #fff;
}

/** .summary .cat-folder a:nth-child(2) {
    border-left: none;
    padding-left: 0;
}

.summary .cat-folder a:last-child {
    margin-right: 0;
} */

.summary .cat-folder a:hover {
    color: #31a3dd;
}

.summary.has_bac .cat-folder a:hover {
    border-bottom: 1px solid;
}

.product_details .summary.has_bac {
    padding-bottom: 17px;
}

.post-like{
    margin-right: 8px;
    padding-top: 4px;
    --this-bg: rgba(102, 102, 102, 0.1);
}
/*.post-like a {
      text-decoration: none;
    outline:none;
    border-radius: 15px 15px 15px 0;
    padding: 4px 12px;
    color: #21759B;
    background-color: #F3F4F7;
}*/
.post-like:hover a, .post-like a:hover {
    color: #FFFFFF;
    background-color: #21759B;
    background: 0;
}

.post-like:hover a {
    color: #fff;
}

.post-like a.done{
	cursor:not-allowed;
	color: red;
}
.post-like a.done:hover {
	background-color: #F3F4F7;
	color: red;
    background: 0;
}

.summary.has_bac .post-like {
    border-radius: 15px 15px 15px 0;
    margin-right: 8px;
    background-color: #F3F4F7;
    padding: 4px 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.summary.has_bac .post-like:hover {
    color: #FFFFFF;
    background-color: #21759B;
    background-color: #6c757d;
}

.post-like a {
    padding: 0 12px;
    color: #6c757d;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.summary #shoucangone {
    color: #6c757d;
}

.summary .shoucang:hover #shoucangone {
    color: #fff;
}

.summary .on #shoucangone {
    color: #de082d;
}

.summary.has_bac .comments {
    padding: 4px 0 0;
    background: 0;
}

.summary.has_bac .comments a.smooth {
    border-radius: 15px 15px 15px 0;
    padding: 4px 12px;
    background-color: rgba(32, 160, 255, 0.1);
}

.summary.has_bac .comments a.smooth:hover {
    color: #fff;
    background-color: #31a3dd;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*首页和产品中心列表产品图片hover相关CSS代码*/
.home-blog .post:hover .thumbnail a img, .listproducts:hover .thumbnail a img {
	-webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    opacity: 1;
}

/*不同尺寸设备图片尺寸设置相关CSS代码*/
@media (min-width: 1200px) {
.home-pic {
    height: 269px !important;
}
.product-pic {
    height: 187px !important;
}
.relateproduct-pic {
    height: 160px !important;
}
.listproduct-pic {
    height: 192px !important;
}
}

@media screen and (max-width:812px) and (min-width:375px) {
.home-pic {
    height: 164px !important;
}
.product-pic {
    height: 153px !important;
}
.relateproduct-pic {
    height: 148px !important;
}
.listproduct-pic {
    height: 158px !important;
}
}

@media screen and (max-width:1366px) and (min-width:1024px) {
.home-pic {
    height: 219px !important;
}
.product-pic {
    height: 149px !important;
}
.relateproduct-pic {
    height: 127px !important;
}
.listproduct-pic {
    height: 154px !important;
}
}

@media screen and (max-width:568px) and (min-width:320px) {
.home-pic {
    height: 136px !important;
}
.product-pic {
    height: 125px !important;
}
.relateproduct-pic {
    height: 120px !important;
}
.listproduct-pic {
    height: 130px !important;
}
}

@media (max-width:319px) {
    .relateproduct-pic {
        height: 120px !important;
    }
}

@media (min-width:813px) and (max-width:991px) {
    .relateproduct-pic {
        height: 200px !important;
    }
}

@media (min-width:992px) and (max-width:1023px) {
    .relateproduct-pic {
        height: 127px !important;
    }
}

/* 公司动态列表页图片动态特效相关CSS代码 */
.thumbnail_box {
    -webkit-perspective: 650px;
    -ms-perspective: 650px;
    -moz-perspective: 650px;
    -o-perspective: 650px;
    perspective: 650px;
    position: relative;
}

.thumbnail_box:hover {
    z-index: 1;
}

/*.thumbnail_box .thumbnail img {
    position: absolute;
    transform-origin: top;
}*/

.thumbnail_box:hover .thumbnail-postcard {
    background-color: #1f2d3d;
    background-color: var(--gray_0);
    -webkit-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -ms-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -moz-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -o-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -webkit-transform: translateY(-51px) rotateX(45deg);
    -ms-transform: translateY(-51px) rotateX(45deg);
    -moz-transform: translateY(-51px) rotateX(45deg);
    -o-transform: translateY(-51px) rotateX(45deg);
    transform: translateY(-51px) rotateX(45deg);
    opacity: .8;
    -webkit-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    -ms-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    -moz-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    -o-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
}

/*产品展示postcard-pic相关特效CSS代码*/
.thumbnail_box .thumbnail-postcard .postcard-pic {
    object-fit: cover;
    -webkit-transition: .35s;
    -ms-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin: 0 auto;
}

.allintermediate .post .thumbnail_box .thumbnail-postcard .postcard-pic, .post-chemintermediate .post .thumbnail_box .thumbnail-postcard .postcard-pic {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.thumbnail_box:hover .thumbnail-postcard img {
    -webkit-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -ms-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -moz-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -o-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    opacity: .8;
    -webkit-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    -ms-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    -moz-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    -o-box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
    box-shadow: rgba(8, 102, 167, 0.2) 0px 3px 6px;
}

.thumbnail_box .metas {
    /* z-index: 0; */
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    text-align: center;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: .25s;
    transition: .25s;
    color: #8492a6;
    color: var(--gray_4);
}

.thumbnail_box:hover .metas {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-15px) scale(1);
    -ms-transform: translateY(-15px) scale(1);
    -moz-transform: translateY(-15px) scale(1);
    transform: translateY(-15px) scale(1);
    -webkit-transition: .4s ease .1s;
    -ms-transition: .4s ease .1s;
    -moz-transition: .4s ease .1s;
    transition: .4s ease .1s;
}

.display-switcher .anchor-three {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    background: #e2e4ea;
    -webkit-box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 0 rgba(255,255,255,.75);
    box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 0 rgba(255,255,255,.75);
    -webkit-transition: .6s cubic-bezier(.3,1.8,.5,1);
    transition: .6s cubic-bezier(.3,1.8,.5,1);
}

.thumbnail_box .metas .read-more {
    margin-top: 8px;
    font-size: 14px;
    display: inline-block;
    padding: 7px 15px;
    min-width: 60%;
    color: #fff;
    background-image: linear-gradient(90deg, rgb(171, 108, 62), rgb(200, 157, 103));
    background-image: linear-gradient(90deg,#20a0ff,#3dc3ff);
    background-image: linear-gradient(90deg,var(--primary_default),var(--analogous_light_1));
    box-shadow: 0 6px 6px rgba(32,160,255,.3);
    box-shadow: 0 6px 6px var(--primary_opacity_3);
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-box-shadow: rgba(212, 127, 65, 0.4) 0px 7px 7px;
    box-shadow: rgba(212, 127, 65, 0.4) 0px 7px 7px;
}

.thumbnail_box .metas .read-more:hover {
    min-width: 75%;
}

.thumbnail-postcard {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-bottom: 15px;
    width: auto;
    height: auto;
    overflow: inherit;
    padding: 0;
    border: 0;
}

.thumbnail-postcard .thumbnail_box {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.site-content .thumbnail-postcard header.entry-header {
    padding: 5px;
}

/*列表形式展示产品两个DIV内容自适应相同高度方法二（使用方法三的效果，此方法暂时不用）*/
/*.list > .site-content article {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 15px;
}

.thumbnail.listproducts {
    padding-bottom: 3000px;
    margin-bottom: -3000px;
    border-radius: 0;
    border: none;
}

.list .stock-price {
    padding-bottom: 3000px;
    margin-bottom: -3000px !important;
    border-radius: 0;
    border: none;
}*/

/*列表形式展示产品两个DIV内容自适应相同高度方法三*/
.list > .site-content article {
	position: relative;
	margin-bottom: 15px;
	display: unset;
}

.thumbnail.listproducts {
    margin-bottom: 0px;
    height: 100% !important;
    /* left: 0px; */
    /* top: 0px; */
    position: relative;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 50%;
    float: left;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    padding: 0;
    background: 0;
    border: none;
}

.thumbnail.listproducts .thumbnail_box {
    width: 100%;
    height: 100%;
}

.list .stock-price {
    margin-bottom: 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    width: 50%;
    float: right;
    overflow: hidden;
    text-align: center;
    position: absolute;
    -webkit-box-shadow: 4px 0px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 4px 0px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 4px 0px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 4px 0px 5px 0 rgba(0,0,0,.1);
    box-shadow: 4px 0px 5px 0 rgba(0,0,0,.1);
    top: 0;
    right: 0;
    height: 100%;
}

.list .stock-price .entry-header {
    height: 26%;
    margin-top: 1%;
}

.list .stock-price .summary {
    height: 14%;
    padding: 0;
    line-height: 14%;
    white-space: nowrap;
}

.list .stock-price .summary span i {
    min-width: 12px;
    min-height: 12px;
}

.list .stock-price .summary span i:before {
    width: inherit;
    height: inherit;
    min-width: inherit;
    min-height: inherit;
}

.list .stock-price .excerpt {
    height: 30%;
    margin: 3% 0;
}

.list .stock-price .get-more-details {
    padding: 10% 10px;
    height: 15%;
    line-height: 15%;
}

@media (min-width: 401px) {
    .list .stock-price .get-more-details {
        padding: 8% 10px;
        margin-top: 3%;
    }
}

/*标签相关CSS代码*/
.tagcloud a {
    color: #2a2e34;
    /*min-width: 47%;
    max-width: 47%;*/
    overflow: hidden;
    margin-left: 4.5px;
	text-align: center;
	/*color: #fff !important;*/
	border-radius: 3px;
	font-size: 14px !important;
}

/*标签云页面相关CSS代码*/
.cloudlabel .sidebar-widgettwo.widget a:hover {
    color: white;
}

.tagcloud a {
    color: #2a2e34;
}

.tagcloud a:hover {
    /* background-color: #31a3dd !important; */
    color: white !important;
    background: black !important;
}

/*首页产品中心图片特效相关CSS代码*/
.home-blog .col-md-3.col-sm-3.col-xs-6:hover {
    z-index: 2 !important;
}

/** 产品中心顶部栏目相关CSS代码 */
@media (max-width: 767px) {
    .all-categories-cover {
        padding: 0 2.4vw;
    }
}

.container.all-categories {
    margin-bottom: 15px;
}

.top-info-area {
    background: #fff;
    padding: 0 15px;
    margin: 0 -7.5px;
    -webbkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

@media screen and (max-width:767px) {
    .top-info-area {
        margin: 0 -15px;
    }
}

.filter-item.f-cat {
    padding-top: 10px;
    overflow: auto;
}

.filter-item.f-cat .f-cat-title {
    margin-right: 10px;
    background-color: #eeeeee;
    padding: 2px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #7b8695;
    border: 1px solid transparent;
    margin: 5px 10px 5px 0;
    font-size: 14px;
    float: left;
}

.filter-item.f-cat li {
    float: left;
    font-size: 14px;
    margin-right: 10px;
}

.filter-item.f-cat li a {
    margin-top: 0;
    border-bottom: 1px solid transparent;
    color: #808080;
    padding: 2px 10px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    line-height: 1.5;
}

.filter-item.f-cat li a:hover {
    border: 1px dashed #cecece;
    background-color: #eee;
}

.filter-item.f-cat li a b {
    color: #bbb;
    font-size: 12px;
    font-weight: inherit;
}

@media (max-width: 768px){
	.filter-item.f-cat .f-cat-title, .filter-tab.f-sort .f-sort-title {
		width: 100%;
}
}

.filter-tab.f-sort {
    border-top: 1px solid #E9E9E9;
    padding-top: 10px;
    margin-top: 10px;
    overflow: auto;
    padding-bottom: 10px;
}

.filter-tab.f-sort .f-sort-title {
    margin-right: 20px !important;
    background-color: #eeeeee;
    padding: 2px 6px;
    border-radius: 4px;
    color: #7b8695;
    border: 1px solid transparent;
    margin: 5px 10px 5px 0;
    font-size: 14px;
    float: left;
}

.filter-tab.f-sort li {
    float: left;
    font-size: 14px;
    margin-right: 20px;
}

/** @media (min-width: 1200px) {
	.container.all-categories {
    width: 1160px;
}
} */

.filter-tab.f-sort li a {
    margin-top: 0;
    border-bottom: 1px solid transparent;
    color: #808080;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
}

/*页面展示我的位置相关CSS代码*/
#weizhi a{
color:inherit;
}
#weizhi a:hover{ color:#31a3dd;}

/*导航栏随页面上下移动隐藏显示相关CSS代码*/
.menu-section {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    border-radius: .14285714rem;
    background: #ffffffc7;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    border-top: none;
}

    .headroom {
        /*will-change: transform;*//*此属性会导致导航栏在初始状态时下拉菜单无法显示在顶层*/
        /*-webkit-transition: transform 200ms linear;
        -ms-transition: transform 200ms linear;
        -moz-transition: transform 200ms linear;
        -o-transition: transform 200ms linear;
        transition: transform 200ms linear;*/
    }

    .headroom--pinned {
        -webkit-transform: translateY(0%)!important;
        -moz-transform: translateY(0%)!important;
        -ms-transform: translateY(0%)!important;
        -o-transform: translateY(0%)!important;
        transform: translateY(0%)!important;
        position: fixed;
        z-index: 999999;
        background: #fffffff5;
        top: 0;
    }

    .headroom--unpinned {
        /*transform: translateY(-100%);*/
        position: fixed;
        background: white;
        z-index: 9999;
        top: 0;
    }

/*文章中添加导航目录相关CSS代码*/
#article-index {
	position: fixed;
	right: 40px;
	bottom:0px;
	padding: 10px;
	border-radius: 5px;
	z-index: 3;
	/*overflow:hidden;*/
	display:block;
	opacity:1;
	background:red;
}
#article-index i {
	color: #fff;
	font-size: 20px;
	margin-right: 10px;
}
#article-index i:hover{cursor:pointer}
#article-index h4 {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	margin: 0;
	text-transform: uppercase;
	position: relative;
        text-align:center;display:inline-block
}
 
#article-index ul {
    margin: 10px auto 0;
    padding: 10px;
    max-height: -webkit-calc(100vh - 178px);
    max-height: -ms-calc(100vh - 178px);
    max-height: -o-calc(100vh - 178px);
    max-height: -moz-calc(100vh - 178px);
    max-height: calc(100vh - 178px);
    max-width:200px;
    overflow-y: auto;
    overflow-x:hidden;
    background: #fff;
}
#article-index ul li {
	list-style: none;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#article-index ul li a{
    font-size: 12px;}

.wz-index {
    position: fixed;
    right: 40px;
    bottom: 80px;
    padding: 10px;
    border-radius: 5px;
    z-index: 2;
    /*overflow:hidden;*/
    /* display: none;*/
    /* opacity: 0; */
    background: red;
    cursor: pointer;
    font-size:20px;
    color:white;
}

#article-index ul li a {
    color: inherit;
}

#article-index ul li a:hover {
    color: #31a3dd;
}

@media (min-width: 1024px) /*and (max-width:812px)*/{
		#sidebar-section-float {
			float:left;
	}
			#sidebar-section-float2 {
			float:right;
	}
}

@media (max-width:991px){
		#sidebar-section-float {
			padding-top: 15px;
	}
}

/*导航栏相关CSS代码*/
.navbar-default .navbar-nav > li > a {
    font-weight: normal;
    font-size: 1em;
}
.dropdown-menu {
    border: none;
}
.dropdown-menu > li { 
    border-bottom: 1px solid #e7e7e7; 
}
.dropdown-menu > li:last-child { 
    border: none; 
}
.dropdown-menu > li > a {
    font-weight: normal;
    font-size: 1em;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: none;
    transition: none;
}

.dropdown-menu > li > a:hover {
    background: rgba(0,0,0,.05)!important;
    color: rgba(0,0,0,.95)!important;
    color: #fff !important;
    background: green !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.dropdown.active_main_menu > a {
    background: rgba(0,0,0,.05);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: rgba(0,0,0,.05);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: rgba(0,0,0,.05);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
    background: rgba(0,0,0,.05)!important;
}

.navbar-default .navbar-nav > li > a {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.navbar-default .navbar-nav > li > a svg.icon {
    font-size: 20px;
    margin-right: 3px;
    width: 20px;
    height: 20px;
}

/*内部div超宽导致手机端右侧空白调整相关CSS代码*/
@media (max-width:812px){
header.header-section .row, .smq-news .row {
    margin-right: 0;
    margin-left: 0;
}
header.header-section .container, .smq-news .container {
    padding-right: 0;
    padding-left: 0;
}
.section-title:after, .section-title:before {
    left: 0;
}
}

@media (max-width:380px){
.smq-news .summary .time, .smq-news .summary .views, .smq-news .summary .cat-folder, .smq-news .summary .comments {
	padding: 4px !important;
}
}

/*页面与屏幕边距相关CSS代码*/
.blog-left {
    margin-right: 0;
}

/*首页产品列表区域相关CSS代码*/
@media (min-width:812px){
.catelist ul.nav.nav-tabs {
    border-bottom: none;
}

.catelist ul.nav.nav-tabs li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
}

.catelist ul.nav.nav-tabs li.active {
    border-bottom: none;
}

.catelist ul.nav.nav-tabs li a {
    margin-right: 0;
}
}

/*手机端，移动设备端导航菜单栏相关CSS代码*/
@media only screen and (max-width: 1024px) and (min-width: 0px){
	.navbar-default .navbar-toggle {
    background-color: #fff !important;
    border: none !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 0;
	padding: 0 5px;
	}
	.header-section .container.headlogo {
    display: none;
	}
button.navbar-toggle .fa-align-justify {
    font-size: 16px;
    line-height: 42.23px;
    color: black;
    padding-right: 5px;
}
	button.navbar-toggle.collapsed .fa-align-justify {
    z-index: 2;
    background: #fff;
	}
	button.navbar-toggle .fa.fa-close {
    font-size: 16px;
    line-height: 42.23px;
    color: black;
    width: 17.2px;
    margin-left: -22.2px;
    background: #fff;
	opacity: 0;
	}
	.navbar-default .navbar-toggle:hover .fa.fa-close {
    opacity: 1;
	}
.pic-forphone img {
    height: 42.23px;
    width: auto;
}
#header-search-buttons {
    font-size: 16px;
    line-height: 42.23px;
    color: black;
    padding: 0 5px;
}
	.container > .navbar-header{
		display: -webkit-box;
    display: -webkit-flex;
    display: flex;
		justify-content: center;
    justify-content: space-between;
    margin-left: 0px;
    margin-right: 0px;
	}
form#top-menu-searchtwo, form#top-menu-searchthree {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	}
#top-menu-searchtwo .search-button, #top-menu-searchtwo .search-button-top {
    margin-left: -25px;
    border: none;
    background: none;
}
	#top-menu-searchtwo .fa.fa-search {
		color: #697076;
	}
}

@media (min-width: 1025px){
	.navbar-header #header-search-buttons,  {
    display: none;
}
	.navbar-header a.pic-forphone {
    display: none;
}
}

button.navbar-toggle .fa-align-justify, button.navbar-toggle .fa.fa-close {
    display: none;
}

.navBtn{
    /* width: 30px; */
    height: 33px;
    float: right;
    /* margin-right: 3%; */
    /* margin-top: 14px; */
    display: none;
    position: relative;
    /* width: 17.2px; */
    margin-top: 4.61px;
    width: 15px;
}

.navBtn span{
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 6px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 8px;
}
.navBtn span:nth-of-type(2){
    width: 60%;
    margin-top: 15px;
    margin-top: 14px;
}
.navBtn span:nth-of-type(3){
    margin-top: 24px;
    margin-top: 20px;
}
.navBtn.active span:nth-of-type(1){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-top: 15px;
}
.navBtn.active span:nth-of-type(2){
    opacity: 0;
    left: 40%;
}
.navBtn.active span:nth-of-type(3){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top: 15px;
}

@media(max-width: 1024px){
    .navBtn{
        display: block;
    } 
}

/*返回顶部按钮相关CSS代码*/
.hc_scrollup {
    width: 40px;
    border-radius: 50%;
    right: 24px;
    bottom: 24px;
    background: #fbfbfb;
    border-radius: 22px;
    overflow: visible;
}
.hc_scrollup:hover {
    /*color: #fff;
    background: #08d;*/
    color: #315efb;
}

.hc_scrollup i, .hc_scrollup svg {
    display: block;
    position: relative;
    font-size: 18px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.hc_scrollup i:before {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    background: initial;
    display: inline-block;
    font-size: 24px;
    color: #515151;
}

.hc_scrollup i:hover {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
}

.hc_scrollup i:hover:before {
    color: #315efb;
}

.btn-inner-text {
    display: none;
    background-color: #fff;
    text-align: center;
    position: absolute;
    width: 84px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    color: #333;
    right: 52px;
    bottom: 5px;
    border-radius: 6px;
    font-family: "微软雅黑","宋体",Arial;
    opacity: 1;
    font-style: normal;
}

.hc_scrollup i:hover .btn-inner-text {
    display: block;
}

/*自带画廊相关CSS代码*/
.wp-block-gallery {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
}

/*woocommerce订单结算页面相关CSS代码*/
li.wechatpay_code, li.alipay_code {
    display: inline-block;
}

section.woocommerce-customer-details {
    margin-bottom: 0 !important;
}

.woocommerce .woocommerce-customer-details address {
    background: white;
}

.woocommerce table.shop_table {
    background: white;
}

.woocommerce ul.order_details {
    margin: 0;
    background: white;
    border-radius: 4px;
}

/*woocommerce订单提交后页面CSS代码*/
.woocommerce-bacs-bank-details {
    margin: 2em 0;
}

.woocommerce .wc-bacs-bank-details-account-name {
    background: #fff;
    margin-bottom: -5px;
    padding-left: 20px;
    font-weight: 600;
    color: #707981;
    border-radius: 4px 4px 0 0;
    padding-bottom: 4px;
}

.wc-bacs-bank-details.order_details.bacs_details {
    border-radius: 0 0 4px 4px;
}

/*woocommerce订单详情页CSS代码*/
.custom-text {
    font-family: "Lato", sans-serif;
    color: #2a2e34;
    margin: 0 0 20px;
    font-size: 30px;
    line-height: 35px;
}

.custom-text p {
    border-radius: 0;
    font-size: 16px;
    line-height: 27px;
    color: #707981;
    padding: 6px 12px;
}

.custom-text p:first-child {
    margin-top: 20px;
    border-radius: 4px 4px 0 0;
}

.custom-text p:last-child {
    border-radius: 0 0 4px 4px;
}

.custom-text p strong {
    font-weight: normal;
}

/*加入购物车按钮相关CSS代码*/
.woocommerce .quantity .qty {
    height: 34px;
}

.woocommerce div.product form.cart .button {
    border-radius: 15px 0 0 15px;
}

.woocommerce div.product form.cart {
    /*position: fixed;*/
    bottom: 0;
    right: 0;
    background: white;
    width: 100%;
    padding: 5px;
    z-index: 9999;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: flex;*/
	/*justify-content: center;*/
	margin: 0;
	padding: 0;
	padding-bottom: 16px;
}

@media (max-width:414px){
	.woocommerce div.product form.cart{
		/*position:fixed;*/
	}
	.woocommerce div.product form.cart{
		justify-content: center;
	}
}

.woocommerce div.product form.cart .variations {
    width: auto;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 500;
    color: initial;
    line-height: 50px;
    margin-top: 4px;
    height: 50px;
}

.woocommerce div.product form.cart div.quantity {
    margin: 5px 4px 0 0;
}

.woocommerce div.product form.cart .button {
	margin: 5px 0;
	padding: 10px;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
}

button#buy_now_button:hover {
    background-color: #008000ed !important;
}

/*评论区相关CSS代码*/
.comment-box {
    margin-top: 15px !important;
    background: #fff;
    border-radius: 3px;
}

ul.children {
    background: #fff;
    border-radius: 0 0 3px 3px;
    margin-bottom: 15px;
    padding-left: 93px;
}

ul.children .children {
    padding-left: 60px;
}

@media screen and (max-width:600px) {
    ul.children .children {
        padding-left: 0;
    }
}

/** .comment-box.depth-1:before {
    content: '';
    position: absolute;
    left: 80px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #80808030;
} */

.comment-box.depth-2 {
    /** margin-left: 60px !important;
    border-left: 1px solid #80808030; */
    margin-top: -40px !important;
}

.children .pull-left-comment img {
    width: 40px;
    height: 40px;
    /** margin-left: 10px; */
}

.comment-form-section {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

/** @media (max-width:480px){
	.comment-box.depth-1 .media-body {
    padding-left: 83px;
		margin-top: -80px;
}
	.children .comment-box.depth-2 .media-body {
    padding-left: 3px;
}
} */

.comment-section {
    margin-right: 0;
    margin-bottom: 15px;
}

.comment-detail {
    padding-right: 5px;
}

.comment-form .blog-form-group-textarea{
    width: 100%;
}

/*我的账户页面单独设置的CSS代码*/
div#post-5882 {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

/*商店产品，手机端页脚与底部的距离相关CSS*/
@media only screen and (max-width: 480px) and (min-width: 200px){
	.footer-menu-links{
		margin-bottom: 40px;
	}
}

/*woocommerce产品价格和促销图标显示相关CSS代码*/
.woocommerce span.onsale{
	left: unset;
	margin: unset !important;
}

ins{
	color: inherit;
}

/*woocommerce我的账户页面进行美化CSS*/
/* Change WC Acct Page Column Widths */
@media only screen and (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
  }
  .woocommerce-account .woocommerce-MyAccount-content { 
    width: 75%;
  }
}
/* Style WC Account Endpoint Links */
nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
  max-width:200px;
  font-size: 17px;
  line-height: 26px;
}
nav.woocommerce-MyAccount-navigation ul li {
    padding: 8px 20px;
    background-color: rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background-color: rgba(255, 255, 255, 0.7);
}

nav.woocommerce-MyAccount-navigation ul li:first-child {
    border-radius: 4px 4px 0 0;
}

nav.woocommerce-MyAccount-navigation ul li:last-child {
    border-radius: 0 0 4px 4px;
}

nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: rgba(0,0,0,0.1);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
  color: rgba(0,0,0,0.8); cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.1);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background-color: rgba(0,0,0,0.07);
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.07);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}

/*文章页添加的展开折叠按钮的CSS代码*/
a.collapseButton {
    font-size: 15px;
}

.xContent {
    font-size: initial;
    line-height: 27px;
    color: #707981;
    letter-spacing: 0.5px;
    text-indent: 2em;
}

/*顶部小工具区相关CSS代码*/
@media only screen and (max-width: 480px) and (min-width: 200px){
    /* .header-section .widget.widget_text {
        float: none !important;
    } */
    .header-info .widget.widget_text .textwidget p {
        /* font-size: 13px;
        letter-spacing: initial;
        text-align: center; */
        line-height: initial;
    }
}

/* @media only screen and (max-width: 768px) {
    .header-section .widget.widget_text {
        float: none !important;
    }
} */

div#top-header-sidebar-right .fa-wechat {
    color: green !important;
}

/*让p标签自动换行*/
p {
    word-wrap: break-word;
    word-break: break-word;
}

/*文章收藏按钮相关CSS代码*/
.shoucang {
    margin: 0 4px 0px 0;
    background: #F3F4F7;
    padding: 4px 12px;
    border-radius: 15px 15px 15px 0;
    color: #707981;
    background: var(--this-bg);
    --this-bg: rgba(112, 121, 129, 0.1);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.shoucang:hover {
    background: #6c757d;
    color: #fff;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.shoucang:hover span, .shoucang:hover:before, .shoucang.on:hover:before {
    color: #fff;
}

.shoucang:before {
    font-family: fontawesome;
    content: "\f08a";
    color: #6c757d;
}

.shoucang.on,.shoucang.on:before {
    font-family: fontawesome;
    content: "\f004";
    color: #de082d;;
}

.shoucang.on { 
    padding-top: 6px;
    padding-bottom: 6px;
    --this-bg: rgba(222, 8, 45, 0.1);
}

/*.shoucang.on .shoucangone {
    display: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}*/

/*.shoucang.on .addshoucangone {
    display: inherit !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}*/

/* 我的收藏页面相关CSS代码 */
.favourite-list {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.favourite-list li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin: 0 15px 15px 0;
    padding: 0;
    width: calc((100% - 30px) / 3);
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.favourite-list li:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 767px) and (min-width: 430px) {
    .favourite-list li {
        margin: 0 2.4vw 2.4vw 0;
        width: calc(50% - 2.4vw);
    }
    .favourite-list li:nth-child(3n) {margin-right: 15px;}
    .favourite-list li:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 429px) {
    .favourite-list li {
        width: 100%;
        margin-right: 0;
    }
}

.favourite-list li:last-child {
    margin-right: 0;
}

img.defaultthumb tthumb {
    height: 100px;
    float: left;
    margin-right: 3px;
    width: 100px;
    object-fit: cover;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.videolistbox .videobutton {
    display: none;
}

#my_favourites .page_navi p {
    background: rgba(255, 255, 255, .5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#my_favourites .page_navi .page-numbers {
    padding: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 33px;
    margin: 5px 5px 0;
    background: rgba(255, 255, 255, .5);
}

#my_favourites .page_navi .page-numbers.current {
    color: #fff;
    background: rgba(0, 0, 0, .5);
}

/*文章页侧边栏隐藏动画相关CSS代码*/
#main-wrap-fulltp {
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	float: right;
}
	
#sidebar-section-float2 {
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
	
#sidebar-section-float {
	animation: fade-in;
	animation-duration: 1.0s;
	-webkit-animation: fade-in 1.0s;
}

@media (max-width: 767px) {
    #sidebar-section-float {
        padding-left: 2.4vw;
        padding-right: 2.4vw;
    }
}

/*文章页上一篇下一篇按钮相关CSS代码*/
/*span#prePage {
    margin-bottom: 0px;
    height: 100% !important;
    left: 0px;
    top: 0px;
    position: absolute;
}*/

/*span#nextPage {
    float: right !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}*/

/*span#prePage, span#nextPage {
    float: left;
    width: 50%;
    text-align: center;
    margin-right: -1px;
    padding: 10px 20px;
    white-space: inherit;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 2px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}*/

#postnavi a:hover {
    color: #fff;
    background: #3690cf;
    border-radius: 3px;
}

#postnavi {
    padding: 5px;
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-radius: 3px;
    background: white;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}

#postnavi a {
	width: 50%;
	padding: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*顶部小工具区相关CSS代码*/
/*.header-info .widget.widget_text .textwidget p:hover,*/ .header-info .widget.widget_text .textwidget a:hover {
    color: #31a3dd;
}

/*点击分享按钮时,jBox影响body属性，而设置的此属性*/
.jBox-blockScroll-jBox2 {
    overflow: auto !important;
}

/* 新添加的手机端页面底部立即购买菜单相关CSS代码 */
.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 0.55rem;
    max-width: 768px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 1000;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -0.01rem 0.06rem 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0 -0.01rem 0.06rem 0;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    padding-bottom: env(safe-area-inset-bottom);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-bottom: 2rem;
    padding: 0.5rem;
}

.bottom-bar > div:first-child {
    padding-left: 0;
    margin-left: 0;
}

.bottom-bar > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 0.5rem;
    height: 0.5rem;
    white-space: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    padding: 0 0.1rem;
	width: 4rem;
	height: 4rem;
	padding: 0 1.1rem;
}

.bottom-bar > div .taobao-iconfont {
    font-size: 0.18rem;
    font-size: 1.44rem;
    display: block;
    height: 24px;
}

.taobao-iconfont {
    font-family: "taobao" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.bottom-bar > div .taobao-iconfont svg {
    font-size: 21px;
    color: rgb(102, 102, 102);
}

.bottom-bar > div .taobao-iconfont.icon-highlight svg {
    color: rgb(255, 80, 0);
}

.bottom-bar .btn-fav .shoucang.on .taobao-iconfont svg, .shoucang.on #shoucangone {
    color: #de082d;
}

.bottom-bar .btn-fav .shoucang:hover span {
    background: none;
    color: red;
}

.shoucang.on:hover #shoucangone {
    color: #fff;
}

.icon-highlight {
    color: #ff5000;
}


.bottom-bar > div .btn-text {
    font-size: 0.1rem;
    line-height: 0.2rem;
	font-size: 0.8rem;
	line-height: 1.6rem;
    text-align: center;
}

.bottom-bar .btn-fav .shoucang {
    text-align: center;
}

.bottom-bar .bottom-bar-btn.btn-pos-left {
    border-radius: 0.2rem 0 0 0.2rem;
    background-image: -webkit-linear-gradient(left, #FFC500, #FF9402);
    background-image: linear-gradient(to right, #FFC500, #FF9402);
    background-image: linear-gradient(to right, rgb(255, 203, 0), rgb(255, 148, 2));
    -webkit-border-radius: 1.6rem 0 0 1.6rem;
    border-radius: 1.6rem 0 0 1.6rem;
}

.bottom-bar .bottom-bar-btn {
    width: 50% !important;
    height: 0.4rem;
    bottom: 0.12rem;
    line-height: 0.4rem;
    color: #fff;
    text-align: center;
    font-size: 0.14rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
	height: 3.2rem;
	bottom: 0.96rem;
	line-height: 3.2rem;
	font-size: 1.12rem;
}

.bottom-bar .bottom-bar-btn .btn-title {
    font-size: 0.14rem;
    font-weight: bold;
	font-size: 1.12rem;
}

.bottom-bar .bottom-bar-btn.btn-pos-right {
    border-radius: 0 0.2rem 0.2rem 0;
    background-image: -webkit-linear-gradient(left, #FF7A00, #FE560A);
    background-image: linear-gradient(to right, #FF7A00, #FE560A);
    background-image: linear-gradient(to right, rgb(255, 119, 0), rgb(255, 73, 0));
    -webkit-border-radius: 0 1.6rem 1.6rem 0;
    border-radius: 0 1.6rem 1.6rem 0;
}

/*立即购买按钮相关CSS代码*/
@media (max-width:767px){
.dialog-container {
    position: fixed;
    max-width: 768px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: .3s visibility;
    transition: .3s visibility;
}

.dialog-container.dialog-show {
    z-index: 1001;
    visibility: visible;
}

.dialog-container.dialog-show .dialog-wrapper {
    display: block;
}

.dialog-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.7);
}

.dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 83%;
    -webkit-transition: 0.3s transform, 0.3s -webkit-transform;
    transition: 0.3s -webkit-transform;
    transition: 0.3s transform;
    transition: 0.3s transform, 0.3s -webkit-transform;
    -webkit-transform: translateY(calc(100% + 28px));
    transform: translateY(calc(100% + 28px));
    background-color: #fff;
    color: #333;
    font-size: 0.15rem;
    -webkit-border-radius: 0.1rem 0.1rem 0 0;
    border-radius: 0.1rem 0.1rem 0 0;
}

.dialog.dialog-popup {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.dialog .dialog-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    padding: 0 0.1rem;
}

.dialog-xsku {
    position: relative;
    width: 100%;
}

.dialog-xsku .summary.entry-summary {
    position: fixed;
    left: 0;
    top: 0;
    padding: 0 2px;
    background: white;
    z-index: 9999;
    bottom: 0px;
    max-width: 768px;
}

.summary.entry-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 0.13rem;
    padding: 0.1rem 0;
    color: #333;
    box-sizing: border-box;
}
	
	.woocommerce div.product .stock {
    font-size: 8em !important;
    color: #707981;
}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 10em;
    color: red;
}
	
	/* .btn-fav span.taobao-iconfont:before {
    font-family: fontawesome;
    content: "\f08a";
    color: #de082d;
} */
	
	.btn-fav > .shoucang:before {
    content: "";
		display: none;
}

.addphotos {
    padding: 62px 0 10px 126px;
    position: relative;
    /* height: 74px; */
}
	
	.addphotos figure.woocommerce-product-gallery__wrapper {
    width: 100px !important;
    height: 100px;
    position: absolute;
    top: -28px;
    left: 10px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.1);
    padding: 1px;
    background-color: #fff;
}

    .summary.entry-summary .addphotos .price {
        position: absolute;
        top: 10px;
    }

    .woocommerce-product-details__short-description {
        max-height: 54px;
        overflow-y: auto;
    }

.summary.entry-summary .body {
    padding: 0 2px;
    /* position: absolute; */
    /* bottom: 48px; */
    /* top: 150px; */
    /* left: 0; */
    /* right: 0; */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    /* top: 0; */
}

	.goumaishuliang {
    font-size: 14px;
    float: left;
    padding-right: 4px;
}
	
	.woocommerce-product-gallery__trigger_two {
    font-size: 18px;
    position: absolute;
    top: 6px;
		right: 10px;
}

.woocommerce-product-gallery__trigger_two:before {
    /* font-family: fontawesome; */
    /* content: "\f00d"; */
    color: #5f646e;
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 18px;
}
	
	.summary.entry-summary {
    overflow: unset !important;
}
	
	/* .btn-wangwang .taobao-iconfont:before {
    font-family: fontawesome;
    content: "\f1d6";
    color: red;
} */
	
	.btn-fav .shoucangone {
    height: 18.67px;
}
	
	/* .btn-shop .taobao-iconfont:before {
    font-family: fontawesome;
    color: red;
    content: "\f19c";
} */
	
.btn-text, .bottom-bar .btn-text a {
    color: rgb(102, 102, 102);
}
	
	.addphotos .woocommerce-product-gallery__trigger:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    box-sizing: content-box;
}
	
	.addphotos .woocommerce-product-gallery__trigger:after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: content-box;
}
	
	.addphotos .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
    top: 0;
    right: 0;
}	
}

@media screen and (min-width:768px) {
    .addphotos {
        display: none;
    }
}

/*给侧边栏菜单添加背景效果*/ 
@media screen and (min-width:1024px) { 
.menu > li.active:before { 
content: ''; 
position: absolute; 
width: 0; 
height: 0; 
border-top: 7px solid transparent; 
border-left: 7px solid rgba(205,82,41,1); 
right: -2px; 
top: auto; 
margin-top:-6px; 
} 
.menu > .active > a, .menu > .active > a:hover { 
background: linear-gradient(90deg,rgba(237,105,0,1) 0%,rgba(253,174,50,1) 100%); 
display: block; 
padding-left: 5px; 
} 
.menu > li.active:after { 
content: ''; 
position: absolute; 
width: 12px; 
height: 39.45px; 
background: #FDAE32; 
right: -2px; 
top: auto; 
margin-top:-39.45px;
border-bottom-right-radius: 5px;
} 
.menu > li.current-post-ancestor:before { 
content: ''; 
position: absolute; 
width: 0; 
height: 0; 
border-top: 7px solid transparent; 
border-left: 7px solid rgba(205,82,41,1); 
right: -2px; 
top: auto; 
margin-top:-6px; 
} 
.menu .current-post-ancestor.current-menu-parent.current-post-parent a, .menu .current-product- ancestor.current-menu-parent.current-product-parent a, .menu .current-tao-ancestor.current-menu- parent.current-tao-parent a { 
background: linear-gradient(90deg,rgba(237,105,0,1) 0%,rgba(253,174,50,1) 100%); 
display: block; 
padding-left: 5px; 
} 
.menu > li.current-post-ancestor:after { 
content: ''; 
position: absolute; 
width: 12px; 
height: 39.45px; 
background: #FDAE32; 
right: -2px; 
top: auto; 
margin-top:-39.45px;
border-bottom-right-radius: 5px;
} 
} 

/*给侧边栏菜单添加背景效果，另一种效果*/
.sidebar-widget #menu-company-profile-nav li:hover,#menu-contact-nav li:hover,#menu-company-news-nav li:hover,#menu-album-nav li:hover {
    background: #f9f9f9;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
    background: rgba(112, 121, 129, .1);
}
#menu-product-nav li a,.sidebar-widget #menu-company-profile-nav li a,#menu-contact-nav li a,#menu-company-news-nav li a,#menu-album-nav li a, #menu-product-nav-1 li a {
    display: block;
}
@media screen and (min-width:1024px) {
aside.sidebar-widget.widget {
    overflow: visible;
}
.menu-product-nav-container ul > li.active {
    filter: drop-shadow(5px 6px 5px rgba(32,160,255,.3));
    position: relative;
}
/*.menu-product-nav-container ul > li:hover {
    background: inherit !important;
}*/
#menu-product-nav > li.active:before {
    content: "";
    display: block;
    border-bottom: 5px solid #008bc9;
    border-right: 5px solid #008bc9;
    /* border: 5px solid var(--analogous_dark_3); */
    border: 5px solid #008bc9;
    position: absolute;
    margin-bottom: -20px;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    transform-origin: bottom;
    -webkit-transform: scaleY(.75);
    -ms-transform: scaleY(.75);
    -moz-transform: scaleY(.75);
    -o-transform: scaleY(.75);
    transform: scaleY(.75);
    top: 0;
    left: -15px;
    margin-top: -6px;
}
#menu-product-nav .active a {
    /* display: inline-block; */
    /* margin: 0; */
    color: #fff;
    background: linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff);
    /* background: linear-gradient(90deg,var(--analogous_light_3),var(--analogous_default) 6px,var(--primary_dark_1)); */
    font-weight: 700;
    font-size: 16px!important;
    line-height: 40px;
    /* height: 40px; */
    padding: 0 22px 0 34px;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1030px;
    vertical-align: bottom;
    margin-right: 11px;
    margin-left: -15px;
}
#menu-product-nav > li.active:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
}
}

/*给产品详情页侧边栏菜单添加背景效果，另一种效果*/
@media screen and (min-width:1024px) {
#menu-product-nav .sub-menu li:hover {
    background: #f9f9f9 !important;
}
#menu-product-nav li.active .sub-menu li a {
    background: none !important;
    color: #707981 !important;
    font-family: 'Lato' !important;
    font-weight: 500 !important;
}
#menu-product-nav li.active .sub-menu li a:hover {
    color: #31a3dd !important;
}
.current-post-ancestor.current-menu-parent.current-post-parent, .current-product- ancestor.current-menu-parent.current-product-parent, .current-tao-ancestor.current-menu- parent.current-tao-parent {
    filter: drop-shadow(5px 6px 5px rgba(32,160,255,.3));
    position: relative;
}
#menu-product-nav > li.current-post-ancestor:before {
    content: "";
    display: block;
    border-bottom: 5px solid #008bc9;
    border-right: 5px solid #008bc9;
    /* border: 5px solid var(--analogous_dark_3); */
    border: 5px solid #008bc9;
    position: absolute;
    margin-bottom: -20px;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    transform-origin: bottom;
    transform: scaleY(.75);
    top: 0;
    left: -15px;
    margin-top: -6px;
}
.menu .current-post-ancestor.current-menu-parent.current-post-parent a, .menu .current-product- ancestor.current-menu-parent.current-product-parent a, .menu .current-tao-ancestor.current-menu- parent.current-tao-parent a {
    /* display: inline-block; */
    /* margin: 0; */
    color: #fff;
    background: linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff) !important;
    /* background: linear-gradient(90deg,var(--analogous_light_3),var(--analogous_default) 6px,var(--primary_dark_1)); */
    font-weight: 700;
    font-size: 16px!important;
    line-height: 40px;
    /* height: 40px; */
    padding: 0 22px 0 34px !important;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1030px;
    vertical-align: bottom;
    margin-right: 11px;
    margin-left: -15px;
}
#menu-product-nav > li.current-post-ancestor:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
}
#menu-product-nav li.active .sub-menu li.active:before {
    content: "";
    display: block;
    border-bottom: 5px solid #008bc9;
    border-right: 5px solid #008bc9;
    /* border: 5px solid var(--analogous_dark_3); */
    border: 5px solid #008bc9;
    position: absolute;
    margin-bottom: -20px;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    transform-origin: bottom;
    transform: scaleY(.75);
    top: 0;
    left: -15px;
    margin-top: -6px;
    left: -11px;
    width: auto;
    height: auto;
}
#menu-product-nav li.active .sub-menu li.active a {
    /* display: inline-block; */
    /* margin: 0; */
    color: #fff !important;
    background: linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff) !important;
    /* background: linear-gradient(90deg,var(--analogous_light_3),var(--analogous_default) 6px,var(--primary_dark_1)); */
    font-weight: 700 !important;
    font-size: 16px!important;
    line-height: 40px;
    /* height: 40px; */
    padding: 0 22px 0 34px;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1030px;
    vertical-align: bottom;
    margin-right: 11px;
    margin-left: -15px;
    display: block;
    margin-left: -11px;
}
#menu-product-nav li.active .sub-menu li.active:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
}
#menu-product-nav .current_page_parent {
    filter: drop-shadow(5px 6px 5px rgba(32,160,255,.3));
    position: relative;
}
#menu-product-nav .current_page_parent:before {
    content: "";
    display: block;
    border-bottom: 5px solid #008bc9;
    border-right: 5px solid #008bc9;
    /* border: 5px solid var(--analogous_dark_3); */
    border: 5px solid #008bc9;
    position: absolute;
    margin-bottom: -20px;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    transform-origin: bottom;
    transform: scaleY(.75);
    top: 0;
    left: -15px;
    margin-top: -6px;
}
#menu-product-nav .current_page_parent a {
    /* display: inline-block; */
    /* margin: 0; */
    color: #fff;
    background: linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff);
    /* background: linear-gradient(90deg,var(--analogous_light_3),var(--analogous_default) 6px,var(--primary_dark_1)); */
    font-weight: 700;
    font-size: 16px!important;
    line-height: 40px;
    /* height: 40px; */
    padding: 0 22px 0 34px;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1030px;
    vertical-align: bottom;
    margin-right: 11px;
    margin-left: -15px;
    display: block;
}
#menu-product-nav .current_page_parent:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
}
#menu-product-nav .current_page_parent .sub-menu li a {
    background: none !important;
    color: #707981 !important;
    font-family: 'Lato' !important;
    font-weight: 500 !important;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#menu-product-nav .current_page_parent .sub-menu li a:hover {
    color: #31a3dd !important;
}

#menu-product-nav .current_page_parent .sub-menu .current-product-ancestor:before {
    content: "";
    display: block;
    border-bottom: 5px solid #008bc9;
    border-right: 5px solid #008bc9;
    /* border: 5px solid var(--analogous_dark_3); */
    border: 5px soli008bc9;
    position: absolute;
    margin-bottom: -20px;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(.75);
    -ms-transform: scaleY(.75);
    -moz-transform: scaleY(.75);
    -o-transform: scaleY(.75);
    transform: scaleY(.75);
    /* top: 0; */
    left: -15px;
    /* margin-top: -6px; */
    margin-top: -10px;
    left: -11px;
    width: auto;
    height: auto;
}

#menu-product-nav .current_page_parent .sub-menu .current-product-ancestor a {
    /* display: inline-block; */
    /* margin: 0; */
    color: #fff !important;
    background: linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff) !important;
    /* background: linear-gradient(90deg,var(--analogous_light_3),var(--analogous_default) 6px,var(--primary_dark_1)); */
    font-weight: 700 !important;
    font-size: 16px!important;
    line-height: 40px;
    /* height: 40px; */
    padding: 0 22px 0 34px;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1030px;
    vertical-align: bottom;
    margin-right: 11px;
    margin-left: -15px;
    display: block;
    margin-left: -11px;
}
#menu-product-nav .current_page_parent .sub-menu .current-product-ancestor:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
}
li#menu-item-9507.current-product-ancestor:before {
    top: 51px !important;
}
li#menu-item-10048.current-product-ancestor:before {
    top: 102px !important;
}
.menu .current-menu-ancestor.active ul.sub-menu, .menu .current_page_parent ul.sub-menu {
    display: block;
    left: 0;
    position: relative;
    margin: 0 0 0 8px;
}
.current-menu-ancestor.active ul.sub-menu:after,.current_page_parent ul.sub-menu:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
    right: 3px;
    top: -1px;
}
.menu .current-tao-ancestor.current-tao-parent:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid rgba(205,82,41,1);
    right: -2px;
    top: auto;
    margin-top: -6px;
}
.menu .current-tao-ancestor.current-tao-parent a {
    background: linear-gradient(90deg,rgba(237,105,0,1) 0%,rgba(253,174,50,1) 100%);
    display: block;
    padding-left: 5px;
}
.menu .current-tao-ancestor.current-tao-parent:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 39.45px;
    background: #FDAE32;
    right: -2px;
    top: auto;
    margin-top: -39.45px;
    border-bottom-right-radius: 5px;
}
}

/*首页产品中心，产品价格背景设置相关CSS代码*/
.home-blog .price ins {
    background: none;
}

/*首页产品推荐排列显示相关CSS代码*/
.col-md-4:nth-child(3n+1) {
    clear: right;
}

/*苹果电脑sarafi浏览器中解决画廊图片显示问题相关CSS*/
/* .wp-block-gallery .blocks-gallery-item figure {
height: auto;
} */

/*标签新加效果CSS*/
/* .tagcloud a:hover, .cloudlabel .sidebar-widgettwo > ul a:hover {
    transform: scale(1.12);
} */

/*符合IPAD屏幕LOGO行相关CSS2021.3.6添加*/
@media screen and (max-width: 768px) {
.widget.elitepress_header_widget {
    padding-left: 0 !important;
}
}

/*标题下方总结信息相关CSS代码*/
/* .stock-price .summary {
    max-height: 29px;
    overflow: hidden;
} */

/*评论嵌套回复时回复窗口相关CSS代码*/
.comment-section #respond {
    padding-bottom: 40px;
}

/*使侧边栏边角圆角化相关CSS代码*/
aside.sidebar-widget.widget {
    border-radius: 3px;
}

/*产品展示页顶部导航菜单，面包屑切换行，分页行相关CSS*/
.all-categories {
    border-radius: 3px;
}

.paginations .page_nav {
    border-radius: 3px;
}

/*产品详情页各直边角改圆边角相关CSS代码*/
/*.site-content .post {
    border-radius: 3px;
}*/

.blog-section .tags {
    border-radius: 3px;
}

.author-info {
    border-radius: 3px;
}

.comment-form-section {
    border-radius: 3px;
}

/*公司动态详情页直边角转圆边角相关CSS代码*/
.related-posts-title {
    border-radius: 3px 3px 0 0;
    font-size: 18px;
    font-weight: 600;
    color: #2a2e34;
    padding: 5px;
    background: white;
    border-bottom: 1px solid #d6dfdf;
}

/** .comment-section .comment-box {
    border-radius: 3px;
} */

/*商店产品页列表展示相关CSS代码*/
.woocommerce ul.products {
    margin-bottom: 0 !important;
}

/*友情链接页面相关CSS*/
.page-links {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); 
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); 
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); 
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); 
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.page-links a {
    width: 100% !important;
}
ul.xoxo.blogroll {
    margin: 0 3px 3px 3px;
}
ul.xoxo.blogroll li {
    width: 20%;
    margin: 0;
    padding: 3px;
    background: none;line-height: 0;
}
.xoxo.blogroll:before, .xoxo.blogroll:after { 
content: ""; 
display: table; 
clear: both; 
}
/*.xoxo.blogroll li:last-child { padding-bottom: 6px; }*/
.xoxo.blogroll li a { 
margin: 0;
overflow: hidden; 
text-overflow: ellipsis; 
padding: 7px; 
}
@media screen and (max-width:580px) {
ul.xoxo.blogroll li {
    width: 50%;
}
/*ul.xoxo.blogroll {
    margin-right: 5px;
}*/
}

/*我的账户页面相关CSS代码*/
div#post-5882 {
    padding: 0 2px;
    border-radius: 3px;
}

/*首页公司新闻幻灯片相关CSS*/
#ycnews .swiper-container-horizontal {
    padding-bottom: 11px;
    padding-top: 5px;
    margin-top: -5px;
    padding-left: 4px;
    padding-right: 4px;
}

#ycnews .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 11px;
}

#ycnews .swiper-button-prev, #ycnews .swiper-button-next {
    top: calc(50% - 35px);
}

/**
@media screen and (min-width: 768px) {
#ycnews .swiper-slide {
    width: 50%
}
}
*/

/*Swiper幻灯片上一页下一页按钮相关CSS*/
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #31a3dd;
}

.swiper-button-prev, .swiper-button-next {
    background: rgba(255, 255, 255, 0.9);
    color: #2a2e34;
    text-decoration: none;
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    margin: -20px 0 0;
    position: absolute;
    bottom: 30px;
    z-index: 10;
    overflow: hidden;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    opacity: 1;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-image: none !important;
}

.swiper-button-next:hover:before, .swiper-button-prev:hover:before {
    color: #fff;
}

.swiper-button-next:before {
    font-family: "FontAwesome";
    font-size: 27px;
    line-height: 1.3;
    display: inline-block;
    content: '\f105';
}

.swiper-button-prev:before {
    font-family: "FontAwesome";
    font-size: 27px;
    line-height: 1.3;
    display: inline-block;
    content: '\f104';
}

.swiper-button-next {
    right: 30px !important;
}

.swiper-button-prev {
    left: 30px !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 16px;
    border-radius: 20px;
    background: #007affb0;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

/*swiper-slide相关CSS代码*/
/*#ycnews .swiper-slide .tao {
    padding: 5px;
}*/

/*首页公司相册展示幻灯片相关CSS*/
#ycalbum .swiper-wrapper, #chemrawmaterial .swiper-wrapper {
    padding-bottom: 39px;
}

@media screen and (min-width: 768px) {
#ycalbum .swiper-slide {
    width: 20%
}
}

@media screen and (max-width: 580px) {
#ycalbum .ser_class {
    padding: 4px 65px;
}
}

#ycalbum .ser_class {
    width: 100%;
    height: auto;
    background-color: transparent;
    border: 2px solid #f5f5f5;
    margin-bottom: 5px;
}

/*首页相册展示区域CSS代码*/
.album-display {
    padding: 20px 0 25px 0;
    border-bottom: 1px solid #e6e7e9;
    background: #f0f0f0;
}

#ycalbum .swiper-slide .thumbnail_box {
    float: left;
}

/* @media (max-width: 991px) {
    .album-display .container {
        padding-right: 2.4vw;
        padding-left: 2.4vw;
    }

    .album-display .container .row {
        margin-right: -2.4vw;
        margin-left: -2.4vw;
    }

    .album-display .container .row .albumdisplay-box {
        padding-left: calc(2.4vw - 7.5px);
        padding-right: calc(2.4vw - 7.5px);
    }
} */

#ycalbum .swiper-slide .thumbnail_box {
    padding-left: 2.4vw;
    padding-right: 2.4vw;
}

/*首页化工原料幻灯片展示相关CSS*/
#chemrawmaterial .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 11px;
}

@media screen and (min-width: 768px) {
#chemrawmaterial .swiper-slide {
    width: 20%
}
}

@media screen and (max-width: 580px) {
#chemrawmaterial .swiper-slide .post {
    border: none;
    padding: 0 60px;
}
}

/*swiper幻灯片相关CSS代码*/
.swiper-button-next, .swiper-button-prev {
    opacity: 0;
    -webkit-transition: opacity .5s,transform 0s .5s;
    -ms-transition: opacity .5s,transform 0s .5s;
    -moz-transition: opacity .5s,transform 0s .5s;
    -o-transition: opacity .5s,transform 0s .5s;
    transition: opacity .5s,transform 0s .5s;
}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
    opacity: 1;
}

.swiper-button-next:hover:before, .swiper-button-prev:hover:before {
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*侧边栏近期，热门产品相关CSS*/
/*.side-img a img {
    width: 100%;
    height: 100% !important;
}*/

.side-img .thumbnail_box {
    border: 1px solid #ddd;
    /* padding: 1px; */
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.side_title h4 {
    margin: 0;
    /**height: 44.45px;
    max-height: 66px;
    overflow: hidden;
    line-height: 21px;*/
}

.side_title h4 a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000000;
    -webkit-transition: .35s;
    transition: .35s;
    font-size: 16px;
    font-weight: 400;
}

/*首页最新评论区域相关CSS*/
.widget.newestcomments {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 10px 5px 15px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.myRecentComments:before, .myRecentComments:after {
    content: "";
    clear: both;
}

ul.myRecentComments li img {
    /*float: left;*/
    display: inline-block;
}

ul.myRecentComments li a:before {
    content: "" !important;
}

.author-nickname {
    padding-left: 3px;
    margin-right: -6px;
    color: #007bff;
}

span.author-nickname:before, span.author-nickname:after {
    content: "";
    clear: both;
}

.myRecentComments li {
    word-break: break-all;
}

/*弹出微信二维码框相关CSS代码*/
.weixin img.qrcode {
    height: 12.5rem;
}

.douyin img.qrcode {
    width: 13rem;
    height: 16rem;
    right: -60px;
}

.entry-content .contact_us_details .weixin img.qrcode, .entry-content .contact_us_details .douyin img.qrcode {
    margin-top: 7px;
}

/*首页中间体分类相关CSS代码*/
.allintermediate:before, .allintermediate:after {
    content: "";
    display: table;
    clear: both;
}

.allintermediate {
    border: 1px solid lightgrey;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 5px 25px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    background: rgba(0,0,0,.4);
}

.post-intermediate.part2 .col-md-6:last-child .allintermediate {
    margin-bottom: 15px;
}

.home-blog .allintermediate .thumbnail-postcard.outer {
    float: left;
    width: 150px;
    height: auto;
    /*overflow: hidden;*/
    border-radius: 4px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding: 0;
}

@media screen and (max-width: 320px) {
.thumbnail-postcard.outer {
    width: 120px;
}
}

@media screen and (max-width: 580px) {
.thumbnail-postcard.outer {
    margin: 0 8px 0 0;
}
}

.allintermediate .blog-info {
    text-align: left;
    background: 0;
}

.allintermediate .summary {
    text-align: left;
    position: absolute;
    left: calc(172.5px);
    bottom: 25px;
    padding-bottom: 0;
    word-break: break-all;
    right: 15px;
}

.post-intermediate.part2 .col-md-6:last-child .allintermediate .summary {
    bottom: 15px;
}

@media screen and (min-width:768px) {
    .post-intermediate.part2 .col-md-6:nth-last-child(2) .allintermediate {
        margin-bottom: 15px;
    }
    .post-intermediate.part2 .col-md-6:nth-last-child(2) .allintermediate .summary {
        bottom: 15px;
    }
}

.allintermediate .post {
    border: none;
    float: left;
}

.allintermediate h3.entry-title {
    text-align: left;
}

.allintermediate .entry-content {
    text-align: left;
    font-size: 14px;
    text-shadow: 0 0 1px rgba(0,0,0,.5);
    color: #ccc;
    font-family: Arial,Helvetica,'Microsoft JhengHei','微軟正黑體',sans-serif;
}

.allintermediate .blog-info {
    margin-right: 3px;
    border-right: none;
}

/* .allintermediate h3.entry-title a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 !important;
    border-left: none !important;
} */

.home-blog .allintermediate .entry-header .entry-title > a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
    border-left: none;
    /* -webkit-text-stroke: 2px transparent; */
    /* background: linear-gradient(90deg,red,orange,yellow,green,cyan,blue,purple) top left / 100% 100%; */
    /* background: rgba(255,255,255,1); */
    /* -webkit-background-clip: text; */
    /* letter-spacing: 2px; */
    color: rgba(255,255,255,.9);
}

.home-blog .allintermediate .entry-header .entry-title > a:hover {
    color: #31a3dd;
}

.allintermediate .entry-content a {
    color: #fff;
    padding: 1px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #31a3dd;
    margin: 0 3px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, .8);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, .8);
    line-height: 22px;
}

.allintermediate .entry-content a:hover {
    /*-webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);*/
    background: black;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgba(0, 0, 0, .7);
    color: rgba(255,255,255,1);
}

.post-intermediate.part1 .allintermediate .entry-content a { /* 首页中间体分类 阅读更多 按钮CSS 2024.8.6 */
    /* background: #f5f7fa; */
    /* box-shadow: -1px -1px 1px 0px #fff, 5px 5px 5px 0 rgba(15,41,77,.15); */
    background: linear-gradient(45deg, orange, #F44336);
    box-shadow: none;
    color: #fff;
}

.post-intermediate.part1 .allintermediate .entry-content a:hover { /* 首页中间体分类 阅读更多 按钮CSS 2024.8.6 */
    /* box-shadow: inset -3px -3px 6px 0 #fff, inset 3px 3px 6px 0 rgba(15,41,77,.15); */
    /* color: #2e6fd1; */
    background: linear-gradient(45deg, #2196F3, #673AB7);
}

@media screen and (min-width: 580px) {
.allintermediate span.time, .allintermediate span.views, .allintermediate span.comments {
    font-size: 13px;
}
.allintermediate .summary i {
    width: 14px;
    height: 14px;
}
.allintermediate .summary i:before {
    width: 14px;
    height: 14px;
}
}

/*给footer加CSS代码*/
footer {
    background: linear-gradient(#334153,#334153 1px,#637893 0,#637893 2px,#465568 0,#334154 20px,#243243 0,#334154);
}

/*图片显示相关CSS代码*/
.home-blog .allintermediate h3.entry-title {
    margin-left: 0;
}

.home-blog .entry-header .entry-title > a {
    border-left: 2px solid;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-transition: .35s;
    -ms-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    padding: 0 5px;
    overflow: hidden;
}

.thumbnail-postcard .thumbnail-postcard {
    border: none;
    padding-bottom: 100%;
    position: relative;
    padding-top: 0;
    /*-webkit-perspective: 650px;
    -ms-perspective: 650px;
    -moz-perspective: 650px;
    -o-perspective: 650px;
    perspective: 650px;*/
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-box-shadow: 0 3px 3px rgba(48, 52, 63, .2);
    -ms-box-shadow: 0 3px 3px rgba(48, 52, 63, .2);
    -moz-box-shadow: 0 3px 3px rgba(48, 52, 63, .2);
    -o-box-shadow: 0 3px 3px rgba(48, 52, 63, .2);
    box-shadow: 0 3px 3px rgba(48, 52, 63, .2);
    -webkit-box-shadow: 0 3px 3px var(--gray_opacity_2);
    -ms-box-shadow: 0 3px 3px var(--gray_opacity_2);
    -moz-box-shadow: 0 3px 3px var(--gray_opacity_2);
    -o-box-shadow: 0 3px 3px var(--gray_opacity_2);
    box-shadow: 0 3px 3px var(--gray_opacity_2);
    -webkit-transition: transform .35s,background-color .1s ease .25s;
    -ms-transition: transform .35s,background-color .1s ease .25s;
    -moz-transition: transform .35s,background-color .1s ease .25s;
    -o-transition: transform .35s,background-color .1s ease .25s;
    transition: transform .35s,background-color .1s ease .25s;
}

/*首页侧边栏热门产品，最近产品相关CSS代码*/
/*.rowone:hover .thumbnail a img {
    transform: translateX(2px) scale(.9);
    transform: scale(1.1);
}

.rowone:hover .mostviewtitle a,.rowone:hover .recentpoststitle a,.rowone:hover .mostcommentstitle a {
    color: inherit;
}*/

.rowone .thumbnail a img:hover {
    transform: translateX(2px) scale(.9);
    transform: scale(1.1);
}

.rowone:hover .mostviewtitle .summary .time,.rowone:hover .recentpoststitle .summary .time,.rowone:hover .mostcommentstitle .summary .time {
    color: red !important;
}

.rowone:hover .mostviewtitle .summary .cat-folder,.rowone:hover .recentpoststitle .summary .cat-folder,.rowone:hover .mostcommentstitle .summary .cat-folder {
    color: green !important;
}

.rowone:hover .mostcommentstitle .summary .comments {
    color: #20a0ff !important;
}

/*pandaslider幻灯片展示相关CSS*/
html:not(.is-mac), html:not(.is-mac) * {
    scrollbar-width: thin;
    scrollbar-color: rgba(130,140,150,.4) transparent;
}

.top-slider-nav {
    -webkit-box-shadow: inset 0 -1px rgba(48,52,63,.1);
    box-shadow: inset 0 -1px rgba(48,52,63,.1);
    -webkit-box-shadow: 0 -1px var(--gray_opacity_1) inset;
    box-shadow: 0 -1px var(--gray_opacity_1) inset;
    position: relative;
    margin: 0 -.2px;
}

body {
    font-family: R,Maven Pro,΢   ź ,Microsoft YaHei UI,Microsoft YaHei,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;
    background: #e5e9ef!important;
    background: var(--gray_8);
    color: #70747f;
    color: var(--gray_3);
    min-width: 320px;
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    font-size: 14px;
    -webkit-transition: .25s;
    transition: .25s;
    background: url(/wp-content/themes/elitepress/images/bg_3.jpg) repeat center center !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

/*html:not(.is-mac)::-webkit-scrollbar, html:not(.is-mac) ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}*/ 

html:not(.is-mac)::-webkit-scrollbar-thumb, html:not(.is-mac) ::-webkit-scrollbar-thumb {
    background-color: rgba(130,140,150,.4);
}

::selection {
    background: rgba(255,120,0,.7);
    /*background: var(--primary_opacity_7);*/
    color: #fff;
    background: #31a3dd;
}

.pf_slider {
    height: 372px;
    background: linear-gradient(#636673,#3f414b 75%,#636673);
    border-radius: 3px 3px 0 0;
}

#card-flip-slider[init] {
    display: block;
}

#card-flip-slider {
    height: 372px;
    position: relative;
    display: none;
}

#card-flip-slider .showBox {
    position: relative;
}

#card-flip-slider .showBox>.current {
    z-index: 3;
    -webkit-transform: perspective(1000px) rotateY(0deg);
    -ms-transform: perspective(1000px) rotateY(0deg);
    -moz-transform: perspective(1000px) rotateY(0deg);
    -o-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .525s ease 75ms,z-index 0s 75ms;
    -ms-transition: .525s ease 75ms,z-index 0s 75ms;
    -moz-transition: .525s ease 75ms,z-index 0s 75ms;
    -o-transition: .525s ease 75ms,z-index 0s 75ms;
    transition: .525s ease 75ms,z-index 0s 75ms;
}

#card-flip-slider .showBox>* {
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    top: 76px;
    will-change: transform,transform-origin,opacity,visibility,z-index;
    -webkit-transition: .6s,z-index 0s 75ms;
    -ms-transition: .6s,z-index 0s 75ms;
    -moz-transition: .6s,z-index 0s 75ms;
    -o-transition: .6s,z-index 0s 75ms;
    transition: .6s,z-index 0s 75ms;
}

#card-flip-slider .showBox>.current .page {
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    -ms-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    -moz-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    -o-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
}

#card-flip-slider .page {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 230px;
    border-radius: 8px;
    background-size: cover;
    border: 1px solid rgba(0,0,0,.6);
    -webkit-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    -ms-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    -moz-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    -o-box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    box-shadow: 0 10px 15px rgba(48,52,63,.3), inset 0 0 0 1px hsla(0,0%,100%,.2);
    overflow: hidden;
    position: relative;
    padding: 0 220px 0 8%;
    -webkit-transition: .6s;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

[tabindex], [tabindex]:focus, a, a:focus, button, input, textarea {
    outline: none;
    text-decoration: none;
    /*-moz-appearance: none;
    -webkit-appearance: none;*/
}

textarea, input {
    border-radius: 3px;
}

#card-flip-slider .page>.badage.blue {
    background: linear-gradient(#20baff,#20a0ff 30%,#59b8ff);
    border: 1px solid #0394ff;
    -webkit-box-shadow: 0 3px 5px rgba(32,160,255,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    -ms-box-shadow: 0 3px 5px rgba(32,160,255,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    -moz-box-shadow: 0 3px 5px rgba(32,160,255,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    -o-box-shadow: 0 3px 5px rgba(32,160,255,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    box-shadow: 0 3px 5px rgba(32,160,255,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    text-shadow: 0 -1px #0394ff;
}

#card-flip-slider .page>.badage {
    position: absolute;
    top: 0;
    right: 15px;
    padding: 5px 9px;
    color: #fff;
    background: linear-gradient(#ffab00,#ff7800 30%,#ff9333);
    /* background: linear-gradient(var(--analogous_default),var(--primary_default) 30%,var(--primary_light_2)); */
    border-radius: 0 0 4px 4px;
    border: 1px solid #e66c00;
    border: 1px solid var(--primary_dark_1);
    border-top: 0;
    -webkit-box-shadow: 0 3px 5px rgba(255,120,0,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    -ms-box-shadow: 0 3px 5px rgba(255,120,0,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    -moz-box-shadow: 0 3px 5px rgba(255,120,0,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    -o-box-shadow: 0 3px 5px rgba(255,120,0,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    box-shadow: 0 3px 5px rgba(255,120,0,.3), 0 3px 5px rgba(0,0,0,.2), inset 0 0 0 1px hsla(0,0%,100%,.3);
    box-shadow: 0 3px 5px var(--primary_opacity_3),0 3px 5px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.3) inset;
    font-size: 12px;
    text-shadow: 0 -1px #e66c00;
    text-shadow: 0 -1px var(--primary_dark_1);
}

#card-flip-slider .page>.title {
    color: #fff;
    font-size: 22px;
    text-shadow: 0 3px 5px rgba(0,0,0,.75);
    margin: 0;
    font-weight: 400;
    word-wrap: break-word;
    line-height: 1.3;
}

#card-flip-slider .page>.category {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    text-shadow: 0 2px 3px #000;
    opacity: .6;
    position: relative;
}

#card-flip-slider .page>.category:before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    border-top: 1px solid hsla(0,0%,100%,.5);
    position: absolute;
    top: -8px;
    left: 0;
}

#card-flip-slider .page>.category i {
    margin-right: 5px;
}

#card-flip-slider .showBox>.current .page:hover .background {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

#card-flip-slider .page>.background {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: .35s;
    -ms-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
}

img {
    vertical-align: middle;
    border: 0;
}

#card-flip-slider .showBox>.future0 {
    z-index: 2;
    -webkit-transform: translateX(34%) perspective(1000px) rotateY(-50deg) scale(.9);
    -ms-transform: translateX(34%) perspective(1000px) rotateY(-50deg) scale(.9);
    -moz-transform: translateX(34%) perspective(1000px) rotateY(-50deg) scale(.9);
    -o-transform: translateX(34%) perspective(1000px) rotateY(-50deg) scale(.9);
    transform: translateX(34%) perspective(1000px) rotateY(-50deg) scale(.9);
    -webkit-transform-origin: calc(100% - 1px);
    -ms-transform-origin: calc(100% - 1px);
    -moz-transform-origin: calc(100% - 1px);
    -o-transform-origin: calc(100% - 1px);
    transform-origin: calc(100% - 1px);
    opacity: .4;
}

#card-flip-slider .page>.background.blur {
    top: -3px;
    left: -3px;
    width: -webkit-calc(100% + 6px);
    width: -ms-calc(100% + 6px);
    width: -o-calc(100% + 6px);
    width: -moz-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: -ms-calc(100% + 6px);
    height: -o-calc(100% + 6px);
    height: -moz-calc(100% + 6px);
    height: calc(100% + 6px);
    -webkit-filter: blur(3px) brightness(.8);
    filter: blur(3px) brightness(.8);
}

#card-flip-slider .showBox>.future1 {
    z-index: 1;
    -webkit-transform: translateX(48%) perspective(1000px) rotateY(-50deg) scale(.8);
    -ms-transform: translateX(48%) perspective(1000px) rotateY(-50deg) scale(.8);
    -moz-transform: translateX(48%) perspective(1000px) rotateY(-50deg) scale(.8);
    -o-transform: translateX(48%) perspective(1000px) rotateY(-50deg) scale(.8);
    transform: translateX(48%) perspective(1000px) rotateY(-50deg) scale(.8);
    -webkit-transform-origin: calc(100% - 1px);
    -ms-transform-origin: calc(100% - 1px);
    -moz-transform-origin: calc(100% - 1px);
    -o-transform-origin: calc(100% - 1px);
    transform-origin: calc(100% - 1px);
    opacity: 0;
    visibility: hidden;
}

#card-flip-slider .showBox>.past1 {
    z-index: 1;
    -webkit-transform: translateX(-48%) perspective(1000px) rotateY(50deg) scale(.8);
    -ms-transform: translateX(-48%) perspective(1000px) rotateY(50deg) scale(.8);
    -moz-transform: translateX(-48%) perspective(1000px) rotateY(50deg) scale(.8);
    -o-transform: translateX(-48%) perspective(1000px) rotateY(50deg) scale(.8);
    transform: translateX(-48%) perspective(1000px) rotateY(50deg) scale(.8);
    -webkit-transform-origin: 1px;
    -ms-transform-origin: 1px;
    -moz-transform-origin: 1px;
    -o-transform-origin: 1px;
    transform-origin: 1px;
    opacity: 0;
    visibility: hidden;
}

#card-flip-slider .showBox>.past0 {
    z-index: 2;
    -webkit-transform: translateX(-34%) perspective(1000px) rotateY(50deg) scale(.9);
    -ms-transform: translateX(-34%) perspective(1000px) rotateY(50deg) scale(.9);
    -moz-transform: translateX(-34%) perspective(1000px) rotateY(50deg) scale(.9);
    -o-transform: translateX(-34%) perspective(1000px) rotateY(50deg) scale(.9);
    transform: translateX(-34%) perspective(1000px) rotateY(50deg) scale(.9);
    -webkit-transform-origin: 1px;
    -ms-transform-origin: 1px;
    -moz-transform-origin: 1px;
    -o-transform-origin: 1px;
    transform-origin: 1px;
    opacity: .4;
}

#card-flip-slider>.navigator .prev {
    left: 0;
    padding-left: -webkit-calc(4% - 20px);
    padding-left: -ms-calc(4% - 20px);
    padding-left: -o-calc(4% - 20px);
    padding-left: -moz-calc(4% - 20px);
    padding-left: calc(4% - 20px);
}

#card-flip-slider>.navigator .next, #card-flip-slider>.navigator .prev {
    position: absolute;
    top: 76px;
    height: 230px;
    width: 25%;
    z-index: 4;
    cursor: pointer;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: hsla(0,0%,100%,.35);
    font-size: 24px;
}

#card-flip-slider>.navigator .next:hover i, #card-flip-slider>.navigator .prev:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

#card-flip-slider>.navigator .prev i {
    -webkit-transform: translateX(30px) scale(.8);
    -ms-transform: translateX(30px) scale(.8);
    -moz-transform: translateX(30px) scale(.8);
    -o-transform: translateX(30px) scale(.8);
    transform: translateX(30px) scale(.8);
}

#card-flip-slider>.navigator .next i, #card-flip-slider>.navigator .prev i {
    opacity: 0;
    -webkit-transition: opacity .5s,transform 0s .5s;
    -ms-transition: opacity .5s,transform 0s .5s;
    -moz-transition: opacity .5s,transform 0s .5s;
    -o-transition: opacity .5s,transform 0s .5s;
    transition: opacity .5s,transform 0s .5s;
}

#card-flip-slider>.navigator .next i:before, #card-flip-slider>.navigator .prev i:before {
    display: block;
    -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.2), 0 1px 1px hsla(0,0%,100%,.1);
    -ms-box-shadow: inset 0 5px 5px rgba(0,0,0,.2), 0 1px 1px hsla(0,0%,100%,.1);
    -moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.2), 0 1px 1px hsla(0,0%,100%,.1);
    -o-box-shadow: inset 0 5px 5px rgba(0,0,0,.2), 0 1px 1px hsla(0,0%,100%,.1);
    box-shadow: inset 0 5px 5px rgba(0,0,0,.2), 0 1px 1px hsla(0,0%,100%,.1);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

#card-flip-slider>.navigator .next {
    right: 0;
    justify-content: flex-end;
    padding-right: -webkit-calc(4% - 20px);
    padding-right: -ms-calc(4% - 20px);
    padding-right: -o-calc(4% - 20px);
    padding-right: -moz-calc(4% - 20px);
    padding-right: calc(4% - 20px);
}

#card-flip-slider>.navigator .next i {
    -webkit-transform: translateX(-30px) scale(.8);
    -ms-transform: translateX(-30px) scale(.8);
    -moz-transform: translateX(-30px) scale(.8);
    -o-transform: translateX(-30px) scale(.8);
    transform: translateX(-30px) scale(.8);
}

#card-flip-slider>.anchor {
    padding: 11px 5px;
    white-space: nowrap;
    overflow: hidden;
    z-index: 4;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

#card-flip-slider>.anchor div.active {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #4d5361, 0 2px 4px rgba(0,0,0,.2), inset 0 -3px 3px #b5b9c2;
    -ms-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #4d5361, 0 2px 4px rgba(0,0,0,.2), inset 0 -3px 3px #b5b9c2;
    -moz-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #4d5361, 0 2px 4px rgba(0,0,0,.2), inset 0 -3px 3px #b5b9c2;
    -o-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #4d5361, 0 2px 4px rgba(0,0,0,.2), inset 0 -3px 3px #b5b9c2;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #4d5361, 0 2px 4px rgba(0,0,0,.2), inset 0 -3px 3px #b5b9c2;
}

#card-flip-slider>.anchor div {
    cursor: pointer;
    display: inline-block;
    margin-top: 2px;
    width: 7px;
    height: 7px;
    margin-left: 5px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.5), 0 1px hsla(0,0%,100%,.1);
    -ms-box-shadow: inset 0 2px 4px rgba(0,0,0,.5), 0 1px hsla(0,0%,100%,.1);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.5), 0 1px hsla(0,0%,100%,.1);
    -o-box-shadow: inset 0 2px 4px rgba(0,0,0,.5), 0 1px hsla(0,0%,100%,.1);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.5), 0 1px hsla(0,0%,100%,.1);
    -webkit-transition: .35s;
    -ms-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
}

@media (max-width: 479px), (max-width: 767px) and (min-width: 480px) {
.pf_slider {
    height: 242px;
}
}

@media (max-width: 479px), (max-width: 767px) and (min-width: 480px) {
#card-flip-slider {
    height: 242px;
}
}

@media (max-width: 479px), (max-width: 767px) and (min-width: 480px) {
#card-flip-slider .page {
    height: 110px;
    padding: 0 15px;
    justify-content: center;
}
}

@media (max-width: 479px), (max-width: 767px) and (min-width: 480px) {
#card-flip-slider .page>.title {
    font-size: 14px;
    text-align: center !important;
}
}

@media (max-width: 479px), (max-width: 767px) and (min-width: 480px) {
#card-flip-slider .page>.category, #card-flip-slider .page>.post-thumbnail {
    display: none;
}
}

@media (max-width: 479px), (max-width: 767px) and (min-width: 480px) {
#card-flip-slider>.navigator .next, #card-flip-slider>.navigator .prev {
    height: 110px;
}
}

@media (max-width: 479px), (max-width: 767px) and (min-width: 480px) {
#card-flip-slider>.navigator .next i, #card-flip-slider>.navigator .prev i {
    display: none;
}
}

@media (max-width: 991px) and (min-width: 768px), (max-width: 1199px) and (min-width: 992px) {
.pf_slider {
    height: 302px;
}
}

@media (max-width: 991px) and (min-width: 768px), (max-width: 1199px) and (min-width: 992px) {
#card-flip-slider {
    height: 302px;
}
}

@media (max-width: 991px) and (min-width: 768px), (max-width: 1199px) and (min-width: 992px) {
#card-flip-slider .page {
    height: 172px;
    padding-right: 96px;
}
}

@media (max-width: 991px) and (min-width: 768px), (max-width: 1199px) and (min-width: 992px) {
#card-flip-slider .page>.title {
    font-size: 17px;
}
}

@media (max-width: 991px) and (min-width: 768px), (max-width: 1199px) and (min-width: 992px) {
#card-flip-slider>.navigator .next, #card-flip-slider>.navigator .prev {
    height: 172px;
}
}

#card-flip-slider .page>.title {
    text-align: left;
}

/*主导航菜单背景色相关CSS代码*/
/*@media screen and (min-width: 580px) {
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
}*/

/*首页侧边栏区域相关CSS代码*/
@media (min-width: 768px) {
.sidebarright#sidebar-section-float {
    padding-top: 0;
}
}

.sidebarright .section-title {
    font-size: 20px;
}

@media screen and (max-width:991px) {
    .sidebarright#sidebar-section-float4 {
        padding-top: 15px;
    }
}

/*移动设备端导航菜单相关CSS代码*/
@media only screen and (max-width: 1024px) and (min-width: 200px) {
.container > .navbar-header {
background: #fff;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.navbar-header {
    float: unset !important;
}
}

@media (min-width: 1025px) {
.navbar-header {
    float: left;
}
}

/*@media (min-width: 768px) and (max-width: 1024px) {
.navbar-collapse.collapse.navbar-collapse {
    display: none !important;
}
}*/

@media (min-width: 1025px) {
.navbar-collapse.collapse {
    display: block !important;
}
}

@media only screen and (max-width: 1024px) and (min-width: 200px) {
#top-menu-search {
    display: none;
}
}

/*公司动态页面在移动设备端超过宽度，设置相关CSS*/
/*.site-content {
    overflow: hidden;
}*/

.rowtao:before, .rowtao:after {
    content: "";
    display: table;
    clear: both;
}

#ycnews .thumbnail_box .thumbnail, .side-img .thumbnail_box .thumbnail, #card .thumbnail_box .thumbnail {
    padding-bottom: 100%;
    position: relative;
    padding-top: 0;
    border: none;
}

.rowtao .thumbnail_box .thumbnail, #recentpostsfour .thumbnail_box .thumbnail, #hotpostsfour .thumbnail_box .thumbnail {
    /* padding-bottom: 60%; */
    position: relative;
    padding-top: 0;
    border: none;
}

.rowtao .thumbnail_box .thumbnail img, #recentpostsfour .thumbnail_box .thumbnail img, #hotpostsfour .thumbnail_box .thumbnail img {
    object-fit: cover;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

img.home-thumb.companynews, .side-img img.home-thumb, .thumbnail_box .thumbnail img.product-pic {
    object-fit: cover;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important
}

#list .thumbnail_box .thumbnail {
    /* padding-bottom: 0; */
    position: relative;
    padding-top: 0;
    border: none;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    background: 0;
    padding-bottom: 100%;
}

#list .thumbnail_box .thumbnail img {
    object-fit: cover;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background: #fff;
}

.stock-price .entry-header .entry-title {
    margin: 8px 0 2px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #2a2e34;
    height: 40px;
    overflow: hidden;
    height: 100%;
    margin: 0;
}

.stock-price .entry-header .entry-title a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*结算页复选框显示位置相关CSS代码*/
.checkbox input[type="checkbox"] {
position: inherit;
margin-left: 0;
}

/*首页化工中间体分类相关CSS代码*/
@media screen and (min-width: 581px) {
.line-one-thumbnail:nth-child(2) {
    display: none;
}
}

/*产品展示页切换按钮在小屏幕上显示相关CSS代码*/
/*@media screen and (max-width: 427px) {
.display-switcher>.menu {
    width: 100%;
}
}*/

#postcard, #card {
    clear: both;
}

/*产品展示页及各分类页标题相关CSS代码*/
.postcard .entry-header .entry-title, .card .entry-header .entry-title, .card_display_area .entry-header .entry-title {
    margin: 5px 0 5px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #2a2e34;
    overflow: hidden;
    height: 40px;
    margin-left: -5px !important;
}

.postcard .entry-header .entry-title > a, .card .entry-header .entry-title > a, .card_display_area .entry-header .entry-title a {
    border-left: 2px solid;
    padding: 0 5px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*导航菜单栏相关CSS代码*/
@media screen and (min-width: 1025px){
    div#bs-example-navbar-collapse-1 {
    margin-left: -10px;
    margin-right: -10px;
}
}

@media screen and (max-width: 1024px){
ul#menu-main-menu {
    width: 100%;
}
}

/*公司动态，公告文章详情页相关文章区域相关CSS代码*/
@media screen and (min-width: 580px){
ul.related-posts li {
    float: left;
    width: 50%;
    padding-right: 5px;
}

ul.related-posts li:nth-child(2n) {
    padding-right: 0;
}
}

ul.related-posts:before, ul.related-posts:after {
    clear: both;
    content: "";
    display: table;
}

/* 关于我们页面图片展示相关CSS代码 */
.wp-block-gallery .blocks-gallery-item figure {
    padding-bottom: 100%;
    height: 0;
    position: relative;
    height: auto;
}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*关于我们页面相关CSS代码*/
.entry-content section {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* 产品展示页产品区域自适应填满整行相关CSS代码 */
.site-content.wp-block-gallery article {
    /* width: calc((100%)/ 4); */
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

/*页脚区域相关CSS代码*/
.site-footer .textwidget .site-footer-title {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 5px;
    border-bottom: 1px solid #d6dfdf;
    padding: 5px 0;
}

.site-footer .textwidget .site-footer-title:before {
    border-left: 5px solid green;
    padding-left: 10px;
    content: "";
}

.site-footer .textwidget a, .site-footer .textwidget p {
    font-size: 14px;
}

/*.footer-copyright p, .footer-copyright p a {
    font-size: 12px;
    color: #9ca5b2;
}*/

.site-footer .textwidget p br {
    display: inherit;
}

.site-footer .textwidget .contact_us_details p {
    white-space: nowrap;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
}

.site-footer .textwidget .contact_us_details p a:hover {
    color: #31a3dd;
    color: rgba(255, 255, 255, 1);
}

.site-footer .textwidget p a.social.weixin:hover {
    color: #31a3dd;
    color: rgba(255, 255, 255, 1);
}

.site-footer .textwidget .contact_us_details p.wechat_area {
    overflow: visible;
}

/*@media screen and (min-width: 992px) {
    footer.site-info {
        position: relative;
    }

    footer.site-info .col-md-7 {
        padding-bottom: 50px;
        position: unset;
    }

    .footer-copyright {
        position: absolute;
        left: -webkit-calc((100% - 536px)/2);
        left: -o-calc((100% - 536px)/2);
        left: -ms-calc((100% - 536px)/2);
        left: -moz-calc((100% - 536px)/2);
        left: calc((100% - 536px)/2);
    }
}*/

/* 页脚联系我们换成区块CSS 2024.8.14 */
.site-footer .site-footer-title {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 5px;
    border-bottom: 1px solid #d6dfdf;
    padding: 5px 0;
    color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(214, 223, 223, 0.9);
}

.site-footer .site-footer-title:before {
    border-left: 5px solid green;
    padding-left: 10px;
    content: "";
    border-left: 5px solid rgba(0, 128, 0, 0.9);
}

.site-footer .contact_us_details p {
    white-space: nowrap;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.6);
}

.site-footer a, .site-footer  p {
    font-size: 14px;
}

.site-footer p a.social.weixin {
    color: rgba(255, 255, 255, 0.6);
}

.site-footer p a.social.weixin:hover {
    color: rgba(255, 255, 255, 1);
}

.site-footer .contact_us_details p.wechat_area {
    overflow: visible;
}

/* 首页侧边栏站点统计相关CSS代码 */
.counttotals ul {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget.counttotals ul li {
    font-size: 14px;
    color: #666;
    padding: 8px 0;
    width: 50%;
    text-align: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-weight: 600;
}

.widget.counttotals ul li strong {
    color: #555555;
    font-weight: normal;
    color: #333;
    display: block;
    color: #999;
}

/*首页兽用原料区域相关CSS代码*/
.home-blog .post-veterawmaterial .post {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px;
}

.home-blog .post-veterawmaterial .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.post-veterawmaterial .item {
    width: auto;
    height: auto;
    overflow: inherit;
}

.post-veterawmaterial .item .item-inner {
    padding-bottom: 27px;
    background: #fff;
}

.item-inner {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    /* -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.3); */
    /* box-shadow: 0 0 1px 0 rgba(0,0,0,.3); */
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.item-inner:hover {
    -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.15);
    box-shadow: 0 2px 10px 3px rgba(0,0,0,.15);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}

.item-inner .item-img {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: inherit;
}

.post-veterawmaterial .item-inner .item-img img.home-thumb.postcard-pic {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: 0 auto;
}

.item-inner .item-img img.home-thumb.postcard-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.item-inner .item-img span.cat-folder {
    position: absolute;
    left: 10px;
    top: 15px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    background: rgba(0,0,0,.6);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 25px;
}

.item-inner .item-img span.cat-folder a {
    color: #fff;
}

.item-inner .item-img span.cat-folder a:hover {
    border-bottom: 1px solid;
}

.item-inner .item-img span.cat-folder:hover {
    text-decoration: none;
    /* background: #000; */
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.home-blog .post-veterawmaterial .item-inner .entry-header .entry-title {
    margin-left: 0;
}

.item-inner .blog-info .entry-title a {
    text-align: left;
}

.item-inner .metas.summary {
    position: relative;
    font-size: 12px;
    padding: 0 6px 2px 3px;
}

.item-inner .metas.summary .time {
    position: absolute;
    width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-inner .metas.summary .views {
    width: 30%;
    position: absolute;
    left: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
}

.item-inner .metas.summary .comments {
    width: 25%;
    position: absolute;
    left: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
    padding-right: 3px;
    text-align: right;
    colo inherit;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 1199px) {
.metas.summary .time {
    display: none;
}

.item-inner .metas.summary .views {
    width: 50%;
    left: 0;
}

.item-inner .metas.summary .comments {
    width: 50%;
    left: 50%;
}
}

.metas.summary .time, .metas.summary .views, .metas.summary .comments a {
    color: #828282;
    -webkit-transition: .5s;
    transition: .5s;
}

.item-inner:hover .metas.summary .time {
    color: #FE6061;
}

.item-inner:hover .metas.summary .views {
    color: #67c23a;
}

.item-inner:hover .metas.summary .comments {
    color: #20a0ff;
}

.item-inner:hover .metas.summary .comments:hover {
    color: green;
}

.item-inner:hover .metas.summary .comments a {
    color: #20a0ff;
    -webkit-transition: .5s;
    transition: .5s;
}

.item-inner:hover .metas.summary .comments a:hover {
    color: green;
}

/* 搜索结果页图片相关CSS代码 */
.site-content .searchresult {
    margin: 0 -7.5px;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.searchresult:before, .searchresult:after {
    display: table;
    content: "";
    clear: both;
}

.site-content .searchresult .outer-cover {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .site-content .searchresult {
        margin: 0;
    }
    .site-content .searchresult .outer-cover {
        padding: 0;
        margin: 0 2.4vw 2.4vw 0;
        width: calc(50% - 2.4vw);
    }
    .site-content .searchresult .outer-cover:nth-child(2n) {
        margin-right: 0;
    }
    .site-content .searchresult .outer-cover:last-child {
        margin-bottom: 15px;
        margin-right: 0;
    }
}

.site-content .searchresult .thumbnail_box .thumbnail, .site-content.tags .thumbnail_box .thumbnail {
    position: relative;
    padding-bottom: 100%;
    padding-top: 0;
    border: none;
}

.searchresult .paginations {
    padding: 0 7.5px;
}

/*公司公告滚动栏区域相关CSS代码*/
.companynote-box #announcement_box ul li a {
    font-size: 15px;
}

/*woocommerce价格标签的颜色相关CSS代码*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: red !important;
}

.woocommerce-Price-amount.amount {
    color: red;
}

/*图片翻转显示报价信息相关CSS代码*/
.goods_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    height: 22px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.allprice {
    font-size: 13px;
    line-height: 22px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    height: 22px;
    overflow: hidden;
}

.goods-price {
    font-size: 12px;
}

.allprice .goods-price {
    display: inline;
}

.allprice .goods-price span:nth-child(3) {
    display: none;
}

.allprice .pro_price {
    display: none;
    margin-left: 5px;
}

.goods-stock {
    font-size: 12px;
    text-align: center;
    color: #999;
}

.goods_row .goods-stock {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 22px;
    height: 22px;
}

.metas .price {
    line-height: 20px;
}

.metas .stock {
    font-size: 12px;
    line-height: 20px;
}

/*产品详情页右侧价格信息框相关CSS代码*/
/*.site-content.aligncenter.second .goods-price, .site-content.aligncenter.second .goods-stock {
    font-size: inherit !important;
}*/

/*文章详情页幻灯图片相关CSS代码*/
article:before, article:after {
    content: "";
    display: table;
    clear: both;
}

/*自定义获取最近评论列表相关CSS代码*/
.recent-comments { 
list-style: none; 
font-size: 12px; 
color: #485358; 
}
/*.recent-comments li { 
overflow: hidden; 
padding: 20px 0; 
border-top: 1px dotted #DADEE1; 
}
.recent-comments li:first-child { 
border: 0 none; 
}*/

.recent-comments img {
    float: left;
    margin: 6px 8px 0 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*.recent-comments a { 
display: block; 
margin-top: 10px; 
padding-top: 10px; 
}*/

.widget.recent-comments.newestcomments ul li {
    border-bottom: 1px dashed #dadada;
    line-height: 36px;
}

.widget.newestcomments.recent-comments ul li a:before {
    content: "";
    display: none;
}

.newestcomments.recent-comments a {
    padding-left: 0;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    word-wrap: normal;
}

.widget.recent-comments.newestcomments .author {
    font-weight: bold;
    font-size: 14px;
    color: #485358;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.widget.recent-comments.newestcomments a:hover .author {
    color: #31a3dd;
}

/*评论区输入框相关CSS代码*/
@media screen and (max-width:690px) {
.comment-form .blog-form-group, .comment-form-qq {
    width: 100% !important;
}
}

input[type="name"]:focus {
    border-color: rgba(81, 203, 238, 1);
}

/* 商店产品详情页主图相关CSS代码 */
.woocommerce-product-gallery__image, .woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.product_meta {
    font-size: 12px;
    display: grid;
}

figure.woocommerce-product-gallery__wrapper {
    position: relative;
    overflow: hidden;
}

.woocommerce div.product div.images img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*公司动态相关文章区域相关CSS代码*/
ul.related-posts li span {
    vertical-align: middle;
    float: left;
    padding-right: 3px;
    line-height: 27px;
}

ul.related-posts li a {
    color: #707981;
    font-size: 16px;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

ul.related-posts li a:hover {
    color: #31a3dd;
}

/** 产品详情页相关标题显示相关CSS代码 */
.product_details {
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 5px 5px;
}

.thumbnail.products_two {
    margin: 0 -5px 6px;
    width: auto;
    height: auto;
    border: none;
}

.description_details, .related_products_two, .comment-title h3, .relatedposts h3, .related-posts-title h3, .up-sells.upsells.products h2:first-child {
    background: #5D74F0;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
    color: #fff;
    display: inline-block;
    padding: 0 35px;
    font-size: 16px;
    line-height: 36px;
    margin-left: -5px !important;
    font-weight: 600;
}

.relatedposts h3, .related-posts-title h3 {
    margin: 0;
}

/*产品详情页相关产品排列相关CSS代码*/
@media screen and (min-width:769px) {
.woocommerce .related.products ul.products.columns-4 li.product, .woocommerce-page .related.products ul.products.columns-4 li.product {
    width: 25%;
    margin: 0;
    padding: 7px;
    margin: 0 1% 5px;
    width: 23%;
    padding: 0;
    border: 0;
}
}

/*文章详情页标签区域相关CSS代码*/
.d_flex {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #333;
    line-height: 35px;
    justify-content: flex-start;
    align-items: baseline;
}

div.posts_tags a {
    margin-right: 3px;
    background: rgba(247,248,255,1);
    -webkit-box-shadow: 0px 0px 4px rgba(93,116,240,1);
    box-shadow: 0px 0px 4px rgba(93,116,240,1);
    border-radius: 3px;
    padding: 4px 10px;
    line-height: 28px;
    color: #192646;
    font-weight: 300;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(0,150,94,.1);
    color: #00965e;
}

.posts_tags a:hover {
    color: #fff;
    background: #3690cf;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #00784b;
    background-color: rgba(0,150,94,.2);
}

.tags.d_flex span {
    background: #5D74F0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
    line-height: 28px;
}

/*产品详情区域内容排版相关CSS代码*/
.products_name {
    font-size: 14px;
    font-weight: bold;
    color: #292826;
    line-height: 180%;
    font-family: "宋体", "微软雅黑", "黑体";
}

.products_img {
    text-align: center;
}

.products_img img {
    display: inline;
}

.products_tit {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    margin: 10px 0;
    line-height: 180%;
    font-family: "宋体", "微软雅黑", "黑体";
}

#tab-description.wc-tab p {
    color: #292826;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", "黑体";font-family: Arial,Helvetica,Verdana,"微软雅黑";
}

#table6 {
    border-collapse: collapse;
    border: 0;
    color: #292826;
    font-size: 12px;
    font-family: "宋体", "微软雅黑", "黑体";
    width: auto;
    margin: 0;
}

#table6 td {
    font-size: 12px;
    padding: 0 2px;
    line-height: 180%;
    text-align: -webkit-center;
    border: 1px #005bac solid;
    text-indent: 10px;
}

/*我的收藏页相关CSS代码*/
.videolisttag span {
    font-size: 12px;
    color: #999;
}

.videolistbox {
    background: #fff;
    display: block;
    border-radius: 3px 3px 0 3px;
}

.videolistbox h3:hover {
    color: green;
}

.videolisttag {
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

img.defaultthumb:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

/*jquery.pages.js相关CSS代码*/
#pages_plugin, #pagestwo_plugin, #pagesthree_plugin{
	font-family:"微软雅黑";
	font-size:13px;
}
#pages_plugin th, #pagestwo_plugin th, #pagesthree_plugin th{
	font-weight:400;
        padding: 5px 0 0 0;
        border: none;
}
/*#pages_plugin .row:before{
	content:" ";
	display:table;
}
#pages_plugin .row:after{
	content:" ";
	display:table;
}
*:before{
	box-sizing:border-box;	
}*/
#pages_plugin .col-sm-6, #pagestwo_plugin .col-sm-6, #pagesthree_plugin .col-sm-6{
	float:left;
}
#pages_plugin .col-sm-6, #pagestwo_plugin .col-sm-6, #pagesthree_plugin .col-sm-6{
	width:50%;
}
#pages_plugin .dataTables_paginate, #pagestwo_plugin .dataTables_paginate, #pagesthree_plugin .dataTables_paginate{
	/*padding:15px;
	float:right;*/
        text-align: center;
        line-height: 36px;
    display: block;
}
#pages_plugin .dataTables_info, #pagestwo_plugin .dataTables_info, #pagesthree_plugin .dataTables_info{
	/*padding:15px;*/
	padding: 4px 8px;
        background: #fff;
        margin-bottom: 5px;
        text-align: center;
        border-radius: 3px;
}
#pages_plugin .dataTables_paginate a, #pagestwo_plugin .dataTables_paginate a, #pagesthree_plugin .dataTables_paginate a{
	color:#3A5A7A;
	text-decoration:none;
}
#pages_plugin .dataTables_paginate .paginate_button,.dataTables_paginate .paginate_active, #pagestwo_plugin .dataTables_paginate .paginate_button, #pagesthree_plugin .dataTables_paginate .paginate_button{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #DDDDDD;
	border-image: none;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	cursor: pointer;
	outline: 0 none;
	padding: 6px 10px;
}
#pages_plugin .paginate_button.first, #pagestwo_plugin .paginate_button.first, #pagesthree_plugin .paginate_button.first{
	border-radius:3px 0px 0px 3px;
}
#pages_plugin .paginate_button.last, #pagestwo_plugin .paginate_button.last, #pagesthree_plugin .paginate_button.last{
	border-radius:0px 3px 3px 0px;
	border-right-width:1px;
}
#pages_plugin .dataTables_paginate .paginate_active, #pagestwo_plugin .dataTables_paginate .paginate_active, #pagesthree_plugin .dataTables_paginate .paginate_active{
	/*background-color:#F5F5F5;*/
    background-color: green;
    color: #fff;
}
#pages_plugin .dataTables_paginate .paginate_button_disabled, #pagestwo_plugin .dataTables_paginate .paginate_button_disabled, #pagesthree_plugin .dataTables_paginate .paginate_button_disabled{
	background-color: #FAFAFA;
	color: #CCCCCC;
}

/*我的收藏页相关CSS代码*/
table#my_favourites td {
    float: left;
    border: none;
    padding: 0;
}
table#my_favourites {
    /*border: none;*/
    margin-bottom: 0;
    border-radius: 3px;
    border-collapse: inherit;
    padding: 0;
}

table#my_favourites tr {
    margin-top: 15px;
    padding: 0 5px;
}

.pages_daohang:before, .pages_daohang:after {
    content: "";
    display: table;
    clear: both;
}

.pages_daohang {
    margin: 15px 0;
    padding: 0 5px;
}

.posteditbutton.shoucang {
    color: #707981;
    font-size: 12px;
}

.posteditbutton.shoucang:hover {
    color: #fff;
}

.posteditbutton.shoucang::before {
    margin-right: 3px;
}

/*公司相册相关CSS代码*/
table#foodadditive_album, table#pharmaraw_album, table#intermediate_album, table#veterinaryraw_album, table#pharmaintermediate_album, table#feedadditive_album, table#agriculturalraw_album {
    border-radius: 3px;
    border-collapse: inherit;
    padding: 0 0 8px 0;
    margin: 0;
}

table#foodadditive_album tr, table#pharmaraw_album tr, table#intermediate_album tr, table#veterinaryraw_album tr, table#pharmaintermediate_album tr, table#feedadditive_album tr, table#agriculturalraw_album tr {
    width: 20%;
    float: left;
}

@media screen and (max-width:500px){
table#foodadditive_album tr, table#pharmaraw_album tr, table#intermediate_album tr, table#veterinaryraw_album tr, table#pharmaintermediate_album tr, table#feedadditive_album tr, table#agriculturalraw_album tr {
    width: 25%;
}	
}

table#foodadditive_album td, table#pharmaraw_album td, table#intermediate_album td, table#veterinaryraw_album td, table#pharmaintermediate_album td, table#feedadditive_album td, table#agriculturalraw_album td {
    padding: 0;
    padding-bottom: 100%;
    height: 0;
    position: relative;
    display: block;
    border: none;
}

table#foodadditive_album img, table#pharmaraw_album img, table#intermediate_album img, table#veterinaryraw_album img, table#pharmaintermediate_album img, table#feedadditive_album img, table#agriculturalraw_album img {
    border-radius: 12px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
}

table tfoot#pages_plugin tr {
    float: none;
}

.company_album h4 {
    background: #fff;
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 8px;
}

.company_album h4 i {
    padding: 0 5px;
    color: #644aec;
}

/*侧边栏相关CSS代码*/
aside.sidebar-widget.widget:before, aside.sidebar-widget.widget:after {
    display: table;
    content: "";
    clear: both;
}

.input-group input.query {
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    width: 100%;
    height: 46px;
    padding-left: 24px;
}

.search-button-custom {
    display: inline-block;
    padding: 12px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #51aded;
    border-color: #51aded;
    position: relative;
    border-radius: 0 3px 3px 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

button.search-button.search-button-custom:hover {
    background-color: #64b9f5;
    border-color: #64b9f5;
}

button.search-button.search-button-custom .fa.fa-search {
    color: #fff;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.input-group .query:focus, .input-group .query:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    border-color: rgba(81, 203, 238, 1);
}

.proposal-box {
    position: absolute;
    height: auto;
    border-left: 1px solid rgba(0, 0, 0, 0.11);
    border-right: 1px solid rgba(0, 0, 0, 0.11);
    left: 0px;
    width: 100%;
    background: #fff;
    z-index: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 50px;
}

.autocomplete-button {
    display: none;
    height: 32px;
    line-height: 32px;
}

div#message {
    display: none;
}

/*新建文章归档页面相关CSS代码*/
div#archives {
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    -webkit-box-shadow:ow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

/** 分页按钮相关CSS代码 */
.paginations:before, .paginations:after {
    content: "";
    clear: both;
    display: table;
}

.paginations .nav_wrap .total, .paginations .nav_wrap .goto, .paginations .nav_wrap .page-nav {
    display: inline-block;
}

.paginations .nav_wrap .total {
    margin-right: 3px;
    margin-left: 8px;
}

.paginations .nav_wrap .goto {
    margin-right: 3px;
    margin-bottom: 8px;
}

.paginations a.go_btn {
    margin: 5px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e8efef;
    line-height: 33px;
    height: 33px;
    font-size: 12px;
    padding: 0 10px;
}

.paginations a.go_btn:hover {
    background-color: #31a3dd;
}

.paginations a, .paginations .page-numbers {
    border-radius: 3px;
    padding: 10px;
    font-size: 13px;
    margin: 8px 2px;
    line-height: 1;
    min-width: 33px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: none;
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.paginations .page-numbers.current, .paginations a:hover, .paginations a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-numbers.first, .page-numbers.prev, .page-numbers.next, .page-numbers.last {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*提交评论按钮相关CSS代码*/
#blogdetail-btn:hover {
    background-color: #3da9f5;
    box-shadow: 0 3px 0 0 #3da9f5;
    -webkit-box-shadow: 1px 2px 4px black;
    box-shadow: 1px 2px 4px black;
}

/*产品详情页图片区域多图片的相关CSS代码*/
.woocommerce div.product div.images .flex-control-thumbs li:first-child img {
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.woocommerce div.product div.images .flex-control-thumbs li:last-child img {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n) img {
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) img {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*highslide图片展开后相关CSS代码*/
img.highslide-image {
    -webkit-border-radius: 3px;
    border-radius: 3px
}

/*评论回复按钮相关CSS代码*/
.reply a {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*首页产品系列区域相关CSS代码*/
#idxshopunset ul:before, #idxshopunset ul:after {
    content: "";
    display: table;
    clear: both;
}

/*评论区相关CSS代码*/
@media screen and (min-width:600px){
/** .comment-box.depth-2:before, .comment-box.depth-3:before, .comment-box.depth-4:before, .comment-box.depth-5:before {
    content: '';
    position: absolute;
    left: 80px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #80808030;
} */
.comment-box.depth-3 {
    /** margin-left: 121px !important;
    border-left: 1px solid #80808030; */
    margin-top: -40px !important;
}
.comment-box.depth-4 {
    /** margin-left: 182px !important;
    border-left: 1px solid #80808030; */
    margin-top: -40px !important;
}
.comment-box.depth-5 {
    /** margin-left: 243px !important;
    border-left: 1px solid #80808030; */
    margin-top: -40px !important;
}
/** .comment-section .media-body {
    padding-left: 10px;
} */
}

/** @media screen and (max-width: 480px){
.comment-box.depth-2 .media-body, .comment-box.depth-3 .media-body, .comment-box.depth-4 .media-body, .comment-box.depth-5 .media-body {
    margin-top: -80px;
    margin-left: 60px;
}
} */

@media screen and (max-width: 200px){
.pull-left-comment {
    float: none;
}
}

/*网站地图最新文章列表分页栏相关CSS代码*/
.paginations .wp-pagenavi {
    padding-bottom: 0;
}

.paginations .wp-pagenavi a:hover {
    color: #fff;
    border-color: #31a3dd;
}

.paginations .wp-pagenavi .pages, .paginations .wp-pagenavi .extend, .paginations .wp-pagenavi .current {
    border-radius: 3px;
    display: inline-block;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    margin: 0 2px 13px;
    padding: 9px 18px;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0 3px 0 #c5cece;
    -ms-box-shadow: 0 3px 0 #c5cece;
    -moz-box-shadow: 0 3px 0 #c5cece;
    -o-box-shadow: 0 3px 0 #c5cece;
    box-shadow: 0 3px 0 #c5cece;
}

#container.main:before, #container.main:after {
    content: "";
    display: table;
    clear: both;
}
#container .item {
    float: left;
    /* border: 1px solid grey; */
    padding: 4px;
    text-align: center;
    overflow: hidden;
    width: 25%;
}
@media screen and (max-width:600px){
#container .item {
    width: 50%;
}
#container .item:nth-child(2n+1) {
    padding-left: 0;
}
#container .item:nth-child(2n) {
    padding-right: 0;
}
}
#container .item:nth-child(4n+1) {
    padding-left: 0;
}
#container .item:nth-child(4n) {
    padding-right: 0;
}
#container .item .item_inside {
    border: 1px solid grey;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#container.main .item_inside a {
    font-family: 'Lato', Sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #707981;
    white-space: nowrap;
    padding: 3px;
}
#container.main .item_inside a:hover {
    color: #08d;
}
.ias-trigger.ias-trigger-next:before, .ias-trigger.ias-trigger-next:after {
    content: "";
    clear: both;
    display: table;
}
.ias-trigger.ias-trigger-next a {
    background-color: #e8efef;
    /* box-shadow: 0 3px 0 #c5cece; */
    color: #2a2e34;
    cursor: pointer;
    display: inline-block;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    /* margin: 0 2px 13px; */
    padding: 9px 18px;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
    margin-top: 9px;
}
#content .ias-trigger.ias-trigger-next a:hover {
    color: #fff;
    background: #31a3dd;
}

/*标签云相关CSS代码*/
.tagcloud_container_outer {
    float: left;
}

.textwidget .tagcloud_container {
    padding: 5px;
}

/*自定义文章归档页面相关CSS代码*/
#archives {
    position: relative;
    /*top: -60px;
    left: 150px;*//*原文这两行代码就是影响我最上面“全部展开/收缩”效果的，我删除了这个*/
}
 
#archives h3 {
    margin-bottom: 0;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;/*这个字体大小和下面的我都做了一些修改*/
    font-weight: 400;
    text-align: center;
    letter-spacing: 5px
}
 
#archives ul {
    list-style: none;
    margin: 0 30px;
    padding: 10px 0 20px 10px;
    border-left: 1px solid #ddd;
    font-size: 18px
}
 
#archives li {
    list-style: none;/*这一行代码是我自己添加的，不加这个就会出现ul标签前面的黑色小方块，很难看*/
    position: relative;
    line-height: 30px
}
 
#archives ul ul {
    margin: -15px 0 0 0;
    padding: 15px 0 10px 0
}
 
#archives ul ul li {
    padding: 0 0 0 15px
}
 
#archives ul ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border-top: 5px dashed transparent;
    border-bottom: 5px dashed transparent;
    border-left: 10px solid #ddd
}
 
#al_expand_collapse, #al_expand_collapse_close {
    display: inline-block;
    line-height: 24px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    background: linear-gradient(to bottom, #4caf50 20%, #388e3c 80%) repeat scroll 0 0 transparent;/*这个颜色和下面的我都做了一些修改*/
    background: -webkit-linear-gradient(to bottom, #4caf50 20%, #388e3c 80%) repeat scroll 0 0 transparent;
    border-radius: 3px;
}
 
#al_expand_collapse:hover, #al_expand_collapse_close:hover {
    background: linear-gradient(to bottom, #388e3c 20%, #4caf50 80%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(to bottom, #388e3c 20%, #4caf50 80%) repeat scroll 0 0 transparent
}
 
#archives em {
    padding-left: 5px;
    font-size: 12px;
    color: #777;
    font-style: normal;
}
 
#archives .al_mon {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 700
}
 
#archives .al_mon:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 20px;
    width: 10px;
    height: 1px;
    background: #ddd
}
 
#archives .al_mon em {
    font-size: 12px;
    font-weight: 400
}

#archives .al_post_list li em {
    font-size: 14px;
}

#archives .al_post_list li {
    color: #292826;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", "黑体";
    font-family: Arial,Helvetica,Verdana,"微软雅黑";
}

#archives .al_post_list li a {
    color: #292826;
    color: green;
    font-size: 14px;
}

#archives .al_post_list li a:hover {
    color: #31a3dd;
}

#archives p:first-child {
    padding: 5px 0 10px 0;
}

.textwidget #archives .al_post_list li a:before {
    content: "";
    margin-right: 0;
}

.textwidget #archives .al_post_list li a {
    margin-left: 0;
    padding-left: 0;
}

.textwidget #archives {
    padding-top: 0;
}

/*侧边栏近期产品/热门产品区域相关CSS代码*/
#recentposts .row:first-child, #hotposts .row:first-child {
    padding-top: 15px;
}

/*产品展示页切换按钮相关CSS代码*/
.card.isactive .fa-th:before, .list.isactive .fa-list:before, .postcard.isactive .fa-th-large:before {
    -webkit-transition: .35s;
    -ms-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    color: #2a2e34;
}

/* 首页农用原料展示区域图片区相关CSS代码 */
.showBox.two {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.thumbnail_box:hover .thumbnail .showBox {
    opacity: 1;
}

.showBoxLink {
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    width: 95%;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 0.5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.showBoxLink:hover {
    color: yellow;
}

.thumbnail_box:hover .thumbnail .showBox .showBoxLink:before,.thumbnail_box:hover .thumbnail .showBox .showBoxLink:after {
    width: 1rem;
}

.thumbnail_box .thumbnail .showBox .showBoxLink:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.thumbnail_box .thumbnail .showBox .showBoxLink:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

/*文章详情区域相关CSS代码*/
.content_details {
    padding: 15px 0;
    position: relative;
}

.content_details table td {
    font-size: 13px;
}

.content_details .para-title {
    display: block;
    border-left: 6px solid #4F9CEE;
    /* background: url(/wp-content/themes/elitepress/images/paraTitle-line.png); */
    position: relative;
    margin: 1em 0;
}

.content_details .para-title:after, .content_details .para-title:before {
    content: '\0020';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.content_details h1.text_title {
    /* float: left; */
    /* display: block; */
    color: #111;
    background: #fff;
    padding: 0 8px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    /* display: inline-block; */
    /* vertical-align: middle; */
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.content_details h1.text_title:after {
    content: "";
    height: 1px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background: #ccc;
    margin-left: .5rem;
    -webkit-box-shadow: 0 1px #eee;
    box-shadow: 0 1px #eee;
}

.content_details h2.text_title {
    color: #999;
    margin: 1em 0 0 0;
    font-size: 16px;
    line-height: 20px;
}

.content_details h3 {
    font-size: 16px;
}

.content_details p {
    text-indent: 2em;
    font-family: Arial,Helvetica,Verdana,"微软雅黑";
    padding: 5px 0;
    color: #333;
}

.content_details table p {
    text-indent: 0;
    padding: 0;
}

/* 产品展示页相关CSS代码 */
.card#card, .list#list, .postcard#postcard {
    margin: 0 -7.5px;
}

@media (max-width:991px) {
    .list#list {
        margin: 0 -5px 0 0;
    }
}

div#card article, div#list article, .searchresult .outer-cover article, #cat_related article, .site-content .outer-cover article {
    -webkit-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,all .5s ease 0s;
    -ms-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,all .5s ease 0s;
    -moz-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,all .5s ease 0s;
    -o-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,all .5s ease 0s;
    transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s,all .5s ease 0s;
    border-radius: 5px;
}

div#card article:hover, div#list article:hover, .searchresult .outer-cover article:hover, #cat_related article:hover, .site-content .outer-cover article:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

/*@media screen and (min-width: 992px) {
.list .outer_box:nth-child(2n+1) {
    padding-left: 0;
}
}*/

@media screen and (max-width: 991px) {
.list .outer_box {
    padding: 0;
    padding-right: 5px;
}
}

div#list article {
    padding: 0;
}

.site-content article.post header.entry-header {
    margin-bottom: 0;
}

.list .outer_box, .card .outer-cover {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.site-content-details:before, .site-content-details:after {
    content: "";
    display: table;
    clear: both;
}

.site-content .outer-cover {
    margin-bottom: 15px;
}

.site-content .outer-cover article {
    padding: 0;
    border: none;
    margin-bottom: 0;
    background: 0;
}

.site-content .outer-cover article .thumbnail.firstone {
    width: auto;
    height: auto;
    margin-bottom: 0;
    border: 0;
    padding: 0;
    background: 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.site-content .outer-cover article .thumbnail.firstone .thumbnail {
    padding-bottom: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: 0;
    margin-bottom: 0;
}

.site-content .outer-cover article .thumbnail.firstone .thumbnail img.product-pic {
    border-radius: 4px;
    margin: 0 auto;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #fff;
}

.site-content .firstone .entry-header .entry-title {
    margin-left: -4px !important;
}

.site-content .firstone .entry-header .entry-title a {
    border-left: 2px solid;
    display: block;
    padding: 0 5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.thumbnail_tag {
    position: absolute;
    background: #0000006b;
    top: 3px;
    left: 3px;
    border-radius: 3px;
    padding: 1px 3px;
    color: #fff;
    font-size: 12px;
}

.recommended_tag {
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 3px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    background: #ff6200c2;
    background-color: rgba(255, 98, 0, .7);
    /* line-height: 22px; */
    font-weight: bold;
}

.recommended_tag.details_title {
    position: relative;
    top: -1.5em;
    padding: 3px 6px;
}

#content article:hover .firstone {
    -webkit-transform: translateY(-2%);
    -ms-transform: translateY(-2%);
    -moz-transform: translateY(-2%);
    -o-transform: translateY(-2%);
    transform: translateY(-2%);
    -webkit-box-shadow: 1px 4px 10px 2px #CCC;
    -ms-box-shadow: 1px 4px 10px 2px #CCC;
    -moz-box-shadow: 1px 4px 10px 2px #CCC;
    -o-box-shadow: 1px 4px 10px 2px #CCC;
    box-shadow: 1px 4px 10px 2px #CCC;
}

#content article .firstone {
    -webkit-transition: box-shadow .4s,transform .4s;
    -ms-transition: box-shadow .4s,transform .4s;
    -moz-transition: box-shadow .4s,transform .4s;
    -o-transition: box-shadow .4s,transform .4s;
    transition: box-shadow .4s,transform .4s;
}

/*商店展示页相关CSS代码*/
.woocommerce .woocommerce-ordering select.orderby {
    border-radius: 3px;
}

.woocommerce ul.products li.product {
    -webkit-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -ms-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -moz-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -o-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
}

@media screen and  (min-width:769px) {
    .woocommerce ul.products li.product {
        width: 23%;
        margin: 0 1.33333333% 15px 1.33333333%;
    }

    .woocommerce ul.products li.first {
        margin-left: 0;
    }

    .woocommerce ul.products li.last {
        margin-right: 0;
    }
}

.woocommerce ul.products li.product:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.woocommerce .related.products ul.products li.product {
    border: 2px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.woocommerce .related.products ul.products li.product:hover {
    border: 0;
    -webkit-box-shadow: 0px 0px 10px #0000006e;
    box-shadow: 0px 0px 10px #0000006e;
}

/*公司动态，公司公告列表展示页相关CSS代码*/
.rowtao {
    -webkit-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -ms-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -moz-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -o-transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    transition: transform .5s cubic-bezier(.3,1.5,.5,1),background-color .1s;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    padding: 5px;
    margin: -5px -5px 5px;
    padding: 0;
}

.rowtao:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.rowtao .entry-img {
    padding: 0;
}

.rowtao .entry-img .thumbnail_box .thumbnail {
    margin-bottom: 0;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

@media (max-width:768px) {
    .rowtao .entry-img .thumbnail_box .thumbnail {
        padding-bottom: 119px;
    }
}

@media (min-width:768px) {
    .rowtao .entry-img .thumbnail_box .thumbnail {
        padding-bottom: 162px;
    }
}

.rowtao .entry-img .thumbnail_box .thumbnail a img {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.rowtao .entry-header {
    padding: 5px 5px 0;
}

/*顶部页眉区域和横幅显示相关CSS代码*/
@media screen and (max-width:991px) {
.page-title-section {
    display: none;
}
#top-header-sidebar-left aside .textwidget p,#top-header-sidebar-right aside .textwidget p {
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}

/*面包屑导航相关CSS代码*/
.display-switcher #weizhi {
    /*float: left;*/
    margin: 0 5px 0 0;
    padding: 0;
    background: inherit;
    overflow: auto;
    white-space: nowrap;
}

.display-switcher #breadcrumbs {
    line-height: 38px;
    padding-left: 5px;
}

@media screen and (max-width:500px){
#weizhi p, #weizhi span {
    font-size: 12px;
}
}

/*我的收藏页相关CSS代码更新*/
.videolistbox {
    height: 65px;
}

.videolistbox .thumbbox {
    float: left;
    margin-right: 3px;
    line-height: 22px;
}

.videolistbox .thumbbox img.defaultthumb {
    height: 100px;
    float: left;
    margin-right: 3px;
    width: 100px;
    object-fit: cover;
    border-radius: 3px;
    -webkit-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

/*返回顶部按钮相关CSS代码*/
@media screen and (max-width:768px){
.hc_scrollup {
    opacity: .5;
    bottom: 0;
    right: 0;
}
}

/*标签页面相关CSS代码*/
/** .site-content.tags {
    margin: 0 -5px;
} */

.site-content.tags .outer-cover article {
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 4px;
}

.site-content.tags .outer-cover article:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

/*导航菜单添加滑动效果相关CSS代码*/
@media screen and (min-width:1025px) {
/* .navbar-nav > li > .dropdown-menu, .dropdown-submenu > .dropdown-menu, .menu > li > ul.sub-menu {
    display: block;
    padding: 0;
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .1s .2s,visibility .1s .3s;
    transition: transform .3s,opacity .1s .2s,visibility .1s .3s;
    transition: transform .3s,opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
} */

.navbar-nav > li > .dropdown-menu, .dropdown-submenu > .dropdown-menu, .menu > li > ul.sub-menu {
    display: block;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    -webkit-transition: .3s,left 0s,width 0s,top 0s;
    -moz-transition: .3s,left 0s,width 0s,top 0s;
    -o-transition: .3s,left 0s,width 0s,top 0s;
    -ms-transition: .3s,left 0s,width 0s,top 0s;
    transition: .3s,left 0s,width 0s,top 0s;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.4);
}

.dropdown-submenu > .dropdown-menu, #menu-product-nav.menu > li > ul.sub-menu {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.navbar-nav > li > .dropdown-menu {
    max-width: 200px;
}

.dropdown.open > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu, .menu > li:hover > ul.sub-menu {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: opacity .1s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .1s;
    transition: transform .3s,opacity .1s;
    transition: transform .3s,opacity .1s,-webkit-transform .3s;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.navbar-default .navbar-nav > .dropdown > a:before, .navbar-default .navbar-nav > .dropdown > a:after {
    opacity: 0;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border: 8px solid transparent;
    content: "";
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.navbar-default .navbar-nav > .dropdown > a:before {
    bottom: 0;
    border-bottom-color: #eee;
}

.navbar-default .navbar-nav > .dropdown > a:after {
    bottom: -1px;
    border-bottom-color: #fff;
}

/**2023.4.25注释掉，换新的显示方法 .navbar-default .navbar-nav > .dropdown.open > a:before, .navbar-default .navbar-nav > .dropdown.open > a:after {
    opacity: 1;
} */

.dropdown-submenu ul.dropdown-menu li:first-child:before, .menu > li > ul.sub-menu li:first-child:before {
    opacity: 0;
    position: absolute;
    /* left: 50%; */
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border: 8px solid transparent;
    content: "";
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-right-color: #fff;
    border-bottom-color: transparent;
    top: 16px;
    margin-left: -16px;
    -webkit-transition: none;
    transition: none;
}

.dropdown-submenu:hover ul.dropdown-menu li:first-child:before, .menu > li:hover > ul.sub-menu li:first-child:before {
    opacity: 1;
}

.sidebar-widget.widget .menu > li.current_page_parent:hover > ul.sub-menu li:first-child:before {
    opacity: 0;
}

.sidebar-widget.widget .menu > li.current_page_parent > ul.sub-menu li.active:first-child:before {
    opacity: 1;
}

.menu > li > ul.sub-menu li:first-child:before {
    top: 10px;
}

.dropdown-submenu.active:hover ul.dropdown-menu li.active:first-child:before {
    border-right-color: #ecece8;
}

.dropdown-submenu.active ul.dropdown-menu li.active:first-child:hover:before {
    border-right-color: green;
}

.dropdown-submenu:hover ul.dropdown-menu li.current-product-ancestor:first-child:before {
    border-right-color: #31a3dd;
}

.dropdown-submenu ul.dropdown-menu li.current-product-ancestor:first-child:hover:before {
    border-right-color: green;
}

.dropdown-submenu ul.dropdown-menu li:first-child:hover:before {
    border-right-color: green;
    left: 0;
    margin-top: 0;
    cursor: pointer;
}

.dropdown-submenu ul.dropdown-menu li:first-child:hover > a {
    background-color: green;
    color: #fff;
}

.menu > li > ul.sub-menu li:first-child:hover:before {
    border-right-color: #f9f9f9;
}

.navbar-default .navbar-nav > .dropdown > a.changecolor:after {
    border-bottom-color: green;
}
}

/*导航菜单栏相关CSS代码*/
@media screen and (min-width:1025px) {
.nav.navbar-nav a:hover i.fa.fa-angle-down:before, .nav.navbar-nav .active a i.fa.fa-angle-down:before, .nav.navbar-nav a:focus i.fa.fa-angle-down:before, .nav.navbar-nav .dropdown.open a i.fa.fa-angle-down:before, .nav.navbar-nav .dropdown-submenu a:hover i.fa-angle-right:before, .nav.navbar-nav .dropdown-submenu a.changeangle i.fa-angle-right:before {
    /* visibility: hidden; */
    /* content: "\f106"; */
    color: black;
    padding-left: 1px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

.nav.navbar-nav a i.fa.fa-angle-down:before, .nav.navbar-nav .dropdown-submenu a i.fa-angle-right:before {
    /* visibility: hidden; */
    /* content: "\f106"; */
    color: black;
    padding-left: 1px;
    position: absolute;
    right: 11px;
    top: 0;
    content: "";
    height: 64px;
    width: 16px;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    opacity: .5;
    /* background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCI+PHBhdGggZD0iTTUxMiA1NjIuMDA1bDIxMS4yLTIxMS4yIDYwLjMzIDYwLjMzMUw1MTIgNjgyLjY2NmwtMjcxLjUzLTI3MS41MyA2MC4zMy02MC4zM3oiLz48L3N2Zz4=); */
    background-image: url(/wp-content/themes/elitepress/images/angle_down.png);
    background-size: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 52px;
}

.nav.navbar-nav .dropdown-submenu a i.fa-angle-right:before {
    background-image: url(/wp-content/themes/elitepress/images/angle_right.png);
    height: 49px;
}

.sidebar-widget.widget .menu-item-has-children a i.fa.fa-angle-down:before {
    content: "";
    height: 38.5px;
    margin-right: 5px;
    /* top: unset; */
    margin-top: -22px;
    color: black;
    padding-left: 1px;
    position: absolute;
    right: 11px;
    /* top: 0; */
    width: 16px;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    opacity: .5;
    background-image: url(/wp-content/themes/elitepress/images/angle_right.png);
    background-size: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.sidebar-widget.widget .menu-item-has-children a:hover i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children.active a i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children a.changeangle i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children:hover i.fa.fa-angle-down:before {
    content: "";
    color: black;
    padding-left: 1px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

.menu .current-menu-ancestor.active ul.sub-menu, .menu .current_page_parent ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.dropdown-menu > .active > a:hover {
    background: green !important;
}

.menu > li > ul.sub-menu li.active:first-child:before {
    margin-left: 0;
    opacity: 1;
}

.current-menu-ancestor.active ul.sub-menu:after, .current_page_parent ul.sub-menu:after {
    right: 4px;
    top: 0;
}

#menu-product-nav .current_page_parent .sub-menu li.current-product-ancestor:first-child:before {
    margin-top: -16px;
    opacity: 1;
    margin-left: 0;
}

.nav .dropdown a.changecolor_top:after {
    border-bottom-color: #31a3dd;
}

.dropdown-submenu:hover ul.dropdown-menu li.current-post-ancestor:first-child:before {
    border-right-color: #31a3dd;
}

.dropdown-submenu:hover ul.dropdown-menu li.current-post-ancestor:first-child:hover:before {
    border-right-color: green;
}

.dropdown-submenu.current_page_parent ul.dropdown-menu li:hover:first-child:before {
    border-right-color: green;
}
}

/** 导航菜单新加CSS代码 */
.navbar-default .navbar-nav > li:before {
    content: "";
    position: absolute;
    background: #ffbe00;
    width: 0%;
    height: 3px;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    left: 50%;
    background: #31a3dd;
}

.navbar-default .navbar-nav > li:hover:before, .navbar-default .navbar-nav > li.dropdown.active_main_menu:before {
    width: 100%;
    left: 0;
}

.navbar-default .navbar-nav > li.active:before {
    content: "";
    position: absolute;
    background: #ffbe00;
    width: 100%;
    height: 3px;
    background: #31a3dd;
    left: 0;
}

.navbar-default .navbar-nav > li a, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a {
    border-top: none;
}

.dropdown-menu > li:first-child > a, .dropdown-menu > li:last-child > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dropdown-menu.menu-has-more-children > li:first-child > a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.dropdown-menu.menu-has-more-children > li:last-child > a {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.dropdown-menu.menu-has-more-children > li:last-child.menu-li-has-more-children > a {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
}

.dropdown-menu.submenu-has-more-children > .submenu-firstli > a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.dropdown-menu.submenu-has-more-children > .submenu-lastli > a {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

/*员工相册相关CSS代码*/
table#staff_album {
    border-radius: 3px;
    border-collapse: inherit;
    padding: 0 0 8px 0;
    margin: 0;
}

table#staff_album tbody, table#staff_album td li a {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

table#staff_album tbody tr {
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
    float: left;
}

table#staff_album td {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    padding: 3px;
}

table#staff_album td li {
    width: 100%;
    padding: 5px;
}

.posts.staffalbum #staff_album img {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 150px;
    object-fit: cover;
    border-radius: 3px;
}

/*运行代码功能的CSS*/
h3 span.btn.btn--secondary {
    margin-bottom: -10px;
    background-color: rgb(239, 239, 239);
}

.runcode{
    width: 100%;
    font-size:13px;
    padding:10px 15px;
    /*color:#eee;
    background-color: #263540;*/
    margin-bottom: 10px;
    border-radius:4px;
    /* overflow:hidden; */ /* 删除此行表示可以滚动代码框 */
    min-height: 400px;
}

/*自定义分页按钮区域相关CSS代码*/
#recent_posts_show #contact_person_page_span_two, #hot_posts_show #contact_person_page_span_three, #mostcommentsposts_show #contact_person_page_span {
    display: none;
}

#recent_posts_show #pagestwo_plugin .paginate_button.first, #hot_posts_show #pagesthree_plugin .paginate_button.first, #mostcommentsposts_show #pages_plugin .paginate_button.first {
    display: none;
}

#recent_posts_show #pagestwo_plugin .dataTables_paginate .paginate_button_disabled, #hot_posts_show #pagesthree_plugin .dataTables_paginate .paginate_button_disabled, #mostcommentsposts_show #pages_plugin .dataTables_paginate .paginate_button_disabled {
    display: none;
}

#recent_posts_show  #pagestwo_plugin .dataTables_info, #hot_posts_show  #pagesthree_plugin .dataTables_info, #mostcommentsposts_show #pages_plugin .dataTables_info {
    display: none;
}

#recent_posts_show #pagestwo_plugin .paginate_button.last, #hot_posts_show #pagesthree_plugin .paginate_button.last, #mostcommentsposts_show #pages_plugin .paginate_button.last {
    display: none;
}

/*首页近期、热门、热评产品区域相关CSS代码*/
#recent_posts_show tbody, #hot_posts_show tbody, #mostcommentsposts tbody {
    display: block;
}

#recent_posts_show tbody tr td, #hot_posts_show tbody tr td, #mostcommentsposts tbody tr td {
    border: none;
    display: block;
    padding: 0;
}

#mostcommentsposts_show #pages_plugin, #mostcommentsposts_show #pages_plugin tr, #mostcommentsposts_show #pages_plugin tr th, #recent_posts_show
 #pagestwo_plugin, #recent_posts_show #pagestwo_plugin tr, #recent_posts_show #pagestwo_plugin tr th, #hot_posts_show #pagesthree_plugin, #hot_posts_show #pagesthree_plugin tr, #hot_posts_show #pagesthree_plugin tr th {
    display: block;
}

#recent_posts_show #pagestwo_plugin .dataTables_paginate .previous.paginate_button, #recent_posts_show #pagestwo_plugin .dataTables_paginate .next.paginate_button, #hot_posts_show #pagesthree_plugin .dataTables_paginate .previous.paginate_button, #hot_posts_show #pagesthree_plugin .dataTables_paginate .next.paginate_button, #mostcommentsposts_show #pages_plugin .dataTables_paginate .previous.paginate_button, #mostcommentsposts_show #pages_plugin .dataTables_paginate .next.paginate_button {
    border-right-width: 1px;
    line-height: initial;
    border-radius: 3px;
    font-size: 14px;
    border: none;
}

#recent_posts_show #pagestwo_plugin .dataTables_paginate .previous.paginate_button, #hot_posts_show #pagesthree_plugin .dataTables_paginate .previous.paginate_button, #mostcommentsposts_show #pages_plugin .dataTables_paginate .previous.paginate_button {
    float: left;
}

#recent_posts_show #pagestwo_plugin .dataTables_paginate .next.paginate_button, #hot_posts_show #pagesthree_plugin .dataTables_paginate .next.paginate_button, #mostcommentsposts_show #pages_plugin .dataTables_paginate .next.paginate_button {
    float: right;
}

#hot_posts_show #pagesthree_plugin .dataTables_paginate a:hover, #recent_posts_show #pagestwo_plugin .dataTables_paginate a:hover, #mostcommentsposts_show #pages_plugin .dataTables_paginate a:hover {
    color: #31a3dd;
}

/*自定义侧边栏标签云，首页自定义标签云区域更改相关CSS代码*/
.tagcloud_sidebar .tagcloud_container_outer, .cloudtags-box .tagcloud_container_outer {
    flex-grow: 1;
    /*display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

aside.sidebar-widgettwo.widget.tagcloud_sidebar a {
    text-align: center;
}

/*
.tagcloud_sidebar .tagcloud_container, .cloudtags-box .cloudlabel .tagcloud_container {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-grow: 1;
    text-align: center;
}

.cloudtags-box .cloudlabel aside.sidebar-widgettwo.widget ul a, .tagcloud_sidebar .tagcloud_container a {
    flex-grow: 1;
}
*/

/*浏览历史区域相关CSS代码*/
#view-history ul li {
    counter-increment: mycounter;
    padding: 5px;
    margin: 0 -5px;
}

#view-history ul li:before {
    content: counter(mycounter);
    color: #fff;
    border-radius: 3px;
    background: #ccc;
    padding: 0 5px;
    font-size: 14px;
    float: left;
    margin: 5px 5px 5px 0;
    line-height: 17px;
}

#view-history ul li:hover {
    background: #eee;
    border-radius: 4px;
}

#view-history ul li a {
    font-size: 14px;
    display: block;
    margin-left: -5px;
    padding-left: 5px;
    color: #707981;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#view-history ul li a:before {
    content: "";
    margin: 0;
    display: initial;
}
#view-history ul li:first-child:before {
background-color: #ff7878;
}
#view-history ul li:nth-child(2):before {
background-color: #f9c909;
}
#view-history ul li:nth-child(3):before {
background-color: #24f00c;
}

/*首页公告相关CSS代码*/
#site-gonggao-div2 li i {
    display: none;
}

#site-gonggao-div2 .list li {
    counter-increment: mycounter;
    font-size: 14px;
    padding: 0;
}

#site-gonggao-div2 .list li:before {
    content: counter(mycounter);
    color: #fff;
    margin-right: 5px;
    border-radius: 3px;
    background: #ccc;
    padding: 0 6px;
    display: none;
}
#site-gonggao-div2 .list li:first-child:before {
    background-color: #ff7878;
}
#site-gonggao-div2 .list li:nth-child(2):before, #site-gonggao-div2 .list li:nth-of-type(2):before {
    background-color: #f9c909;
}
#site-gonggao-div2 .list li:nth-child(3):before, #site-gonggao-div2 .list li:nth-of-type(3):before {
    background-color: #24f00c;
}
/** #site-gonggao-div2 .list li:first-child span.num {
    background-color: #ff7878;
}
#site-gonggao-div2 .list li:nth-child(2):before, #site-gonggao-div2 .list li:nth-of-type(2) span.num {
    background-color: #f9c909;
}
#site-gonggao-div2 .list li:nth-child(3):before, #site-gonggao-div2 .list li:nth-of-type(3) span.num {
    background-color: #24f00c;
} */

#site-gonggao-div2 .list li span.num {
    margin: 13px 8px 0 0;
}

#site-gonggao-div2 .list li span.num.num-1 {
    background-color: #ff7878;
}

#site-gonggao-div2 .list li span.num.num-2 {
    background-color: #f9c909;
}

#site-gonggao-div2 .list li span.num.num-3 {
    background-color: #24f00c;
}

#site-gonggao-div2 .list li a {
    font-size: 14px;
}

/*友情链接页新增CSS代码*/
ul.xoxo.blogroll {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.xoxo.blogroll li {
    flex-grow: 1;
}

/*网站地图页新增相关CSS代码*/
#content.contenttwo .main#container, #content .categories ul, #content .menu ul, #content .cloudlabel ul {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#content.contenttwo .main#container .item, #content .categories ul li, #content .menu ul li, #content .cloudlabel ul .tagcloud_container_outer {
    flex-grow: 1;
}

#content.contenttwo .main#container div.item:nth-last-child(2), #content .categories ul li:last-child, #content .menu ul li:last-child, #content .cloudlabel ul .tagcloud_container_outer:last-child .tagcloud_container {
    padding-right: 0;
}

.ias-trigger.ias-trigger-next {
    width: 100%;
}

/*相册各页新增CSS代码*/
table#foodadditive_album tbody, table#pharmaraw_album tbody, table#intermediate_album tbody, table#veterinaryraw_album tbody, table#pharmaintermediate_album tbody, table#feedadditive_album tbody, table#agriculturalraw_album tbody {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

table#foodadditive_album tr, table#pharmaraw_album tr, table#intermediate_album tr, table#veterinaryraw_album tr, table#pharmaintermediate_album tr, table#feedadditive_album tr, table#agriculturalraw_album tr {
    flex-grow: 1;
    max-height: 172.59px;
    overflow: hidden;
}

table#foodadditive_album img, table#pharmaraw_album img, table#intermediate_album img, table#veterinaryraw_album img, table#pharmaintermediate_album img, table#feedadditive_album img, table#agriculturalraw_album img {
    max-height: 172.59px;
}

/*自定义分页新增CSS代码*/
#pages_plugin .dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active, #pagestwo_plugin .dataTables_paginate .paginate_button, #pagesthree_plugin .dataTables_paginate .paginate_button {
    line-height: 20px;
    display: inline-block;
    vertical-align: baseline;
    white-space: nowrap;
}

/*在线客服新增CSS代码*/
.floatwindow_remove i:hover:before {
/*color: #fff;
background: #31a3dd;
border-color: #31a3dd;*/
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.floatwindow_remove i:before {
font-size: 16px;
/*border: 1px solid gray;*/
padding: 0.57px 2px;
border-radius: 50%;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

/*弹出微信图标新增CSS代码*/
.social.weixin:hover:after, .social.douyin:hover:after {
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    /* margin-left: 5px; */
    border: 8px solid transparent;
    content: "";
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    top: 8px;
    border-bottom-color: #0085ba;
}

.contact_us_details .social.weixin:hover:after, .contact_us_details .social.douyin:hover:after {
    left: calc(50% - 8px);
}

.header-info .textwidget .weixin img.qrcode {
    margin-top: 5px;
}

/*菜单栏新增相关CSS代码*/
/*@media screen and (min-width: 1024px) {
#menu-product-nav li.current-post-ancestor.menu-item-has-children a {*/
/*
    color: #fff;
    background: linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff);
    font-weight: 700;
    font-size: 16px!important;
    line-height: 40px;
    padding: 0 22px 0 34px;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1030px;
    vertical-align: bottom;
    margin-right: 12px;
    margin-left: -15px;
    display: block;
*/
    /* height: 40px; */
    /* background: linear-gradient(90deg,var(--analogous_light_3),var(--analogous_default) 6px,var(--primary_dark_1)); */
/*}*/

/*
#menu-product-nav li.current-post-ancestor.menu-item-has-children {
    position: relative;
    filter: drop-shadow(5px 6px 5px rgba(32,160,255,.3));
}
*/

/*#menu-product-nav li.current-post-ancestor.menu-item-has-children ul.sub-menu li:before {*/
/*
    content: "";
    display: block;
    border-bottom: 5px solid #008bc9;
    border-right: 5px solid #008bc9;
    border: 5px solid #008bc9;
    position: absolute;
    margin-bottom: -20px;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    transform-origin: bottom;
    transform: scaleY(.75);
    left: -15px;
    margin-top: -10px;
    margin-top: -16px;
    opacity: 1;
    margin-left: 0;
*/
    /* top: 0; */
    /* margin-top: -6px; */
    /* left: -11px; */
    /* border: 5px solid var(--analogous_dark_3); */
/*}*/

/*
#menu-product-nav li.current-post-ancestor.menu-item-has-children ul.sub-menu {
    display: block !important;
    left: 0 !important;
    position: relative !important;
    margin: 0 0 0 8px !important;
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: opacity .1s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .1s;
    transition: transform .3s,opacity .1s;
    transition: transform .3s,opacity .1s,-webkit-transform .3s;
    visibility: visible;
}
*/

/*#menu-product-nav li.current-post-ancestor.menu-item-has-children ul.sub-menu li:after {*/
/*
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
*/
    /* border: 20px solid var(--primary_dark_1); */
/*}*/

/*#menu-product-nav li.current-post-ancestor.menu-item-has-children ul.sub-menu:after {*/
/*
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
    right: 3px;
    top: -1px;
    right: 4px;
    top: 0;
*/
    /* border: 20px solid var(--primary_dark_1); */
/*}*/
/*}*/


@media screen and (min-width: 1024px) {

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent li.current-post-ancestor.current-menu-parent.current-post-parent a {
    /* display: inline-block; */
    /* margin: 0; */
    color: #fff !important;
    background: linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff) !important;
    /* background: linear-gradient(90deg,var(--analogous_light_3),var(--analogous_default) 6px,var(--primary_dark_1)); */
    font-weight: 700 !important;
    font-size: 16px!important;
    line-height: 40px;
    /* height: 40px; */
    padding: 0 22px 0 34px;
    border-bottom-left-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1030px;
    vertical-align: bottom;
    margin-right: 11px;
    margin-left: -15px;
    display: block;
    margin-left: -11px;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent ul.sub-menu {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: opacity .1s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .1s;
    transition: transform .3s,opacity .1s;
    transition: transform .3s,opacity .1s,-webkit-transform .3s;
    visibility: visible;
    left: 0;
    position: relative;
    margin: 0 0 0 8px;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent ul.sub-menu li.current-post-ancestor.current-menu-parent.current-post-parent:before {
    content: "";
    display: block;
    border-bottom: 5px solid #008bc9;
    border-right: 5px solid #008bc9;
    /* border: 5px solid var(--analogous_dark_3); */
    border: 5px solid #008bc9;
    position: absolute;
    margin-bottom: -20px;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(.75);
    transform: scaleY(.75);
    /* top: 0; */
    /* left: -15px; */
    /* margin-top: -6px; */
    margin-top: -10px;
    left: -11px;
    /*margin-top: -16px;*/
    opacity: 1;
    /* margin-left: 0; */
    width: auto;
    height: auto;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent ul.sub-menu li.current-post-ancestor.current-menu-parent.current-post-parent:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent ul.sub-menu:after {
    content: "";
    display: inline-block;
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 21.5px solid transparent;
    vertical-align: bottom;
    right: -4px;
    margin-top: -41.89px;
    height: 41.89px;
    position: absolute;
    right: 3px;
    top: -1px;
    right: 4px;
    top: 0;
}

.menu .current-post-ancestor.current-menu-parent.current-post-parent ul.sub-menu li a {
    background: initial !important;
    color: #707981;
    font-weight: 500;
}

.current-post-ancestor.current-menu-parent.current-post-parent .dropdown-menu li a {
    background-color: inherit;
    color: inherit;
}
}

@media screen and (min-width: 1025px) {
#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent ul.sub-menu li.current-post-ancestor.current-menu-parent.current-post-parent:first-child:before {
    left: 5px;
    margin-top: -16px;
}
}

/*@media screen and (min-width: 1025px) {
.menu > li.current-menu-item.menu-item-has-children.active:hover > ul.sub-menu, .menu > li.current-post-ancestor.current-menu-parent.current-post-parent:hover > ul.sub-menu {
    margin-top: -46px;
    margin-left: 0;
}
}*/

ul#cat_related article .thumbnail.first {
    border: none;
    padding: 0 0 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
}

ul#cat_related article .thumbnail.first .thumbnail {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

ul#cat_related article .thumbnail.first .thumbnail img {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

@media screen and (min-width: 1200px) {
ul#cat_related article .thumbnail.first {
    position: relative;
    padding-bottom: 45px;
}

.thumbnail.first .meta_two {
    position: absolute;
    top: 155px;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    -moz-transition: top .5s;
    -ms-transition: top .5s;
    transition: top .5s;
    background: #f5f5f5;
    -webkit-border-radius: 8px 4px;
    border-radius: 8px 4px;
    box-sizing: border-box;
    left: 0;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,.3);
    box-shadow: 0 0 8px 0px rgba(0,0,0,.3);
}

.thumbnail.first:hover .meta_two {
    top: 116px;
}
}

.thumbnail.first .meta_two .entry-header .entry-title a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
}

@media screen and (max-width:1366px) and (min-width:1024px) {
.thumbnail.first .meta_two {
    top: 126px;
}

.thumbnail.first:hover .meta_two {
    top: 83px;
}
}

/*侧边栏近期产品、热门产品区域相关CSS代码*/
#hotposts .row {
    counter-increment: mycounterthree;
}

#hotposts .row:before {
    content: counter(mycounterthree);
    color: #fff;
    border-radius: 3px;
    background: #ccc;
    padding: 0px 5px;
    /*display: inline-block;
    margin-top: 2px;*/
}

#hotposts .row:first-child:before {
background-color: #ff7878;
}
#hotposts .row:nth-child(2):before {
background-color: #f9c909;
}
#hotposts .row:nth-child(3):before {
background-color: #24f00c;
}

/*#hotposts .row .mostviewtitle {
    width: 60%;
    float: right;
    overflow: visible;
}*/

.side_title .summary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 21px;
    max-height: 21px;
    padding-bottom: 0;
}

.side_title .summary span {
    font-size: 12px;
    color: #aaa;
    font-family: auto;
}

/*#hotposts .row .mostviewtitle .summary {
    margin-left: -13.5%;
    margin-left: -17.5%;
}*/

/*
@media screen and (max-width:991px) and (min-width:620px) {
#hotposts .row .mostviewtitle {
    width: 66% !important;
}
#hotposts .row .mostviewtitle .summary {
    margin-left: -6.5%;
}
}

@media screen and (max-width:619px) and (min-width:500px) {
#hotposts .row .mostviewtitle {
    width: 65% !important;
}
#hotposts .row .mostviewtitle .summary {
    margin-left: -8.5%;
}
}

@media screen and (max-width:499px) and (min-width:440px) {
#hotposts .row .mostviewtitle {
    width: 64% !important;
}
#hotposts .row .mostviewtitle .summary {
    margin-left: -10%;
}
}

@media screen and (max-width: 439px) and (min-width: 370px) {
#hotposts .row .mostviewtitle {
    width: 63% !important;
}
#hotposts .row .mostviewtitle .summary {
    margin-left: -12%;
}
}
*/

@media screen and (max-width: 1199px) and (min-width: 992px) {
a#recent-posts, a#hot-posts {
    font-size: 15px !important;
}
}

/*首页热门、热评产品区域相关CSS代码*/

/*侧边栏公司动态，热门动态相关CSS代码*/

/*相关产品区域新增CSS代码*/
#cat_related {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 0 0 3px 3px;
    padding: 15px 0 0;
    margin-bottom: 15px;
    background: none;
}

#cat_related .relateproduct {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-bottom: 15px;
    width: calc(25% - 15px);
    margin-right: 15px;
    padding: 0;
}

#cat_related .relateproduct:nth-child(4n) {
    margin-right: 0;
}

@media screen and (max-width:991px) {
    #cat_related .relateproduct {
        width: calc(50% - 15px);
        margin-right: 15px;
    }
}

@media (max-width:767px) {
    #cat_related .relateproduct {
        width: calc(50% - 2.4vw);
        margin-right: 2.4vw;
        margin-bottom: 2.4vw;
    }
}

@media screen and (max-width:991px) {
    #cat_related .relateproduct:nth-child(2n) {
        margin-right: 0;
    }
}

#cat_related .relateproduct:last-child {
    margin-right: 0;
}

/** @media (min-width:768px) {
    #cat_related .relateproduct {
        padding: 0 10px;
    }
} */

.thumbnail.first .relateproduct-pic {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    height: auto;
    object-fit: cover;
}

/*商店产品详情页相关CSS代码*/
@media screen and (width:768px) {
.woocommerce div.product div.images {
    width: 48%;
    float: left;
}
.woocommerce div.product div.summary {
    float: right;
    width: 48%;
}
}

.total_sales {
    font-size: 12px;
}

/*商店您可能喜欢区域CSS代码*/
.woocommerce-page div.product .up-sells {
    clear: both;
    margin-bottom: 2em;
}

.woocommerce .up-sells.upsells.products ul.products li.product {
    width: 23%;
    margin: 0 1%;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.woocommerce .up-sells.upsells.products ul.products li.product:hover {
    -webkit-box-shadow: 0px 0px 10px #0000006e;
    box-shadow: 0px 0px 10px #0000006e;
}

@media screen and (max-width: 768px) {
.woocommerce .up-sells.upsells.products ul.products li.product {
    width: 48%;
    margin-bottom: 10px;
}
}

.woocommerce .up-sells ul.products li.product a img {
    float: left;
    width: 50%;
    margin: 0;
}

.woocommerce .up-sells ul.products li.product:hover a img, .woocommerce .up-sells ul.products li.product a img:hover {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
}

.woocommerce .up-sells ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px;
    height: auto;
    padding: 0 0 0 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.woocommerce .up-sells ul.products li.product .total_sales {
    display: none;
}

.woocommerce .up-sells ul.products li.product .price {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

.woocommerce .up-sells ul.products li.product .price .amount {
    padding-left: 1px;
}

.woocommerce .up-sells ul.products li.product .remaining {
    display: none;
}

.woocommerce .up-sells ul.products li.product .button {
    font-size: 13px;
    padding: 3px;
}

/*商店产品列表页，点击加入购物车后，出现的查看购物车按钮相关CSS代码*/
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
    padding: 3px;
    border-radius: 3px;
    margin: 0;
}

/*边栏菜单左侧图标相关CSS代码*/
.widget ul > li > a:hover:before, .widget ul > li > a:focus:before, .widget ul > li > a:active:before, .widget ul > li > a.changeangle:before {
    color: #31a3dd;
    display: inline-block;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.widget ul > li > a.changeangle {
    color: #31a3dd;
}

.widget ul > li > ul.sub-menu > li > a:before {
    display: initial !important;
}

#menu-product-nav .active a:before, .menu-company-profile-nav-container ul li.active a:before, #menu-album-nav li.active a:before, #menu-company-news-nav li.active a:before, #menu-contact-nav li.active a:before, #menu-company-news-nav .current-tao-ancestor a:before, #menu-product-nav .current_page_parent a:before, #menu-product-nav > li.current-post-ancestor a:before {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    color: #fff;
}

#menu-product-nav li.current-post-ancestor.menu-item-has-children ul li a:hover {
    color: #31a3dd;
}

/*侧边栏菜单相关CSS代码*/
#menu-product-nav .current_page_parent .sub-menu li.current-product-ancestor a:hover {
    color: #fff !important;
}

.widget ul li a#recent-posts:before, .widget ul li a#hot-posts:before {
    display: initial;
    margin: 0;
    display: none;
}

/*底部导航菜单相关CSS代码*/
.footer-menu-links .dropdown a i.fa.fa-angle-down {
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.footer-menu-links .dropdown a:hover i.fa.fa-angle-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.footer-menu-links .dropdown a:hover i.fa.fa-angle-down:before {
    color: #31a3dd;
    padding-left: 0;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    content: "\f107";
}

.footer-menu-links .dropdown.active a {
    color: #31a3dd;
}

.footer-menu-links .dropdown.active a i.fa.fa-angle-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.footer-menu-links .dropdown.active a i.fa.fa-angle-down:before {
    color: #31a3dd;
    padding-left: 0;
    content: "\f107";
}

/*侧边栏菜单相关CSS代码*/
@media screen and (min-width: 1024px) {
.menu > li.active:before {
right: -12px;
}
.menu > li.active:after {
right: -12px;
}
.menu .current-tao-ancestor.current-tao-parent:before {
    right: -12px;
}
.menu .current-tao-ancestor.current-tao-parent:after {
    right: -12px;
}
.menu-company-profile-nav-container ul li.active a, .menu-album-nav-container ul li.active a, .menu-company-news-nav-container ul li.active a, .menu-contact-nav-container ul li.active a, .menu-company-news-nav-container ul li.current-tao-ancestor.current-tao-parent a {
    padding-left: 10px;
    margin-left: -5px;
}
.menu-company-profile-nav-container ul li.active a:hover, .menu-album-nav-container ul li.active a:hover, .menu-company-news-nav-container ul li.active a:hover, .menu-contact-nav-container ul li.active a:hover, .menu-company-news-nav-container ul li.current-tao-ancestor.current-tao-parent a:hover {
    padding-left: 10px;
}
}

@media screen and (min-width: 1025px) {
.sidebar-widget.widget .menu-item-has-children.current_page_parent a i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children.current-post-parent a i.fa.fa-angle-down:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
}

/*翻转图片效果区域相关CSS代码*/
.thumbnail_box .blog-info .entry-content {
    display: none;
}

/*侧边栏菜单栏新增测试使用CSS代码*/
@media screen and (min-width: 1024px) {
#menu-product-nav .active a {
    line-height: 42px;
    height: 42px;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent ul.sub-menu li.current-post-ancestor.current-menu-parent.current-post-parent:after {
    display: none;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent ul.sub-menu:after {
    display: none;
}

#menu-product-nav .active a:after, #menu-product-nav .current_page_parent a:after {
    content: "";
    /* display: inline-block; */
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 22px solid transparent;
    vertical-align: bottom;
    height: 42px;
    line-height: 42px;
    position: absolute;
    left: 100%;
    margin-left: -11px;
}

.current-menu-ancestor.active ul.sub-menu:after {
    display: none;
}

#menu-product-nav > li.active:after {
    display: none;
}

#menu-product-nav li.active .sub-menu li.active:after {
    display: none;
}

#menu-product-nav .current_page_parent:after {
    display: none;
}

#menu-product-nav .current_page_parent a {
    line-height: 42px;
    height: 42px;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent li.current-post-ancestor.current-menu-parent.current-post-parent a {
    height: 42px;
    line-height: 42px;
}

#menu-product-nav li.active .sub-menu li a:after {
    display: none;
}

#menu-product-nav li.active .sub-menu li.active a {
    height: 42px;
    line-height: 42px;
}

#menu-product-nav li.active .sub-menu li.active a:after {
    display: initial;
}

.menu .current-post-ancestor.current-menu-parent.current-post-parent a {
    height: 42px;
    line-height: 42px;
}

#menu-product-nav > li.current-post-ancestor a:after {
    content: "";
    /* display: inline-block; */
    border-top: 20px solid #0394ff;
    border-left: 20px solid #0394ff;
    /* border: 20px solid var(--primary_dark_1); */
    border-left-width: 8px;
    border-right: 8px solid transparent;
    border-bottom: 22px solid transparent;
    vertical-align: bottom;
    height: 42px;
    line-height: 42px;
    position: absolute;
    left: 100%;
    margin-left: -11px;
    background: #FDAE32;
    border-bottom-right-radius: 5px;
}

#menu-product-nav > li.current-post-ancestor:after {
    display: none;
}

#menu-product-nav > li.current-post-ancestor .sub-menu li a:after {
    border: none;
}

#menu-product-nav .current_page_parent .sub-menu li a:after {
    display: none;
}

#menu-product-nav .menu-item-object-category.menu-item-has-children.current_page_parent li.current-post-ancestor.current-menu-parent.current-post-parent a:after {
    display: initial;
}

#menu-product-nav .current_page_parent .sub-menu .current-product-ancestor:after {
    display: none;
}

.current_page_parent ul.sub-menu:after {
    display: none;
}

#menu-product-nav .current_page_parent .sub-menu .current-product-ancestor a {
    height: 42px;
    line-height: 42px;
}

#menu-product-nav .current_page_parent .sub-menu .current-product-ancestor a:after {
    display: initial;
}
}

/* 侧边栏移动端新增相关CSS代码 */
@media screen and (max-width: 1023px) {
.menu > li > ul.sub-menu {
    position: relative;
    left: 0;
    margin-left: 0;
}

.sidebar-widget.widget .menu-item-has-children.active a i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children a i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children a i.fa.fa-angle-down:before {
    padding-left: 3px;
}

.sidebar-widget.widget .menu-item-has-children.active a i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children a:hover i.fa.fa-angle-down:before, .sidebar-widget.widget .menu-item-has-children:hover a i.fa.fa-angle-down:before {
    content: "\f107";
}

#menu-product-nav .active a:hover {
    color: #fff;
}

#menu-product-nav li.menu-item-has-children a {
    display: inline;
    background: inherit;
    color: inherit;
}

/*#menu-product-nav li.menu-item-has-children.active a, #menu-product-nav li.menu-item-has-children.current-menu-parent a {
    display: block;
}*/

#menu-product-nav .current_page_parent a:before {
    color: inherit;
}

#menu-product-nav .active a:before {
    color: inherit;
}

.menu-product-nav-container ul > li.menu-item-has-children:hover a:before {
    display: inline-block;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: #31a3dd;
}

#menu-product-nav > li.current-post-ancestor a:before {
    color: inherit;
}
}

/*侧边栏近期、热门产品相关CSS代码*/
.posts_holder {
    box-sizing: border-box;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* width: 100%; */
}

.side_title {
    box-sizing: border-box;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px;
    float: left;
    width: 70%;
    overflow: hidden;
}

#hotposts .row:before {
    margin-left: -webkit-calc(30%);
    margin-left: -ms-calc(30%);
    margin-left: -o-calc(30%);
    margin-left: -moz-calc(30%);
    margin-left: calc(30%);
    position: absolute;
    margin-top: 8px;
    font-size: 14px;
    width: 19px;
    height: 19px;
    text-align: center;
    padding: 0;
    opacity: 0;
}

/** #hotposts .mostviewtitle h4 {
    padding-left: 29px;
} */

.widget .nav-tabs.one li, .widget .nav-tabs.four li {
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: 0;
}

a#recent-posts, a#hot-posts, a#recent-postsfour, a#hot-postsfour {
    font-family: 'Lato';
    letter-spacing: 1px;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 30px;
    background: none;
    padding: 8px 0;
    margin: 3px 0 0 0;
    border: 1px solid transparent;
    color: #999;
    font-size: 18px;
    color: #ccc;
}

.widget .nav-tabs.one li a#recent-posts, .widget .nav-tabs.one li a#hot-posts, .widget .nav-tabs.four li a#recent-postsfour, .widget .nav-tabs.four li a#hot-postsfour {
    padding: 5px;
}

.recentpoststitle .cat-folder a, .mostviewtitle .cat-folder a {
    color: #aaa;
}

.row.posts_holder {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 10px;
}

.row.posts_holder:first-child {
    padding-top: 15px;
}

/*首页站点统计相关CSS代码*/
@media screen and (min-width: 375px) and (max-width: 991px) {
.widget.counttotals ul:before,.widget.counttotals ul:after {
    content: "";
    display: table;
    clear: both;
}

.widget.counttotals ul li {
    float: left;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.widget.counttotals ul li:last-child {
    width: 100%;
}
}

/*侧边栏近期、热门新闻相关CSS代码*/
.widget ul li a#recent-postsfour:before, .widget ul li a#hot-postsfour:before {
    display: initial;
    margin: 0;
    display: none;
}

#recentpostsfour .thumbnail_box .thumbnail, #hotpostsfour .thumbnail_box .thumbnail {
    padding-bottom: 67px;
}

/*首页近期、热门、热评产品区域相关CSS代码*/
.recent-hotpoststwo #hot_posts_show tbody tr {
    counter-increment: mycounterfour;
}

.recent-hotpoststwo #hot_posts_show tbody tr:before {
    content: counter(mycounterfour);
    color: #fff;
    border-radius: 3px;
    background: #ccc;
    margin-left: -webkit-calc(30%);
    margin-left: -ms-calc(30%);
    margin-left: -o-calc(30%);
    margin-left: -moz-calc(30%);
    margin-left: calc(30%);
    position: absolute;
    margin-top: 9px;
    font-size: 13px;
    width: 18px;
    text-align: center;
    padding: 0;
    display: none;
}

.recent-hotpoststwo #hot_posts_show tbody tr:first-child:before {
background-color: #ff7878;
}
.recent-hotpoststwo #hot_posts_show tbody tr:nth-child(2):before {
background-color: #f9c909;
}
.recent-hotpoststwo #hot_posts_show tbody tr:nth-child(3):before {
background-color: #24f00c;
}

/** #hotposts #hot_posts_show .mostviewtitle h4 {
    padding-left: 22px;
} */

.recent-hotpoststwo #hot_posts_show tbody tr:first-child span.num {
    background-color: #ff7878;
}
.recent-hotpoststwo #hot_posts_show tbody tr:nth-child(2) span.num {
    background-color: #f9c909;
}
.recent-hotpoststwo #hot_posts_show tbody tr:nth-child(3) span.num {
    background-color: #24f00c;
}

.side-img {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    flex-grow: 1;
    float: left;
    width: 30%;
    overflow: hidden;
    padding: 5px;
    position: relative;
}

.recent-hotpoststwo #recentposts #recent_posts_show tbody tr td .rowone .recentpoststitle h4, .recent-hotpoststwo #hotposts #hot_posts_show tbody tr td .rowone .mostviewtitle h4, .recent-hotpoststwo #mostcommentsposts #mostcommentsposts_show tbody tr td .rowone .mostcommentstitle h4 {
    height: 50px;
}

.side-img .thumbnail_box .thumbnail {
    margin-bottom: 0;
}

.side-img img.home-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0 auto;
}

/*文章详情页右侧价格区域相关CSS代码*/
.site-content.aligncenter.second > li dd span {
    font-weight: 600;
}

.site-content.aligncenter.second > li dd span.price_details {
    color: red;
}

/*文章详情相关产品区域相关CSS代码*/
.relatedposts {
    border-radius: 3px 3px 0 0;
    font-size: 18px;
    font-weight: 600;
    color: #2a2e34;
    padding: 5px;
    background: white;
    border-bottom: 1px solid #d6dfdf;
}

#cat_related article {
    border: none;
    padding: 0;
    margin-bottom: 0;
}

#cat_related article .thumbnail.first {
    margin-bottom: 0;
}

#cat_related article .thumbnail.first .thumbnail_box .thumbnail {
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.site-content .meta_two .entry-header .entry-title {
    margin: 5px 0 5px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #2a2e34;
    overflow: hidden;
    height: 40px;
}

.allprice .goods-price .price_number, .allprice .pro_price .pro_price_number, .price_unit, .price_details {
    color: red;
    font-weight: 600;
}

.goods-stock .stock_number {
    /* font-weight: 600; */
    color: #666;
}

.post-cinnamon-series .goods-stock .stock_number, .post-agriculturalrawmaterials .goods-stock .stock_number {
    color: #fff;
}

/*文章详情页标签区域相关CSS代码*/
.blog-section .tags.d_flex {
    background: white;
    padding: 5px;
}

/*首页关于我们区域CSS代码*/
section.about-us {
    padding: 20px 0 25px 0;
    border-bottom: 1px solid #e6e7e9;
    background: #f0f0f0;
    background: url(/wp-content/themes/elitepress/images/abbg.jpg) no-repeat center center;
    background-position: left top;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}

.aboutus-box .section-title .aboutus, .aboutus-box .section-subtitle {
    color: #fff;
}

/*
.about_us_section {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
*/

.about_us_section:before, .about_us_section:after {
    content: "";
    display: table;
    clear: both;
}

.aboutus-box .thumbnail_box {
    float: left;
    width: 42%;
    /* padding-right: 2%; */
    height: 310px;
    width: calc(43% - 1.032vw);
}

.aboutus-box .thumbnail_box .thumbnail {
    background-color: transparent;
    border: 2px solid #f5f5f5;
    height: 100%;
}

.aboutus-box .thumbnail_box .thumbnail a img.home-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.in_ab_r {
    width: 56%;
    float: right;
    padding-left: 146px;
    padding-top: 35px;
    padding-bottom: 35px;
    background: url(/wp-content/themes/elitepress/images/ab_r_bg.png) no-repeat left center;
    background-size: contain;
    -webkit-background-size: contain;
    position: relative;
    width: calc(57% - 1.368vw);
}

.in_ab_r a.more1 {
    width: 23px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    left: 61px;
    bottom: 48px;
    background: #ff9c00;
    padding: 5px;
}

a.more1:hover p {
    color: #fff;
}

a.more1 p {
    line-height: inherit;
    color: #e0e0e0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

/* @media screen and (max-width:991px) {
.aboutus-box .thumbnail_box {
    width: 100%;
    padding: 0 5px;
    margin-bottom: 15px;
}
.in_ab_r {
    width: 100%;
    background-position: left 10px center;
    margin-right: 5px;
}
.in_ab_r a.more1 {
    left: 71px;
}
} */

@media (max-width: 991px) {
    .about-us .container {
        padding-right: 2.4vw;
        padding-left: 2.4vw;
    }

    .about-us .container .row {
        margin-right: -2.4vw;
        margin-left: -2.4vw;
    }

    .about-us .container .row .aboutus-box {
        padding-left: 2.4vw;
        padding-right: 2.4vw;
    }

    .about-us .container .row .aboutus-box .thumbnail_box {
        padding: 0;
        margin-bottom: 2.4vw;
        width: 100%;
    }

    .about-us .container .row .aboutus-box .in_ab_r {
        margin: 0;
        width: 100%;
        -webkit-background-position: left 0px center;
        background-position: left 0px center;
    }
}

/*首页产品中心区域CSS代码*/
.home-blog .post .thumbnail-postcard {
    margin: 0;
}

/*首页公司动态区域CSS代码*/
.smq-news {
    padding: 20px 0px 0px;
    border-bottom: 1px solid #e6e7e9;
    background: #f0f0f0;
    background: url(../wp-content/themes/elitepress/images/newbg.jpg) no-repeat center center;
    background: url(/wp-content/themes/elitepress/images/newbg.jpg);
    overflow: hidden;
}

.section-title a.smqnews {
    color: #fff;
}

.news-box .section-subtitle {
    color: #fff;
}

#ycnews .swiper-slide .tao {
    background: 0;
    padding: 5px 7.5px;
}

.smq-news #ycnews .swiper-slide .tao .row {
    background: white;
    padding: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 15px 0;
    -webkit-transition: box-shadow .4s,transform .4s;
    -ms-transition: box-shadow .4s,transform .4s;
    -moz-transition: box-shadow .4s,transform .4s;
    -o-transition: box-shadow .4s,transform .4s;
    transition: box-shadow .4s,transform .4s;
    padding: 0 0 5px 0;
}

.smq-news #ycnews .swiper-slide .tao .row:hover {
    -webkit-transform: translateY(-2%);
    -ms-transform: translateY(-2%);
    -moz-transform: translateY(-2%);
    -o-transform: translateY(-2%);
    transform: translateY(-2%);
    -webkit-box-shadow: 1px 4px 10px 2px #CCC;
    -ms-box-shadow: 1px 4px 10px 2px #CCC;
    -moz-box-shadow: 1px 4px 10px 2px #CCC;
    -o-box-shadow: 1px 4px 10px 2px #CCC;
    box-shadow: 1px 4px 10px 2px #CCC;
}

.smq-news #ycnews .swiper-slide .tao .row .entry-img {
    padding: 0;
}

#ycnews .swiper-slide .entry-img .thumbnail_box {
    padding: 0 0 5px 0;
}

#ycnews .swiper-slide .entry-img .thumbnail_box .thumbnail {
    margin-bottom: 0;
    padding-bottom: 50%;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

@media screen and (min-width: 992px) {
	#ycnews .swiper-slide .entry-img .thumbnail_box .thumbnail {
		padding-bottom: 229px;
	}
}

img.home-thumb.companynews {
    -webkit-border-radius: 0;
    border-radius: 0;
}

#ycnews .swiper-slide .entry-header {
    padding: 0 5px;
}

.smq-news .entry-title.news {
    margin-bottom: 0px;
    overflow: hidden;
    /* height: 31px; */
    margin-top: 13px;
}

.smq-news .entry-title.news a {
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media only screen and (max-width: 480px) and (min-width: 200px) {
.smq-news .entry-title.news a {
    -webkit-line-clamp: 2;
}
}

@media (max-width: 991px) {
    .smq-news .container {
        padding-left: 2.4vw;
        padding-right: 2.4vw;
    }

    .smq-news .container .row {
        margin-right: -2.4vw;
        margin-left: -2.4vw;
    }

    .smq-news .container .row .news-box {
        padding-left: 2.4vw;
        padding-right: 2.4vw;
    }

    .smq-news .container .row .news-box #ycnews {
        margin: 0;
    }

    .smq-news .container .row .news-box #ycnews .swiper-container-horizontal {
        padding-left: 0;
        padding-right: 0;
    }

    .smq-news .container .row .news-box #ycnews .swiper-container-horizontal .swiper-slide .tao {
        padding-left: 0;
        padding-right: 0;
    }

    .smq-news .container .row .news-box #ycnews .home_news_center {
        padding: 0;
    }
}

/*文章内容详情页定制样式CSS代码*/
.physical_properties span:nth-child(2n+1) {
    clear: right;
    }
.content_details p.physical_properties {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-indent: 0;
}
.physical_properties span {
    display: inline-grid;
    align-items: center;
    color: #fff;
    background: #1d9dcd;
    border: 1px solid #fff;
    flex-grow: 1;
    border-radius: 4px;
    }
.physical_properties span:nth-child(2n) {
    color: inherit;
    background: #e6e7e9;
}
.physical_properties span:nth-child(2n-1) {
    width: 33%;
}
.physical_properties span:nth-child(2n) {
    width: 67%;
}
@media screen and (min-width:768px) {
.physical_properties span:nth-child(2n-1) {
    width: 16.66666667%;
}
.physical_properties span:nth-child(2n) {
    width: 33.33333333%;
}
/*.physical_properties span:first-child {
    border-radius: 4px 0 0 0;
}
.physical_properties span:nth-child(4) {
    border-radius: 0 4px 0 0;
}
.physical_properties span:nth-last-child(4) {
    border-radius: 0 0 0 4px;
}
.physical_properties span:last-child {
    border-radius: 0 0 4px 0;
}*/
}
/*@media screen and (max-width:991px) {
.physical_properties span {
    width: 50%;
}
.physical_properties span:first-child {
    border-radius: 4px 0 0 0;
}
.physical_properties span:nth-child(2) {
    border-radius: 0 4px 0 0;
}
.physical_properties span:nth-last-child(2) {
    border-radius: 0 0 0 4px;
}
.physical_properties span:last-child {
    border-radius: 0 0 4px 0;
}
}*/

/*评论输入框相关CSS代码*/
form .blog-form-control {
    border-radius: 3px;
}

/*iconfont通用CSS代码*/
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/*首页宽度CSS代码*/
.home #sidebar-section-float2 {
    width: 100%;
}

.container-homeload {
    width: 100%;
}

@media screen and (min-width: 992px){
.home .blogleftone#sidebar-section-float2 {
    width: 75%;
}
}

.home .col-md-8#sidebar-section-float2, .home .col-md-4#sidebar-section-float {
    padding: 0;
}

/* 产品中心列表CSS代码更新 */
.site-content-three.wp-block-gallery article {
    /* width: calc((100%)/ 4); */
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    /* margin-bottom: 15px; */
    /* display: unset; */
}

.site-content-three .outer-cover {
    margin-bottom: 15px;
}

/* .site-content-three .outer-cover article {
    padding: 0;
    border: none;
    margin-bottom: 0;
    background: 0;
} */

.site-content-three .outer-cover article .thumbnail.firstone {
    overflow: inherit;
}

.site-content-three.wp-block-gallery .outer_box {
    margin-bottom: 15px;
}

@media (max-width:767px) {
    #sidebar-section-float2 {
        padding: 0 2.4vw;
    }

    .postcard#postcard {
        margin: 0;
    }

    .site-content-three.wp-block-gallery article, .site-content-three.wp-block-gallery .outer-cover {
        padding: 0;
        margin: 0 2.4vw 2.4vw 0;
        width: calc(50% - 2.4vw);
    }

    .site-content-three.wp-block-gallery .outer-cover:nth-child(2n) {
        margin-right: 0;
    }

    .site-content-three.wp-block-gallery .outer-cover:last-child {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .site-content-three.wp-block-gallery .outer_box:last-child article {
        margin-bottom: 15px;
    }

    .postcard .site-content-three.wp-block-gallery article:last-child {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .site-content-three.wp-block-gallery .outer-cover article {
        width: 100%;
        margin: 0;
    }

    .list#list, .card#card {
        margin: 0;
    }

    .site-content-three.wp-block-gallery .outer_box {
        margin: 0;
        padding: 0;
    }

    .site-content-three.wp-block-gallery .outer_box article {
        width: 100%;
        margin-right: 0;
    }

    .site-content-three.wp-block-gallery article .thumbnail-postcard {
        margin: 0;
    }
    
    .site-content-three.wp-block-gallery article:nth-child(2n) {
        margin-right: 0;
    }
}

/*首页标题CSS代码*/
.site-content .post .entry-header {
    margin-bottom: 0;
}

/*sitemap页面CSS代码*/
    a:link,a:visited {color: inherit;}
    a:hover {color:#08d;text-decoration:none;}
#nav a:hover, #content a:hover, #footer a:hover, center a:hover {
    color: #08d;
}
    #nav, #content, #footer {padding: 8px; border: 1px solid #EEEEEE; clear: both; /*width: 95%;*/ width: 100%; margin: auto; margin-top: 15px;background: white;border-radius: 3px;}
div#content ul, div#content .categories ul, div#content .menu ul {
    margin: 0;
    padding: 0;
}
div#content ul:after, div#content .categories ul:after, div#content .menu ul:after {
    content: "";
    display: table;
    clear: both;
}
#content ul li {
    padding: 4px;
    text-align: center;
    float: left;
    width: 25%;
    white-space: nowrap;
    /*overflow: hidden;
    margin: 2px;
    max-width: 24.25%;
    min-width: 24.25%;
    border: 1px solid grey;
    max-height: 32px;*/
}

#content ul li a {
    border: 1px solid grey;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 3px;
}

#content .categories ul li .children a {
    color: #999;
}

#content .categories ul li a:hover {
    color: #08d;
}

@media screen and (min-width:601px) {
#content ul li:nth-child(4n+1) {
    padding-left: 0;
}
#content ul li:nth-child(4n) {
    padding-right: 0;
}
}
@media screen and (max-width:600px) {
#content ul li {
    width: 50%;
}
#content ul li:nth-child(2n+1) {
    padding-left: 0;
}
#content ul li:nth-child(2n) {
    padding-right: 0;
}
}
/*
@media screen and (max-width:470px) and (min-width:0px) {
#content aside.sidebar-widgettwo.widget ul a:nth-child(2n+1) {
    margin-left: 4px !important;
}
}
@media screen and (max-width:625px) and (min-width:0px) {
#content aside.sidebar-widgettwo.widget ul a {
    max-width: 47.8% !important;
    min-width: 47.8% !important;
}
}
@media screen and (max-width:692px) and (min-width:626px) {
#content aside.sidebar-widgettwo.widget ul a {
    margin: 4px 2px 4px 2px !important;
}
#content aside.sidebar-widgettwo.widget ul a:nth-child(4n+1) {
    margin-left: 4px !important;
}
}
@media screen and (max-width:1199px) and (min-width:693px) {
#content aside.sidebar-widgettwo.widget ul a {
    margin: 4px 2px 4px 3px !important;
}
#content aside.sidebar-widgettwo.widget ul a:nth-child(4n+1) {
    margin-left: 3px !important;
}
}
*/
/*@media screen and (max-width:1024px) and (min-width:768px) {
#content aside.sidebar-widgettwo.widget ul a {
    max-width: 24.25% !important;
    min-width: 24.25% !important;
}
}*/
/* #content aside.sidebar-widgettwo.widget ul a { */
    /*min-width: 24.25%;
    max-width: 24.25%;
    float: left;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
    font-size: 14px !important;
    font-family: fantasy;
    line-height: inherit;
    padding: 5px;
    margin: 4px 0px 4px 8px;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    /*max-height: 27px;
    color: #fff !important;*/
/* } */
/*
@media screen and (min-width:1200px) {
#content aside.sidebar-widgettwo.widget ul a:nth-child(4n+1) {
    margin-left: 0;
}
}
*/
#content aside.sidebar-widgettwo.widget ul a:hover {
    color: white !important;
    background: black !important;
}
/*div#content .menu ul {
    margin-right: -10px;
}*/
/*.contenttwo ul {
margin-right:-10px !important;
}*/
.content_title {
    border-left: 4px solid red !important;
    padding-left: 10px !important;
    font-size: 17px;
    font-weight: 600;
    color: #333333;
    font-family: 'Lato';
}

center .center_footer {
    text-align: center;
    font-size: 11px;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
}

#nav, #content, #footer {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

section.sitemap_header {
    margin: 10px auto;
    text-align: center;
    background: #fff;
    margin-top: 0;
    padding-top: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

#content aside.sidebar-widgettwo.widget .tagcloud_container_outer {
    width: 25%;
    float: left;
}
#content .tagcloud_container {
    padding: 4px;
}
#content aside.sidebar-widgettwo.widget .tagcloud_container_outer .tagcloud_container a {
    padding: 5px;
    margin: 0px;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
    font-size: 14px !important;
    font-family: fantasy;
    line-height: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (min-width:601px) {
#content aside.sidebar-widgettwo.widget .tagcloud_container_outer:nth-child(4n+1) .tagcloud_container {
    padding-left: 0;
}
#content aside.sidebar-widgettwo.widget .tagcloud_container_outer:nth-child(4n) .tagcloud_container {
    padding-right: 0;
}
}
@media screen and (max-width:600px) {
#content aside.sidebar-widgettwo.widget .tagcloud_container_outer {
    width: 50%;
}
#content aside.sidebar-widgettwo.widget .tagcloud_container_outer:nth-child(2n+1) .tagcloud_container {
    padding-left: 0;
}
#content aside.sidebar-widgettwo.widget .tagcloud_container_outer:nth-child(2n) .tagcloud_container {
    padding-right: 0;
}
}

.textwidget p br {
    display: none;
}

/*网站地图无刷新点击加载更多区，加载按钮新无刷新CSS代码*/
#content .gdta.t3 {
    text-align: center;
    padding: 12px 0 8px 0;
}

#content .gdta.t3 .nav-previous a {
    background: none;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid grey;
}

#content .gdta.t3 .nav-previous a:hover {
    color: #fff;
    background: #31a3dd;
    border: 1px solid #31a3dd;
}

#content .gdta.t3 .nav-previous a.loading {
    color: #fff;
    background: #31a3dd;
    border: 1px solid #31a3dd;
}

/*无刷更新后，商店产品图片显示CSS*/
.woocommerce-product-gallery__image.showup {
    position: absolute;
    width: 100% !important;
    top: 0;
    left: 0;
    margin: 0 !important;
    opacity: 1 !important;
}

/* 搜索历史区域CSS代码 */
.search-history-area {
    display: none;
    padding: 0 3px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    height: 0;
}

.sy_div23 {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sy_div23 .search-history-title {
    border-radius: 4px;
    padding: 5px 5px 5px 2px;
    line-height: 18px;
    font-size: 14px;
    opacity: .8;
}

.sy_div23 .clear-history {
    border-radius: 4px;
    line-height: 18px;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: none;
    padding: 5px 2px 5px 5px;
    opacity: .8;
    display: inherit;
}

.sy_div23 .clear-history:hover {
    color: red;
}

.search-history-list {
    padding: 0;
    margin: 0;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search-history-list li {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border: 2px solid #8080801f;
    align-items: center;
    border-radius: 4px;
    padding: 0 3px;
    justify-content: center;
    flex-grow: 1;
    font-size: 12px;
    color: #333333f2;
}

.searched-keywords {
    cursor: pointer;
    font-size: 13px;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.searched-keywords:hover {
    color: green;
}

.search-history-list .sy_p37 {
    padding: 0;
    background: transparent;
    margin-top: -20px;
    font-size: 10px;
}

.search-history-list .sy_p37 svg.icon {
    /*background: #fff;
    border-radius: 50%;*/
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-size: 12px;
    color: #999;
}

.search-history-list .sy_p37 svg.icon:hover {
    color: red;
    cursor: pointer;
}

@media screen and (min-width:992px){
.search-history-list .sy_p37 svg.icon {
    font-size: 13px;
}
}

.widget .textwidget .search-history-list li {
    padding: 0 3px;
    font-size: 12px;
    background: #8080801f;
    border: 2px solid #fff;
}

.search-history-area .search-history-list li {
    display: none;
}

.search-history-list li:first-child, .search-history-list li:nth-child(2), .search-history-list li:nth-child(3), .search-history-list li:nth-child(4), .search-history-list li:nth-child(5), .search-history-list li:nth-child(6) {
display: inherit;
}

.show-all {
    opacity: .8;
}

.widget ul .show-all a {
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.widget ul .show-all a:before, .widget ul .show-all a:hover:before {
    display: none;
    content: "";
}

.search-history-list.two li {
    background: #8080801f;
    border: 2px solid #fff;
}

.search-history-list.two li.show-all {
    display: none;
    text-align: center;
}

.search-history-list.two .show-all a {
    color: #707981;
}

/** 分页区域CSS代码，分页跳转 */
input#page_input {
    padding: 0;
    border-radius: 4px;
    width: 50px;
    font-size: 13px;
    height: auto;
    text-align: center;
    /* min-height: 33px; */
    line-height: 31px;
}

/*测试产品列表页CSS代码*/
.site-content #content article .firstone .entry-header .entry-title {
    margin-left: -5px !important;
}

.site-content #content article .firstone .entry-header .entry-title a {
    border-left: 2px solid;
    display: block;
}

/*搜索历史记录方法二，CSS代码*/
/*i.x.fr[data-index="0"] {
    display: none;
}*/
.history_list {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    padding: 6px 0 0 0;
    align-items: center;
}

.history_list li {
    flex-grow: 1;
    background: #ffff;
    border: 5px solid #f0f0f0;
    border-radius: 8px;
    position: relative;
    padding: 0 8px 0 0;
    cursor: pointer;
    color: #000000;
}

/*.history_item:first-child {
    display: none;
}*/

.history_list li .fr {
    float: none;
    opacity: 0;
}

.history_item:hover .fr {
    opacity: 1;
}

.history_list li .fr svg {
    margin-top: -5px;
    position: absolute;
    font-size: 13px;
    margin-left: 2px;
    color: #999;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.history_list li .fr svg:hover {
    color: red;
}

form.search-form br {
    display: none;
}

.widget ul.history_list {
    padding-top: 4px;
    margin: 0 -5px;
}

.widget .history_list li {
    background: #eee;
    border: 4px solid #fff;
    padding: 0;
    font-size: 13px;
}

.widget .history_list li.whole {
    opacity: .6;
    background: 0;
}

.whole .fa-angle-down:before {
    font-size: 20px;
    padding: 3px 6.5px;
    border-radius: 50%;
}

.whole .fa-angle-down:hover:before {
    background: lightgrey;
}

.widget .history_list li.history_item {
    padding: 0 11px;
    margin: 4px;
}

.history_title {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    opacity: .8;
}

.close_whole {
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.close_whole:hover {
    color: red;
}

span.search-button-two {
    width: 11%;
    height: 46px;
    font-size: 16px;
    padding-bottom: 0px;
    float: left;
    border-radius: 0 3px 3px 0;
    background-color: #51aded;
    border-color: #51aded;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    cursor: pointer;
}

span.search-button-two:hover {
    background-color: #64b9f5;
    border-color: #64b9f5;
}

span.search-button-two i.fa.fa-search {
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

button.search-submit.record_btn {
    width: 39px;
    height: 46px;
    font-size: 16px;
    padding-bottom: 0px;
    /* float: left; */
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #51aded;
    border-color: #51aded;
    position: absolute;
    /* margin-left: -39px; */
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    right: 0;
}

button.search-submit.record_btn:hover {
    background: #64b9f5;
    border-color: #64b9f5;
}

input.search-field.record_input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

/*网站整体背景改动新加CSS*/
#wrapper {
    background: inherit;
}

.header-section {
    background: 0;
    border-bottom: 7px solid transparent;
    border-bottom: 0;
}

.home .header-section {
    border-bottom: 7px solid #31a3dda3;
}

div#wrapper .header-section .header-info {
    background: #ffffffa3;
    border: 0;
}

.dropdown-menu {
    background: #fffffff5;
}

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu, .navbar-nav > li > .dropdown-menu {
		width: 100%;
		position: relative;
		left: 0;
	}
}

.page-title-section {
    background: 0;
    padding: 15px 0 0 0;
}

.blog-section {
    background: 0;
}

.site-footer {
    border-top: 0;
    background: linear-gradient(rgba(51, 65, 83, 0.9), rgba(51, 65, 83, 0.9) 1px, rgba(99, 120, 147, 0.9) 0px, rgba(99, 120, 147, 0.9) 2px, rgba(70, 85, 104, 0.9) 0px, rgba(51, 65, 84, 0.9) 20px, rgba(36, 50, 67, 0.9) 0px, rgba(51, 65, 84, 0.9));
}

.site-info {
    opacity: .9;
}

.home .blog-section {
    padding-top: 0;
}

.contact-area h5 {
    color: #ffffff87;
}

.slider-one {
    border: 0;
}

.top-callout-section {
    opacity: .9;
    border: 0;
}

.portfolio {
    background: 0;
    border: 0;
    padding-top: 45px;
}

.portfolio .section-title, .service .section-title, .home-blog .section-title, .album-display .section-title {
    color: #fff;
}

.portfolio .section-subtitle, .service .section-subtitle, .home-blog .section-subtitle, .album-display .section-subtitle {
    color: #fff;
}

section.about-us {
    background: 0;
    border: 0;
}

.service {
    border: 0;
    padding-bottom: 0;
}

/* @media (max-width: 767px) {
    .service .container .row:nth-child(2) {
        padding: 0 2vw;
    }

    .service .container .row:nth-child(2) .col-md-6 {
        padding: 0 2vw;
    }
} */

@media (max-width: 991px) {
    .service .container {
        padding-left: 2.4vw;
        padding-right: 2.4vw;
    }

    .service .container .row {
        margin-left: -2.4vw;
        margin-right: -2.4vw;
    }

    .service .container .row {
        padding-left: 2.4vw;
        padding-right: 2.4vw;
    }

    .service .container .row:nth-child(1) div.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .service .container .row:nth-child(2) .col-md-6 {
        margin-right: 2.4vw;
        margin-bottom: 2.4vw;
        width: calc(50% - 1.2vw);
        padding: 0;
    }

    .service .container .row:nth-child(2) .col-md-6:nth-child(2n) {
        margin-right: 0;
    }

    .service .container .row:nth-child(2) .col-md-6 .media.service-area {
        margin: 0;
    }

    .service .container .row:nth-child(2) .col-md-6:last-child .media.service-area {
        margin-bottom: 45px;
    }
}

.service .media.service-area {
    background: #ffffffc7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 45px;
}

@media screen and (min-width: 768px) {
    .service .media.service-area {
        padding: 10px;
    }
    .service .row .col-md-6:nth-child(1) .media.service-area, .service .row .col-md-6:nth-child(3) .media.service-area {
        margin-right: 15px;
    }
}

.home-blog {
    background: 0;
    padding-top: 0;
}

.album-display {
    background: 0;
    border: 0;
    padding: 15px 0 20px;
}

.smq-news {
    background: 0;
    border: 0;
}

/** .home-blog .shopcenter .section-title {
    color: #007dce;
} */

.home-blog .cloudtags-box .section-subtitle, .home-blog .companynote-box .section-subtitle {
    color: #707981;
}

.showBox.two a {
    color: #fff;
}

.slider-one {
    opacity: .96;
}

.site-logo img {
    background: -webkit-linear-gradient(right, #10101000 10%,#ffffff9e 80%);
    background: -o-linear-gradient(right, #10101000 10%,#ffffff9e 80%);
    background: -moz-linear-gradient(right, #10101000 10%,#ffffff9e 80%);
    background: linear-gradient(to left, #10101000 10%,#ffffff9e 80%);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: none;
}

.site-logo img:hover {
    /* background: linear-gradient(to right, #10101000 10%,#ffffff9e 80%); */
    -webkit-transform: translateY(-2%);
    -ms-transform: translateY(-2%);
    -moz-transform: translateY(-2%);
    -o-transform: translateY(-2%);
    transform: translateY(-2%);
    -webkit-box-shadow: 1px 4px 10px 2px #CCC;
    -ms-box-shadow: 1px 4px 10px 2px #CCC;
    -moz-box-shadow: 1px 4px 10px 2px #CCC;
    -o-box-shadow: 1px 4px 10px 2px #CCC;
    box-shadow: 1px 4px 10px 2px #CCC;
    background-size: 200% 200%;
}

.site-footer .textwidget .site-footer-title {
    color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(214, 223, 223, 0.9);
}

.site-footer .textwidget .site-footer-title:before {
    border-left: 5px solid rgba(0, 128, 0, 0.9);
}

.site-footer .textwidget ul li {
    border-bottom: 1px dotted rgba(209, 209, 209, 0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    line-height: 28px;
    padding: 5px 0;
    height: 38px;
}

.site-footer .textwidget ul li:last-child {
    border-bottom: 0 none;
}

.site-footer .textwidget ul li a, .site-footer .textwidget ul li a:before, .site-footer .textwidget p, .site-footer .textwidget p a.social.weixin {
    color: rgba(255, 255, 255, 0.6);
}

.site-footer .textwidget ul li a:hover, .site-footer .textwidget ul li a:hover:before {
    color: rgba(49, 163, 221, 0.9);
    color: rgba(255, 255, 255, 1);
}

.site-footer .textwidget > p a:hover {
    color: rgba(255, 0, 0, 0.9);
}

.contactus-title {
    border-radius: 3px 3px 0 0;
    padding: 5px;
    background: #fff;
}

/*自定义无刷提交评论CSS*/
ol.comment-box {
    background: none;
}

.comment-form-section {
    background: none;
}

ol.comment-list {
    padding: 0;
    margin-bottom: 15px;
}

ol.comment-list .media {
    background: #fff;
    border-radius: 4px;
    margin-top: 0 !important;
}

/*
ol.comment-list .comment.byuser {
    background: #fff;
    border-radius: 4px;
}

ol.comment-list .comment.even {
    background: #fff;
    border-radius: 4px;
}
*/

#respond.comment-respond {
    background: #fff;
    border-radius: 4px;
}

ol.comment-box .comment.even {
    background: #fff;
    border-radius: 4px;
}

ol.comment-list > .depth-1 {
    padding-left: 3px;
}

ol.children {
    background: #fff;
    border-radius: 4px;
    padding-left: 93px;
}

ol.children .children {
    padding-left: 60px;
}

.comment-author.vcard img {
    float: left;
    border-radius: 50%;
}

.comment-author.vcard .fn {
    padding: 0 5px;
}

.comment-meta .comment-metadata {
    float: right;
}

/*.comment.byuser.depth-1.comment-box {
    background: 0;
}*/

.comment.byuser.depth-1.comment-box .comment.byuser {
    background: #fff;
    margin-bottom: 15px;
    border-radius: 4px;
}

.comment.byuser.depth-1.comment-box .media-body {
    background: #fff;
    border-radius: 4px;
}

.comment.byuser.comment-box.depth-1:before {
    opacity: 0;
}

/** .comment.byuser.depth-1.comment-box .media-body:before {
    content: '';
    position: absolute;
    left: 80px;
    /* top: 0; */
    height: 100%;
    width: 1px;
    background-color: #80808030;
} */

.comment-content.comment-detail {
    padding-left: 60px;
}

.comment-content.comment-detail:before {
    content: '';
    position: absolute;
    left: 60px;
    /* top: 0; */
    height: 3.7%;
    width: 1px;
    background-color: #80808030;
}

ol.children .comment-content.comment-detail:before {
    left: 80px;
}

ol.children ol.children .comment-content.comment-detail:before {
    left: 100px;
}

ol.children ol.children ol.children .comment-content.comment-detail:before {
    left: 120px;
}

ol.children ol.children ol.children ol.children .comment-content.comment-detail:before {
    left: 140px;
}

.comment-section .review {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

.comment-section ul.children .review {
    margin-top: 0 !important;
}

.comment-section ol.children .review {
    margin-top: 0 !important;
}

/** ol.children {
    margin-bottom: 15px;
} */

.comment-section ol.children {
    margin-bottom: 0;
    /** padding-left: 70px; */
}

/** .comment-section .comment {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
} */

.comment-section ol.children .comment {
    margin-top: 0 !important;
}

.comment-section ul.children .comment {
    margin-top: 0 !important;
}

ol.comment-list ol.children {
    margin-bottom: 0;
}

/*评论区加楼层数字排序*/
.comment-section .comment-box.depth-1 {
    counter-increment: commentcounter;
    position: relative;
    padding-left: 3px;
    margin-left: 0 !important;
}

/*
.comment-section .comment.depth-1:before {
    content: counter(commentcounter) '楼';
    color: #fff;
    background: #ccc;
    font-size: 12px;
    padding: 5px;
    border-radius: 50%;
    position: relative;
    left: 0;
    top: 8px;
    opacity: 1 !important;
}

@media screen and (min-width:481px) {
    .comment-section .comment.depth-1:before {
        left: -25px
    }
}
*/

.comment-section .comment-box.depth-1:after {
    content: counter(commentcounter) '楼';
    position: absolute;
    width: auto;
    height: auto;
    padding: 10px 5px;
    left: 2px;
    top: 2px;
    line-height: 0px;
    border-radius: 4px;
    background: #0000007a;
    color: #fff;
    opacity: 1 !important;
    font-size: 12px;
}

/*
.comment-section div:nth-child(2).comment-box.depth-1:after {
    background: #ff787885;
}

.comment-section div:nth-child(3).comment-box.depth-1:after {
    background: #f9c909c2;
}

.comment-section div:nth-child(4).comment-box.depth-1:after {
    background: #24f00ca3;
}

.comment-section div.comment-box.depth-1:nth-child(2):before {
    background: #ff787885;
}

.comment-section div.comment-box.depth-1:nth-child(3):before {
    background: #f9c909c2;
}

.comment-section div.comment-box.depth-1:nth-child(4):before {
    background: #24f00ca3;
}
*/

.comment-section .comment-box.depth-1:nth-of-type(2):after {
    background: #ff787885;
}

.comment-section .comment-box.depth-1:nth-of-type(3):after {
    background: #f9c909c2;
}

.comment-section .comment-box.depth-1:nth-of-type(4):after {
    background: #24f00ca3;
}

textarea#comments {
    overflow: hidden;
}

/*标签云页面CSS代码*/
.tagcloud_page .cloudlabel {
    position: relative;
    overflow: hidden;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    border-top: 1px solid #ddd;
    border-radius: 0 0 3px 3px;
    margin: 0 -5px;
    padding: 3px;
}

.tagcloud_page .cloudlabel .widget.tagcloud_sidebar ul {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*首页标签云，侧边栏标签云CSS代码*/
.cloudtags-box .cloudlabel {
    position: relative;
    overflow: visible;
    /* border: 1px solid #ddd; */
    border-radius: 3px;
    padding: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.textwidget .sidebar-widgettwo, .cloudtags-box .sidebar-widgettwo {
    margin: 0 -5px;
}

.cloudtags-box .cloudlabel .sidebar-widgettwo.widget ul {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.textwidget aside.sidebar-widgettwo.widget.tagcloud_sidebar ul {
    padding-left: 0px;
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 30px;
}

/* 首页TAB切换背景效果CSS代码 */
.nav-tabs {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.nav.nav-tabs li {
    position: relative;
    padding: 0;
    border-bottom: none;
    text-align: center;
    margin-left: 0;
}

ul.nav.nav-tabs li.back_shadow {
    position: absolute;
    width: 88px;
    height: 44px;
    background: #e2e4ea;
    -webkit-box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    -webkit-transition: .6s cubic-bezier(.3,1.8,.5,1);
    transition: .6s cubic-bezier(.3,1.8,.5,1);
    -webkit-border-radius: 50px;
    border-radius: 50px;
    left: 5px;
    -webkit-transition: cubic-bezier(.1,1.2,.5,1) .5s,transform cubic-bezier(.1,1.2,.5,1) .5s,width cubic-bezier(.1,1.2,.5,1) .5s,opacity .5s;
    transition: cubic-bezier(.1,1.2,.5,1) .5s,transform cubic-bezier(.1,1.2,.5,1) .5s,width cubic-bezier(.1,1.2,.5,1) .5s,opacity .5s;
    background: var(--primary-opacity-05) linear-gradient(var(--white-opacity-0) 65%,var(--white-opacity-65));
    -webkit-box-shadow: 0 0 0 1px var(--white-opacity-9) inset,0 8px 10px var(--primary-gray-opacity-2),0 8px 10px var(--primary-opacity-1);
    box-shadow: 0 0 0 1px var(--white-opacity-9) inset,0 8px 10px var(--primary-gray-opacity-2),0 8px 10px var(--primary-opacity-1);
}

ul.nav.nav-tabs li.back_shadow:before {
    content: "";
    display: block;
    margin: 0 .7em;
    height: inherit;
    height: 50%;
    -webkit-box-shadow: 0 1px #fff inset;
    box-shadow: 0 1px #fff inset;
    background: linear-gradient(var(--white-default),var(--white-opacity-3));
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.nav.nav-tabs > li > a {
    padding: 10px;
    color: #888;
}

.shopcenter .nav.nav-tabs > li > a {
    color: rgba(255,255,255,.8);
}

.shopcenter .nav.nav-tabs > li.active > a {
    color: var(--primary-color);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
    border: 1px solid transparent;
    border-bottom-color: #f90;
    padding: 10px;
    color: var(--primary-color);
    text-shadow: -1px -1px var(--white-opacity-7),2px 2px 2px var(--primary-opacity-4);
}

ul.nav.nav-tabs li a, ul.nav.nav-tabs li.active a {
    background: none;
}

.nav-tabs > li > a:hover {
	border-color: transparent;
}

/*
li.cat_name.active {
    background: #e2e4ea;
    -webkit-box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    box-shadow: 0 8px 13px rgba(31,45,61,.13) inset, 0 1px rgba(255,255,255,.75);
    -webkit-transition: .6s cubic-bezier(.3,1.8,.5,1);
    transition: .6s cubic-bezier(.3,1.8,.5,1);
    border-radius: 50px;
}

li.cat_name.active.hide_back {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
*/

.shopcenter .nav-tabs > li.active > a, .shopcenter .nav-tabs > li.active > a:hover, .shopcenter .nav-tabs > li.active > a:focus {
    border-bottom-color: transparent;
}

.tab-content:before, .tab-content:after {
    content: "";
    display: table;
    clear: both;
}

.home-blog .tab-content {
    margin: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.shopcenter .tab-content > .tab-pane .rowone {
    padding-top: 15px;
}

.home-blog .shopcenter .nav.nav-tabs {
    border-bottom: 1px solid transparent;
    padding-bottom: 30px;
    background: rgba(0,0,0,.5);
}

/* 产品列表展示页切换按钮CSS代码 */
.display-switcher .menu li#anchor-three {
    position: absolute;
    right: 0px;
    width: 38px;
    opacity: 1;
    display: block;
    /* background: linear-gradient(#fff,#E5E9F2); */
    -webkit-box-shadow: 0 6px 6px #0000000d, 0 10px 10px #00000026, 0 -1px 2px #fff inset;
    box-shadow: 0 6px 6px #0000000d, 0 10px 10px #00000026, 0 -1px 2px #fff inset;
    /* -webkit-transition: .3s; */
    /* transition: .3s; */
    /* left: 76px; */
    background-color: var(--white-opacity-5);
    -webkit-box-shadow: 0 1px var(--white-default) inset,0 2px 2px var(--gray-opacity-15);
    box-shadow: 0 1px var(--white-default) inset,0 2px 2px var(--gray-opacity-15);
}

.display-switcher .menu li.anchor_tab {
    float: right;
    line-height: 18px;
    padding: 0;
}

.display-switcher .menu li.anchor_tab a {
    cursor: pointer;
}

.weizhi_left {
    overflow: auto;
    white-space: nowrap;
}

/* 商品详情页克隆图片CSS代码 */
.woocommerce div.product div.images .woocommerce-product-gallery__image.clone_picture {
    position: absolute;
    left: 100%;
    width: 100%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    float: left;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img {
    opacity: .5;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2).flex-active-slide img {
    opacity: 1;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2).first_copied img, .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2).clone_picture img, .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2).clicked_pic img {
    opacity: 1;
}

/*锚点自动跟随滚动定位CSS代码*/
ul.sideMaodian {
    position: fixed;
    right:10px;
    width: 120px;
    top: 30px;
    z-index: 1;
    left: 0;
}

ul.sideMaodian li {
    /*height: 20px;*/
    background: burlywood;
    padding: 10px;
    cursor: pointer;
    line-height: 20px;
}

ul.sideMaodian li.active {
    background-color: brown;
}

ul.sideMaodian li.active {
    color: #fff;
}

/* 新的锚点自动跟随滚动定位JS代码下的CSS代码 */
#nav_menu {
    display: none;
    position: fixed;
    width: 100%;
    height: auto;
    background: #ffc;
    overflow-y: auto;
    min-height: 60px;
    line-height: 60px;
    width: 100px;
    right: 10px;
    text-align: center;
    padding: 0;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: 70px;
}

@media (min-width: 768px) {
    #nav_menu {
        display: block;
    }
}

#nav_menu a.smooth {
    display: block;
    background: #ffc;
}

#nav_menu a.smooth:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#nav_menu a.smooth:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

#nav_menu a.smooth:hover {
    color: #fff;
    background-color: brown;
}

#nav_menu a.smooth.c {
    color: red;
    background: brown;
    color: #fff;
}

#p_page {
    margin-bottom: 50rem;
    margin-bottom: 0;
}

#p_page div {
    height: 30rem;
    height: auto;
}

/*首页锚点自动跟随滚动定位CSS代码*/
div#nav_menu.home_nav {
    left: 10px;
    z-index: 0;
    line-height: 35px;
    display: none;
    -webkit-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    background: 0;
    font-size: 14px;
}

div#nav_menu.home_nav a {
    display: -webkit-box;
    overflow: hidden;
    padding: 0 3px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    text-align: left;
}

div#nav_menu.home_nav a:before {
    content: "•";
    padding-right: 3px;
}

@media screen and (max-width:1339px){
.home_nav {
    display: none !important;
}
}

@media screen and (min-width: 1340px) and (max-width: 1389px) {
div#nav_menu.home_nav {
    left: 0;
    width: 90px;
    line-height: 25px;
}
}

/*首页锚点自动跟随滚动定位方法三CSS代码*/
div#navHeight {
    position: fixed;
    top: 55px;
    background: #ffc;
    border-radius: 4px;
    text-align: center;
    width: 90px;
    left: 0;
    display: none;
}

.nav-mobile {
    display: none;
}

div#navHeight nav ul {
    padding: 0;
}

div#navHeight nav ul a {
    display: block;
    font-size: 12px;
}

div#navHeight nav ul a:first-child {
    border-radius: 4px 4px 0 0;
}

div#navHeight nav ul a:last-child {
    border-radius: 0 0 4px 4px;
}

div#navHeight .smooth.active {
    background: brown;
    color: #fff;
}

/*将方法二的锚点CSS变化注释掉*/
/*a.smooth.c {
    color: unset;
    background: unset;
}*/

/*WordPress 通过代码实现 Ajax 自动完成搜索的CSS*/
.ui-menu {
    width: 100px;/*此处必需设置一个宽度任意宽度即可，否则自动显示时会超宽*/
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0;
}

.ui-menu-item {
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px 5px;
    border-radius: 4px;
    border-bottom: 1px solid transparent;
}

/*
.ui-menu-item:hover {
    background-color: rgba(175, 42, 0, 0.52);
    color: #fff;
}
*/

.ui-menu-item a {
    -webkit-transition: none;
    transition: none;
}

/*引用jquery-ui.js时设置的CSS代码*/
.ui-menu-item-wrapper {
    -webkit-transition: none;
    transition: none;
}

.ui-widget-content .ui-menu-item-wrapper {
    padding: 3px;
}

.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
    border-radius: 4px;
    margin: -1px;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
}

/*将引用jquery-ui.min.js提示框覆盖隐藏*/
.ui-widget-content {
    z-index: 2;
    max-height: 350px;
    overflow: auto;
}

.ui-widget-content.ui-corner-all {
    z-index: 1;
}

/*将ui-corner-all提示框强制隐藏*/
.ui-corner-all {
    display: none !important;
}

/*评论输入框字数计数CSS*/
.jishu {
    font-size: 12px;
    position: absolute;
    right: 5px;
}

#pinglun {
    color: #f90;
    font-weight: 700;
    font-size: 22px;
    font-style: italic;
    font-family: Constantia, Georgia;
    vertical-align: top;
}

/*文章详情中自定义表格CSS代码*/
.details_table {
    margin: 0;
}

.details_table tbody tr td {
    font-size: 14px;
}

/* jqueryPhoto.js图片切换CSS，效果CSS开始 */
.pro_det_main_left1 {
    display: none;
    width: 320px;
    /* float: left; */
    height: 390px;
}

.mod18{width: 320px;position:relative;}
.mod18 .btns{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prevs{left:0px;background:url(https://china.guidechem.com/images/prevBtn.png) no-repeat;}
.mod18 #prevTops,.mod18 #nextTops{top:115px;width:32px;height:48px; display: none;}
.mod18 #prevs,.mod18 #nexts{top:350px;width:13px;height:23px;}
/*.mod18 #prevTops{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTops{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}*/
.mod18 .nexts{right:0px;background:url(https://china.guidechem.com/images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;/* width:60px; */height:60px;}
.mod18 .cfs li{ padding-right: 15px;display: flex;justify-content: center; align-items: center;}
.mod18 .picBoxs{width:320px;height:320px;position:relative;overflow:hidden;z-index: 1;border: 1px solid #dbeaf4;}
.mod18 .picBoxs ul{height:377px;position:absolute;left:0;padding: 0;}
.mod18 .picBoxs li{padding-right:1px;width:320px;height:320px;display: flex;justify-content: center;align-items: center;/* display: block; */}
.mod18 .picBoxs li img{max-width:320px;max-height:320px;margin: 0;}
.mod18 .listBox{width: 320px;position:relative;margin: 10px 0 0;overflow: hidden;height: 62px;}
.mod18 .listBox ul{height:60px;position:absolute;padding-left:20px;}
.mod18 .listBox li{/* width:60px; */height:60px;cursor:pointer;position:relative;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{width: 60px;height: 60px;padding: 0;}
.mod18 .listBox .on img{border: 1px solid #189aed;}

.mod18 .picBoxs li .highslide-image > img {
    width: 320px;
    height: 320px;
    border: none;
    object-fit: cover;
    padding: 0;
}

.mod18 .listBox ul {
    padding-left: 0;
    margin-left: 20px;
}

/*纯js实现文章导航目录CSS*/
.j-titleList {
    display: none;
    position: fixed;
    top: 70px;
    right: 0;
    background: #fff;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px;
    box-shadow: 0 0 4px;
    counter-reset: section;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    direction: rtl;
    text-align: left;
    z-index: 1;
}

.j-titleList::-webkit-scrollbar {
    width: 2px;
}

/* .j-titleList::-webkit-scrollbar-thumb {
    background-color: #ef0808 !important;  // 滑块颜色
    border-radius: 5px; // 滑块圆角
} */

@media screen and (max-width:1300px) {
    .j-titleList {
        display: none !important;
    }
}

div.titleList li {
    margin-bottom: 4px;
    cursor: pointer;
    font-weight: normal;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0 6px;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    counter-reset: subsection;
    direction: ltr;
}

div.titleList li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    display: block;
}

div.titleList li a:before {
    counter-increment: section;
    content: counter(section) ".";
    padding-right: 5px;
}

div.titleList li.pl {
    padding-left: 12px;
    color: #999;
    counter-reset: unset;
}

div.titleList li.pl a:before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) " ";
}

div.titleList li:nth-last-of-type(1) {
    margin-bottom: 0;
}

div.titleList li a:hover, div.titleList li:hover:before, div.titleList li:hover a {
    color: #08d;
}

div.titleList li.active a, div.titleList li.active:before, div.titleList li.active:hover:before, div.titleList li.active:hover a, div.titleList li.active a:hover {
    color: #13C2C2;
}

div.titleList .j-bj {
    background: #e6f7ff;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

div.titleList .j-bj:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    background: #13C2C2;
    height: 100%;
}