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: 650px;



    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;



}







/*duct-box*/



.duct-box {



    background: url("../images/duct-bg.jpg") no-repeat center;



    overflow: hidden;



    padding: 78px 0 2%;



}







.duct-tit {



    height: 234px;



    overflow: hidden;



    width: 100%;



}







.title {



    line-height: 1;



    width: 590px;



}







.title b {



    display: block;



    font-family: Arial-BoldMT;



    font-size: 58px;



    color: #999999;



    opacity: 0.2;



    line-height: .8;



}







.title h6 {



    color: #329cea;



    font-size: 26px;



    font-weight: bold;



}



.title h6 a {



    color: #329cea;



}



.title p {



    font-size: 14px;



    line-height: 38px;



    color: #999999;



    margin-top: 25px;



}











.duct-t2 {



    width: 510px;



}



.duct-nli {



    width: 100%;



}



.duct-nli li:first-child {



    margin-left: 0;



}



.duct-nli li {



    float: left;



    margin-left: 50px;



    padding-bottom: 19px;



    box-sizing: border-box;



    transition: all ease-out .5s;



    border-bottom: 3px solid transparent;



}



.duct-nli li.active {



    border-color: #329cea;



}



.duct-nli li a {



    display: block;



    font-size: 16px;



    color: #333333;



}







.duct-nli li.active a {



    color: #329cea;



    font-weight: bold;



}







.ssk {



    width: 510px;



    height: 44px;



    background-color: #f8f8f8;



    border-radius: 22px;



    border: solid 1px #f8f8f8;



    margin-top: 70px;



    position: relative;



}







.ss-text {



    width: 440px;



    height: 100%;



    background: none;



    color: #999;



    font-size: 14px;



    padding-left: 22px;



    float: left;



    box-sizing: border-box;



}







.ss-submit {



    width: 21px;



    height: 100%;



    position: absolute;



    top: 0;



    right: 42px;



    background: url(../images/ss.png) no-repeat center;



    cursor: pointer;



}







.duct {



    width: 100%;



}







.duct-nei {



    width: 97.4%;



    margin: 0 auto 0;



}







.duct-nei li:nth-child(5n+1) {



    margin-left: 0;



}







.duct-nei li {



    float: left;



    width: 23.52%;



    margin-left: 1.7%;



    margin-bottom: 35px;



    transition: .5s;



}







.duct-nei li:hover {



    transform: translateY(-3px);



}







.duct-nei li .pad {



    display: block;



    overflow: hidden;



    padding: 41.8% 0;



    position: relative;



}







.duct-nei li .pad .duct-img {



    display: block;



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 83.6%;



    overflow: hidden;



    border: solid 3px #f8f8f8;



    box-sizing: border-box;



    transition: all ease-out .5s;



}







.duct-nei li:hover .pad .duct-img {



    border-color: #329cea;



}







.duct-nei li .pad .duct-img img {



    display: block;



    width: 100%;



    height: 100%;



    transition: all ease-out .6s;



}







.duct-nei li:hover .pad .duct-img img {



    transform: scale(1.1);



}







.duct-nei li .pad .duct-nn {

    display: block;

    width: 100%;

    background: #329cea;

    height: 53px;

    position: absolute;

    bottom: 0;

    left: 0;

    box-sizing: border-box;

    z-index: 0;

}







.duct-nei li .pad .duct-nn:before {



    content: '';



    position: absolute;



    bottom: 0;



    left: 0;



    height: 100%;



    width: 0;



    z-index: -1;



    transition: all ease-out .5s;



    background: #329cea;



}







.duct-nei li:hover .pad .duct-nn:before {



    width: 100%;



}







.duct-nei li:hover .pad .duct-nn .duct-name {



    color: #fff;



}







.duct-nei li .pad .duct-nn .duct-name {

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 80%;

    color: #fff;

    box-sizing: border-box;

    padding: 0 60px 0 22px;

    line-height: 50px;

    font-size: 14px;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

}







.duct-nei li .pad .duct-nn .duct-mm {



    display: block;



    height: 100%;



    width: 30px;



    margin-right: 3%;



    box-sizing: border-box;



    background: url("../images/d-more.png") no-repeat 0 center;



}







.duct-nei li:hover .pad .duct-nn .duct-mm {



    background: url("../images/d-more2.png") no-repeat 0 center;



}











/*small-box*/



.small-box {



    background: url("../images/small-bg.jpg") no-repeat center;



    height: 310px;



    box-sizing: border-box;



    padding-top: 50px;



}







