.banner {
    position:relative;
    width:100%;
    min-width:1000px;
    height:400px;
    background:#eee;
}
.banner-item {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.banner-item a {
    text-indent:-9999px;
    display:block;
    width:100%;
    height:100%;
}

.info {
    background:#e8f2ff;
    width:100%;
    padding-top:20px;
    height:445px;
}
.info h3 {
    line-height:62px;
    font-size:18px;
    margin-left:70px;
    float:left;
}

.infobox {
    width:1000px;
    margin:10px auto;
}

.info .infobox .homepage-news {
    float:left;
    width:47%;
    background:url(../images/news_ico.jpg) no-repeat left top;
}

.info .infobox .homepage-news .summary {
    width:370px;
    overflow:hidden;
    white-space:nowrap;
    color:#979797;
    font-size:12px;
    margin-left:15px;
}

.info .infobox .homepage-news ul {
    margin-top:72px;
}

.info .infobox .homepage-news li {
    width:100%;
    font-size:16px;
    background:#fff;
    margin:20px 0 10px;
    height:75px;
}

.info .infobox .homepage-news li .newsDate {
    width:75px;
    height:75px;
    color:#fff;
    text-align:center;
    font-size:12px;
    background:#37c4ff;
    display:block;
    float:left;
}
.info .infobox .homepage-news li .newsDate .newsYM {
    font-size:12px;
    line-height:12px;
    margin-top:10px;
}
.info .infobox .homepage-news li .newsDate .newsD {
    font-size:38px;
    line-height:50px;
}

.info .infobox .homepage-news li a {
    color:#333;
    line-height:45px;
    display:block;
    font-size:15px;
    width:370px;
    overflow:hidden;
    margin-left:15px;
}
.info .infobox .homepage-news li a:hover {
    text-decoration:underline;
}

.info .infobox .homepage-news .newsItem {
    float:right;
    width:395px;
    height:75px;
}

.info .infobox .homepage-ad {
    float:right;
    width:50%;
    background:url(../images/ad.png) no-repeat left top;
}

.info .infobox .homepage-ad a {
    width:100%;
    height:auto;
    display:block;
    text-align:center;
}

.hot {
    margin:10px auto;
    width:1000px;
    height:58px;
    background:#fff;
}

.hot a {
    text-decoration: none;
    line-height:58px;
    color:#333;
}
.hot a:hover {
    text-decoration: underline;
}

.hot-news-01 {
    background:url(../../images/homepage_hot_01.png) center no-repeat;
    font-size:18px;
    float:left;
    width:166px;
    text-align:center;
}

.hot-news-01 a {
    color:#fff;
}

.hot-news-02 {
    float:left;
    width:auto;
    height:58px;
    font-size:17px;
    overflow:hidden;
    padding:0 20px;
    position:relative;
}
.hot-news-item {
    position:relative;
}

.hot-news-03 {
    float:right;
}
.hot-news-03 a {
    line-height:29px;
    display:block;
    padding:0 50px;
}
.hot-news-03 .js-prev-news {
    width:26px;
    background: url(../../images/homepage_hot_up.png) center no-repeat;
    text-indent: -9999px;
}
.hot-news-03 .js-next-news {
    width:26px;
    background: url(../../images/homepage_hot_down.png) center no-repeat;
    text-indent: -9999px;
}

.company {
    /*background:#e9f6ff;*/
    background:#eee;
    width:100%;
    padding:30px 0;
}

.company table {
    margin:0 auto;
}

.company table a {
    display:block;
    height:200px;
    width:250px
}
.company table a :hover {
    opacity:0.6;
}

.brands {
    background:#fff;
    padding:10px 0;
}
.brands .brandsbox {
    width:1000px;
    height:89px;
    margin:0 auto;
    position:relative;
}

.brands .brands-wrapper {
    width:930px;
    height:89px;
    overflow:hidden;
    background:#fff;
    position:absolute;
    left:35px;
}

.brands .brands-wrapper ul {
    width:9999px;
    position:relative;
}

.brands .brands-wrapper li {
    float:left;
    position:relative;
}

.brands .brands-wrapper li :hover {
    opacity:0.6;
}

.brands-ctrl {
    position:absolute;
    width:35px;
    height:65px;
    text-indent:-9999px;
    z-index:10;
    opacity:0.15;
    top:50%;
    margin-top:-32px;
}
.brands-ctrl:hover {
    opacity:0.35;
}
.brands-prev {
    left:0;
    background:url(../images/arrow-left.png) center no-repeat #333;
}
.brands-next {
    right:0;
    background:url(../images/arrow-right.png) center no-repeat #333;
}

.contact {
    width:100%;
    height:150px;
    background:#2482dc;
    padding:10px 0;
    color:#fff;    
}

.contact-box {
    width:1000px;
    height:150px;
    margin:0 auto;
    padding:0 0 30px;
    background:url(../images/contact_ico.jpg) top left no-repeat;
}

.contact-box h3 {
    line-height:62px;
    font-size:18px;
    margin-left:70px;
    float:left;
}

.contact-box .follow {
    float:right;
    width:auto;
    text-align:center;
    margin-top:20px;
}

.contact-box .follow a { 
    margin:0 10px;
}

.contact-box .address {
    float:left;
    font-size:13px;
    margin-left:70px;
    line-height:30px;
}

.foot-wxCode {
    position:relative;
}