html,body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
html{font-size: 15px;font-family:"microsoft yahei","Microsoft YaHei ui";color:#333;}
a{text-decoration:none;}
ul,li{list-style:none;}
.lf{float:left;}
.rt{float:right;}
img{vertical-align: middle;border:none;}
body{
    /*min-width: 1260px;*/
    color:#5a6575;
    /*background: url("../images/bodybg.png");*/
}
.artical:after,.nav ul:after,.artical:after{
    content: "";
    display: table;
    clear: both;
}
#projectWrap1{
	margin-top:10px;
}
#top{
    height: 42px;
    line-height: 40px;
    color: #7e8893;
    background-color: #f7f9fc;
}
#top .lf{ color: #7e8893;}
#top .rt a{
    color: #7e8893;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}
#top .rt a:first-child,#top .rt a:first-child:hover{
    color: #004492;
}
#top .rt a:last-child{
    margin-right: 0px;
}
#top .rt a:hover{
    color:#333;
}
#top .rt a img{
    height: 19px;
    vertical-align: middle;
    margin-top: -4px;
}
.artical{
    width: 74%;
    margin: auto;
}
.articalHead{
    width: 90%;
    padding-top: 2%;
    margin: 0px 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header{
    height: 650px;
     background: url("../images/topbg.jpg") no-repeat #fff;
    background-size: 100% 100%;
}
#resign{
    position: absolute;
    right: 2%;
    top: 2%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
#resign img{
    height: 18px;
    vertical-align: middle;
    padding-right: 5px;
    vertical-align: middle;
}
#header .lf img{
 margin-top: -5px;
}
#header .rt{
    text-align: right;
    display: flex;
    justify-content: start;
}
#header .rt li{
    margin-left: 40px;
}
#header .rt a{
    color:#fff;
    font-size: 16px;
    font-weight: bold;
}
#header .rt .active a{
color:#fecb66;
}
.searchWrap{
    border:2px solid #0062d3;
    width:370px;
    float: right;
     box-sizing: content-box;
}
.searchWrap input{
    width:310px;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 14px;
    color: #7e8893;
    border: 1px solid #d6dee7;
    float: left;
}
.searchWrap button{
    height: 35px;
    width: 60px;
    vertical-align: middle;
    background-image: linear-gradient(to right, #1474e9, #00479d);
    border: none;
    cursor: pointer;
    float: left;
}
.searchWrap button:hover{
    background-image: linear-gradient(to right, #00479d, #00479d);
}
.searchWrap button i{
    font-size: 25px;
    color:#fff;
}
.phone400 img{
    height: 28px;
    margin-top: 13px;
}
#nav{
      height: 50px;
    line-height: 50px;
    background-color: #0062d3;
    /*width: 1260px;*/
    margin: auto;
    margin-top: 10px;
    overflow: hidden;
}
.nav ul li{
    float: left;
    width: 10%;
}
.nav ul li.active,.nav ul li:hover{
    background: url(../images/bridge.png) no-repeat #cfe4ff;
}
.nav ul li.active a{
	color: #0062d3;
    font-weight: bold;
}
.nav ul li>a{
   display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.nav ul li>a:hover{
	color: #0062d3;
}
#noticeTip{
    height: 45px;
    border: 1px solid #eceff2;
    margin-top: 10px;
    /* box-shadow: 0px 0px 10px #d0ddec; */
    background-color: #fff;
    box-sizing: border-box;
}
.noticeTipLf{
    float: left;
    width: 100%;
}
.noticeTipRt{
    float: left;
    width: 360px;
    height: 40px;
    overflow: hidden;
}
.noticeTipLf-1{
    float: left;
    width: 100px;
    height: 45px;
    border-right: 1px solid #e9ecf0;
    box-sizing: border-box;
    font-size: 15px;
    line-height:45px;
    text-align: center;
    vertical-align: middle;
    color: #0369de;
}
.noticeTipLf-1 img{
    height: 20px;
    vertical-align: middle;
    margin-right: 4px;
}
.noticeTipLf-2{
    float: left;
    width: calc(100% - 105px);
    margin-left: 5px;
}
.noticeTipIframe{
    padding-left: 10px;
    overflow: hidden;
    font-size: 13px;
    vertical-align: middle;
}
.noticeTipIframe span{
    float: left;
    vertical-align: top;
    font-size: 12px;
    color: #444;
    font-weight: bold;
}

/*濡炪倕鐖奸崕瀛樼┍閳╁啩绱栭柡宥呯箲閻楀崬顕ｉ敓锟�*/
.txtScroll-top{
    overflow: hidden;
    position: relative;
   /*  border-right: 1px solid #e6e6e6; */
    box-sizing: border-box;
}
.txtScroll-top .hd{
    overflow: hidden;
    height: 42px;
    position: absolute;
    right:3px;
    top: 0px;
    width: 30px;
}
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{
    display: block;
    width: 18px;
    height: 10px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/arrow.png) 0px 0px no-repeat;
}
.txtScroll-top .hd .prev{
    position: absolute;
    top: -4px;
    right: 0px;
}
.txtScroll-top .hd .next{
    position: absolute;
    top: 19px;
    right: 0px;
}
.tempWrap ul li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.txtScroll-top .hd .next{ background-position: 0 -10px;}
.txtScroll-top .hd .prev:hover{background-position:0 -21px;}
.txtScroll-top .hd .next:hover{background-position:0 -30px;}
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{
    float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;
}
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{
    padding: 12px 0px;
    width: 92%;
}
.txtScroll-top .infoList li{ height:24px; line-height:24px;   }
.txtScroll-top .infoList li .date{ float:right; color:#999;  }
/*濡炪倕鐖奸崕瀛樼┍閳╁啩绱栭柡宥呯箲閻楀崬顕ｅ绁卍*/

.advertising{
  /*   height: 100px; */
  /*   border:1px solid #e6e6e6; */
    box-sizing: border-box;
    margin-top: 10px;
}
#loginWrap{
  height: 367px;
    margin-top: 10px;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px #d0ddec;
}
.loginWrapLf{
    width:630px;
    height: 100%;
    box-sizing: border-box;
   /*  box-shadow: 0px 0px 10px #d0ddec; */
}
.loginWrapLf img{
	width:100%;
	height:100%;
}
.loginWrapRt{
   background-color: #fff;
    height: 100%;
    width: calc(100% - 645px);
}
.padding10{
    padding: 10px;
    box-sizing: border-box;
}
.layui-carousel-ind li {
   border-radius: 0px;
    width: 50px;
    height: 2px;
    margin: 0 5px;
}
.loginTitle{
/*  background-color: #edf0f4;  */
    height: 45px;
    box-sizing: border-box;
    line-height: 45px;
   /*  margin-top: 10px; */
    border-bottom: 1px solid #e6ecf4;
}
.loginTitle ul:after{
    content: "";
    display: table;
    clear: both;
}
.loginTitle li:first-child{
    border-left: none;
}
.loginTitle li{
    float: left;
    width:100%;
    font-size: 18px;
    letter-spacing: 10px;
    text-align: center;
    border-bottom: 2px solid #d8dde4;
    color: #5a6575;
    border-left: 1px solid #d8dde4;
    box-sizing: border-box;
   /*  cursor: pointer; */
}
.loginTitle li.on{
   border-bottom: none;
    color: #20252a;
    /* background-color: #006cee; */
    letter-spacing: 0px;
    text-align: left;
    /* padding-left: 10px; */
    /* background: url(../images/rtloginbg.png) center no-repeat #dfedff; */
   /*  font-weight: bold; */
    padding-left: 5px;
}
.loginPart ul:not(:first-child){
    display: none;
}
.loginPart ul{
    margin-top:11px;
    overflow: hidden;
}
.loginPart ul li{
    height: 55px;
    float: left;
    width: 33.3%;
    border-right: 8px solid #ffffff;
    border-bottom: 8px solid #ffffff;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    line-height:47px;
    background-color: #dfedff;
    /* background-image:linear-gradient(45deg,#0062d3,#039cde); */
    position:relative;
}
/* .loginPart ul li:last-child{
	width:100%;
	border-right:none;
} */
.loginPart ul li i{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #03A9F4;
    border: 5px solid #d4f0fd;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
}
.loginpartbg{
	position: absolute;
    width:0%;
    height: 100%;
    background-image:linear-gradient(45deg,#b1d3ff,#c4deff);
    z-index: 5;
    transition: all linear .4s;
}
.loginPart ul li:hover .loginpartbg{
	width:100%;
}
.loginPart ul li a img{
	height: 26px;
    vertical-align: middle;
    margin-right: 7px;
}
.loginPart ul li a span{
	color:#4c6989;
}


.loginPart ul li i img{
    height: 25px;
    margin-top: 7px;
}
.loginPart ul li p{
    font-size: 15px;
    margin-top: 10px;
}
/* .loginPart ul li:nth-child(2n){
    border-right:none;
} */
.loginPart ul li a{
	display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    z-index: 14;
    left: 0px;
    top: 0px;
}
#noticeInfos{
 width: 100%;
}
.noticeInfos{
    background-color: #fff;
    width: 100%;
    overflow: hidden;
}
.title{
  height: 45px;
    border-bottom: 1px solid #e6ecf4; 
    box-sizing: border-box;
    line-height: 45px;
    /* background-color: #f3f6f8;  */
    padding: 0 5px;
    
}
#todayBid .title{
	height: 38px;
    line-height: 30px;
}
.title span{
    font-size: 18px;
   /*  font-weight: bold; */
    color: #20252a;
    display: inline-block;
    height: 44px;
    letter-spacing: 2px;
}
#noticeInfos .title{
	 background-color: #fff; 
	 padding: 0px;
}
#noticeInfos .title span{
	font-weight: normal;
    font-size: 18px;
    letter-spacing: 0px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    color: #20252a;
   /*  font-weight: bold; */
}
#noticeInfos .title .active{
	border-bottom: 1px solid #0062d3;
    color: #0062d3;
}
.newUl ul:not(:first-child){
	display:none;
}
#main .title{
	float:left;
	margin-left: 45px;
}
.title ul:after,.container{
	content:"";
	display:table;
	clear:both;
}
.title ul li{
	float: left;
    font-size: 18px;
    color: #667588;
    margin-right: 15px;
    cursor:pointer;
}
.title ul li.on{
	border-bottom: 2px solid #0a69de;
    color: #0a69de;
    position:relative;
    font-weight: bold;
}
.title ul li.on:after{
	content: "";
    display: table;
    clear: both;
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #0a69de;
    left: 50%;
    margin-left: -10px;
}
.title span img{
    vertical-align: middle;
    height: 28px;
    margin-right: 5px;
}
.title a{
    float: right;
    font-size: 14px;
    color: #a5adb7;
}
.title a:hover{
color:#5a6575;
}
.noticeInfos ul{
    margin-top: 15px;
    height:120px;
    overflow: hidden;
}
.noticeInfos ul li{
    height: 40px;
    line-height: 40px;
}
.noticeInfos ul li i{
    float: left;
    width: 3px;
    height: 10px;
    background-color: #d7dde4;
    margin-right: 5px;
    margin-top: 15px;
}
.noticeInfos ul li a{
    float: left;
    width: calc(100% - 100px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:15px;
}
.noticeInfos ul li span{
   float: right;
    color: #9baaba;
    font-size: 15px;
}
.noticeInfos ul li:hover{
    box-sizing: border-box;
    box-shadow: 0px 1px 3px #d0d9e6;
}
.noticeInfos ul li:hover a,.noticeInfos ul li:hover span{
    color: #0369de;
}
.noticeInfos ul li:hover i{
    background-color: #0369de;
}
.articalLf{
    width: 100%;
    float: left;
    background-color: #fff;
    /*box-shadow: 0px 0px 10px #d0ddec;*/
}
.newUl ul:first-child li a{
	color:#fe1313;
}

.noticeInfosLf ul li i{
	background-color: #9baaba;
    border-radius: 62px;
}
.newUl ul:first-child li i{
	background-color: #fe1313;
}
.articalRt{
    width: 250px;
    float: left;
    background-color: #fff;
    box-shadow: 0px 0px 10px #d0ddec;
    margin: 0 10px;
}
.companyOther{
    margin-top: 10px;
   
    background-color: #fff;
    box-shadow: 0px 0px 10px #d0ddec;
}

.tradInfosLf{
    float: left;
    width: 160px;
  
    box-sizing: border-box;
}
.tradInfosLf ul li{
    font-size: 16px;
    cursor: pointer;
    color: #5d6a76;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
}
.tradInfosLf ul li.active{
   color: #0062d3;
    border-left: 3px solid #0062d3;
}

.tradInfosRt{
    margin-left:240px;
    overflow: hidden;
}
#publicWrap .tradInfos{
	height:320px;
}
.tipText{
    background-color: #f4f6f8;
    border-radius: 20px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    margin: 0 5px;
    color: #F44336;
}
.tipText i{
    margin-right: 5px;
}

