*{



    padding: 0;



    margin: 0;



}



html,body{



    width: 100%;



    height: 100%;



}



.clearfix:after{



    content:".";        



    display:block;        



    height:0;        



    clear:both;        



    visibility:hidden;       


}



.head .hang .bot ul li:nth-child(1){



    border-bottom: .3rem solid #e94c25;



}



#fullpage{



    width: 100%;



}

.slide1{

    width: 100%;

}

.slide1 .content{



    width: 100%;



    height: 100%;





}

.slide1 .content .banner{

    width: 100%;

    height: 100%;

}

.slide1 .content .banner .swiper-wrapper{

    width: 100%;

    height: 100%;

}

.slide1 .content .banner .swiper-wrapper .swiper-slide{

    width: 100%;

    height: 100%;

    

   

}



.slide1 .content .banner .swiper-wrapper .swiper-slide a{

    display: block;

    width: 100%;

    height: 100%;

}



.slide1 .content .con_img{



    width: 58%;



    height: 37%;



    background: linear-gradient(



        to right,



        rgba(255,255,255,0) 0%,



        rgba(0,0,0,0.4) 25%,



        rgba(0,0,0,0.4) 75%,



        rgba(255,255,255,0) 100%



    );



    display: flex;



    justify-content: center;



    flex-wrap: wrap;



    align-items: center;



    align-content:center;



}



.slide1 .content .con_img .img1{



    width: 45%;



}



.slide1 .content .con_img .img2{



    width: 80%;



}



.slide1 .content .con_img .img3{



    width: 60%;



}



.slide1 .content .con_img img{



    width: 100%;



}



.slide2{



    width: 100%;



    height: 100%;



}



.slide2 .content{



    width: 100%;



    height: 100%;



    display: flex;



    flex-wrap: wrap;







}



.slide2 .content .left{



    width: 66%;



    height: 100%;



    /*background-image: url('../img/about\ us.png');*/

   background-color:#f6f6f6;

    background-repeat: no-repeat;



    background-position: 40% 35%;



    background-size: 40%;



    position: relative;



}



.slide2 .content .left .about{



    position: absolute;



    top: 37%;



    left: 31%;



    width: 63%;



}



.slide2 .content .left .about .a_left{



    width: 39%;



    float: left;



}



.slide2 .content .left .about .a_left .title{



    padding: 2% 0;



    width: 100%;



    font-size: 1.5rem;



    font-weight: 500;



}



.slide2 .content .left .about .a_left .xian{



    display: block;



    width: 2.5rem;



    height: .3rem;



    background: #e94925;



}



.slide2 .content .left .about .a_left .aImg{



    margin-top: 12%;



    width: 100%;



}



.slide2 .content .left .about .a_left .aImg img{



    width: 100%;



    display: block;



}



.slide2 .content .left .about .a_left .but{



    margin-top: 10%;



}



.slide2 .content .left .about .a_left .but a{



    display: inline-block;



    padding: 3% 12%;



    background: #e94925;



    border-radius: 5px;



    color: #fff;



    font-size: .8rem;



    cursor: pointer;



}



.slide2 .content .left .about .a_right{



    width: 56%;



    float: right;
    
    



}



.slide2 .content .left .about .a_right .back{



    display: none;



}



.slide2 .content .left .about .a_right .text{



    margin-top: 19%;



    width: 100%;



    font-size: 1rem;



    text-align: justify;



    line-height: 1.8rem;



    color: #626262



}



.slide2 .content .right{



    width: 34%;



    height: 100%;



    background-image: url('../img/about.jpg?v=dd');



    background-position: center;



    background-size: cover;



    background-repeat: no-repeat;



}



.slide3{



    width: 100%;



    height: 100%;



    background-image: url('../img/banner3.png?v=dddf');



    background-position: center;



    background-size: cover;



    background-repeat: no-repeat;



    position: relative;



}



.slide3 .tm{



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    background-image: url('../img/cp_t.png');



    background-position: center;



    background-size: 100% 100%;



    background-repeat: no-repeat;



    z-index: 0;



}



.slide3 .content{



    width: 100%;



    height: 100%;



    z-index: 1;



    position: relative;



}



