@charset "utf-8";

:root {
    --ideal-viewport-width: 1920;
}

@font-face {
    font-family: hong;
    src: url(../font/字语咏宏体.ttf);
}

.banner {
    width: 100%;
    height: 600px;
    background: #000000;
    overflow: hidden;
    position: relative;
    margin-top: 1px;
}

.fullSlide {
    width: 100%;
    position: relative;
    height: 600px;
    background: #ffffff;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 600px;
    overflow: hidden;
    text-align: center;
}

.fullSlide .bd li a {
    display: block;
    height: 600px;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 13px;
    height: 13px;
    margin: 3px;
    overflow: hidden;
    background: #eee;
    line-height: 999px;
    border-radius: 50%;
}

.fullSlide .hd ul .on {
    width: 30px;
    border-radius: 10px;
    background: #00a448;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.fullSlide .prev,
.fullSlide .next {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 10%;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 10%;
    background-position: -6px -137px;
}

.banner .banner-info {
    position: absolute;
    bottom: 50px;
    left: calc(50% - 485px);
    background: #dcdcdc;
    z-index: 3;
    padding: 10px 20px 20px;
    border-radius: 50px;
}

.banner .banner-info .banner-info-input {
    display: inline-block;
    height: 40px;
    margin: 5px
}

.banner .banner-info .banner-info-input img {
    display: inline-block;
    margin: -15px 15px -15px
}

.banner .banner-info .banner-info-input input {
    display: inline-block;
    width: 165px;
    border: 0;
    background: #dcdcdc;
    color: #555555;
    font-size: 16px;
    border-bottom: 1px solid #555555;
    height: 35px;
    text-indent: 7px;
}

.banner .banner-info .banner-bottom {
    display: inline-block;
    width: 222px;
    height: 50px;
    background: #fff;
    cursor: pointer;
    line-height: 50px;
    color: #555555;
    text-align: center;
    font-size: 20px;
    border-radius: 30px;
    position: relative;
    top: 6px;
    margin-left: 20px;
}

.info::-webkit-input-placeholder {
    color: #555555
}

.info::-moz-placeholder {
    color: #555555
}

.info:-moz-placeholder {
    color: #555555
}

.info:-ms-input-placeholder {
    color: #555555
}

.header_top_one {
    height: 146px;
    background: #ebebeb;
}

.header_top_one .header_top_one_content {
    width: 1200px;
    margin: 0 auto;
}

.header_top_one .header_top_one_content .header_top_one_content_nei {
    background: #fff;
    height: 110px;
    margin-top: 20px;
    float: left;
    width: 100%;
}

/*ico*/
.ico {
    width: 1200px;
    margin: 0 auto;
    height: 145px;
    display: flex;
    align-items: center;
}

.icobox {
    width: 240px;
    height: 116px;
    float: left;
    background: #fff;
}

.icobox>img {
    float: left;
    margin-top: 40px;
    margin-right: 12px;
    padding-left: 23px;
}

.ico_text {
    float: left;
    margin-top: 28px;
}

.ico_text h5 {
    font-size: 18px;
    margin-top: 3px;
}

.ico_text h6 {
    font-size: 12px;
    color: #8d8d8d;
}

.icobox:hover h5 {
    color: #40ac01;
}

/*ico结束*/


.backRed {
    padding-top: 1px;
    box-sizing: border-box;
    background: #fff;
    height: 580px;
}

.centnet {
    margin: 0 auto;
    width: 1200px;
}

.Tab-legt {
    background: #ffffff;
}



a, img {
    border: 0;
    text-decoration: none;
}

#wrapper {
    width: 960px;
    margin: 60px auto 0 auto;
}

.baaaer {
    height: 100px;
    background: teal;
}

/* tabs */
#tabs, #tabs2, #tabs3, #tabs4, #tabs5 {
    width: 100%;
}

#rabs4 ul {
    width: 240px;
    float: left;
}

#tabs4 ul {
    width: 240px;
    float: left;
}

#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li {
    position: relative;
    width: 240px;
    height: 96px;
}

#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a {
    /* display: block; */
    background: #f5f5f5;
    width: 240px;
    height: 96px;
    text-align: center;
    /* padding-top: 40px; */
    box-sizing: border-box;
    position: absolute;
    color: #333333;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#tabs4 li .clpop {
    background: #e6a845;
    color: #fff;
}

#tabs4 li a samp {
    display: none;
    position: absolute;
    right: 5px;
}

#tabs4 li a span {
    display: block;
    color: #999999;
    font-size: 12px;
}

#tabs_container {
    position: relative;
    float: right;
    width: 723px;
    box-sizing: border-box;
    margin-right: 117px;
}

