

a,img{

    transition: all ease-out .5s;

}

/*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);

}

.imgh img{

    display: block;

    width: 100%;

    height: 100%;

}

.imgh:hover img{

    transform: scale(1.1);

}





/*ÃƒÆ’Ã‚Â¦Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢Ãƒâ€šÃ‚Â®*/

.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;

}

a,img{

    transition: all ease-out .5s;

}

.one {

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    z-index: 0;

}



.one:before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;

opacity: 1;

-webkit-transform: translate(-105%, 0);

transform: translate(-105%, 0);

border-right-width: 1px;

border-right-style: solid;

/* border-right-color: rgba(255, 255, 255, 1); */

/* background-color: rgba(255, 255, 255, 0.25); */

/* z-index: -1; */
}



.one:hover:before {

    opacity: 0;

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

}

/*ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¡Ãƒâ€šÃ‚Âµbanner*/

.banner-box{

    width: 100%;

    max-height: 750px;

    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;

}

.title{

line-height: 1;

text-align: center;

/* background: url(../images/j1.png) no-repeat center; */

height: 144px;
}

.cpbj{
    background: url(../images/j2.png) no-repeat center;
    height: 554px;
    /* margin-top: -10px; */
}

/*duct-box*/

.duct-box{

background: url("../images/duct-bg.jpg") no-repeat center;

height: 868px;

box-sizing: border-box;

padding-top: 50px;
}

.duct-nav{

text-align: center;

/* margin: 50px 0 0; */
}



.duct-nav li{

    display: inline-block;

    background: url("../images/dn-li.png") no-repeat center;

    width: 137px;

    height: 48px;

    margin: 0 32px;

    transition: all ease-out .5s;

    line-height: 48px;

}



.duct-nav li a{

    display: block;

    font-size: 16px;

    color: #666;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    box-sizing: border-box;

    padding: 0 10px;

}

.duct-nav li:hover {

    background: url("../images/dn-li2.png") no-repeat center;

}

.duct-nav li:hover a{

    color: #b8191d;

}



.duct-list{

/* margin-top: 10px; */

width: 100%;

text-align: center;

margin-left: 20px;
}

.duct-list li:nth-child(4n+1){

    margin-left: 0;

}

.duct-list li{

float: left;

/* margin: 40px 0 0 20px; */

/* background: url("../images/d-li.png") no-repeat center; */

width: 266px;

/* height: 290px; */

/* transition: all ease-out .5s; */

/* padding: 14px; */

box-sizing: border-box;
}



.duct-list li:hover{

transform: translateY(-5px);

/* background: url("../images/d-li2.png") no-repeat center; */
}

.duct-list li .duct-img{

display: block;

width: 100%;

/* height: 212px; */

overflow: hidden;
}

.duct-list li .duct-img img{

/* display: block; */

/* width: 100%; */

/* height: 100%; */
}

.duct-list li:hover .duct-img img{

    transform: scale(1.03);

}



.duct-list li .duct-name{

    display: block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    background: url("../images/d-j.png") no-repeat 256px center #f3f3f3;

    font-size: 14px;

    color: #666666;

    box-sizing: border-box;

    padding: 0 35px 0 15px;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    margin-top: 10px;

    white-space: nowrap;

}



.duct-list li:hover .duct-name{

    background: url("../images/d-j2.png") no-repeat 256px center #b8191d;

    color: #fff;

}





/*form-box*/

.form-box{

    background: url("../images/form-bg.jpg") no-repeat center;

    height: 472px;

}



.form{

    width: 570px;

    padding-top: 86px;

    margin-right: 290px;

}



.form-tit{

    background: url("../images/liuyan.png") no-repeat center;

    width: 249px;

    height: 30px;

    margin-bottom: 30px;

}





.webq_bottom_r {

    position: relative;

    width: 100%;

}



.webq_bottom_d1 span{

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 50px;

    background: url(../images/ly_d1.png) no-repeat center;

}



.webq_bottom_d2 span{

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 50px;

    background: url(../images/ly_d2.png) no-repeat center;

}



.webq_bottom_d3 span{

    position: absolute;

    top: 0;

    left: 0;

    height: 45px;

    width: 50px;

    background: url(../images/ly_d3.png) no-repeat center;

}







