﻿#middle {
	width: 100%;
	min-width: 1200px;
}

.mid {
	width: 100%;
	height: 400px;
/*background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2a3afe9d-a97d-4d29-a5fa-33d6e2ef6d1a/d791648b-7f4a-4194-8324-9a35ec311589.jpg) no-repeat center;*/
	background: url(/cms/templates/10565921313170000/images/middle_icon_37.jpg) no-repeat center;
}

.mid-zx {
	margin: 0 auto;
	padding: 40px 0px;
}

/* 动态资讯 */
.mid-zx-left {
	width: 360px;
	min-height: 540px;
	background: #FFFFFF;
	border-radius: 5px;
	margin-right: 40px;
	padding: 35px;
	box-sizing: border-box;
	float: left;
	border-top: 5px solid #506ACC;
}

.mid-zx-tip{
	width: 100%;
	margin-bottom: 40px;
}

.zx-tip-en{
	width: 100%;
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	color: rgba(51,51,51,0.1);
	font-weight: bold;
	margin-bottom: 10px;
}

.zx-tip-zh{
	width: 100%;
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	color: #333333;
	font-weight: bold;
}

.ul-dtzx {
	width: 100%;
}

.ul-dtzx li:nth-child(1),
.ul-dtzx li:nth-child(2) {
	margin-bottom: 40px;
}

.dtzx-time {
	width: 100%;
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	color: #333333;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-bottom: 15px;
}

.dtzx-title {
	width: 100%;
	height: 50px;
	line-height: 25px;
	font-size: 18px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.dtzx-content {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	color: rgba(51, 51, 51, 0.5);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.mid-zx-right {
	float: left;
	width: 800px;
}

/* 数据 */
.zx-data {
	width: calc(100% + 20px);
	margin-left: -20px;
}

.zx-data ul li{
	float: left;
	width: calc(100% / 4 - 15px);
	height: 100px;
	margin-left: 15px;
	display: inline-block;
	padding-top: 25px;
	box-sizing: border-box;
}

.zx-data-left {
	color: #FFFFFF;
	width: 54px;
	font-size: 20px;
	padding: 0px 15px;
	float: left;
	text-align: center;
}

.zx-data-border {
	width: 1px;
	background: rgba(255, 255, 255, 0.6);
	height: 40%;
	margin-top: 5%;
	float: left;
}

.zx-data-right {
	width: calc(100% - 100px - 1px);
	text-align: center;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: bold;
	float: left;
}


.zx-data ul li:nth-child(1) {
	background: url(/cms/templates/10565921313170000/images/middle_icon_02_x.png) no-repeat;
	background-size: 100% 100%;
}

.zx-data ul li:nth-child(2) {
	background: url(/cms/templates/10565921313170000/images/middle_icon_03_x.png) no-repeat;
	background-size: 100% 100%;
}

.zx-data ul li:nth-child(3) {
	background: url(/cms/templates/10565921313170000/images/middle_icon_04_x.png) no-repeat;
	background-size: 100% 100%;
}

.zx-data ul li:nth-child(4) {
	background: url(/cms/templates/10565921313170000/images/middle_icon_05_x.png) no-repeat;
	background-size: 100% 100%;
}

.zx-gg {
	width: 100%;
	margin-top: 60px;
}

.zx-gg-nav {
	border-bottom: 1px solid #DCDDDE;
}

.zx-gg-nav li {
	float: left;
	margin-right: 100px;
}
.zx-gg-nav li:last-child{margin:0;}

.zx-gg-nav li a {
	float: left;
	font-size: 18px;
	color: #333333;
	padding-bottom: 20px;
	position: relative;
}

.zx-gg-nav li:hover a {
	color: #3d56b8 !important;
	font-weight: bold;
}

.zx-gg-nav li:hover a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #3d56b8;
}


.current a {
	color: #3d56b8 !important;
	font-weight: bold;
}

.current a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #3d56b8;
}

.zx-gg-list {
	width: 100%;
}

.zx-gg-list li {
	margin-top: 34px;
}

.zx-gg-list li a {
	font-size: 16px;
	width: calc(100% - 135px);
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}

.zx-gg-list li span {
	color: #999999;
	margin-left: 15px;
	float: left;
	width: 120px;
	text-align: right;
}

/* 招标项目 */
.mid-zz-bg {
	background: url(/cms/templates/10565921313170000/images/middle_icon_38.jpg) no-repeat center;
	width: 100%;
	height: 560px;
}

.mid-zz-nav {
	border-bottom: 1px solid #5469A0;
	height: 100px;
}

.zz-ul {
	margin: 0 auto;
}

.zz-ul li {
	width: 50%;
	float: left;
	line-height: 100px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 24px;
	text-align: center;
	position: relative;
}

.zz-ul li a {
	color: rgba(255, 255, 255, 0.5);
}

