.header_top {
    padding: 15px 0 0 0;
    position: relative;
    z-index: 9999;
}

.header_top .phone {
    background: url(../images/h1.png) no-repeat right top;
    width: 250px;
    padding-top: 40px;
    font-size: 30px;
    color: #4badc8;
    text-align: right;
    font-weight: 600;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.header_top .header_nav {
    width: 100%;
    height: 58px;
    background: #4badc8;
    text-align: center;
    margin-top: 10px;
}

.header_top .nav>li {
    display: block;
    width: 240px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    float: left;
}

.header_top .nav>li>a {
    display: block;
    width: 100%;
    line-height: 58px;
    color: white;
    font-size: 16px;
}

.header_top .nav>li.nav01 {
    background: url(../images/h2.jpg) no-repeat left center;
}

.header_top .nav>li.hover,
.header_top .nav>li:hover {
    background: #0980a1;
}

.erji{background-color:#56c8e8;display: none;}
.erji>li{height: 38px;font-size: 14px;line-height: 38px; border-bottom: 1px dashed #ffffff }
.erji>li>a{color: #ffffff;line-height: 38px;text-align: center;display: block;margin: 0 auto}

.banner_nav {
    position: absolute;
    width: 100%;
    height: 189px;
    bottom: 0;
    left: 0;
    text-align: center;
}

.banner_nav a {
    display: inline-block;
    width: 189px;
    height: 189px;
    margin: 0 10px;
}


/*product*/

.product {
    width: 100%;
    background: url(../images/bg1.jpg) no-repeat center top;
    padding-top: 44px;
    padding-bottom: 63px;
}

.product .pro_box {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.product .proHd{margin-top: 30px;}
.product .proHd ul li{
    display: inline-block;
    width: 230px;
    height: 40px;
    border: 1px solid #B1B1B1;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    transition: all 0.3s linear 0s;
}
.product .proHd ul li span{font-size: 12px;text-transform:uppercase;}
.product .proHd ul li:hover,.product .proHd ul li.hover{
    background: #4badc8;
}
.product .proHd ul li:hover a,.product .proHd ul li.hover a{color: #fff;}

.product .proBd ul {
    margin-top: 28px;
    text-align: left;
    display: none;
}

.product .proBd ul li {
    display: inline-block;
    margin: 0 4px 7px  4px;
    background: #fff;
    width: 284px;
    border: 1px solid #bbbbbb;
    overflow: hidden;
}

.product .proBd ul li img {
    display: block;
    margin: 0 auto;
    height: 210px;
    transition: all 0.3s linear 0s;
    padding: 3px;
    
}

.advert {
    width: 100%;
    height: 220px;
    background: url(../images/s1.png) no-repeat center;
    margin-top: -25px;
}

.advert p {
    text-align: right;
    padding-top: 152px;
    font-size: 22px;
    font-weight: 800;
    color: white;
    text-shadow:2px 2px 2px #666666;
}

.good {
    width: 100%;
    background: url(../images/bg2.jpg) no-repeat center top;
    padding-bottom: 40px;
}

.good .pic {
    display: block;
    margin: 40px auto 0;
}

.good ul li {
    margin-top: 35px;
}

.good ul li .list {
    width: 720px;
    margin-top: 50px;
}

.good ul li .list .tits {
    width: 101px;
    height: 141px;
    background: url(../images/b2.png) no-repeat center;
    font-size: 60px;
    line-height: 100px;
    text-align: center;
    color: white;
}

.good ul li .list .txt {
    width: 590px;
}

.good ul li .list .txt .txt1 {
    font-size: 30px;
    color: #4badc8;
    line-height: 40px;
    padding-top: 20px;
    font-weight: 500;
}

.good ul li .list .txt .txt2 {
    font-size: 16px;
    color: #ed1f27;
    padding: 5px 0  10px 0;
}

.good ul li .list .txt .txt3 {
    padding-left: 35px;
    background: url(../images/b9.png) no-repeat left top;
    margin-top: 10px;
}

.good ul li .list .txt .txt3 p {
    line-height: 28px;
    font-size: 16px;
}

.about {
    width: 100%;
    height: 540px;
    background: url(../images/bg3.jpg) no-repeat center;
}

.about .txt {
    width: 740px;
    padding-top: 164px;
    margin-left: 40px;
}

.about .txt p {
    line-height: 30px;
    font-size: 16px;
    color: #5D5D5D;
}

.index_more {
    display: block;
    width: 134px;
    height: 36px;
    background: white;
    box-shadow: 0px 0px 5px #C5C5C5;
}

.index_more .m1 {
    width: 97px;
    height: 36px;
    background: url(../images/c2.png) no-repeat right;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #4badc8;
    font-weight: 600;
}

.index_more .m2 {
    width: 37px;
    height: 36px;
    background: url(../images/c1.png) no-repeat;
    background-position-x: -37px;
}

.index_more:hover .m1 {
    background: url(../images/c2.png) no-repeat left;
    color: white;
    animation: more1 0.5s ease-in;
}

@keyframes more1 {
    0% {
        background: url(../images/c2.png) no-repeat right;
    }
    100% {
        background: url(../images/c2.png) no-repeat left;
    }
}

.index_more:hover .m2 {
    background: url(../images/c1.png) no-repeat;
    background-position-x: 0;
    animation: more2 1s ease;
    color: #4badc8;
}

@keyframes more2 {
    0% {
        background-position-x: -37px;
    }
    50% {
        background-position-x: -37px;
    }
    95% {
        background-position-x: 0px;
    }
    97.5% {
        background-position-x: -2px;
    }
    100% {
        background-position-x: 0px;
    }
}


/*news*/

.news {
    width: 100%;
    height: 532px;
    background: url(../images/bg4.jpg) no-repeat center;
    margin-top: 40px;
}

.news .box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 48px;
}

.news .box .pic {
    display: block;
    margin: 0 auto;
}

.news .box ul {
    text-align: center;
    margin-top: 30px;
}

.news .box ul li {
    display: inline-block;
    width: 562px;
    height: auto;
    padding: 10px 5px;
    background: white;
    margin-right: 30px;
    vertical-align: top;
}

.news .box ul li .time {
    width: 108px;
    font-family: 'Times New Roman', Times, serif;
}

.news .box ul li .time .t1 {
    font-size: 36px;
    line-height: 44px;
    color: #4badc8;
}

.news .box ul li .time .t2 {
    width: 100%;
    height: 44px;
    background: #0980a1;
    color: white;
    font-size: 36px;
    line-height: 44px;
}

.news .box ul li .txt {
    width: 430px;
    text-align: left;
}

.news .box ul li .txt .txt1 {
    display: inline-block;
    width: 430px;
    height: 30px;
    line-height: 30px;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
}

.news .box ul li .txt .txt2 {
    font-size: 16px;
    margin-top: 5px;
}

.news .box ul li:hover .txt .txt1 {
    color: #4badc8;
}


/*use*/

.use {
    width: 100%;
    height: 485px;
    padding-top: 50px;
    background: url(../images/bg5.jpg) no-repeat center top;
}

.use .left {
    width: 292px;
    margin-top: 30px;
}

.use .left .txt1 {
    line-height: 28px;
    margin: 40px  0;
    font-size: 16px;
}

.use .right {
    text-align: right;
    width: 895px;
}

.use .right ul li {
    width: 184px;
    height: 442px;
    padding: 0 18px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    transition: all 0.4s linear;
}

.use .right ul li .txt1 {
    padding-top: 40px;
    font-size: 23px;
    line-height: 30px;
}

.use .right ul li .txt2 {
    margin-top: 5px;
    font-size: 12px;
}

.use .right ul li .pic {
    margin-top: 18px;
    width: 100%;
}

.use .right ul li .txt3 {
    padding-top: 20px;
}

.use .right ul li:hover {
    background: url(../images/n3.jpg) no-repeat center;
}

.use .right ul li:hover{
    color: white;
}