.webq_bottom_r1 {

    margin-top: 16px;

    padding: 6px 5px 5px 50px;

    box-sizing: border-box;

    float: left;

    background: url("../images/f2.png") no-repeat center;

    width: 570px;

    height: 82px;

    position: relative;

}



.webq_bottom_r3 {

    float: left;

}



.webq_bottom_r3_1 {

    width: 280px;

    height: 44px;

    background: url("../images/f1.png") no-repeat center;

    float: left;

    line-height: 44px;

    padding: 0 6px 0 50px;

    box-sizing: border-box;

    position: relative;

}



.webq_bottom_rml {

    margin-left: 10px;

}





.webq_bottom_r4 {

    height: 37px;

    float: right;

    width: 81px;

    background: #fff;

}



.webq_bd_1 {

    width: 100%;

    height: 100%;

    border: 0;

    background: none;

    line-height: 34px;

    color: #fff;

}



.webq_bd_2 {

    width: 100%;

    height: 44px;

    line-height: 44px;

    border: 0;

    background: none;

    color: #fff;

    display: block;

}



.webq_yan {

    margin-top: 10px;

    float: left;

    height: 38px;

}



.webq_yan input {

    box-sizing: border-box;

    padding-left: 24px;

    font-size: 14px;

    color: #fff;

    float: left;

    margin-left: 10px;

    background: url("../images/f3.png") no-repeat center;

    width: 470px;

    height: 44px;

}



.webq_yan .web_yanimg {

    width: 90px;

    height: 36px;

    overflow: hidden;

    float: left;

}



.webq_yan .web_yanimg img {

    display: block;

    width: 100%;

    height: 100%;

}



.webq_bd_go {

    display: block;

    background: url("../images/tj.jpg") no-repeat center;

    width: 570px;

    height: 42px;

    cursor: pointer;

    float: right;

    color: #b8191d;

    line-height: 42px;

    font-size: 16px;

    box-sizing: border-box;

    border: none;

    text-align: center;

    margin-top: 20px;

}





.webq_bottom_r input::-webkit-input-placeholder {

    color: #fff;

}



.webq_bottom_r input::-moz-placeholder {

    color: #fff;

}



.webq_bottom_r input:-moz-placeholder {

    color: #fff;

}



.webq_bottom_r input:-ms-input-placeholder {

    color: #fff;

}



.webq_bottom_r textarea::-webkit-input-placeholder {

    color: #fff;

}



.webq_bottom_r textarea::-moz-placeholder {

    color: #fff;

}



.webq_bottom_r textarea:-moz-placeholder {

    color: #fff;

}



.webq_bottom_r textarea:-ms-input-placeholder {

    color: #fff;

}



/*ys*/

.ys-box{

background: url("../images/duct-bg.jpg") no-repeat center;

height: 956px;

box-sizing: border-box;

padding-top: 69px;
}



.ys{

    margin-top: 102px;

    width: 100%;

    position: relative;

}

.ys li:first-child{

    margin-left: 48px;

}

.ys li{

    position: relative;

    background: url("../images/ys-libg.jpg") no-repeat center;

    width: 160px;

    height: 420px;

    float: left;

    margin-left: 102px;

    z-index: 0;

}



.ys li .ys-num{

    background: url("../images/y-1.png") no-repeat center;

    width: 91px;

    height: 88px;

    text-align: center;

    line-height: 88px;

    font-size: 36px;

    color: #333333;

    font-weight: bold;

    font-family: ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ;

    top: -44px;

    left: -49px;

    position: absolute;

    transition: all ease-out .5s;

}



.ys li:hover .ys-num{

    background: url("../images/y-2.png") no-repeat center;

    color: #b8191d;

    transform: rotate(360deg);

}



.ys li .ys-text{

    width: 135px;

    height: 396px;

    margin: 12px auto 0;

    line-height: 1;

    box-sizing: border-box;

    padding: 27px 30px 0 0;

    transition: all ease-out .5s;

}

.ys li:hover .ys-text{

    opacity: 0;

}

