/*首页banner*/
.banner-box{
    width: 100%;
    max-height: 700px;
    overflow: hidden;
}
.pics_wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: -1;
}

.html5zoo-img-0 img {
    width: 100%;
}

.html5zoo-arrow-left-0 {
    left: 10% !important;
}

.html5zoo-arrow-right-0 {
    right: 10% !important;
}

.html5zoo-bullet-wrapper-0 div {
    margin: 0 4px !important;
}

.html5zoo-nav-0 {
    margin-top: -35px !important;
    left: 48% !important;
}

.html5zoo-bullet-wrapper-0 {
    width: 100% !important;
}

.banner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 325px;
    margin-top: 8px;
}

.banner ul.bb {
    position: relative;
    padding: 0px;
    margin: 0px;
    z-index: 5;
}

.banner ul.bb li {
    position: absolute;
    display: none;
}

.banner .num {
    position: absolute;
    right: 2px;
    bottom: 10px;
    z-index: 100;
}

.banner .num li {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    background: #fff;
    line-height: 18px;
    text-indent: -100px;
    overflow: hidden;
    border-radius: 10px;
}

.banner .num li.num_hover {
    background-color: #f7de07;
}

.banner .num li.num_hover a {
    color: #fff;
}

.banner .num li a {
    float: left;
    display: block;
    text-align: center;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

#bannerArrow, #bannerCircle {
    display: none
}

/*幻灯片样式2*/
#focus {
    width: 255px;
    height: 188px;
    overflow: hidden;
    position: relative;
}

#focus ul {
    height: 188px;
    position: absolute;
}

#focus ul li {
    float: left;
    width: 255px;
    height: 188px;
    overflow: hidden;
    position: relative;
    background: #000;
}

#focus ul li a img {
    height: 188px;
    width: 255px;
}

#focus ul li div {
    position: absolute;
    overflow: hidden;
}

#focus .btnBg {
    position: absolute;
    width: 255px;
    height: 20px;
    left: 0;
    bottom: 0;
    background: #000;
}

#focus .btn {
    position: absolute;
    width: 255px;
    height: 10px;
    padding: 5px 10px;
    right: 0;
    bottom: 0;
    text-align: right;
}

#focus .btn span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 25px;
    height: 10px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #fff;
}

#focus .btn span.on {
    background: #fff;
}

/*sou-box*/
.sou-box{
    height: 102px;
    background: #fff;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
}
.souL{
    width: 285px;
    height: 230px;
    background-color: #da251c;
    position: absolute;
    left: 0;
    top: -118px;
}

.souL b{
    display: block;
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 22px;
    letter-spacing: 3px;
    height: 122px;
    background: url("../images/souL-xian.png") no-repeat center bottom;
}
.souL b i{
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    padding: 33px 0 18px;
}

.sou-tell{
    height: 106px;
    background: url("../images/rell2.png") no-repeat 23px center;
    box-sizing: border-box;
    padding-left: 80px;
    color: #fff;
    line-height: 1;
}
.sou-tell span{
    display: block;
    font-size: 14px;
    padding: 25px 0 13px;
}
.sou-tell p{
    font-size: 24px;
    font-weight: bold;
}


.sou{
    margin-left: 300px;
    padding-top: 22px;
    position: relative;
    width: 510px;
}
.sou-tou{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    background: url("../images/doc.png") no-repeat 0 center;
    line-height: 1;
    padding-left: 22px;
}

.sou-list{
    width: 407px;
    margin-left: 5px;
    margin-top: -6px;
}
.sou-list li{
    width: 100%;
    line-height: 26px;
}
.sou-list li .sou-a{
    width: 80%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    transition: .5s;
}
.sou-list li:hover .sou-a{
    transform: translateX(3px);
    color: #da251c;
}

.sou-list li span{
    font-size: 12px;
    color: #999;
}

.s-left{
    background: url("../images/s-l.png") no-repeat center;
    width: 10px;
    height: 18px;
    transition: .5s;
    position: absolute;
    top: 60px;
    left: 32px;
}
.s-left:hover{
    background: url("../images/s-l2.png") no-repeat center;
}