.zz-ul li:hover a {
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
}

.zz-ul li:hover a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 100%;
	background: #ffb039;
}

.zz-ul .currentZz a {
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
}

.zz-ul li.currentZz a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 100%;
	background: #ffb039;
}

/* 招标项目栏目 */
.mid-zz-wrap{margin: 0 auto;position:relative; width:1200px;display: none;}
.on{display:block;}
.mid-zz-list {
	
	margin-top: 60px;
        height:320px; overflow:hidden;
}

.mid-zz-list ul {
	/*width: calc(100% + 30px);
	margin-left: -30px;*/
}

.mid-zz-list li {
	float: left;
	width:278px;
	height: 320px;
	margin-right: 30px;
	background: #FFFFFF;
	border-radius: 5px;
	overflow: hidden;
}

.zzxm-image {
	width: 100%;
	height: 150px;
	overflow: hidden;
}

.zzxm-image img {
    width: 100%;
    height: auto;
}

.zzxm-info {
	width: 100%;
	height: 170px;
	padding: 15px 20px;
	box-sizing: border-box;
}

.zzxm-title {
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	height: 48px;
	color: #333333;
	margin-bottom: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.zzxm-date {
	width: 100%;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 20px;
}

.zzxm-date span {
	color: #333333;
	font-size: 30px;
	font-weight: bold;
}

.zzxm-time {
	line-height: 24px;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
}

.zzxm-time-left{
	float: left;
}

.zzxm-time-right{
	float: right;
}

.zzxm-time img {
	margin-right: 5px;
}

/*左右箭头 */
.zzxm-prev {
	position: absolute;
	top: 50%;
	left: -100px;
	width: 70px;
	height: 70px;
	transform: translateY(-50%);
        opacity: 0.5;
        transition: all 0.5s;
        cursor: pointer;
}

.zzxm-next {
	position: absolute;
	top: 50%;
	right: -100px;
	width: 70px;
	height: 70px;
	transform: translateY(-50%);
        opacity: 0.5;
        transition: all 0.5s;
        cursor: pointer;
}

.zzxm-prev:hover {
    opacity: 1;
}

.zzxm-next:hover {
	opacity: 1;
}


/* 指示点 */
.mid-zz-zsd {
	width: 100%;
	padding: 50px;
	text-align: center;
}

.zz-zsd {
	width: 120px;
	height: 5px;
	display: inline-block;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	margin: 0px 20px;
}

.zz-zsd-current {
	width: 120px;
	height: 5px;
	display: inline-block;
	background: #FFFFFF;
}

/* 采购信息公开 */
.mid-cgxx-bg {
	width: 100%;
	background: #FFFFFF;
}

.mid-cgxx {
	margin: 0 auto;
	padding: 70px 0px;
	box-sizing: border-box;
}

.mid-cgxx-title {
	width: 100%;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}

.mid-cgxx-nav {
	width: 100%;
	height: 60px;
	background: #3D57B8;
	border-radius: 10px;
	overflow: hidden;
}

.mid-cgxx-nav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 60px;
	position: relative;
	margin-left: 100px;
}

.mid-cgxx-nav ul li a {
	color: #FFFFFF;
	font-size: 18px;
}

.mid-cgxx-nav ul li:hover a {
	font-size: 18px;
	font-weight: bold;
}

.mid-cgxx-nav ul li:hover a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -6px;
	left: -20%;
	border-radius: 15px;
	height: 12px;
	width: 140%;
	background: #FFFFFF;
}

.mid-cgxx-nav ul .cgxx-current a {
	font-size: 18px;
	font-weight: bold;
}

.mid-cgxx-nav ul .cgxx-current a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -6px;
	left: -20%;
	border-radius: 15px;
	height: 12px;
	width: 140%;
	background: #FFFFFF;
}

.mid-cgxx-list {
	width: 100%;
	margin-top: 25px;
        min-height: 250px;
}

.mid-cgxx-list ul li {
	height: 50px;
	line-height: 50px;
	display: flex;
	padding: 0px 20px;
	box-sizing: border-box;
	border-radius: 10px;
}

.cgxx-qy {
	width: 10%;
	font-size: 16px;
	color: #333333;
	float: left;
}

.cgxx-name {
	width: 65%;
	font-size: 16px;
	color: #333333;
	float: left;
}

.cgxx-status {
	width: 15%;
	font-size: 16px;
	color: #5473e8;
	float: left;
}

.cgxx-time {
	width: 10%;
	font-size: 16px;
	color: #cccccc;
	float: left;
}

.mid-cgxx-list ul li:hover {
	background: #FFF7EB;
}

.mid-cgxx-list ul li:hover div {
	color: #5473e8 !important;
}

.mid-cgxx-list ul li:hover a{
	color: #5473e8 !important;
}