.slide3 .content .lunBo{



    padding-top: 10%;



    width: 100%;



    text-align: center;



}



.slide3 .content .lunBo .box{



    display: inline-block;



    width: 64rem;



    height: auto;



    position: relative;



}



.slide3 .content .lunBo .box .swiper-container{



    width: 100%;



    position: static;



}



.slide3 .content .lunBo .box .swiper-container .swiper-wrapper{



    width: 100%;



}



.slide3 .content .lunBo .box .swiper-container .swiper-wrapper .swiper-slide{



    width: 100%;



    



}



.slide3 .content .lunBo .box .swiper-container .swiper-button-prev{



    position: absolute;



    top: 40%;



    left: -4rem;



}



.slide3 .content .lunBo .box .swiper-container  .swiper-button-next{



    position: absolute;



    top: 40%;



    right: -4rem;



}



.slide3 .content .lunBo .box .swiper-container .swiper-wrapper .swiper-slide img{



    display: block;



}



.slide3 .content .lunBo .box .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd){



    margin-top: 1.5rem;



}



.slide3 .content .lunBo .text{



    width: 64rem;



    display: inline-block;



    



}



.slide3 .content .lunBo .text p{



    font-size: 2rem;



    font-weight: 400;



    color: #fff;



    padding: .5rem 0;



}



.slide3 .content .lunBo .text img{



    width: 100%;



}



.slide4{



    width: 100%;



    height: 100%;



    background-image: url('../img/new.png?V=dfe');



    background-position: center;



    background-size: cover;



    background-repeat: no-repeat;



}



.slide4 .content{



    padding-top: 12%;



}



.slide4 .content .left{



    display: inline-block;



    width: 45%;



    height: 100%;



    vertical-align: bottom;



}



.slide4 .content .left img{



    width: 100%;



    display: block;



}



.slide4 .content .right{
	
	min-width: 20%;


    display: inline-block;

	vertical-align: top;

    height: 100%;



    margin-left: 5%;



    



    padding-top: 5%;



}



.slide4 .content .right .title{



    font-size: 1.2rem;







}



.slide4 .content .right .xian{



    display: block;



    width: 2.5rem;



    height: .3rem;



    background: #e94925;



}



.slide4 .content .right .text{

	min-height: 100px;

    margin-top: 5%;



    margin-left: 1rem;



    padding: .5rem 2rem;



    border-left: .1rem solid #ccc;



    position: relative;



}



.slide4 .content .right .text .lis{



    display: block;



    line-height: 1.8rem;



    position: relative;



    margin-top: .5rem;



}



.slide4 .content .right .text .lis .dian{



    position: absolute;



    left: -2.3rem;



    top: 15%;



}



.slide4 .content .right .text .lis .lisTitle{



    display: block;



    font-size: 1rem;



    font-weight: bold;



}



.slide4 .content .right .text .lis .lisTime{



    display: block;



    font-size: .8rem;



}



.slide4 .content .right .text .but{



    display: inline-block;



    padding: .4rem 2rem;



    background: #e94925;



    position: absolute;



    bottom: .5rem;



    right: -10rem;



    border-radius: 5px;



    color: #fff;



    font-size: 1rem;



}



.slide5{



    width: 100%;



    height: 100%;



    background-image: url('../img/banner5.png?v=desz');



    background-position: center;



    background-size: cover;



    background-repeat: no-repeat;



    position: relative;



}



.slide5 .tm{



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    background-image: url('../img/lx_t.png?v=dres');



    background-position: center;



    background-size: 100% 100%;



    background-repeat: no-repeat;



    z-index: 0;



}



.slide5 .content{



    padding: 12% 0% 0 0%;



    z-index: 1;



    position: relative;



    text-align: center;



}



.slide5 .content .left{



    display: inline-block;



    vertical-align: middle;



    text-align: left;



}



.slide5 .content .left .messages{



    display: inline-block;



    width: 20rem;



    text-align: right;



}



.slide5 .content .left .messages img{



    width: 85%;



}



.slide5 .content .left .form{



    margin-top: 1rem;



    width: 100%;



}



.slide5 .content .left .form form{



    width: 100%;



}



