@charset "utf-8";

/* =========================================================================*/
/* 公共配置
/* =========================================================================*/
:root {
	/*基本配色设置*/
	--primary-color: #000000cc; /*主色调*/
	--secondary-color: #dc3545; /*辅色调*/

	/*公共高度设置*/
	--header-height:60px; /*头部高度*/
	--banner-height:1000px; /*主横幅高度*/
	--slide-height:400px; /*主幻灯高度*/
	--footer-height:100px; /*尾部高度*/
 
    /*------------------------------------------*/
    /*  主菜单设置
    /*------------------------------------------*/         
    --nav-primary-height:60px; /*主菜单高度*/
    --nav-primary-width:auto; /*主菜单项宽度*/
    /*---------------------*/
    --nav-primary-bg-color:transparent; /*主菜单背景颜色*/
    /*---------------------*/
    --nav-primary-align:left; /*主菜单对齐方式*/
    
    /*------------------------------------------*/
    /*  主菜单项设置
    /*------------------------------------------*/  
    --nav-primary-item-height:60px; /*主菜单项高度*/
    --nav-primary-item-width:auto; /*主菜单项宽度*/
    /*---------------------*/
    --nav-primary-item-font-size:12px; /*主菜单项字体大小*/
    --nav-primary-item-font-weight:700; /*主菜单项字体粗细*/
    /*---------------------*/
    --nav-primary-item-color:#ffffff; /*主菜单项主体颜色*/
    --nav-primary-item-bg-color:transparent; /*主菜单项背景颜色*/
    /*---------------------*/
    --nav-primary-item-hove-font-size:14px; /*主菜单项字体大小*/
    --nav-primary-item-hove-font-weight:700; /*主菜单项字体粗细*/
    --nav-primary-item-hover-color:#fff; /*主菜单项鼠标悬停时字体颜色*/
    --nav-primary-item-hover-bg-color:#000000cc; /*主菜单项鼠标悬停时背景颜色*/
    --nav-primary-item-hover-li-bg-color:#ccc; /*主菜单项鼠标悬停时背景颜色*/
    /*---------------------*/
    --nav-primary-item-this-font-size:14px; /*主菜单项字体大小*/
    --nav-primary-item-this-font-weight:700; /*主菜单项字体粗细*/   
    --nav-primary-item-this-color:#fff; /*主菜单项选中项字体颜色*/
    --nav-primary-item-this-bg-color:#000000aa; /*主菜单项选中项背景颜色*/               
    /*---------------------*/
    --nav-primary-item-line-height:0px; /*主菜单项下滑线粗细*/
    --nav-primary-item-line-color:#ff3300; /*主菜单项下滑线颜色*/
    /*---------------------*/
    --nav-primary-item-sep-height:10px; /*主菜单项分隔线半高（方便计算）*/
    --nav-primary-item-sep-color:#ccc; /*主菜单项分隔线颜色*/
    --nav-primary-item-sep-border:1px; /*主菜单项分隔线粗细*/
   
    /*------------------------------------------*/
    /*  主菜单手机端设置
    /*------------------------------------------*/  
    --nav-primary-mobil-font-weight: normal; /*手机端主菜单项字体粗细*/
    --nav-primary-mobil-height:60px; /*手机端主菜单导航占位条高度*/
    --nav-primary-mobil-color:#fff; /*手机端主菜单前景颜色*/
    --nav-primary-mobil-bg-color:#000000aa; /*手机端主菜单下拉背景颜色*/
    /*---------------------*/
    --nav-primary-mobil-btn-bg-color:#FFEB3B; /*手机端主菜单按钮颜色*/
    /*---------------------*/
    --nav-primary-item-mobil-height:60px; /*手机端主菜单项高度*/
 
    /*------------------------------------------*/
    /*  一级子菜单设置
    /*------------------------------------------*/            
    --nav-first-top:80px; /*一级子菜单的顶部偏移量*/
    /*---------------------*/
    --nav-first-font-size:14px; /*一级子菜单字体大小*/
    --nav-first-font-weight:400; /*一级子菜单字体粗细*/
    /*---------------------*/
    --nav-first-color:#fff; /*一级子菜单主体颜色*/
    --nav-first-bg-color:#616b6199; /*一级子菜单背景颜色*/
   
    /*------------------------------------------*/
    /*  一级子菜单项设置
    /*------------------------------------------*/            
    --nav-first-item-height:40px; /*一级子菜单项高度*/
    --nav-first-item-width:auto; /*一级子菜单项宽度*/
    /*---------------------*/
    --nav-first-item-font-size:14px; /*一级子菜单字体大小*/
    --nav-first-item-font-weight:400; /*一级子菜单项字体粗细*/
    /*---------------------*/
    --nav-first-item-color:#000; /*一级子菜单项前景颜色*/
    --nav-first-item-bg-color:#f8f8f8; /*一级子菜单项背景颜色*/
    --nav-first-item-dd-bg-color:transparent; /*一级子菜单项所在容器背景颜色*/
    /*---------------------*/
    --nav-first-item-hover-color:#cc0; /*一级子菜单项鼠标悬停时字体颜色*/
    --nav-first-item-hover-bg-color:#10295ccc; /*一级子菜单项鼠标悬停时背景颜色*/
    /*---------------------*/
    --nav-first-item-this-color:#b02a37; /*一级子菜单选中项字体颜色*/
    --nav-first-item-this-bg-color:#000000cc; /*一级子菜单项选中项背景颜色*/
    --nav-first-item-this-dd-bg-color:transparent; /*一级子菜单项选中项所在容器背景颜色*/
   
    /*------------------------------------------*/
    /*  二级子菜设置
    /*------------------------------------------*/     
    --nav-second-font-size:14px; /*二级子菜单字体大小*/
    --nav-second-font-weight:400; /*二级子菜单字体粗细*/
    /*---------------------*/
    --nav-second-color:#2a333c; /*二级子菜单主体颜色*/
    --nav-second-bg-color:#FFFFFF; /*二级子菜单背景颜色*/
   
    /*------------------------------------------*/
    /*  二级子菜单项设置
    /*------------------------------------------*/  
    --nav-second-item-height:40px; /*二级子菜单项高度*/
    --nav-second-item-width:auto; /*二级子菜单项宽度*/
    /*---------------------*/
    --nav-second-item-font-size:14px; /*二级子菜单字体大小*/
    --nav-second-item-font-weight:400; /*二级子菜单项字体粗细*/
    /*---------------------*/
    --nav-second-item-color:#000; /*二级子菜单项前景颜色*/
    --nav-second-item-bg-color:#f8f8f8; /*二级子菜单项背景颜色*/
    --nav-second-item-dd-bg-color:transparent; /*二级子菜单项所在容器背景颜色*/
    /*---------------------*/
    --nav-second-item-hover-color:#cc0; /*二级子菜单项鼠标悬停时字体颜色*/
    --nav-second-item-hover-bg-color:#10295ccc; /*二级子菜单项鼠标悬停时背景颜色*/
    /*---------------------*/
    --nav-second-item-this-color:#b02a37; /*二级子菜单选中项字体颜色*/
    --nav-second-item-this-bg-color:#10295ccc; /*二级子菜单项选中项背景颜色*/
    --nav-second-item-this-dd-bg-color:transparent; /*二级子菜单项选中项所在容器背景颜色*/           
}
/* =========================================================================*/
/*  全局式样定义
/* =========================================================================*/
body{font-family: var(--bs-body-font-family);}
#vk-pc{display: block;}
#vk-wap{height:100vh;display: none;}
#vk-wap a{height:100%;}
/* =========================================================================*/
/*  公共头部主题导航
/* =========================================================================*/
/*------------------------------------------*/
/*  公共头部主题导航
 *  --头部一般结构为：
 *  1、上（左+右）+下
 *  2、左+右（上+下）
 * 
/*------------------------------------------*/
#vk-header { 
	height: var(--header-height);
    border-bottom: 0;
    letter-spacing: 1px;
    background: 0 0;
    background-color:#000000;
    position: fixed;
    top:0;
    width: 100%;
    z-index: 99999;
    padding:0;
}
#vk-header.top-nav-collapse{
	background-color:transparent;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8));
}
/*头部*/
#vk-header #vk-logo{margin:12px 16px 0;float:left;}
#vk-header #vk-logo a{ height:100%;}
#vk-header #vk-logo img{ width:auto; height:36px; max-width: 100%;}
/* =========================================================================*/
/* 水平导航
/* =========================================================================*/
/* ------------------------------------- */
/* 导航主体设置
/* ------------------------------------- */
/*菜单主体高度、间隔及背景颜色等*/
.vkui-nav{
    position: relative;
    z-index: 999;
    height: var(--nav-primary-height);
    line-height: var(--nav-primary-height);
    text-align: var(--nav-primary-align);
    background-color: var(--nav-primary-bg-color);
    margin-left: 100px;
}
/* ------------------------------------- */
/* 手机端兼容菜单按钮
/* ------------------------------------- */
.vkui-nav button{
    width: 25px; 
    height: 30px; 
    position: absolute; 
    top: 18px; 
    right: 0; 
    background-color: transparent; 
    border: none; 
    outline: none; 
    cursor: pointer;
    display: none;
}
.vkui-nav button span{
    display: block; 
    width: 25px; 
    height: 2px; 
    background: var(--nav-primary-mobil-btn-bg-color); 
    margin-bottom: 6px; 
    transition: 0.5s;
}
.vkui-nav button span.spa1{transform: rotate(45deg);}
.vkui-nav button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}