/* 竞价平台公告 */
.mid-bidding-bg {
	background: #F5F6F7;
	width: 100%;
	height: 740px;
}

.mid-bidding {
	margin: 0 auto;
	padding: 70px 0px;
	box-sizing: border-box;
}

/* 头部 */
.bidding-nav {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #DCDDDE;
}

.bidding-ul {
	width: 720px;
	margin: 0 auto;
}

.bidding-ul li {
	float: left;
	line-height: 60px;
	color: #333333;
	font-size: 24px;
	text-align: center;
	position: relative;
	margin: 0px 70px;
}

.bidding-ul li a {
	color: #333333;
}

.bidding-ul li:hover a {
	color: #3d56b8;
	font-weight: bold;
}

.bidding-ul li:hover a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 3px;
	width: 100%;
	background: #3d56b8;
}

.bidding-ul .currentBidding a {
	color: #3d56b8;
	font-weight: bold;
}

.bidding-ul li.currentBidding a:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 3px;
	width: 100%;
	background: #3d56b8;
}

/* 竞价列表 */
.bidding-list {
	margin-top: 40px;
}

.bidding-list-header {
	background: #3F56B7;
	color: #FFFFFF;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border-radius: 30px;
	padding: 0px 50px;
	box-sizing: border-box;
}
:root .gradient{filter:none;} 

.bidding-bdbh {
	width: 130px;
	float: left;
}

.bidding-bdmc {
	width: 430px;
	float: left;
}

.bidding-gpj {
	width: 90px;
	float: left;
}

.bidding-jgdw {
	width: 160px;
	float: left;
}

.bidding-bmjssj {
	width: 210px;
	float: left;
}

.bidding-cz {
	width: 80px;
	float: left;
}

.bidding-list-ul {
	width: 100%;
        min-height:290px;
	margin-top: 20px;
}

.bidding-list-ul li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: flex;
	padding: 0px 50px;
	border-radius: 30px;
	overflow: hidden;
	box-sizing: border-box;
}

.bidding-list-ul li:nth-child(odd) {
	margin: 10px 0px;
}

.bidding-list-ul li:nth-child(even) {
	background: #E7EBF6;
	/* background: linear-gradient(to right, #E2E6F0, #E7EBF6); */
	/* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1 ,startColorstr=#E2E6F0, endColorstr=#E7EBF6); */
}

.bidding-list-ul li .bidding-cz a{
	color: #536cce;
}
 .zwsj{ margin: 60px auto 0;
    width: 258px;
    display: block;
}
/* 查看更多 */
.bidding-button {
	width: 280px;
	height: 50px;
	background: #3F56B7;
	overflow: hidden;
	border-radius: 30px;
	margin: 60px auto 0px auto;
}

.bidding-button:hover {
	box-shadow: 0px 23px 15px -15px rgba(83, 108, 206, 0.5);
}

.bidding-button-bg{
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #3F56B7, #6F89E9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1 ,startColorstr=#3F56B7, endColorstr=#6F89E9);
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
}

.bidding-button-bg a{
    width: 100%;
    height: 100%;
    display: inline-block;
}


.bidding-button-bg a,.bidding-button-bg a:visited,.bidding-button-bg a:link{color: #FFFFFF;}
/* 操作说明 */
.mid-czsm-bg {
	background: url(/cms/templates/10565921313170000/images/middle_icon_15.jpg);
	width: 100%;
	height: 240px;
}

.mid-czsm {
	margin: 0 auto;
	padding: 80px 0px;
}

.mid-czsm ul {
	width: calc(100% + 20px);
	margin-left: -20px;
}

.mid-czsm ul li {
	width: calc(100% / 5 - 20px);
	margin-left: 20px;
	float: left;
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	text-align: center;
	background: #FFFFFF;
	border-radius: 5px;
}

.mid-czsm ul li a{
	width: 100%;
        height: 100%;
        display: inline-block;
}

.mid-czsm ul li i{
	width: 45px;
	height: 45px;
	margin-right: 30px;
	vertical-align: middle;
	display: inline-block;
}

.mid-czsm ul li:nth-child(1) i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_06.png);
}

.mid-czsm ul li:nth-child(2) i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_07.png);
}

.mid-czsm ul li:nth-child(3) i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_08.png);
}

.mid-czsm ul li:nth-child(4) i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_09.png);
}

.mid-czsm ul li:nth-child(5) i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_10.png);
}


.mid-czsm ul li:hover {
	background: #FFB03C url(/cms/templates/10565921313170000/images/middle_icon_21.png);
	color: #FFFFFF;
}

.mid-czsm ul li:nth-child(1):hover i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_06_none.png);
}

.mid-czsm ul li:nth-child(2):hover i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_07_none.png);
}

.mid-czsm ul li:nth-child(3):hover i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_08_none.png);
}