.tradInfosRt .tradInfosRtMain ul{
    height:220px;
    overflow: hidden;
}
.tradInfosRt .tradInfosRtMain:not(:first-child){
    display: none;
}
.tradInfosRt .tradInfosRtMain ul li{
    overflow: hidden;
    padding: 11px 5px;
}
.tradInfosRt .tradInfosRtMain ul li:hover{
    background-color: #f4f6f8;
}
.tradInfosRt .tradInfosRtMain ul li:hover a,.tradInfosRt .tradInfosRtMain ul li:hover span{
    color: #0369de;
}
.tradInfosRt .tradInfosRtMain ul li i{
    color: #FF5722;
    font-style: normal;
    float: left;
}
.tradInfosRt .tradInfosRtMain ul li a{
    float: left;
    width: calc(100% - 200px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333;
}
#projectWrap{
	margin-top:10px;
}
.tradInfosRt .tradInfosRtMain ul li span{
    float: right;
    color: #b2b2b2;
    font-size: 16px;
}
.companyOther .articalRt{
    height: 400px;
}
.rtInfos{
    height:121px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 2px;
}
.rtInfos li{
    height: 34px;
    line-height: 34px;
}
.rtInfos li i{
    float: left;
    width: 3px;
    height: 10px;
    background-color: #d7dde4;
    margin-right: 5px;
    margin-top: 15px;
}
.rtInfos li a{
    float: left;
    width: calc(100% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rtInfos li:hover{
    background-color: #f4f6f8;
}
.rtInfos li:hover i{
    background-color: #0369de;
}
.rtInfos li:hover a{
    color: #0369de;
}
.zhn{
    width: 100%;
    height: 100%;
}
.zhn a{
	display: block;
    width: 100%;
    height: 36px;
    background-color: #f3f6f8;
    border-bottom: 5px solid #fff;
    box-sizing: border-box;
    padding: 6px;
    color: #20252a;
    cursor:pointer;
}
.zhn a:hover,.zhn a:hover span{
	color: #0063d3;
}
.zhn a span{
	color: #868f99;
}
.zhn img{
    width:100%;
    height: 100%;
    border-radius: 3px;
}
#cargoWrap{
    margin-top: 10px;
}

.xyInfos{
    overflow: hidden;
    float: left;
    margin-left: 5px;
}
.imgs{
    float: right;
}
.imgs a{
    display: block;
    width: 220px;
    height: 48px;
    margin-bottom: 5px;
}
.imgs a img{
    width: 100%;
    height: 100%;
}
.xyInfos li{
    margin-top: 0px;
}
.xyInfos li:not(:first-child){
	height: 71px;
    margin-top: 10px;
}
.xyInfos li a{
    display: block;
    width: 100%;
    height: 100%;
}
.xyInfos li a img{
    width: 100%;
    height: 100%;
}
#serviceWrap .articalRt{
    height: 354px;
}
.rtInfosG{
    height: 280px;
    margin-top: 10px;
}
#serviceWrap,#publicWrap{
    margin-top: 10px;
}
#publicWrap .tradInfosLf ul li{
    margin-bottom: 5px;
}
.topTitle{
    margin-left: 6px;
    margin-bottom: 15px;
}
.topTitle span{
    display: inline-block;
    height: 40px;
    margin-right:1px;
    line-height: 40px;
    text-align: center;
    color: #666;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding: 0 20px;
}
.topTitle .active{
    position: relative;
    border-bottom: 3px solid #046ade;
    background-color: #3183e6;
    color: #fff;
}
.topTitle .active:after{
    position: absolute;
    content: "";
    display: table;
    clear: both;
    border: 6px solid transparent;
    border-top-color: #0369de;
    bottom: -15px;
    left: 50%;
    margin-left: -6px;
}
.downMore{
    position: absolute;
    top: 7px;
    right: 0px;
    color: #999;
    font-size: 14px;
}
.tradInfosRtMain {
	position:relative;
}
.downMore a{
	color: #999;
    font-size: 14px;
}
.downMore a:hover{color: #5a6575;}
#publicWrap .articalRt{
    height: 400px;
}
.rtInfosD{
    height: 310px;
    margin-top: 10px;
}
.downContainer .downList:not(:first-child){display: none;}
#todayBid{
    margin-top:10px;
    background-color: #fff;
    /*box-shadow: 0px 0px 10px #d0ddec;*/
    padding: 10px;
    box-sizing: border-box;
}
.todayBidHead{
    margin-top: 10px;
}
.todayBidHead table{
    width:100%;
}
.todayBidHead table tr th{
    padding: 5px;
    box-sizing: border-box;
    height: 45px;
    text-align: left;
    background-color:#f4f6f8;
    color: #5a6575;
}
.todayBidBody{
    height:170px;
    background-color: #fff;
    overflow: hidden;
}
.todayBidBody ul li{
    border-bottom: 1px dotted #e6e6e6;
    overflow: hidden;
    line-height: 28px;
    height: 45px;
}
.todayBidBody ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #5a6575;
}
.todayBidBody ul li:hover a{
    background-color: #f4f6f8;
    color:#0369de;
}
.todayBidBody ul li a span{
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    height: 45px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.todayBidBody ul li a span:nth-child(1){width: 15%;}
.todayBidBody ul li a span:nth-child(2){width: 40%;}
.todayBidBody ul li a span:nth-child(3){width: 15%;}
.todayBidBody ul li a span:nth-child(4){width: 15%;}
.todayBidBody ul li a span:nth-child(5){width: 15%;}
.str_wrap.str_active {
    background: #ffffff;
}
#generalMsg{
    background-color: #fff;
    box-shadow: 0px 0px 10px #d0ddec;
    height: 300px;
    box-sizing: border-box;
    margin-top: 10px;
}
#generalMsg>ul>li{
    width:165px;
    height: 300px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #fff;
}
#generalMsg>ul{
    overflow: hidden;
}
#generalMsg>ul>.active{
    width: 760px;
}
.generalMsgLf{
    text-align: center;
    width: 165px;
    float: left;
    height: 300px;
    color: #fff;
    border-right: 1px solid #d7dde4;
}
#generalMsg>ul>li:nth-child(1) .generalMsgLf{
    background-color: #e7231b;
    border-top: 10px solid #f94840;
    box-sizing: border-box;
}
#generalMsg>ul>li:nth-child(2) .generalMsgLf{
    background-color: #3177d2;
    border-top: 10px solid #518fde;
    box-sizing: border-box;
}
#generalMsg>ul>li:nth-child(3) .generalMsgLf{
    background-color: #3177d2;
    border-top: 10px solid #518fde;
    box-sizing: border-box;
}
#generalMsg>ul>li:nth-child(4) .generalMsgLf{
    background-color: #14b33e;
    border-top: 10px solid #3dc160;
    box-sizing: border-box;
}
.generalMsgLf h5{
    font-size: 20px;
    margin-top: 20px;
     color: #fff;
}