.ys li .ys-text h6{

    writing-mode: vertical-lr;/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»Ãƒâ€¦Ã‚Â½ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â³ ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»Ãƒâ€¦Ã‚Â½ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¯ writing-mode: vertical-rl;*/

    writing-mode: tb-lr;/*IEÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚ÂµÃƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â§Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â§Ãƒâ€¦Ã‚Â¡ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»Ãƒâ€¦Ã‚Â½ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â³ ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»Ãƒâ€¦Ã‚Â½ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â³ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‹Å“ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¦Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¯ writing-mode: tb-rlÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¼ÃƒÂ¢Ã¢â€šÂ¬Ã‚Âº*/

    font-size: 18px;

    letter-spacing: 4px;

    color: #444444;

    margin-left: 15px;

}

.ys li .ys-text p{

    writing-mode: tb-lr;

    writing-mode: vertical-lr;

    height: 335px;

    font-size: 14px;

    color: #999999;

    line-height: 24px;

}



.ys li .ys-tu{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 135px;

    height: 396px;

    transition: all ease-out .5s;

    writing-mode: tb-lr;

    writing-mode: vertical-lr;

    color: #fff;

    font-size: 18px;

    text-align: center;

    line-height: 1;

    z-index: -1;

    letter-spacing: 4px;

    opacity: 0;

}