.mid-czsm ul li:nth-child(4):hover i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_09_none.png);
}

.mid-czsm ul li:nth-child(5):hover i{
	background: url(/cms/templates/10565921313170000/images/middle_icon_10_none.png);
}

.mid-czsm ul li:hover a {
	color: #FFFFFF;
}

/* 广告位轮播 */
.mid-ggw-bg{
	width: 100%;
	background: #E8E9E9;
}

.mid-ggw{
	margin: 0 auto;
	padding: 80px 0px;
}

.ggw-banner{
	width: 1200px;
	height: 440px;
	background: #FFFFFF;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

.ggw-banner-left{
	width: 380px;
	height: 100%;
	background: #5573E8;
	padding: 50px;
	box-sizing: border-box;
	float: left;
}

.banner-tip-zh{
	font-size: 30px;
	line-height: 45px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
}
.banner-tip-en{
	font-size: 26px;
	line-height: 40px;
	letter-spacing:8px;
	color: rgba(255,255,255,0.2);
}

.ggw-banner-right{
	width: 1200px;
	height: 440px;
	float: left;
}
.ggw-banner-right td{padding:0;}
.ggw-banner-img{
	width: 1200px;
	height: 440px;
}

/* 广告位指示点 */
.banner-zsd{
	position: absolute;
	width: 100%;
	bottom: 40px;
	left: 50px;
	width: 200px;
}

.zsd{
	width: 30px;
	height: 5px;
	background: rgba(255,255,255,0.3);
	float: left;
	display: inline-block;
	margin-right: 10px;
	border-radius: 5px;cursor: pointer;
}

.zsdCurrent{
	background: rgba(255,255,255,1);cursor: pointer;
}

.banner-img-mark{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 60px;
	background-image: linear-gradient(to bottom, transparent, #00000080);
}

#controlBar{
z-index:500;
}

/*#controlBar{bottom: 15px !important;
        right: 10px !important;}*/


/* 网站信息 */
.mid-wzxx-bg {
	width: 100%;
	height: 520px;
	background: #FFFFFF;
}

.mid-wzxx {
	margin: 0 auto;
}

.mid-wzxx-title {
	width: 100%;
	font-size: 24px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	padding-top: 80px;
	padding-bottom: 60px;
}

.mid-wzxx-ul {
	width: 100%;
	text-align: center;
}

.mid-wzxx-ul ul {
	
}

.mid-wzxx-ul ul li {
	width: calc(100% / 3 - 10px);
	text-align: center;
	float: left;
}

.wzxx-icon {
	text-align: center;
	margin-bottom: 30px;
}

.wzxx-title {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
}

.wzxx-tip {
	font-size: 16px;
	color: #333333;
}

.wzxx-block {
	width: 1px;
	height: 150px;
	display: inline-block;
	background: rgba(51, 51, 51, 0.1);
	float: left;
	margin-top: 20px;
}

/* 网站使用情况 */
.mid-wzsy {
	margin: 0 auto;
	height: 210px;
	background: url(/cms/templates/10565921313170000/images/middle_icon_14.png);
	margin-top: -100px;
}

.mid-wzsy ul {
	padding-top: 50px;
}

.mid-wzsy ul li {
	float: left;
	width: 33.3%;
}

.wzsy-title {
	font-weight: bold;
	font-size: 60px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 10px;
}

.wzsy-tip {
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}

/* 合作伙伴 */
.mid-hzhb-bg{
	width: 100%;
	height: 380px;
	padding: 80px 0px 100px 0px;
	box-sizing: border-box;
}

.mid-hzhb{
	margin: 0 auto;
}

.mid-hzhb-title{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	padding-bottom: 70px;
}

.mid-hzhb-ul{
	position: relative;height:60px;
}

.mid-hzhb-ul ul li{
	float: left;
	width: 300px;
	text-align: center;height:60px; 
}
.ztzx-prev {
	position: absolute;
	top: 50%;
	left:  -40px;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
        opacity: 0.4;
        transition: all 0.5s;
        border-radius: 50%;
        cursor: pointer;
}

.ztzx-next {
	position: absolute;
	top: 50%;
	right:  -40px;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
        opacity: 0.4;
        transition: all 0.5s;
        border-radius: 50%;
        cursor: pointer;
}

.ztzx-prev:hover {
    opacity: 1;
}

.ztzx-next:hover {
	opacity: 1;
}

/* 底部轮播图*/
.Cont,.Cont2,.Cont3 {
    WIDTH: 100%;
    FLOAT: left;
    OVERFLOW: hidden;
    height: 103px;
}
.ScrCont,.ScrCont2,.ScrCont3 {
    WIDTH: 10000000px;
}
#List1,#List3,#List5 {
    float: left;
}
#List2,#List4,#List6{
    float: left;
}
