page {

    width: 100%;

    height: auto;

    overflow: scroll;

}





.curr {

    padding: 0 !important;

    /* background:rgba(2, 34, 43, 0.3); */

    background-color: #ffffff;

    /* opacity:0.3; */

    /* color: #ffffff; */

}



.swiper-container {

    width: 100%;

    height:8.5rem;

}



.swiper-pagination-bullet {

    width: 0.93rem;

    height: 0.07rem;

    display: inline-block;

    background: #ffffff;

    /* opacity: .5; */

    border-radius: 4px;

}



.line {

    width: 5.58rem;

    height: 0.01rem;

    background: #000000;

}



.small_title {

    display: flex;

    align-items: center;

}



.small_title {

    color: #5D5D5D;

    font-size: 0.4rem;

    font-weight: 400;

    overflow: hidden;

    height: 0.78rem;

    line-height: 0.78rem;

    margin-bottom: 0.34rem;

}



.swiper-pagination-bullet {

    width:0.93rem;

    height: 0.07rem;

    border-radius: 0.04rem;

    display: inline-block;

    background: #ffffff;

    opacity: .5;

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #ffffff;

}





/* center */



.zwxt_bg {

    background: #ffffff;

    z-index: 1;

    position: relative;

    padding-bottom: 100px;

    -webkit-transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -ms-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

}



.zwxt_bg dl dd h1 {

    line-height: 0.24rem;

    font-size: 0.18rem;

    padding-top: 0.2rem;

}



.zwxt_bg dl dt {

    position: relative;

    width: 100%;

    height: 0.87rem;

    margin-bottom: 0.5rem;

}



.zwxt_bg dl {

    width: 1.68rem;

    float: left;

    margin-left:0.36rem;

    margin-right:0.36rem;

    padding-top: 0.4rem;

}



.blod {

    font-weight: bold;

    /* margin-bottom: 0.34rem; */

    height: 0.7rem;

    line-height: 0.7rem;

    font-size: 0.6rem;

}



.zwxt_bg dl dd p {

    text-align: center;

    line-height: 0.24rem;

    padding-top: 0.1rem;

}



.zw_hz_img {

    width: 12.36rem;

    margin-bottom: 1.5rem;

}



.Contentbox62 dl {

    width: 3.77rem;

    float: left;

    margin-right: 0.16rem;

    margin-top: 0.3rem;

    position: relative;

    padding-bottom:0.1rem;

}



.Contentbox62 dl {

    width: 3.77rem;

    float: left;

    margin-right: 0.2rem;

    margin-top: 0.3rem;

    position: relative;

    padding-bottom: 0;

    box-shadow: 0px 1px 0px 0px rgba(209, 209, 209, 1), 0px 6px 0.05rem 0px rgba(5, 5, 5, 0.1);

}



.Contentbox62 dl dt img {

    width: 3.77rem;

    height: 3.18rem;

    transition: all 0.3s ease 0s;

    z-index: 1;

    position: relative;

}



.Contentbox62 dl dt {

    width: 3.77rem;

    height: 3.18rem;

    overflow: hidden;

    position: relative;

}



.Contentbox62 dl dd h1 {

    line-height: 0.3rem;

    font-size: 0.16rem;

    font-weight: bold;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: center;

    padding-left: 0.05rem;

    padding-right: 0.05rem;

}



.Contentbox62 dl dd {

    width: 100%;

    padding-top: 0.1rem;

    clear: both;

    overflow: hidden;

    position: relative;

    padding-bottom: 0.1rem;

}



.w100 {

    width: 100%;

    padding-bottom: 0.15rem;

    /* margin-bottom: 0.89rem; */



}



.right_project {

    font-size: 0.18rem;

    text-align: left;

    line-height: 0.3rem;

    margin-top: 0.14rem;

    margin-left: 0.42rem;

    max-width: 4.76rem;

    float: left;

}



.connect_us {

    float: left;

    width: 3.67rem;



    font-size: 0.22rem;

    color: #999999;

}



.connect_us:first-child {

    margin-right: 0.47rem;

}



.connect_us:nth-child(2) {

    margin-right: 0.47rem;

}



.w810 dl dt {

    float: left;

    margin-right: 0.3rem;

    width: 0.7rem;

    text-align: left;

}



.navigation_titile {

    text-align: left;

    font-size: 0.4rem;

    color: #FFFFFF;

    height: 0.38rem;

    line-height: 0.4rem;

    margin-bottom: 0.34rem;

}



.lianjie{

    text-align: left;

    font-size: 0.4rem;

    color: #FFFFFF;

    height: 0.38rem;

    line-height: 0.64rem;

    margin-bottom: 0.34rem;

}

