@charset "UTF-8";

html{margin: 0;padding: 0;}
body{margin: 0;padding: 0;font-family:'montserrat_thin', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
input,textarea{outline: none;}
button{padding: 0;background-color: unset}
.img{position: relative;display: block;}
/*.img img{position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 100%;}*/
.img img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
.public_bg{background-size: cover;background-position: center center;background-repeat: no-repeat;}

:root{
    --fz12:12px;
    --fz13:13px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz22:22px;
    --fz24:24px;
    --fz26:26px;
    --fz28:28px;
    --fz30:30px;
    --fz32:32px;
    --fz34:34px;
    --fz36:36px;
    --fz54:54px;
    --fz70:70px;
}


.body_after{display: none;}
.head{animation: head_forward 1s ease}
@keyframes head_forward {
    0%  {transform: translateY(50%);}
    100%{transform: none;opacity: 1}
}

.head .head_top_bg{background-color: #252a3e;}
.head .head_top{width: 77.396%;margin: 0 auto;display: flex;justify-content: space-between;padding: 15px 0;}
.head .head_top .left{display: flex;}
.head .head_top .list{color: #7988a1;font-size: var(--fz12);display: flex;align-items: center;margin-right: 58px;}
.head .head_top .list .icon{margin-right: 15px;color: #a82534}
.head .head_top .right a{color: #9199ac;margin-left: 23px}
.head .head_bottom_bg{background-color: #f8f9fa;position: relative}
.head .head_bottom_bg.active{position: fixed;top: 0;left: 0;width:100%;z-index: 10;}
.head .head_bottom{width: 70.5%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 102px}
.head .head_bottom .logo{width: 12.857%;height: 100%;display: flex;align-items: center;}
.head .head_bottom .logo img{width: 98px;height: 67px;}
.head .head_bottom .bottom_module{width: 108.19%;display: flex;justify-content: space-between;align-items: center;padding-left: 105px;height: 100%}

.head .head_bottom .nav{width: 65.813%;min-width: 570px;height: 100%;display: flex;align-items: center;}
.head .head_bottom .nav>ul{display: flex;justify-content: space-between;height: 100%;width: 100%}
.head .head_bottom .nav .pc_drop{display: flex;align-items: center;}
.head .head_bottom .nav .pc_drop a{font-size: var(--fz14);font-weight: bolder;white-space: nowrap;margin-right: 5px}
.head .head_bottom .nav>ul>li{height: 100%;display: flex;}
.head .head_bottom .nav>ul>li:hover .pc_down{display: block}

.head .head_bottom .nav .pc_down{display: none;position: absolute;top: 100%;left: 0;width: 100%;background-color: #FFFFFF;z-index: 10;}
.head .head_bottom .nav .pc_down .down_inner{width: 77.396%;margin: 0 auto;display: flex;padding: 20px 0;justify-content: space-around;}
.head .head_bottom .nav .pc_down .down_inner .list{width: 20%;}
.head .head_bottom .nav .pc_down .down_inner .list a{display: block;font-size: var(--fz14);padding: 10px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.2);text-align: center;}
.head .head_bottom .nav .pc_down .down_inner .list a:nth-of-type(1){font-size: var(--fz16);font-weight: bolder;border-bottom: unset}
.head .head_bottom .nav .pc_down .down_inner .list a:hover{color: #af7868;}
.head .head_bottom .nav .pc_down .down_inner .list a:last-child{border-bottom: unset}

.head .head_bottom .nav .pc_down{display: none;}
.head .head_bottom .build_text{width: 20.281%;display: flex;justify-content: space-between;align-items: center;}
.head .head_bottom .build_text a{min-width: 0px;padding: 16px 20px;background-color: #9ead93;color: #ffffff;border-radius: 2px;font-size: var(--fz14);transition: all 0.5s ease;}
.head .head_bottom .build_text a:hover{background-color: #b7d7a0}
.head .head_bottom .build_text p,
.head .head_bottom .build_text .icon{color: #0e1317;font-size: var(--fz22)}
.head .head_bottom .build_text .icon{cursor: pointer;}
.head .head_bottom .build_text p{font-weight: bolder;margin-top: 26px;}
.head .phone_nav{display: none;}
.head .menu{display: none;}

/*以上为头部部分---------------------------------------------------------------------*/

footer{background-color: #181818;color: #ffffff;}
.foot{width: 70.833%;margin: 0 auto;display: flex;justify-content: space-between;padding: 100px 0 70px;}
.foot.active{animation: head_forward 1s ease}

.foot .foot_left{width: 22.206%;}
.foot .foot_left img{width: 98px;height: 67px;}
.foot .foot_left p{font-size: var(--fz16);margin: 45px 0;line-height: 28px;}
.foot .foot_left .bottom_icon{display: flex;}
.foot .foot_left .bottom_icon a{width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;background-color: #eeeeee;border-radius: 50%;margin-right: 14px;}
.foot .foot_left .bottom_icon .icon{color: #9199ac}
.foot .foot_right{width: 69.559%;display: flex;}
.foot .foot_right .list{width: 31.924%;}
.foot .foot_right .list h2{font-size: var(--fz20);margin-bottom: 64px}
.foot .foot_right .list ul li{margin-bottom: 25px;position: relative;padding-left: 11px;}
.foot .foot_right .list ul li::before{content: '';width: 1px;height: 100%;border-left: 1px solid #777991;position: absolute;top: 0;left: 0;}
.foot .foot_right .list ul li a{color: #ffffff;}
.foot .foot_right .list .text .item{margin-bottom: 44px}
.foot .foot_right .list .text .item p{font-size: var(--fz16)}
.foot .foot_right .list .text .item span{font-size: var(--fz14)}
.foot .foot_right .list .text .item p span{color: #b41e1c}
/*.copyright{}*/
.copyright{background-color: #ffffff;position: relative;}
.copyright::before{content: '';position: absolute;top: 0;left: 0;width: 70.031%;height: 100%;background-image: linear-gradient(45deg,#9ead93 50%,#ffffff 50%) }
.copyright .copyright_inner{width: 70.833%;display: flex;justify-content: space-between;margin: 0 auto;position: relative;z-index: 4;}
.copyright .copyright_inner .right{display: flex;}
.copyright .copyright_inner .right a{margin-right: 20px}

/*以上为底部部分----------------------------------------------------------------------*/

/*以下为内页部分------------------------------------------------------------------------*/
.section_forward.active{animation: section_forward 1s ease}
@keyframes section_forward {
    0%  {transform: translateY(50%);}
    100%{transform: none;opacity: 1}
}
.suspension{position: fixed;top: 50%;right: 0;padding: 12px 20px;background-color: #f00;border-radius: 10px 0 0 10px;z-index: 5;}
.suspension a{font-size: var(--fz18);color: #FFFFFF;writing-mode: vertical-lr;}

.index_banner{margin-bottom: 60px;}
.index_banner .inner_slide{position: relative}
.index_banner .inner_slide .img{width: 100%;padding-bottom: 44.792%;}
.index_banner .inner_slide .text_content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;width: 68.125%;color: #ffffff;}
.index_banner .inner_slide .text_content h1{font-size: var(--fz54);margin-bottom: 45px}
.index_banner .inner_slide .text_content p{font-size: var(--fz16);line-height: 36px;margin-bottom: 56px;}
.index_banner .inner_slide .text_content a{display: block;background-color: #9ead93;color: #ffffff;width: 200px;height: 70px;text-align: center;line-height: 70px;border-radius: 2px;font-size: var(--fz16);transition: all 0.5s ease;}
.index_banner .inner_slide .text_content a:hover{background-color: #b7d7a0}

.index_first{width: 68.958%;margin: 0 auto 50px;display: flex;justify-content: space-between;position: relative;padding-bottom: 145px;}
.index_first .left{width: 47.205%;}
.index_first .left .img{width: 100%;padding-bottom: 116.32%}
.index_first .right{width: 48.489%;}
.index_first .right span{color: #9ead93;font-size: var(--fz20)}
.index_first .right h3{margin: 30px 0;font-size: var(--fz32)}
.index_first .right p{line-height: 32px;font-size: var(--fz16)}
.index_first .right .inner_text{display: grid;grid-template-columns: repeat(2,50%);font-weight: bolder;margin-top: 77px}
.index_first .many_img{position: absolute;bottom: 0;right: 0;width: 75.529%;box-sizing: border-box;background-color: #ffffff;padding: 29px;display: flex;justify-content: space-between;}
.index_first .many_img .list{width: 31%;}
.index_first .many_img .list .img{width: 100%;padding-bottom: 66.667%;overflow: hidden;}
.index_first .many_img .list:hover img{transform: scale(1.1)}
.index_first .many_img .list img{transition: all 0.5s ease;}

.index_second .second_top_bc{background-color: #212529;}
.index_second .second_top_bc .second_top{width: 69.063%;margin: 0 auto;display: flex;justify-content: space-between;}
.index_second .second_top_bc .second_top .list{width: 33.333%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 55px 0 58px;transition: all 0.5s ease;}
.index_second .second_top_bc .second_top .list img{width: 52px;height: 52px;}
.index_second .second_top_bc .second_top .list:hover{background-color: #9ead93;}
.index_second .second_top_bc .second_top .list.current{background-color: #9ead93;}
.index_second .second_top_bc .second_top .list p{margin-top: 20px;font-size: var(--fz16);color: #ffffff}
.index_second .second_bottom_bg{width: 69.063%;margin: 0 auto;background-color: #131618;padding: 80px 0 80px}
.index_second .list_second_bottom{display: none}
.index_second .list_second_bottom.current{display: block;}
.index_second .second_bottom{width: 82.805%;display: flex;justify-content: space-between;margin: 0 auto;align-items: center;}
.index_second .second_bottom .text{color: #ffffff;width: 0;flex: 1;padding-left: 51px;box-sizing: border-box;}
.index_second .second_bottom .text h1{font-size: var(--fz32);margin: 0 0 41px;}
.index_second .second_bottom .text ul li,
.index_second .second_bottom .text p{margin-bottom: 28px;font-size: var(--fz16)}
.index_second .second_bottom .text .icon{color: #952425;}
.index_second .second_bottom .text_img{width: 42.616%;}
.index_second .second_bottom .text_img .img{padding-bottom: 83.255%;overflow: hidden;}
.index_second .second_bottom .text_img .img img{transition: all 0.5s ease;}
.index_second .second_bottom .text_img .img:hover img{transform: scale(1.1)}

.index_third_bc{background-color: #212529;padding: 89px 0}
.index_third{width: 81.563%;margin: 0 auto;position: relative;}
.index_third .third_swiper{overflow: hidden;}
.index_third .third_swiper .swiper-slide{margin-right: 1px;}
.index_third .slide_inner{position: relative;overflow: hidden;}
.index_third .slide_inner .img{width: 91.188%;padding-bottom: 33.064%;}
.index_third .slide_inner .lide_text{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 35.313%;box-sizing: border-box;padding: 35px 50px;color: #ffffff;background-color: #9ead93;}
.index_third .slide_inner .lide_text h2{font-size: var(--fz32);margin-bottom: 10px}
.index_third .slide_inner .lide_text p{font-size: var(--fz16);;line-height: 24px;color: rgba(255,255,255, .5)}
.index_third .slide_inner .lide_text a{display: inline-block;font-size: var(--fz18);line-height: 20px;padding: 15px 30px;border-radius: 250px;background-color: #AF7163;color: #ffffff;margin-top: 20px;transition: all 0.5s ease;}
.index_third .slide_inner .lide_text a:hover{background-color: #dd8976}
.index_third .third_pointer{padding-top: 32px}
.index_third .third_pointer .third-swiper-pagination .swiper-pagination-bullet{border: 3px solid #ffffff;background-color: transparent;}
.index_third .third_pointer .third-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #af7163;border: none}

.index_fourth{width: 82.917%;margin: 0 auto;padding: 80px 0 80px}
.index_fourth .title{display: flex;justify-content: space-between;align-items: flex-end;}
.index_fourth .title .top{position: relative;}
.index_fourth .title .top h1{font-size: var(--fz70);color:#f5f7fc}
.index_fourth .title .top span{font-size: var(--fz22);color: #a0ae95;position: absolute;top: 44%;left: 0;transform: translateY(-50%);z-index: 3;}
.index_fourth .fourth_content h2{font-size: var(--fz24);}
.index_fourth .title_right a{background: #af7163; padding: 4px 15px 4px;
    border-radius: 250px;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    color: #f0f0f1;
}
.index_fourth .title_right{display: flex;justify-content: flex-end;margin-top: 20px}
.index_fourth .title_right a:hover{background-color: #b7d7a0}
.index_fourth .fourth_content .item{padding-top: 35px;}
.index_fourth .fourth_content .inner_item{display: grid;justify-content: space-between;padding-top: 35px;grid-template-columns: repeat(5,18.719%);grid-row-gap: 20px}
.index_fourth .fourth_content .list{display: flex;flex-direction: column;border: 1px solid #edeff5;align-items: center;padding: 30px 0 30px;background-color: #212529;}
.index_fourth .fourth_content .inner_item.active .list:nth-child(n+6){display: none}
.index_fourth .fourth_content .list:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)}
.index_fourth .fourth_content .list img,
.index_fourth .fourth_content .list{transition: all 0.5s ease;}
.index_fourth .fourth_content .list:hover img{transform: scale(1.1)}
.index_fourth .fourth_content .list .img{width: 80.333%;padding-bottom: 67.75%;margin-bottom: 36px;overflow: hidden;}
.index_fourth .fourth_content .list a{width: 51.667%;color: #ffffff;padding: 14px 0;text-align: center;border: 1px solid #ffffff;transition: all 0.5s ease;}
.index_fourth .fourth_content .list a:hover{background-color: #8f95b3;color: #ffffff;}
.index_line{width: 100%;border-bottom: 2px solid #9f9f9f}

.index_fifth{width: 76.042%;margin: 0 auto;padding-bottom: 90px}
.index_fifth>h3{padding: 42px 0 42px 116px;font-size: var(--fz26)}
.index_fifth .fifth_content{display: flex;justify-content: space-between;}
.index_fifth .fifth_content .left{width: 72.123%;}
.index_fifth .fifth_content .right{width: 25.616%;position: relative;}
.index_fifth .fifth_content .left .top_show{display: flex;justify-content: space-between;}
.index_fifth .fifth_content .left .top_show .list_bg{width: 48.813%;padding: 70px 36px;color: #ffffff;box-sizing: border-box;}
.index_fifth .fifth_content .left .top_show .list_bg span{font-size: var(--fz12);color: #ff9600}
.index_fifth .fifth_content .left .top_show .list_bg h2{font-size: var(--fz28);font-weight: normal;margin-bottom: 10px}
.index_fifth .fifth_content .left .top_show .list_bg p{font-size: var(--fz12);}
.index_fifth .fifth_content .left .top_show .list_bg span{font-size: var(--fz14);}
.index_fifth .fifth_content .left .top_show .list_bg a{display: block;font-size: var(--fz14);color: #ffffff;width: 122px;height: 37px;border: 2px solid #ffffff;text-align: center;line-height: 37px;margin-top: 29px;transition: all 0.5s ease;}
.index_fifth .fifth_content .left .top_show .list_bg a:hover{background-color: #ff9600;border-color: #ff9600}
.index_fifth .fifth_content .left .bottom_show{padding: 35px 30px 0 36px;position: relative;}
.index_fifth .fifth_content .left .bottom_show .slide_inner{border: 1px solid #f2f2f2;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 18px}
.index_fifth .fifth_content .left .bottom_show .slide_inner .img{width: 100%;padding-bottom: 100%}
.index_fifth .fifth_content .left .bottom_show .slide_inner p{margin-top: 20px;}
.index_fifth .fifth_content .left .bottom_show .slide_inner .star{margin-top: 20px;}
.index_fifth .fifth_content .right .img{padding-bottom: 195.71%;}
.index_fifth .fifth_content .right .img_top_text{position: absolute;top: 0;left: 0;color: #ffffff;padding: 35px 53px}
.index_fifth .fifth_content .right .img_top_text span{color: #e21c23;font-size: var(--fz16)}
.index_fifth .fifth_content .right .img_top_text h2{font-size: var(--fz32)}
.index_fifth .fifth_content .right .img_top_text p{font-size: var(--fz28);margin-top: 20px}
.index_fifth .fifth_content .right .img_top_text a{font-size: var(--fz16);color: #ffffff;display: block;margin-top: 21px;font-weight: bolder;transition: all 0.5s ease;}
.index_fifth .fifth_content .right .img_top_text a:hover{color: #e21c23}
.index_fifth  .fifth-pointer{position: absolute;top: 50%;left: -30px;z-index: 5;transform: translateY(-50%);cursor: pointer;background-color: #ffffff;border-radius: 50%;}
.index_fifth .fifth-pointer img{width: 40px;height: 40px}
.index_fifth  .fifth-pointer .button-img{border-radius: 50%;overflow: hidden;background-color: #ffffff;border: 1px solid #cacaca;padding: 20px;}


.index_sixth_bg{padding: 124px 0;}
.index_sixth{width: 70.833%;margin: 0 auto;display: flex;justify-content: space-between;}
.index_sixth .list{width: 13.235%;display: flex;flex-direction: column;align-items: center;color: #ffffff;}
.index_sixth .list img{width: 45px;height: 45px;margin-bottom: 44px;}
.index_sixth .list h2{margin-bottom: 24px;font-size: var(--fz36);white-space: nowrap}
.index_sixth .list p{white-space: nowrap;font-size: var(--fz14)}

.index_seventh{width: 70.833%;margin: 0 auto;}
.index_seventh .seventh_top{display: flex;justify-content: space-between;padding: 130px 0 100px;align-items: center;}
.index_seventh .seventh_top .left span{color: #b1bcb0;font-size: var(--fz14);}
.index_seventh .seventh_top .left h3{font-size: var(--fz36);}
.index_seventh .seventh_top .right{display: flex;}
.index_seventh .seventh_top .right .list{margin-left: 75px;}
.index_seventh .seventh_top .right .list img{width: 80px;height: 80px;}
.seventh_bottom_bg{;width: 100%;display: flex;justify-content: space-between;padding: 55px 45px;box-sizing: border-box;align-items: center;background-color: #000000}
.seventh_bottom_bg .left{color: #ffffff;}
.seventh_bottom_bg .right{width: 49.412%;}
.seventh_bottom_bg .input_inner{position: relative;display: flex;justify-content: space-between;}
.seventh_bottom_bg .input_inner .wpcf7-form-control-wrap{width: 69.94%;}
.seventh_bottom_bg .input_inner input{border: none}
.seventh_bottom_bg .input_inner .icon{position: absolute;top: 50%;left: 15px;transform: translateY(-50%);}
.seventh_bottom_bg .input_inner .inout_1{padding: 15px 0 15px 40px;width: 100%;box-sizing: border-box;}
.seventh_bottom_bg .input_inner .inout_2{width: 0;flex: 1;background-color: #9ead93;color: #ffffff;cursor: pointer;transition: all 0.5s ease;}
.seventh_bottom_bg .input_inner .inout_2:hover{background-color: #b7d7a0}
.inside_form{margin-top: 100px}

.inside_contact{width: 70.5%;margin: 50px auto;padding: 50px 0;background-color: #fafafa}
.inside_contact .inside_form{padding: 0 50px}
.inside_contact .form_inner .list{display: flex;justify-content: space-between;padding-bottom: 35px;align-items: center;width: 53%;margin: 0 auto;}
.inside_contact .form_inner .list input{width: 100%;padding: 10px 10px;box-sizing: border-box;border: 1px solid #f1f1f1;font-size: var(--fz16);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.inside_contact .form_inner .list>p{width: 74%;}
.inside_contact .form_inner .list .list_text{width: 24%;min-width: 139px;}
.inside_contact .form_inner .list .list_text p{color: #717274;font-size: var(--fz16);text-align: justify;text-align-last: justify;white-space: nowrap}

.inside_contact .form_inner .list_submit{width: 100%;display: flex;justify-content: center;padding-top: 10px}
.inside_contact .form_inner .list_submit input{padding: 20px 50px;font-size: var(--fz16);border: none;background-color: #ff5f39;color: #ffffff;border-radius: 5px;cursor: pointer;transition: all 0.5s ease;}
.inside_contact .form_inner .list_submit input:hover{background-color: #F67D61FF;}


/*内页样式*/

/*详情页*/
.single_body {background-color:#0e1317;padding-top: 37px; padding-bottom: 138px;}

.single_content{width: 75%;margin: 0 auto}
.single_crumbs {padding-left: 30px;border: 1px solid #272b2f;padding-top: 8px;padding-bottom: 10px;border-radius: 20px;color:#7f8284  }
.single_crumbs  a {color:#af7163;text-decoration:revert}
.single_text h3 {font-size: 32px;color: #fff;margin-top: 52px}
.single_text .product_content {margin-top: 28px;display: flex;justify-content: space-between}
.single_text .product_content .left{width: 36.805%;overflow: hidden}
.single_text .product_content .left img{transition: all .3s}
.single_text .product_content .left:hover img{transform: scale(1.2)}
.single_text .product_content .left img{max-width: 100%;object-fit: cover}
.single_text .product_content .right{width: 61.25%}
.single_text .product_content .right .one {display: flex;align-items: center}
.single_text .product_content .right .one span {color: #878984;font-size: 14px;margin-right: 8px}
.single_text .product_content .right .one img:nth-of-type(n+2){margin-left: 6px}
.single_text .product_content .right .two {margin-top:8px;color:#af7163;font-size: 14px;}
.single_text .product_content .right .three .item {margin-top:15px;color:#cfd0d1;font-size: 14px;line-height: 20px; }
.single_text .product_content .right .four{margin-top: 10px;color:#878888;font-size: 16px;}
.single_text .product_content .right .four span{display: flex}
.single_text .product_content .right .four span.bk{margin-left:278px }
.single_text .product_content .right .four span:nth-of-type(n+2){margin-top:18px }
.single_text .product_content .right .box{margin-top: 26px;padding:30px;background-color: #30707b;border-radius: 5px;display: flex;align-items: center;color: #fff;justify-content: space-between}
.single_text .product_content .right .box .box2 .item{display: flex;align-items: center;font-size: 14px;}
.single_text .product_content .right .box .box2 .item span{color:#73ff00;margin-left:9px;margin-right:5px ;  }
.single_text .product_content .right .box .box4{width:50px;height: 50px;background-color: #af7163;border-radius: 50%;}
.single_text .product_content .right .box .box4 a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center}
.single_text .product_content .right .box .box3{position: relative}
.single_text .product_content .right .box .box3 span{width:54px ;height: 54px;border-radius: 50%;font-weight: bold;display: flex;justify-content: center;align-items: center;background-color: #fff;color: #0e1317;}
.single_text .product_content .right .box .box3 .j_left{position: absolute;width: 7px;height: 7px;border-left: 2px solid #ffffff;border-bottom: 2px solid #ffffff;left: -30px;background-color:unset;border-radius: unset;transform: rotate(45deg) translateY(-50%);top: 50%}
.single_text .product_content .right .box .box3 .j_left.active{border-color:#989898 }
.single_text .product_content .right .box .box3 .j_right{position: absolute;width: 7px;height: 7px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;right: -30px;background-color: unset;border-radius: unset;transform: rotate(-45deg) translateY(-50%);top: 50%}
.single_text .product_content .right .box .btn{width:113px;text-align: center}
.single_text .product_content .right .box .btn a {display: block;line-height: 50px;color: #fff;font-size: 16px;background-color: #af7163;border-radius: 50px}
.single_text  .product_body {padding:40px 0px 60px 25px;background-color: #fff;margin-top: 70px;}

/*详情页面中的弹窗*/
.inside_shopping{display: none;position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%);width: 480px;padding: 18px 40px;background-color: #ffffff;border-radius: 5px;}
.inside_shopping.active{display: block;}
.inside_shopping .close_shopping{display: flex;justify-content: flex-end;margin-bottom: 20px;cursor: pointer;}
.inside_shopping .list{font-size: var(--fz20);line-height: 32px;text-align: center;margin-bottom: 10px;}

/*关于*/


@keyframes move {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        transition: none;
        opacity: 1;
    }

}
.about_banner {position: relative;animation: move 1s ease forwards;opacity: 0;}
.about_banner img{width: 100%;object-fit: cover}
.about_banner .text{position: absolute;font-size: 50px;top: 50%;transform: translateY(-50%) translateX(-50%);left: 50%;font-weight: bold;color: #fff}
.about_video {margin-top: 147px}
.about_video img{max-width: 100%;object-fit: cover}
.about_video .content {width: 76.042%;margin: 0 auto;animation: move 1s linear .5s forwards;opacity: 0;}
.about_box {margin-top: 212px}
.content{opacity: 0;}
.content.active{animation: move 1s ease forwards;}
.about_box .content {width: 79.167%;margin: 0 auto;display: flex;}
.about_box .content>.left{width: 46.25%}
.about_box .content .left img{max-width: 100%;object-fit: cover}
.about_box .content>.right{padding-top: 33px;width: 39.473%;padding-left: 70px;}
.about_box .content>.right span{font-size: 12px;color: #a8b2a2}
.about_box .content  .right .title{margin-top: 30px;color:#212529;font-size:40px;font-weight: bold; }
.about_box .content  .right .list{margin-top: 40px}
.about_box .content  .right .list ul {display:grid;grid-template-columns: repeat(2,1fr);gap:40px 45px }
.about_box .content  .right .list ul li{display: flex;justify-content: space-between}
.about_box .content  .right .list ul li .left{margin-right: 25px}
.about_box .content  .right .list ul li span{font-size: 16px;color: #000;font-weight: bold;}
.about_box .content  .right .list ul li p{margin-top:16px;line-height: 26px; }
.about_number {margin-top: 120px}
.about_number .content {width: 68.75%;margin: 0 auto;}
.about_number .content ul{display: flex;justify-content: space-between}
.about_number .content ul li .top img{margin: 0 auto 40px}
.about_number .content ul li .number {font-weight: bold;font-size: 36px;text-align: center;margin-bottom: 24px;}


.about_box_one {background-color:#212529;margin-top: 80px;padding-top: 85px;}
.about_box_one .content{width: 68.75%;margin: 0 auto;z-index: 3;position: relative}
@keyframes move5 {
    0%{
        transform: translateY(50%);
    }
    100%{
        transition: none;
        opacity: 1;
    }
}
.about_box_one .content h2 {text-align: center;font-size: 15px;color: #8ea184}
.about_box_one .content h3 {text-align: center;font-size: 42px;color: #fff;margin-top:20px }
.about_box_one .content .toggle{display: flex;justify-content: center;margin-top: 30px;}
.about_box_one .content .toggle span{width: 90px;line-height: 43px;text-align: center;font-weight: bold;color: #fff;font-size: 14px;cursor: pointer;}
.about_box_one .content .toggle span.active{background-color: #8ea184;border-radius: 50px}
.about_box_one .content .toggle span:nth-of-type(n+2){margin-left: 26px}
.about_box_one .content .box_list{margin-top: 56px;padding: 46px 40px 42px;justify-content: space-between;background-color: #fff;position: relative;background-image: url("../image/about_bg.png");background-repeat: no-repeat;background-size: contain;align-items: center;z-index: 3;opacity: 0;}
.about_box_one .content .box_list{display: none;}
.about_box_one .content .box_list.active{display: flex;animation:  move5 1s ease forwards;}
.about_box_one .content .boxs{position: relative}
.about_box_one .content .box_list>.left{width: 46.151%;}
.about_box_one .content .box_list .left h3{font-size:24px;color: #000;font-weight: bold;text-align: unset}
.about_box_one .content .box_list .left .list{margin-top: 156px}
.about_box_one .content .box_list .left .list .item{display: flex;align-items: center}
.about_box_one .content .box_list .left .list .item  span {font-size: 15px;font-weight: bold;margin-left: 10px}
.about_box_one .content .box_list .left .list .item:nth-of-type(n+2){margin-top: 25px}
.about_box_one .content .box_list .left .btn{width: 165px;margin-top: 47px;}
.about_box_one .content .box_list .left .btn a {display: block;line-height: 50px;text-align: center;background-color: #9ead93;font-weight: bold;color: #fff}
.about_box_one .content .box_list .right{width: 40.169%;}
.about_box_one .content .box_list .right img{max-width: 100%}
.about_box_two {background-color: #fff;position: relative;z-index: 2;margin-top: 50px;}



.about_box_two.active{ animation: move1 1s ease  forwards;}
@keyframes move1 {
    0%  {transform: translateY(50%);opacity: 0}
    100%{transform: none;opacity: 1}
}
.about_box_two .top img{margin: 0 auto}
.about_box_two  h3{text-align: center;margin-top: 18px;}
.about_box_two .line {width:60px;height:4px;background-color: #9ead93;margin: 22px auto 0}
.about_box_two .lists{width: 62.5%;margin: 55px auto 0}
@keyframes mover {
    0% {
        transform: translateY(50%);
    }
    100% {
        transform:none;
        opacity: 1;
    }
}
.about_box_two .lists{opacity: 0;}
.about_box_two .lists.active{animation:mover 1s ease forwards }
.about_box_two .lists ul {display: flex;flex-wrap: wrap}
.about_box_two .lists ul li{width: 33%;overflow: hidden}
.about_box_two .lists ul li:hover img{transform: scale(1.2
)}
.about_box_two .lists ul li img{width: 100%;transition: all .3s}
.about_box_two .lists ul li:nth-of-type(n+4){margin-top: 52px}

.form_box{margin-top: 252px;}
@keyframes move3 {
    0% {
        transform: translateY(50%);
    }
    100% {
        transform:none;
        opacity: 1;
    }

}
.single_content.active{animation: move 1s ease forwards;}
.list_product .single_content.active{animation: move 1s ease forwards}
.list_product_one .single_content.active{animation: move 1s ease  forwards}
.form_box .content{width: 68.75%;margin: 0 auto;display: flex;justify-content: space-between;padding: 50px 40px;box-sizing: border-box;align-items: center;background-image: url("../image/33.png");background-size: cover;}
.form_box .content .left{width: 25.736%;font-size: 28px;line-height:35px;color: #ffff}
.form_box .content .input{position: relative;flex: 1}
.form_box .content .input img{position: absolute;top: 50%;transform: translateY(-50%);left: 35px;}
.form_box .content input {border: unset;line-height: 90px;padding-left: 70px;outline: none;width: 100%;box-sizing: border-box}
.form_box .content  .right{width: 66.947%}
.form_box .content  .right form{display: flex}
.form_box .content .btn{position: relative}
.form_box .content .btn:hover img{transform: scale(1.1) translateY(-10px)}
.form_box .content .btn img{position: absolute;top: 50%;transform: translateY(-50%);right: 50px;transition: all .3s}
.form_box .content .btn button{height: 100%;border: unset;width: 245px;cursor: pointer;font-weight: bold;color: #fff;font-size: 18px;background-color: #9ead93}


/*列表页*/
.list_product {margin-top:40px }
.list_product .single_content{display: flex;justify-content: space-between}
.list_product  .ch_inside_single{width: 19.93%}
.list_product  .left li.active a {background-color: #af7163;color: #fff;padding-top: 18px;padding-bottom: 18px;border-radius: 50px}
.list_product  .left ul li:nth-of-type(n+2) {margin-top:22px;font-size: 16px;}
.list_product  .left ul li a {display: block;color: #7f8284;padding-left: 30px;}
.list_product  .right{width: 78.472%;}
.list_product  .right h2{font-size: 30px;color: #fff;font-weight: 400;}
.list_product  .right .list {margin-top: 26px}
.list_product  .right .list ul {display: grid;grid-template-columns: repeat(4,1fr);gap:25px 20px }
.list_product  .right .list ul .img{padding-bottom: 79.23%;overflow: hidden}
.list_product  .right .list ul .img:hover img{transform: scale(1.2)}
.list_product  .right .list ul .img img{transition: all .3s}
.list_product  .right .list ul .t a{text-align: center;line-height: 50px;display: block;font-size: 16px;color: #fff;font-weight: bold;background-color:#1a1f23 }
.list_product {margin-top: 30px}
.list_product .single_content{display: flex;justify-content: space-between}
.list_product .ch_left{width: 100%;padding: 32px 20px 60px;background-color:#30707b;box-sizing: border-box;margin-top: 50px}
.list_product .ch_left span{color: #fff;font-size:20px ;}
.list_product .ch_left .line{margin-top:21px;height: 1px;background-color:#457f88}
.list_product .ch_left .td{margin-top: 20px;color: #fff;font-size: 14px;}
.list_product .ch_left .btn{margin-top:18px;display: flex;justify-content: space-between }
.list_product .ch_left .box {margin-top: 16px;display: flex;align-items: center;color: #fff}
.list_product .ch_left .box input[type='checkbox']{width:30px;height: 30px;border: 1px solid #fff;border-radius:5px;margin-right: 10px;position: relative}

input[type=checkbox] {
    cursor: pointer;
    position: relative;
    width: 18px;
    height: 18px;
    font-size: 12px;
}

.list_product .ch_left .box input[type=checkbox]::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 30px;
    height: 30px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border-radius: 3px;
}

.list_product .ch_left .box input[type=checkbox]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    background-color: #ff4014;
}



.list_product .ch_left .btn .item{width: 110px;line-height:50px ;background-color: #fff;border-radius: 50px;text-align: center}
.list_product .ch_inside_content{width: 78.472%;}
.list_product .ch_left .btn1 a{width:124px;line-height: 40px;display: block;text-align: center;color: #fff;border-radius: 30px;border: 1px solid #fff;margin-top: 20px}
.list_product .ch_left .sec{margin-top: 20px}
.list_product .ch_left .sec.bc a{background-color: #af7163;text-align: center;color: #fff}
.list_product .ch_left .sec a{display: block;line-height: 50px;background-color: #fff;padding:0px 20px;border-radius: 50px }
.list_product .ch_right .top{padding: 62px 250px;background-color: #30707b;border-radius: 15px;display: flex;justify-content: space-between}
.list_product .ch_right .top .btn a {display: block;text-align: center;line-height:50px;color: #fff;background-color: #af7163;min-width: 112px;border-radius: 50px;padding: 0 10px;}
.list_product .ch_right h2{font-size: 30px;color: #fff;font-weight: 400;margin-top: 30px}
.list_product .ch_right .lists{margin-top: 30px}
.list_product .ch_right .lists ul {display: grid;grid-template-columns: repeat(3,30%);margin-top: 20px;justify-content: space-between}
.list_product .ch_right .lists ul li{background-color: #fff;}
.list_product .ch_right .lists ul li p a{display: block;padding:35px 0 30px 20px;font-size: 12px; }
.list_product .ch_right .lists ul li .img{padding-bottom:106.53% ;overflow: hidden;width: 82.554%;margin: 0 auto}
.list_product .ch_right .lists ul li .img:hover img{transform: scale(1.2)}
.list_product .ch_right .lists ul li .img img{transition: all .3s}
.page{margin-top: 80px;padding-bottom: 86px;}
.page ul{display: flex;justify-content: right}
.page ul li a {width:50px ;line-height: 50px;text-align: center;color: #fff;border-radius: 50%;background-color: #32363a;height: 50px;display: flex;justify-content: center;align-items: center}
.page ul li:nth-of-type(n+2){margin-left: 9px}
.page ul li.active a {background-color:#30707b }