/*首页banner*/
.pics_wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.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;
}

/*duct*/
.product {
    width: 1180px;
    margin: 73px auto 111px;
    overflow: hidden;
}

.product .productbox {
    width: 1180px;
}

.product .productbox .leftmenubox {
    width: 268px;
    float: left;
    overflow: hidden;
}

.product .productbox .leftmenubox .menutitlebox {
    background: url("../images/duct-tit2_09.jpg") center top;
    width: 268px;
    height: 130px;
}

.product .productbox .leftmenubox .menutitlebox h4 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding-top: 39px;
    margin-left: 104px;
}

.product .productbox .leftmenubox .menutitlebox p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 104px;
}

.product .productbox .leftmenubox .menumain {
    width: 268px;
}

.product .productbox .leftmenubox .menumain .proclass {
    width: 100%;
}

.product .productbox .leftmenubox .menumain .proclass .ddbox {
    display: none;
}

.product .productbox .leftmenubox .menumain .proclass dd {
    position: relative;
    width: 100%;
    height: 60px;
    border: 1px dashed #d2d2d2;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 60px;
    margin-top: 10px;
}

.product .productbox .leftmenubox .menumain .proclass dd::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -3px;
    width: 0;
    height: 58px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border: 1px dashed #154c8e;
}

.product .productbox .leftmenubox .menumain .proclass dd a {
    color: #000;
    line-height: 60px;
    display: block;
    width: 73%;
    margin: 0 auto;
}