.active .generalMsgLf  h5,.active .generalMsgLf  p{
     color: #333;
}

.generalMsgLf p{
    font-size: 15px;
    padding: 0px 10px;
    line-height: 25px;
    margin-bottom: 35px;
     color: #fff;
}
.generalMsgLf img{
    height: 60px;
    margin: 20px 0px;
}
.generalMsgLf a{
    color: #fff;
    border-radius: 20px;
    border: 1px solid #fff;
    padding:5px 10px;
}
.generalMsgRt{
    float: left;
    width: calc(100% - 165px);
    padding: 0px 20px;
    box-sizing: border-box;
    height: 300px;
    box-shadow: none;
}
#generalMsg>ul>.active .generalMsgLf{
    background-color: #fff!important;
    border-top: 10px solid #ffffff!important;
    color: #333;
}
#generalMsg>ul>li:nth-child(1).active .generalMsgLf a{
    color: #e7231b;
    border: 1px solid #e7231b;
}
#generalMsg>ul>li:nth-child(2).active .generalMsgLf a{
    color: #3177d2;
    border: 1px solid #3177d2;
}
#generalMsg>ul>li:nth-child(3).active .generalMsgLf a{
    color: #3177d2;
    border: 1px solid #3177d2;
}
#generalMsg>ul>li:nth-child(4).active .generalMsgLf a{
    color: #14b33e;
    border: 1px solid #14b33e;
}
#linkWrap{
    background-color: #ffffff;
    height: 70px;
    padding: 15px 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px #d0ddec;
}
.linkWrap{
    width: 1255px;
    margin: auto;

}
.linkWrap label{
    font-size: 15px;
    color: #0369de;
    margin-left: 5px;
    font-weight: bold;
}
.linkWrap select{
    width: 260px;
    margin: 0px 15px;
    height: 40px;
    font-size: 15px;
    border: 1px solid #e3e9f0;
    color: #5a6575;
    background-color: #f4f6f8;
    padding: 0 5px;
    box-sizing: border-box;
}
.footLfList{
    float: left;
    width: 100%;
}
.footLfList h2{
    color: #deeafb;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}
.footLfList ul li{
    float: left;
    margin-bottom: 15px;
    width: 35%;
}
.footLfList ul li a{
    color: #485b72;
    font-size: 15px;
    margin-bottom: 15px;
}
.footLfList ul li a:hover{
    color:#333;
}
#footPart{
    width: 100%;
    height: 50px;
    text-align: center;
    line-height:50px;
    color:#b3bac3;
    background: url("../images/footbg.png") no-repeat #eaf2fb;
    display: none;
}
#footer{
    width: 100%;
    height: 215px;
    overflow: hidden;
    background-color: #282828;
  margin-top: 20px;
}
.footLf{
width: 40%;
}
.footLf h3{
color:rgba(255,255,255,0.8);
    font-size: 18px;
    margin-bottom: 30px;
}
.footLf div p{
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
    font-size: 14px;
}
.footRt{
    width: 48%;
}
.footRt ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footRt ul li{
    width: 24%;
}
.footRt ul li h4{
    color: rgba(255, 255, 255, 0.58);
    font-size: 15px;
    margin-bottom: 30px;
}
.footRt ul li div a{
    display: block;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
}
.footer{
    width: 74%;
    margin: auto;
    padding-top:22px;
    justify-content: space-between;
    display: flex;
}
.footRt1{
    float:right;
}
#top .rt a:first-child{
    position: relative;
}
.footTitle{
	   margin-bottom: 15px;
    border-bottom: 1px solid #d6dadf;
    padding-bottom: 15px;
}
.footTitle ul{
	overflow: hidden;
}
.footTitle ul li{
	float: left;
    margin-right: 30px;
}
.footTitle ul li a{
	color: #a2aab2;
}
.footTitle ul li a:hover{
	color: #0063d3;
}
#codeImg{
    position: absolute;
    background-color: #fff;
    z-index: 10;
    width: 260px;
    left: -60px;
    top: 27px;
    border: 1px solid #eaeef2;
    box-shadow: 0px 2px 3px #e1e7ee;
    padding: 15px;
    box-sizing: border-box;
    border-top: 1px solid #0369de;
    display:none;
}
#codeImg:after{
    content: "";
    display: table;
    clear: both;
    position: absolute;
    left: 50%;
    top: -13px;
    border: 6px solid transparent;
    border-bottom-color: #0369de;
    margin-left: -6px;
}
#codeImg dl{
    width: 50%;
    float: left;
    text-align: center;
}
#codeImg dt img{
    width: 105px;
    height: 105px!important;
}
#codeImg dd{
    font-size: 14px;
    color: #84909e;
    line-height: 17px;
    height: 30px;
    margin-top: 10px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #0369de;
}
.layui-laypage a:hover {
    color: #0369de;
}
.layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #0369de!important;
}
.layui-carousel-ind ul{
    background-color: transparent;
}