.pinpai{

    text-align: left;

    /* font-weight: bold; */

    font-size: 0.26rem;

    color: #FFFFFF;

    height: 0.38rem;

    line-height: 0.64rem;

    margin-bottom: 0.2rem;

}

.nav {

    width: 8rem;

    margin: 0;

    /* width: 600px; */

    display: flex;

    font-size: 0.26rem;

    height: 0.26rem;

    line-height: 0.26rem;

    margin-bottom: 0.34rem;







}

.codeimg img{

    width:2rem;

    height:2rem;

}



.w810 dl dt {

    float: left;

    margin-right: 0.78rem;

    width: 0.7rem;

    text-align: left;

    margin-bottom: 0.26rem;

}



.w810 dl {

    width: 100%;

    clear: both;

    padding-top: 0.3rem;

    overflow: hidden;

}



.address_detail {

    font-size: 0.14rem;

    color: #B3B3B3;

    text-align: left;



}



.address {

    width: 0.2rem;

    height: 0.23rem;

    margin-right: 0.1rem;

}



.qiye_code {

    font-size: 0.16rem;

    color: #CCCCCC;

}



.w810 dl dt {

    color: #ffffff;

}



.qdxw_top {

    width: 1.27rem;

    height: 1.27rem;

    position: fixed;

    right: 0.65rem;

    bottom: 0.3rem;

    z-index: 9999;

    display: none;

}