.slide5 .content .left .form form .inp{



    padding: .2rem 0;



    display: flex;



}



.slide5 .content .left .form form .inp label{



    color: #fff;



    font-size: 1rem;



}



.slide5 .content .left .form form .inp input{



    flex: 1;



    height: 1.8rem;



    padding: 0 .2rem;



}



.slide5 .content .left .form form .inp #name{



    width: 40%;



    flex: none;



}



.slide5 .content .left .form form .inp #label{



    vertical-align: top;



}



.slide5 .content .left .form form .inp #text{



    vertical-align: top;



    padding: .2rem;



    flex: 1;



    height: 5rem;



}



.slide5 .content .left .form form .but{



    margin-top: 1rem;



    width: 100%;



    padding: 0 16%;



}



.slide5 .content .left .form form .but input{



    display: inline-block;



    padding: .3rem 3rem;



    background: #45413e;



    color: #fff;



    border: 0 solid #45413e;



    cursor: pointer;



}



.slide5 .content .right{



    display: inline-block;



    margin-left: 10%;



    vertical-align: middle;



    text-align: left;



}



.slide5 .content .right .r_left{



    width: 2.5rem;



    float: left;



}



.slide5 .content .right .r_left img{



    width: 100%;



}



.slide5 .content .right .r_right{



    float: left;



    line-height: 1.8rem;



}



.slide5 .content .right .r_right .text{



    color: #fff;



    margin-left: 10%;



}



.slide5 .content .right .r_right .text p{



    white-space: nowrap;



}



.slide5 .content .right .r_right .text .title{



    font-weight: bold;



    font-size: 1.5rem;



    margin-top: 2rem;



    margin-bottom: 1rem;



}



.slide5 .content .right .r_right .text .img{



    margin-top: 1rem;



    width: 100%;



    display: flex;



}



.slide5 .content .right .r_right .text .img .I_left{



    width: 25%;



    text-align: center;



}



.slide5 .content .right .r_right .text .img .I_left img{



    width: 100%;



}   



.slide5 .content .right .r_right .text .img .I_left p{



    font-size: .8rem;



}



.slide5 .content .right .r_right .text .img .I_right{



    width: 25%;



    margin-left: 6%;



    text-align: center;



}



.slide5 .content .right .r_right .text .img .I_right img{



    width: 100%;



}



.slide5 .content .right .r_right .text .img .I_right p{



    font-size: .8rem;



}



.slide5  .indexFoot{



    position: absolute;



    bottom: 0;



    padding: 1.8% 25% 1.8% 0%; 



    width: 75%;



    text-align: right;



    color: #fff;



    border-top: .1rem solid #fff;



}
@media screen and (max-width: 1700px){
    .slide4 .content {
        padding-top: 17%;
    }
}


@media screen and (max-width: 1500px){



    .slide2 .content .left .about .a_right .text{



        line-height: 1.5rem;



    }
    .slide2 .content .left .about {
        left: 20%;
        width: 75%;
    }



}







@media screen and (max-width: 1400px){

    .slide4 .content {
        padding-top: 12%;
    }



    .slide2 .content .left .about {



        position: absolute;



        top: 16%;



        left: 12%;



        width: 60%;



    }



    .slide2 .content .left{



        width: 70%;



    }



    .slide2 .content .right{



        width: 30%;



    }



    .slide2 .content .left .about .a_left {



        width: 100%;



        float: none;



    }



    .slide2 .content .left .about .a_left .but{



        width: 80%;



        margin-top: 2%;



        text-align: right;



    }



    .slide2 .content .left .about .a_left .aImg {



        margin-top: 2%;



        width: 60%;



    }



    .slide2 .content .left .about .a_left .aImg img{



        width: 100%;



    }



    .slide2 .content .left .about .a_left .but{



        width: 60%;



    }



    .slide2 .content .left .about .a_left .but a {



        padding: 1.5% 4%;



    }



    .slide2 .content .left .about .a_right {



        width: 100%;



        float: none;



    }



    .slide2 .content .left .about .a_right .text {



        margin-top: 5%;



        width: 100%;



        font-size: 1rem;



        text-align: justify;



        line-height: 1.8rem;



        color: #626262;



    }



    .slide4 .content .left{



        display: inline-block;



        margin-top: 4%;



    }



    .slide5 .content .left .messages{



        width: 16rem;



    }



    .slide5 .content .right{



        margin-left: 8%;



    }



    .slide5 .content .right .r_left{



        width: 2rem;



    }



    .slide5 .content .right .r_right{



        line-height: 1.5rem;



    }



}