.transition {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.make_transist {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.hidescale {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideleft {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showleft {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hidescaleup {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscaleup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transform: rotatey(-90deg) scale(1.1);
    -moz-transform: rotatey(-90deg) scale(1.1);
    -o-transform: rotatey(-90deg) scale(1.1);
    -ms-transform: rotatey(-90deg) scale(1.1);
    transform: rotatey(-90deg) scale(1.1);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.showflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;

    -webkit-transform: rotatey(0deg) scale(1);
    -moz-transform: rotatey(0deg) scale(1);
    -o-transform: rotatey(0deg) scale(1);
    -ms-transform: rotatey(0deg) scale(1);
    transform: rotatey(0deg) scale(1);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.tabulous_active {
    background: #e6a845;
    color: #fff;
}

#tabs4 li .tabulous_active {
    background: #ffb62d;
    color: #fff;
    transition: all .3s ease-in-out;
    transition: .3s;
    width: 280px;
}

#tabs4 li .tabulous_active span {
    display: block;
    color: #ffedd1;
    font-size: 12px;
}

#tabs4 li .tabulous_active samp {
    display: block;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-delay: .2s;
    color: #fff;
    position: absolute;
    right: 4px;
}

.tabulousclear {
    display: block;
    clear: both;
}

.Top_cv {
    height: 40px;
    background: #3e9d06;
    line-height: 40px;
    padding-left: 16px;
    float: left;
    padding-right: 16px;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
}

.Top_cv p {
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
}

.Top_cv p img {
    width: 22px;
    height: 22px;
    display: block;
}

.clear {
    clear: both;
}

dir {
    margin: 0;
    padding: 0;
}

.Top_cv dir {
    font-size: 24px;
    float: right;
    color: white;
}

dir span {
    color: white;
}

.bac-c {
    font-size: 24px;
    padding-top: 15px;
    color: #333333;
}

.left {
    float: left;
}

.right {
    float: right;
}

.input-Yop {
    width: 350px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 46px;
    margin-bottom: 29px;
    position: relative;
    border: 1px solid #cccccc;
}

.input-Yop input {
    outline: none;
    border: none;
    color: #333333;
    height: 100%;
    display: block;
    width: 100%;
    background: none;
    color: #333333;
    text-indent: 28px;
    font-size: ;
}

.input-Yop .Prelist-From-sl-tc {
    outline: none;
    border: none;
    color: #333333;
    height: 100%;
    display: block;
    width: 95%;
    background: none;
    color: #333333;
    text-indent: 28px;
    font-size: ;
}

.input-Buttom {
    width: 350px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 46px;
    background: #e6a845;
    text-align: center;
    line-height: 46px;
    color: #fff;
    margin-bottom: 29px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}


.input-Yop-1 {
    width: 160px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 46px;
    margin-bottom: 29px;
    position: relative;
    border: 1px solid #cccccc;
    margin-right: 20px;
}

.input-Yop-1 .Prelist-From-sl-tc {
    outline: none;
    border: none;
    color: #333333;
    height: 100%;
    display: block;
    width: 95%;
    background: none;
    color: #333333;
    text-indent: 17px;
    font-size: ;
}

.input-Yop-2 {
    width: 250px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 46px;
    margin-bottom: 29px;
    position: relative;
    margin-right: 20px;
    border: 1px solid #cccccc;
}

.marght_right {
    margin-right: 0;
}

.input-Yop-2 input {
    outline: none;
    border: none;
    color: #333333;
    height: 100%;
    display: block;
    width: 100%;
    background: none;
    color: #333333;
    text-indent: 28px;
    font-size: ;
}

.input-Buttom1 {
    width: 160px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 46px;
    background: #e6a845;
    text-align: center;
    line-height: 46px;
    color: #fff;
    margin-bottom: 29px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.col-vopv {
    width: 100%;
    height: 40px;
    line-height: 40px;

}

.colzongjia {
    font-size: 24px;
    line-height: 40px;
}

.col-vopv .colzongjia span {
    color: #e6002d;
}

.colzongjiaright {
    position: absolute;
    right: -100%;
    width: 263px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 46px;
    background: #e6a845;
    text-align: center;
    line-height: 46px;
    color: #fff;
    opacity: 0;
    transition: .3s;
    color: #ffffff !important;
    margin-bottom: 29px;
    font-size: 18px;
}

.col-vopv .clo {
    opacity: 1;
    right: 10%;

}

.fensan {
    float: left;
    margin-right: 30px;
    font-size: 18px;

}


#pengyioquan {
    position: absolute;
    top: 0px;
    text-align: center;
}

#pengyioquan img {
    width: 340px;
    display: block;
    height: 160px;
    margin-bottom: 18px;
}

.pengyioquanLeft {
    width: 340px;
    margin-right: 40px;
    height: 248px;
}

.pengyioquanright {
    width: 340px;
    height: 248px;
}

input[type="checkbox"]+label {
    cursor: pointer;
    font-size: 1em;
}

[id^="checkbox-"]+label {
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}

[id^="checkbox-"]+label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

[id="checkbox-1"]:checked+label {
    background: url(http://www.syyjyz.com/statics/css/img/gou.png) no-repeat 3px 3px;
}

[id="checkbox-2"]:checked+label {
    background: url(http://www.syyjyz.com/statics/css/img/gou.png) no-repeat 3px 3px;


}

[id="checkbox-1"]:checked {
    background: url(http://www.syyjyz.com/statics/css/img/gou.png) no-repeat 3px 3px;
}

.Vdeo-1 {
    height: 443px;
    margin: 80px auto;
    position: relative;
    width: 1200px;
}

.divclop_f {
    width: 790px;
    height: 100%;
    float: left;
    box-shadow: 0 0 80px rgba(104, 104, 104, .1);
    position: relative;
}

.divclop {
    width: 790px;
    height: 10%;
    position: absolute;
    top: 50%;
    margin-top: -5%;
    left: 0;
    z-index: 999;
}

.player {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    cursor: pointer;
}

.playerButtom {
    float: right;
    width: 338px;
    padding-top: 51px;
}

.playerButtom h2 {
    font-size: 26px;
}

.playerButtomBorder {
    width: 30px;
    height: 1px;
    background: #000;
}

a {
    text-decoration: none;

}

#submitIndexFormIndex1 a {
    text-decoration: none;
    color: white;
}

#submitIndexFormIndex2 a {
    text-decoration: none;
    color: white;
}

.playerButtomZize {
    padding-top: 40px;
    line-height: 50px;
    color: #666666;
    height: 160px;
    font-size: 18px;
    margin-bottom: 40px;
}

.playerButtomZize img {
    height: 72px;
    width: 323px;
}

.playerButtom_1 {
    width: 220px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 46px;
    background: #e6a845;
    text-align: center;
    line-height: 46px;
    color: #fff;
    margin-bottom: 29px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.case_center {
    width: 100%;
    background: url(../images/ban_b.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 22px;
    padding-top: 30px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide {
    flex-shrink: 1 !important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url(http://www.syyjyz.com/statics/css/img/right.png) !important;
    right: 0 !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url(http://www.syyjyz.com/statics/css/img/left.png) !important;
    left: 0 !important;

}

.swiper-button-next, .swiper-button-prev {
    width: 50px !important;
    height: 80px !important;
}

.divclop_f video, .divclop_f img {
    width: 100%;
    height: 100%;
}



.tile_Vi {
    text-align: center;
}

.tile_Vi img {
    display: inline-block;
}



.Owner_case {
    width: 100%;
    margin-bottom: 80px;

}

.nb_sy3_box {
    width: 100%;
    height: 730px;
}

.nb_sy3_box ul {
    width: 100%;
    height: 100%;
    margin: auto;
    list-style: none;
}

/*.nb_sy3_box ul li {
            width: 292px;
            height: 290px;
            float: left;
            background: #eee;
            margin-left: 10px;
            margin-bottom: 10px;
            position: relative;
        }*/

/* CSS 代码 */


.nb_sy3_box ul li {
    overflow: hidden;
    position: relative;
}

.slidiv {
    height: 100%;
    width: 100%;
    background: #e6002d;
    position: absolute;
    left: 100%;
    top: 0;
    font-size: 18px;
    box-sizing: border-box;
    padding-top: 20%;
    color: #fff;
    text-align: center;
}

.slidiv a {
    width: 180px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 23px;
    transition: .3s;
    border-radius: 46px;
}

.slidiv p {
    line-height: 40px;
}

#cideoaaaa {
    background: #ffffff !important;
}

.slidiv a:hover {
    border: none;
    background: #e6a845;
}

.nb_sy3_box ul li {
    width: 32.91666666666667%;
    height: 380px;
    float: left;
    overflow: hidden;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
}

.nb_sy3_box ul li img {
    width: 100%;
    height: 100%;
}

.nb_sy3_box ul .liubai {
    margin-right: 0;
}

.nb_sy3_box ul .liubai25 {
    margin-right: 0;
}

@media screen and (max-width:1620px) {
    .nb_sy3_box ul li {
        width: 32.9%;
        height: 340px;
    }

}

@media screen and (max-width:1560px) {
    .nb_sy3_box ul li {
        width: 32.8%;
        height: 340px;
    }

}

@media screen and (max-width:1320px) {
    .nb_sy3_box ul li {
        width: 32.7%;
        height: 320px;
    }

}

@media screen and (max-width:1200px) {
    .nb_sy3_box ul li {
        width: 32.7%;
        height: 300px;
    }

    .nb_sy3_box {
        width: 1200px;
        margin: auto;
    }
}

.slidiv {
    height: 100%;
    width: 100%;
    background: #e6002d;
    position: absolute;
    left: 100%;
    top: 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.slidiv a {
    width: 180px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 23px;
    border-radius: 46px;
}























.team {
    width: 1200px;
    margin: auto;
    height: 440px;
    margin-top: 20px;
    margin-bottom: 80px;
}

.Team-box {
    width: 290px;
    position: relative;
    height: 440px;
    float: left;
    text-align: center;
    margin-right: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.Team-box img {
    height: 284px;
    width: 100%;
    display: block;
}

.Team-box h2 {
    padding-top: 24px;
    font-size: 24px;
}

.Team-box h2 span {
    font-size: 16px;
}

.Team-box p {
    line-height: 40px;
}

.Team-boxfooter {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
}

.Team-boxfooterLeft {
    width: 50%;
    height: 40px;
    text-align: center;
}

.Team-box a {
    color: #484848;
    font-size: 18px;
    font-weight: 800px;
}

.Team-boxfooterrigt {
    width: 50%;
    height: 40px;
    background: #e6a845;
    text-align: center;
}

.Team-boxfooterrigt a {
    color: #fff;
}


.Vr_c {
    height: 823px;
    background: #e6002d;
    margin-bottom: 80px;
}

.Vr_cBox {
    width: 1200px;
    box-sizing: border-box;
    height: 540px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
}

.Shen_fafa p {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    height: 70px;
    width: 70px;
}

.Shen_fafa img {
    width: 100%;
    height: 100%;
}

.Shen_fafa {
    width: 1180px;
    height: 520px;
}

.swiper-pagination-bullet {
    display: inline-block;
}

.days_dash {
    width: 1180px;
    margin-top: 36px;
}

.days_dash .swiper-pagination-bullet {
    background: none;

}

.days_dash .swiper-pagination-bullet-active {

    background: url(http://www.n8house.com/static/index/pc/index/img1/dain1.png) !important;
}

.swiper-pagination-bullet {}

.swiper-button-next, .swiper-button-prev {
    margin-top: -3px !important;
}

.days_dash .swiper-pagination-bullet {
    border: 1px solid #fff;
    margin: 5px 5px;
    opacity: 1;
    height: 16px;
    width: 16px;
    background: url(http://www.n8house.com/static/index/pc/index/img1/dain.png);
}

.Let_df {
    position: absolute;
    background: url(http://www.n8house.com/static/index/pc/index/img1/right1.png) !important;
    width: 64px !important;
    bottom: 0px !important;
    top: 105% !important;
    height: 32px !important;
    left: 435px !important;
    z-index: 999;
}

.Topoa_ri {
    position: absolute;
    background: url(http://www.n8house.com/static/index/pc/index/img1/left1.png) !important;
    width: 64px !important;
    top: 105% !important;

    bottom: 0px !important;
    height: 32px !important;
    left: 700px !important;
}


.cop-vlaopc {
    height: 500px;
    width: 1200px;
    margin: auto;
    margin-bottom: 80px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    margin-top: 20px;
}

.fiv-p {
    width: 500px;
    height: 500px;
    box-sizing: border-box;
    padding-left: 50px;
    padding-top: 79px;
    background: #e6002d;
    color: #fff;
    float: left;
}

.fiv-p h2 {
    font-size: 26px;
    padding-bottom: 44px;
}

.fiv-p p {
    font-size: 16px;
    line-height: 44px;
}

.fiv-r {
    float: right;
    width: 700px;
    position: relative;
    height: 500px;
}

.divclop1 {
    width: 700px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.fiv-p a {
    width: 180px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 23px;
    text-align: center;
    border-radius: 46px;
}

.Decoration {
    margin: 0 auto;
    padding-top: 20px;
    width: 1200px;
}

.DecorationBox {
    width: 386px;
    float: left;
    height: 560px;
    transition: .3s;
    margin-right: 14px;
    position: relative;

}

.DecorationBox_vo {
    width: 386px;
    height: 560px;
    border: 1px solid #d6d7dc;
    box-sizing: border-box;
}

.DecorationBoxTop {
    width: 100%;
    height: 180px;
    background: #f5f5f5;
    text-align: center;
}

.DecorationBoxTop img {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-top: 40px;
}

.DecorationBoxTop p {
    font-size: 24px;
    line-height: 50px;
    color: #575e60;
}

.Zize_cv {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    padding-top: 22px;
    color: #666666;
}

.Zize_cv p {
    line-height: 40px;
    font-size: 16px;
}

.Zize_cv p a {
    color: #666666;
}

.DecorationBoxfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    line-height: 66px;
}

.DecorationBoxfooter a {
    display: block;
    color: #666;
}

.Zize_cv1 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    display: none;
    padding-top: 22px;
    color: #666666;
}

.Zize_cv1 a {
    color: #666666;
}

.Zize_cv1 span {
    display: block;
    font-size: 16px;
    color: #e6002d;
    margin-bottom: 15px;
}

.Zize_cv1 img {
    display: block;
    width: 100%;
    height: 102px;
}

.Zize_cv1 p {
    line-height: 40px;
    font-size: 16px;
}

.DecorationBox:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.DecorationBox:hover .Zize_cv {
    display: none;
}

.DecorationBox:hover .Zize_cv1 {
    display: block;
}

.yusuan1 {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 100px;
}

.index-menu {
    padding: 30px 0;
    width: 100%;
    background: #f2f2f2;
}

.index-menu ul {
    padding: 0;
}

.index-menu li {
    width: 240px;
    height: 100px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.index-menu li .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-menu li .txt {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    padding-top: 20px;
    padding-left: 15px;
    line-height: 1.4;
    width: 100%;
}

.index-menu li .txt h4 {
    font-size: 22px;
    font-weight: 600;
}

.index-menu li i {
    width: 26px;
    height: 35px;
    display: inline-block;
    background: url(../image/hb.png)no-repeat;
    animation: bounce-up 1.5s linear infinite;
    margin-left: 15px;
}

.index-service {
    padding: 0;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
}

.index-service li {
    width: calc(480*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: calc(600*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
    overflow: hidden;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
}

.index-service li img {
    width: calc(480*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
    height: calc(600*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.index-service li .txt {
    position: absolute;
    bottom: 0;
    height: calc(220*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
    color: #fff;
    padding: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    width: 88%;
    line-height: 0.8;
}

.index-service li .txt h4 {
    font-size: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
    margin-bottom: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
    text-shadow: 0 5px 5px #666;
    display: flex;
    align-items: center;
}

.index-service li .txt h4 span {
    display: inline-block;
    background: #74c966;
    text-shadow: none;
    border-radius: 0 10px 10px 10px;
    padding: 10px 10px;
    vertical-align: top;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-left: 10px;
}

.index-service li .txt p {
    font-size: 16px;
    line-height: 1.5;
}

.index-service li .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
}

.index-service li .cover .btn {
    display: block;
    position: absolute;
    left: 50%;
    top: 45%;
    background: #74c966;
    color: #fff;
    width: 150px;
    margin-left: -75px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
}

.index-service li:hover .cover {
    opacity: 1;
}

.tran5 {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.home_top {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 73px;
    padding-bottom: 50px;
}

.home_top span {
    font-size: 40px;
    color: #00a147;
    display: block;
    margin-bottom: 5px;
}

.home_top i {
    color: #333;
    font-style: normal;
}

.home_top p {
    color: #666666;
    font-size: 16px;
}

.ar_bg {
    width: 1200px;
    margin: 0 auto;
}

.ar_bg ul li span {
    color: #333333;
    font-size: 16px;
    display: block;
    width: 100%;
    margin-top: 54px;
    margin-left: 2px;
    text-align: center;
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    margin-top: 30px;
    padding-left: 6px; */
}

.ar_bg ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 112px;
    background-size: cover;
    /* position: relative; */
}

.ar_bg ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* .ar_bg ul li:nth-child(1) {
    width: 116px;
    height: 112px;
    background: url(../image/1.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(2) {
    width: 116px;
    height: 112px;
    background: url(../image/2.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(3) {
    width: 116px;
    height: 112px;
    background: url(../image/3.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(4) {
    width: 116px;
    height: 112px;
    background: url(../image/4.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(5) {
    width: 116px;
    height: 112px;
    background: url(../image/5.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(6) {
    width: 116px;
    height: 112px;
    background: url(../image/6.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(7) {
    width: 116px;
    height: 112px;
    background: url(../image/7.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(8) {
    width: 116px;
    height: 112px;
    background: url(../image/8.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:nth-child(9) {
    width: 116px;
    height: 112px;
    background: url(../image/9.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(1) {
    width: 116px;
    height: 112px;
    background: url(../image/1-1.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(2) {
    width: 116px;
    height: 112px;
    background: url(../image/2-2.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(3) {
    width: 116px;
    height: 112px;
    background: url(../image/3-3.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(4) {
    width: 116px;
    height: 112px;
    background: url(../image/4-4.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(5) {
    width: 116px;
    height: 112px;
    background: url(../image/5-5.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(6) {
    width: 116px;
    height: 112px;
    background: url(../image/6-6.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(7) {
    width: 116px;
    height: 112px;
    background: url(../image/7-7.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(8) {
    width: 116px;
    height: 112px;
    background: url(../image/8-8.png) no-repeat;
    background-size: cover;
}

.ar_bg ul li:hover:nth-child(9) {
    width: 116px;
    height: 112px;
    background: url(../image/9-9.png) no-repeat;
    background-size: cover;
} */

.sjanli {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 39px;
}

.sjanli span {
    font-size: 40px;
    color: #333;
    display: block;
}

.sjanli i {
    color: #666;
    font-size: 16px;
}

.case_tab ul li {
    background: #00a448;
}

.box10 {
    padding-bottom: 70px;
    width: 1200px;
    margin: 0 auto;
}

.box10 .accordion-box {
    width: 100%;
    height: 603px
}

.box10 .accordion-box ul {
    padding: 0;
    width: inherit;
    height: 603px;
    overflow: hidden;
    position: relative
}

.box10 .accordion-box ul li {
    width: 792px;
    height: 603px;
    position: absolute;
    top: 0;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.box10 .accordion-box ul li .left {
    width: 724px;
    height: inherit;
    position: relative;
    float: left;
    height: 603px;
}

.bg_r {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
}

.box10 .accordion-box ul li .left .shadow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 724px;
    height: 125px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    z-index: 9;
}

.box10 .accordion-box ul li .left .shadow .title {
    line-height: 35px;
}

.box10 .accordion-box ul li .left .shadow a {
    width: 122px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;

    color: #fff;
}

.box10 .accordion-box ul li .left .shadow a img {
    width: 8px;
    height: 14px;
}

.box10 .accordion-box ul li .left img {
    z-index: -1;
    width: 724px;
    height: 603px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}

.box10 .accordion-box ul li .right {
    width: 68px;
    height: 603px;
    display: flex;
    align-items: center;
    position: relative;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}

.box10 .accordion-box ul li .right .title {
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    position: absolute;
    left: 17px;
    font-size: 20px;
    -webkit-writing-mode: tb-lr;
    -ms-writing-mode: tb-lr;
    color: #333;
}

.box10 .accordion-box ul li .right .title span {
    font-size: 16px;
    color: #999;
    margin-top: 12px;
    text-transform: uppercase;
}

.box10 .accordion-box ul li .right .sub-title {
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    position: absolute;
    top: 115px;
    font-size: 14px;
    left: 27px
}

.box10 .accordion-box ul li .right::before {
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 48%;
    left: -10px;
    width: 0;
    height: 0;
    border-right-width: 10px;
    border-right-style: solid;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: transparent
}

.box10 .accordion-box ul li:nth-child(odd) .right {
    background: rgba(0, 164, 72, 1)
}

.box10 .accordion-box ul li:nth-child(odd) .right::before {
    border-right-color: #DEE0E2
}

.box10 .accordion-box ul li:nth-child(even) .right {
    background: #f2f2f2
}

.box10 .accordion-box ul li:nth-child(even) .right::before {
    border-right-color: #f2f2f2
}

.box10 .accordion-box ul li:hover .right {
    background: rgba(0, 164, 72, 1);
}

.box10 .accordion-box ul li:hover .right::before {
    border-right-color: rgba(0, 164, 72, 1);
}

.box10 .accordion-box ul li:hover .right .title {
    color: #fff;
}

.arsoan {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.arsoan i {
    display: block;
    width: 130px;
    height: 31px;
    background: #ffb62d;
    text-align: center;
    line-height: 31px;
    border-radius: 20px;
    color: #fff;
    margin-right: 17px;
}

/* .index-icon {
    background-image: url(../image/index_bg_s.png);
    background-image: -webkit-image-set(url(../image/index_bg_s.png) 1x, url(//img.to8to.com/to8to_pc/index/statics/img/index_bg_l.png) 2x);
    background-repeat: no-repeat
} */

.itianmet {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.itianmet span {
    font-size: 40px;
    color: #333;
    display: block;
}

.itianmet i {
    font-size: 16px;
    color: #666;
}

.case_er_top {
    /* height: 400px; */
}


.gengduio {
    width: 77px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    color: #00a147;
    font-size: 16px;
    border: 2px solid #00a147;
    position: absolute;
    right: 20px;
    bottom: 13px;
}

.gengduio a {
    display: block;
    width: 77px;
    height: 27px;
    color: #00a147;
}

/*专题*/
.zhu_ti {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.zhu_name {
    overflow: hidden;
    width: 100%;
    margin: 15px 0 5px;
}

.zhu_name .zhu_name_left {
    height: 57px;
    line-height: 57px;
    float: left
}

.zhu_name .zhu_name_left span {
    display: block;
    background: url(../images/xindex_160.png) left no-repeat;
    font-size: 38px;
    text-indent: 40px;
    float: left;
    font-weight: bold;
}

.zhu_name .zhu_name_left p {
    float: left;
    font-size: 18px;
    color: #595959;
    margin-left: 15px
}

.zhu_name .zhu_name_right {
    height: 57px;
    line-height: 57px;
    float: right
}

.zhu_name .zhu_name_right a {
    background: #ffd9bb;
    color: #fe9137;
    padding: 6px 15px;
    font-size: 16px;
    border-radius: 20px
}

.zhu_name .zhu_name_right a:hover {
    background: #fe9137;
    color: #fff
}

.zhu_ti .zhu_center {
    width: 100%;
    overflow: hidden;
    position: relative
}

.zhu_ti .zhu_center .bd {
    padding: 20px;
    overflow: hidden;
    position: relative;
    width: 88%;
    margin: 0 auto;
    height: 115px
}

.zhu_ti .zhu_center .bd ul {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 115px
}

.zhu_ti .zhu_center .bd ul li {
    float: left;
    width: 254px;
    height: 115px;
    margin: 0 5px;
    border-radius: 5px;
    overflow: hidden
}

.zhu_ti .zhu_center .bd ul li img {
    width: 100%;
    /*height: 100%;*/
    height: 115px;
    display: block
}

.zhu_ti .zhu_center .bd ul li a {
    display: block
}

.zhu_ti .zhu_center .prev {
    background: #00a448 url(../images/xindex_164z.png) center no-repeat;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 55px;
    left: 0
}

.zhu_ti .zhu_center .next {
    background: #00a448 url(../images/xindex_164y.png) center no-repeat;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 55px;
    right: 0
}

.zhu_ti .zhu_center .prev:hover {
    background: #fe9137 url(../images/xindex_164z.png) center no-repeat;
}

.zhu_ti .zhu_center .next:hover {
    background: #fe9137 url(../images/xindex_164y.png) center no-repeat;
}

/*友链*/
.you_lain {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.you_lain .you_name {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.you_lain .you_name span {
    display: block;
    font-size: 38px;
    color: #1179e5;
    font-weight: 700;
    height: 60px;
    line-height: 60px
}

.you_lain .you_name span i {
    font-size: 18px;
    color: #595959;
    margin: 0 15px
}

.you_lain .you_name span em {
    font-size: 24px;
    color: #000;
    font-weight: 700
}

.you_gun {
    width: 100%;
    background: #f6f6f6;
    margin: 20px 0 50px
}

.you_gun .bd {
    width: 99%;
    margin: 0 auto;
    height: 50px;
    overflow: hidden;
    padding: 20px 0
}

.you_gun .bd ul {
    height: 50px;
    overflow: hidden;
    position: relative
}

.you_gun .bd ul li {
    height: 50px;
    float: left;
    margin: 0 5px
}

.you_gun .bd ul li img {
    width: 170px;
    height: 49px;
    display: block
}

.pop1 {
    display: none;
}

.pop2 {
    display: none;
}

.pop3 {
    display: none;
}

.pop4 {
    display: none;
}

.yuyue_sj {
    width: 438px;
    height: 444px;
    margin: 10% auto;
    background: url(../images/bg1.png) no-repeat center center;
    position: relative
}

.yuyue_sj img {
    cursor: pointer;
}

.yuyue_sj .sjsj {
    padding-top: 66px;
    margin-left: 30px;
    width: 384px
}

.yuyue_sj .sj_h2 {
    display: inline-block;
    width: 384px;
    color: #333;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px
}

.yuyue_sj .sj_p {
    width: 100%;
    display: inline-block;
    color: #666;
    font-size: 18px;
    text-align: center;
    margin-bottom: 4px
}

.yuyue_sj .t_bjform {
    padding-top: 24px
}

.zhu_tibox {
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 20px;
}

.telphone7, .telphone8, .telphone9 {
    width: 372px;
    height: 48px;
    padding-left: 10px;
    background-color: #f2f2f2;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #d8d8d8;
    font-size: 15px;
}

.yuyue_sj .aa7 {
    display: inline-block;
    width: 384px;
    height: 50px;
    background-color: #1e7de7;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}

.yuyue_sj .bj7_p {
    width: 100%;
    color: #999;
    font-size: 14px;
    text-align: center;
    padding-top: 10px
}

.buton {
    width: 100%;
    background: url(../images/but_bg.png) no-repeat;
    background-size: 100% 100%;
    height: 550px;
}

.buton ul {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 54px;
    justify-content: space-between;
}

.buton ul li {
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    /* padding-right: 20px; */
}

.buton ul li .sbut_le {}

.buton ul li .sbut_le .log {}

.buton ul li .sbut_le .log img {
    width: 245px;
    height: 63px;
}

.con_box {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}

.zixun {
    display: flex;
    width: 233px;
    justify-content: space-between;
    padding-top: 42px;
}

.zixun a {
    display: block;
    width: 105px;
    height: 34px;
    background: #fff;
    text-align: center;
    line-height: 34px;
    border-radius: 20px;
    color: #0fa953;
}

.zixun a:nth-child(2) {
    display: block;
    width: 105px;
    height: 34px;
    background: transparent;
    text-align: center;
    line-height: 34px;
    border-radius: 20px;
    color: #fff;
    border: 2px solid #fff;
}

.wx_tp {
    width: 245px;
    height: 46px;
    display: flex;
    align-items: center;
}

.wx_tp {
    width: 245px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}

.r_img_t {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.r_img_t i {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

.cont_le {
    display: flex;
    flex-direction: column;
}

.spanar {
    font-size: 20px;
    color: #fff;
    padding-left: 30px;
    padding-bottom: 20px;
}

.cr_t {
    font-size: 16px;
    color: #fff;
    padding-left: 15px;

}

.cr_t span {}

.crig_le {}

.cr_c {
    width: 290px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
    justify-content: space-between;
}

.cr_t i {
    font-size: 36px;
    color: #fff;
}

.cr_lar {
    display: flex;
    align-items: center;
    padding-top: 27px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.cr_lar span {
    font-size: 16px;
    color: #fff;
}

.cr_lar p {
    font-size: 12px;
    color: #fff;
}

.l_img {
    padding-right: 5px;
}

.lianjie {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    height: 30px;
}

.lian_cont {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
}

.areanmt {
    position: relative;
}

.areanmt::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100px;
    height: 20px;
    left: -29px;
    background-color: transparent;
}

.areanmt:hover .form_input {
    display: block;
}

.in_submit {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
}

.form_input {
    width: 214px;
    height: 168px;
    background-color: #FFF;
    position: absolute;
    bottom: -175px;
    left: -88px;
    z-index: 9;
    display: none;
    z-index: 999999999;
}

.form_input input[type="submit"] {
    width: 174px;
    height: 30px;
    background: #00a448;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.form_input span {
    font-size: 14px;
    color: #333;
    text-align: center;
    display: block;
    padding-top: 21px;
}

.form_input .for {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.form_input .for input {
    width: 175px;
    height: 30px;
    border: 1px solid #000;
    margin: 0 auto;
    padding-left: 5px;
}

.check {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}

.check i {
    color: #333;
    font-size: 10px;
}

.check_wai {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #959595;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}

.check_nei {
    width: 5px;
    height: 5px;
    background: #00a549;
    border-radius: 50%;
}

.lian_cont a {
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    height: 30px;
    line-height: 30px;
}

.btn_cont {
    width: 100%;
    height: 105px;
    background: #00a448;
    position: fixed;
    bottom: 0;
    z-index: 9999;
}

.nt_bant {
    height: 105px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nt_conatn span {
    font-size: 12px;
    color: #fff;
}

.nt_conatn {
    display: flex;
    height: 63px;
    margin-right: 29px;
}

.nt_t {
    margin-right: 20px;
}

.nt_cont {
    display: flex;
    align-items: center;
}

.nt_conatn span {
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    font-size: 12px;
    -webkit-writing-mode: tb-lr;
    -ms-writing-mode: tb-lr;
    color: #fff;
    display: block;
    margin-right: 13px;
    margin-top: 10px;
}

.r_smail {
    display: flex;
    align-items: center;
}

.r_ar span {
    font-size: 14px;
    color: #fff;
}

.r_ar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0 16px;
}

.imga_r {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ar_phone {
    display: flex;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 10px;
    height: 67px;
    align-items: center;
    padding-right: 10px;
}

.ar_r {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.ar_r span {
    font-size: 12px;
    color: #fff;
}

.ar_r i {
    font-size: 16px;
    color: #fff;
}

.cl_top span {
    color: #fff;
}

.cl_top {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 63px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.bg_tanbar {
    width: 929px;
    height: 382px;
    display: flex;
    justify-content: space-between;
}

.bg_lefat {
    width: 646px;
    height: 382px;
    background: url(../images/sarbg.png) no-repeat;
    background-size: 100% 100%;
}

.bg_lefat1 {
    width: 646px;
    height: 382px;
    background: url(../images/biaodan2.png) no-repeat;
    background-size: 100% 100%;
}

.bg_lefat2 {
    width: 646px;
    height: 382px;
    background: url(../images/biaodan1.png) no-repeat;
    background-size: 100% 100%;
}

.bg_lefat3 {
    width: 646px;
    height: 382px;
    background: url(../images/biaodan3.png) no-repeat;
    background-size: 100% 100%;
}

.bg_lefat4 {
    width: 646px;
    height: 382px;
    background: url(../images/biaodan4.png) no-repeat;
    background-size: 100% 100%;
}

.bg_righat {
    width: 266px;
    height: 382px;
    background: url(../images/biaodan5.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -127px;
}

.bg_rtop {
    width: 100%;
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 3px;
    left: 3px;
}

.bt_top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 49px;
}

.bg_rtop span {
    color: #fff;
    font-size: 20px;
    display: block;
    width: 150px;
    text-align: center;
}

.bg_rtop img {
    width: 34px;
    height: 36px;
    margin-right: 8px;
}

.aran {
    display: flex;
    justify-content: space-between;
    padding: 0 14px;
    margin-top: 14px;
    font-size: 17px;
}

.aran a {
    display: block;
    width: 117px;
    height: 37px;
    background-color: #fff;
    color: #00a147;
    text-align: center;
    line-height: 37px;
}

.aran a:nth-child(2) {
    background: #ffb62d;
    color: #fff;
}

.gundong {
    width: 220px;
    height: 210px;
    margin: 0 auto;
    margin-top: 96px;
}

.bg_rtop span i {
    color: #ff0000;
}

.bt_top span {
    font-size: 28px;
    color: #fff;
    display: block;
    margin-left: 10px;
}

.ular_s {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ular_s .arul {
    display: flex;
    align-items: center;
    margin-right: 10px;
    padding-top: 10px;
}

.ular_s .arul i {
    color: #fff;
    font-size: 12px;
    display: block;
    margin-left: 5px;
}

.l_one {
    width: 243px;
}

.foram_input {
    padding: 0 105px;
    padding-top: 135px;

}

.foram_input form {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.l_one input[type="text"] {
    width: 243px;
    height: 30px;
    border-radius: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.l_one input[type="text"]:last-child {
    margin-bottom: 0;
}

.l_one input::-webkit-input-placeholder {
    color: #d2d2d2;
}

.l_two {
    width: 177px;
    height: 177px;
    padding: 6 59px;
    /* margin-left: 10px; */
}

.l_two button {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 42px;
    margin-top: 10px;
}

.l_three {
    width: 228px;
    height: 127px;
    border: 2px solid #fff;
    border-radius: 10px;
    padding-left: 8px;
}

.l_three span {
    color: #fff;
    font-size: 16px;
    display: block;
    padding-top: 12px;
}

.l_three1 {
    display: flex;
    align-items: center;
    padding-top: 20px;

}

.l_three1 i {
    font-size: 14px;
    color: #fff;
    display: block;
    margin-right: 6px;
}

.l_three1 .bj {
    border-radius: 22px;
    height: 22px;
    padding: 0 10px;
    background-color: #fff;
    text-align: center;
    line-height: 22px;
    color: #00a448;
}

.l_three1 img {
    margin-right: 6px;
}

.jigo {
    color: #e9f6e6;
    opacity: 0.5;
    font-size: 9px;
    padding-left: 27px;
    padding-top: 21px;
    position: absolute;
    left: 85px;
    bottom: 50px;
}

.scroll-container {
    width: 100%;
    height: 210px;
    overflow: hidden;
}

#scroll-list {
    margin: 0;
    padding: 0;
    list-style: none;
    /* animation: scroll 60s linear infinite; */
}

#scroll-list ul li {
    /*position: relative;*/
    /*width: 220px;*/
    /*height: 30px;*/
    position: relative;
    width: 220px;
    height: 16px;
    padding: 7px 10px;
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

.scroll-list div {
    display: flex;
    justify-content: space-between;
    padding: 6px 11px;
}

.nav-first-left:hover .city-option-box {
    display: block;
}

.city-option-box {
    display: none;
}

.header-box-center1:hover .tel-pop {
    display: block;
}

.tel-pop {
    display: none;
}

/* leftsead */

#leftsead {
    height: 143px;
    position: fixed;
    top: 168px;
    right: 0px;
    z-index: 9999;
}

*html #leftsead {
    margin-top: 258px;
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
}

#leftsead li {
    /* width: 131px; */
    height: 50px;
    margin-right: 4px;
    margin-top: 4px;
}

#leftsead li img {
    float: right;
}

#leftsead li a {
    height: 49px;
    float: right;
    display: block;
    min-width: 47px;
    max-width: 131px;
}

#leftsead li a .shows {
    display: block;
}

#leftsead li a .hides {
    margin-right: -143px;
    cursor: pointer;
    cursor: hand;
}

a {
    /* color: #333; */
}

#leftsead li a.youhui .hides {
    display: none;
    position: absolute;
    right: 190px;
    top: 2px;
}
/* 右悬浮*/
.d-button {}
.d-button-c { display:none;}
.d-button:hover .d-button-c {display:block;}

/* 右悬浮*/

.header-nav ul li a:hover .header-box-center1 {
    color: red;
}

.headers-box {
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    /* padding: 20px 0px; */
    z-index: 50;
    /* border-bottom: 1px solid #dcdcdc; */
}

#daohanga {
    width: 1200px;
}

.header-white {
    background: rgb(255, 255, 2555);
}

.navboxx {
    /* width: 1211px; */
    margin: auto;
}

.header-box-center {
    display: block;
    width: 930px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.header-logo-box {
    display: inline-block;
    vertical-align: middle;
    margin-top: -9px;
}

.header-logo-box img {
    display: inline-block;
    vertical-align: middle;
}

.header-logo-green {}

.header-city-box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 10;
}

.citybox-city-btn:hover {
    cursor: pointer;
}

.header-city-list-box {
    position: absolute;
    top: 28px;
    left: 40px;
    width: 180px;
    height: auto;
    background: #fff;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    display: none;
}

.header-city-list-box ul li {
    float: left;
    text-align: center;
    margin: 5px;
}

.header-city-list-box ul li a {
    color: #000;
    font-size: 12px;
    padding: 3px;
}

.header-city-list-box ul li a:hover {
    background: #096b4d;
    color: #fff;
}

.header-nav {
    display: inline-block;
}

.header-nav ul li {
    display: inline-block;
    text-align: center;
    /* margin-right: 28px; */
    font-size: 14px;
}

.xiabiao {
    margin-bottom: 3px;
}

.shangbiao {
    display: none;
    margin-bottom: 3px;
}

.header-nav ul li a {
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.header-nav ul li a:hover {
    cursor: pointer;
    color: #40ac01;
}

.header-nav ul li a:hover .xiabiao {
    display: none;
}

.header-nav ul li a:hover .shangbiao {
    display: inline;
}

.header-nav ul li:hover {
    cursor: pointer;
    color: rgb(0, 174, 102);
}

.header-search-box {
    display: inline-block;
    margin-left: 11px;
}

.header-search-btn {
    display: inline-block;
    width: 40px;
    height: 34px;
    border-radius: 10px;
    background: #00ae67;
    vertical-align: middle;
    position: relative;
}

.header-search-btn:hover {
    cursor: pointer;
}

.header-search-btn img {
    display: inline-block;
    margin-top: 9px;
}

.header-right-box {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: auto;
}

.header-right-box img {
    display: inline-block;
    vertical-align: middle;
}

.header-right-box span {
    font-size: 20px;
    color: #7d7d7d;
    vertical-align: middle;
    margin: 0px 3px;
}

.header-search-input-form {
    position: absolute;
    right: 45px;
    top: 0px;
    width: 670px;
    height: 50px;
    background: #fff;
    display: none;
}

.header-search-input-select-btn {
    position: absolute;
    width: 80px;
    height: 33px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #18af68;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    right: 345px;
    z-index: 2;
    border: 1px solid #dcdcdc;
}

.header-search-input-select-btn:hover {
    cursor: pointer;
    background: #18af68;
    color: #fff;
}

.little-arrows {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    vertical-align: middle;
    margin-left: 5px;
}

.header-search-select-list {
    position: absolute;
    top: 28px;
    left: 0px;
    width: 80px;
    padding: 0px 15px;
    padding-left: 18px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    background: #18af68;
    display: none;
}

.header-search-select-list div {
    color: #fff;
    font-size: 12px;
    text-align: left;
    display: block;
    border-bottom: 1px solid #60c899;
    height: 28px;
    line-height: 28px;
    z-index: 2;
}

.header-search-select-list div:hover {
    font-weight: bold;
}

.header-search-input {
    position: absolute;
    display: block;
    width: 350px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    right: 20px;
    padding-left: 30px;
    box-sizing: border-box;
}

.header-search-icon {
    position: absolute;
    right: 31px;
    top: 0px;
}

.header-search-icon:hover {
    cursor: pointer;
}

.header-box-second {
    display: none;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 142px;
    border-top: 1px solid #dcdcdc;
}

.header-box-second-center {
    margin: 0 auto;
    text-align: center;

}

.header-box-second-center-icon-box {
    display: inline-block;
    margin: 0 auto;
    width: 120px;
    zoom: 1;
    margin-right: 80px;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
    padding-top: 20px
}


.header-box-second-center-icon-box:hover .menu2-text {
    color: #40ac01;
}

.header-box-third-box {
    position: absolute;
    top: 120px;
    left: 0px;
    z-index: 1;
    background: #60c899;
    text-align: center;
    width: 120px;
    height: auto;
    box-sizing: border-box;
}

.header-box-third-box a {
    display: block;
    color: #000;
    background-color: #fff;
    text-align: center;
    padding: 17px 0px;
    font-size: 14px;
}

.header-box-third-box a:hover {
    background-color: #18af68;
    color: #fff;

}

.menu2-text {
    color: #000;
    font-size: 16px;
}

.prevarea {
    position: absolute;
    top: 50%;
    left: -49px;
    transform: translate(0, -50%);
    cursor: pointer;
}

.prevarea img {
    width: 45px;
    height: 45px;
}

.nextarea {
    position: absolute;
    top: 50%;
    right: -46px;
    transform: translate(0, -50%);
    cursor: pointer;
}

.nextarea img {
    width: 45px;
    height: 45px;
}



.side {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 0;
    top: 214px;
    z-index: 100;
}

.side ul li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    border-bottom: 1px solid #444;
}

.side ul li .sidebox {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

.side ul li .sidetop {
    width: 54px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    background: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    transition: all 0.3s;
}

.side ul li .sidetop:hover {
    background: #ae1c1c;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.side ul li img {
    float: left;
}