/*------------------------------------------*/
/*  主导航菜单

/* ------------------------------------- */
/* 主菜单项设置
/* ------------------------------------- */   
.vkui-nav .layui-nav{background-color: transparent;} /*去掉 layui 导航默认背景色，设为透明*/
.vkui-nav .layui-nav .layui-nav-item {line-height: var(--nav-primary-height);} /*设置主菜单项高度*/
/*---------------------*/
.vkui-nav .layui-nav .layui-nav-item:hover{
    background-color: var(--nav-primary-item-hover-bg-color);
}
.vkui-nav .layui-nav .layui-nav-item.layui-this{background-color: var(--nav-primary-item-bg-color);}
/*---------------------*/
/*主菜单项颜色设置*/
.vkui-nav .layui-nav .layui-nav-item a{
    padding: 0 28px;
    text-align: center;
    font-size: var(--nav-primary-item-font-size);
    font-weight: var(--nav-primary-item-font-weight);
    color: var(--nav-primary-item-color);
    background-color: var(--nav-primary-item-bg-color);
}
.vkui-nav .layui-nav .layui-nav-item:hover a{
    color: var(--nav-primary-item-hover-color);
    font-size: var(--nav-primary-item-hove-font-size);
}
.vkui-nav .layui-nav .layui-nav-item a:hover{
    color: var(--nav-primary-item-hover-color);
    background-color: var(--nav-primary-item-hover-bg-color);
}
.vkui-nav .layui-nav .layui-nav-item.layui-this a{
    color: var(--nav-primary-item-this-color);
    background-color: var(--nav-primary-item-this-bg-color);
    font-size: var(--nav-primary-item-this-font-size);
}
/*---------------------*/
.vkui-nav .layui-nav .layui-nav-item .layui-nav-more:before{content: "";} /*屏蔽主菜单项右侧的箭头*/
/*选中菜单项滑动线颜色、粗细等*/
.vkui-nav .layui-this:after, 
.vkui-nav .layui-nav-bar{
    background-color: var(--nav-primary-item-line-color);
    height:var(--nav-primary-item-line-height);
}
/*---------------------*/
/*主菜单项宽度*/
.vkui-nav .layui-nav .layui-nav-item {
    width: var(--nav-primary-item-width);
}
/*---------------------*/
/*菜单项自定义高度间隔线*/
.vkui-nav .layui-nav .layui-nav-item {margin-left: var(--nav-primary-item-sep-border);}
.vkui-nav .layui-nav .layui-nav-item:before{
    content: '';
    border-left: var(--nav-primary-item-sep-border) solid var(--nav-primary-item-sep-color);
    height: calc(var(--nav-primary-item-sep-height) + var(--nav-primary-item-sep-height));
    position: absolute;
    left: calc(0px - var(--nav-primary-item-sep-border));
    top: calc(50% - var(--nav-primary-item-sep-height));
}
.vkui-nav .layui-nav .layui-nav-item:first-child:before{border-left:0;}
/* ------------------------------------- */
/* 一级子菜单设置
/* ------------------------------------- */         
.vkui-nav .layui-nav .layui-nav-child{top: var(--nav-first-top);} /*一级子菜单的顶部偏移量*/
/*---------------------*/ 
/*一级子菜单基本设置*/
.vkui-nav .layui-nav .layui-nav-item .layui-nav-child {
    /*top: var(--menu-primary-height);*/
    background-color: var(--nav-first-bg-color);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
}
/*一级子菜单项高度*/
.vkui-nav .layui-nav .layui-nav-item .layui-nav-child dd{
    height: var(--nav-first-height);
    line-height: var(--nav-first-height);
    width: var(--nav-first-item-width);
    padding: 0 10px;
    background-color: var(--nav-first-item-dd-bg-color);
} 
/*一级子菜单项字体大小*/
.vkui-nav .layui-nav .layui-nav-item .layui-nav-child dd a{ 
    color:var(--nav-first-item-color);
    background-color: var(--nav-first-item-bg-color);
    font-size:var(--nav-first-item-font-size);
    font-weight:var(--nav-first-item-font-weight);
    padding:0 15px;
}
/*一级子菜单项选中后背景颜色、前景颜色、鼠标指向时颜色*/
.vkui-nav .layui-nav .layui-nav-item .layui-nav-child dd a:hover{ 
    color: var(--nav-first-item-hover-color); 
    background-color: var(--nav-first-item-hover-bg-color); 
}
/*一级子菜单项选中时前景、背背颜色*/
.vkui-nav .layui-nav .layui-nav-child dd.layui-this {
    background-color: var(--nav-first-item-this-dd-bg-color); 
}
/*一级子菜单项选中鼠标抬起后背景颜色*/
.vkui-nav .layui-nav .layui-nav-child dd.layui-this a{
    color: var(--nav-first-item-this-color); 
    background-color: var(--nav-first-item-hover-bg-color); 
}
/* ------------------------------------- */
/* 二级子菜单设置
/* ------------------------------------- */       
.vkui-nav .layui-menu-body-title a {padding:0 10px;margin:0;}
.vkui-nav .layui-menu-body-panel{top:0px;margin-left:0;background-color:var(--nav-second-bg-color);padding: 10px 0 !important;}
.vkui-nav .layui-nav .layui-nav-item .layui-nav-child .layui-menu-item-parent * {border-bottom: 0;}
.vkui-nav .layui-menu-item-group .layui-menu-body-title, #vk-menu .layui-menu-item-parent .layui-menu-body-title { padding-right:0;height:var(--menu-third-height);line-height: var(--menu-third-height);}
.vkui-nav .layui-nav .layui-nav-item .layui-nav-child .layui-menu-item-parent i {color:var(--nav-second-color);}
.vkui-nav .layui-menu-body-panel ul{height:auto !important;}
.vkui-nav .layui-menu-body-panel li{padding:0 10px;min-width: 80px;}
.vkui-nav .layui-menu-body-panel li a{padding:0;}   

