.more{

    color: #666;

    position: relative;

}

.more:after{

    content: '';

    position: absolute;

    left:-60px;

    top:50%;

    width: 50px;

    height: 2px;

    background: #666;

}



.more:hover{

    color: #25982b;

}

.more:hover:after{

    background: #25982b;

}



/*幻灯片*/

.slide img{

   width: 100%;

    height: auto;



}

.fp-slidesNav ul{

    text-align: center;

}

/*产品*/

.pro-box{

    background: #ddd;

}

.products{

    height: 80%;

    position: relative;

}



.pro-nav{

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 37%,transparent);

    width: 34%;

    height: 100%;

    /*border: 1px solid red;*/

    padding-left: 50px;

    position:relative;

}

.pro-navtop{

    /*border-bottom:3px solid #164b3b;*/

    padding: 40px 40px 20px 0;

}

.pro-navtop span{

    font-size: 16px;

    color: #666;

    letter-spacing: 20px;

}

hr{

    position: absolute;

    left: 40px;

    top:170px;

    width: 88%;

    height: 3px;

    background: #164b3b;

    border: transparent;

    z-index: 1000;

}

.pro-navtop h1{

    margin-top: 8px;

    font-size: 60px;

}

.pro-nav ul{

    padding: 26px 0 0 58px;

}

.pro-nav ul li{

    line-height: 50px;

    position: relative;

    font-size: 26px;

    cursor: pointer;

}

.pro-nav ul li:hover,.active-icon{

    color: #164b3b;

    font-weight: bold;

}

.about_text{

    height: 160px; overflow: hidden;

}

.pro-nav ul li:hover:after,.active-icon:after{

    position: absolute;

    content: '';

    top:50%;

    left: -75px;

    height: 3px;

    width: 50px;

    background: #164b3b;

}

.pro-main{

    position:absolute;

    right:0;

    top:0;

    width: 60%;

    /*border: 1px solid blue;*/

}

.pro-main .more{

    float: right;

}

.pro-main uL{

    margin-top: 60px;

}

.pro-icon{

    margin-top: 10px;

    /*display: flex;*/

    /*justify-content: center;*/

}

.pro-icon dd{

    width: 23%;

    float:left;

    /*width: 23%;*/

    /*margin: 0 1.4%;*/

}

.pro-icon dd:not(:last-of-type){

    margin-right: 2.66%;

}

.pro-icon dd:first-child{

    margin-left:0px;

}

.pro-icon dd:last-child{

    margin-right:0px;

}







.introduction{

    background: url("../images/bg1.jpg") no-repeat;

    background-size:cover;

}

.int-box{

    text-align: right;

    color: #fff;

    position: relative;

    padding-top: 80px;

}

.int-box:after{

    content: '';

    position:absolute;

    right: 0;

    top: 0;

    width: 75px;

    height: 3px;

    background: #1af0b0;

}

.int-box h1{

    margin: 15px 0 10px 0;

}

.int-box h2{

    font-size: 28px;

    margin-top: 8px;

    font-weight: 500;

}





.about{

    background: #ddd;

    color: #333;

}



.ab-text{

    width: 52%;

    float: left;

}

.ab-text p{

    margin-bottom: 30px;

    /*text-indent:2em;*/

    font-size: 16px;

    text-align:justify;

}

.ab-text h1{

    color: #000;

    margin-bottom: 40px;

}

.ab-text .more{

    display: inline-block;

    margin:0 0 0 65px;

}

.ab-box video{

    float: right;

    width: 45%;

}

.ab-box img{

    margin-top: 40px;

}





.cooperation{

    background: url("../images/bg2.jpg") no-repeat;

    background-size: cover;

    text-align: center;

    color: #fff;

}



.coo-box ul{

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 40px 0;

}

.coo-box ul li{

    width: 49.8%;

    background: #373737;

    height: 100px;

    line-height: 100px;

    margin-top: 5px;

}

.coo-box ul li a{

    display: block;

    width: 100%;

    height: 100%;

    color: #fff;

}

.coo-box ul li:hover{

    background: #1cab80;

}

.coo-img{

    width: 100%;

    height: 234px;

    display: flex;

    justify-content: space-between;

    background: #fff;

    overflow: hidden;

}

.coo-img img{

   height: 100%;

    width: auto;

    float: left;

}