@media screen and (max-width: 1300px){



    .slide2 .content .left .about .a_left .aImg {



        width: 80%;



    }
    .slide5 .content .right .r_left {
        width: 1.8rem;
    }



}



@media screen and (max-width: 1200px){







    .slide3 .content .lunBo{



       padding-top: 7rem;



    }







    .slide3 .content .lunBo .box{



        width: 48rem;



    }



    .slide3 .content .lunBo .text{



        width: 48rem;



    }



    .slide3 .content .lunBo .box .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd){



        margin-top: 0;



    }







}



@media screen and (max-width: 1000px){



    .slide2 .content .left .about .a_left .aImg img{



        width: 100%;



    }



    .slide2 .content .left .about .a_left .but{



        width: 100%;



    }



}



@media screen and (max-width: 900px){







    .slide3 .content .lunBo .box{



        width: 32rem;



        height: 24rem;



    }



    .slide3 .content .lunBo .text{



        width: 32rem;



        width: 90%;



        



    }



    .slide3 .content .lunBo .text p{



        font-size: 1.5rem;



    }







}







@media screen and (max-width: 800px){



    .slide2 .content .left .about {



        position: absolute;



        top: 16%;



        left: 5%;



        width: 80%;



    }



    .slide2 .content .left{



        margin-top: 2%;



    }



    .slide2 .content .left .about .a_left .aImg img{



        width: 60%;



    }



    .slide2 .content .left .about .a_left .but{



        width: 50%;



    }



    .slide2 .content .left .about .a_left .but a {



        font-size: .8rem;



    }



    .slide2 .content .left .about .a_right .text {



        font-size: .8rem;



        margin-top: 2%;



        line-height: 1.5rem;



    }



    .slide3 .content .lunBo {



        padding-top: 8rem;



    }



    .slide3 .content .lunBo .box{



        width: 40%;



        height: auto;



    }



    .slide3 .content .lunBo .text{







    }



    .slide3 .content .lunBo .box .swiper-container .swiper-wrapper .swiper-slide a{



        display: block;



        width: 100%;



    }



    .slide3 .content .lunBo .box .swiper-container .swiper-wrapper .swiper-slide a img{



        width: 100%;



    }



    .slide3 .content .lunBo .text{



       



    }



    .slide4 .content .right .title {



        font-size: 1rem;



    }



    .slide4 .content .right .text .lis{



        line-height: 1.5rem;



    }



    .slide4 .content .right .text .lis .lisTitle {



        font-size: .8rem;



    }



    .slide4 .content .right .text .lis .lisTime {



        font-size: .6rem;



    }



    .slide4 .content .right .text .but {



        padding: .2rem 1rem;



        bottom: .5rem;



        right: 0;



        bottom: -1rem;



        font-size: .8rem;



    }



    .slide5 .content{



        padding: 15% 0% 0 0%;



    }



    .slide5 .content .left .messages {



        width: 14rem;



    }



    .slide5 .content .left .form form .inp label {



        font-size: .8rem;



    }



    .slide5 .content .left .form form .inp input {



        height: 1.5rem;



    }



    .slide5 .content .left .form form .but input {



        padding: .2rem 2rem;



    }



    .slide5 .content .right .r_left {



        width: 1.5rem;



    }



    .slide5 .content .right .r_right .text p {



        font-size: .8rem;



    }



    .slide5 .content .right .r_right .text .title {



        font-size: 1.2rem;



    }



    .slide5 .content .right .r_right .text .img .I_left {



        width: 20%;



    }



    .slide5 .content .right .r_right .text .img .I_right {



        width: 20%;



    }



    .slide5 .content .right .r_right {



        line-height: 1.2rem;



    }



    .slide5 .indexFoot{



        font-size: .8rem;



        padding: 1.5% 25% 1.5% 0%;



    }



}



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



    .slide5 .content{



        padding: 7rem 0% 0 0%;



    }



    .slide5 .content .right .r_right .text p {



        



    }



}



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



    html,body{



      width: 100%;



      height: 100%;



    }



    #fullpage{



    



        overflow-x: hidden



    }



    .slide1{



        height: 100%;



    }

    .slide1 .content{

        margin-top: 4rem;

    }

    .slide1 .content .banner{

        width: 100%;

        height: 15rem;

    }

    .slide1 .content .banner .swiper-wrapper{

        width: 100%;

        height: 100%;

    }

    .slide1 .content .banner .swiper-wrapper .swiper-slide{

        width: 100%;

        height: 100%;

        

       

    }



    .slide1 .content .con_img{



        width: 90%;



    }







    .slide2 .content{



        width: 90%;



        height: 100%;



        display: inherit;



        padding: 1.5rem 5%;



    



    }



    .slide2 .content .left{



        width: 100%;



        height: 100%;



        background-image: url('../img/about\ us.png');



        background-repeat: no-repeat;



        background-position: 40% 35%;



        background-size: 40%;



        position: relative;



    }



    .slide2 .content .left .about{



        position: static;



        width: 100%;



    }



    .slide2 .content .left .about .a_left{



        width: 100%;



        float: none;



    }



    .slide2 .content .left .about .a_left .title{



        padding: 2% 0;



        width: 100%;



        font-size: 1rem;



        font-weight: 500;



    }



    .slide2 .content .left .about .a_left .xian{



        display: block;



        width: 2rem;



        height: .3rem;



        background: #e94925;



    }



    .slide2 .content .left .about .a_left .aImg{



        margin-top: 5%;



        width: 100%;



    }



    .slide2 .content .left .about .a_left .aImg img{



        width: 100%;



        display: block;



    }



    .slide2 .content .left .about .a_left .but{



        width: 100%;



        margin-top: 2%;



        text-align: right;



    }



    .slide2 .content .left .about .a_left .but a{



        display: inline-block;



        padding: 1.5% 4%;



        background: #e94925;



        border-radius: 5px;



        color: #fff;



        font-size: .8rem;



    }



    .slide2 .content .left .about .a_right{



        width: 100%;



        float: none;



    }



    .slide2 .content .left .about .a_right .back{



        display: none;



    }



    .slide2 .content .left .about .a_right .text{



        margin-top: 5%;



        width: 100%;



        font-size: .8rem;



        text-align: justify;



        line-height: 1.5rem;



        color: #626262



    }



    .slide2 .content .right{



        width: 34%;



        height: 100%;



        background-image: url('../img/about.jpg');



        background-position: center;



        background-size: cover;



        background-repeat: no-repeat;



    }



    .slide3 .content .lunBo {



        padding-top: 7rem;



    }



    .slide3 .content .lunBo .box{



        width: 55%;



        height: auto;



    }



    .slide3 .content .lunBo .text{



        margin-top: 0;



    }



    .slide3 .content .lunBo .text p{



        font-size: 1.2rem;



    }



    .slide4 .content .left{



        width: 100%;



    }
    
    .slide4 .content .right{
    	width: 90%;
    	margin: 0 5%;
    }



    .slide5 .content {



        padding: 2rem 5% 0 5%;



        text-align: left;



    }



    .slide5 .content .left {



        width: 85%;



    }



    .slide5 .content .right{



        width: 100%;



        margin-left: 0;



        margin-top: 2rem;



    }



    .slide5 .content .right .r_left {



        width: 1.8rem;



    }



    .slide5 .content .right .r_right .text {



        margin-left: 5%;



    }



    .slide5 .content .right .r_right .text .img .I_left{



        width: 28%;



    }



    .slide5 .content .right .r_right .text .img .I_right{



        width: 28%;



    }



    .slide5 .indexFoot{



        margin-top: 2rem;



        position: relative;



        font-size: .8rem;



        padding: 3% 5% 3% 5%;



        width: 90%;



        font-size: .5rem;



        text-align: center;



    }



}

@media screen and (max-width: 500px){

    .slide1 .content .banner {

        height: 12rem;

    }

}