@media screen and (max-width:1800px){
   .noticeTipIframe>span{
       margin-top: -2px;
    }
}

select {
    border: solid 1px #ccc;
    appearance: none; /*婵炴挸鎳樺▍宸梕lect濞戞挸顑嗘刊鍝勵浖閸℃稓甯涢悹浣靛�栭悧鍗烆嚕閿燂拷*/
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 14px; /*濞戞捁妗ㄧ粭鍛村箯婢跺﹦姣堢紒鐙�鍘奸妵鏃堟偩濞嗗繐姣夊☉鎿勬嫹闁绘劙锟芥稓绉寸紓鍐惧櫙缁辨繈鏌嗛崹顔煎赋閻炴凹鍋呴弸鍐拷娑欘殙椤╊偊鎯勯敓锟�*/
    background: url("../images/arrow-1.png") no-repeat scroll right 3px center transparent; /*闁煎浜滈悾鐐▕婢跺﹥绂堥柣妤�娲╅々顐︽儎閺嵮冩枾闁哄牆顦卞▓鎴炵▔鐎ｂ晝鐟忛悷娆愬笧椤戜線宕ｉ敓锟�*/
}

select::-ms-expand {
    display: none; /*婵炴挸鎳樺▍宥狤濮掓稒顭堥缁樼▔鐎ｎ偄顎欓柟绋款樀閹告娊鏁嶇仦鑲╃ɑ闁哄嫷鍨辩粊瀵告嫚閺囩偛绲洪柣婊呮E10濞寸姰鍎扮粭鍌炲嫉婢跺娅忛柨娑樼摜E8闁挎冻鎷�9濮掓稒顭堥缁樼▔鐎ｎ偄顎欓柟绋款樀閹歌櫕绂掑鍡橈紜閻庢稒锚濠�锟�*/
}


