@charset "utf-8";
/*------------------------------------------------------------------*/
/*  整站公共样式代码写在这里
/*-----------------------------------------------------------------*/

/*------------------------------------------*/
/*  公共配置
/*------------------------------------------*/

:root {
	/*基本配色设置*/
	--primary-color: #00963e; /*主色调*/
	--secondary-color: #dc3545; /*辅色调*/

	/*公共高度设置*/
	--header-height:90px; /*头部高度*/
	--banner-height:1000px; /*主横幅高度*/
	--slide-height:400px; /*主幻灯高度*/
	--footer-height:100px; /*尾部高度*/
 
	/*菜单设置*/
	--menu-primary-height:90px; /*主菜单高度*/
	--menu-primary-bg-color:#FFFFFF; /*主菜单背景颜色*/
	--menu-primary-color:#2a333c; /*主菜单主体颜色*/
	--menu-primary-hover-color:var(--primary-color); /*主菜单主体色调*/
	--menu-primary-font-size:16px; /*主菜单字体大小*/
	--menu-primary-font-weight:bold; /*主菜单字体粗细*/
	--menu-primary-this-color:var(--primary-color); /*主菜单选中颜色*/
	--menu-primary-line-color:var(--primary-color); /*主菜单项下滑线颜色*/
	--menu-primary-line-height:2px; /*主菜单项下滑线粗细*/
	
	--menu-second-height:40px; /*一级子菜单高度*/
	--menu-second-bg-color:#FFFFFF; /*一级子菜单背景颜色*/
	--menu-second-hover-bg-color:#10295ccc; /*一级子菜选中单背景颜色*/
	--menu-second-color:#2a333c; /*一级子菜单主体颜色*/
	--menu-second-hover-color:var(--primary-color); /*一级子菜单主体色调*/
	--menu-second-font-size:14px; /*一级子菜单字体大小*/
	--menu-second-font-weight:400; /*一级子菜单字体粗细*/

	--menu-third-height:40px; /*二级子菜单高度*/
	--menu-third-bg-color:#FFFFFF; /*二级子菜单背景颜色*/
	--menu-third-hover-bg-color:#10295ccc; /*二级子菜选中单背景颜色*/
	--menu-third-color:#2a333c; /*二级子菜单主体颜色*/
	--menu-third-hover-color:var(--primary-color); /*二级子菜单主体色调*/
	--menu-third-font-size:14px; /*二级子菜单字体大小*/
	--menu-third-font-weight:400; /*二级子菜单字体粗细*/	
	/*幻灯设置*/

}

/*------------------------------------------*/
/*  公共头部主题导航
 *  --头部一般结构为：
 *  1、上（左+右）+下
 *  2、左+右（上+下）
 * 
/*------------------------------------------*/

#vk-header { 
	height: var(--header-height);
	/*box-shadow: 0 2px 2px 0 #CCCCCC;*/
    background-color: #FFFFFF;	
	transition: 0.3s	
	box-sizing: border-box;
	background: url(/assets/app/imgs/base/header_bg.png) 100% repeat-x;
	padding-bottom: 20px;
}
#vk-header #tel-box{
	border-left: 1px #ddd solid;
	margin: 20px 24px;
    padding:3px 20px;
}
#vk-header #tel-box .title{font-size: 14px;
    color: #eee;
    height: 24px;
    display: inline-block;}
#vk-header #tel-box .tel{display: block;
    font-size: 24px;
    font-weight: bold;
    color: #037166;}
/*头部*/
#vk-logo{ height:var(--menu-primary-height);box-sizing: border-box; padding:20px 20px; }
#vk-logo a{ height:100%; padding:35px 0;}
#vk-logo img{ width:auto; height:60px; max-width: 100%;}
#vk-top{ height:66px; line-height: 66px; background-color: #FFFFFF; background-color: #FF31ad; color:#000000; box-sizing: border-box; text-align: right; padding:0 200px 0; background: url(../imgs/base/logo2.png) right center no-repeat; background-position-x: calc(100% - 40px); }
#vk-top a{ height:100%; padding: 0 20px 0 12px; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; background: url(../imgs/base/bg1.png) 0 center no-repeat; display: inline-block; }

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

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

