@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(footer.css);
.warp{
    width: 100%;
    max-width: 1920px;
    min-width: 1360px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: #FFF;
}
.topmain{
    height: auto;
    background: url(../images/Top_hd1.png) no-repeat center top;
}
.topcon{
    height: 484px;
}
.toplogo{
    height: 69px;
    padding-top: 20px;
}
.topTit{
    height: 283px;
    background: url(../images/top_centerTit.png) no-repeat center top;
    margin-top: 65px;
}
.mid{
    height: 620px;
}
.mid_top{
    height: 110px;
    margin-top: 25px;
}
.con-top{
    height: 64px;
    margin-top: 50px;
    margin-bottom: 20px;
}
.con-ph{
    display: block;
    background: url(../images/mid_con.png) no-repeat center top;
    width: 100%;
    height: 64px;
}
.con-center{
    width: 100%;
    height: 345px;
    overflow: hidden;
}
.con-center li {
    position: relative;
    overflow: hidden;
    background: url(../images/mid-yd.png) no-repeat left center;
    font-size: 16px;
    padding: 8px 0;
    padding-left: 15px;
    height: 46px;
    line-height: 46px;
    color: #404040;
    border-bottom: 2px solid #ccc;
}
.con{
    height: 520px;
    background: #f9f6eb;
}

.con-T{
    height: 63px;
}
.con-ph1{
    display: block;
    background: url(../images/con-xx.png) no-repeat center;
    width: 100%;
    height: 63px;
    padding-top: 110px;
}
.con-c{
    margin-top: 120px;

}
/* 焦点图 */
/* 焦点图 */
.Focus{width: 580px; height:300px; background-color: #e9f3fe; }
.Focus .bd{}
.Focus .bd li{ position: relative; overflow: hidden; width: 580px; height:300px; }
.Focus .bd li img{ display: block; width: 100%; height: auto; min-height: 100%; }
.Focus .bg{ position: absolute; width: 100%; height: 50px; padding-top: 20px; left: 0; bottom: 0; background: linear-gradient(to bottom, transparent, #000); opacity: 0.8;}
.Focus .text{ position: absolute; width: 100%; height: 30px; left: 0px; bottom:25px; }
.Focus .text li{ position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 16.5px; color: #FFF; line-height: 30px; margin: 0 15px; text-align: center; font-weight: bold; }
.Focus .num{ position: absolute; width: 100%; left: 0px; bottom: 10px; display: flex; justify-content: center; }
.Focus .num li{ position: relative; overflow: hidden; width: 10px; height: 10px; margin: 0 3px; border-radius: 5px; background-color: #FFF; transition: all 0.3s; font-size: 0; cursor: pointer; }
.Focus .num li.on{ background-color: #ee4231; }

.ulList{ width: 580px;height: 300px;overflow: hidden;}
.ulList li{ position: relative; overflow: hidden; background: url("../images/mid-yd.png") no-repeat left center; font-size: 16px; padding-left: 15px; color: #404040;height: 64px;line-height: 64px; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 120px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; float: right; color: #b5b5b5;}