.ys li .ys-tu i{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.ys li:hover .ys-tu{

     opacity: 1;

 }

.ys .y1 .ys-tu{

    background: url("../images/y1.png") no-repeat center;

}

.ys .y2 .ys-tu{

    background: url("../images/y2.png") no-repeat center;

}

.ys .y3 .ys-tu{

    background: url("../images/y3.png") no-repeat center;

}

.ys .y4 .ys-tu{

    background: url("../images/y4.png") no-repeat center;

}

.ys .y5 .ys-tu{

    background: url("../images/y5.png") no-repeat center;

}



.ys .y2,

.ys .y4{

    margin-top: 60px;

}





.ys-tel{

    width: 597px;

    margin: 70px auto 0;

}

.ys-tel p{

    background: url("../images/tel3.png") no-repeat 0 center;

    padding-left: 45px;

    box-sizing: border-box;

    font-size: 30px;

    color: #b8191d;

    line-height: 37px;

    font-family: ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ;

    font-weight: bold;

}

.ys-tel p i{

    font-size: 24px;

    color: #333;

    float: left;

}



.ys-tel a{

    display: block;

    color: #ffffff;

    font-size: 16px;

    background: #b8191d;

    text-align: center;

    width: 147px;

    height: 37px;

    border-radius: 19px;

    line-height: 37px;

}



/*about-box*/

.about-box{

background: url("../images/duct-bg.jpg") no-repeat center;

/* height: 1083px; */

box-sizing: border-box;

/* padding-top: 104px; */
}



.about{

/* margin-top: 50px; */

background: url(../images/j2.png) no-repeat center;
}

.aboutL{

width: 696px;

line-height: 1;

padding-top: 43px;

margin-left: 50px;
}

.about-name{

font-size: 24px;

letter-spacing: 3px;

color: #333333;

font-family: ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â®ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ;

font-weight: bold;
}



.aboutL p{

/* overflow: hidden; */

font-size: 16px;

line-height: 34px;

color: #666666;

height: 150px;

margin: 35px 0 55px;
}

.aboutL a{

/* display: block; */

/* font-size: 14px; */

/* color: #666666; */

/* width: 164px; */

/* height: 42px; */

/* border: solid 1px #cccccc; */

/* line-height: 42px; */

/* text-align: center; */
}



.aboutL a:hover{

/* color: #fff; */

/* background: #b8191d; */

/* border-color: #b8191d; */
}



.aboutR{

width: 470px;

height: 448px;

overflow: hidden;

margin-right: 30px;
}

.aboutR img{

    display: block;

    width: 100%;

    height: 100%;

}

.about-zi{

    position: relative;

    width: 100%;

}

.about-zi .slideGroup {

    width: 100%;

}



.about-zi .slideGroup .parHd {

    width: 100%;

    position: absolute;

    top: -113px;

    left: 0;

}



.about-zi .slideGroup .parHd ul li {

    cursor: pointer;

    color: #fff;

    float: left;

    position: relative;

    z-index: 0;

    background: url("../images/a-zi.png") no-repeat center;

    width: 199px;

    height: 53px;

    line-height: 53px;

    padding-left: 31px;

    box-sizing: border-box;

    font-size: 16px;

    margin-right: 56px;

}

.about-zi .slideGroup .parHd ul li.on{

    background: url("../images/z-zi2.png") no-repeat center;

}

.about-zi .slideGroup .parHd ul li a{

    display: block;

    color: #fff;

}





.about-zi .slideGroup .parBd .slideBox {

    position: relative;

    width: 985px;

    margin-top: 49px;

}



.tempWrap {

    width: 100% !important;

}



.about-zi .slideGroup .parBd ul {

    overflow: hidden;

    zoom: 1;

}



.about-zi .slideGroup .parBd ul li {

    width: 310px;

    margin-right: 25px;

    overflow: hidden;

    text-align: center;

    float: left;

    position: relative;



}

.about-zi .slideGroup .parBd ul li .img:hover{

    background: url("../images/a-zik2.png") no-repeat center;

}

.about-zi .slideGroup .parBd ul li .img {

    width: 310px;

    height: 221px;

    box-sizing: border-box;

    padding: 14px;

    overflow: hidden;

    background: url("../images/a-zik.png") no-repeat center;

    transition: all ease-out .5s;

    display: block;

}



.about-zi .slideGroup .parBd ul li .img img {

    width: 100%;

    height: 100%;

    display: block;

}



.about-zi .slideGroup .parBd ul li .name {

    display: block;

    width: 100%;

    box-sizing: border-box;

    padding: 0 25px;

    height: 35px;

    line-height: 35px;

    font-size: 14px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.about-zi .slideGroup .parBd ul li:hover .name {

    color: #b8191d;

}



.zl{

    cursor: pointer;

    transition: all ease-out .5s;

    background: url("../images/zl.png") no-repeat center;

    width: 67px;

    height: 66px;

    position: absolute;

    top: 72px;

    right: -90px;

}

.zr{

    cursor: pointer;

    transition: all ease-out .5s;

    background: url("../images/zr2.png") no-repeat center;

    width: 67px;

    height: 66px;

    position: absolute;

    top: 72px;

    right: -180px;

}

.zl:hover{

    background: url("../images/zl2.png") no-repeat center;

}

.zr:hover{

    background: url("../images/zr.png") no-repeat center;

}



/*new-box*/

.new-box{

background: url("../images/duct-bg.jpg") no-repeat center;

height: 750px;

padding-top: 60px;

box-sizing: border-box;
}





.new-desc{

/* margin-top: 65px; */

background: url(../images/j2.png) no-repeat center;

/* margin-top: -15px; */

height: 426px;

padding-top: 10px;
}

.new-nav{

    text-align: center;

    line-height: 48px;

}

.new-nav li{

    display: inline-block;

    margin: 0 60px;

    background: url("../images/nn-1.png") no-repeat center;

    width: 177px;

    height: 48px;

    transition: all ease-out .5s;

    text-align: left;

}



.new-nav li a{

    display: block;

    width: 100%;

    box-sizing: border-box;

    padding-left: 70px;

    font-size: 18px;

    color: #333333;

}

.new-nav li.on a{

    color: #b8191d;

}

.new-nav li.on{

    background: url("../images/nn-2.png") no-repeat center;

}

.new-nav li:nth-child(1) a{

    background: url("../images/n1.png") no-repeat 36px center;

}

.new-nav li:nth-child(1).on a{

    background: url("../images/n11.png") no-repeat 36px center;

}



.new-nav li:nth-child(2) a{

    background: url("../images/n2.png") no-repeat 36px center;

}

.new-nav li:nth-child(2).on a{

    background: url("../images/n22.png") no-repeat 36px center;

}



.new-nav li:nth-child(3) a{

    background: url("../images/n3.png") no-repeat 36px center;

}

.new-nav li:nth-child(3).on a{

    background: url("../images/n33.png") no-repeat 36px center;

}





.new{

margin-top: 50px;

width: 98%;

display: block;

margin: auto;
}



.newL{

    width: 650px;

}



.newL-top{

    width: 100%;

}



.newL-top .newL-1 .newL-time{

    display: block;

    background: url("../images/newL-bg.jpg") no-repeat center;

    width: 258px;

    height: 172px;

    overflow: hidden;

    color: #fff;

    font-family: ArialMT;

    font-size: 30px;

    line-height: 172px;

    text-align: center;

}

.newL-top .newL-1 .newL-time b{

    font-family: Arial-BoldMT;

    font-size: 64px;

}



.newL-top .newL-1 .newL-tu{

    display: block;

    width: 392px;

    height: 172px;

    overflow: hidden;

}



.newL-top .newL-1 .newL-tu img{

    display: block;

    width: 100%;

    height: 100%;

}

.newL-top:hover .newL-1 .newL-tu img{

    transform: scale(1.03);

}



.newL-top .newL-2{

    width: 100%;

    line-height: 1;

    margin-top: 30px;

}



.newL-top .newL-2 a{

    display: block;

    width: 100%;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #333;

}

.newL-top:hover .newL-2 a{

    transform: translateY(-3px);

    color: #b8191d;

}

.newL-top .newL-2 p{

    overflow: hidden;

    font-size: 14px;

    color: #666666;

    line-height: 24px;

    height: 48px;

    margin-top: 20px;

}



.newL .newL-list{

    width: 100%;

    margin-top: 40px;

}

.newL-list li{

    width: 100%;

    border-bottom: 1px solid #ddd;

    line-height: 70px;

    transition: all ease-out .5s;

}



.newL-list li:hover{

    border-color: #b8191d;

}

.newL-list li a{

    display: block;

    width: 75%;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #666;

    padding-left: 29px;

    background: url("../images/n-d.png") no-repeat 10px center;

}

.newL-list li:hover a{

    color: #b8191d;

    transform: translateX(5px);

    background: url("../images/n-d2.png") no-repeat 10px center;

}

.newL-list li span{

    display: block;

    font-size: 14px;

    color: #999;

    margin-right: 10px;

}

.newR{

width: 595px;
}



.newR .newL-list{

    margin-top: 10px;

}



.newR-top{

width: 100%;

height: 172px;

background-color: #ffffff;

float: left;

display: block;
}



.newR-top .newR-time{

    width: 189px;

    box-sizing: border-box;

    padding: 44px 0 0 39px;

    line-height: 1;

}



.newR-top .newR-time span{

    display: block;

    font-family: ArialMT;

    font-size: 30px;

    color: #333;

}

.newR-top .newR-time a{

    display: block;

    background: url("../images/n-jt.png") no-repeat center;

    width: 40px;

    height: 40px;

    margin-top: 27px;

}

.newR-top .newR-text{

    width: 366px;

    padding-top: 46px;

    line-height: 1;

}

.newR-top .newR-text a{

    display: block;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;

    color: #333333;

}

.newR-top .newR-text p{

    font-size: 14px;

    line-height: 24px;

    color: #666666;

    overflow: hidden;

    margin-top: 25px;

    height: 48px;

}

.newR-top:hover .newR-text a{

    transform: translateY(-3px);

    color: #b8191d;

}



/*link*/

.link{

    margin-top: 50px;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

}



.link p{

    height: 20px;

    border-right: 1px solid #999;

    color: #333333;

    font-size: 16px;

    width: 84px;

}

.link .link-li{

    width: 93%;

}

.link .link-li a{

    display: inline-block;

    font-size: 14px;

    color: #666;

    margin-left: 30px;

    position: relative;

}

.link .link-li a:before{

    content: '';

    position: absolute;

    top: 10px;

    left: -20px;

    width: 2px;

    height: 2px;

    background-color: #999999;

    border-radius: 1px;

}

.link .link-li a:hover{

    color: #b8191d;

}
.new li{
    float: left;
    width: 430px;
    margin: 10px;
    transition: all .5s ease;
}
.new li:hover{
    margin-top: -10px;
    transition: all .5s ease;
}
.news1{
}
.news1 img{
}
.news2{
    background: url(../images/xw2.png) no-repeat center;
    display: block;
    text-align: center;
}
.news2 img{
    margin-top: 28px;
}
.news2 h1{
    font-size: 18px;
    text-align: left;
    margin: 10px 28px;
    font-weight: bold;
}
.news2 p{
    text-align: left;
    /* width: 360px; */
    margin: 10px 30px;
}
.news2 span{
    text-align: left;
    display: block;
    margin-left: 30px;
    color: #954e0e;
}
.news3{}
.news3 img{}