/*2020-11-01*/
#todayBid{
    background-color: transparent;
    padding: 0px;
}
.xyInfos li a.optionList{
    height: 32px;
    line-height: 32px;
    width: 114px;
    display:block;
    margin-top: 4px;
    border-radius: 5px;
    margin-right: 3%;
    text-align: center;
    color: #fff;
}
.xyInfos li a:nth-child(1){
    background-color: rgba(255, 155, 89, 1);
    margin-top: 0px;
}
.xyInfos li a:nth-child(2){
    background-color:rgba(255, 81, 81, 1);
}
.xyInfos li a:nth-child(3){
    background-color:#36b4cf;
    margin-right: 0px;
}
#generalMsg>ul>.active{
    width: 1003px;
}
.generalMsgLf,#generalMsg>ul>li{
    width: 255px;
}
.generalMsgRt {
    width: calc(100% - 255px);
}
#navBanner,#navBanner div{
    width: 100%;
}
#navBanner img{
    width: 100%;
    height: 100px;
}

.advertising2 a{
    margin-right: 15px;
}
.advertising4 a{
    margin-right: 10px;
    display:inline-block;
}
.advertising4 a img {
    vertical-align: middle;
    border: none;
    width: 246px;
    height: 80px;
}
.advertising4 a:last-child{
    display: inline-block;
    width: 86px;
    height: 80px;
    background-color: rgba(255,255,255,0.85);
    vertical-align: middle;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #242831;
}

