/*整站公共样式代码写在这里*/

/*头部*/
#vk-logo img{
	width:180px;
	height:40px;
}
#vk-logo a{
	font-size:30px !important;
	color: #FF5722 !important;
}
/*尾部*/
#vk-footer
{
    background-color: #192229;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 20px;
    color: #C5D1DC;
}
#vk-footer a{color:#AEAFB1;}
#vk-footer li{margin-bottom:9px;}
#vk-footer p{margin-bottom:9px;}
#vk-footer .vk-hr{background-color:#30353B;margin-top: 50px;}
#vk-footer .footer-info img{width:120px;height:120px;}

.footer-info,.footer-links{margin-bottom: 20px;}
.footer-links .title{
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    letter-spacing: 1px;
    }
.footer-info{padding-right:20px;}

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

/*主导航菜单*/
/*菜单项相关属性设置*/
#vk-menu{display: block; background-color: #FFFFFF;}
/*不显示最小化时的按钮*/
/*#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 *{font-size:16px;}
/*隐藏菜单项选中滑动线*/
/*#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: #E73D46;height:3px;}
/*菜单项行高、间距等*/
#vk-menu .layui-nav .layui-nav-item {line-height:70px;margin:0;}
/*菜单项全高间隔线*/
#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:before{border-right:1px solid #1AAEFF;height:0;content:'';position:absolute;right:-2px;top:calc(50% - 8px);}
#vk-menu .layui-nav .layui-nav-item:after{width:0;}
/*菜单项宽度、颜色及指向时颜色*/
#vk-menu .layui-nav-item>a{padding: 0;color:#707070;text-align: center;}
#vk-menu .layui-nav-item>a:hover{color:#707070 !important;}
/*菜单项选中时的颜色*/
#vk-menu .layui-nav .layui-nav-item:hover, #vk-menu .layui-nav .layui-this{ color: #CC0000; }
#vk-menu .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {color: #FF5722 !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) a{color:#FFFF00;}*/
/*#vk-menu .layui-nav .layui-nav-item:nth-last-child(3) a{color:#FF0000;}*/
/*菜单项右侧指示箭头颜色及显示控制*/
#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: 100px; background: rgba(255, 255, 255, 0.8); border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;text-align: center;}
/*菜单子项字体大小*/
#vk-menu .layui-nav .layui-nav-item .layui-nav-child * {font-size:15px;}
/*菜单子项显示向上箭头*/
/*#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: rgba(255, 255, 255, 1); } 
#vk-menu .layui-nav .layui-nav-item .layui-nav-child dd a{ color:#000000; }
#vk-menu .layui-nav .layui-nav-item .layui-nav-child dd a:hover{ color:#E73D46; }
/*菜单子项选中鼠标抬起后背景颜色*/
#vk-menu .layui-nav .layui-nav-child dd.layui-this a, #vk-menu .layui-nav-child dd.layui-this {background-color: #f2f2f2;}

/*快速导航菜单项*/
#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{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 }

#vk-header { 
	width: 100%;
	height: 560px;
	background: #FFF;
	transition: 0.3s;
	background: url(/assets/app/imgs/gy-header.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
    overflow: hidden;
}
#vk-header a{ color:#FFFFFF; text-align: center; font-size: 16px;font-weight:700;}

/*内页页头*/
#vk-header-page { 
	width: 100%;
	height: 300px;
	background: #FFF;
	transition: 0.3s;
	background: url(/assets/app/imgs/gy-header.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
    overflow: hidden;
    display: block;
    outline: none;
    margin: 0px auto;
}

#vk-header-page .title1{
	padding-top: 65px;
	font-size: 30px;
    line-height: 30px;
    font-weight: inherit;
    color: #ffffff;
    padding-bottom: 0px;
    margin-bottom: 0px;
    letter-spacing: 0px;
    text-transform: initial;
    text-align: center;
}

#vk-header-page .title2{
	padding-top: 20px!important;
    font-size: 18px;
    line-height: 18px;
    font-weight: inherit;
    color: #ffffff;
    text-align: center;
}

/*导航部分*/
.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;}


#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{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: #FF5722; 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: #000; background: transparent;display: none;}
#vk-menu .layui-nav .layui-nav-item{display: block; line-height: 100px;}
#vk-menu .layui-nav *{font-size: 16px;}
#vk-menu .layui-nav .layui-nav-item a{padding: 0 30px; color: #FFFFFF;}
#vk-menu .layui-nav-bar,
#vk-menu .layui-nav .layui-this:after{height: 4px; background-color: #FF5722;}
#vk-menu .layui-nav .layui-this a
,#vk-menu .layui-nav .layui-nav-item a:hover{color: #FF5722;}

#vk-search,.vk-mobile-div{display: none;}
#vk-top{height:100px;line-height: 100px;border-bottom: 1px solid rgba(255,255,255,0.2);}
#vk-top .vk-span{display: inline-block;}
#vk-menu{height:0;}


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

#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: #FF5722;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 140px;
  left: 30px;
  z-index: 1000000;
  text-align: center;
  border: 1px solid #FF5722;
  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: #E73D46;}*/
.vk-crumbs ul li:first-child {color: #FF5722;}
.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;
}
/*通用标题*/
.vk-title p {
    letter-spacing: 0px;
    text-transform: initial;
    font-size: 24px;
    color: #5f5f5f;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 20px;
}
.divider-inner {
    border-top-width: 2px;
    border-top-color: #ee6237;
    border-top-style: solid;
    width: 100px;
    margin: 0 auto;
}

@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  .nav.index{background: rgba(255, 255, 255 ,0.3);}
  .nav .nav-list button{display: none;}
  .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-mobile-div{display: block;}
 
  
  #vk-menu{max-height: 100px;}
  #vk-menu.index{background: rgba(255, 255, 255 ,0.3);}
  #vk-menu .nav-list button{display: none;}
  
  #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;}  
}
@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: 1200px) {
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
  
  
}