@charset "utf-8";
/*------------------------------------------------------------------*/
/*  首页式样代码可以写在这里
/*-----------------------------------------------------------------*/
/*------------------------------------------*/
/*  公共标题
/*------------------------------------------*/
.vk-title-box{border-bottom: 2px solid #1551bd;margin-bottom: 20px;}
.vk-title-box .title{font-size:20px;color:#ffffff;text-align: left;padding:5px 20px;height: 30px;float: left;background-color: #1551bd;margin-left:20px;line-height: 30px;}
.vk-title-box .sub-title{font-size:18px;color:#a9a9a9;height: 30px;float:right;line-height: 30px;margin-right: 20px;padding:5px 0;}
.vk-title-box .sub-title a{padding:0 5px;color:#1551bd;}
.vk-title-box .sub-title a:hover{font-weight: bold;}
.vk-title-box .more{float:right;}
.vk-title-box .vk-linebox{border-bottom:1px solid #ccc;}
.vk-title-box .vk-linebox .box{height:8px;width: 100px;margin: 0 auto;background-color: #1e4fab;}
.vk-title-box .vk-intro{font-size:14px;color:#595959;text-align: center;padding-top:40px;line-height: 36px;width: 60%;margin:0 auto;}
.vk-more{text-align: center;}
.vk-more a { display: block; width: 150px; height: 51px; border: 1px solid #ccc; line-height: 51px; text-align: center; border-radius: 46px; margin: 20px auto; }

/*------------------------------------------*/
/*  主题导航
/*------------------------------------------*/
.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-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:20px 0 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;}
/*------------------------------------------*/
/*  新闻焦点图
/*------------------------------------------*/
.vk-focusNews-slide-item{ height:auto; width: 100%;}
#vk-focusNews-slide{ width:100%; height:auto; overflow:hidden; position:relative;}
#vk-focusNews-slide .hd{width: 100%; position: absolute; z-index: 1; bottom: 56px; left: 0; height: 30px; line-height: 30px; text-align: center;
}
#vk-focusNews-slide .hd ul{height:20px;display: inline-block;background-color: rgba(255, 255, 255, .5); border-radius: 10px;}
#vk-focusNews-slide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(/assets/vkes/imgs/slide/dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
#vk-focusNews-slide .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }
#vk-focusNews-slide .bd{ position:relative; height:auto; z-index:0;margin-bottom: 20px;}
#vk-focusNews-slide .bd ul{height: auto;}
#vk-focusNews-slide .bd li{ zoom:1; vertical-align:middle;width:100%;height: 480px;}
#vk-focusNews-slide .bd li a{width:100%;height: 100%;display: block;position: relative;}
#vk-focusNews-slide .bd img{ width:100%; height:100%; display:block;}
#vk-focusNews-slide .caption {
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	overflow: hidden;
	text-align: center;
	padding: 0 10px;
	width: 100%;
	font-weight: bold;
	position: absolute;
	bottom:0;
}
/*------------------------------------------*/
/*  新闻分布列表
/*------------------------------------------*/
.vk-slideTxtBox{text-align:left;  }
.vk-slideTxtBox .hd{height:40px; position:relative;overflow: hidden;
border-bottom: 2px solid #1551bd;

}
.vk-slideTxtBox .hd ul{height:100%;}
.vk-slideTxtBox .hd ul li{font-size: 18px;height:30px;float:left; cursor:pointer;border-bottom:0 !important;position: relative;text-align: center;
	padding:5px 20px;margin-left: 20px;
}
.vk-slideTxtBox .hd ul li:before {
    content: '' !important;
}
.vk-slideTxtBox .hd ul li a{margin-right:0 !important;font-size: 18px;font-weight: 700;}
.vk-slideTxtBox .hd ul li.on{
	font-size: 18px;
    color: #ffffff;
    padding: 5px 20px;
    height: 30px;
    float: left;
    background-color: #1551bd;
    margin-left: 20px;
    line-height: 30px;
	
}
.vk-slideTxtBox .hd ul li.on a{color:#FFFFFF;}
.vk-slideTxtBox .bd ul{ padding-top:15px;  zoom:1;height: 230px;
}
.vk-slideTxtBox .bd li{ height:34px; line-height:34px;border-bottom:0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;}
.vk-slideTxtBox .bd ul li:before {
    content: '' !important;
}
.vk-slideTxtBox .bd ul li a{font-size: 16px;height:30px !important; line-height:30px !important;display: block;margin-right: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vk-slideTxtBox .bd ul li a:hover{color:#1551bd !important;}
.vk-slideTxtBox .inbox{padding:20px;}
.vk-slideTxtBox .bd .inbox .top .title{font-size:20px;color:#183c88;height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.vk-slideTxtBox .bd .inbox .top .title a{color:#183c88;}
.vk-slideTxtBox .bd .inbox .top .intro{font-size:14px;color:#183c88;line-height: 24px;height: 72px;}
.vk-slideTxtBox .bd .inbox .top .intro a{display: block;height:100%;overflow: hidden;text-overflow: ellipsis;}
.vk-slideTxtBox .bd ul li .calendar{float:right;line-height: 30px;}
.vk-pbox.r-pbox .header{height:70px;position: relative;}
.vk-pbox.r-pbox .header:after{content: "";
    background: url(/assets/app/imgs/base/bg-rtitle3.png) no-repeat;
    position: absolute;
    top: -1px;
    right: 0px;
    width: 42px;
    height: 48px;}
.vk-pbox.r-pbox .body{margin-top:-37px;}
.vk-slideTxtBox .sub-title{font-size:18px;color:#a9a9a9;height: 30px;float:right;line-height: 30px;margin-right: 20px;padding:5px 0;}
.vk-slideTxtBox .sub-title a{padding:0 5px;color:#1551bd;}
.vk-slideTxtBox .sub-title a:hover{font-weight: bold;}
/*------------------------------------------*/
/*  社会公益、知识之窗、视频集锦
/*------------------------------------------*/
.vk-imgbox .vk-slideTxtBox .bd ul li{box-sizing: border-box;float: left;height: auto;overflow: hidden;padding-top: 15px;padding-bottom: 15px;}
.vk-imgbox .vk-slideTxtBox .bd ul li .pic{width: 100%;height:160px;overflow: hidden;}
.vk-imgbox .vk-slideTxtBox .bd ul li img{width: 100%;height: auto;min-height: 100%;}
.vk-imgbox .vk-slideTxtBox .bd ul li .title{text-align: center;line-height: 22px;white-space: break-spaces;height: 50px;font-size: 14px;overflow: hidden;padding:10px 0;color:#4b4b4b;}
.vk-imgbox .vk-slideTxtBox .bd ul li a {margin-right: 0;height: 100% !important;}
.vk-imgbox .vk-slideTxtBox .bd ul li a:hover .title {color:#1551bd;}
/*------------------------------------------*/
/*  专题专栏
/*------------------------------------------*/
#vk-subject{}
.picScroll-left{ overflow:hidden; position:relative;background-color: #FFFFFF;}
.picScroll-left .hd{height: 40px;
    position: relative;
    border-bottom: 2px solid #1551bd;font-size: 18px;
    }
.picScroll-left .hd .vk-pub-title{color: #ffffff;
    padding: 5px 20px;
    height: 30px;
    background-color: #1551bd;
    margin-left: 20px;
    line-height: 30px;
    float: left;
    }
.picScroll-left .hd .prev,.picScroll-left .hd .next{position: absolute; display:block;  width:40px; height:170px; float:right; overflow:hidden;
	 cursor:pointer;text-align: center;box-sizing: border-box;padding-top:100px;}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{color:var(--primary-color);}	 
.picScroll-left .hd .prev{left:0;top:50px;}
.picScroll-left .hd .next{right:0;top:50px;}	 

.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/assets/vkes/imgs/slide/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{padding: 20px 40px 10px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;width:calc(25% - 20px);box-sizing: border-box;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:160px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

.picScroll-left .sub-title{font-size:18px;color:#a9a9a9;height: 30px;float:right;line-height: 30px;margin-right: 20px;padding:5px 0;}
.picScroll-left .sub-title a{padding:0 5px;color:#1551bd;}
.picScroll-left .sub-title a:hover{font-weight: bold;}
/*------------------------------------------*/
/*  信息查询
/*------------------------------------------*/
#vk-intromation .vk-slideTxtBox .bd ul li{box-sizing: border-box;float: left;height: 220px;overflow: hidden;padding-top: 15px;}
#vk-intromation .vk-slideTxtBox .bd ul li .pic{width: 100%;height:140px;overflow: hidden;}
#vk-intromation .vk-slideTxtBox .bd ul li img{width: 100%;height: auto;min-height: 100%;}
#vk-intromation .vk-slideTxtBox .bd ul li .title{text-align: center;line-height: 30px;white-space: break-spaces;font-size: 14px;}
#vk-intromation .vk-slideTxtBox .bd ul li a {margin-right: 0;height: 100% !important;}
#vk-intromation .vk-slideTxtBox .bd ul li a:hover .title {color:#1551bd;}
/*------------------------------------------*/
/*  通栏广告
/*------------------------------------------*/
.vk-ads{ width:100%;height: 120px;overflow:hidden; position:relative; margin-bottom: 10px;}
.vk-ads .bd{ position:relative; height:100%; z-index:0;}
.vk-ads .bd ul{height: 100%;}
.vk-ads .bd li{ zoom:1; vertical-align:middle;width:100%;height: 100%;}
.vk-ads .bd li a{width:100%;100%;}
.vk-ads .bd img{ width:100%; height:100%; display:block;}


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