html, body {
    position: relative;
    height: 100%;
}

body {
    /* background: #fcc800 !important; */
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    min-width:1200px;
    background: #fff !important;
}
/*.m-head {*/
    /*position: absolute;*/
    /*z-index: 3;*/
    /*top: 0;*/
/*}*/
/*.m-nav {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*z-index: 2;*/
/*}*/

.banner {
    width: 100%;
    height: 510px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    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;
    overflow: hidden;
}
.silde{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    /* 背景图垂直、水平均居中 */
    background-position: center center;
    /* 背景图不平铺 */
    background-repeat: no-repeat;
    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
    background-attachment: scroll;
    /* 让背景图基于容器大小伸缩 */
    background-size: cover;
}
.silde a{
    display: block;
    width: 100%;
    height: 100%;
}

/* 滚动点 */
.swiper-pagination{
    bottom:23px !important;
}
.swiper-pagination-bullet {
    width:105px;
    height:10px;
    background:#fff;
    opacity: 0.4;
    border-radius: 0;
    bottom: 23px;
    margin:0 5px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:105px;
    height:10px;
    background:#fff;
    opacity: 1;
}
.total-num{
    position: relative;
    height:65px;
    width:100%;
    background:#fff;
    padding:17.5px 0;
    z-index: 2;
    box-shadow: 0 5px 6px 0 rgba(204,204,204,0.41);
}
.num-width{
    width:1200px;
    margin:0 auto;
}
.num-width p{
    font-size: 30px;
    color: #333;
    width: 400px;
    text-align: center;
    display: inline-block;
}
.num-width p span:first-child{
    display: inline-block;
    height: 30px;
    line-height: 30px;
}
.num-width .numTitle{
    height: 20px;
    line-height: 20px;
    display: block;
    font-size:20px;
    color:#6e6e6e;
    margin-top: 15px;
}
.login-btn{
    background:#ee5a00;
    border:1.5px solid #ee5a00 !important;
}
.special-produce-div {
    width:100%;
    background: #f7f7f7;
    padding:55px 0 45px;
    position: relative;

}
.special-produce-div .product-list{
    width:1100px;
    margin:0 auto;
    padding:0 50px;
}
.product-list ul{
    display: inline-block;
    padding: 0;
    margin:0;
    width:350px;
    height: 380px;
    margin-right:20px;
    position: relative;
    box-shadow: 0 5px 6px 0 rgba(204,204,204,0.41);
}
.special-produce-div li {
    list-style: none;
    width: 100%;
    height: 100%;
}
.product-text{
    text-align: center;
    width: 100%;
}
.product-text h3{
    font-size: 24px;
    color: #333;
    margin:27px 0 18px;
}
.product-text h5{
    font-size: 14px;
    color: #909090;
    margin-bottom: 30px;
}
.product-text h4{
    font-size: 24px;
    color: #333;
}
.product-text h4 span{
    font-size: 18px;
    color: #666;
}
.special-produce-div ul:last-child{
    margin-right: 0;
}
.special-produce-div li a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}
.special-produce-div li img {
    width: 100%;
    /* height: 100%; */
}
.special-produce-div .active-bg{
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.des {
    width: 100%;
    height:100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.6);
    color:#fff;
    text-align: center;
    display: block;
}
.des-font{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}
.des h3 {
    font-size: 24px;
    margin: 80px 0 18px;
    font-weight: bold;
}
.des h4 {
    font-size:24px;
    margin-bottom: 12px;
}
.des h4 span{
    font-size: 18px;
}
.des h5{
    font-size: 14px;
    margin-bottom: 30px;
}
.des .btn {
    display:inline-block;
    width:350px;
    height:55px;
    line-height:55px;
    text-align:center;
    background:#fbc700;
    color:#333;
    font-size:18px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.produce li img {
    width: 300px;
    height: 350px;
    background: #e5e5e5;
}
.more-product{
    display:block;
    width: 150px;
    text-align: center;
    margin: 50px auto 0;
    height:50px;
    line-height:50px;
    border: 1px solid #E5E5E5;
    font-size:16px;
    color:#666;
}
.more-product:hover{
    background: #fbc700;
    border: 1px solid #fbc700;
    color: #fff;
}
.serve-div{
    width:1200px;
    margin: 59px auto 44px;
    text-align: center;
}
.mode-title{
    width: 1200px;
    text-align: left;
    margin: 0 auto;
}
.mode-title span{
    font-size:32px;
    color:#333;
    display: block;
    position: relative;
    margin-bottom: 40px;
    font-weight: bold;
}
.mode-title span:after {
    display: block;
    content: ' ';
    width: 58px;
    height: 4px;
    margin-top: 10px;
    background-image: url("../image/idx_title_btm.png");
}

.mode-title span:after {
    /*right: 323px;*/
}
.mode-title i{
    display: inline-block;
    width: 135px;
    height: 1px;
    background: #6e6e6e;
}
.mode-title i.left-line{
     margin-right: 78px;
 }
.mode-title i.right-line{
    margin-left: 78px;
}
/*.title-line{*/
    /*width:80px;*/
    /*height:5px;*/
    /*background:#ffd300;*/
    /*margin: 0 auto;*/
    /*margin: 29px auto 75px;*/
/*}*/
.serve-div ul{
    width:240px;
    height: 400px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.serve-div ul.active{
    box-shadow: 0 5px 6px 0 rgba(204,204,204,0.41);
}
/*.serve-div ul:nth-child(even){*/
    /*margin-left: 64px;*/
/*}*/
.serve-div li{
    list-style: none;
    width:100%;
    height:100%;
}
.serve-div li img{
    margin-top: 38px;
}
.instruction h3{
    margin:36px 0 29px;
    font-size:24px;
    color:#333;
}
.instruction h4{
    font-size:14px;
    height: 20px;
    line-height: 20px;
    color:#333;
}
.diyProduct {
    width: 100%;
    height: 365px;
}
.partnerList{
    width:1200px;
    margin:62px auto;
}
.partnerList .partners{
    width: 822px;
    margin:0 auto;
}
.partners-content{
    width: 924px;
    margin:0 auto;
    position: relative;
}
.partners{
    height: 323px;
}
.partners .silde{
    width: 822px;
    height: 323px;
}
.swiper-button-next,.swiper-button-prev{
    width: 15px;
    height: 31px;
    background: #B9B9B9;
}
.swiper-button-next{
    position: absolute;
    right: 0px;
    margin-top: 0;
    top: 146px;
    background: url("../image/2020/sprite.png") -204px -87px;
}
.swiper-button-prev{
    position: absolute;
    left: 0px;
    margin-top: 0;
    top: 146px;
    background: url("../image/2020/sprite.png") -168px -84px;
}

.return{
    bottom:210px;
    text-align: right;
    z-index: 2;
    position: absolute;
    /* width: 1200px; */
    right: 85px;
}
.return img{
    width:50px;
    height:40px;
    margin:0;
}
.return p{
    font-size:12px;
    color:#909090;
    text-align:right;
}
/*.partner-footer{*/
/*background-size: cover;*/
/*background-image:url("../image/main/partner_footer_bg.png");*/
/*background-repeat: no-repeat;*/
/*position:absolute;*/
/*bottom:0;*/
/*left:0;*/
/*width:100%;*/
/*}*/
/*.partner-bottom-div{*/
/*width:1200px;*/
/*margin:0 auto;*/
/*}*/
/*.partner-bottom-cont{*/
/*float:left;*/
/*width:800px;*/
/*text-align:left;*/
/*}*/
/*.company-title{*/
/*font-size:14px;*/
/*color:#e3e3e3;*/
/*margin-top:3%;*/
/*}*/
/*.company-new{*/
/*margin:2% 0 3%;*/
/*}*/
/*.company-new a{*/
/*display:inline-block;*/
/*margin-right:36px;*/
/*color:#e3e3e3;*/
/*font-size:12px;*/
/*}*/
/*.tel-title{*/
/*font-size:14px;*/
/*color:#e3e3e3;*/
/*margin-bottom:3%;*/
/*}*/
/*.tel{*/
/*font-size:24px;*/
/*color:#fcc800;*/
/*margin-left:45px;*/
/*}*/
/*.partner-attention-me{*/
/*width:400px;*/
/*float:right;*/
/*margin-top:2%;*/
/*}*/
/*.partner-attention-me li {*/
/*float: left;*/
/*width: 80px;*/
/*!* height: 130px; *!*/
/*}*/
/*.partner-attention-me img {*/
/*display: block;*/
/*width: 80px;*/
/*height: 80px;*/
/*}*/
/*.partner-attention-me li span {*/
/*display: block;*/
/*margin-top: 1%;*/
/*font-size:12px;*/
/*color:#e3e3e3;*/
/*}*/
/*.partner-attention-me .margin{*/
/*margin-left:56px;*/
/*}*/
/*.partner-bottom-div .line{*/
/*width:1200px;*/
/*margin:0 auto;*/
/*border:1px solid #5f5553;*/
/*clear:both;*/
/*}*/
/*.bot-copyright {*/
/*text-align: center;*/
/*font-size: 12px;*/
/*color: #665c5a;*/
/*margin: 1% auto 2%;*/
/*}*/
/*.bot-copyright a {*/
/*text-decoration: none;*/
/*color: #665c5a;*/
/*}*/
/*.bot-copyright i {*/
/*display: inline-block;*/
/*width: 18px;*/
/*height: 18px;*/
/*background: url(../image/main/sprite.png) -112px -8px no-repeat;*/
/*margin: 0 10px;*/
/*margin-bottom: -3px;*/
/*}*/
/*#kx_verify{*/
/*margin-right:26px;*/
/*}*/
/*#kx_verify img{*/
/*width: 50px;*/
/*height: 18px;*/
/*margin-bottom: -4px;*/
/*}*/

/*关于$测试$*/
.about-eAn{
    width: 100%;
    height: 676px;
    background:url("../image/2020/index/aboutBg.png") no-repeat top center;
}
.about-eAn img{
    float: left;
    width: 50%;
    height: 100%;
}
.about-eAn .aboutOut{
    width: 1200px;
    height: 518px;
    padding: 74px 0 84px;
    margin: 0 auto;
}
.about-eAn .aboutText{
    width: 811px;
    height: 518px;
    padding:0 77px;
    background: #fff;
    float: right;
}
.about-eAn .aboutTitle{
    font-size:40px;
    color: #333;
    /*width: 157px;*/
    height: 56px;
    line-height: 56px;
    margin-top: 82px;
}
.about-eAn .aboutLine{
    width: 80px;
    height: 5px;
    background: #ffd300;
    margin: 29px 40px 0;
    text-align: center;
}
.about-eAn .aboutCont{
    font-size: 14px;
    color:#333;
    line-height: 20px;
    margin:70px 0 101px;
}
.about-eAn .aboutMore a{
    font-size:14px;
    color: #666;
    float: right;
    margin-right: 14px;
}
.operate{
    min-height: 390px;
    width: 1200px;
    margin: 59px auto 44px;
}
.honeycomb{
    width: 550px;
    height: 390px;
    float: left;
}
.nest-container {
    display: grid;
    width: 142px;
    aspect-ratio: 1.15;
    margin: 133px auto;
}

.nest-container .nest-model {
    grid-area:1/1;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);
    background-color: #EBEBEB;
    cursor: pointer;
}

.nest-container > :nth-child(1) {
    transform: translateY(105%);
}
.nest-container > :nth-child(2) {
    transform: translateY(-105%);
}
.nest-container > :nth-child(3) {
    transform: translate(-80%,-52.5%)
}
.nest-container > :nth-child(4) {
    transform: translate(80%,-52.5%)
}
.nest-container > :nth-child(5) {
    transform: translate(80%,52.5%)
}
.nest-container > :nth-child(6) {
    transform: translate(-80%,52.5%)
}
.nest-container .nest-model .txt{
    display: block;
    font-size: 18px;
    color: #333;
    width: 75px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 50px;
}
.nest-container .nest-model:hover,.nest-container .nest-model.act{
    background: #D74046;
}
.nest-container .nest-model:hover .txt,
.nest-container .nest-model.act .txt{
    color: #FFFFFF;
}
.nest-container .nest-model:hover .txt:after,
.nest-container .nest-model.act .txt:after
{
    content: '';
    display: block;
    height: 1px;
    width: 50px;
    border-bottom: 4px solid #FFFFFF;
    border-radius: 2px;
    margin: 5px auto 0 auto;
}
.nest-banner .nest-show{
    float: right;
}
.nest-banner .nest-show .nest-img{
    width: 642px;
    height: 390px;
}