/*菜单整体式样、间隔及背景颜色等*/

/*菜单项相关属性设置*/
#vk-menu .layui-nav{color:var(--menu-primary-color); background: var(--menu-primary-bg-color);}
/*菜单项行高、间距等*/
#vk-menu .layui-nav .layui-nav-item {line-height:var(--menu-primary-height);margin:0;}
/*菜单项全高间隔线*/
#vk-menu  .layui-nav .layui-nav-item {border-left: 0px solid #FFFFFF;display:inline-block;}

/*菜单项内部间隔线高度、颜色及位置*/
#vk-menu .layui-nav .layui-nav-item:before{border-right:1px solid #333333;height:15px;content:'';position:absolute;right:-2px;top:calc(50% - 8px);}
#vk-menu .layui-nav .layui-nav-item:after{width:0;}

/*菜单项全高间隔线第一个不显示*/
#vk-menu .layui-nav .layui-nav-item:first-child{border-left: none;}
/*菜单项选中时的颜色*/
#vk-menu .layui-nav .layui-nav-item:hover, #vk-menu .layui-nav .layui-this{ color: var(--nav-primary-item-hover-color); }
#vk-menu .layui-nav .layui-nav-item a{padding: 0 28px;color:var(--nav-primary-item-color);font-size: var(--nav-primary-item-font-size) ;font-weight:var(--nav-primary-font-weight);text-align: center;}
#vk-menu .layui-nav .layui-nav-item a:hover, #vk-menu .layui-nav .layui-this a{color: var(--nav-primary-item-hover-color) !important; font-size: var(--nav-primary-item-this-font-size);}
/*特定菜单项的式样（注意：最后一个不是1）*/
/*#vk-menu .layui-nav .layui-nav-item:nth-last-child(1):before,.layui-nav .layui-nav-item:nth-last-child(2):before{height:0;}*/
#vk-menu .layui-nav .layui-nav-item:nth-last-child(2):before{border-right:0;}
/*#vk-menu .layui-nav .layui-nav-item:nth-last-child(3) a{color:#FF0000;}*/