.product .productbox .leftmenubox .menumain .proclass dd a p {
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product .productbox .leftmenubox .menumain .proclass dd a span {
    float: right;
    background: url("../images/duct-img1.png") no-repeat center;
    width: 18px;
    height: 18px;
    margin-top: 22px;
    transition: all .6s;
    display: block;
}

.product .productbox .leftmenubox .menumain .proclass dd:hover a span {
    background: url("../images/duct-img2.png") no-repeat center;
}

.product .productbox .leftmenubox .menumain .proclass dd a:hover {
    color: #0143a4;
}

.product .productbox .leftmenubox .menumain .proclass dd:hover::after {
    width: 100%;
    left: -1px;
}

.product .productbox .leftmenubox .menumain .proclass dd:hover a {
    color: #0143a4;
}

.product .productbox .rightpromain {
    width: 880px;
    height: 620px;
    float: right;
}

.product .productbox .rightpromain .productlist {
    position: relative;
    width: 100%;
    height: auto;
}

.product .productbox .rightpromain .productlist li {
    position: relative;
    float: left;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    overflow: hidden;
}

.product .productlist li .imgbox {
    width: 100%;
    height: 100%;
}

.product .productlist li .imgbox img {
    width: 100%;
    height: 100%;
}


.product .productlist .duct-one {
    width: 428px;
    height: 319px;
    margin-bottom: 27px
}

.product .productlist .duct-one:first-child {
    margin-right: 24px
}

.product .productlist .duct-two {
    width: 281px;
    height: 274px;
    margin-right: 18px
}

.product .productlist .duct-two:last-child {
    margin-right: 0
}


.product .productbox .rightpromain .productlist li .proname {
    width: 281px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: -70px;
    right: 0;
    background: #1b5498;
    font-size: 16px;
    transition: all .6s;
}

.product .productbox .rightpromain .productlist li .proname p {
    width: 182px;
    height: 50px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product .productbox .rightpromain .productlist li .proname span {
    width: 99px;
    height: 50px;
    color: #fff;
    text-align: center;
    display: block;
    background: #ee7000;
}

.product .productbox .rightpromain .productlist li:hover .proname {
    bottom: 20px;
}

.searline {
    width: 601px;
    height: 1px;
    background-color: #e5e5e5;
}

.duct_tell {
    width: 100%;
    background: url("../images/duct-tell_12.jpg") no-repeat center;
    height: 131px;
    margin-top: 10px;
}

.duct_tell h6 {
    font-size: 16px;
    color: #000;
    padding: 20px 0 10px 37px;
}

.duct_tell p {
    font-size: 18px;
    color: #fff;
    padding: 0 0 0 37px;
    line-height: 20px;
}

.duct_bg {
    background: url("../images/duct-tit_05.jpg") no-repeat center;
    width: 672px;
    height: 98px;
    margin: 0 auto 44px;
    text-align: center;
    line-height: 98px;
    color: #154c8e;
    font-size: 42px;
    font-weight: bold;
}

/*ys*/
.zzBox {
    width: 100%;
    background: url("../images/ys_bg_18.jpg") no-repeat center;
    height: 695px;
}

.zz {
    width: 1180px;
    margin: 0 auto
}

.zz_lun {
    width: 100%
}

.zz_lun .picFocus {
    width: 100%;
    position: relative;
    zoom: 1;
}

.zz_lun .picFocus .hd {
    width: 100%;
    overflow: hidden;
}

.zz_lun .picFocus .hd ul {
    overflow: hidden;
    zoom: 1;
}

.zz_lun .picFocus .hd ul li {
    float: left;
    text-align: center;
    width: 162px;
    height: 77px;
    box-sizing: border-box;
    border-bottom: solid 2px #313131;
    margin-left: 150px;
}

.zz_lun .picFocus .hd ul li:first-child {
    margin-left: 80px;
}

.zz_lun .picFocus .hd ul li p {
    color: #000;
    font-size: 18px
}

.zz_lun .picFocus .hd ul li .hd_img {
    display: block;
    margin: 0 0 15px;
}


.zz_lun .picFocus .hd ul li.on {
    border-color: #1b5498;
}

.zz_lun .picFocus .hd ul li.on p {
    color: #1b5498;
}


.zz_lun .picFocus .bd {
    margin: 195px 0 142px;
    width: 550px;
}

.zz_lun .picFocus .bd li {
    vertical-align: middle;
    width: 549px;
    height: 203px;
    position: relative;

}

.zz_lun .picFocus .bd li .bd_l {
    float: left;
    width: 100%;
    height: 100%;
}

.zz_lun .picFocus .bd li .bd_l h3 span {
    font-size: 42px;
    color: #9b9b9b;
    display: block;
    float: left;
    margin: -18px 10px 0 0;
}

.zz_lun .picFocus .bd li .bd_l h3 {
    font-size: 22px;
    color: #154c8e;
    margin: 20px 0 0 19px;
}

.zz_lun .picFocus .bd li .bd_l p {
    font-size: 16px;
    color: #000;
    width: 496px;
    height: 108px;
    overflow: hidden;
    margin: 0 auto;
    line-height: 38px;
}

.web_title {
    margin-left: 285px;
}

.web_title h3 {
    font-size: 50px;
    color: #ee7000;
    font-weight: bold;
}

.web_title h3 span {
    font-size: 40px;
    color: #000;
    margin: 0 10px;
    font-weight: normal;
}

/*case*/
.caseBox {
    width: 1180px;
    margin: 100px auto 115px;
}

.case_bg {
    background: url("../images/case_tit_25.jpg") no-repeat center;
    width: 717px;
    height: 98px;
    margin: 0 auto 44px;
    text-align: center;
    line-height: 98px;
    color: #154c8e;
    font-size: 42px;
    font-weight: bold;
}

.case {
    width: 100%;
    margin: 75px 0 0;
}

.ccBox {
    width: 1180px;
    margin: 0 auto;
    cursor: url(../images/curpo.png), default;
    height: 360px;
}

.case-slide {
    width: 275px;
    height: 337px;
    border: 1px solid #d2d2d2;
    transition: all .6s;
    margin-top: 20px;
    box-sizing: border-box;
}

.case-slide:hover {
    background: #1b5498;
    margin-top: -5px;
}

.case-slide:hover .case_name {
    color: #fff;
}

.case-slide .case_name {
    text-align: center;
    font-size: 18px;
    color: #000;
    padding-top: 22px;
    transition: all .6s;
    display: block;
    width: 192px;
    margin: 0 auto;
}

.case-slide .case_name p {
    width: 83%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case-slide .zz-bing {
    width: 104px;
    height: 32px;
    border: solid 1px #313131;
    line-height: 32px;
    margin: 25px auto 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .6s;
    font-size: 14px;
    text-align: center;
}

.case-slide:hover .zz-bing {
    border-radius: 12px;
    border-color: #fff;
    color: #fff;
}


.case-slide img {
    width: 236px;
    height: 182px;
    display: block;;
    margin: 23px auto 0;
}

/*liu*/
.web_liu {
    width: 100%
}

.web_liu h3 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.web_liu h5 {
    font-size: 20px;
    color: #262626;
    text-align: center;
}

.web_liu h3 span {
    color: #ee7000;
    padding-left: 10px;
}

.liuBox {
    width: 100%;
    background: url("../images/liu_28.jpg") center no-repeat;
    height: 358px;
    margin: 80px 0 92px;
}

.liu {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.liu li {
    width: 110px;
    height: 110px;
    border: solid 1px #154c8e;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50%;
    float: left;
    position: absolute;
    transition: all .6s;
}

.liu li:hover {
    background: #1b5498;
}

.liu li h6 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.liu li p {
    font-size: 18px;
    color: #000;
}

.liu li:hover h6 {
    color: #fff;
}

.liu li:hover p {
    color: #fff;
}

.liu .liu-1 {
    top: 0;
    left: 25px
}

.liu .liu-3 {
    top: 0;
    left: 318px
}

.liu .liu-5 {
    top: 0;
    right: 459px
}

.liu .liu-7 {
    top: 0;
    right: 164px
}

.liu .liu-2 {
    top: 62px;
    left: 170px;
}

.liu .liu-4 {
    top: 62px;
    left: 467px;
}

.liu .liu-6 {
    top: 62px;
    right: 310px;
}

.liu .liu-8 {
    top: 62px;
    right: 25px;
}

/*env*/
.envBox {
    width: 1180px;
    margin: 0 auto;
}

.env_bg {
    background: url("../images/jian_31.jpg") center no-repeat;
    width: 549px;
    height: 98px;
    margin: 0 auto 70px;
    text-align: center;
    line-height: 98px;
    font-weight: bold;
    font-size: 42px;
    color: #154c8e;
}

.env {
    width: 1180px;
    margin: 0 auto;
    cursor: url(../images/curpo.png), default;
    height: 285px;
}

.env-slide {
    width: 375px;
    height: 296px;
}

.env-slide .env_tou {
    width: 112px;
    height: 112px;
    background-color: #1b5498;
    border-radius: 50%;
    margin-left: 24px;
    overflow: hidden;
}

.env-slide .env_tou img {
    width: 100%;
    height: 100%;
}

.env-slide:hover .env_text {
    border-color: #1b5498;
}

.env-slide:hover .env_text h6 {
    color: #1b5498;
}

.env-slide .env_text {
    width: 375px;
    height: 229px;
    background: #f4f4f4;
    margin: -50px 0 0 0;
    box-sizing: border-box;
    transition: all .6s;
    border: 1px solid #f4f4f4;
}

.env-slide .env_text h6 {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 40px 0 30px 141px;
    font-size: 18px;
    color: #000;
}

.env-slide .env_text p {
    width: 305px;
    overflow: hidden;
    font-size: 16px;
    color: #292929;
    line-height: 36px;
    margin: 0 auto;
    height: 108px;
}

/*about*/
.aboutBox {
    width: 100%;
    background: url("../images/about_bg_34.jpg") no-repeat center;
    height: 618px;
}

.about {
    width: 1180px;
    margin: 97px auto 90px;
    height: 100%;
}

.aboutL {
    width: 471px;
    margin-top: 65px;
}

.aboutL h3 {
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

.aboutL h3 span {
    color: #1b5498;
}

.aboutL h5 {
    font-size: 16px;
    color: #000;
    width: 100%;
    overflow: hidden;
    line-height: 46px;
    height: 185px;
    margin: 60px 0 55px;
}

.aboutL li {
    width: 96px;
    height: 96px;
    border: 1px solid #1b5498;
    box-sizing: border-box;
    float: left;
    margin-left: 28px;
    transition: all .6s;
}

.aboutL li:hover {
    background: #1b5498;
}

.aboutL li:first-child {
    margin-left: 0
}

.aboutL li:hover a {
    color: #fff;
}

.aboutL li a {
    display: block;
    margin: 17px auto;
    width: 40px;
    text-align: center;
    font-size: 20px;
    color: #000;
    transition: all .6s;
}

.aboutL .aboutL_more {
    width: 72px;
    height: 36px;
    background-color: #1b5498;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    margin-top: 45px;
    transition: all .6s;
}

.aboutL .aboutL_more:hover {
    margin-right: 10px;
}

.aboutR {
    width: 480px;
    margin-top: 92px;
}

.aboutR h3 {
    font-size: 26px;
    color: #fff;
}

.aboutR_b {
    width: 474px;
    height: 374px;
    background: #fff;
    margin-top: 60px;
}

.aboutR_b ul {
    width: 415px;
    margin: 0 auto;
    padding-top: 18px;
}

.aboutR_b li {
    width: 100%;
    line-height: 48px;
}

.aboutR_b li .about_li {
    width: 75%;
}

.aboutR_b li .about_li span {
    width: 6px;
    height: 6px;
    border: solid 2px #b5b5b5;
    border-radius: 50%;
    margin: 20px 10px 0 0;
}

.aboutR_b li .about_li h6 {
    font-size: 16px;
    color: #000;
    transition: all .6s;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 93%;
}

.aboutR_b li p {
    font-size: 16px;
    color: #818181;
    transition: all .6s;
}

.aboutR_b li:hover p {
    color: #1b5498;
}

.aboutR_b li:hover .about_li h6 {
    color: #1b5498;
}

/*new*/
.newBox {
    width: 1180px;
    margin: 90px auto;
}

.new_bg {
    background: url("../images/news_07.jpg") no-repeat center;
    width: 790px;
    height: 98px;
    margin: 0 auto 75px;
    text-align: center;
    line-height: 98px;
    font-size: 42px;
    font-weight: bold;
    color: #1b5498;
}

.new {
    width: 100%;
}

.newl {
    width: 565px;
    transition: all .6s;
}

.newl .newl_img {
    width: 100%;
    height: 323px;
    display: block
}

.newl img {
    width: 100%;
    height: 100%;
}

.newl_tit {
    display: block;
    width: 100%;
    height: 66px;
    line-height: 66px;
    color: #fff;
    background: #1b5498;
}
.newl_tit p{
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 20px;
    transition: all .6s;
}
.newl:hover .newl_tit p{
    margin-left: 30px;
}
.newl_tit span{
    margin-right: 20px;
}

.newr{
    width: 565px;
}
.newr li{
    width: 100%;
    height: 55px;
    background: #eeeeee;
    margin-top: 25px;
    transition: all .6s;
    padding: 29px 0 29px;
}
.newr li:first-child{
    margin-top: 0;
}
.newr li:hover{
    background: #1b5498;
    box-shadow: 0 2px 12px 1px rgba(0,0,0,.5);
}
.newr li:hover .newr_l h5{
    color: #fff;
}
.newr li:hover .newr_l h6{
    color: #fff;
}
.newr li:hover .newr_r .newr_name{
    color: #fff;
}
.newr li:hover .newr_r p{
    color: #fff;
}
.newr_l{
    width: 62px;
    height: 58px;
    padding-right: 14px;
    border-right: 1px solid #dcdcdc;
    margin:0 15px;
    text-align: center;
    transition: all .6s;
}
.newr_l h5{
    font-size: 32px;
    color: #1b5498;
    font-weight: bold;
    line-height: 38px;
    transition: all .6s;
}
.newr_l h6{
    font-size: 16px;
    color: #6a6a6a;
    transition: all .6s;
}
.newr_r{
    width: 437px;
    transition: all .6s;
}
.newr_r .newr_name{
    display: block;
    font-size: 18px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    transition: all .6s;
}
.newr_r p{
    font-size: 16px;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .6s;
}