@charset "UTF-8";
/* CSS Document */
body,html {height:100%;}
body,div,h1,img,h3,table,th,td,tr,input,a,h4,ul,li,span{ margin:0; padding:0; font-family:myriadSetPro,"微软雅黑","Microsoft YaHei";}
input{ border:none; font-size:14px; color:#878787; outline:none;}
li{ list-style:none;}
a{ text-decoration:none;}

/* logo */
#con_main {position:relative; height:auto; min-height:100%;}
.main{ position:relative;padding-bottom:48px;}
.logo{ width:100%; height:150px;}
.logo img{ width:390px; position:absolute; left:19%;}

/* banner */
/*.banner{ width:100%; height:550px; background:no-repeat center url(../../common/images/bannerbj.png); position:relative;}*/
h3 img{ position:absolute; top:60px; left:50%; margin-left:-458px;}
.bg_login{position: absolute;top: 12%;left: 52%;margin-top:-55px}
table{ border-spacing: 58px 30px;}
.bg_login th{ margin:30px auto; font-size:25px;color:rgba(63, 159, 255, 1)}
.bg_login td{ float:left; background-color: #F7F7F7; border-radius:2px; width:275px;;margin-left:6px;}
.bg_login td img{ float:left;margin:9px 10px;vertical-align: middle;width: 15px;}
.bg_login td input{ float:left; line-height:40px;}
.bg_login td a .dl,.bg_login td a .zz{ width:108px; height:40px; font-size:16px; color:#FFFFFF;}
.bg_login td a .dl{ background-color:#54B3E5; margin-right:8px;}
.bg_login td a .zz{ background-color:#7FCAF2; margin-left:50px;}
.bg_login td a .dl:hover{ background-color:#7FCAF2;}
.bg_login td a .zz:hover{ background-color:#bce6fd;}

.bg_batch_table{width: auto;max-width: 750px;height: 322px;border-radius: 12px;position: absolute;}
.bg_batch_table table{border-spacing:25px 30px;text-align:left}
.bg_batch_table th{ margin:10px auto;}
.bg_batch_table td{ border-radius:2px; margin-left:6px;}

.bg_batch_table_more{
    float: right;
    padding-right: 5%;
}

.bg_batch_table_more a:hover{ text-decoration:underline;}

.bg_contact {
    background-color: rgba(00,00,00,0.2);width: auto;height: 185px;border-radius: 12px;position: absolute;top: 25%;right: 1px;color: whitesmoke;
}
.bg_contact table{border-spacing:5px 20px;}

/* notice */
.notice{ width:1100px; margin:30px auto;}
.notice li{ font-size:16px;line-height:50px;}
.notice li h4{float:left; font-size:17px; padding:0 40px;line-height:50px;}
.notice .first{ float:left; background-image:url(../../common/images/circle4.png); background-repeat:no-repeat; background-position:center left; padding:0 20px; margin:0 40px; color:white;}
.notice .first:hover{ text-decoration:underline;}
.notice .more{ float:right; padding-right:20px; color:#6dc5f3;}
.notice .more:hover{ text-decoration:underline;}

/* bottom*/
.bottom{ width:100%; height: 85px; line-height: 25px; position:absolute; bottom:0;}
.bottom span{ display:block;font-size:13px; color:#333333; vertical-align:central;text-align: center;}
.bottom span a{color:#323232;}

.title_div{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.title_div .a{
    color:white;
}
.title_div :hover{
  color:red;
}
.title_span .a{
    color:white;
}
.title_span :hover{
    color:red;
}
/*黄艳 添加*/
.logo {
    width: 100%;
    height: 120px;
}
.logo img{
    width: auto;
    margin-top: 0px;
    left: 5%;
}
.banner{
    width: 100%;
    height: 478px;
    background-image:  url(../../../img/hb5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    /*background-size: cover;*/
    z-index:999;
    /*-moz-background-size: cover;*/
}
.bg_login{
    top:14px;
    width: auto;
}
.bg_login table{
    border-spacing: 40px 20px;
}
.bg_login td{
    background-color: #fff;
    border-radius: 5px;
}
.bg_login td input{
    /*background-color:#fff!important;*/
}
.notice{
    overflow: hidden;
}
.notice span{
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    width: 20%;
}
.notice ul{
    float: left;
    overflow: hidden;
    width: 80%;
}
.notice ul li{
    width: 35%;
    margin-right: 3%;
    margin-left: 3%;
    box-sizing: border-box;


}
.notice ul li.more{
    width: 100px;
    float: right;
    margin-right: 0;
    padding-right: 0px;
}
.notice ul li.more a{
    color: #6dc5f3;
}
.notice .first{
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.notice ul li a:hover,.notice ul li a:visited{
    color:#6dc5f3;
    text-decoration: none;
}
.bottom{
    height: 80px;
    line-height: 80px;
}