@charset "utf-8";
/*整站公共样式代码写在这里*/
:root {
  /*基本配色设置*/
  --primary-color: #0075b5; /*主色调*/
  --second-color: #ffffff; /*附加色调*/
  --primary-bg-color: #ffffff; /*主背景颜色*/
  
  /*菜单设置*/
  /*一级菜单设置*/
  --menu-primary-height:90px; /*一级菜单高度*/
  --menu-primary-bg-color:#ffffff; /*一级菜单背景颜色*/
  --menu-primary-color:#10295c; /*一级菜单主体颜色*/
  --menu-primary-hover-color:#f7931e; /*一级菜单主体色调*/
  --menu-primary-font-size:22px; /*一级菜单字体大小*/
  --menu-primary-font-weight:bold; /*一级菜单字体粗细*/
  --menu-primary-this-color:#ffffff; /*一级菜单选中颜色*/
  --menu-primary-line-color:#f7931ecc; /*一级菜单项下滑线颜色*/
  --menu-primary-line-height:2px; /*一级菜单项下滑线粗细*/
  /*二级菜单设置*/
  --menu-second-bg-color:#10295ccc; /*二级菜单背景颜色*/
  --menu-second-hover-bg-color:#10295ccc; /*二级菜选中单背景颜色*/
  --menu-second-color:#ffffff; /*二级菜单主体颜色*/
  --menu-second-hover-color:#ffffff; /*二级菜单主体色调*/
  --menu-second-font-size:15px; /*二级菜单字体大小*/
  --menu-second-font-weight:400; /*二级菜单字体粗细*/
  
}

/*主导航菜单*/
/*菜单项相关属性设置*/
/*菜单项字体大小*/
#vk-menu .layui-nav *{font-size: var(--menu-primary-font-size);}
#vk-menu{
	width: 100%;
    margin: 0 auto;
    height: var(--menu-primary-height);
    line-height: var(--menu-primary-height);
    background: url(/assets/app/imgs/base/nav_bg.jpg) center center repeat-x;
    font-family: "microsoft yahei";
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
}
#vk-menu{display: block; background-color: var(--menu-primary-bg-color);text-align: center;}
/*不显示最小化时的按钮*/
#vk-menu button { display: none; }
/*菜单整体式样、间隔及背景颜色等*/
/*#vk-menu .layui-nav {width: auto; padding: 0 0; border-radius: 0; margin: 0; right:auto; display: block; background: transparent;}*/
/*#vk-menu .layui-nav{padding-left:10px;padding-right:10px;background-color:#00479B;color:#FFFFFF;}*/
/*隐藏菜单项选中滑动线*/
/*#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-nav-item {line-height:70px;margin:0;/*position: inherit;*/}
/*菜单项全高间隔线*/
#vk-menu .layui-nav-item {border-left: 0px solid #FFFFFF;display:inline-block;}
/*菜单项全高间隔线第一个不显示*/
#vk-menu .layui-nav-item:first-child{border-left: none; }
/*菜单项内部间隔线高度、颜色及位置*/
#vk-menu .layui-nav .layui-nav-item:after{width:0;}
/*菜单项宽度、颜色及指向时颜色*/
#vk-menu .layui-nav-item>a{width:90px;padding: 0;color:var(--menu-primary-color);font-weight:var(--menu-primary-font-weight);text-align: center;}
#vk-menu .layui-nav-item>a:hover{color:var(--menu-primary-hover-color) !important;}
/*菜单项选中时的颜色*/
#vk-menu .layui-nav .layui-nav-item:hover, #vk-menu .layui-nav .layui-this{ color: var(--menu-primary-this-color); }
#vk-menu .layui-nav .layui-nav-item a:hover, #vk-menu .layui-nav .layui-this a{color: var(--menu-primary-this-color);}
#vk-menu .layui-nav .layui-nav-item a{padding: 0 30px;}

/*特定菜单项的式样（注意：最后一个不是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) a{color:#FFFF00;}*/
/*#vk-menu .layui-nav .layui-nav-item:nth-last-child(3) a{color:#FF0000;}*/
#vk-menu .layui-nav .layui-nav-item:nth-last-child(2):before{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: var(--menu-second-bg-color);border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;/* text-align: center;*/border-width: 0;padding-bottom: 10px;}
/*菜单子项字体大小*/
#vk-menu .layui-nav .layui-nav-item .layui-nav-child * {font-size:var(--menu-second-font-size);padding:0 5px;border-bottom: 1px solid #30a4d5;text-align: center;height:38px;line-height: 38px;}
#vk-menu .layui-nav .layui-nav-item .layui-nav-child .layui-menu-item-parent * {border-bottom: 0;}
#vk-menu .layui-nav .layui-nav-item .layui-nav-child .layui-menu-item-parent i {color:#FFFFFF;}
#vk-menu .layui-menu-body-title a {margin-top:0;padding:0 10px;}
#vk-menu .layui-menu-body-panel{top:0px;margin-left:0;background-color: #10295ccc;height: auto !important;border-bottom: 1px solid #ededed !important;padding: 10px 0 !important;}
#vk-menu .layui-menu-body-panel ul{height:auto !important;padding: 0 !important;}
#vk-menu .layui-menu-body-panel li{width: 100px;}