/*隐藏菜单项选中滑动线*/
/*#vk-menu .layui-nav .layui-this:after, #vk-menu .layui-nav-bar, #vk-menu .layui-nav-tree .layui-nav-itemed:after {display: none;}*/
/*选中菜单项滑动线颜色、粗细等*/
#vk-menu .layui-this:after, #vk-menu .layui-nav-bar{background-color: var(--menu-primary-line-color);height:var(--menu-primary-line-height);}
#vk-menu .layui-nav .layui-this:after, .layui-nav-bar{height:var(--menu-primary-line-height);} 
#vk-menu .layui-this:after{height: 0;}

/*菜单项右侧指示箭头颜色及显示控制*/
#vk-menu .layui-nav-more{right:4px;border-color:#000000 transparent transparent;display: none;}
#vk-menu .layui-nav-mored{border-color: transparent transparent #000000;}
/*菜单子项显示属性，包含顶端位置、背景颜色、背景透明度等*/
#vk-menu .layui-nav .layui-nav-item .layui-nav-child {top:var(--menu-primary-height); background-color: var(--menu-second-bg-color); border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;text-align: center;}
/*菜单子项显示向上箭头*/
/*#vk-menu .layui-nav .layui-nav-item .layui-nav-child:before{ content: ''; position:absolute; top:-8px; left:45%; display: inline-block; border-bottom: 8px solid #D2D2D2; border-right: 8px solid transparent; border-left:8px solid transparent; }
#vk-menu .layui-nav .layui-nav-item .layui-nav-child:after{ content: ''; position:absolute; top:-6px; left:calc(45% + 2px); display: inline-block; border-bottom: 6px solid #FFFFFF; border-right: 6px solid transparent; border-left:6px solid transparent; }*/
/*一级子菜单项高度*/
#vk-menu .layui-nav .layui-nav-item .layui-nav-child dd{height:var(--menu-second-height);line-height: var(--menu-second-height);padding: 0 10px;} 
/*一级子菜单项字体大小*/
#vk-menu .layui-nav .layui-nav-item .layui-nav-child dd a{ color:var(--menu-second-color);font-size:var(--menu-second-font-size);padding:0 15px;font-weight:var(--menu-second-font-weight);}
/*一级子菜单项选中后背景颜色、前景颜色、鼠标指向时颜色*/
#vk-menu .layui-nav .layui-nav-item .layui-nav-child dd a:hover{ color:var(--menu-second-hover-color); }
/*一级子菜单项选中鼠标抬起后背景颜色*/
#vk-menu .layui-nav .layui-nav-child dd.layui-this a, #vk-menu .layui-nav-child dd.layui-this {background-color: #f2f2f2;}
/*二级子菜单项*/
#vk-menu .layui-nav .layui-nav-item .layui-nav-child .layui-menu-item-parent * {border-bottom: 0;}
#vk-menu .layui-menu-item-group .layui-menu-body-title, #vk-menu .layui-menu-item-parent .layui-menu-body-title { padding-right:0;height:var(--menu-third-height);line-height: var(--menu-third-height);}
#vk-menu .layui-nav .layui-nav-item .layui-nav-child .layui-menu-item-parent i {color:var(--menu-primary-color);}
#vk-menu .layui-menu-body-title a {padding:0 10px;margin:0;}
#vk-menu .layui-menu-body-panel{top:0px;margin-left:0;background-color:var(--menu-third-bg-color);padding: 10px 0 !important;}
#vk-menu .layui-menu-body-panel ul{height:auto !important;}
#vk-menu .layui-menu-body-panel li{padding:0 10px;min-width: 80px;}
#vk-menu .layui-menu-body-panel li a{padding:0;}
#vk-menu .layui-nav-child{background-color: var(--menu-second-bg-color);border:0;}
#vk-menu .layui-nav-child a{color:var(--menu-second-color);}
#vk-menu .layui-nav-child a:hover{color:var(--menu-second-hover-color);}
/*快速导航菜单项*/
#vk-menu .fastnav{float:right;background-color:#FBFBFB;height:25px;margin:4px 0 !important;line-height:25px !important;border-radius: 2px;}
#vk-menu .fastnav a{color:#336699 !important;}
#vk-menu .fastnav .layui-nav-child{right:0;left:auto;top:24px;}
#vk-menu .layui-nav .layui-nav-item.fastnav:hover{background:#FFFFFF;}
#vk-menu .layui-nav .layui-nav-item.fastnav a:hover{color:#336699 !important;}

