/*------------------------------------------------------------------*/
/*  首页式样代码可以写在这里
/*-----------------------------------------------------------------*/

/*------------------------------------------*/
/*  主题导航
/*------------------------------------------*/
.vk-holder { background-color: #fff; border: 1px solid #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); border: 1px solid #f5f5f5; padding: 30px 15px; display: block; }
.vk-holder-icon{ margin-bottom: 20px; text-align: center; }
.vk-holder p{ text-align: center; font-size: 0.8rem; font-size: 0.975rem; font-weight: 400; margin-bottom: 10px; }
.b-right { border-right: 1px dashed #e9e9e9; }
.vk-title{color:#004861;font-size:1.75rem;margin-bottom:0.5rem;font-weight:700;}
/*------------------------------------------*/
/*  产品介绍
/*------------------------------------------*/
#vk-product{padding:40px 0;}   
#vk-product p{color:#888888;font-size:14px;line-height: 21px;}
#vk-product .vk-title-1{color:#FFFFFF;margin-bottom: 16px;font-size:24px;font-weight:700;}
#vk-product #vk-system{margin-bottom: 30px;height:510px;}
#vk-product #vk-system p{color:#FFFFFF;margin-bottom: 16px;}
#vk-product .table{ margin-top:20px; margin-bottom:20px; width:100%; }
#vk-product .table td,#vk-product .table th{ font-size: 16px; padding: 16px 0; border-top: none; border-bottom: 1px dashed #FFFFFF; }
#vk-product .vk-product-item{ height:208px; border-radius: 6px; padding: 30px; margin-bottom: 30px; background-color: #fff; border: 1px solid #f5f5f5; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); cursor: pointer; }
#vk-product .vk-product-item:hover{ background-color: #FAFAFA; border: 1px solid #f5f5f5; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); }
#vk-product .vk-title-2{color:#004861;font-size:1.2rem;font-weight:700;margin-bottom: 10px;text-align: center;}
#vk-product .vk-product-item p{font-size: 15px; line-height: 28px; color: #5c6873;}
/*------------------------------------------*/
/*  信息中心
/*------------------------------------------*/
#vk-news{background-color: #FFFFFF;margin:40px 0;}
#vk-news p{color:#888888;font-size:14px;line-height: 21px;}
#vk-news .vk-news-box{ height: 380px; border-radius: 6px; padding: 30px; margin-bottom: 30px; background-color: #FAFAFA; border: 1px solid #F5F5F5; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); cursor: pointer; }
#vk-news .vk-news-box:hover{ background-color: #F5F5F5; border: 1px solid #F5F5F5; -webkit-box-shadow: 0 10px 10px rgba(204, 204, 204, 0.3); -moz-box-shadow: 0 10px 10px rgba(204, 204, 204, 0.3); box-shadow: 0 10px 10px rgba(204, 204, 204, 0.3); }
#vk-news .vk-title-1{color:#004861;margin-bottom: 16px;font-size:18px;font-weight:700;border-bottom: 1px solid #CCCCCC;padding-bottom: 10px;}
#vk-news .vk-title-1 span{font-weight: lighter;font-size: 12px;line-height: 30px;}
#vk-news .vk-title-1 span a{color:#999999;}
#vk-news .vk-title-1 span a:hover{color:#666666;}
#vk-news li{font-size:16px;line-height: 40px;height:40px;border-bottom: 1px dotted #CCCCCC;position: relative;padding-left:20px;}
#vk-news li:before{ content: "\f105"; font-family:FontAwesome; position: absolute;top:0;left:-8px;font-size: 20px;width: 1.28571429em;text-align: center;color:#BBBBBB; }
#vk-news li a{display: block;height:100%;}
#vk-news li a:hover,#vk-news li:hover:before{color: #1296DB;}
/*#vk-news li:last-child{border-bottom: 0px;}*/
#vk-news li .caption{margin-right:0;}
#vk-news li .in-caption{width:100%;overflow: hidden;display: block;
white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;

}
#vk-news li .date{float:right;font-size:14px;display: none;}
/*------------------------------------------*/
/*  友情链接
/*------------------------------------------*/
#vk-links { padding: 40px 0; }
#vk-links p { color: #888888; font-size: 14px; line-height: 21px; }
#vk-links li{float: left;padding-bottom: 10px;}
#vk-links li img{width:100%;height:50px;border:1px solid #CCCCCC;}
/*------------------------------------------*/
/*  BANNER 图
/*------------------------------------------*/
#vk-banner .layui-carousel-ind { top: -60px; }

/*------------------------------------------*/
/*  BANNER 图
/*------------------------------------------*/
#dhy {
    width: 970px;
    height: 570px;
    margin: 0 auto;
    margin-top: 40px;
    top: 10%;
    left: 25%;
}
.logo{
	width:970px;
	height:129px;
	}
.tupian{
	width:970px;
	height:299px;
	}
.qiehuan{
	width:970px;
	height:39px;
	position:relative;
	background:url(/assets/app/imgs/home/qiehuanbj.jpg) no-repeat;}
.qiehuan a{
	color:#fff;
	text-decoration:none;
	}
.qiehuan a:hover{
	color:#f00;}
.qiehuan .zw{
	position:absolute;
	top:15px;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	left:413px;}
.qiehuan .ew{
	position:absolute;
	top:13px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding:5px;
	left:488px;}
.foot{
	width:970px;
	height:103px;
	font-size:12px;
	line-height:25px;
	color:#000;
	text-align:center;
	}
img{
	border:0;
}
.foot p.p1{
	padding-top:20px;
	
	}

@media screen and (min-width: 768px){
	#vk-news li .caption{margin-right:100px;}
	#vk-news li .date{display: block;}
}