/*菜单子项显示向上箭头*/
/*#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:hover{ background: var(--menu-second-hover-bg-color); } 
#vk-menu .layui-nav .layui-nav-item .layui-nav-child dd a{ color:var(--menu-second-color); font-weight: 400;}
#vk-menu .layui-nav .layui-nav-item .layui-nav-child dd a:hover{ color:var(--menu-second-hover-color); background: var(--menu-second-hover-bg-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-container{position: relative; transition: all 400ms ease-out;}
#vk-menu .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
#vk-menu .nav-list button{display: none;width: 25px; height: 30px; position: absolute; top: -40px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
#vk-menu .nav-list button span{display: block; width: 25px; height: 2px; background: var(--menu-primary-bg-color); margin-bottom: 6px; transition: 0.5s;}
#vk-menu .nav-list button span.spa1{transform: rotate(45deg);}
#vk-menu .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
#vk-menu .layui-nav{width: 100%; position: absolute; top: 15px; right: 0; color:var(--menu-primary-color); background: transparent;display: none;}
#vk-menu .layui-nav .layui-nav-item{display: block; line-height: 60px;}

#vk-menu .layui-nav{position: inherit; top: 0; padding: 0 5px; border-radius: 0; margin: 0;display: block;}
#vk-menu .layui-nav .layui-nav-item{display: inline-block; /*margin:0 53px;*/ line-height: 80px;}

/*三级菜单*/
ol li a{
	background-color: rgba(0,0,0,1) !important;
}

.three_this{
	background-color: #808080 !important;
}

/*页面顶部*/
#vk-header { width: 100%; height: 90px; background: #FFF; transition: 0.3s; position: relative; }
#vk-header a{ color:#FFFFFF; height: 90px; text-align: center; line-height: 90px; font-size: 13px; padding: 0 10px; }
#vk-header.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
#vk-header.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}

#vk-top .vk-span{display: none;}
#vk-search,.vk-mobile-div{display: none;}
#vk-top{
	height:60px;
	line-height: 60px;	
	background-color: #FFFFFF;
	display: block;
	color:#FFFFFF;	
}

/*头部*/
#vk-logo{
	width:280px;
	height:80px;
	position: absolute;
	top:5px;
	left:10px;
	display: inline-block;	
}
#vk-logo img{
	height:100%;
	width:auto;
}

/*尾部*/
#vk-footer
{
	padding-top: 40px;
	padding-bottom: 20px;
	color: #9e9e9e;
	font-size:14px;
	/*border-top: 1px solid #c2c2c2;*/
	overflow: hidden;
	background-color: #393839;
}
#vk-footer a{color:#acacac;}
#vk-footer li{margin-bottom:5px;}
#vk-footer p{margin-bottom:10px;}
#vk-footer .vk-footer-title{
	font-size: 20px;
	font-weight:bold;
	display: block;
	color: #ffffff;
	margin-bottom:10px;
}

.footer-info,.footer-links,.vk-footer-box{margin-bottom: 20px;}
.footer-info{border-right:1px solid #888888;padding-right:20px;}
#vk-logo-footer img{height:150px;width:auto;max-width: 300px;border-radius: 15px;}

.footer-info,.footer-links,.vk-footer-box{margin-bottom: 20px;padding: 0 10px;}
.footer-info{border-right:1px solid #888888;padding-right:20px;}

.vk-footer-bottom{text-align: center;background-color: #292a29;
    position: relative;color:#acacac;height: 80px;
    line-height: 80px;}
.vk-footer-bottom img{height:60px;width:auto;margin-left:40px;}
.vk-footer-bottom #copyright{margin-right:70px;}

/*关键词搜索框*/
#vk-search{line-height: 50px;width:200px;}
#vk-search i{color:#40AAE3;}
.vk-input-label #vk-btnSearch:hover{color:#E73D46;}

/*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;border-bottom: 1px dotted #0075B5;}
.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{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;
}
/*子栏目*/
#vk-pbanner{
	background-color: #4d5b73;
    height: 120px;
    line-height: 120px;
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    text-shadow: none;
    text-align: center;
}
#vk-page-submenu{
	border-bottom: 1px solid #f0f2f5;
    background: #fff;
    height:60px;
    line-height: 60px;
}
#vk-page-submenu ul{
	text-align: center;	
}
#vk-page-submenu li{
    margin: 0;
    padding: 0;
    display: inline;
}
#vk-page-submenu li a {
    font-size: 16px;
    display: inline-block;
    padding: 0px 6px;
    margin: 0 5px 10px;
    color: #90939b;
}
#vk-page-submenu li.on a {
    text-decoration: none;
    color: #4e97d9;
    font-weight: normal;
}

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