/*------------------------------------------*/
/*  主导航菜单
/*------------------------------------------*/



/*BANNER 图*/
#vk-banner{}
#vk-banner img{width:100%;}

/*焦点图*/
#vk-focus{}
#vk-focus img{width:100%;height:auto;}
#vk-focus .title{position: absolute;top:0;height:32px;line-height: 32px;background: rgba(0,0,0,0.3);color:#FFFFFF;overflow:hidden;text-align: center;padding:0 10px;width:calc(100% - 20px);font-weight: bold;}
/*#vk-focus .layui-carousel-ind {position:absolute;top:6px;}*/

/*面包屑*/
.vkcrumbs{height:29px;line-height: 29px;margin:2px 0;border:none;background:transparent;}
.vkcrumbs ul li{float:left;padding-right:20px;position: relative;}
.vkcrumbs ul li:first-child{padding-right:5px;color:#1E9FFF;}
.vkcrumbs ul li:before{content:"\e65b";color:#BBBBBB;position: absolute;right:3px;top:calc(50% - 15px);font-size:10px; font-family:layui-icon !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.vkcrumbs ul li:first-child:before,.vkcrumbs ul li:last-child:before{display: none;}

/*尾部*/
#vk-footer
{
    background-color: #999999;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #FFFFFF;
}
#vk-footer a{color:#FFFFFF;}
#vk-footer li{margin-bottom:9px;}
#vk-footer p{margin-bottom:9px;}

.footer-info,.footer-links,.vk-footer-box{}
.footer-info{padding:20px 20px 20px 0;}
#vk-footer .footer-info .items-icon{margin-bottom: 10px;text-align: right;}
#vk-footer .footer-info .items-icon a{padding:0 2px;}
#vk-footer .footer-info .items-icon img{width: 32px;height: 32px;}
#vk-footer .footer-info .items{line-height: 20px;font-size: 14px;color:#e6e6e6;text-align: right;}
#vk-footer .footer-info .items a{color:#e6e6e6;}
#vk-footer .footer-info .items a:hover{color:#ffffff;}
#vk-footer .footer-info .items span{padding-right:0;}
#vk-footer .footer-img img{height: 90px;width: auto;margin-top:20px;}

/*尾部*/
/*#vk-footer{height:60px;border-top:1px solid #E3E3E3;line-height: 60px;background-color: #000000;color:#FFFFFF;font-size:14px;}
#vk-footer a, #vk-footer a:hover{color:#FFFFFF;}
#vk-footer span{margin-right:20px;}*/


/*栏目标题类1*/
/*.vk-title{padding:5px 0;border-bottom: 1px solid #CCCCCC;height:30px;line-height: 30px;}
.vk-title h3{float:left;padding:0 20px;position: relative;margin-left:15px;}
.vk-title h3:before{content: '';position: absolute;width:4px;height:12px;top:calc(50% - 6px);left:8px;background-color: #CCCCCC;}
.vk-title h3:after{content: '';position: absolute;width:100%;height:3px;bottom:-6px;left:0px;background-color: #000055;}
.vk-title span{float:right;padding-left:10px;}*/
/*栏目标题类——横线上的标题*/
fieldset { margin-bottom: 10px; padding: 0; border-width: 1px; border-style: solid; margin: 10px 0 20px; border-width: 1px 0 0 }
fieldset legend { margin-left: 20px; padding: 0 10px; font-size: 20px; font-weight: 300 }


/*------------------------------------------*/
/*  在线客服
/*------------------------------------------*/

#stlChanger {
    display: none;	
    position: fixed;
    z-index: 9999;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    overflow: hidden;
    right: -200px;
    top: 200px;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

#stlChanger.open {
  right: 0px;
}

#stlChanger .bgChanger {
  min-width: 280px;
  min-height: 280px;
}

