﻿.banner{
}
.banner-ul{
    width:100%;
    height:638px;
    overflow:hidden;
}
.banner-ul li{
    display:none;
}
.banner-ul li.active{
    display:block;
}
.banner-ul li img{
    height:638px;
}

.banner-shades{
    left:0;
    top:0;
    width:100%;
    height:638px;
    overflow:hidden;
    display:none;
    z-index: 1;
}

.banner-ul-process {
    left:40px;
    bottom:32px;
    z-index: 2;
}
.banner-ul-process img{
	width: 128px;
    height:58px;
    border:1px solid #fff;
    margin:0 16px 0 0;
    cursor:pointer;
}
.banner-ul-process img.active{
    margin-top:-12px;
}
.banner-news{
    width:320px;
    background:#000;
}
.banner-news-tab{
    line-height:46px;
    background:#A40000;
    color:#fff;
    padding-left: 24px;
}
.banner-news-tab span{
    width:86px;
    text-align:center;
    cursor:pointer;
    margin-right: 30px;
    font-weight: bold;
    font-size: 19px;
}
.banner-news-tab span.active{
    position: relative;
}
.banner-news-tab span.active::after{
    content:"";
    display:block;
    width:100%;
    height:4px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
}
.banner-news-list{
    display:none;
}
.banner-news-item{
    margin:14px auto 0;
    width:265px;
    color:#fff;
    padding-bottom: 12px;
    border-bottom: 1px dashed #FFFFFF;
}
.banner-news-item span{
    width:70px;
    line-height:36px;
    background:#FFFFFF;
    text-align:center;
    font-size: 14px;
    color: #A40000;
    font-weight: bold;
}
.banner-news-item a{
    color:#fff;
    line-height:19px;
    width:180px;
    font-size: 14px;
}
.banner-news-list-more{
    color:#e8e8e8;
    width:300px;
    margin:20px 0px 10px 0px;
    text-align:right;
    font-size: 13px;
    line-height: 19px;
}
.banner-links{
    left:40px;
    top:0;
    width:920px;
    z-index: 3;
    color:#fff;
}
.banner-links-title1{
    font-size:3.2rem;
    margin:50px 0 0;
}
.banner-links-title2{
    font-size:2.4rem;
    margin:5px 0 18px;
}
.banner-links-item{
    text-indent:0.5em;
    line-height:35px;
    margin:8px 0 0;
    width:620px;
    background:linear-gradient(left,rgba(27,20,100,1),rgba(27,20,100,0));
    background:-webkit-linear-gradient(left,rgba(27,20,100,1),rgba(27,20,100,0));
    background:-o-linear-gradient(left,rgba(27,20,100,1),rgba(27,20,100,0));
    border-radius: 8px;
}
.banner-links-item a{
    color:#fff;
    padding:0 5px;
}



.service{
    margin-top:30px;
}
.service h5{
    border-bottom:4px solid #0068b7;
    padding-left: 24px;
    padding-bottom: 14px;
}
.service h5 img{
	margin-right: 16px;
}
.service-ul li{
     text-align:center;
     border-right:1px solid #e6e6e6;
     border-bottom:1px solid #e6e6e6;
     transition:background 1s;
     position: relative;
 }
