@charset "utf-8";
/* CSS Document */
#vsb_content table {
	border-width: 1px 0px 0px 1px;
	border-right-style: initial;
	border-bottom-style: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	border-image: initial;
	border-left-style: solid;
	border-left-color: rgb(221, 221, 221);
	border-top-style: solid;
	border-top-color: rgb(221, 221, 221);
	width: 100%;
	margin: 20px auto;
}

#vsb_content table tr td {
	border-width: 0px 1px 1px 0px;
	border-left-style: initial;
	border-left-color: initial;
	border-top-style: initial;
	border-top-color: initial;
	line-height: 23px;
	padding: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: rgb(221, 221, 221);
	border-bottom-color: rgb(221, 221, 221);
}

#vsb_content table tr td p {
	text-indent: 0em;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#browser-modal {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	color: rgb(48, 50, 51);
	position: fixed;
	z-index: 9999;
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: rgb(17, 17, 17);
	opacity: 0.9;
	z-index: -1;
}

#browser-modal .browser-content {
	width: 700px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 50px;
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
}

#browser-modal .browser-content .browser-dpc-logo img {
	height: 42px;
	margin: 45px auto 40px;
}

#browser-modal .browser-content .browser-text-title {
	text-transform: uppercase;
	font-size: 24px;
}

#browser-modal .browser-content .browser-text-desc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px;
}

#browser-modal .browser-content .browser-list {
	width: 600px;
	margin: 20px auto;
	height: 130px;
}

#browser-modal .browser-content .browser-item {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#browser-modal .browser-content .browser-item .iconfont {
	width: 100px;
	height: 100px;
	margin: 0px auto 10px;
	font-size: 80px;
	line-height: 80px;
}

#browser-modal .browser-content .browser-item .iconchrome {
	background: url("../images/bro.png") 0px 0px no-repeat;
}

#browser-modal .browser-content .browser-item .iconfirefox {
	background: url("../images/bro.png") 0px -100px no-repeat;
}

#browser-modal .browser-content .browser-item .iconopera {
	background: url("../images/bro.png") 0px -200px no-repeat;
}

#browser-modal .browser-content .browser-item .iconEdge {
	background: url("../images/bro.png") 0px -300px no-repeat;
}

#browser-modal .browser-content .browser-item a {
	cursor: pointer;
	display: block;
}

#browser-modal .browser-content .browser-item a img {
	display: block;
	margin: 0px auto;
	max-width: 100px;
	width: 100px;
	height: 100px;
}

#browser-modal .browser-content .browser-item a h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
}



body{
	overflow-x: hidden;
	font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    background-color: #F2F2F2;
	display: flex;
    min-height: 100vh;
    flex-direction: column;
	
}

.leftNav{
	background-color: #fff
}
main{
	 flex: 1
}
.col-space30 {
    margin: -15px
}
.col-space30>* {
    padding: 15px
}
footer{
	background-color: #e0e0e0;
	font-size: 12px
}
.tailList{
	padding: 40px 0!important
}

.tailList li{
	list-style: none	
}
.tailList h4{
	padding-bottom: 8px
}
.tailList h4 a{
	
	font-size: 15px;
	color: #22132d
}
.tailList h4 a:hover{
	color:#4F608C
}
.tailList a{
	color:#585858;
	display:block;
	line-height:24px;
	text-align:center
}
.tailList a:hover{
	color:#4F608C
}
.copyrights{
	background-color: #22132d;
	color:#a5a2a7;
	padding:20px 0;
	line-height:22px
}
.copyrights .info {
	float: left
}
.copyrights .info span{
	padding-right: 24px
}
.copyrights .icp{
    float: right
}
.copyrights .copy{
	color:#6f6a74;
	display:block
}

header{
	background-image: url("../images/bg_01.jpg");
	background-repeat: repeat;
	height: 120px;	
}

.logo{
	background-image: url("../images/wgylogo.png");
	background-repeat: no-repeat;
	height: 120px;
	width: 1903px;
	background-position: top;
	top:5px;
	
}

.banner{
	background-image: ;
	background-repeat: no-repeat;
	height: 100px;
	width: 300px;
	background-position: top;
	top:5px;
	
	
} 

.heada{
	margin-top: 10px;
}
.heada a{
	text-decoration:underline;
	font-size: 14px;
	padding: 0 20px;
}

.top{
	height: 30px;
	
}
#cal{
	background: #fff!important;
	padding-top: 3px;
}
.tianqi{
	margin-bottom: 10px;
	
}