#stlChanger .blockChanger {
  width: 200px;
}

#stlChanger .chBody {
  background: #f9f9f9;
  width: 200px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 6px 0px 0px 6px;
  overflow: overlay;
  overflow-x: hidden;
  direction: rtl;
  margin-left: 80px;
}

#stlChanger .chBut {
  background: #40aae3;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 140px;
  left: 30px;
  z-index: 1000000;
  text-align: center;
  border: 1px solid #40aae3;
  border-left: none;
  border-radius: 6px 0px 0px 6px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
   box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
}

#stlChanger .chBut i {
  color: #fff;
  font-size: 25px;
  line-height: 46px;
}

#stlChanger p {
  color: #444;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

#stlChanger .stBgs a {
  text-decoration: none;
  width: 50px;
  height: 50px;
  float: left;
  padding: 0;
  margin: 0 4px 8px;
  cursor: pointer;
  opacity: 1;
}

#stlChanger .stBgs a:hover {
  opacity: 0.7;
}

.stBlock1 {
  margin: 0 20px 25px 20px;
}

.stBlock1 .btn {
  width: 100%;
  font-size: 13px;
  line-height: 1;
  padding: 10px 22px;
}

.s_1 img {
  opacity: 1;
  margin-bottom: 12px;
  border: 1px solid #ddd;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.s_1 img:hover {
  opacity: 0.8;
}
.blockChanger .stBlock {
    padding: 20px 10px;
}