/*菜单整体式样、间隔及背景颜色等*/
#vk-menu{
	height: var(--menu-primary-height);
	line-height: var(--menu-primary-height);
	background-color: var(--menu-primary-bg-color);
	background-color: transparent;
	text-align: right;
}

/*菜单项相关属性设置*/
#vk-menu .layui-nav{color:var(--menu-primary-color); background: var(--menu-primary-bg-color);background-color: transparent;}
/*菜单项行高、间距等*/
#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(--menu-primary-hover-color); }
#vk-menu .layui-nav .layui-nav-item a{padding: 0 20px;color:var(--menu-primary-color);font-size: var(--menu-primary-font-size) ;font-weight:var(--menu-primary-font-weight);text-align: center;}
#vk-menu .layui-nav .layui-nav-item a:hover, #vk-menu .layui-nav .layui-this a{color: var(--menu-primary-hover-color) !important;}
/*特定菜单项的式样（注意：最后一个不是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-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 button { display: none; }*/
#vk-menu button{display: none; width: 25px; height: 30px; position: absolute; top: -40px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
#vk-menu button span{display: none; width: 25px; height: 2px; background: var(--menu-primary-bg-color); margin-bottom: 6px; transition: 0.5s;}
#vk-menu button span.spa1{transform: rotate(45deg);}
#vk-menu button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
/*快速导航菜单项*/
#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: #1786d4;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 40px;
    color: #666666;
    width: 100%;
    background: url(/assets/app/imgs/base/footer_bg.png) top repeat-x;
    position: relative;
}    
#vk-footer .vk-footer-box{margin-bottom: 20px;margin-top:50px;}
#vk-footer #logo img{width:200px;height:auto;max-width: 100%;}
#vk-footer h3{ text-transform: uppercase; color: #003d89; font-size: 24px; font-weight: normal; padding-bottom: 14px; }
#vk-footer .intro{ font-size: 14px; color: #999; margin-top: 12px; font-weight: bold; }
#vk-footer .intro em{ font-style: normal; font-size: 18px; color: #666; font-weight: normal; }
#vk-footer .vk-footer-nav{
	margin-top: 35px;
   }
#vk-footer li{margin-bottom:9px;float:left;}
#vk-footer li a{color:#999999;font-size: 12px;
    color: #333;
    font-size: 14px;
    padding-right: 19px;
    padding-left: 19px;
    border-right: 1px solid #CDCCCC;
}
#vk-footer li:last-child a{border:0;}

#vk-footer .vk-wechat{text-align: center;}
#vk-footer .vk-wechat p{margin:16px;font-size: 12px;}
#vk-footer .vk-wechat img{width:100px;height:100px;}
#vk-footer .bottom-box{background-color: #84c225;text-align: center;height: 50px;line-height: 50px;color:#FFFFFF;}


/*栏目标题类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 }


/*导航部分*/
.nav {
	width: 100%;
	height: 80px;
	box-shadow: 0 3px 3px 0 #CCC;
	background: #FFF;
	/*position: fixed;
	left: 0;
	top: 0;*/
	z-index: 999;
	overflow: hidden;
	transition: 0.3s
}
.nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
.nav .layui-nav *{font-size: 18px;}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}

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

#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-crumbs{background-color: #F6F6F6;}
.vk-crumbs ul li:first-child {color: var(--primary-color);}
.vk-crumbs {margin:15px 0 20px 0;}

/*热门标签*/
.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-menu{height:0;}
	.nav{max-height: 80px;}
	.nav.index{background: rgba(255, 255, 255 ,0.3);}
	.nav .nav-list button{display: inline-block;}
	.nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
	.nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 80px;}

	#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-header{height:100px;}
  
  
	#vk-menu{max-height: 100px;}
	#vk-menu.index{background: rgba(255, 255, 255 ,0.3);}
	#vk-menu .nav-list button{display: block;}
	 
	#vk-menu .layui-nav{position: inherit; top: 0; padding: 0 5px; border-radius: 0; margin: 0;display: none;}
	#vk-menu .layui-nav .layui-nav-item{display: inline-block; /*margin:0 53px;*/ line-height: 80px;}  
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .nav .layui-nav .layui-nav-item{margin:0 5px;}
  #vk-menu .layui-nav .layui-nav-item{margin:0 5px;}
  #vk-search{display:none;}
}
/*大屏幕*/
@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;}

}