.line{/*border-top:1px solid #e5eee9;*/position:absolute;left:0;top:101px;width:100%;}

/*banner*/
.banner{padding-bottom:38.75%;background:no-repeat center center;background-size:cover;position:relative;}
.banner .text{position:absolute;left:7.5%;top:50%;transform:translateY(-50%);width:28.125%;color:#fff;}
.banner h2{font-size:40px;line-height:1.35em;font-weight:normal;padding:0;margin:0 0 15px;}
.banner p{margin:0;padding:0;}
.banner .excerpt{font-size:22px;line-height:1.5em;}

/*contact*/
#contact .table{display:table;width:100%;table-layout:fixed;min-height:500px;background-color:#ecf3ed;}
#contact .td{display:table-cell;vertical-align:middle;}
#contact .info{width:450px;overflow:hidden;border-right:8px solid #dce5d9;padding:2.5%;}
#contact .icon{width:137px;margin:0 auto 12.431%;}
#contact .icon i{display:block;padding-bottom:56.205%;background:no-repeat center center;background-size:contain;}
#contact .qrcode{text-align:center;font-size:14px;color:#333;line-height:1.75em;}
#contact .qrcode img{display:block;max-width:122px;height:auto;margin:0 auto;border:6px solid #e5ede5;}
#contact p{margin:0;padding:0;}
#contact ul{overflow:hidden;margin-bottom:6.906%;}
#contact li{overflow:hidden;color:#333;font-size:18px;line-height:27px;margin-bottom:13px;}
#contact li span{display:block;}
#contact li .l{background:no-repeat left 4px;padding-left:30px;float:left;}
#contact li .tel{background-image:url(../images/icon_01.png);}
#contact li .mail{background-image:url(../images/icon_02.png);background-position:left 6px;}
#contact li .addr{background-image:url(../images/icon_03.png);}
#contact li .r{margin-left:85px;}
#contact .mapBox{position:relative;min-height:500px;}
#contact .mapBox *{box-sizing:content-box;}
#contact #map{position:absolute;left:0;top:0;width:100%;height:100%;}
#contact .mapBox p{padding:5px 0;white-space:normal;}
#contact .mapBox img{max-width:none;}

/*special*/
#special{padding:5.208% 0 7.03125%;}
#special .project{background-color:#fff;padding:4.5% 8.4375% 5.9375%;overflow:hidden;font-size:16px;line-height:2.125em;}
#special .project h3,#special .project h4{font-size:24px;color:#06a59f;font-weight:normal;line-height:1.5em;padding:0;margin:0 0 1.128%;}
#special .project p{margin:0;padding:0;}
#special .entry{margin-bottom:4.662%;}
#special h3.title{text-align:center;margin-bottom:2.632%;}
#special .step{border:12px solid #f7f8f6;overflow:hidden;padding:3.609% 1.503% 0.602%;}
#special .item{width:25%;padding:3.5%;text-align:center;float:left;}
#special .pic{border:6px solid #06a59f;border-radius:50%;overflow:hidden;margin:0 auto 7.93%;width:70.21%;}
#special .pic i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:cover;}
#special .step h4{font-style:italic;color:#06a59f;margin-bottom:3px;}
@media (max-width: 768px) {
  #special .project h3,#special .project h4 {font-size: 20px;}
  #special .project {font-size: 14px;}
}
/*investment*/
#investment{padding:2.605% 0;}
#investment .itBox{padding:3.125% 0;}

/*boxTitle*/
.boxTitle{text-align:center;margin-bottom:2.5%;}
.boxTitle h2{font-size:30px;font-weight:normal;color:#000;line-height:1.5em;margin:0 0 3px;padding:0;}
.boxTitle h2 i{font-size:56px;color:#06a59f;display:inline-block;line-height:1.125em;transform:translateY(15%);margin:0 5px;}
.boxTitle p{font-size:14px;color:#78897f;line-height:1.75em;margin:0;padding:0;text-transform:uppercase;letter-spacing:2px;}

/*why*/
#why .list{width:102.5%;overflow:hidden;}
#why .item{width:25%;padding-right:2.5%;float:left;padding-top:3.049%;}
#why .item:nth-child(2n){padding-top:0;}
#why .item p{margin:0;padding:0;}
#why .box{position:relative;cursor:pointer;}
#why .pic{padding-bottom:132.433%;background:no-repeat center center;background-size:cover;}
#why .info{position:absolute;left:0;bottom:0;width:100%;color:#fff;background-color:rgba(6,165,159,.96);}
#why .text{padding:0 6.75%;}
#why .title{padding:6.25% 0;}
#why .title h3{font-size:20px;font-weight:normal;padding:0;margin:0;line-height:1.5em;margin-bottom:3px;}
#why .title p{font-size:14px;line-height:1.5em;color:rgba(255,255,255,.6);text-transform:uppercase;}
#why .intro{display:none;font-size:16px;line-height:2em;max-height:10em;overflow:hidden;margin:3.125% 0;}
#why .box:hover .info{height:100%;background-color:rgba(6,165,159,.96);}
#why .box:hover .text{position:relative;top:50%;transform:translateY(-50%);}
#why .box:hover .intro{display:block;}
#why .box:hover h3{font-size:24px;}
#why .box:hover p{color:rgba(255,255,255,.7);}

/*support*/
#support ul{overflow:hidden;}
#support li{float:left;width:25%;text-align:center;background-color:#f7f7f7;list-style:none;}
#support li:nth-child(2n){background-color:#99fcf9;}
#support li .box{padding:40px 10px 10px;}
#support li .icon{width:14.737%;margin:0 auto 9.474%;}
#support li i{padding-bottom:100%;display:block;background:no-repeat center center;background-size:contain;}
#support li h3{font-weight:normal;font-size:20px;line-height:1.5em;margin:0 0 6px;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#support li p{font-size:16px;line-height:1.5em;height:3em;margin:0;padding:0;overflow:hidden;}
#support ul:nth-child(2n) li{background-color:#99fcf9;}
#support ul:nth-child(2n) li:nth-child(2n){background-color:#f7f7f7;}

/*storeType*/
#storeType{overflow:hidden;}
#typeLeft{width:25%;float:left;position:relative;z-index:3;}
#typeLeft li{padding-bottom:56.5%;position:relative;background-color:#fff;color:#333;font-size:24px;line-height:1.35em;text-align:center;list-style:none;cursor:pointer;}
#typeLeft li:before{width:100%;height:0;border-bottom:1px solid #e4ebe7;content:'';display:block;position:absolute;left:0;bottom:0;}
#typeLeft li:last-child:before{display:none;}
#typeLeft li:after{content:'';display:block;position:absolute;left:100%;top:50%;transform:translateY(-50%);border-left:10px solid rgba(6,165,159,.86);border-top:10px solid transparent;border-bottom:10px solid transparent;display:none;}
#typeLeft .cur{background:rgba(6,165,159,.46) url(../images/bg_storetype.png) no-repeat center center;background-size:48.75% auto;color:#fff;}
#typeLeft .cur:after{display:block;}
#typeLeft span{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;}
#typeRight{float:left;width:75%;}
#typeRight .box{display:none;}
#typeRight .slick-load{display:none;}
#typeRight .item i{display:block;padding-bottom:56.5%;background:no-repeat center center;background-size:cover;}
#typeRight .slick-slider{display:block;}
#typeRight .slick-dots{position:absolute;right:3.333%;bottom:0;margin-bottom:3.333%;font-size:0;line-height:normal;z-index:2;}
#typeRight li{display:inline-block;list-style:none;margin-left:10px;}
#typeRight button{display:block;background-color:#fff;border-radius:50%;border:none;text-indent:-0009em;width:10px;height:10px;padding:0;cursor:pointer;}
#typeRight .slick-active button{background-color:#06a59f;}

/*recruit*/
#recruit{overflow:hidden;}
#recruit p{margin:0;padding:0;}
#recruit .left{width:430px;float:left;}
#recruit .intro{font-size:30px;color:#000;line-height:1.55em;margin-bottom:13.95%;}
#recruit .tel{font-size:16px;color:#06a59f;line-height:2em;}
#recruit .tel p{margin-bottom:7px;}
#recruit .tel span{font-size:40px;line-height:1.125em;}
#recruit .right{margin-left:430px;overflow:hidden;}
#recruit .input{position:relative;overflow:hidden;border:1px solid #e4ebe7;}
#recruit .placeholder{cursor:text;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
#recruit .placeholder i{position:relative;font-style:normal;padding-top:0;padding-bottom:0;top:50%;transform:translateY(-50%);height:auto;line-height:1.875em;}
#recruit .placeholder .rq:after{content:'*';color:#c40009;display:inline-block;margin-left:5px;}
#recruit .form{width:68.376%;float:right;}
#recruit .item{padding-bottom:20px;}
#recruit .two{width:102%;overflow:hidden;}
#recruit .two .item{width:50%;float:left;padding-right:2%;}
#recruit .two .item select{font-size:16px;color:#000;}
#recruit .text{display:block;width:100%;font-size:16px;color:#000;padding:16px 20px;height:58px;line-height:58px;border:none;background-color:#fff;}
#recruit .submit{width:196px;height:60px;color:#fff;background-color:#06a59f;font-size:16px;border:none;cursor:pointer;}
#recruit .submit:hover{opacity:.85;}
#recruit .select{position:relative;background-color:#fff;border:1px solid #e4ebe7;}
#recruit .select:after{width:8px;height:8px;border-right:1px solid #797979;border-bottom:1px solid #797979;transform:rotate(45deg);content:'';display:block;position:absolute;right:20px;top:50%;margin-top:-6px;}
#recruit select{display:block;width:100%;height:58px;line-height:58px;border:none;background-color:transparent;-webkit-appearance:none;appearance:none;padding:0 20px;color:#000;}
#recruit select::-ms-expand{display:none;}
@media(max-width:1280px){
    #contact .info{width:380px;}
    #contact li{font-size:16px;}
    .banner .excerpt{font-size:20px;}
    .banner h2{font-size:32px;margin-bottom:10px;}
    #special .project{line-height:2em;}
    /*#special .project h3,#special .project h4{font-size:22px;}*/
    .boxTitle h2{font-size:26px;}
    .boxTitle h2 i{font-size:50px;}
    #why .title h3{font-size:18px;}
    #why .intro{font-size:14px;}
    #why .box:hover h3{font-size:22px;}
    #support li h3{font-size:18px;}
    #support li p{font-size:14px;}
    #typeLeft li{font-size:22px;}
    #recruit .intro{font-size:26px;}
    #recruit .tel span{font-size:36px;}
    #recruit .form{width:95%;}
}
@media(max-width:1024px){
    .line{top:60px;}
    #contact .info{width:320px;}
    .banner .excerpt{font-size:18px;}
    .banner h2{font-size:26px;}
    #special .project{line-height:1.875em;padding-left:5%;padding-right:5%;}
    /*#special .project h3,#special .project h4{font-size:20px;}
    #special .step p{font-size:14px;line-height:1.75em;}*/
    .boxTitle h2{font-size:22px;}
    .boxTitle h2 i{font-size:44px;}
    #why .box:hover h3{font-size:18px;}
    #typeLeft li{font-size:18px;}
    #recruit .left{width:auto;float:none;margin-bottom:2.5%;}
    #recruit .intro{font-size:22px;margin-bottom:2.5%;}
    #recruit .tel span{font-size:32px;}
    #recruit .right{margin-left:0;}
    #recruit .form{width:auto;float:none;}
    #recruit .text{height:45px;line-height:45px;padding-top:10px;padding-bottom:10px;}
    #recruit select{height:45px;line-height:45px;}
    #recruit .submit{width:130px;height:50px;}
}
@media(max-width:768px){
    #contact .table,#contact .td{display:block;width:auto;}
    #contact .info{padding:5%;border-right:none;border-bottom:8px solid #dce5d9;}
    #contact .icon{margin-bottom:20px;}
    #contact ul{margin-bottom:5px;}
    #contact li{margin-bottom:5px;font-size:14px;}
    #contact .mapBox{height:auto;padding-bottom:60%;}
    .banner .text{width:90%;left:5%;}
    .banner .excerpt{font-size:14px;}
    .banner h2{font-size:20px;margin-bottom:5px;}
    #special .project{/*font-size:14px;line-height:1.75em;*/padding:7% 5%;}
   /* #special .project h3,#special .project h4{font-size:18px;}*/
    #special .item{width:50%;}
    .boxTitle{margin-bottom:5%;}
    .boxTitle h2{font-size:18px;margin-bottom:0;}
    .boxTitle h2 i{font-size:38px;}
    .boxTitle p{font-size:12px;}
    #investment{padding:5% 0;}
    #why .list{width:auto;}
    #why .item{width:100%;padding:0 0 2.5%;}
    #why .title{padding:0;margin-bottom:2%;}
    #why .title h3{font-size:16px;}
    #why .title p{font-size:12px;}
    #why .info{overflow:hidden;}
    #why .text{top:auto;transform:none;padding:3.125%;}
    #why .intro{display:block;font-size:12px;line-height:1.75em;padding:0;}
    #why .box:hover .info{height:auto;background-color:rgba(6,165,159,.96);}
    #why .box:hover .text{position:relative;top:auto;transform:none;}
    #why .box:hover h3{font-size:16px;}
    #why .box:hover p{color:rgba(255,255,255,.6);}
    #support li{width:50%;}
    #support li .icon{width:30%;}
    #support li h3{font-size:16px;}
    #support li p{font-size:12px;}
    #typeLeft,#typeRight{float:none;width:auto;clear:both;}
    #typeLeft li{width:33.333%;float:left;font-size:14px;padding-bottom:45px;}
    #typeLeft li:before{left:auto;right:0;border-bottom:none;border-right:1px solid #e4ebe7;height:100%;width:0;}
    #typeLeft li:after{border-top:5px solid #06a59f;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:none;left:50%;top:100%;transform:translateX(-50%);}
    #typeLeft .cur{background-size:auto 80%;}
    #typeRight .slick-dots{right:50%;transform:translateX(50%);}
    #typeRight li{margin:0 4px;}
    #typeRight li button{width:8px;height:8px;}
    #recruit .intro{font-size:18px;}
    #recruit .tel p{margin-bottom:0;}
    #recruit .tel span{font-size:28px;}
    #recruit .item{padding-bottom:10px;}
    #recruit .text{height:40px;line-height:40px;font-size:14px;}
    #recruit select{height:40px;line-height:40px;}
    #recruit .submit{width:120px;height:40px;font-size:14px;}
}
/*登录注册*/
.login-wrap .login-panel {
    position: absolute;
    top: 0;
    right: 60px;
    width: 220px;
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
    padding:16px;
    opacity:0;
    visibility:hidden;
    transition: all 0.2s;

}
.login-wrap:hover .login-panel {
    opacity:1;
    visibility:visible;
}
.login-wrap .user-avatar {
    width:50px;
    height:50px;
    margin-bottom:10px;
    background:#585858;
    border-radius: 50%;
    margin:auto;
    line-height: 50px;
}
.login-wrap .btn-row{
    display: flex;
    gap:10px;
}
.login-wrap .panel-btn {
    flex: 1;
    padding:8px;
    border:none;
    background:#222;
    color:#fff;
    border-radius:4px;
    cursor:pointer;
}

.login-wrap .username {
    font-size:16px;
    color:#333;
    margin-bottom:16px;
}
.login-wrap .logout-btn {
    width:100%;
    padding:8px;
    border:none;
    background:#222;
    color:#fff;
    border-radius:4px;
    cursor:pointer;
}

/* languagewrap */
.languagewrap{position:absolute;top:20px;right:20px}
.language{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 60px;cursor: pointer;}
.language p{font-size: 16px;color: #FFFFFF;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-left: 5px;}
.language p i{font-size: inherit;color: inherit;margin-left: 5px;transform: rotate(-180deg);}
/* languagedown */
.languagedown{width: 250px;background-color: #fff;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);box-sizing: border-box;padding: 15px;border-radius: 4px;position: absolute;left: 50%;z-index: 1;display:none;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.languagedown a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 14px;color: #000000;height: 30px;}
.languagedown a>i{display: block;width: 15px;height: 15px;border: 1px solid #333;box-sizing: border-box;margin-right: 10px;border-radius: 50%;}
.languagedown a:hover{color: #00A19B;}
.languagedown a:hover i{border: 5px solid #00A19B;}
.languagewrap:hover .language p i{transform: none;}

.p_energy{ background-color: #fff; margin: 5% 0 5%; padding: 5% 9% 60px;}
.p_energy .box1 figure{ width: 46%;}
.p_energy .box_tit{ text-align: center;}
.p_energy .box_tit *{ margin: 0; font-weight: normal;}
.p_energy .box_tit h3{ font-size: 30px; color: #000000;}
.p_energy .box_tit h4{ font-size: 16px; color: #333; text-transform: uppercase; padding: 1.5% 0; }
.p_energy2{ background-color: #fff; margin: 5% 0 5%; padding: 5% 0 60px;}
.p_energy2 .box_tit{ text-align: center;}
.p_energy2 .box_tit h3{ font-size: 30px; color: #000000;font-weight:400}
.p_energy2 .box_tit h4{ font-size: 14px; color: #78897f; text-transform: uppercase; padding: 1.5% 0; letter-spacing: 0.2em; padding-left: 0.2em;}
.p_energy .box1 .info{ padding: 3%;}
.p_energy .box1 .txt{ font-size: 16px; color: #333; line-height: 36px; text-align: center; margin-top: 10px;}


.effect{ }



@media(min-width:769px){
    .pe_root_info .pic{padding-left: 96px;}
    .pe_root_info .info{ padding-right: 96px;}
    .pe_root_info .item:nth-child(2n) .pic{ padding-left: 0; padding-right: 96px;}
    .pe_root_info .item:nth-child(2n) .info{ padding-right: 0; padding-left: 96px;}
}
@media(max-width:768px){
    .p_energy{ margin-bottom: 60px; padding-left: 5%; padding-right: 5%;}
    .pe_root_info::before{ display: none;}
    .p_energy .box1 .ytable-cell,
    .pe_root_info .item .ytable-cell{ display: block; width: 100%;}
    .pe_root_info .icon{ display: none;}
    .p_energy .box_tit h3{ font-size: 20px;}
    .pe_root_info .tit{ font-size: 18px;}
    .effect{ margin: 5% 0;}
  .pe_root_info .info{ padding-top: 5%; padding-bottom: 5%;}
  .pe_root_info .item {padding-bottom: 0;}
  .p_energy .box1 .txt {font-size: 14px; line-height: 30px;}
  .pe_root_info .intro {font-size: 14px; line-height: 24px;}
  .effect dd {font-size: 14px;}
  .p_energy .box3 .desc .txt {font-size: 14px; line-height: 30px;}
}

.brand_big{ padding:2% 0;text-align:center}
.brand_box{ margin-top: 0;}
.brand_box .box1{ border-bottom: 10px solid #f5f6f3; padding-bottom: 3%;}
.brand_box .box1 .txt_con{ max-width: 920px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 36px; color: #333;}

.brand_box .t1{padding-bottom: 0;}
.brand_box .t1 .txt_con{ max-width: 1600px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 36px; color: #333;}
.brand_box .t1 .box_tit{margin-bottom:20px}
.brand_box .t1 .txt_con2{max-width: 1600px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 36px; color: #333;border-bottom:1px solid #000;padding:0 0 5% 0;}








.box2_pic_ul{ max-width: 1200px; margin: 3% auto 5%;}
.box2_pic_ul li{ width: 33.33%; float: left; padding: 1%; text-align: center; font-size: 18px; color: #000000;}
.box2_pic_ul li h3,
.box2_pic_ul li h4{ font-weight: normal; margin: 0;}
.box2_pic_ul li h3{ padding: 15px 0 10px;}

.brand_box{ margin-bottom: 0;}
.brand_box .box2 .txt_con{ padding-left: 7%;background: url(../images/root_icon4.png) no-repeat right top;}
.brand_box .box2 .txt_con .box_tit{ text-align: left;}
.brand_box .box2 .txt{ font-size: 16px; line-height: 36px; color: #333; margin-top: 6%;}
.brand_box .box3 .tab_span{ display: inline-block; background-color: #e4ede4; padding: 10px 20px; border-radius: 20px; font-size: 16px; color: #333333;}

.box3_pic_ul{ margin-top: 5%;}
.box3_pic_ul li{ float: left; width: 27.6%; margin-right: 8.6%; text-align: center; color: #333333;}
.box3_pic_ul li:last-child{ margin-right: 0;}
.box3_pic_ul li h3,
.box3_pic_ul li p{ margin: 0;}
.box3_pic_ul li h3{ font-size: 20px; font-weight: bold; padding: 25px 0 10px;}
.box3_pic_ul li p{ font-size: 16px;}
.brand_box2{ margin-top: 0; background-color: #f9fbfa;}


@media(max-width:768px){
    .brand_box .box2 .ytable-cell{ display: block;}
    .brand_box .box2 .txt_con{ padding: 3% 0;}
    .box3_pic_ul li{ width: 32%; margin-right: 1%;}
    .brand_box .box1 .txt_con {font-size: 14px; line-height: 30px;}
    .brand_box .box2 .txt {font-size: 14px; line-height: 30px;}


}
@media(max-width:640px){
    .box2_pic_ul li{ width: 100%; font-size: 16px;}
    .box3_pic_ul li,

}

/**/
.title-view .cn{font-size:30px;font-weight:500;margin:0;}
.title-view .en{font-size:16px;text-transform:uppercase;margin:14px 0 0;}
.seek-part1{min-height:760px;margin:100px 0;position:relative;}
.seek-part1 .bg-image{position:absolute;left:0;top:0;height:100%;width:100%;}
.seek-part1 .content{max-width:360px;width:98%;min-height:500px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(163,188,139,0.95);text-align:center;color:#fff;padding:20px 10px;}
.seek-part1 .content .title{font-size:36px;font-weight:500;line-height:1.35;margin:0;}
.seek-part1 .content .title::after{content:"";display:block;margin:30px auto 48px;width:20px;height:4px;background-color:#fff;}
.seek-part1 .content .desc{line-height:36px;margin:0;}
.seek-part2{text-align:center;padding:10px 0 106px;}
.seek-part3 .list .item{float:left;width:50%;padding:0 40px;margin-bottom:110px;}
.seek-part3 .list .item:nth-child(even) .image{-webkit-transform:translateY(-444px);-ms-transform:translateY(-444px);transform:translateY(-444px);}
.seek-part3 .list .item:nth-child(even) .content{-webkit-transform:translateY(171%);-ms-transform:translateY(171%);transform:translateY(171%);}
.seek-part3 .list .item .inner{max-width:640px;width:100%;}
.seek-part3 .list .item .image{position:relative;}
.seek-part3 .list .item .image .bg_cover{padding-top:118.75%;}
.seek-part3 .list .item .image .icon{position:absolute;right:-65px;}
.seek-part3 .list .item:nth-child(odd) .image .icon{top:-85px;}
.seek-part3 .list .item:nth-child(even) .image .icon{bottom:-75px;}
.seek-part3 .list .item .content{padding:54px 12% 70px 0;min-height:444px;box-sizing:border-box;}
.seek-part3 .list .item .content .scroll{max-height:255px;}
.seek-part3 .list .item .content .title{color:#06a59f;font-size:26px;font-weight:500;margin:0 0 28px;}
.seek-part3 .list .item .content .desc{font-size:15px;line-height:30px;margin:0;}
.seek-part3 .list .item .content .attr{line-height:30px;font-size:15px;margin-top:40px;}
.seek-part3 .list .item .content .attr dt{color:#06a59f;font-weight:bold;}
.seek-part3 .list .item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#06a59f;}
.seek-part4{width:100%;min-height:500px;position:relative;margin-top:30px;display:table;color:#fff;text-align:center;padding:30px 0;}
.seek-part4 .bg-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.seek-part4 .desc{line-height:36px;margin:44px 0 0;}
@media (max-width:1200px){
  .seek-part3 .list .item:nth-child(even) .content{-webkit-transform:translateY(129%);-ms-transform:translateY(129%);transform:translateY(129%);}
}
@media (max-width:992px){
  .seek-part3 .list .item{margin-bottom:30px;}
  .seek-part3 .list .item:nth-child(even) .content{-webkit-transform:translateY(104%);-ms-transform:translateY(104%);transform:translateY(104%);}
}
@media (max-width:768px){
  .title-view .cn{font-size:20px;}
  .title-view .en{font-size:14px;}
  .seek-part1{min-height:500px;margin:30px 0 50px;}
  .seek-part1 .content{min-height:400px;}
  .seek-part1 .content .title{font-size:24px;}
  .seek-part1 .content .title::after{margin:15px auto 24px;}
  .seek-part2{padding:0 0 30px;}
  .seek-part3 .list .item{padding:0;width:100%;margin-bottom:10px;}
  .seek-part3 .list .item .content{min-height:auto;padding:30px 0 0;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;}
  .seek-part3 .list .item .content .title{font-size:18px;margin-bottom:14px;}
  .seek-part3 .list .item .content .attr{margin-top:20px;}
  .seek-part3 .list .item .image{padding-right:28px;padding-top:50px;transform:none!important;}
  .seek-part3 .list .item .image .icon{width:100px;top:0!important;right:0!important;bottom:auto!important;}
  .seek-part4{min-height:auto;}
  .seek-part4 .desc{margin-top:22px;}
}
.news-part1{margin:100px 0 80px;}
.news-part1 .recommend .item{overflow:hidden;display:table;}
.news-part1 .recommend .item > div{width:50%;display:table-cell;}
.news-part1 .recommend .item .image{overflow:hidden;}
.news-part1 .recommend .item .image .bg_cover{padding-top:60%;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.news-part1 .recommend .item .image:hover .bg_cover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.news-part1 .recommend .item .content{padding-left:60px;vertical-align:middle;}
.news-part1 .recommend .item .content .date{margin-bottom:30px;position:relative;}
.news-part1 .recommend .item .content .date::after{content:"";position:absolute;width:calc(100% - 80px);height:1px;right:0;top:48px;background-color:#d8dfdb;}
.news-part1 .recommend .item .content .date span{display:block;line-height:100%;color:#000;font-size:18px;}
.news-part1 .recommend .item .content .date .num{font-size:60px;}
.news-part1 .recommend .item .content .title{font-size:20px;margin:0;}
.news-part1 .recommend .item .content .desc{color:#666;height:90px;line-height:30px;margin:30px 0 70px;}
.news-part1 .recommend .item .content .btn{display:block;width:140px;height:40px;line-height:38px;text-align:center;border:1px solid #06a59f;color:#06a59f;}
.news-part1 .recommend .slick-dots{font-size:0;list-style:none;position:absolute;z-index:10;right:0;bottom:15%;}
.news-part1 .recommend .slick-dots li{display:inline-block;vertical-align:top;margin-left:12px;}
.news-part1 .recommend .slick-dots li button{font-size:0;display:block;width:10px;height:10px;border-radius:10px;border:none;background-color:#ced9c8;padding:0;cursor:pointer;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.news-part1 .recommend .slick-dots li.slick-active button{width:24px;background-color:#aabb9d;}
.news-part2{margin-bottom:110px;}
.search-part{padding-top:5%;}
.article-wrap{overflow:hidden;}
.article-list{margin:0 -25px;overflow:hidden;}
.article-list .item{float:left;width:33.3333%;padding:0 25px;margin-bottom:74px;}
.article-list .item .image{overflow:hidden;}
.article-list .item .image .bg_cover{display:block;padding-top:60%;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.article-list .item .image:hover .bg_cover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.article-list .item .content{padding:36px 0 0;}
.article-list .item .content .title{font-size:20px;margin:0 0 10px;}
.article-list .item .content .title a{color:#333;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.article-list .item .content .title a:hover{color:#06a59f;}
.article-list .item .content .desc{color:#666;height:60px;line-height:30px;margin:0;}
.article-list .item .content .date{color:#000;line-height:24px;position:relative;margin-top:30px;}
.article-list .item .content .date::after{content:"";position:absolute;right:0;top:50%;width:calc(100% - 116px);border-top:1px solid #d8dfdb;}
@media (max-width:992px){
  .news-part1 .recommend .item{display:block;}
  .news-part1 .recommend .item > div{display:block;width:100%;}
  .news-part1 .recommend .item .content{padding:20px 0;}
  .news-part1 .recommend .slick-dots{bottom:0;}
  .article-list .item{width:50%;}
}
@media (max-width:768px){
  .news-part1{margin:30px 0 50px;}
  .news-part1 .recommend .item .content .date{margin-bottom:15px;}
  .news-part1 .recommend .item .content .date .num{font-size:44px;}
  .news-part1 .recommend .item .content .date span{font-size:14px;}
  .news-part1 .recommend .item .content .date::after{top:36px;width:calc(100% - 60px);}
  .news-part1 .recommend .item .content .desc{margin:15px 0 35px;}
  .news-part2{margin-bottom:50px;}
  .article-list .item{width:100%;margin-bottom:10px;}
  .article-list .item .content{padding:18px 0;}
  .article-list .item .content .date{margin-top:15px;}
}

/*pages*/
.Pages{overflow:hidden;text-align:center;display: flex;justify-content: center;}
.Pages ul li{float:left;list-style-type: none;}
.Pages span{padding:0px 3px;display:inline-block;}
.Pages a{display:inline-block;vertical-align:top;margin:0px 4px;width:50px;height:40px;line-height:40px;}
.Pages .active{background: #06a59f;}
.Pages .active a{color: #fff;}


/*pages end*/
.article{margin:94px 0;}
.article .title{text-align:center;font-size:26px;margin:0;}
.article .other-info{text-align:center;color:#000;margin-top:14px;}
.article .content-details{padding:50px 190px;}
.article .content-details div,
.article .content-details span,
.article .content-details p{
    color:#666!important;
    line-height:36px!important;
    margin:0!important;
    font-size: 16px!important;
}
.article .relative-link-wrap{border-top:1px solid #e5eee9;margin-top:40px;overflow:hidden;padding:34px 0 40px;}
.article .relative-link-wrap p{margin:0;line-height:30px;color:#06a59f;max-width:40%;}
.article .relative-link-wrap p a{margin-left:40px;}
.article .relative-link-wrap .prev{float:left;}
.article .relative-link-wrap .next{float:right;}
@media (max-width:992px){
  .article .content-details{padding:50px 60px;}
}
@media (max-width:768px){
  .article{margin:30px 0 50px;}
  .article .title{font-size:18px;}
  .article .content-details{padding:20px 0;}
  .article .other-info{margin-top:6px;}
  .article .relative-link-wrap{margin-top:20px;padding:10px 0;}
  .article .relative-link-wrap p{float:none!important;max-width:100%;}
  .article .relative-link-wrap p a{margin-left:15px;}
  .article .content-details p {font-size: 14px; line-height: 30px;}
}
.product-shop{margin:100px 0 64px;}
.product-shop > div{width:50%;float:left;}
.product-shop .image-wrap .image-view .item .bg_cover{padding-top:75%;background-size: contain;border:1px solid #d4e1dc;}
.product-shop .image-wrap .image-nav{padding:0 0px;}
.product-shop .image-wrap .image-nav .item{padding:20px 0px;}
.product-shop .image-wrap .image-nav .item .bg_cover{padding-top:75.4716%;cursor:pointer;}
.product-shop .image-wrap .image-nav .slick-arrow{width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;cursor:pointer;border:none;font-size:0;}
.product-shop .image-wrap .image-nav .slick-prev{background:url(../images/pages_prev.png) no-repeat center;left:94px;}
.product-shop .image-wrap .image-nav .slick-next{background:url(../images/pages_next.png) no-repeat center;right:94px;}
.product-shop .content{padding-left:80px;padding-top:50px;}
.product-shop .content .title{font-size:34px;font-weight:500;margin:0 0 12px;}
.product-shop .content .title-en{display:block;font-size:16px;padding-left:8px;margin-bottom:40px;}
.product-shop .content p{margin:0;}
.product-shop .content .text1{font-size:18px;line-height:1.7;margin-bottom:18px;}
.product-shop .content .text2{color:#666;font-size:15px;line-height:1.9;margin-bottom:30px;}
.product-shop .content .ul li{font-size:15px;line-height:1.9;margin:18px 0;}
.product-shop .content .ul li .price{color:#e53e3e;font-size:24px;font-weight:bold;line-height:100%;}
.product-shop .content .ul .top{margin-top:50px}
.product-shop .content  .pd-info__price-save{background:#06a59f;color:#fff;padding:2px 5px;font-size:14px}
.product-shop .content .ul li .key{color:#152607;font-size:22px;font-weight:bold;line-height:100%;}

.fc-sku-value{border:1px solid #eee;padding:4px 8px}
.pd-info__spec-btn--active{background:#06a59f;color:#fff}

.product-shop .btn-wrap{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
  max-width:600px;
  margin-top:40px;
}
.product-shop .btn-wrap a{
  display:block;
  text-align:center;
  text-decoration:none;
  font-size:16px;
  height:40px;
  line-height: 40px;
  font-weight:500;
}
.product-shop .buy-btn{
  background-color:rgb(43,72,20);color:#fff;
}

.product-shop .cart-btn{
  background-color:rgb(6,165,159);color:#fff;
}

.product-shop .content .buy-btn:hover{background-color:rgba(43,72,20,0.9);}

.input-group, .pd-info__actions, .pd-info__qty-ctrl .input-group {
    display: flex;
}
.pd-info__qty-row {
    display: flex;
}
.pd-info__qty-ctrl {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden;
}

.bootstrap-touchspin-down,.bootstrap-touchspin-up {
    width: 36px;
    height: 36px;
    background: #f7f7f7;
    border: none;
    font-size: 18px;
    color: #555;
    cursor: pointer;
    font-family: inherit;
    line-height: 1;
    transition: background .2s,color .2s;
    flex-shrink: 0
}

.pd-info__btn,.pd-info__qty-input {
    font-size: 15px;
    font-family: inherit
}

.pd-info__qty-input {
    width: 56px;
    height: 36px;
    border: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
    color: #222;
    outline: 0;
    -moz-appearance: textfield
}

.pd-info__qty-input::-webkit-inner-spin-button,.pd-info__qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.pd-info__actions {
    gap: 14px;
    margin-bottom: 28px
}

.pd-info__btn {
    flex: 1;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    letter-spacing: .06em;
    border-radius: 2px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: background .22s,color .22s,border-color .22s,transform .15s
}

.pd-info__btn svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.pd-info__btn--buy {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary)
}




.product-details .tabs{font-size:0;}
.product-details .tabs .tabs-item{display:inline-block;vertical-align:top;width:50%;line-height:78px;text-align:center;color:#06a59f;font-size:18px;border-bottom:1px solid #e5eee9;}
.product-details .tabs .tabs-item.active{color:#06a59f;border-bottom-color:#cfdcc1;}
.product-details .tabs-content .content-item{display:none;overflow:hidden;}
.product-details .tabs-content .details{padding-bottom:145px;padding-top:60px;}
.product-details .tabs-content .details .other-info{margin-bottom:60px;}
.product-details .tabs-content .details .other-info .item{width:33.3333%;float:left;overflow:hidden;padding:20px 0;display:table;table-layout:fixed;display: flex;align-items: flex-start;}
.product-details .tabs-content .details .other-info .item > div{display:table-cell;}
.product-details .tabs-content .details .other-info .icon{width:100px;}
.product-details .tabs-content .details .other-info .icon .image{width:100px;height:100px;background:#06a59f;border-radius:4px;position:relative;}
.product-details .tabs-content .details .other-info .icon img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.product-details .tabs-content .details .other-info .text{padding-left:30px;padding-right:80px;font-size:15px;vertical-align:middle;}
.product-details .tabs-content .details .other-info .text h3{color:#06a59f;font-weight:500;margin:0 0 4px;}
.product-details .tabs-content .details .other-info .text p{margin:0;line-height:26px;}
.product-details .tabs-content .recommend{padding:40px 0 114px;}
.recommend-list{margin:0 -14px;}
.recommend-list .item{float:left;width:25%;padding:14px;}
.recommend-list .item a{display:block;position:relative;}
.recommend-list .item .content{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(212,223,206,0.95);z-index:20;text-align:center;padding:0 2% 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;opacity:0;}
.recommend-list .item .ytable{height:100%;}
.recommend-list .item .content .button{position:absolute;bottom:9%;left:0;right:0;margin:auto;}
.recommend-list .item .content .tits{font-size:18px;font-weight:normal;line-height:30px;letter-spacing:2px;color:#000000;max-height:60px;margin:0;word-break: keep-all;}
.recommend-list .item .content .intro{font-size:16px;line-height:30px;letter-spacing:2px;color:#666666;max-height:90px;margin:10px 0 0;word-break: keep-all;}
.recommend-list .item a:hover .content{opacity:1;}
.recommend-list .item .image{position:relative;padding-top:0%;background-color:#e2ecdd;}
.recommend-list .item .image .product-image{position:absolute;bottom:-6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:80%;max-height:90%;z-index:1;}
.recommend-list .item .image .product-shadow{position:absolute;left:51%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-30px;width:84%;}
.recommend-list .item .name{height:80px;text-align:center;background-color:#fff;color:#000;font-size:18px;padding-top:30px;}
@media (max-width:992px){
  .product-details .tabs-content .details .other-info .item{width:50%;}
  .recommend-list .item{width:33.3333%;}
  .product-shop .image-wrap .image-nav{padding:0 30px;}
  .product-shop .image-wrap .image-nav .slick-prev{left:0;}
  .product-shop .image-wrap .image-nav .slick-next{right:0;}
}
@media (max-width:768px){
  .product-shop{margin:30px 0 20px;}
  .product-shop > div{width:100%;}
  .product-shop .content{padding-left:0;}
  .product-shop .content .title{font-size:22px;margin-bottom:6px;}
  .product-shop .content .title-en{font-size:14px;margin-bottom:20px;}
  .product-shop .content .text1{font-size:16px;margin-bottom:9px;}

  .product-details .tabs .tabs-item{line-height:50px;font-size:16px;}
  .product-details .tabs-content .details{padding-top:20px;padding-bottom:50px;}
  .product-details .tabs-content .details .other-info .item{width:100%;padding:10px 0;}
  .product-details .tabs-content .details .other-info .text{padding-left:10px;padding-right:0;font-size:14px;}
  .recommend-list .item{width:50%;}
}

.goods-list {
  margin: 3% 0;
}
.goods-list li {
  float: left;
  width: 33.3333%;
}
.goods-list li a {
  display: block;
  height: 400px;
  position: relative;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  padding: 2%;
}
.goods-list li a:hover {
  background-color: rgba(212,223,206,.949);
}
.goods-list li .txt {
  position: absolute;
  left: 4%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 48%;
}
.goods-list li .txt .tit {
  font-size: 20px;
  line-height: 34px;
  color: #618430;
  word-wrap: break-word;
            overflow-wrap: break-word;
            hyphens: auto;
}
.goods-list li .txt .tit {
  word-break: keep-all;
  overflow-wrap: break-word;
}
.goods-list li .txt .tits,
.goods-list li .txt .intro {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #666;
  margin: 0;
  word-break: keep-all;
}
.goods-list li .txt .button {
  margin-top: 16%;
}
.goods-list li .pic {
  position: absolute;
  right: 4%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 48%;
  height: 90%;
  text-align: center;
}
.goods-list li .pic img {
  max-height: 90%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.goods-list li .pic .pro-shadow {
  display: none;
}
@media (max-width: 1200px) {
  .goods-list li {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .goods-list li {
    width: 100%;
  }
  .goods-list li a {
    height: 250px;
  }
  .goods-list li .txt .tit {
    font-size: 20px;
  }
  .goods-list li .txt .tits, .goods-list li .txt .intro {
    font-size: 14px;
  }
}

.shop {
    display: flex;
    gap: 20px;
    max-width: 1600px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.shop .card {
    overflow: hidden;
    width: 520px;
    display: flex;
    margin-bottom: 50px;
}

.shop .card:hover {
    background:#e9f2e5;
}

.shop .content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 50%;
}

.shop .title {
    font-size: 20px;
    font-weight: bold;
    font-size: 20px;
    line-height: 34px;
    color: #06a59f;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.shop .description {
    font-size: 16px;
    color: #718096;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.shop .buts {
    background: linear-gradient(135deg, #06a59f 0%, #06a59f 100%);
    color: white;
    border: none;
    padding: 12px 30px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
}

.shop .buts:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
}

.shop .image-shop {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.shop .image-shop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.shop .card:hover .image-shop img {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .shop {
        flex-direction: column;
        align-items: center;
    }

    .shop .card {
        width: 100%;
        max-width: 400px;
    }
}


/*订单结算*/
.main-content-area .container {
    max-width: 1400px;
    margin: 0 auto;
}
.main-content-area .card {
    background: #fff;
    border:1px solid #eee;
    border-top:10px solid #eee;
    padding: 10px 30px 30px;
    margin-bottom: 16px;
}
.main-content-area .card-title {
    font-size: 18px;
    font-weight: 600;
    color:#222;
}

.main-content-area .ck-pay{
    border:1px solid #eee;
    padding:10px 20px;
    margin:0 0 0 5px;
    
}


/* 收货地址 */
.main-content-area .address-item{
    border:1px solid #eee;
    border-radius:6px;
    padding:16px;
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-bottom:12px;
    align-items: center;
}
.main-content-area .address-item.active{
    border-color:#00b3a9;
    background:#f8fffe;
}
.main-content-area .address-info p{
    line-height:1.6;
    color:#444;
}
.main-content-area .address-tag{
    display:inline-block;
    background:#00b3a9;
    color:#fff;
    font-size:12px;
    padding:2px 6px;
    border-radius:3px;
    margin-right:6px;
}
.main-content-area .add-address-btn{
    border:1px solid #00b3a9;
    color:#00b3a9;
    background:#fff;
    padding:8px 14px;
    border-radius:4px;
    cursor:pointer;
    transition:0.3s;
}
.main-content-area .add-address-btn:hover{
    background:#00b3a9;
    color:#fff;
}
.main-content-area .address-btn-wrap{
    text-align:right;
}
.main-content-area .ck-addr__edit-btn{
    background:#708e58;
    color:#fff;
    padding:3px 5px;
}

/* 付款方式 */
.main-content-area .pay-item {
    margin-bottom:12px;
}
.main-content-area .pay-item input{
    margin-right:8px;
}

/* 商品表格 */
.main-content-area .goods-table{
    width:100%;
    border-collapse: collapse;
}
.main-content-area .goods-table th, .goods-table td{
    border-bottom:1px solid #eee;
    padding:12px 6px;
    text-align:center;
}
.main-content-area .goods-table th{
    background:#fafafa;
}
.main-content-area .goods-table .name{
    text-align:left;
}

/* 买家留言 */
.main-content-area .msg-area{
    width:100%;
    border:1px solid #ddd;
    padding:12px;
    border-radius:6px;
    resize:none;
    min-height:80px;
    margin-top:8px;
}

/* 金额明细 */
.main-content-area .price-item{
    display:flex;
    justify-content:space-between;
    font-size:16px;
    padding:8px 0;
}
.main-content-area .price-total{
    display:flex;
    justify-content:flex-end;
    font-weight:bold;
    padding:12px 0;
    margin-top:10px;
    border-top:1px dashed #ddd;
    align-items: center;
}
.main-content-area .price-title{
    padding:0 10px;
    font-size: 18px;
}
.main-content-area .price-total .amount{
    color:#e53e3e;
    font-size:24px;
    font-weight: bold;
}

/* 提交按钮 */
.main-content-area .submit-box{
    text-align:right;
    margin-top:20px;
}
.main-content-area .submit-btn{
    background:#00b3a9;
    color:#fff;
    border:none;
    padding:14px 36px;
    border-radius:6px;
    font-size:17px;
    cursor:pointer;
    transition:0.3s;
}
.main-content-area .submit-btn:hover{
    background:#00998c;
}
.main-content-area table td{font-size: 14px}
.main-content-area .action a{background:#cdcdcd;padding:2px 4px;color:#fff}
.input-group{
        display: flex;
        justify-content: center;
    }
    .dr_buy_num{width: 56px;
    height: 36px;
    border: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
    color: #222;
    }
    .btn-sm{
        background: #00b3a9;
        color: #fff;
        border: none;
        padding: 10px 30px;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
        transition: 0.3s;
        margin-bottom: 80px;

    }
    .cart-footer{
      margin-top:16px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:16px;
      background:#f9f9f9;
      border-radius:8px;
      margin-bottom: 80px;
    }
    .left-opt{
      display:flex;
      gap:16px;
      align-items:center;
    }
    .right-settle{
      display:flex;
      gap:20px;
      align-items:center;
    }
    .total-price{
      font-size:20px;
    }
    .total-price span{
      color:#e53e3e;
      font-weight:bold;
      font-size: 24px;
    }
    .settle-btn{
      padding:10px 24px;
      background:#ff4d4f;
      color:#fff;
      border:none;
      border-radius:4px;
      cursor:pointer;
      font-size:16px;
    }
    .del-btn{
      padding:8px 14px;
      border:1px solid #ccc;
      background:#fff;
      cursor:pointer;
      border-radius:4px;
    }
/* 移动端响应式 */
@media (max-width:640px){
    .main-content-area .goods-table thead{
        display:none;
    }
    .main-content-area .goods-table tr{
        display:block;
        border:1px solid #eee;
        border-radius:8px;
        margin-bottom:12px;
    }
    .main-content-area .goods-table td{
        display:block;
        text-align:right;
        border:none;
        padding:8px 12px;
    }
    .main-content-area .goods-table td.name{
        text-align:left;
        font-weight:600;
    }
    .main-content-area .goods-table td::before{
        content:attr(data-label);
        float:left;
        color:#666;
    }
    .main-content-area .submit-box{
        text-align:center;
    }
    .main-content-area .cart-footer{
        flex-direction:column;
        gap:12px;
        align-items:stretch;
      }
    .main-content-area .right-settle{
        justify-content:space-between;
      }
}





/*商品系列*/
.b-banne{width: 100%;position: relative;background-color: #f1eee7;overflow:hidden}
.b-box{width: 100%;padding-top: 40.354%;position: relative;}
.b-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.b-img.phone{display: none;}
.b-text{position: absolute;left: 50%;margin-left: -45.05%;top: 46%;transform: translate(0,-50%) scale(0.95,1);transform-origin: left center;}
.b-tit{color: #282828;font-size: 30px;font-weight:400}
.b-des{color: #282828;width: 100%;line-height: 1.5;text-align: justify;font-size: 20px;}
.b-des-txt p{font-size:16px;line-height:1.0}
.b-text.series.right{left: auto;margin-left: 0;right: 45%;margin-right: -34%;text-align: right;}
.b-text.series.right .b-des{text-align: right;}
.b-text.series.right .b-des-s{font-size: 26px}
.b-text.series.left{right: auto;margin-right: 0;left: 45%;margin-left: -34%;text-align: left;}
.b-text.series.left .b-des{text-align: left;}
.b-text.series.left .b-des-s{font-size: 26px}
.b-but{width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background:#06a59f;
    display: inline-block;margin-top:3%;font-size:16px;}
.b-but a{color: #fff;}




@media(max-width: 1350px){
.b-text.series.right{width: 100%;right: 0;padding-left: 1.066rem;padding-right: 1.066rem;transform: translate(0,-50%) scale(0.95,1);overflow: hidden;}
}
@media(max-width: 639px){
.b-tit{font-size: 28px;margin-bottom: 8px;line-height:1.5}
.b-text.series,
.b-text.series.right{position: relative;top: 0;transform: translate(0,0);text-align: left;padding: 5vw 0.533rem 0.533rem !important;}
.b-des{line-height: 1.03;text-align: justify;font-size: 24px}
.b-text.series.right .b-des{text-align: left;}
.b-text.series.right .b-des-s{display: none}
.b-text.series.left{position: relative;top: 0;left:0;transform: translate(0,0);text-align: right;padding: 5vw 0.533rem 0.533rem !important;}
.b-des{line-height: 1.2;text-align: justify;font-size: 22px}
.b-text.series.left .b-des{text-align: right;}
.b-text.series.left .b-des-s{display: none}
.b-box.pro{padding-top: 65.266%;}
.b-img.pc{display: none;}
.b-img.phone{display: block;}
.b-but{width:100%;line-height:40px}
}


/*商品详情*/


.ag_good{background: #f7f7f7}
.good {width: 90%;margin: 0 auto;}
.good_list{margin: 0 auto;width:80%;padding:2% 0}
.good_min{margin-top: 47px;}
.good_t{text-align: center;}
.good_t h2{color: #333;font-size:36px;margin-bottom: 30px;}
.good_t p{color: #333;font-size:18px;}
.good_b{}
.good_b img{max-width: 100%;}
.good_b p{font-size: 18px;color: #333;line-height: 36px;}
.good_min .more{width: 197px;height: 60px;color: #fff;font-size: 22px;background: #06a59f;display: block;text-align: center;line-height: 60px;margin: 65px auto;}

.good_list .slick-slide{padding-bottom: 1em;}
.good_list .slick-slide a{padding:0 15px;display: block;}
.good_list .pic{height: 100%;overflow:hidden}
.good_list .pic img{display: block;width: 100%;height: 100%;background:#fff;}
.good_list .pic img:hover{transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;}
.good_list .txt{padding:5px 0px;box-shadow: 0 0 13px  2px rgba(238,238,238,0.5);-webkit-box-shadow: 0 0 13px  2px rgba(238,238,238,0.5);}
.good_list .txt .t{color: #333;font-size: 18px;height: 40px;line-height:38px;overflow: hidden;white-space:nowrap;border-bottom: 1px solid black}
.good_list .txt .t:hover{color:#06a59f}
.good_list .txt .t img{width:10px;height:10px;float:right;margin-top:15px}

.good_list .slick-prev,.good_list .slick-next{width: 23px;height: 46px;top:42%;background-size: 100% 100% !important;}
.good_list .slick-prev:before,.good_list .slick-next:before { display: none;}
.good_list .slick-prev { left: -98px;background: url("../images/left501.png") no-repeat;}
.good_list .slick-next { right: -98px;background: url("../images/right5.png") no-repeat;}
.good_list .slick-prev:hover{background: url("../images/left5.png") no-repeat;}
.good_list .slick-next:hover{background: url("../images/right501.png") no-repeat;}
@media screen and (max-width: 670px){
    .good_list {margin: 10px auto 10px;width: 90%;}
    .good_list .slick-next{right:-30px;}
    .good_list .slick-prev {left:-30px;}
    .good_list .txt .t img{display: none}
    .good_list .txt .t{text-align: center}
}


@media (max-width: 768px){
    .b-img.pc{display: none;}
    .b-img.phone{display: block;}
}

/*xxx*/
.store_list li{width:100%;margin-bottom:3%;background:#fff;transition:0.5s;position:relative;}
.store_list li img{display:none;}
.store_list li .pic{position:absolute;width:43.815%;height:100%;display:block;background-size:cover;background-repeat:no-repeat;background-position:center;}
.store_list li .txt{padding:4% 4% 4% 48%;}
.store_list li h1{margin:0;padding:0;font-size:18px;font-weight:normal}
.store_list li dl{font-size:14px;display:block;padding:20px 0px;line-height:28px;}
.store_list li dl dd{background:no-repeat left 6px;padding-left:24px;}
.store_list li dl dd.dot{height:28px;margin-bottom:10px;background-image:url("../images/icon_tel.jpg")}
.store_list li dl dd.dot2{height:56px;background-image:url("../images/icon_add.jpg")}
.store_list li .more{font-size:14px;color:#06a59f;display:block;max-width:126px;line-height:34px;width:40%;text-align:center;border:solid 1px #06a59f}
@media (min-width:768px){
    .store_list li{width:48.5%;margin-left:3%;float:left;}
    .store_list li:nth-child(odd){clear:both;margin-left:0}
    .store_list li:hover{box-shadow:8px 5px 26px #D7D7D7;}
    .store_list li h1{font-size:20px;}
    .store_list li dl{font-size:13px;}
    .store_list li .more{font-size:13px;}
}
.open_map{position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;background:rgba(0,0,0,0.7);display:none;}
.map_area{position:fixed;width:80%;left:10%;top:25%;height:50%;background:#fff;font-size:12px;}
.map_area #allmap{position:absolute;left:15px;top:15px;right:15px;bottom:15px;}
.map_area #allmap *{box-sizing:content-box;}
.map_area #allmap img{max-width:none;}
.map_area .close{position:absolute;right:0;width:31px;height:31px;top:-32px;background:#fff;cursor:pointer;}
.map_area .close::before,.map_area .close::after{position:absolute;content:'';width:25px;height:2px;background:#0033a0;top:15px;left:3px;}
.map_area .close::before{transform:rotate(45deg);}
.map_area .close::after{transform:rotate(-45deg);}
@media(max-width:768px){
    .store_list .map_area{width:96%;left:2%;}
    .store_list .map_area #allmap{left:5px;top:5px;right:5px;bottom:5px;}
}
.web_link li{padding:10px 0;border-bottom:dotted 1px #e4e4e4}
.web_link li b{display:block;font-size:16px;font-weight:400}
.web_link li span{opacity:.8;display:inline-block;white-space:nowrap;padding-right:20px}
.search_list li{padding:5px 0}
.search_list li h4{font-size:16px;line-height:30px;max-height:60px;}
.search_list li h5{font-size:14px;opacity:0.7;padding-top:10px;}
.search_list li h5 span{float:right}
.search_list li a{display:block;background:#fff;padding:10px 20px;border:solid 1px #fafafa}
@media(max-width:768px){
    .search_list li a{padding:10px}
    .search_list li h4{font-size:14px;line-height:24px;max-height:48px;}
    .search_list li h5{font-size:13px;}
}
.link_list{padding:3% 0}
.link_list li{float:left;width:20%;padding:1%;text-align:center;}
.link_list li a{display:block;padding:10px;box-shadow:0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{position:relative;padding-bottom:40%;overflow:hidden;}
.link_list .pic img{position:absolute;max-height:100%;margin:auto;left:0;right:0;top:0;bottom:0}
.link_list .name{padding:10px 0}
@media  (max-width:1024px){
    .link_list li{width:25%;}
}
@media  (max-width:640px){
    .link_list li{width:50%;}
}

/*che*/
.auto-1625{max-width:1625px;margin:auto;}
.auto-1680{max-width:1680px;margin:auto;}
.x14{font-size:14px;}
.x16{font-size:16px;}
.x18{font-size:18px;}
.x40{font-size:40px;}
.x26{font-size:26px;}
.x34{font-size:34px;}
.x60{font-size:60px;}
@media (max-width:1680px){
  .auto-1680{padding:0 2%;}
}
@media (max-width:1625px){
  .auto-1625{padding:0 2%;}
}
@media(max-width:1024px){
  .x14{font-size:12px;}
  .x16{font-size:14px;}
  .x18{font-size:16px;}
  .x40{font-size:30px;}
  .x26{font-size:22px;}
  .x34{font-size:26px;}
  .x60{font-size:40px;}
}
@media(max-width:640px){
  .x18{font-size:14px;}
  .x40{font-size:26px;}
  .x26{font-size:20px;}
  .x34{font-size:20px;}
  .x60{font-size:30px;}
}
body{overflow-x:hidden;}



.bottom{background-color:#06a59f;padding-top:2.21%;}
.bottom .left{float:left;}
.bottom .left .bot-logo{margin-bottom:30px;}
.bottom .hot-lin{font-size:14px;color:rgba(255,255,255,0.4);line-height:1;margin-bottom:30px;}
.bottom .hot-lin p{margin:0;font-size:32px;color:rgba(255,255,255,0.4);font-weight:bold;line-height:0.938;margin-top:10px;}
.bottom .shares{margin-bottom:15px;}
.bottom .shares a{display:inline-block;width:20px;height:20px;margin-right:15px;background-position:center center;background-repeat:no-repeat;opacity:0.4;position:relative;}
.bottom .shares a:hover{opacity:1;}
.bottom .shares a.on{opacity:1;}

/* .bottom .shares a:hover .qrcode{opacity: 1;} */
.bottom .shares .qq{background-image:url(../images/kefu.png);}
.bottom .shares .wechat{background-image:url(../images/wechat.png);}
.bottom .shares .weibo{background-image:url(../images/weibo.png);}
.bottom .shares .qrcode{width:77px;height:77px;background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);top:-90px;display:none;}
.bottom .shares .qrcode img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:90%;max-height:90%;}
.bottom .shares .qrcode:after{content:'';width:0;height:0;border:6px solid transparent;border-top-color:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;}
.bottom .right{float:right;}
.bottom .right li{float:left;margin-left:120px;}
.bottom .right li:first-of-type{margin-left:0;}
.bottom .right li em{font-style:normal;margin-bottom:20px;display:block;}
.bottom .right li em a{color:rgba(255,255,255,0.8);font-size:16px;line-height:1;}
.bottom .right li em a:hover{color:#fff;}
.bottom .right li .bot-sub a{color:rgba(255,255,255,0.4);font-size:14px;line-height:2.143;}
.bottom .right li .bot-sub a:hover{color:#fff;}
.bottom .bot{clear:both;border-top:1px solid rgba(255,255,255,.102);padding:20px 0;}
.bottom .auxiliary{float:left;}
.bottom .auxiliary a{position:relative;display:inline-block;padding:0 8px;font-size:14px;color:rgba(255,255,255,0.302);line-height:1.5;}
.bottom .auxiliary a::after{content:'';width:2px;height:2px;border-radius:50%;background-color:rgba(255,255,255,0.302);position:absolute;right:0;top:0;bottom:0;margin:auto;transform:translateX(50%);}
.bottom .auxiliary a:last-of-type::after{display:none;}
.bottom .auxiliary a:hover{color:#06a59f;}
.bottom .copyright{float:right;}
.bottom .copyright p{margin:0;font-size:14px;color:rgba(255,255,255,0.302);line-height:1.5;}
.bottom .copyright p a{font-size:14px;color:rgba(255,255,255,0.302);}
.bottom .copyright p a:hover{color:#06a59f;}

.elevator {position:fixed;bottom:15%;right:3.3%;z-index:6;}
.elevator .item {width:40px; height:40px; border-radius:50%; background: #222a1b no-repeat center center; margin-top: 5px;text-align: center;}
.elevator .item a {display:block; width:100%; height:100%;}
.elevator .item i{color:#fff;font-size: 18px;padding-top: 10px}
.elevator .item .cart-badge {position: absolute;top: -4px;right: -4px;min-width: 20px;height: 20px;background-color: #f44336;border-radius: 50%;font-size: 12px;display: flex;align-items: center;justify-content: center;}

@media(max-width:850px){
  .bottom .right li{margin-left:18px;}
}
@media(max-width:768px){
  .languagewrap{display:none}
  .bottom .left{float:none;text-align:center;}
  .bottom .hot-lin{margin-bottom:30px;}
  .bottom .right{float:none;display: none;}
  .bottom .right li{float:none;margin:0;margin-bottom:10px;position:relative;}
  .bottom .right li em{margin-bottom:0;line-height:40px;border:1px solid  rgba(255,255,255,.102);line-height:40px;display:block;padding:0 20px 0 30px;background:url(../images/bt-link.png) 93% center no-repeat;}
  .bottom .right li em::after{content:'';width:100%;height:100%;left:0;top:0;position:absolute;}
  .bottom .right li .bot-sub{border:1px solid rgba(255,255,255,.102);width:100%;position:absolute;left:0;display:none;top:100%;background-color:#0b1403;z-index:5;}
  .bottom .right li .bot-sub dd{padding:0 20px 0 30px;line-height:40px;}
  .bottom .left .bot-logo{margin-bottom:15px;}
  .bottom .hot-lin{margin-bottom:15px;}
  .bottom .hot-lin p{font-size:24px;}
  .bottom .shares .qq .qrcode{transform:translateX(-50%);}
  .bottom .shares .qq .qrcode:after{left:50%;}
}
.index-part1{max-width:1920px;margin-top:60px;}
.index-part1 li a{display:block;padding-top:40.875%;position:relative;}
.index-part1 li figure{position:absolute;width:100%;height:90vh;left:0;top:0;background-position:center center;background-size:cover;}
.index-part1 .slick-dots{text-align:center;position:absolute;width:100%;left:50%;transform:translateX(-50%);bottom:7.78%;z-index:4;}
.index-part1 .slick-dots li{display:inline-block;transition:all .3s;width:10px;height:10px;border-radius:5px;background-color:#fff;overflow:hidden;margin:0 6px;cursor:pointer;}
.index-part1 .slick-dots li button{width:100%;height:100%;background-color:#fff;border:0;font-size:0;}
.index-part1 .slick-dots li.slick-active{width:24px;}
.index-tit{color:#000;}
.index-tit h1{line-height:1.8;margin:0;text-align:center;font-weight:normal;}
.index-tit p{line-height:1.8;text-align:center;margin:0;}

.index-part4{
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 0px;
    display: flex;
    gap: 30px;
}
.index-part4 .product-item {
    flex: 1;
}
.index-part4 .img-box {
    width: 100%;
    overflow: hidden;
}
.index-part4 .product-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}
.index-part4 .img-box:hover .product-img {
    transform: scale(1.08);
}
.index-part4 .product-text {
    padding: 15px 0 0 0;
}
.index-part4 .product-text2{
    font-weight: 500;
    font-size: 20px;
}
.index-part4 .product-text .h4 {
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
}
.index-part4 .product-text p {
    font-size: 16px;
    color: #000;
    line-height: 1.8;
}
/* 按钮宽度80%，靠左对齐 */
.index-part4 .more-btn {
    display: block;
    width: 65%;
    text-align: center;
    padding: 14px;
    background-color: #00b3a9;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
}
/* 鼠标悬浮效果 */
.index-part4 .more-btn:hover {
    transform: translateX(8px);
}
/* 移动端响应式 */
@media (max-width: 768px) {
    .index-part4 {
        flex-direction: column;
    }
    .index-part4 .product-text h4 {
        font-size: 20px;
    }
    .index-part4 .product-text p {
        font-size: 16px;
    }
    .index-part4 .more-btn {
        width: 80%;
    }
}














@media(max-width:768px){
  .index-part1 .slick-dots li{width:8px;height:8px;}
  .index-part1 .slick-dots li.slick-active{width:18px;}

}
@media(max-width:640px){
  .index-part1 li a{padding-top:53%;}


  /* .index-part2 .slick-bot li{padding: 0;} */

/* .auto-1625{padding: 0 2%;} */}
@media(max-width:440px){
  .index-part1 li a{padding-top:56%;}
}

/*ding*/
.page-bn{position:relative;padding-top:100px}
.page-bn .pic{padding-bottom:29.167%;}
.page-bn .txt{display:none;position:absolute;top:50%;left:0;right:0;margin:5.2% auto 0;width:100%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#ecfaf5;}
.page-bn .txt .cn{font-size:40px;font-weight:normal;letter-spacing:4px;margin:0;}
.page-bn .txt .en{margin:10px 0 0;font-weight:normal;font-size:16px;text-transform:uppercase;letter-spacing:1px;}
.page-menu{border-bottom:1px solid #d4e1dc;}
.page-menu .menu-nav{float:left;}
.page-menu .menu-nav li{float:left;margin-right:2.6vw;}
.page-menu .menu-nav li:last-child{margin-right:0;}
.page-menu .menu-nav li a{display:block;padding:35px 0;color:#06a59f;}
.page-menu .menu-nav li a.aon,.page-menu .menu-nav li a:hover{color:#009688;}
.page-menu .location{padding:35px 0 35px 25px;float:right;font-size:14px;background:url("../images/home-i.png") no-repeat left center;}
.page-menu .location a,.page-menu .location span{color:#000000;}
.page-menu .location a:hover{color:#06a59f;}
.page-main{padding:5.2% 0 6.25%;}
.recruit-main .filter{float:left;width:18.75%;}
.recruit-main .filter .item{padding-left:25px;}
.recruit-main .filter .item dt{position:relative;font-size:16px;font-weight:normal;color:#333333;margin-bottom:20px;}
.recruit-main .filter .item dt::after{content:"";display:block;width:16px;height:1px;background-color:#06a59f;position:absolute;left:-25px;top:0;bottom:0;margin:auto;}
.recruit-main .filter .item a{display:inline-block;padding:10px 0;color:#000000;}
.recruit-main .filter .item a.aon,.recruit-main .filter .item a:hover{color:#06a59f;}
.recruit-main .content{float:right;width:80%;background-color:#fff;font-size:16px;}
.recruit-main .data li{border-bottom:1px solid #f1f8f4;}
.recruit-main .data li:first-child{background-color:#06a59f;border-bottom:0;}
.recruit-main .data li:first-child .label{color:#fff;cursor:default;}
.recruit-main .data li:first-child .label .option{opacity:0;}
.recruit-main .data li:last-child{border-bottom:0;}
.recruit-main .data li.active .label{background-color:#06a59f;color:#fff;}
.recruit-main .data li.active .label .option::before,.recruit-main .data li.active .label .option::after{background-color:#fff;}
.recruit-main .data .label{cursor:pointer;}
.recruit-main .data .label .item{float:left;width:20%;line-height:70px;position:relative;}
.recruit-main .data .label .item:first-child{font-size:18px;padding-left:30px;}
.recruit-main .data .label .item:last-child{padding-right:30px;text-align:right;}
.recruit-main .data .label .item.name{width:29.6875%;}
.recruit-main .data .label .item.site{width:25.78125%;}
.recruit-main .data .label .item.time{width:23.78125%;}
.recruit-main .data .label .item.num{width:12.5%;}
.recruit-main .data .label .item.option{width:8.25%;color:transparent;}
.recruit-main .data .label .item.option::after,.recruit-main .data .label .item.option::before{content:"";display:block;background:#333;position:absolute;top:0;bottom:0;right:30px;margin:auto;}
.recruit-main .data .label .item.option::after{width:12px;height:2px;}
.recruit-main .data .label .item.option::before{height:12px;width:2px;right:35px;}
.recruit-main .data .cont{display:none;padding:35px 30px;}
.recruit-main .data .cont .info{padding-bottom:70px;border-bottom:1px solid #ebebeb;font-size:14px;}
.recruit-main .data .cont .info .item{float:left;width:50%;padding-right:9%;}
.recruit-main .data .cont .info .item .tit{margin:0 0 20px;font-weight:normal;font-size:16px;}
.recruit-main .data .cont .info .item .txt{line-height:28px;color:#666;}
.recruit-main .data .cont .info .item:nth-child(2n){padding-right:0;}
.recruit-main .data .cont .upload-wrap{padding:40px 0 30px;}
.recruit-main .data .cont .upload-wrap .upload-btn{width:140px;height:40px;background-color:#06a59f;text-align:center;display:inline-block;vertical-align:middle;font-size:16px;line-height:40px;color:#ffffff;cursor:pointer;}
.recruit-main .data .cont .upload-wrap .tip{font-size:14px;color:#000000;display:inline-block;vertical-align:middle;margin-left:20px;}
.pro-main .pro-tit{font-size:40px;}
.pro-main .filter{float:right;width:23.75%;height:50px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/select-i.png") no-repeat 92% center #fff;outline:none;padding:0 30px 0 20px;font-size:16px;}
.pro-main .filter::-ms-expand{display:none;}
.pro-main .data{margin-top:3.125%;}
.pro-main .data li{float:left;width:32.2222%;margin:0 1.666% 3.125% 0;}
.pro-main .data li:nth-child(3n){margin-right:0;}
.pro-main .data li a{display:block;position:relative;overflow:hidden;}
.pro-main .data li a:hover .desc{opacity:1;}
.pro-main .data li a:hover .txt{background-color:#d4dfce;}
.pro-main .data li a:hover .tit{opacity:0;}
.pro-main .data .pic{padding-bottom:69.473%;position:relative;background-color:#d4dfce;}
.pro-main .data .pic .img-wrap{width:auto;max-width:100%;display:table;position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom:0;max-height:100%;height:100%;}
.pro-main .data .pic .img-wrap .ytable-cell{vertical-align:bottom;height:100%;}
.pro-main .data .pic .pro-img{z-index:5;max-height:90%;position:absolute;max-width:80%;left:0;bottom:0;right:0;margin:auto;}
.pro-main .data .pic .pro-shadow{position:absolute;width:80%;left:0;bottom:0;right:0;margin:auto;transform:translateY(50%);-ms-transform:translateY(50%);-webkit-transform:translateY(50%);z-index:1;}
.pro-main .data .txt{background-color:#ffffff;padding:35px 2% 15px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro-main .data .tit{font-size:18px;font-weight:normal;color:#000000;margin:0;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro-main .data .desc{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(212,223,206,0.95);z-index:20;text-align:center;padding:0 2% 20px;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro-main .data .ytable{height:100%;}
.pro-main .data .button{position:absolute;bottom:9%;left:0;right:0;margin:auto;}
.pro-main .data .tits{font-size:18px;font-weight:normal;line-height:30px;letter-spacing:2px;color:#000000;max-height:60px;margin:0;}
.pro-main .data .intro{font-size:16px;line-height:30px;letter-spacing:2px;color:#666666;max-height:90px;margin:10px 0 0;}
.button{width:140px;height:40px;background-color:#06a59f;cursor:pointer;display:inline-block;text-align:center;line-height:40px;font-size:16px;color:#ffffff;}
.store_search{line-height:50px;white-space:nowrap;margin-bottom:3.125%;}
.store_search>*{display:inline-block;vertical-align:middle}
.store_search select{width:32.16%;height:50px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("../images/select-i.png") no-repeat 92%  center #fff;border:0;outline:none;padding:0 30px 0 20px;font-size:16px;display:inline-block!important;vertical-align:middle;margin-right:1.17%;}
.store_search select::-ms-expand{display:none;}
.store_search .select_box{width:82%;width:calc(100% - 300px);overflow:hidden}
.store_search b{margin-right:35px;font-weight:normal;}
.store_search .button{width:168px;float:right;height:50px;line-height:50px;color:#fff;}
.show_job_form{text-align:center;display:none;left:0;top:0;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.show_job_form .ytable{height:100%;}
.show_job_form .formbox{padding:30px;position:relative;margin:auto;display:inline-block;width:90%;max-width:600px;background:#fff;box-shadow:0 0 20px rgb(0 0 0 / 57%)}
.show_job_form .close{position:absolute;top:10px;right:10px;width:36px;height:36px;cursor:pointer;z-index:10;}
.show_job_form .close::before,.show_job_form .close::after{position:absolute;content:'';width:100%;height:3px;border-radius:3px;background:#06a59f;transform:rotate(45deg);left:0;top:50%;margin-top:-1.5px;}
.show_job_form .close::after{transform:rotate(-45deg);}
.show_job_form .placeholder .webuploader-pick+div{width:100%!important;height:100%!important;}
.show_job_form .box_text{padding:5px 0}
.show_job_form .text{width:100%;padding:10px;border:solid 1px #dedede}
.show_job_form .btn{margin:auto;width:25%;max-width:188px;font-size:18px;color:#fff;background:#06a59f;padding:10px 0;border:none;cursor:pointer;}
.show_job_form #jobname{display:block;font-size:18px;color:#06a59f}
.show_job_form .queueList{margin:0}
.show_job_form .placeholder .webuploader-pick{background:#06a59f}
.show_job_form .webuploader-container{max-width:168px;margin:auto;}
.show_job_form .placeholder{font-size:14px;}
.show_job_form .placeholder input{display:block;width:100%;height:44px;}
.show_job_form .placeholder .rt_input{width:100%!important;height:100%!important;left:0!important}
.show_job_form .statusBar .btns .uploadBtn{background:#06a59f}
.show_job_form .statusBar .info{padding-right:80px;}
.list_istop{padding:0% 0 2% 0;margin:0 auto;margin-top:1.5%;}
.list_istop .auto{}
.list_istop ol{overflow:hidden;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee;}
.list_istop ol img{float:left;width:30%;margin-right:2%;}
.list_istop ol h1{margin:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;color:#010101;font-weight:normal;}
.list_istop ol time{color:#000;margin-right:5%;font-size:14px;}
.list_istop ol p{margin:2% 0;color:#707070;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.list_istop ol a.more{color:#06a59f;display:inline-block;}
.list_istop li{position:relative;border-bottom:1px #b2b2b2 dotted;height:52px;line-height:51px;overflow:hidden;}
.list_istop li::before{position:absolute;content:'';width:4px;height:4px;border-radius:50%;background-color:#ccc;left:5px;top:50%;margin-top:-2px;}
.list_istop li time{float:right;font-size:13px;color:#4c4c4c;}
.list_istop li a{display:block;float:left;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:20px;font-size:16px}
.list_istop li a:hover{color:#06a59f;}
@media(max-width:640px){
    .list_istop li a{width:77%;}
}
@media (max-width:768px){
    .page-bn{padding-top:60px}
    .page-bn .pic{padding-bottom:50%;}
    .page-bn .txt .cn{font-size:24px;letter-spacing:2px;}
    .page-bn .txt .en{margin-top:5px;font-size:12px;letter-spacing:0px;}
    .page-menu .location{display:none;}
    .page-menu .menu-nav li a{padding:15px 0;}
    .recruit-main .filter,.recruit-main .content{width:100%;float:none;}
    .recruit-main .filter{margin-bottom:30px;}
    .recruit-main .filter dd{display:inline-block;margin-right:2%;}
    .recruit-main .data .label .item{line-height:50px;}
    .recruit-main .data .label .item:first-child{padding-left:15px;}
    .recruit-main .data .cont{padding:20px 15px;}
    .recruit-main .data .label .item.time{display:none;}
    .recruit-main .data .label .item.name{width:40%;}
    .recruit-main .data .label .item.site{width:20%;text-align:center;}
    .recruit-main .data .label .item.num{width:20%;text-align:center;}
    .recruit-main .data .label .item.option{width:20%;}
    .recruit-main .data .cont .info .item{width:100%;margin-bottom:20px;padding-right:0;}
    .recruit-main .data .cont .info{padding-bottom:20px;}
    .recruit-main .data .cont .upload-wrap .tip{display:block;margin:20px 0 0;}
    .pro-main .data li{width:49%;margin-right:2%;}
    .pro-main .data li:nth-child(2n){margin-right:0;}
    .pro-main .data .tits{font-size:16px;line-height:22px;max-height:44px;}
    .pro-main .data .intro{font-size:14px;line-height:20px;max-height:80px;}
    .store_search .select_box{display:block;width:100%;margin:2% 0;}
    .store_search .button{float:none;width:140px;line-height:40px;height:40px;}
    .store_search select:last-of-type{margin-right:0;}
    .pro-main .pro-tit{font-size:24px;}
    .pro-main .filter{width:55%;}
    .pro-main .data .txt{padding-top:25px;}
    .pro-main .data .tit{font-size:16px;}
    .recommend-list .item .image .product-shadow{bottom:0;transform:translateX(-50%) translateY(60%);-ms-transform:translateX(-50%) translateY(60%);-webkit-transform:translateX(-50%) translateY(60%);}
    .recommend-list .item .name{height:60px;font-size:16px;padding-top:25px;}
}