@charset"utf-8";
/*自定义分页符样式*/
/***
    首页banner
***/
.container{
    padding: 0;
}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1;
    margin-right: -42px;
}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:18px; height:18px;
    line-height:18px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;  }
#slideBox .im_mo{display: none;}
#slideBox .im_pc{display: block;}
@media screen and (max-width: 767px){
    #slideBox .im_mo{display: block;}
    #slideBox .im_pc{display: none;}
}
.inner{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    .inner{
        width: 1024px;
    }
}
@media screen and (max-width: 1024px) {
    .inner{
        width: 100%;
    }
}
.h-title{
    padding: 35px 0;
    width: 100%;
}
.h-title h1{
    width: 320px;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    color: #000000;
    position: relative;
    overflow: hidden;
}
.h-title span{
    display: block;
    padding-top: 10px;
    font-size: 16px;
    color: #666;
}
.h-title i{
    position: absolute;
    display: block;
    width: 98px;
    height: 1px;
    top:14px;
}
.h-lf{
    left: -130px;
    background:url(../images/index/h-lf.png) no-repeat;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.h-rt{
    right: -130px;
    background:url(../images/index/h-rt.png) no-repeat;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
/*新闻资讯*/
.xw-con{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 45px;
    padding: 0 20px;
}
.xw-tit{
    width: 100%;
    position: relative;
    border-bottom:1px solid #e4e4e4;
}
.xw-tit ul{
    width: 170px;
    margin: 0 auto;
}
.xw-tit ul li{
    float: left;
    width: 50%;
    padding: 15px 0;
    text-align: center;
}
.xw-tit ul li:first-child a{
    padding-right: 15px;
    border-right:1px solid #666666;
}
.xw-tit ul li a{
    font-size: 16px;
    color: #666666;
}
.xw-tit ul li a span{
    color: #666666 !important;
}
.xw-tit ul li.active{
    border-bottom: 2px solid #a71f13;
}
.xw-tit ul li.active a{
    color: #a71f13;
}
.xw-tit .xw-gd{
    position: absolute;
    bottom:18px;
    right: 25px;
}
.xw-tit .xw-gd a{
    font-size: 12px;
    color: #2e2c2c;
    display: none;
}
.xw-tit .xw-gd a:hover{
    color: #a71f13;
}
.xw-tit .xw-gd a.active{
    display: block;
}


.xw-nei ul{
    display: none;
}
.xw-nei ul.on{
    display: block;
}
.xw-nei ul li{
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom:1px solid #e4e4e4;
    width: 100%;
    transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
}
.xw-nei ul li:last-child{
    border: none !important;
    margin-bottom: 0;
}
.xw-nei ul li a{
    display: block;
    width: 100%;
}
.xw-im{
    float: left;
    width: 20%;
}
.xw-im img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.xw-txt{
    float: left;
    width: 79%;
    padding-left: 15px;
}
.xw-txt h1{
    font-size: 16px;
    color: #2e2c2c;
    line-height: 30px;
    transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
}
.xw-txt p{
    font-size: 12px;
    color: #666666;
    line-height: 24px;
    margin: 5px 0;
}
.xw-txt span{
    display: block;
    font-size: 12px;
    color: #666666;
    line-height: 24px;
}
.xw-txt .xw-btn{
    float: right;
    width: 110px;
    height: 32px;
    border: 1px solid #aaaaaa;
    color: #666666;
    line-height: 32px;
    text-align: center;
    transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
}
/*核心业务*/
.hx{
    background-image: url(../images/index/hx-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 45px;
}
.hx-con ul{ width: 100%;
    padding-bottom: 15px;
}
.hx-con ul:after{ content: '';display: table;clear: both; }
.hx-con ul li{
    float: left;
    width: 33.3%;
    padding: 15px 12px;
}
.hx-con ul li a{
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.hx-con ul li a img{
    width: 100%;
  max-height:280px;
    transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
}
.hx-txt{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.4);
}
.hx-txt p{
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    color: #ffffff;
}
.hx-btn{
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    width: 120px;
    background-color: #a71f13;
    margin: 0 auto;
    display: block;
}
.hx-btn:hover{
    color: #ffffff;
}
/*公司概况*/
.gk{
    width: 100%;
    padding-bottom: 40px;
}
.gk-list{
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 8px;
}
.gk-list li{
    width: 33.3%;
    float: left;
    padding: 5px 15px;
    transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
}
.gk-list li a{
    display: block;
    width: 100%;
    box-shadow: 0 0 5px 2px #ddd;
    -moz-box-shadow: 0 0 5px 2px #ddd;
    -webkit-box-shadow: 0 0 5px 2px #ddd;
    padding: 15px 8px 25px;
}
.gk-list li a h1{
    font-size: 16px;
    line-height: 30px;
    color: #2e2c2c;
    border-bottom: 1px dashed #bcbcbc;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.gk-list li a h1 i{
    display: inline-block;
    width: 34px;
    height: 30px;
    vertical-align: middle;
}
.gk-list li:first-child i{background: url(../images/index/gk-ic01.png) no-repeat;}
.gk-list li:nth-child(2) i{background: url(../images/index/gk-ic02.png) no-repeat;}
.gk-list li:last-child i{background: url(../images/index/gk-ic03.png) no-repeat;}
.gk-list li a p{
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 20px;
    height: 168px;
}
.gk-list li a span{
    display: block;
    width: 110px;
    height: 32px;
    color: #a71f13;
    border: 1px solid #a71f13;
    transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    margin: 0 auto;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    border-radius: 5px;
}
.hz{
    overflow: hidden;
}
.hz-lj{
    float: left;
    width:140px;
}
.hz-lj h3{
    font-size: 20px;
    color: #2e2c2c;
    line-height: 36px;
    text-align: center;
}
.hz-lj h3 span{
    font-size: 14px;
}
.hz-im{
    float: left;
    padding: 10px 8px;
    overflow: hidden;
}
.hz-im li a{
    display: block;
    box-shadow: 0 0 5px 1px #ddd;
}
.hz-im li{
    float: left;
    padding: 0 8px;
}
@media screen and (min-width: 1024px){
    .xw:hover .h-lf{
        left: 0;
    }
    .xw:hover .h-rt{
        right: 0;
    }
    .gk:hover .h-lf{
        left: 0;
    }
    .gk:hover .h-rt{
        right: 0;
    }
    .hx:hover .h-lf{
        left: 0;
    }
    .hx:hover .h-rt{
        right: 0;
    }
    .xw-tit ul li:hover a{
        color: #a71f13;
    }
    .xw-nei ul li:hover{
        border-bottom: 1px solid #a71f13;
    }
    .xw-nei ul li:hover .xw-txt h1{
        color: #a71f13;
    }
    .xw-nei ul li:hover .xw-txt .xw-btn{
        background-color: #a71f13;
        color: #ffffff;
        border: 1px solid #a71f13;
    }
    .hx-con ul li:hover a img{
        transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
    }
   /* .hx-con ul li:hover .hx-txt p{
        color: #a71f13;
    }*/
    .gk-list li:hover{
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
    }
    .gk-list li:hover a span{
        background-color: #a71f13;
        color: #ffffff;
        border: 1px solid #a71f13;
    }
    .gk-list li a p{
        height: 190px; 
      overflow:hidden;
    }
}
@media screen and (max-width: 1024px){
    .h-lf{left: 0; }
    .h-rt{right: 0; }
    .h-title{
        padding: 35px 0;
    }
    .xw-im{
        width: 30%;
    }
    .xw-txt{
        width: 69%;
    }
    .hx-con ul li{
        width: 50%;
    }
    .gk-list li a span{
        background-color: #a71f13;
        color: #ffffff;
        border: 1px solid #a71f13;
    }
    .gk-list li a p{
        height: auto;
    }
    .gk-list li{
        width: 100%;
        float: none;
        padding: 15px ;
    }
    .hz-lj{
        float: none;width: 100%;
    }
    .hz-im{
        float: none;width: 100%;
    }
    .hz-im li{
        padding: 8px;
    }
}
@media screen and (max-width: 767px){
    .h-title{
        padding: 25px 0;
    }
    .xw-im{
        float: none;
        width: 100%;
    }
    .xw-txt{
        float: none;
        width: 100%;
    }
    .xw-con{
        margin-bottom: 25px;
    }
    .hx{
        padding-bottom: 25px;
    }
    .gk{
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 480px){
    .xw-tit .xw-gd{
        /*right:0;*/
        display: none;
    }
    .hx-con ul li{
        width: 100%;
        float: none;
        padding: 15px;
    }
}
@media screen and (max-width: 400px){
    .h-lf{left: 6px; }
    .h-rt{right: 6px; }
}