.news{

    background: #ddd;

    color: #333;

}



.new-box .title{

    padding-bottom: 20px;

    text-align: center;

    border-bottom:1px solid #ccc;

    margin-bottom: 60px;

}

.title h6{

    margin: 0 auto;

    transform:translateY(28px);

    background: #ddd;

    width: 190px;

    /*border: 1px solid red;*/

    color: #666;

}

.title h6 a{

    color: #666;

    font-size:14px;

}

.title h6 span{

    color: #333;

    letter-spacing:normal;

    margin: 0 8px;

}



.new-main{

    /*border: 1px solid red;*/

    clear: both;

    overflow: hidden;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 30px;

}

.new-main li{

    width: 49.5%;

    background: #fff;

    /*border: 1px solid red;*/

    overflow: hidden;

    margin-bottom: 15px;

}

.new-main .new-img{

    width: 39.4%;

    float: left;

    overflow: hidden;

    /*border: 1px solid red;*/

}

.new-main .new-img img{

    transform: scale(1.2);

    transition: all 1s;

}

.new-main .new-text{

    width: 59%;

    float: right;

    /*border: 1px solid red;*/

    height: 100%;

    padding: 20px 10px;

    box-sizing:border-box;

    -moz-box-sizing:border-box; /* Firefox */

    -webkit-box-sizing:border-box; /* Safari */

    display: flex;

    flex-direction:column;

    justify-content: space-between;

}

.new-text p{

    margin: 10px 0;

}

.new-text p,.new-text span{

    display: block;

    /*border: 1px solid red;*/

}

.new-text span:last-child{

    font-size: 12px;

}

.new-main a{

    color: #333;

}

.new-main p{

   font-size: 22px;

   line-height: 32px;

 }

.new-text span{

    color: #666;

    font-size:14px;

}

.new-main li:hover{

    background: #1cab80;

}

.new-main li:hover a,.new-main li:hover span{

    color: #fff !important;

}

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

    transform: scale(1.1);

}

.see{

    display: block;

    margin:0 auto;

    margin-top: 65px;

    background: #000;

    width: 200px;

    height: 40px;

    border-radius:20px;

    line-height: 40px;

    text-align: center;

    color: #fff;

}

.see:hover{

    background: #1cab80;

}

























/*PC端*/

@media (max-width: 1440px){

    body{

        /*border: 1px solid #feff50;*/

    }



    /*产品*/

    hr{

        top:136px;

    }

    .pro-nav ul{

        padding: 26px 0 0 40px;

    }

    .pro-nav ul li{

        font-size: 16px;

        line-height: 38px;

    }

    .pro-main ul{

        margin-top: 40px;

    }

    .pro-navtop h1 {

        margin-top: 5px;

        font-size: 40px;

    }

    .pro-navtop span {

        font-size: 14px;

        letter-spacing: 9px;

    }





    .pro-nav ul li:hover:after,.active-icon:after{

        top:50%;

        left: -60px;

        height: 2px;

        width: 40px;

    }

    /*about*/

    .ab-text{

        width: 52%;

    }

    .ab-text p{

        margin-bottom:10px;

        font-size: 12px;

    }

    .ab-text h1{

        color: #000;

        margin-bottom: 15px;

    }

    .ab-box img{

        margin-top: 20px;

    }



    /*cooperation*/

    .coo-box ul{

        margin: 20px 0;

    }

    .coo-box ul li{

        height: 80px;

        line-height: 80px;

    }

    .coo-img{

        height: 162px;

    }







    /*.news*/

    .new-box .title{

        padding-bottom:0;

        margin-bottom: 20px;

    }

    .title h6{

        transform:translateY(8px);

    }

    .title h6 span{

        margin: 0 5px;

    }



    .new-main {

        margin-top: 50px;

    }

    .new-main .new-text{

        padding: 10px 5px;

    }

    .new-main p{

        margin: 3px 0;

        font-size: 16px;

        line-height: 25px;

    }



    .see{

        margin-top: 20px;

    }







}

/*平板*/

@media (min-width: 768px) and (max-width: 992px){

    body{

        /*border: 1px solid #40ff42;*/

    }

}

@media (min-width: 768px){



}

/*手机*/

@media (max-width: 768px){

    body{

        /*border: 1px solid #332aff;*/

    }

}