﻿@charset "utf-8";
/* CSS Document */

/*--------容器 主体 通知公告-----------*/
#notice{
	height: 49px;
	padding: 0 18px;
	margin-top: 23px;
	background-color: #e5f4ff;
	position: relative;
}
.notice-header-box{
	width: 140px;
	height: 35px;
	background-color: #037edb;
	position: absolute;
	top: 50%;
	margin-top: -17.5px;
}
.notice-header{
	width: 140px;
	height: 35px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
.notice-header img{
	width: 20px;
	height: 19px;
	vertical-align: middle;
}
.notice-header span{
	font-size: 18px;
	color: #fffefe;
	display: inline-block;
	vertical-align: middle;
}
.picScroll-left{
	width: 1030px;
}
.picScroll-left .bd{
	width: 856px;
	height: 22px;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 140px;
	margin-left: 26px;
	overflow: hidden;
}
.picScroll-left .picList{
	position: relative;
}
.picScroll-left .picList li{}
.notice-title{
	width: 856px;
	font-size: 18px;
	color: #037edb;	
}
.notice-title .content{
	width: 666px;
	margin-right: 26px;
}
.notice-title .date{
	margin-right: 16px;
}
.notice-icon{
	height: 16px;
	position: absolute;
	top: 50%;
	left: 1022px;
	margin-top: -8px;
	margin-left: 70px;
}
.notice-icon img{
	width: 10px;
	height: 16px;
	cursor: pointer;
}

/*--------容器 主体 第一栏 新闻栏-----------*/
#part01{
	margin-top: 47px;
}
#part01 .left{
	width: 590px;
}
.left .swiper1{
	width: 590px;
	position: relative;
}
.slideBox{
	width: 590px;
	height: 337px;
	position: relative;
}
.slideBox .bd{
	width: 590px;
	height: 331px;
	overflow: hidden;
	position: relative;
}
.slideBox .hd{
	position: absolute;
	bottom: -1px;
}
.slide-content{
	display: block;
	position: relative;
}
.slide-content img{
	width: 590px;
	height: 331px;
	display: block;
}
.slide-content-title{
	width: 589px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.slide-content-title-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	background-color: rgba(0,0,0,0.5);
}
.slide-content-title-text{
	width: 529px;
	line-height: 18px;
	padding: 10px 30px 12px;
	font-size: 16px;
	color: #fffefe;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.slide-controller{
	width: 40px;
	height: 100px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	z-index: 10;
	cursor: pointer;
}
.slide-controller-bg{
	width: 40px;
	height: 100px;
	background-color: #000;
	filter: alpha(opacity=40);
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
}
.slide-controller-img{
	width: 12px;
	height: 19px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -9.5px;
	margin-left: -6px;
}
.arrow-left{
	left: 0;
}
.arrow-right{
	right: 0;
}
.slide-line{
	width: 589px;
	height: 6px;
	margin-top: 1px;
}
.slide-line li{
	width: 117px;
	height: 6px;
	background-color: #dcdcdc;
	margin-right: 1px;
	cursor: pointer;
}
.slide-line li:first-child+li+li+li+li{
	margin-right: 0;
}
.slide-line li.active{
	background-color: #037edb;
}
#part01 .right{
	width: 590px;
}
.tab-header{
	width: 590px;
	height: 51px;
	padding-left: 13px;
	border-bottom: 1px solid #dcdcdc;
}
.tab-header li{
	margin-right: 14px;
	cursor: pointer;
}
.tab-header li:first-child{
	margin-right: 20px;
}
.tab-th{
	width: 100%;
	height: 51px;
	display: table-cell;
	vertical-align: middle;
}
.tab-th i{
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 2px;
}
.tab-th a{
	display: inline-block;
	font-size: 19px;
	font-weight: bold;
	color: #2f2f2f;
}
.tab-header li.active .tab-th i{
	background-image: url(../images/active.png);
}
.tab-header li.active .tab-th a{
	color: #037edb;
}
.tab-content{
	padding-left: 13px;
}

/* right news-list*/
.slideTxtBox>.bd>.news-blank{
	height: 260px;
	overflow: hidden;
	margin-top: 23px;
}
.slideTxtBox>.bd>.news-blank li{
	height: 16px;
	margin-bottom: 24px;
	cursor: pointer;
	font-size: 0;
	position: relative;
}
.slideTxtBox>.bd>.news-blank li:last-child{
	margin-bottom: 0;
}
.slideTxtBox>.bd>.news-blank li:hover a{
	color: #008ad8;
}
.slideTxtBox>.bd>.news-blank li:hover span{
	color: #008ad8;
}
.slideTxtBox>.bd>.news-blank li:first-child{
	margin-top: 0;
}
.slideTxtBox>.bd>.news-blank li:after{
	display: block;
	content: '';
	clear: both;
	height: 0;
}
.slideTxtBox>.bd>.news-blank li:before{
	content: '';
	width: 8px;
	height: 7px;
	display: block;
	background-image: url(../images/fillet_gray.png);
	position: absolute;
	top: 50%;
	left: 0;
}
.slideTxtBox>.bd>.news-blank li:hover:before{
	background-image: url(../images/fillet_black.png);
}
.slideTxtBox>.bd>.news-blank li>a{
	width: 442px;
	font-size: 16px;
	color: #414141;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;  
	text-overflow: ellipsis;
	margin-left: 20px;
}
.slideTxtBox>.bd>.news-blank li>span{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #999999;
	float: right;
	width: 93px;
	white-space: nowrap;
}