.service-ul li.no-border-right{border-right:none;}
.service-ul li.no-border-bottom{border-bottom:none;}
.service-ul li a{
    color:#535353;
    width:239px;
    height:50px;
    padding:100px 0 0;
    /*transition:padding-top 0.5s,height 0.5s;
    -webkit-transition:padding-top 0.5s,height 0.5s;*/
    overflow: hidden;
    font-size: 13px;
    
}
.service-ul li a::before{
    content:"";
    display:block;
    width:47px;
    height:47px;
    border:1px solid #cccccc;
    border-radius:50%;
    position: absolute;
    left:50%;
    top:38px;
    margin-left:-23.5px;
    transition:top 0.5s,background 0.5s;
    -webkit-transition:top 0.5s,background 0.5s;
}
.service-ul li a.service-ico1::before{
    background: url(../images/se_01.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico1::before{
    border-color:#fff;
    background: url(../images/se_01.png) center -64px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico2::before{
    background: url(../images/se_02.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico2::before{
    border-color:#fff;
    background: url(../images/se_02.png) center -64px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico3::before{
    background: url(../images/se_03.png) center 8px no-repeat #fff;
}
.service-ul li:hover a.service-ico3::before{
    border-color:#fff;
    background: url(../images/se_03.png) center -62px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico4::before{
    background: url(../images/se_04.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico4::before{
    border-color:#fff;
    background: url(../images/se_04.png) center -64px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico5::before{
    background: url(../images/se_05.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico5::before{
    border-color:#fff;
    background: url(../images/se_05.png) center -64px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico6::before{
    background: url(../images/se_06.png) center 14px no-repeat #fff;
}
.service-ul li:hover a.service-ico6::before{
    border-color:#fff;
    background: url(../images/se_06.png) center -62px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico7::before{
    background: url(../images/se_07.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico7::before{
    border-color:#fff;
    background: url(../images/se_07.png) center -66px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico8::before{
    background: url(../images/se_08.png) center 10px no-repeat #fff;
}
.service-ul li:hover a.service-ico8::before{
    border-color:#fff;
    background: url(../images/se_08.png) center -63px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico9::before{
    background: url(../images/se_09.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico9::before{
    border-color:#fff;
    background: url(../images/se_09.png) center -63px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico10::before{
    background: url(../images/se_10.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico10::before{
    border-color:#fff;
    background: url(../images/se_10.png) center -63px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico11::before{
    background: url(../images/xt_17.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico11::before{
    border-color:#fff;
    background: url(../images/xt_17.png) center -65px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico12::before{
    background: url(../images/xt_18.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico12::before{
    border-color:#fff;
    background: url(../images/xt_18.png) center -65px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico13::before{
    background: url(../images/xt_19.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico13::before{
    border-color:#fff;
    background: url(../images/xt_19.png) center -65px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico14::before{
    background: url(../images/xt_20.png) center 12px no-repeat #fff;
}
.service-ul li:hover a.service-ico14::before{
    border-color:#fff;
    background: url(../images/xt_20.png) center -65px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico15::before{
    background: url(../images/xt_21.png) center 9px no-repeat #fff;
}
.service-ul li:hover a.service-ico15::before{
    border-color:#fff;
    background: url(../images/xt_21.png) center -63px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico16::before{
    background: url(../images/xt_22.png) center 10px no-repeat #fff;
}
.service-ul li:hover a.service-ico16::before{
    border-color:#fff;
    background: url(../images/xt_22.png) center -64px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico17::before{
    background: url(../images/xt_23.png) center 10px no-repeat #fff;
}
.service-ul li:hover a.service-ico17::before{
    border-color:#fff;
    background: url(../images/xt_23.png) center -64px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico18::before{
    background: url(../images/xt_24.png) center 10px no-repeat #fff;
}
.service-ul li:hover a.service-ico18::before{
    border-color:#fff;
    background: url(../images/xt_24.png) center -64px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico19::before{
    background: url(../images/xt_25.png) center 10px no-repeat #fff;
}
.service-ul li:hover a.service-ico19::before{
    border-color:#fff;
    background: url(../images/xt_25.png) center -62px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico20::before{
    background: url(../images/xt_26.png) center 10px no-repeat #fff;
}
.service-ul li:hover a.service-ico20::before{
    border-color:#fff;
    background: url(../images/xt_26.png) center -65px no-repeat #fff;
    top:15px;
}
.service-ul li a.service-ico21::before{
    background: url(../images/xt_27.png) center 10px no-repeat #fff;
}
.service-ul li:hover a.service-ico21::before{
    border-color:#fff;
    background: url(../images/xt_27.png) center -63px no-repeat #fff;
    top:15px;
}
.service-ul li:hover{
    background:#448aca;
}
.service-ul li:hover a{
    color:#fff;
    padding:70px 0 0;
    height:80px;
    font-size: 13px;
}
.service-ul li a::after{
    content:"查看详情";
    display:block;
    width:88px;
    line-height:27px;
    height:27px;
    border-radius:12px;
    text-align:center;
    font-size:1.2rem;
    color:#fff;
    position:absolute;
    left:50%;
    bottom:-20px;
    margin-left:-44px;
    border:1px solid #fff;
    transition:bottom 0.5s;
    -webkit-transition: bottom 0.5s;
}
.service-ul li:hover a::after{
    bottom:20px;
}
.home-other{
    margin-top:27px;
    background:#f2f2f2;
    padding:38px 0;
}
.shortcut{
    width:539px;
}
.shortcut h5,.download h5,.question h5{
    text-indent:70px;
    color:#c1272d;
    background:url(../images/xt_28.png) 33px 1px no-repeat;
    height:32px;
    border-bottom:1px solid #e6e6e6;
    padding:3px 0 0;
}
.download h5{
    background:url(../images/xt_29.png) 33px 3px no-repeat;
}
.question h5{
    background:url(../images/xt_30.png) 33px 5px no-repeat;
}
.shortcut-list{
    background:url(../images/xt_31.png) 35px 52px no-repeat;
    height:267px;
}
.shortcut-list a{
    margin:22px 0 0 174px;
    width:350px;
    text-indent:16px;
    color:#333333;
    background:url(../images/xt_33.png) 0 center no-repeat;
}
.shortcut-list a:hover,.download-list a:hover,.question-list a:hover{
    background:url(../images/xt_32.png) 0 center no-repeat;
    color:#c1272d;
}
.shortcut-more{
    margin:30px 0 0 194px;
    color:#999999;
}
.download{
    width:314px;
    margin:0 0 0 42px;
}
.download-list,.question-list{
    height:267px;
}
.download-list a,.question-list a{
    margin:22px 0 0;
    text-indent:16px;
    color:#333333;
    background:url(../images/xt_33.png) 0 center no-repeat;
}
.download-list a{
    text-indent:27px;
    background:url(../images/xt_33.png) 6px center no-repeat;
}
.question-list a{
    text-indent:53px;
    background:url(../images/xt_34.png) 23px center no-repeat;
}
.download-list a:hover{
    background:url(../images/xt_32.png) 6px center no-repeat;
}
.question-list a:hover{
    background:url(../images/xt_35.png) 23px center no-repeat;
}
.download-more{
    margin:30px 0 0 27px;
    color:#999999;
}
.question{
    width:348px;
}
.question-more{
    margin:30px 0 0 53px;
    color:#999999;
}