/*200-11-3*/
.advertising2{
    position: relative;
}

.advertisingWrap2{
    width: 900px;
    background-color: transparent;
    position: absolute;
    padding-top:10px;
}
.advertisingWrap2:hover{
    background-color: transparent!important;
}

/* 鏈緥瀛恈ss */
.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .bd ul{ overflow:hidden;padding-bottom:15px!important;}
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;   width: 190px !important;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.tempWrap ul li a{
    display: block;
    width: 190px !important;
    height: 80px !important;
}
.tempWrap ul li a img{
    vertical-align: top!important;
}
.picMarquee-left .bd ul li .pic img{ width:190px; height:80px; display:block; }
#bigDataModule{
	margin: 0px 4px;
}
#bigDataModule ul{
	overflow: hidden;
}
#bigDataModule ul li{
	width: 49%;
    background-color: #e2f0ff;
    height: 42px;
    /* margin: 0 1%; */
    line-height: 39px;
    /* background: url(../images/databg1.jpg) center no-repeat #0369de; */
    float: left;
    margin: 0px;
    padding: 0px;
    border: 2px solid #fff;
    box-sizing: border-box;
}
/* #bigDataModule ul li:nth-child(2){
	 background: url(../images/databg2.jpg) center no-repeat #0369de;
}
#bigDataModule ul li:nth-child(3){
	 background: url(../images/databg3.jpg) center no-repeat #0369de;
}
#bigDataModule ul li:nth-child(4){
	 background: url(../images/databg4.jpg) center no-repeat #0369de;
} */
#bigDataModule ul li a{
	font-size: 15px;
    color: #20252a;
    text-align: center;
    display: block;
    cursor: pointer;
    transition: all linear .4s;
}
#bigDataModule ul li a:hover{
	color: #0062d3;
}
/*采购专区*/
.purchInfos{
   background: #fff;
    height:100px;
    margin: auto;
    box-shadow: 0px 0px 10px #d0ddec; 
    background: url(../images/fpt.jpg) no-repeat;
   /*  background-size: 100% 100%; */
     
}
.advertising2{
    background: none!important;
    border: none!important;
    padding: 0px!important;
    text-align: center!important;
    height:auto;
}
.advertisingWrap2{
    width: 1240px;
    margin-left:210px;
}
.advertising2 h1{
    font-size: 23px;
    color: #1a222c;
    text-align: center;
   /*  padding: 20px 0px; */
   height:80px;
    letter-spacing: 13px;
    font-weight: bold;
    margin: 10px;
    background-color: #f4f6f8;
    border-top: 10px solid #fff;
    margin-bottom:8px;
    background: url(../images/tradbg.jpg) no-repeat;
}
.advertising2 h1 a{
   display: inline-block;
    width: 90px;
    height: 46px;
    float: right;
    font-size: 16px;
    background-color: rgba(255,255,255,0.25);
    line-height: 46px;
    color: #045bbc;
    margin-top: 16px;
    border-radius: 3px;
    letter-spacing: 0px;
    font-weight: normal;
}
.advertising2 h1 a:hover{
	background-color: rgba(255,255,255,0.55);
    color: #0761c9;
}
.picMarquee-left .bd ul li {
    margin: 0 9px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
   /*  width: 230px !important; */
  /*   background-image:linear-gradient(to bottom, #ddedff,#f9fcff); */
    /* padding: 20px 20px 25px 20px; */
    box-sizing: border-box;
    position: relative;
    background-color:#f4f6f8;
   /*  background: url(../images/comtradbg.jpg) no-repeat; */
}
.picMarquee-left .bd ul li:hover{
	border-top: 2px solid #0062d3;
}
.picMarquee-left .bd ul li a img{
    transition: all linear .4s;
}

#manageWrap{
	margin:10px auto;
	overflow: hidden;
}
.manageDetails{
	margin: 20px 5px 20px 5px;
}
.manageDetails a{
	display: inline-block;
	margin-right: 10px;
}
.headPage{
	float: left;
    margin-top: 17px;
    width: calc(100% - 810px);
    text-align: center;
  
}
.headPage .platCodenameMain{
	font-size: 18px;
    color: #23364f;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px 0px;
    text-shadow: 0 0 0px #997400;
    box-sizing: border-box;
    display: inline-block;
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.platCodenameMain img{
   height: 35px;
    margin-right: 10px;
}
#platCodename1{
	letter-spacing: 3px;
	font-weight: bold;
}
.headPage b{
	font-size: 16px;
    color: #23364f;
    text-shadow: 0 0 0px #005fcd;
    font-weight: normal;
    display: block;
    text-align: center;
    margin-top: 5px;
}