/*--------容器 主体 第二栏 专题专栏-----------*/
#part02{
	margin-top: 49px;
	width: 100%;
	height: 96px;
	overflow: hidden;
	position: relative;
}
#part02 a{
	display: block;
	margin-right: 15px;
}
#part02 a img{
	width: 390px;
	height: 90px;
	display: block;
}

/*--------容器 主体 第三栏-----------*/
#part03{
	margin-top: 35px;
}
.part03-left{
	width: 878px;
	height: 536px;
	margin-top: 20px;
}
.part03-left-item{
	width: 413px;
	margin-bottom: 32px;
}
.part03-left-item.mr{
	margin-right: 52px;
}
.part03-left-item-title h3{
	font-size: 20px;
	color: #037edb;
	padding: 9px 0;
	border-bottom: 5px solid #037edb;
}
.part03-left-item-title a{
	/*font-size: 12px;*/
	line-height: 49px;
	color: #0090ff;
}
.part03-left-item-title a:hover{
	color: red;
}
.part03-left-list{
	border-top: 3px solid #037edb;
	padding-top: 28px;
}
.part03-left-list-li{
	margin-bottom: 14px;
}
.part03-left-list-li a{
	width: 413px;
	font-size: 0;
	color: #4d4d4d;
	display: block;
}
.part03-left-list-li a:before{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertica-align: middle;
}
.part03-left-list-li a:hover{
	color: #008ad8;
}
.part03-left-list-li a img{
	width: 8px;
	height: 7px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.part03-left-list-li a p{
	width: 296px;
	margin-right: 10px;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}
.part03-left-list-li a span{
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #999;
}
.part03-left-list-li.last{
	margin-bottom: 0;
}
.part03-left-tab{
	padding-top: 14px;
}
.part03-left-tab-header{
	margin-bottom: 13px;
}
.part03-left-tab-header li{
	width: 124px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #FFFFFF;
	font-size: 20px;
	color: #2f2f2f;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.part03-left-tab-header li.active,.part03-left-tab-header li.active>a{
	border-color: #037edb;
	color: #037edb;
}
.part03-left-tab-list{
	width: 100%;
	background-color: #f3faff;
	margin-top: 12px;
	padding: 24px 15px;
}
.part03-left-tab-list-li{
	margin-bottom: 12px;
}
.part03-left-tab-list-li:first-child+li+li+li+li{
	margin-bottom: 0;
}
.part03-left-tab-list-li a{
	display: block;
	font-size: 0;
	color: #414141;
}
.part03-left-tab-list-li a:before{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.part03-left-tab-list-li a:hover{
	color: #008ad8;
}
.part03-left-tab-list-li a img{
	width: 8px;
	height: 7px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.part03-left-tab-list-li a p{
	width: 626px;
	margin-right: 112px;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.part03-left-tab-list-li a span{
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}
.part03-right{
	width: 285px;
	margin-top: 20px;
}
.part03-right-menu-box{
	display: block;
	margin-bottom: 8px;
}
.part03-right-menu-box:first-child+a{
	margin-bottom: 0;
}
.part03-right-menu-box:first-child+a+ul+a+a{
	margin-bottom: 0;
}
.part03-right-menu-item{
	width: 285px;
	height: 50px;
	background-color: #fff;
	border-left: 10px solid #5bb8ff;
	background-color: #037edb;
	display: table-cell;
	vertical-align: middle;
}
.part03-right-menu-item:hover{
	background-color: #0090ff;
}
.part03-right-menu-item i{
	width: 29px;
	height: 29px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 34px;
	background-position: center;
	background-repeat: no-repeat;
}
.part03-right-menu-item i.compass{
	background-image: url(../images/icon_compass.png);
}
.part03-right-menu-item i.file{
	background-image: url(../images/icon_file.png);
}
.part03-right-menu-item i.edit{
	background-image: url(../images/icon_edit_02.png);
}
.part03-right-menu-item i.file02{
	background-image: url(../images/icon_file_02.png);
}
.part03-right-menu-item span{
	display: inline-block;
	font-size: 18px;
	color: #FFFFFF;
	vertical-align: middle;
	margin-left: 22px;
}
.part03-right-child-menu{
	margin-bottom: 8px;
}
.part03-right-child-menu li{
	width: 137.5px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	background: #f6f6f6;
}
.mt11{
	margin-top: 11px;
}
.part03-right-child-menu li:hover{
	background-color: #eeeeee;
}
.part03-right-child-menu li img{
	vertical-align:middle;
	margin-right: 5px;
}
.menu-a{
	font-size: 16px;
	color: #6a6a6a;
}
.part03-right-child-box{
	width: 100%;
	height: 57px;
	padding-top: 5px;
	margin-top: 4px;
}
.part03-right-child-box .item-top{
	height: 45px;
	font-size: 20px;
	color: #037edb;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
.part03-right-child-box .item-top i{
	width: 30px;
	height: 29px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	background-position: center;
	background-repeat: no-repeat;
}
.part03-right-child-box .item-top i.msg02{
	background-image: url(../images/icon_msg_02.png);
}
.part03-right-child-box .item-top i.personnel02{
	background-image: url(../images/icon_personnel_02.png);
}
.part03-right-child-box .item-top span{
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
}
.part03-right-child-box-list{
	/* height: 280px; */
}
.part03-right-child-box-list li{
	width: 137px;
	height: 50px;
	background-color: #eeeeee;
	font-size: 16px;
	color: #6a6a6a;
}
.mb12{
	margin-bottom:12px;
}
.part03-right-child-box-list li.mt{
	margin-right: 11px;
}
.part03-right-child-box-list li:first-child+li+li+li+li{
	margin-bottom: 0;
}
.child-box-item{
	width: 137px;
	height: 50px;
}
.child-box-item i{
	width: 50px;
	height: 50px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
}
.child-box-item i.mailbox{
	background-color: #eaac49;
	background-image: url(../images/icon_mailbox.png);
}
.child-box-item i.headset{
	background-color: #81a4dc;
	background-image: url(../images/icon_headset.png);
}
.child-box-item i.mailbox-open{
	background-color: #8cc264;
	background-image: url(../images/icon_mailbox_open.png);
}
.child-box-item i.chat{
	background-color: #7ac0f7;
	background-image: url(../images/icon_chat.png);
}
.child-box-item i.collect{
	background-color: #7db3de;
	background-image: url(../images/icon_collect.png);
}
.child-box-item i.jjjc{
	background-color: #7db3de;
	background-image: url(../images/icon_jjjc.png);
}
.child-box-item span{
	width: 87px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
}
.link-img-box{
	width: 285px;
	height: 52px;
	display: block;
	margin-bottom: 10px;
}
.link-img-box img{
	width: 100%;
	height: 100%;
	display: block;
}
.link-query-box{
	width: 285px;
	height: 52px;
	display: block;
	background-color: #ffbb44;
	text-align: center;
	font-size: 0;
}
.link-query-box:before{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.link-query-box i{
	width: 33px;
	height: 33px;
	display: inline-block;
	background-position: 0;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.link-query-box i.search02{
	background-image: url(../images/search_02.png);
}
.link-query-box span{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #ffffff;
	margin-left: 2px;
}
/*--------容器 主体 友情链接-----------*/
#part04{
	margin-top: 32px;
}
.link-item{
	width: 217px;
	height: 53px;
	border: 1px solid #bfbfbf;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}
.link242{
	width: 242px;
}
.link-item:last-child{
	margin-right: 0;
}
.link-item a{
	width: 217px;
	height: 53px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #6d6d6d;
	font-weight: bold;
}
.link242>a{
	width: 242px;
}
.link-item:first-child+div+div+div+div+div{
	margin-right: 0;
}
.link-item span{
	display: inline-block;
}
.link-item img{
	width: 13px;
	height: 11px;
	margin-left: 10px;
}
.select{
	width: 222px;
	height: 53px;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.fixRigthBox{
	box-sizing: border-box;
	width: 50px;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	transition:width 0.3s;
	-moz-transition:width 0.3s; /* Firefox 4 */
	-webkit-transition:width 0.3s; /* Safari and Chrome */
	-o-transition:width 0.3s; /* Opera */
	overflow: hidden;
	padding-left: 50px;
	background: url('http://xczx.btsbxg.com/material/images/rightZK.png') no-repeat left center;
	background-size: 50px 45px;
}
.fixRigthBox:hover{
	width: 210px;
	background: none;
}
.fixBG{
	width: 80px;
	height: 100%;
	position: absolute;
	left: 130px;
	top: 0;
	background: rgba(0,0,0,0.5);
}
.fixBG>.hoverBlueBox{
	width: 80px;
	height: 240px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
}
.fixRigthBox>div.indexMobileCodeBox{
	width: 102px;
	height: 240px;
	position: absolute;
	left: 0;
	right: 100px;
	top: 0;
	bottom: 0;
	margin:auto;
}
.fixRigthBox>div.indexMobileCodeBox>img{
	width: 102px;
	height: 102px;
	position: absolute;
	left: 0;
	bottom: -11px;
	display: none;
}
.fixRigthBox a{
	width:80px;
	height: 80px;
	display: block;
	text-align: center;
	padding-top:50px;
	line-height: 30px;
	color: #fff;
	background-position: center 10px;
	background-size: 30px 30px;
	box-sizing: border-box;
}
.indexFanti{
	background: url('http://xczx.btsbxg.com/material/images/fanti.png') no-repeat;
}
.barFree{
	background: url('http://xczx.btsbxg.com/material/images/wuzhangai.png') no-repeat;
}
.indexMobile{
	background: url('http://xczx.btsbxg.com/material/images/mobile.png') no-repeat;
}
.hoverBlue:hover{
	background: #037edb;
}