.small {



    width: 578px;



    float: right;



    color: #fff;



    line-height: 1;



}







.small b {



    display: block;



    font-size: 24px;



}



.small h6 {



    display: block;



    font-size: 18px;



    margin: 34px 0 20px;



}







.small i {



    display: block;



    font-family: ArialMT;



    font-size: 14px;



    line-height: 32px;



    color: #70baf0;



}







.small-tel {



    margin-top: 35px;



    line-height: 35px;



}







.small-tel p {



    padding-left: 45px;



    box-sizing: border-box;



    font-size: 14px;



    color: #70baf0;



    background: url("../images/tel2.png") no-repeat 0 center;



    height: 35px;



}



.small-tel p span {



    font-family: Arial-BoldMT;



    font-size: 20px;



    color: #fff;



}







.small-tel a {



    display: block;



    background: url("../images/sm-zi.png") no-repeat center;



    width: 168px;



    height: 35px;



    box-sizing: border-box;



    padding-left: 74px;



    font-size: 14px;



    color: #fff;



}







/*case-box*/



.case-box {



    background: url("../images/case-bg.jpg") no-repeat center;



    height: 1104px;



    box-sizing: border-box;



    padding-top: 70px;



}







.case-tit {



    height: 317px;



}



.case-tit .title {



    width: 603px;



}



.case-tit .title b {



    font-size: 56px;



}







.case-tit .title .tit-a {



    display: block;



    background: url("../images/tit-a.png") no-repeat center;



    width: 196px;



    height: 41px;



    line-height: 41px;



    padding-left: 36px;



    box-sizing: border-box;



    font-size: 14px;



    color: #fff;



    margin-top: 45px;



}







.case {



    width: 100%;



    position: relative;



}







.case-list {



    width: 100%;



}



.case-list li:first-child {



    margin-left: 0;



}



.case-list li {



    width: 365px;



    height: 254px;



    position: relative;



    overflow: hidden;



    float: left;



    margin-left: 52px;



    margin-bottom: 44px;



}







.case-list li .case-img,



.case-list li .case-img img {



    display: block;



    width: 100%;



    height: 100%;



}



.case-list li:hover .case-img img {



    transform: scale(1.03);



}



