﻿
[v-cloak] { display: none }
body {
	padding:0;
	margin:0; 
	background:#ffffff;
}
* {
	font-size: 14px;
	font-family:'Microsoft Yahei';
	color: #484848;
}
*{margin:0;padding:0;border:0;list-style:none;}

ul {padding:0;margin:0;}
li { list-style:none; list-style-image:none;}
a {font-family:"Microsoft Yahei";color:#333; text-decoration:none;}
a img {border:none;}
a:hover {color:#0064ca;}
/*a:visited {color:#0064ca}*/
dt {padding:0;margin:0;}

.main_width {width:1100px;margin:0 auto;}
.flo_left { float:left;}
.flo_rig { float:right;}
.clear { clear:both;}

.head_top {width:100%;background:url(../image/logo.jpg) repeat-x top center;height:350px; background-size: cover; margin-bottom: 20px;}
.head_top .menu {
	font-family: arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	height:70px;
	width:1100px;
	position: relative;
	top: 280px;
}
.head_top .menu ul{
	display: flex;
}

.head_top .menu ul li {
	flex-grow: 1; 
    flex-shrink: 1;
	text-align: center;
	height: 70px;
	line-height: 70px;
	float: left;
}

.head_top .menu ul li.search{
	flex-grow: 4;
	flex-shrink: 4;
	text-align: right;
	position: initial;
}

.head_top .menu ul li.search input.kuang{
	width: 90%;
	height: 40px;
	list-style: 40px;
	background-color: #FFF;	
	text-indent: 10px;
	font-size: 14px;
}

.head_top .menu ul li.search input.sbtn{
	margin-left:  -55px;
	margin-top: -3px;
}

.head_top .menu ul li a, .menu ul li a:visited {
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
.head_top .menu ul li:hover a {
	color:yellow;
	text-decoration: linen;
}
.menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 56px;
	left: 0;
	width: 157px;
	background:#0361ab;
}
.menu ul li:hover ul li { 
	background:none;
	height:56px; 
	line-height:56px; 
}
.menu ul li:hover ul li a {
	display: block;
	color: #ffffff;
	background:#0061af;
	font-size:12px;
	font-weight:100;
	height:56px; 
	line-height:56px; 
	width:157px;
	padding:0;
	border-bottom:1px solid #006ec5;
	text-align:center;
}
.menu ul li:hover ul li a:hover {
	background:#00427d;
	color: #ffffff;
	height:56px;
	line-height:56px;
	font-size:12px;
	font-weight:100;
}
.menu .active {
	background:#262e74;
	color:#ffffff;
}

.content_jubao {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.content_jubao .leftmain{
	width: 740px;
	margin-right: 20px;
	float: left;
	margin-top: 10px;
}

.content_jubao .leftmain .jubao_rukou{
	width: 100%;
	height: 45px;
	background-image: url('../image/jbrk.png');
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.content_jubao .leftmain .jubao_menu ul li{
	float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 20px;
    /* height: 135px;
	width: 215px; */
	width: 318px;
	height: 300px;    
	border-radius: 10px;
	line-height: 135px;
	text-align: center;
	position: relative;
	cursor: pointer;
	padding: 10px;
	border: 1px solid #519FF4;
	overflow: hidden;
}

.content_jubao .leftmain .jubao_menu ul li .zuti{
	position: inherit;
	top: 40px;
}

.content_jubao .leftmain .jubao_menu ul li .tit{
    width: 100%;
    height: 40px;
    line-height: 40px;
	font-size: 24px;
	margin-top: 20px;
}

.content_jubao .leftmain .jubao_menu ul li .cnt{
    width: 100%;
    height: 20px;
    line-height: 20px;
	font-size: 14px;
	margin-top: 20px;
	color: #999;
}

.content_jubao .leftmain .jubao_menu ul li a{
    margin-top: 100px;
}

.content_jubao .leftmain .jubao_menu ul li:hover{
	background-color: rgba(5, 157, 254, 0.05);
	color: #FFF;
	box-shadow: 0px 0px 9px 0.9px rgba(5, 157, 254, 0.32);
}

.content_jubao .leftmain .jubao_menu ul li i{
    font-size: 80px;
	color:#2F84F6;
	width: 100%;
	margin-bottom: 20px;
	height: 80px;
}

.content_jubao .leftmain .jubao_menu ul li i span{
	font-size: 24px;
    position: absolute;
    left: 14px;
    top: 17px;
    font-weight: 600;
	color: #900;
	width: 100%;
}

.content_jubao .rightmain{
	width: 320px;
    background-color: #f2f6fe;
    float: left;
    height: 300px;
	margin-top: 20px;
	padding: 10px;
	box-shadow: 0px 0px 9.9px 0.1px rgba(5, 157, 254, 0.32);
}

.content_jubao .rightmain .zhuantiImg_long{
	width: 320px;
	height: 95px;
	background-color: #FFF;
	margin-bottom: 10px;
	float: left;
}
.content_jubao .rightmain .zhuantiImg_long img {
	width: 320px;
	height: 95px;
	border: 0px;
}
.content_jubao .rightmain .zhuantiImg_short {
	width: 155px;
	height: 65px;
	background-color: #FFF;
	margin-bottom: 7px;
	float: left;
}
.content_jubao .rightmain .zhuantiImg_short img {
	width: 155px;
	height: 65px;
	border: 0px;
}

.content_jubao .rightmain .yuan{
	width: 120px;
    height: 120px;
    background-color: #FFF;
    box-shadow: 0px 0px 9.9px 0.1px rgba(5, 157, 254, 0.32);
    border-radius: 50%;
    border: 1px solid #FBFBFB;
	position: relative;
	cursor: pointer;
}

.content_jubao .rightmain .yuan:hover{
	margin-top: 2px;
}

.content_jubao .rightmain .yuan i{
	font-size: 50px;
    position: absolute;
    left: 35px;
	top: 24px;
	color: rgba(5, 157, 254,0.5);
}

.content_jubao .rightmain .yuan .title{
	font-size: 16px;
    text-align: center;
    position: relative;
    top: 85px;
    font-weight: 600;
}

.content_jubao .rightmain .jubaozinan{
	width: 300px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #B5D1E1;
	border-radius: 5px;
	background-color: #FFF;
	cursor: pointer;
	margin-top: 12px;
}

.jubaozinan i {
	font-size: 45px;
    position: relative;
    top: 5px;
    left: 35px;
    float: left;
    color: #39F;
}

.jubaozinan .title{
	float: left;
    font-size: 20px;
	margin-left: 55px;
	letter-spacing: 5px;
}

.content_news {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.content_news .newsbox{
	width: 540px;
	height: 410px;
	margin-bottom: 20px;
}

.content_news .newsbox .title{
    width: 100%;
    border-bottom: 3px solid #39F;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
	text-indent: 5px;
	margin-bottom: 5px;
}

.content_news .newsbox .title i {
	margin-right: 5px;
	color: #0840AD;
}

.content_news .newsbox .newslist{
	width: 510px;
	height: 320px;
	padding: 15px;
	background-color: #ecf8ff;
}

.content_news .newsbox .newslist .list_item{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.content_news .newsbox .newslist .list_item a{
	font-size: 16px;
}

.content_news .newsbox .newslist .list_item a:hover{
	color: #900;
}

.no-content-list{
	height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    color: #900;
    background-color: #FBFBFB;
}

.Inform_main {
	width: 1100px;
	margin:  20px auto 20px auto;
}

.footer{
	width: 100%;
	height: 150px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color:#010F70;
}

.footermain{
	width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.footermain .sydwico{
	float: left;
    width: 100px;
    height: 150px;
}

.footer ul{
	float: left;
	width: 700px;
}

.footer ul li , .footer ul li a , .footer ul li span, .footer ul li span a{
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: left;
	color: #FFF;
	font-size: 16px;
}

.weizi{
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-shadow: 0px 7px 7px -7px rgba(5, 157, 254, 0.32);
	margin-bottom: 5px;
}
.weizi .title, .weizi .title span, .weizi .title a, .weizi .title span#localname{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #014ca1;
	margin-top: -20px;
}

.newslistmain{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 800px;
	margin-top: 30px;
}

.newslistmain .list_news{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dotted #666666;
	margin-bottom: 10px;
}

.newslistmain .list_news:hover{
	background-color: #F2F9FF;
}

.Article_Title {
	width: 85%;
	float: left;
	text-indent: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.Article_PublishDate{
	width: 14%;
	float: left;
	text-align: right;
	font-size: 18px;
	color: #999999;
	padding-right: 1%;
}

.Article_Title a, .Article_Title span{
	font-size: 18px;
}

.Article_Title a:hover, .Article_Title span:hover{
	color: #900;
}

.ArticleMain {
	width: 1000px;
	padding: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	margin-bottom: 30px;
	height: auto;
	min-height:  500px;
	max-height:  50000px;
}

.ArticleMain .news-title{
	height: auto;
	line-height: 45px;
	text-align: center;
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 20px;
}

.ArticleMain .news-info{
	height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px dotted #666;
    margin-bottom: 20px;
	background-color: #FBFBFB;
}

.ArticleMain .news-content *{
	line-height: 36px;
	font-size: 18px;
}

.ArticleMain .news-content p{
	margin-bottom: 10px;
}

.ArticleMain .news-downloadfile{
	width: 100%; height: 50px; background: #EFEFEF; line-height: 50px; font-size: 1.2em; text-indent: 20px; margin: 50px auto 30px auto;
}

.jb_title{
	font-size: 20px;
	margin-left: 5px;
}

.got{
	color: #F00;
}

.more{
	float: right;
    margin-right: 10px;
	margin-top: 12px;
	color: #2F84F6;
}

.r_icon{
	text-align: center;
}

.r_icon i {
	font-size: 12em;
	color: #2F84F6;
}

.r_result{
	text-align:  center;
	font-size: 48px;
	color: #666;
	margin-top: 20px;
	margin-bottom: 30px;
	letter-spacing: 10px;
}

.r_result2{
	text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    background-color: #C4ECFF;
}

.r_returnbtn{
    text-align: center;
    margin-top: 50px;
}

.r3 {
	height: 35px;
	line-height: 35px;
	text-indent: 10px;
}

.jb_app, .jb_plate{
	display: none;
}

.jubao_bigBtn{
	width: 340px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	font-size: 2em;
	float: left;
	margin-left: 80px;
	border: 1px solid #519FF4;
	letter-spacing: 5px;
	cursor: pointer;
	box-shadow: 0px 0px 9.9px 0.1px rgba(5, 157, 254, 0.32);	
	background-color: #1FA1EF;
	border-radius: 10px;
	color:#FFF;
}
.jubao_bigBtn .youxian {
	position:relative;
}

.small_tit {
	width: 340px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color: #F00;
	margin-left: 140px;
	margin-bottom: 40px;
	font-size: 20px;
}

.jubao_bigBtn:hover{
	border: 3px solid #FFF;
	color:#fbff00;
	box-shadow: 2px 2px 2px 2px #ccc;
	background-image: url(../image/inform_btn_bg_hover.png);
}

.gzh{
	background-image: url(../image/gzh_bg.png);
	background-size: cover;
}

.app_title{
	width: 100%;
	height: 180px;
	line-height: 180px;
	font-size: 4em;
	font-weight: 600;
	text-align: center;
	color: #1E52B1;
}

.app_main{
	width: 1200px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
}

.app_mobile{
	width: 460px;
	float: left;
	text-align: center;
}

.app_title2{
	width: 740px;
	height: 180px;
	line-height: 180px;
	font-size: 3em;
	font-weight: 600;
	text-align: center;
	color: #1E52B1;
	float: left;
}

.app_title3{
	width: 640px;
	padding-left: 50px;
	padding-right: 50px;
	height: 180px;
	line-height: 40px;
	font-size: 1.5em;
	color: #1E52B1;
	text-align: left;
	text-indent: 2em;
	float: left;
}

.app_code {
	width: 740px;
	text-align: center;
	float: left;
}

.app_title4{
	height: 80px;
	line-height: 80px;
	font-size: 1.2em;
	color: #1E52B1;
	text-align: center;
}

.icon-code {
	background-image: url(../image/icon-code.png);
	background-size: cover;
}

.ztjb{
	width: 1100px;
	height: 165px;
	margin: 0px auto 15px auto;
}

.ztjb img {
	width: 1100px;
	height: 155px;
	border: 0;
}

.hr_button {
	width: 1100px;
	height: 55px;
	padding: 20px 0px 20px 0px;
	margin: 0px auto 25px auto;
	background-color: #436EB3;
	border-radius: 5px;
}

.hr_button .imgBtn {
	width: 250px;
	height: 55px;
	line-height: 55px;
	border-radius: 5px;
	background-color: #FFF;
	cursor: pointer;
	margin-left: 20px;
	float: left;
}

.imgBtn i {
	font-size: 45px;
	position: relative;
	top: 5px;
	left: 35px;
	float: left;
	color: #39F;
}

.imgBtn .title {
	float: left;
	font-size: 20px;
	margin-left: 55px;
	letter-spacing: 5px;
}