.searchSel{
	width: 374px;
    float: right;
    text-align: left;
    margin-top: 30px;
    box-sizing: content-box;
}
.searchSel span{
	display: inline-block;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    box-sizing: content-box;
}
.searchSel span.active{
	background-image: linear-gradient(to right, #1474e9, #00479d);
    color: #fff;
    padding: 3px 20px;
    font-size: 14px;
}
.pagezhn a{
	display: block;
    width: 100%;
    margin-top: 10px;
}
.pagezhn a img{
	height: 139px;
    width: 100%;
}

.asideLf{
	width: 200px;
    float: left;
}
.asideLf ul{
	margin-top: 7px;
}
.asideLf ul li{
	background-color: #f4f6f8;
    height: 50px;
    margin: 10px 0px;
    text-align: center;
    line-height: 50px;
}
.asideLf ul li a{
	font-size: 15px;
	display: block;
}
.asideLf ul li.active{
	background-color: #0062d3;
}
.asideLf ul li.active a{
	color:#fff;
}
.asideRt{
	margin-left:215px;
}
.tradInfos h3{
	font-size: 18px;
    color: #20252a;
   margin: 30px 0px 25px 25px;
    
    /* font-weight: bold; */
   
}
.projectList{
	width: 100%!important;
    padding: 0px;
    position:relative;
}
#imgLink{
	height:100px;
}

.projectList .tradInfosLf{
	height: 305px;
    width: 240px;
 
    box-sizing: border-box;
    background-color: #f3f6f8;
}
.projectList .tradInfosRt{
	height: 305px;
    padding: 20px;
    box-sizing: border-box;
}
.projectList .tradInfosLf ul li{
	text-indent:2em;
}
#loginBanner a{
	display: block;
    position: relative;
    height:347px;
}
.bannerTitle{
	position: absolute;
    left: 0px;
    bottom: 0px;
    height: 50px;
    background-color: rgba(0,0,0,0.65);
    width: 100%;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    text-shadow: 0 0 4px #000;
    font-weight: bold;
}
.bannerTitle b{
	color: #ff0000;
    padding: 0 3px;
}
.companyTradTitle{
   text-align: left;
    position: absolute;
    left: 73px;
    bottom: 10px;
}
.companyTradTitle span{
	font-size: 18px;
    font-weight: bold;
}
.companyTradTitle a{
	float: right;
    color: #046ade;
    font-size: 14px;
    margin-right: 10px;
}
.companyTradTitle a:hover {
    color: #5a6575;
}
#address4{
	display:block;
}
#address4 img{
	width:100%;
}
.layui-layer-tips .layui-layer-content{
	color:#333!important;
}
.aboutCompany{
    display: flex;
    flex-wrap: wrap;
}
.aboutCompany p{
    font-size: 15px;
    color: #5a6575;
    line-height: 40px;
    text-indent: 2em;
    background-color: #f4f4f4;
    width: 48%;
    margin: 10px 1%;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 10px 10px;
}
.aboutCompany p:hover{
    border: 1px solid #0062d3;
}
.aboutCompany2{
    padding:0px 25px;
}
.aboutCompany2 p{
    font-size: 16px;
    color: #64707c;
    text-indent: 2em;
    line-height: 38px;
}
.aboutCompany2 p:first-child{
    text-indent: 0px;
    font-size: 21px;
    color: #0062d3;
    margin: 20px 0px;
}
.serviceWrap{
    margin-top: -150px;
    margin-bottom: 40px;
}
.artical h1{
    font-size: 24px;
    color:#20252a;
    letter-spacing: 3px;
    margin-bottom: 25px;
    font-weight: bold;
}
.serviceWrap h1{
    color:#fff;
}
.serviceWrap ul{
    display: flex;
    justify-content: space-between;
}
.serviceWrap ul li{
    width: 23%;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #d5d9e1;
}
.listBtn{
    width: 135px;
    height: 40px;
    line-height: 40px;
    background-color: #0062d3;
    color: #fff;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    position: relative;
}
.listBtn:after{
    position: absolute;
    right: 0px;
    top: -21px;
    content: "";
    display: table;
    clear: both;
    width: 0px;
    height: 0px;
    border: 20px solid transparent;
    border-top-color: #fff;
    transform: rotate(90deg);

}
.listBtn img{
margin-left: 10px;
    animation: all linear .2s;
}
.listBtn:hover img{
    margin-left: 20px;
}
.serviceWrap ul li .menuList{}
.serviceWrap ul li .menuList h3{
    font-size: 18px;
    color: #0062d3;
    font-weight: bold;
    letter-spacing: 2px;
}
.serviceWrap ul li .menuList h4{
    font-size: 16px;
    color: #0062d3;
}
.serviceWrap ul li .menuList h5{
    width: 100px;
    height: 1px;
    background-color:#7aa6d9;
    margin: 10px 0px;
}
.serviceWrap ul li .menuList .textList{
    font-size: 15px;
    color: #4f5e6e;
    line-height: 22px;
    margin: 25px 0px;
    min-height: 225px;
}
.serviceWrap ul li:nth-child(3) .menuList .textList,.serviceWrap ul li:nth-child(4) .menuList .textList{
    line-height: 35px;
}
#purchaseWrap{
    width: 100%;
    background-color: #f4f6f8;
    padding: 25px 0px;
}
#todayBid h1{
    color:#20252a;
    margin-top: 25px;
}
.purchaseMain{
    display: flex;
    width:74%;
    margin:25px auto;
    justify-content: space-between;
}
.purchaseMainLf{
    width: 45%;
}
.purchaseMainLf img{
    width: 100%;
}
.purchaseMainRt{
    width: 45%;
}
.purchaseMainRt p{
    color: #4f5e6e;
    font-size: 16px;
    line-height: 40px;
}
.purchaseMainBtn{
    margin-top: 20px;
    float: right;
}
.listBtn.purchaseMainBtn:after{
    display: none;
}
.purchaseMainBtn:hover{color:#fff;}
.shopWrap h1{
    margin-top: 25px;
}
.linkImgs{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    align-items: center;
}
.linkImgs li{
    width: 24%;
    margin-right: 1%;
    background-color: #f5f5f5;
    padding: 20px 10px;
    box-sizing: border-box;
    margin-bottom: 17px;
}
.linkImgs li img{
    width: 100%;
}
/*登录弹框样式*/
 #yzphoto{
     width: 90px;
     height: 44px;
     text-align: center;
     color: #0369de;
     font-style: italic;
     border: none;
     background-color: #e7f3ff;
     font-size: 20px;
     vertical-align: middle;
     letter-spacing: 5px;
 }