#tianqi{
	position: absolute;
	top: 42px;
	z-index: 999;
	display: none;
}
.new-main{
	padding: 40px;
}
.list-new li{
	
	padding: 15px 20px;
	border-bottom: 1px solid #F2F2F2
}
.new:hover{
	background-color: #FCFCFC
}
.new1{
	color: #D786E8!important
}
.new-h{
	font-weight: 700;
	color: #2E3135;
	font-size: 16px;
	padding-top: 15px;
}
.new-button-text{
	font-size: 13px;
	margin-left: 5px;
	color: #B2BAC2
}
.new-data{
	float: right;
	color: #333;
	margin-top: 7px;
	font-weight: 500
}
.card-img{
	padding: 5px 8px;
}
.card-img a li{
	margin: 20px 0;
}
.img-button{
	float: right
}
@media screen and (max-width:768px){
	.new-main{
		padding: 0
	}
	.logo{
		background-image: url("../images/logo-phone.png");
		width: 300px;
		
		height: 60px
	}
	header{
		height: 65px;
	}
	.mycol{
		margin: 30px 0 35px -15px
	}
	.new-h{
		padding-top: 0
	}
}


#GoTop{
	width:40px;
	height:40px;
	background-color:#F59E1D;
	background-image: url("../images/top.png");
	background-repeat: no-repeat;
	position:fixed;
	bottom:30px;
	right:30px;
	font-size:19pt;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display: none;
}
.new-a:hover{
	color: #5FB878
}
.col-text{
	font-size: 24px;
	color: #3399ff;
	line-height: 48px;
	margin-left: 45px;
}

.footer-title{
	line-height: 36px;
	font-size: 18px;
	margin-left: 10px;
	color:  #3399ff;
	cursor: pointer;
}
.footer-title:hover{
	color: #13227a
}
.link-line{
	background-color: #13227a
}
.box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	
}
.fit{
	 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	transition: all 3s;
}

.box-item{
	margin: 15px 0
}
.my-title{
	
	text-align: center;
	font-size: 24px;
	color:  #3399ff;
	cursor: pointer;
}
.top{
	height: 30px;
	background-color: #f2f2f2;
	display: none;
	float: right;
	width: 100%;
}
#pcNav{
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	z-index: 999;
	width: 100%;
	display: flex;
	justify-content: space-around;
	background-color: #fff
}
.xiala{
	position: fixed;
	top:0;
}
.pc-nav-logo{
	visibility: hidden
}
.xiala .pc-nav-logo{
	visibility: visible
}
#index{
	background: url("../images/bg_02.jpg");
}
.cal-text{
	background-color: #fff;
    padding: 5em 3em 3.5em 3em;
    font-size: 14px;
    line-height: 1.8em;
	height:200px;
}
.index-add{
	background-color: #fff;
	padding-top: 50px
}
.index-box{
	display: flex;
	justify-content: space-around;
}

.index-box-item figcaption{
	position: relative;
	top:-25px;
	left: 0px;
	background: rgba(33, 33, 33, 0.8);
    height: 50px;
    font-size: 16px;
    line-height: 50px;
	
}.imgfig1 figure {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.imgfig1 figure:hover figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	top: 0;
}

.imgfig1 figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: -100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.imgfig1 figcaption h4 {
	color: #FFF;
	padding: 0;
	position: relative;
	left: 100%;
	font-size: 40px;
	font-weight: 700;
	margin: 1em 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
	text-align: center;
	text-transform: uppercase;
}

.imgfig1 figcaption p {
	font-family: 'Open sans';
	line-height: 2em;
	text-align: center;
	padding: 0px 20px;
	margin-bottom: 0;
	position: relative;
	left: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	-ms-transition-delay: 1.3s;
	transition-delay: 1.3s;
}

.imgfig1 figure:hover h4,.imgfig1 figure:hover p {
	left: 0;
} 
.index-img{
	display: flex;
	justify-content: space-around;
}

.img-item{
	color: #6C2AA6;
    font-size: 18px;
    line-height: 48px;
    font-weight: normal;
}
.index-info{
	line-height: 40px;
	text-indent: 2em;
	font-size: 16px;
	margin-top: 30px;
	font-weight: 700;
}
.sm-box{
	display: flex;
	justify-content: space-around;
	
}
.info-banner{
	display: flex;
	justify-content: center;
	margin: 60px 0
	
}