.case-list li .case-name {



    display: block;



    position: absolute;



    bottom: 22px;



    left: 50%;



    transform: translate(-50%);



    height: 53px;



    line-height: 53px;



    width: 80%;



    background: url("../images/cj1.png") no-repeat 90% center rgba(255, 255, 255, .8);



    padding: 0 15% 0 24px;



    box-sizing: border-box;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.case-list li:hover .case-name {



    color: #329cea;



    background: url("../images/cj2.png") no-repeat 90% center rgba(255, 255, 255, .8);



}











.case-list li:nth-child(4),



.case-list li:nth-child(5) {



    width: 582px;



    height: 347px;



    margin-left: 0;



}







.case-list li:nth-child(4) {



    margin-right: 34px;



}











.case-list li:nth-child(4) .case-name,



.case-list li:nth-child(5) .case-name {



    background: url("../images/cj3.png") no-repeat 90% center rgba(255, 255, 255, .8);



}







.case-list li:nth-child(4):hover .case-name,



.case-list li:nth-child(5):hover .case-name {



    background: url("../images/cj4.png") no-repeat 90% center rgba(255, 255, 255, .8);



}











.case-nav {



    position: absolute;



    top: -228px;



    right: 130px;



}



.case-nav li:first-child {



    margin-left: 0;



}



.case-nav li {



    float: left;



    font-family: ArialMT;



    font-size: 14px;



    color: #999;



    transition: all ease-out .5s;



    box-sizing: border-box;



    padding-bottom: 15px;



    line-height: 50px;



    height: 60px;



    margin-left: 30px;



}







.case-nav li.on {



    border-bottom: 3px solid #329cea;



    font-family: Arial-BoldMT;



    font-size: 50px;



}



.case-nav li.on a {



    color: #329cea;



}











.cl,

.cr {



    font-family: 宋体;



    font-weight: bold;



    color: #dedede;



    font-size: 25px;



    position: absolute;



    top: -216px;



    right: 0;



    transition: all ease-out .5s;



    cursor: pointer;



    line-height: 1;



}







.cl:hover,

.cr:hover {



    color: #329cea;



}







.cl {



    right: 33px;



}







/*ys-box*/



.ys-box {



    background: url("../images/ys-bg.jpg") no-repeat center;



    height: 602px;



    overflow: hidden;



}







.ys {



    width: 100%;



    position: relative;



}



.ys-text {



    width: 100%;



    height: 602px;



}



.ys-text .ys-zi {



    width: 501px;



    line-height: 1;



    padding-top: 104px;



    margin-left: 55px;



}







.ys-text .ys-zi .ys-icon {



    height: 110px;



    border-bottom: 1px solid #dedede;



}







.ys-text .ys-zi .ys-icon i {



    margin-right: 25px;



    width: 43px;



    height: 43px;



    position: relative;



    display: block;



    margin-top: 5px;



}



.ys-text .ys-zi .ys-icon i img {



    display: block;



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translate(-50%, -50%);



}



.ys-text .ys-zi .ys-icon p b {



    display: block;



    font-size: 24px;



    color: #329cea;



}



.ys-text .ys-zi .ys-icon p span {



    display: block;



    font-family: ArialMT;



    font-size: 14px;



    color: #999;



    margin-top: 10px;



    text-transform: uppercase;



}







.ys-text .ys-zi .ys-p {



    height: 139px;



    border-left: 1px solid #dedede;



    margin: 40px 0 0 33px;



    box-sizing: border-box;



    padding-top: 15px;



}







.ys-text .ys-zi .ys-p li {



    background: url("../images/ys-d.png") no-repeat 0 16px;



    padding-left: 54px;



    box-sizing: border-box;



    font-size: 14px;



    line-height: 38px;



    color: #666666;



    margin-left: -3px;



}







.ys-text .ys-tu {



    width: 960px;



    height: 602px;



    position: absolute;



    top: 0;



    right: 0;



    margin-right: -356px;



    overflow: hidden;



}







.ys-text .ys-tu img {



    display: block;



    width: 100%;



    height: 100%;



}







.ys-nav {

    height: 76px;

    background-color: #f8f8f8;

    width: 515px;

    position: absolute;

    bottom: 60px;

    left: 0;

    text-align: center;

    padding: 40px;

}



.ys-nav .hd {

    width: 550px;

    /* display:flex; */

    justify-content: space-between;

}



.ys-nav li {

    display: inline-block;

    width: 220px;

    height: 56px;

    border: solid 1px #dedede;

    line-height: 1;

    margin: 0;

    padding: 18px 0 0 15px;

    box-sizing: content-box;

    transition: all ease-out .5s;

}



.ys-nav li.on {



    background-color: #329cea;



    border-color: #329cea;



}



.ys-nav li i {



    display: block;



    background: url("../images/y-t.png") no-repeat center;



    width: 38px;



    height: 44px;



    line-height: 44px;



    text-align: center;



    font-size: 16px;



    color: #fff;



}







.ys-nav li.on i {



    background: url("../images/y-t2.png") no-repeat center;



    color: #329cea;



}







.ys-nav li p {



    margin-left: 15px;



    text-align: left;



}



.ys-nav li p b {



    display: block;



    color: #333;



    font-size: 20px;



    transition: all ease-out .5s;



}



.ys-nav li p span {



    display: block;



    color: #999;



    font-family: ArialMT;



    font-size: 13px;



    margin-top: 9px;



    transition: all ease-out .5s;



}



.ys-nav li.on p b,



.ys-nav li.on p span {



    color: #fff;



}







/*about-box*/



.about-box {



    height: 568px;



    background-color: #f8f8f8;



    box-sizing: border-box;



    padding-top: 70px;



    overflow: hidden;



}







.about-tu {



    width: 961px;



    height: 497px;



    overflow: hidden;



    position: absolute;



    top: 0;



    left: 0;



    margin-left: -356px;



}







.about-tu img {



    display: block;



    width: 100%;



    height: 100%;



}







.about {



    width: 562px;



    line-height: 1;



}



.about b {



    display: block;



    color: #999999;



    opacity: 0.2;



    font-family: Arial-BoldMT;



    font-size: 69px;



    line-height: .8;



}



.about h6 {



    font-size: 26px;



    color: #333333;



    font-weight: bold;



    margin: 34px 0 23px;



}







.about i {



    display: block;



    height: 52px;



    border-bottom: 1px solid #dedede;



    font-family: ArialMT;



    font-size: 14px;



    color: #999;



}







.about .about-p {



    font-size: 14px;



    line-height: 38px;



    color: #666666;



    height: 152px;



    overflow: hidden;



    margin-top: 35px;



}







.about-tel {



    margin-top: 35px;



    line-height: 35px;



}







.about-tel p {



    padding-left: 45px;



    box-sizing: border-box;



    font-size: 14px;



    color: #999;



    background: url("../images/tel3.png") no-repeat 0 center;



    height: 39px;



}



.about-tel p span {



    font-family: Arial-BoldMT;



    font-size: 20px;



    color: #329cea;



}







.about-tel a {



    display: block;



    background: #329cea;



    width: 130px;



    height: 39px;



    box-sizing: border-box;



    font-size: 14px;



    color: #fff;



    line-height: 39px;



    text-align: center;



}







/*new-box*/



.new-box {



    margin: 70px 0;



}







.new-nav {



    width: 100%;



    border-bottom: 1px solid #dedede;



    height: 57px;



    line-height: 57px;



}







.new-nav li {



    width: 162px;



    height: 57px;



    text-align: center;



    line-height: 1;



    transition: all ease-out .5s;



    float: left;



}



.new-nav li.on {



    background-color: #329cea;



}



.new-nav li a {



    display: block;



    font-size: 18px;



    color: #333333;



    padding: 8px 0 0;



    box-sizing: border-box;



}



.new-nav li a i {



    display: block;



    font-size: 14px;



    color: #999999;



    transition: all ease-out .5s;



    margin-top: 8px;



}







.new-nav li.on a,



.new-nav li.on a i {



    color: #fff;



}







.new-nav .new-n-more {



    font-size: 14px;



    color: #999999;



}







.new-nav .new-n-more:hover {



    color: #329cea;



    transform: translateY(-3px);



}











.new-big {



    margin-top: 60px;



    width: 100%;



}







.new-top {



    height: 253px;



    width: 100%;



}



.new-top li:first-child {



    margin-right: 22px;



}



.new-top li {



    width: 588px;



    height: 253px;



    background-color: #f8f8f8;



    float: left;



}







.new-top li .new-img {



    display: block;



    overflow: hidden;



    width: 236px;



    height: 253px;



}



.new-top li .new-img img {



    display: block;



    width: 100%;



    height: 100%;



}







.new-top li:hover .new-img img {



    transform: scale(1.03);



}



.new-top li .new-nn {



    width: 300px;



    margin-right: 24px;



    line-height: 1;



    padding-top: 35px;



}



.new-top li .new-nn .new-name {



    display: block;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: 14px;



    color: #666666;



    width: 100%;



}



.new-top li:hover .new-nn .new-name {



    transform: translateX(5px);



    color: #329cea;



}



.new-top li .new-nn span {



    display: block;



    font-family: ArialMT;



    font-size: 14px;



    color: #999;



    margin: 24px 0 18px;



}



.new-top li .new-nn i {



    display: block;



    width: 17px;



    height: 1px;



    background-color: #dedede;



    margin-bottom: 24px;



}







.new-top li .new-nn p {



    font-size: 14px;



    line-height: 32px;



    color: #999999;



    overflow: hidden;



    height: 96px;



}







.new-list {



    width: 100%;



    margin-top: 10px;



}



.new-list li:nth-child(2n+1) {



    margin-left: 0;



}



.new-list li {



    float: left;



    width: 579px;



    height: 51px;



    background: url("../images/n-xx.png") no-repeat 0 center #f8f8f8;



    margin: 19px 0 0 40px;



    line-height: 51px;



    box-sizing: border-box;



    padding: 0 23px 0 54px;



}







.new-list li a {



    display: block;



    width: 80%;



    overflow: hidden;



    -ms-text-overflow: ellipsis;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-size: 14px;



    color: #666666;



}



.new-list li:hover a {



    color: #329cea;



    transform: translateX(5px);



}



.new-list li span {



    display: block;



    font-size: 14px;



    color: #999999;



}







/*link*/







.links {



    width: 1200px;



    height: 30px;



    margin: 0 auto 55px;



    overflow: hidden;



}







.linkbt {



    font-size: 18px;



    float: left;



    color: #329cea;



    font-weight: bold;



}



.linkbt i {



    font-family: ArialMT;



    font-size: 18px;



    color: #999;



}







.linknr a {



    padding-left: 15px;



    padding-right: 15px;



    height: 30px;



    line-height: 30px;



    color: #999;



    display: block;



    float: left;



    transition: 0.5s;



}



.linknr a:hover {



    transform: translateY(-3px);



    color: #329cea;



}

.duct-nei li:nth-child(5){

    margin-left: 0;

    margin-right: 1.7%;

}