/*热门标签*/
.vk-tag{
}
.vk-tag a{
	display: inline-block;
	color: #666666;
    float: left;
    margin: 5px 5px 0 0;
    padding: 0 8px 0 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
}

@media screen and (max-width: 768px){
	#vk-pc{display: none;}
	#vk-wap{display: block;}
	#vk-header{padding:0;}
	#vk-header #vk-logo{margin-left:0;}
	#vk-footer .footer-info .items-icon { text-align: left; }
	#vk-footer .footer-info .items {text-align: left;}
    /*.vkui-nav{height: var(--nav-primary-mobil-height);} /*主菜单高度*/*/
    .vkui-nav{height:0} /*主菜单高度*/
    .vkui-nav button{display: inline-block;} /*显示菜单按钮*/
    /*手机端主菜单式样*/
    .vkui-nav .layui-nav{
        display: none;
        position: absolute; 
        top: var(--nav-primary-mobil-height); 
        right:0;
        height: 0;
        width: auto; 
        padding: 0; 
        margin: 0;
        border-radius: 0; 
        background-color: var(--nav-primary-mobil-bg-color);
    }
    .vkui-nav .layui-nav.mobil-nav{
        display: block;
    }
    /*手机端主菜单项显示式样*/
    .vkui-nav .layui-nav .layui-nav-item{
        display: block;
        margin-left: 0;
        height: var(--nav-primary-item-mobil-height);
        line-height: var(--nav-primary-item-mobil-height);
        background-color: var(--nav-primary-mobil-bg-color);
    }
    /*字体颜色*/
    .vkui-nav .layui-nav .layui-nav-item a{
        color: var(--nav-primary-mobil-color);
        font-weight: var(--nav-primary-mobil-font-weight);
    }
    .vkui-nav .layui-nav .layui-nav-item:before{border-left: 0;} /*隐藏手机端主菜单项分隔线*/
    /*手机端主菜单项子菜单右向指向*/
    .vkui-nav .layui-nav .layui-nav-item .layui-nav-more:before {
        content: "\e602"; 
    }
    /*隐藏主菜单项下划线*/
    .vkui-nav .layui-this:after, .vkui-nav .layui-nav-bar {
        height: 0;
    }
    /*一级子菜单位置*/
    .vkui-nav .layui-nav .layui-nav-child {
        top: 0;
        left:100%;
    }
    
	

	#vk-header1 .layui-nav{width: auto; position: absolute; top: 50px; padding: 0; border-radius: 0; margin: 0;display: none;}
	#vk-header1 .layui-nav.mobil-nav{display: block;}
	#vk-header1 .layui-nav .layui-nav-item{display: block;
	    line-height: 40px;
	    background-color: #ffffff;}

	#vk-search{display:inline-block;}
	#vk-top{background-color: #40AAE3;height:50px;line-height: 50px;}
	#vk-top .vk-span{display: inline-block;}
	.vk-mobile-div{display: block;}

	#vk-menu1{display: none;}
	#vk-menu1{max-height: 60px;}
	#vk-menu1.index{background: rgba(255, 255, 255 ,0.3);}
	
	 
	#vk-menu1 .layui-nav{position: inherit; top: 0; padding: 0 5px; border-radius: 0; margin: 0;display: none;}
	#vk-menu1 .layui-nav .layui-nav-item{display: inline-block; /*margin:0 53px;*/ line-height: 80px;}  
	
	#vk-menu1 .layui-nav-child{left: 100%;top:0px;}
	
	#vk-footer {padding:0;}
	#vk-footer .vk-title-box{top:30px};
	#vk-footer .vk-title-box h2{font-size: 20px;}	
	
	
}

@media screen and (min-width: 768px) and (max-width: 992px){
  	#vk-search{display:none;}
  	#vk-pc{display: none;}
	#vk-wap{display: block;}
	#vk-footer .footer-info .items-icon { text-align: center; }
}
/*大屏幕*/
@media screen and (min-width: 992px){

}
/*超大屏幕*/
@media screen and (min-width: 1300px){
  .layui-container{width: 1180px; padding: 0;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}

@media screen and (min-width: 1500px){
  .layui-container{width: 1420px; padding: 0;}
}