.he_slideAllDown {

    background: #333;

    width: 5.9rem;

    height:2.75rem;

    padding: 0;

    margin: 0;

    position: relative;

    box-sizing: border-box;

    cursor: pointer;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_slideAllDown .he_slideAllDown_img {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    opacity: .9;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_slideAllDown:hover .he_slideAllDown_img {

    opacity: 1;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

}



.he_slideAllDown .he_slideAllDown_caption {

    color: #fff;

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_slideAllDown .he_slideAllDown_caption,

.he_slideAllDown .he_slideAllDown_caption>a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 0;

    margin: 0;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_slideAllDown .he_slideAllDown_caption_h {

    font-size: 1.3em;

    font-weight: 700;

    text-align: center;

    width: 100%;

    /* position: absolute; */

    /* top: -50%; */

    /* left: 10%; */

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    overflow: hidden;

    opacity: 0;

}



.he_slideAllDown:hover .he_slideAllDown_caption_h {

    color: #fff;

    top: 25%;

    opacity: 1

}



.he_slideAllDown .he_slideAllDown_caption_p {

    font-size: 1em;

    text-align: center;

    width: 80%;

    position: absolute;

    top: -50%;

    left: 10%;

    -webkit-transition: all .6s ease-in-out;

    -moz-transition: all .6s ease-in-out;

    -o-transition: all .6s ease-in-out;

    -ms-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out;

    overflow: hidden;

    opacity: 0

}



.he_slideAllDown:hover .he_slideAllDown_caption_p {

    color: #fff;

    top: 45%;

    opacity: 1

}



.oubboxxuanfu {

    display: flex;

    flex-wrap: wrap;

    width: 12.08rem;

    margin: 0 auto;

}



.boxNew {

    margin-bottom: 0.19rem;

}



.fenge {

    width: 100%;

    height: 0.34rem;

    background: #FFCC00;

}



.phones{

    width: 0.25rem;

    height: 0.29rem;

    vertical-align: sub;

}

.phoneBox{

margin-bottom: 0.01rem;

font-size: 0.21rem;

}



/* 案例css */



.oubboxxuanfu1 {

    display: flex;

    /* flex-wrap: wrap; */

    width:15.5rem;

    margin: 0 auto;

}



.he_slideCaptionDown {

    background: #5D5D5D;

    width: 5.79rem;

    height: 9.9rem;

    padding: 0;

    margin: 0;

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

    position: relative;

    box-sizing: border-box;

    cursor: pointer;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_slideCaptionDown .he_slideCaptionDown_img {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    opacity: 1;

    overflow: hidden

}



.he_slideCaptionDown .he_slideCaptionDown_caption {

    color: #fff;

    background: rgba(254, 114, 83, 0);

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    -o-transform: translate3d(0, -100%, 0);

    -ms-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_slideCaptionDown:hover .he_slideCaptionDown_caption {

    /* background: rgba(254, 114, 83, .8); */

    background: #333;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.he_slideCaptionDown .he_slideCaptionDown_caption,

.he_slideCaptionDown .he_slideCaptionDown_caption>a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 0;

    margin: 0;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_slideCaptionDown .he_slideCaptionDown_caption_h {

    font-size: 1.3em;

    font-weight: 700;

    text-align: center;

    width: 80%;

    position: absolute;

    top: -50%;

    left: 10%;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    overflow: hidden;

    opacity: 0

}



.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {

    color: #fff;

    top: 25%;

    opacity: 1

}



.he_slideCaptionDown .he_slideCaptionDown_caption_p {

    font-size: 1em;

    text-align: center;

    width: 80%;

    position: absolute;

    top: -50%;

    left: 10%;

    -webkit-transition: all .6s ease-in-out;

    -moz-transition: all .6s ease-in-out;

    -o-transition: all .6s ease-in-out;

    -ms-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out;

    overflow: hidden;

    opacity: 0

}



.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {

    color: #fff;

    top: 45%;

    opacity: 1

}





/* fenge  */

.boxgrid {

    width: 5rem;

    height: 8.68rem;

    margin: 0.1rem;

    float: left;

    background: #161613;

    overflow: hidden;

    position: relative;

}



.boxgrid h3 {

    color: #333;

    /* font: 43pt Arial, sans-serif; */

    font-size:0.43rem;

    letter-spacing: -1px;

    font-weight: bold;

    text-align: center;

    width: 100%;

    background: rgb(250 250 250 / 80%);

    height: 0.61rem;

    line-height: 0.61rem;

}



.boxgrid img {

    height: 8.68rem;

    position: absolute;

    width: 5rem;

    top: 0;

    left: 0;

    border: 0;

}



.boxgrid p {

    width: 4.37rem;

    /* height: 259px; */

    font-size: 0.24rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 0.34rem;

    text-align: left;

   /* margin-bottom: 0.8rem; */

    /* margin-top: 651px; */

}



.boxcaption {

    float: left;

    position: absolute;

    background: #000;

    height: 4.87rem;

    width: 100%;

    opacity: .8;

    /* For IE 5-7 */

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    /* For IE 8 */

    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}



.captionfull .boxcaption {

    top:9.9rem;

    left: 0px;

}



.caption .boxcaption {

    top:6rem;

    left: 0px;

}





/* 选择我们 */

.choosebox{



    margin-top: 0.2rem;

    margin-bottom: 0.25rem;

}





.boxNew1{

    width: 2.49rem;

    height: 2.93rem;

    background: #FFFFFF;

    border: 1px solid #434343;

}

.ss_white{

    width: 0.75rem;

    height: 0.75rem;

    margin-bottom: 0.25rem;  

}

.choose1{

width: 0.75rem;

height: 0.75rem;

margin-bottom: 0.25rem;

}

/* 

.choose1{

    width: 0.7rem;

    height: 0.78rem;

    background: url(../imgs/tonge/choose1.png) no-repeat; 

   background-size: 100% 100%;

  

}





.choose1:hover{

    width: 0.7rem;

    height: 0.78rem;

    background: url(../imgs/tonge/choose1_.png) no-repeat; 

   background-size: 100% 100%;

} */



.choose2{

    width: 0.88rem;

    height:0.73rem;

    margin-bottom: 0.65rem;

    }

    .choose3{

        width: 0.7rem;

        height: 0.78rem;

        margin-bottom: 0.21rem;

        }

        .choose4{

            width: 0.8rem;

            height: 0.8rem;

            margin-bottom: 0.21rem;

            }

            .choose5{

                width: 0.8rem;

                height: 0.8rem;

                margin-bottom: 0.21rem;

                }



                .choose6{

                    width: 0.86rem;

                    height:0.73rem;

                    margin-bottom: 0.27rem;

                    }

.wenan{

    width: 100%;

    line-height: 0.2rem;

    color: #5D5D5D;

    font-size: 0.25rem;

    line-height: 0.4rem;

}





.oubboxxuanfu1 .boxNew1 {

    float: left;

    width: 2.49rem;

    /* padding: 0.19rem; */

    list-style: none;

    background-color: #fff;

    border: 1px solid rgba(223,231,239, .7);

    color: rgb(32,40,48);

    text-shadow: 0 1px 1px rgb(255,255,255);

    font-size: 0.14rem;

    transition: all .2s ease;

  }

  

  .oubboxxuanfu1 .boxNew1:hover{

    -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

              transform: scale(1.1);

              background: #FFCC00;

              color: #ffffff;

    /* -webkit-border-radius: 8px;

        -moz-border-radius: 8px; */

              /* border-radius: 8px; */

    -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);

        -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);

              box-shadow: 0 -1px 10px rgba(0,0,0,.5);

  }



 .wenan:hover{

    

              color: #ffffff;

    /* -webkit-border-radius: 8px;

        -moz-border-radius: 8px; */

              /* border-radius: 8px; */

   

  }



  

  /* 流程 */

  .liucheng{

    width: 15.22rem;

    height: 2.51rem;

  }

  .code{

      width: 3.77rem;

      height: 3.77rem;

      margin-top: 0.48rem;

  }

  .tips{

color: #5D5D5D;

font-size: 0.6rem;

margin-top: 0.64rem;

margin-bottom: 0.75rem;

  }





  /* 联系我们 */

  .connect_usBox{

      width: 100%;

      height: 11.22rem;

    background: url(../imgs/tonge/bac.png)  no-repeat;

    background-size: 100% 100%;

  }

 

.connect_us{

    width: 100%;

}

  .connect_usimg{

      width: 100%;

      height: 1.78rem

  }



  .formbox{

    width: 11.97rem;

    /* height: 40.96rem;

    /* background: #FFFFFF; */

    /* box-shadow: 0px 22px0.36rem 4px rgba(6, 3, 3, 0.4); */ 

  }



  .forinnerbox{

    margin-top: 2.66rem;

    width: 11.97rem;

    height: 4.96rem;

    background: #FFFFFF;

    box-shadow: 0 0.22rem 0.36rem 0.04rem rgba(6, 3, 3, 0.4);

    position: absolute;

  }

  .join{

    width: 11.99rem;

    height: 0.96rem;

    line-height: 0.96rem;

    text-align: center;

    background: #FFCC00;

    color: #5D5D5D;

    font-size: 0.5rem;

    font-weight: 500;

  }

  .username{

    color: #5D5D5D;

    font-size: 0.28rem;

    margin-top: 0.3rem;

    margin-bottom: 0.3rem;

  }

  .phone{

    color:#5D5D5D;

    font-size: 0.28rem;

  }



  .submits{

    width: 3.5rem;

    height: 0.87rem;

    line-height: 0.87rem;

    /* background: #FFCC00; */

    border-radius: 44px;

  }

 .username input{

    width: 6.56rem;

    height: 0.7rem;

    text-align: left;

    padding-left: 0.15rem;

    font-size: 0.18rem;



 }





 .phone input{

    width: 6.56rem;

    height: 0.7rem;

    text-align: left;

    padding-left: 0.15rem;

    font-size: 0.18rem;

 }



 .joinbox{

    width: 1.5rem;

    text-align: left;

    margin-right: 0.3rem;



 }



 button{

    border: none;

    background-color: transparent;

    outline: none;   

    width: 3.62rem;

    height:0.99rem;

    margin-top: 0.24rem;

 }

 .submits{

    width: 3.62rem;

    height:0.99rem; 

 }



    .copy_bg {

        /* background: #1F2229; */

        /* padding-top: 50px; */

        margin-top: 8.5rem;

        position: absolute;

        width: 100%;

        background: rgba(0, 0, 0, .8);

    }





    input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

input[type="number"]{

  -moz-appearance: textfield;

}





/* 轮播图 */

.example {

    width: 100%;

    height: 8.85rem;

    font-size: 0.4rem;

    text-align: center;

    margin: 0.2rem auto;

    /* background-color: #464576; */

}



.carousel-item {

    line-height: 8.85rem;

    color: #fff;

    font-family: Arial Black

}



.ft-carousel {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.ft-carousel .carousel-inner {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

}



.ft-carousel .carousel-inner .carousel-item {

    float: left;

    height: 100%;

}



.ft-carousel .carousel-item img {

    width: 100%;

}



.ft-carousel .carousel-indicators {

    position: absolute;

    left: 0;

    bottom: 10px;

    width: 100%;

    text-align: center;

    font-size: 0;

}



/* .ft-carousel .carousel-indicators span {

    display: inline-block;

    width: 12px;

    height: 12px;

    background-color: #fff;

    margin: 0 4px;

    border-radius: 50%;

    cursor: pointer;

} */

.carousel-indicators span:hover{

    background-color:red;

    opacity: 0.5;

}

.ft-carousel .carousel-indicators span.active {

    background-color: #de3a3a;

}



.ft-carousel .carousel-btn {

    position: absolute;

    top: 50%;

    width: 50px;

    height: 45px;

    margin-top: -25px;

    cursor: pointer;

}



.ft-carousel .carousel-prev-btn {

    left: 0.5rem;

    background: url(../imgs/tonge/left_.png) no-repeat;

    background-size: 100% 100%;

    width: 0.59rem;

height: 0.98rem;

}



.ft-carousel .carousel-next-btn {

    right: 0.5rem;

    background: url(../imgs/tonge/right_.png) no-repeat;

    background-size: 100% 100%;

    width: 0.59rem;

height: 0.98rem;

}