.s-right{
    background: url("../images/s-r.png") no-repeat center;
    width: 10px;
    height: 18px;
    transition: .5s;
    position: absolute;
    top: 60px;
    left: 57px;
}
.s-right:hover{
    background: url("../images/s-r2.png") no-repeat center;
}


.souR {
    height: 32px;
    margin: 38px 0 0;
    float: right;
    overflow: hidden;
    position: relative;
}

.souR .input {
    width: 295px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #bcbcbc;
    background: #fff;
    display: block;
    padding-left: 15px;
    border: 1px solid #e6e6e6;
    border-right: 0;
    float: left;
}

.souR .button {
    width: 50px;
    height: 33px;
    display: inline-block;
    background: url(../images/search.jpg) center center no-repeat;
    cursor: pointer;
    border: none;
    float: right;
}


.dy-box{
    background: url("../images/dy-box.jpg") no-repeat center;
    height: 955px;
    overflow: hidden;
}

.dy-title{
    padding: 60px 0 64px;
    text-align: center;
    line-height: 1;
}
.dy-title b{
    display: block;
    font-size: 34px;
    color: #333;
}
.dy-title i{
    display: block;
    background: url("../images/dy-xx.png") no-repeat center;
    width: 636px;
    height: 3px;
    margin: 14px auto 17px;
}

.dy-title p{
    font-size: 20px;
    color: #666;
}

.dy{
    width: 100%;
    height: 705px;
    position: relative;
    overflow: hidden;
}