#validateCode{
    width: 150px;
    height: 42px;
    padding-left: 6px;
    border: 1px solid #e6e6e6;
    vertical-align: middle;
}
#bannerTitle {
    background: #000;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    height: 9%;
    opacity: 0.6;
    margin-top:29%;
    color: #000;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    z-index: 10;
}
#bannerTitle a {
    color: #fff;
    font-size: 1.0rem;
}

/* 登录弹出框css */
.overCurtain {
    border-top: 1px solid rgb(230,245,255);
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.7;
    display: none;
    background-color: rgba(255,255,255,0.9);
    z-index: 200;
}
.hide-center {
    width: 840px;
    height: 500px;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none;
    z-index: 500;
    background-color: #fff;
    border: 20px solid #0369de;
    border-radius: 10px;
    background:url("../images/homeloginbg.png") center right no-repeat #fff;
    background-size: 65%;
}
.hide-expert-center {
    width: 440px;
    height: 280px;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none;
    z-index: 500;
    background-color: #fff;
    border: 20px solid #0369de;
    border-radius: 10px;
}
.hide-center #formhead {
    width: 370px;
    height: 45px;
    background-color: #ffffff;
    margin-left: 41px;
    margin-top: 25px;
    line-height: 45px;
    margin-bottom: 40px;
}
.hide-expert-center #formhead {
    width: 370px;
    height: 45px;
    background-color: #ffffff;
    margin-left: 41px;
    margin-top: 25px;
    line-height: 45px;
    margin-bottom: 40px;
}
.hide-center #formhead-title {
    width: 100%;
    height: 100%;
}
.hide-expert-center #formhead-title {
    width: 100%;
    height: 100%;
}
#userRole,#formhead-title{
    display: block;
    width: 100%;
    height: 100%;
    color: #1a293c;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: left;
    background-image: linear-gradient(to right,#d4e8ff, transparent);
    padding-left: 10px;
    font-weight: bold;
}
.hide-center #close , #close1,#closeLS{
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background-color: #e1201b;
    color: white;
    display: inline-block;
    position: absolute;
    right: -28px;
    top: -28px;
    cursor: pointer;
    box-shadow: -1px 1px 2px #000710;
    line-height: 30px;
}
.hide-expert-center #close2{
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background-color: #e1201b;
    color: white;
    display: inline-block;
    position: absolute;
    right: -28px;
    top: -28px;
    cursor: pointer;
    box-shadow: -1px 1px 2px #000710;
    line-height: 30px;
}
.hide-center #formbody {
    width: 370px;
    background-color: #ffffff;
    margin-left: 50px;
    margin-top: 20px;
}
.hide-expert-center #formbody {
    width: 370px;
    background-color: #ffffff;
    margin-left: 50px;
    margin-top: 20px;
}
.hide-center .loginHead {
    margin-right:-8px;
    padding:13px;
    width:25px;
    height:28px;
    background-color:#141414;
    vertical-align:middle;
}
.hide-center .loginInput {
    height: 45px;
    width: 287px;
    padding-left: 10px;
    border: 1px solid #e6e6e6;
}
.hide-center .loginUserName {
    margin-bottom: 25px;
}

.hide-center .loginPassword {
    margin-bottom: 25px;
}
.hide-center #formfoot {
    margin-top:25px;
}
.hide-center #BSignIn {
    border: 0;
    background: #0369de;
    color: #ffffff;
    width: 370px;
    height: 50px;
    border-radius: 3px;
    font-size: 18px;
    letter-spacing: 10px;
    cursor: pointer;
}
.hide-center label{
    font-size: 15px;
    color: #324358;
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    font-weight:bold;
}


.hide-center #close:hover,#close1:hover{
    background-image: linear-gradient(45deg, #de0303, #0369de);
}
.hide-expert-center #close2:hover{
    background-image: linear-gradient(45deg, #de0303, #0369de);
}
#pageInfoBid{
    width: 74%;
}
#topMenus{
    display: flex;
    justify-content: space-between;
}
#topMenus li{
    width: 23%;
    margin-right: 0px;
}
#topWrap{
    width: 74%;
    margin: auto;
    margin-top: -80px;
    margin-bottom: 25px;
}
.topWrapOther{
    margin-top: -130px!important;
}
.topWrap{
display: flex;
    margin-bottom: 20px;
}
.topWrap span{
    background-color: #fff;
    color: #333;
    width: 105px;
    text-align: center;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    cursor: pointer;
}
.topWrap span.active{
    background-color: #0986fc;
    color: #fff;
}
.aboutWrapInfos{
    width: 74%;
    margin: auto;
}
@media screen and (max-width: 1400px){
    #pageInfoBid,.artical,.footer,.purchaseMain,.aboutWrapInfos{
        width: 90%;
    }
    #header{
        height: 450px;
    }
    #topMenus li{
        width: 24%;
    }
}
.viewMore{
    position: absolute;
    right: 0px;
    top: 25px;
    color: #666;
    font-size: 15px;
}
.viewMore:hover{
    color: #3183e6;
}
.linkWrap select{
    width: 24%;
    margin: 0px;
    text-align: center;
}
.linkWrapEnter{
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}