@charset "UTF-8";
.head{
    width: 100%;
    height: 70px;
    min-width: 1275px;
    background-color: #1b1b1b;
}
.logo-wrap{
    width: 254px;
    height: 35px;
    /*padding-top: 17.5px;*/
}
.nav{
    height: 70px;
    width: 846px;
}
.nav li{
    display: inline-block;
    *zoom: 1;
    *display: inline;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 105px;
}
.nav ul{
    margin-top: 0;
    text-align: right;
}
.banner-wrap{
    clear: both;
    width: 100%;
    min-width: 1275px;
    height: 450px;
    background-color: #2f2f2f;
}
.banners{
    width: 1275px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.more-btn{
    background: url("../images/more-btn.jpg");
    width: 155px;
    height: 50px;
    position: absolute;
    left: 185px;
    bottom: 148px;
}
.more-btn-focus{
    background: url("../images/more-btn-focus.jpg") no-repeat;
}
.green-channel{
    width: 100%;
    min-width: 1275px;
    height: 260px;
    *height: 235px; 
    padding-top: 25px;
    background-color: #e6e6e6;
}
.supply{
    background: url("../images/supplier.png") no-repeat;
    width: 201px;
    height: 202px;
    position: relative;
    font-size: 16px;
    color: #999999;
}
.internet{
    background: url("../images/internet.png") no-repeat;
}
.channel-font{
    position: absolute;
    left: 50%;
    margin-left: -32px;
    bottom: 55px;
}
.mail{
    background: url("../images/mail.png") no-repeat;
}
.hengxin{
    background: url("../images/hengxin.png") no-repeat;
}
.supply-focus{
    background: url("../images/supplier-focus.png") no-repeat;
}
.internet-focus{
    background: url("../images/internet-focus.png") no-repeat;
}
.mail-focus{
    background: url("../images/mail-focus.png") no-repeat;
}
.hengxin-focus{
    background: url("../images/hengxin-focus.png") no-repeat;
}
.color-989898{
    color: #989898;
}
.product-model{
    clear: both;
    width: 100%;
    min-width: 1275px;
    height: 420px;
    background-color: #dbdbdb;
}
.front{
    background: url("../images/nav1.jpg") no-repeat;
    width: 100%;
    height: 140px;
    position: relative;
}
.door{
    background: url("../images/nav2.png") no-repeat;
}
.more-decorate{
    background: url("../images/nav3.jpg") no-repeat;
}
.more-btn2{
    width: 82px;
    height: 23px;
    line-height: 23px;
    position: absolute;
    right: 362px;
    top: 94px;
    font-size: 12px;
    color: #fbfbfb;
    text-align: center;
}
.about-us-wrap{
    width: 100%;
    min-width: 1275px;
    height: 716px;
}
.about-bg{
    width: 100%;
    height: 515px;
    background: url("../images/about-bg.jpg") no-repeat center center;
}
.about-title{
    background: url("../images/about-title.png") no-repeat;
    width: 301px;
    height: 44px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 62px;
}
.about-text{
    width: 450px;
    color: #ffffff;
    line-height: 25px;
    min-height: 135px;
    height: auto;
    position: absolute;
    top: 50%;
    margin-top: -68px;
    left: 44px;
}
.intro-list{
    width: 246px;
    height: 272px;
}
.intro-text{
    padding: 20px 16px;
    color: #676767;
    font-size: 12px;
}
.font-dd0000{
    color: #dd0000;
    font-size: 16px;
    font-weight: bold;
}
.ml38{
    margin-left: 38px;
}
.more-btn3-wrap{
    width: 100%;
    height: 40px;
    position: relative;
    margin-top: 10px;
}
.more-btn3{
    width: 120px;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
}
.bg-313131{
    background-color: #313131;
}
.bg-c80b0b{
    background-color: #c80b0b;
}
.leader-wrap{
    width: 100%;
    min-width: 1275px;
    height: 1526px;
    background-color: #e5e5e5;
}
.leader-list-wrap2{
    width: 943px;
    height: 295px;
    position: absolute;
    left: 50%;
    margin-left: -551px;
    bottom: 60px;
}
.leader-list2{
    width: 257px;
    height: 295px;
    background-color: #ffffff;
}
.ml86{
    margin-left: 86px;
}
.ml24{
    margin-left: 24px;
}
.ml164{
    margin-left: 164px;
}
.leader-title{
    background: url("../images/leader-title.png") no-repeat;
    width: 301px;
    height: 44px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 62px;
}
.leader-title2{
    background: url("../images/management-title.png") no-repeat;
    width: 301px;
    height: 44px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 630px;
}
.leader-list-wrap{
    padding: 0 85px;
    position: absolute;
    top: 135px;
    left: 50%;
    margin-left: -215px;
}
.leader-list{
    width: 257px;
    height: 430px;
    background-color: #ffffff;
    position: relative;
}
.intro-title{
    padding-top: 15px;
    padding-bottom: 12px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #323232;
    font-weight: bold;
}
.red-line-wrap{
    width: 100%;
    height: 5px;
    position: relative;
}
.red-line{
    width: 28px;
    height: 5px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    background-color: #c80b0b;
}
.leader-content{
    padding: 20px 12px;
    font-size: 12px;
    color: #666666;
    height: 120px;
    line-height: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.leader-btn{
    background: url("../images/more-btn2.png") no-repeat;
    width: 58px;
    height: 24px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.leader-btn-focus{
    background: url("../images/more-btn2-focus.png") no-repeat;
}
.ml85{
    margin-left: 420px;
    top: 703px;
}
.news-model{
    width: 100%;
    min-width: 1275px;
    height: 604px;
    position: relative;
    background: url("../images/news-bg.jpg") no-repeat;
}
.news-model-title{
    background: url("../images/news-title.png") no-repeat;
    width: 301px;
    height: 44px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 62px;
}
.news-list-wrap{
    padding: 0 285px;
    position: absolute;
    top: 135px;
    height: 404px;
}
.news-middle{
    background: url("../images/news-middle.png") no-repeat;
    width: 27px;
    height: 404px;
    margin: 0 5px;
}
.news-list{
    width: 246px;
    height: 404px;
}
.news-title{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}
.list-wrap{
    width: 246px;
    height: 37px;
    font-size: 12px;
    color: #ffffff;
}
.news-more-btn{
    width: 120px;
    height: 40px;
    position: absolute;
    left: 50%;
    text-align: center;
    bottom: 25px;
    margin-left: -60px;
    color: #ffffff;
    font-size: 12px;
    line-height: 40px;
}
.connect{
    clear: both;
    width: 100%;
    min-width: 1275px;
    height: 165px;
    background-color: #c80b0b;
}
.connect-list{
    width: 33%;
    height: 100%;
    position: relative;
    border-left: 2px solid #f21515;
}
.address-icon{
    background: url("../images/address-icon.png") no-repeat;
    width: 64px;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 0;
}
.tel-icon{
    background: url("../images/tel-icon.png") no-repeat;
}
.fax-icon{
    background: url("../images/fix-icon.png") no-repeat;
}
.address-wrap{
    height: 100px;
    width: 285px;
    position: absolute;
    margin-top: 65px;
    left: 65px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    color: #ffffff;
    font-size: 12px;
}
.footer-wrap{
    clear: both;
    width: 100%;
    min-width: 1275px;
    padding-top: 40px;
    padding-bottom: 34px;
    background-color: #434343;
    height: 270px;
    *height: 196px;
    color: #ffffff;
}
.footer-wrap ul li:first-child{
   font-size: 14px;
    margin-top: 0;
    font-weight: bold;
}
.footer-wrap ul li:nth-child(2){
    margin-top: 25px;
}
.footer-wrap ul li{
    font-size: 12px;
    color: #ffffff;
    margin-top: 15px;
}
.footer-wrap a{
    color: #ffffff;
}
.attention-list{
    width: 90px;
    height: 90px;
    position: relative;
}
.sina-icon{
    background: url("../images/weibo-icon.png") no-repeat;
    width: 40px;
    height: 40px;
}
.qzone-icon{
    background: url("../images/qzone-icon.png") no-repeat;
}
.wechat-icon{
    background: url("../images/wechat-icon.png") no-repeat;
}
.qq-icon{
    background: url("../images/qq-icon.png") no-repeat;
}
.sina-icon-focus{
    background: url("../images/weibo-icon-focus.png") no-repeat;
}
.qzone-icon-focus{
    background: url("../images/qzone-icon-focus.png") no-repeat;
}
.wechat-icon-focus{
    background: url("../images/wechat-icon-focus.png") no-repeat;
}
.qq-icon-focus{
    background: url("../images/qq-icon-focus.png") no-repeat;
}
.copyright{
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    left: 10px;
    bottom: 0px;
}
.min-banner{
    clear: both;
    background: url("../images/min-banner.jpg") no-repeat center center;
    width: 100%;
    height: 124px;
    min-width: 1100px;
}
.left-wrap{
    margin-top: 46px;
    width: 187px;
    height: auto;
    position: relative;
}
.category{
    clear: both;
    width: 100%;
    height: auto;
}
.category ul{
    *margin-top: -52px;
}
.list-text ul{
    *margin-top: -40px;
}
.category ul li{
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-top: 2px;

}
.category-focus{
    border-left: 5px solid #cc0a0a;
}
.category-connect{
    width: 100%;
    background-color: #ffffff;
    margin-top: 35px;
}
.connect-title{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666666;
}
.connect-text{
    padding: 26px 14px 20px 14px;
    font-size: 12px;
    color: #666666;
}
.text-list{
    width: 100%;
    /* height: 32px; */
    overflow: hidden;
}
.company-name{
    width: 36px;
    height: 100%;
}
.channel-category{
    margin-top: 35px;
    width: 100%;

}
.channel-category-list{
    width: 100%;
    height: 40px;
    margin-top: 2px;
    position: relative;
}
.car-icon{
    background: url("../images/car.png") no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 15px;
}
.car-icon-focus{
    background: url("../images/car-focus.png") no-repeat;
}
.mail-icon{
    background: url("../images/mail-icon.png") no-repeat;
    width: 29px;
    height: 19px;
    margin-top: -10px;
}
.mail-icon-focus{
    background: url("../images/mail-icon-focus.png") no-repeat;
}
.e-icon{
    background: url("../images/e.png") no-repeat;
    width: 29px;
    height: 29px;
    margin-top: -15px;
}
.e-icon-focus{
    background: url("../images/e-focus.png") no-repeat;
}
.hx-icon{
    background: url("../images/hx.png") no-repeat;
    width: 27px;
    height: 29px;
    margin-top: -15px;
}
.hx-icon-focus{
    background: url("../images/hx-focus.png") no-repeat;
}
.font-989898{
    color: #989898;
}
.channel-name{
    height: 100%;
    line-height: 40px;
    position: absolute;
    left: 75px;
}
.right-wrap{
    margin-top: 46px;
    width: 876px;
    min-height: 820px;
    height: 100%;
}
.right-content{
    padding-left: 29px;
    padding-top: 17px;
    padding-right: 62px;
    padding-bottom: 39px;
}
.index{
    color: #666666;
    font-size: 12px;
}
.index a{
    color: #666666;
}
.list-text ul li{
    height: 38px;
    line-height: 38px;
    position: relative;
    width: 100%;
    /*background-color: whitesmoke;*/
    font-size: 12px;
    color: #7e7e7e;
}
.red-point{
    background: url("../images/red-point.png") no-repeat;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.list-title{
    margin-left: 14px;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 1px dotted #e5e5e5;

}
.list-name{
    height: 100%;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
#pages{
    position: absolute;
    right: 62px;
    bottom: 30px;
}
#pages a{
    padding: 3px 15px;
    text-align: center;
    line-height: 30px;
    display: block;
    float: left;
    border: 1px solid #dddddd;
    color: #4d4d4d;
}
#pages a:hover{
    background-color: #c80b0b;
    color: #FFFFFF;
}
#pages span{
    color: #FFFFFF;
    background-color: #cc0a0a;
    padding: 3px 15px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #e0dddd;
    display: block;
    float: left;
}
.article-title{
    width: 100%;
    font-size: 22px;
    color: #4c4c4c;
    text-align: center;
    height: 29px;
    margin-top: 55px;
}
.article-info{
    width: 100%;
    font-size: 16px;
    color: #999797;
    text-align: center;
    height: 21px;
    margin-top: 22px;
}
.articles{
    width: 710px;
    margin: 0 auto;
    margin-top: 47px;
    margin-bottom: 70px;
    line-height: 23px;
}
.leaders{
    width: 100%;
    margin: 0 auto;
    margin-top: 47px;
    margin-bottom: 70px;
    line-height: 23px;
}
.articles img{
    max-width: 710px;
}
.pre-icon{
    background: url("../images/pre.png") no-repeat;
    width: 14px;
    height: 8px;
    margin-top: 8px;
    display: block;
}
.next-icon{
    background: url("../images/next.png") no-repeat;
    width: 14px;
    height: 8px;
    margin-top: 8px;
    display: block;
}
.turning a{
    color: #989898;
}
.turning a:hover{
    color: #c80b0b;
}
.list-product{
    width: 171px;
    height: 154px;
    margin-bottom: 25px;
}
.product-name{
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
}
.articles-left{
    width: 205px;
    height: 252px;
}
.leader-name{
    font-size: 18px;
    color: #666666;
    text-align: center;
    width: 205px;
    height: 23px;
    line-height: 23px;
    margin-top: 10px;
}
.leaders-text{
    width: 530px;
    min-height: 500px;
}
.type1{
    margin-top: 85px;
}
.type2{
    margin-top: 120px;
}
.list1{
    margin-top: 5px;
}
.list2{
    margin-top: 125px;
}
.list3{
    margin-top: 120px;
}
.zmit:hover{
    text-decoration: underline;
}
.pre{
    width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.next{
    text-align: right;
}
.video{
    width: 376px;
    height: 240px;
    background-color: #000000;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -120px;
}