.dy-tell{
    background: url("../images/dy-tell.png") no-repeat center;
    width: 557px;
    height: 650px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 231px;
    box-sizing: border-box;
}
.dy-tell span{
    display: block;
    width: 225px;
    height: 25px;
    background-color: #ffffff;
    border-radius: 13px;
    border: solid 1px rgba(102, 102, 102, .6);
    margin: 0 auto;
    line-height: 25px;
    text-align: center;
    font-family: NSimSun;
    font-size: 18px;
    color: #000;
}
.dy-tell p{
    width: 434px;
    margin: 20px auto;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.dy-tell b{
    display: block;
    background: url("../images/tell3.png") no-repeat 0 center;
    width: 220px;
    margin: 0 auto;
    padding-left: 50px;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.dy-text{
    line-height: 1;
    padding-top: 27px;
    position: absolute;
}

.dy-text b{
    display: block;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 46px;
}
.dy-text p{
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin: 30px 0 33px;
}
.dy-text span{
    display: block;
    font-size: 14px;
    color: #da251c;
    opacity: 0.4;
}

.dy1{
    background: url("../images/1.png") no-repeat 0 0;
    top: 0;
    left: 0;
}
.dy2{
    background: url("../images/2.png") no-repeat 0 0;
    left: 0;
    top: 252px;
}
.dy3{
    background: url("../images/3.png") no-repeat 0 0;
    left: 0;
    bottom: 0;
}
.dy4{
    background: url("../images/4.png") no-repeat right 0;
    right: 0;
    top: 0;
}
.dy5{
    background: url("../images/5.png") no-repeat right 0;
    right: 0;
    top: 252px;
}
.dy6{
    background: url("../images/6.png") no-repeat right 0;
    right: 0;
    bottom: 0;
}


.dy4 b,
.dy5 b,
.dy6 b{
    padding-left: 0;
    text-align: right;
    padding-right: 46px;
}
.dy4 p,
.dy5 p,
.dy6 p,
.dy4 span,
.dy5 span,
.dy6 span{
    text-align: right;
}

.dd{
    position: absolute;
    width: 100px;
    height: 100px;
}

.d1{
    top: 26px;
    left: 405px;
    background: url("../images/d1.png") no-repeat center;
}
.d2{
    top: 299px;
    left: 243px;
    background: url("../images/d2.png") no-repeat center;
}
.d3{
    bottom: 26px;
    left: 405px;
    background: url("../images/d3.png") no-repeat center;
}

.d4{
    top: 26px;
    right: 405px;
    background: url("../images/d4.png") no-repeat center;
}
.d5{
    top: 299px;
    right: 243px;
    background: url("../images/d5.png") no-repeat center;
}
.d6{
    bottom: 26px;
    right: 405px;
    background: url("../images/d6.png") no-repeat center;
}

/*duct*/
.duct-box{
    margin: 50px 0;
}

.ductL{
    width: 235px;
}
.ductL-tit{
    background: url("../images/ductL-tit.png") no-repeat center;
    width: 235px;
    height: 95px;
    box-sizing: border-box;
    line-height: 1;
    padding: 31px 0 0 81px;
}
.ductL-tit i{
    display: block;
    font-size: 14px;
    color: #eeeeee;
}

.ductL-tit a{
    display: block;
    font-size: 18px;
    color: #fff;
    margin-top: 8px;
}

.duct-nav{
    width: 235px;
    /* height: 510px; */
    background-color: #f2f2f2;
    border-radius: 5px;
    border: solid 1px #eeeeee;
    box-sizing: border-box;
    margin-top: 8px;
    /* overflow-y: overlay; */
}

.duct-nav li{
    width: 100%;
    margin-top: 20px;
}
.duct-nav li h6{
    width: 100%;
    border-left: 2px solid #333;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
}

.duct-nav li h6 a{
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 215px;
    margin-left: 10px;
    height: 45px;
    background: #333333;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 16px;
    color: #f2f2f2;
    padding: 0 30px 0 22px;
    position: relative;
    z-index: 0;
}

.duct-nav li h6 a:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #da251c;
    z-index: -1;
    transition: .5s;
}

.duct-nav li:hover h6 a:before{
    width: 100%;
}
.duct-nav li h6 a:after{
    content: '';
    position: absolute;
    background: url("../images/d-jian.png") no-repeat center;
    width: 8px;
    height: 14px;
    right: 20px;
    top: 16px;
}

.duct-nav li p{
    line-height: 34px;
    margin: 0 auto;
    width: 190px;
    border-bottom: 1px dashed #cccccc;
}

.duct-nav li p a{
    display: block;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    transition: .5s;
    box-sizing: border-box;
    padding: 0 9px;
}

.duct-nav li p a:hover{
    transform: translateX(5px);
    color: #da251c;
}

.duct-tell{
    font-family: Impact;
    font-size: 26px;
    color: #da251c;
    padding-left: 41px;
    box-sizing: border-box;
    background: url("../images/tell3.png") no-repeat 0 center;
    margin-top: 18px;
    letter-spacing: 3px;
}

/*tupian*/
.index-img {
    overflow: hidden;
    position: relative;
}

.index-img:before {
    position: absolute;
    transition: 0.3s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    content: '';
    -webkit-transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.index-img:hover:before {
    -webkit-transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
/*按钮*/
.mm{
    transition: .5s;
}
.mm:hover{
    transform: translateY(-5px);
}
.mm:before{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.mm:hover:before{
    opacity: 1;
}


.ductR{
    width: 940px;
}

.duct-nn{
    line-height: 40px;
    position: relative;
}

.duct-nn li{
    display: inline-block;
    width: 140px;
    height: 40px;
    background: #333333;
    text-align: center;
    margin-right: 30px;
}

.duct-nn li a{
    display: block;
    color: #fff;
    font-size: 16px;
}

.duct-nn li.on{
    background: #da251c;
}


.duct-m{
    display: block;
    line-height: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 16px;
    color: #666;
}

.duct-list{
    width: 100%;
}
.duct-list li:nth-child(4n+1){
    margin-left: 0;
}
.duct-list li{
    float: left;
    margin: 20px 0 0 20px;
    width: 220px;
    height: 290px;
    border: solid 1px #cccccc;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    transition: all .6s ease-out;
}
.duct-list li:hover{
    transform: translateY(-3px);
    box-shadow: 0 0 11px 3px rgba(0,0,0,.1);
}
.duct-list li .duct-img{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.duct-list li .duct-img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all .6s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.duct-list li:hover .duct-img img{
    transform: scale(1.03);
}

.duct-list li .duct-name{
    display: block;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,.6);
    line-height: 30px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 5%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*small-box*/
.small-box{
    background: url("../images/small-box.jpg") no-repeat center;
    height: 180px;
}

.small-tell{
    width: 90px;
    height: 130px;
    background:url("../images/tell4.png") no-repeat center 28px #f8f8f8;
    box-sizing: border-box;
    padding-top: 95px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

.smallR{
    margin-left: 29px;
    padding-top: 35px;
    line-height: 1;
    color: #fff;
}
.smallR b{
    display: block;
    font-size: 18px;
    line-height: 35px;
}

.smallR b span{
    font-size: 28px;
}
.smallR p{
    margin-top: 20px;
}

.smallR p i{
    display: inline-block;
    background: url("../images/dui.png") no-repeat 0 center;
    padding-left: 35px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    margin-right: 25px;
}

/*ys-box*/
.ys-box{
    margin-top: 70px;
}

.ys-tit{
    line-height: 1;
    text-align: center;
    margin-bottom: 40px;
}
.ys-tit b{
    display: block;
    font-size: 42px;
    color: #333;
    padding-bottom: 13px;
}
.ys-tit i{
    display: block;
    font-size: 16px;
    color: #cccccc;
}


.ys1{
    width: 100%;
    height: 500px;
    overflow: hidden;
}
.ys1L{
    position: relative;
    overflow: hidden;
    width: 840px;
    height: 500px;
}

.ys1L .ys1L-text{
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 585px;
    height: 123px;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 25px 0 0 32px;
}

.ys1L .ys1L-text b{
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 1;
}
.ys1L .ys1L-text p{
    width: 520px;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    margin-top: 15px;
}

.ys1R{
    width: 305px;
}

.ys1R-tit{
    width: 100%;
    height: 235px;
    background: #da251c;
    box-sizing: border-box;
    padding: 43px 0 0 79px;
    color: #fff;
    line-height: 1;
}
.ys1R-tit b{
    display: block;
    font-family: Impact;
    font-size: 64px;
}
.ys1R-tit i{
    display: block;
    letter-spacing: 1px;
    color: #eeeeee;
    font-size: 14px;
}
.ys1R-tit p{
    display: block;
    font-size: 36px;
    margin: 35px 0 11px;
}
.ys1R-tit img{
    display: block;
    width: 100%;
    height: 265px;
}

.ys2{
    width: 100%;
    height: 390px;
    margin-top: 66px;
}

.ys2 .ys2L{
    width: 515px;
    height: 390px;
}

.ys2 .ys2L img{
    display: block;
    width: 100%;
    height: 100%;
}


.ys2 .ys2-text{
    margin-right: 25px;
    width: 581px;
}

.ys2 .ys2-tit{
    margin-top: 59px;
    line-height: 1;
}

.ys2 .ys2-tit i{
    font-family: Impact;
    font-size: 64px;
    color: #da251c;
}
.ys2 .ys2-tit b{
    display: block;
    margin-left: 28px;
    font-size: 14px;
    color: #ccc;
    font-weight: normal;
}

.ys2 .ys2-tit b span{
    display: block;
    font-size: 36px;
    color: #333;
    margin-top: 8px;
}

.ys2 .ys2-text h6{
    font-weight: bold;
    font-size: 22px;
    color: #333333;
    line-height: 1;
    margin: 30px 0 20px;
}

.ys2 .ys2-text p{
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.ys2 .ys2-text p i{
    font-size: 32px;
    float: left;
    margin-right: 10px;
    color: #da251c;
}
.ys3{
    margin-top: 0;
}

.ys3 .ys2L{
    width: 699px;
    height: 390px;
    margin-top: -40px;
}


.ys3 .ys2-text{
    margin-right: 0;
    width: 448px;
}

.ys3 .ys2-tit{
    margin-top: 91px;
}

/*case*/
.case-box{
    margin: 20px 0 50px;
}

.case-tit{
    line-height: 1;
    text-align: center;
}

.case-tit b{
    display: block;
    font-size: 26px;
    color: #da251c;
}
.case-tit b a{
    color: #da251c;
}
.case-tit i{
    display: block;
    background: url("../images/case-titxian.png") no-repeat center;
    width: 1200px;
    margin: 20px auto 0;
    font-size: 12px;
    color: #333;
}

.case{
    width: 100%;
    margin-top: 46px;
    position: relative;
}
.case .tempWrap{
    width: 100% !important;
}
.case-list{
    width: 100%;
}

.case-list li{
    float: left;
    width: 285px !important;
    height: 305px;
    border: solid 1px #dddddd;
    box-sizing: border-box;
    margin-right: 20px;
    padding: 4px;
}

.case-list li .case-img{
    display: block;
    width: 100%;
    height: 210px;
    overflow: hidden;
}
.case-list li .case-img img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all .6s ease-out;
}

.case-list li:hover .case-img img{
    transform: scale(1.1);
}

.case-list li .case-name{
    display: block;
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 46px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.case-list li .case-name:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #da251c;
    transition: .5s;
}
.case-list li:hover .case-name:before{
    width: 100%;
}

.case-list li .case-nn{
    width: 250px;
    margin: 0 auto;
    line-height: 44px;
}
.case-list li .case-nn span{
    display: block;
    font-size: 12px;
    color: #999;
}

.case-list li .case-nn a{
    display: block;
    background: url("../images/case-j.png") no-repeat center;
    width: 40px;
    height: 15px;
    margin-top: 15px;
}

.c-left{
    background: url("../images/c-l.png") no-repeat center;
    width: 16px;
    height: 30px;
    position: absolute;
    top: 137px;
    left: -75px;
    transition: .5s;
    cursor: pointer;
}
.c-left:hover{
    transform: translateX(-5px);
}

.c-right{
    background: url("../images/c-r.png") no-repeat center;
    width: 16px;
    height: 30px;
    position: absolute;
    top: 137px;
    right: -75px;
    transition: .5s;
    cursor: pointer;
}
.c-right:hover{
    transform: translateX(5px);
}


/*about-box*/
.about-box{
    background: url("../images/about-bg.jpg") no-repeat center;
    height: 565px;
    overflow: hidden;
}

.aboutL{
    width: 505px;
    height: 363px;
    position: relative;
    margin: 100px 0 0 34px;
    z-index: 0;
}
.aboutL:before{
    content: '';
    position: absolute;
    top: -50px;
    left: -34px;
    width: 317px;
    height: 466px;
    border: solid 2px #da251c;
    box-sizing: border-box;
    z-index: -1;
    transition: .5s;
}
.aboutL:after{
    content: '';
    position: absolute;
    top: -28px;
    right: -29px;
    width: 424px;
    height: 420px;
    border: solid 1px #333333;
    z-index: -1;
    transition: .5s;
    box-sizing: border-box;
}

.aboutL:hover:before{
    border-color:#333;
}

.aboutL:hover:after{
    border-color:#da251c;
}

.aboutR{
    width: 610px;
}

.aboutR b{
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #333333;
    padding: 55px 0 0 74px;
}
.aboutR .about-more{
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    color: #666666;
    width: 96px;
    height: 30px;
    border: solid 1px #cccccc;
    line-height: 30px;
    text-align: center;
    float: right;
    margin-top: 7px;
}
.aboutR p{
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    overflow: hidden;
    margin: 72px 0 40px 4px;
    width: 588px;
}


.zi{
    width: 610px;
}
.zi .tempWrap{
    width: 100% !important;
}

.zi li{
    float: left;
    width: 190px !important;
    margin-right: 17px;
}

.zi li .zi-img{
    display: block;
    width: 100%;
    height: 132px;
    border: solid 1px #cccccc;
    background: #fff;
    box-sizing: border-box;
    padding: 4px;
    position: relative;
}

.zi li .zi-img img{
    display: block;
    width: 100%;
    height: 100%;
}

.zi li .zi-img:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid #da251c;
    border-left: 1px solid #da251c;
    transition: .5s;
    box-sizing: border-box;
    z-index: 1;
    opacity: 0;
}
.zi li .zi-img:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 1px solid #da251c;
    border-right: 1px solid #da251c;
    transition: .5s;
    box-sizing: border-box;
    z-index: 1;
    opacity: 0;
}

.zi li:hover .zi-img:after,
.zi li:hover .zi-img:before{
    width: 100%;
    height: 100%;
    opacity: 1;
}
.zi li .zi-name{
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    padding: 11px 5% 0;
    font-size: 14px;
    color: #666;
}

/*new*/
.new-box{
    margin: 50px 0 32px;
}

.newL{
    width: 634px;
}

.newL-tit{
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    line-height: 1;
}

.newL-tit span{
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #333333;
}
.newL-tit span:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 114px;
    height: 2px;
    background: #da251c;
}
.newL-tit a{
    font-size: 14px;
    color: #999;
    transition: .5s;
}

.newL-tit a:hover{
    color: #da251c;
    transform: translateY(-3px);
}


.newL-list{
    width: 100%;
}

.newL-list li{
    float: left;
    width: 317px;
    border-bottom: 1px dashed #ddd;
    margin-top: 45px;
    padding-bottom: 38px;
}

.newL-list li .newL-name{
    display: block;
    width: 295px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
    font-size: 14px;
    color: #333;
    transition: .5s;
}
.newL-list li:hover .newL-name{
    transform: translateX(5px);
    color: #da251c;
}

.newL-list li .newL-name i{
    color: #da251c;
}
.newL-list li p{
    width: 295px;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    overflow: hidden;
    height: 50px;
    margin-top: 14px;
}

.newR{
    width: 512px;
}

.newR-tit{
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    line-height: 1;
}
.newR-tit ul{
    font-size: 18px;
}
.newR-tit li{
    display: inline-block;
    position: relative;
    font-size: 18px;
    margin: 0 5px;
}
.newR-tit li a{
    color: #666;
}
.newR-tit li.on a{
    color: #da251c;
}
.newR-tit li:first-child:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 114px;
    height: 2px;
    background: #da251c;
}
.newR-tit .newR-mm{
    font-size: 14px;
    color: #999;
    transition: .5s;
}

.newR-tit .newR-mm:hover{
    color: #da251c;
    transform: translateY(-3px);
}



.new-top{
    width: 100%;
    height: 130px;
    margin-top: 20px;
    margin-bottom: 28px;
}
.new-top .new-tu{
    display: block;
    width: 168px;
    height: 130px;
    overflow: hidden;
}
.new-top .new-tu img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s ease-out;
}

.new-top:hover .new-tu img{
    transform: scale(1.1);
}

.new-top .new-topn{
    width: 316px;
}

.new-top .new-topn a{
    display: block;
    line-height: 1;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #da251c;
    transition: .5s;
    margin: 16px 0 20px;
}

.new-top:hover .new-topn a{
    transform: translateX(5px);
}
.new-top .new-topn p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    overflow: hidden;
    height: 70px;
}
.newR-li{
    width: 100%;
}
.newR-li li{
    width: 100%;
    line-height: 24px;
    margin-top: 10px;
}

.newR-li li a{
    display: block;
    position: relative;
    font-size: 14px;
    color: #999;
    width: 80%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    transition: .5s;
}
.newR-li li:hover a{
    transform: translateX(5px);
    color: #da251c;
}
.newR-li li a:before{
    content: '+';
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 14px;
    color: #999;
    transition: .5s;
}
.newR-li li:hover a:before{
    color: #da251c;
}
.newR-li li span{
    font-size: 14px;
    color: #999;
}


/*link*/
.link{
    width: 100%;
    margin: 0 0 37px;
}
.link .link-tit{
    margin: 0 40px 0 0;
    background: url("../images/links.png") no-repeat center;
    width: 180px;
    height: 41px;
}

.link ul{
    float: left;
    line-height: 38px;
}
.link ul li{
    float: left;
    margin-right: 34px;
    font-size: 14px;
}

.link ul li a{
    color: #666;
    display: block;
    transition: .6s;
}
.link ul li a:hover{
    color: #da251c;
    transform: translateY(-3px);
}