@charset "utf-8";

@import url(public.css);
html,body{width: 100%; overflow-x: hidden; overflow-y: auto;}
.vbs-hidden{visibility: hidden}
.txt-ellipsis{white-space: nowrap;max-width: 100%;text-overflow:ellipsis;overflow: hidden;}
span.price-tag{color: inherit;font-weight: normal}
span.price-tag::after{content: attr(data-pc-txt)}
/* 头部 */
.header{width: 100%; position: relative;}
.header .head_top{height: 40px; background-color: #f1f1f1;}
.header .head_top .text{float: left; font-size: 14px; color: #8b8b8b; line-height: 40px;}
.header .head_top .top_right{float: right; height: 100%;}
.header .head_top .head_tel{float: left; line-height: 40px;}
.header .head_top .head_tel span{padding-left: 30px; font-size: 18px; color: #13895a; font-weight: bold; background: url(../images/head_icon1.png) no-repeat left center;}
.header .head_top .form{float: left; margin-left: 25px; height: 100%; width: 260px; background: linear-gradient(to right, #0f9f65, #076753)}
.header .head_top .form .form_text{width: calc(100% - 40px); float: left; height: 100%; padding: 0 10px; font-size: 14px; color: #fff; background-color: rgba(0,0,0,0); border: none; outline: none;}
.header .head_top .form .form_text::placeholder{color: #fff;}
.header .head_top .form .form_btn{width: 40px; height: 100%; background: url(../images/head_icon2.png) no-repeat center center; border: none; outline: none;}
/*  */
.header .head_box{position: relative; width: 100%; z-index: 1;}
.header .head_content{width: 100%; background-color: #fff; height: 95px; position: relative;}
.header .left{width: 26%; height: 100%; display: flex; display: -webkit-flex; align-items: center;}
.header .right{width: 74%; padding-left: 80px; height: 100%;}
.header .logo{float: left;}
.header .logo img{max-width: 100%; height:auto; max-height: 100%;}
.header .head_text{float: left; position: relative; padding-left: 15px; margin-left: 15px;}
.header .head_text::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 50px; background-color: #e6e6e6;}
.header .head_text img{max-width: 100%; height:auto; max-height: 100%;}
/*  */
.header .navBarIcon{position:absolute; top: 0; bottom: 0; right: 15px; margin: auto; z-index: 9; padding: 0; height: 20px; display:block; cursor:pointer;}
.header .navBarIcon.on{bottom: auto;}
.header .navBarIcon .icon-bar{background:#285f25; width:30px; height: 3px; display: block;}
.header .navBarIcon .icon-bar:nth-child(2){margin: 5px 0;}
.header .navBarIcon .icon-bar:nth-child(3){width: 22px;}
.header .navBarIcon.on .icon-bar:nth-child(1){margin-top: 8px; transform:rotateZ(45deg);}
.header .navBarIcon.on .icon-bar:nth-child(2){opacity:0;}
.header .navBarIcon.on .icon-bar:nth-child(3){width: 30px; top:50%; position:absolute; transform:translate(0,-50%) rotateZ(135deg);}
/*  */
.header .head_nav{position: relative; height: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;}
.header .head_nav::before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #13895a;}
.header .head_nav .navBox{width: 100%; height: 100%;}
.header .head_nav .navList{width: 100%; font-size: 0; display: flex; justify-content: space-between;}
.header .head_nav .item{position: relative; text-align: center;}
.header .head_nav .item>a{color: #393939; font-size: 16px; line-height: 95px; display: block; overflow: hidden;}
.header .head_nav .item::before{content: ""; position: absolute; bottom: 3px; left: 0; right: 0; margin: auto; display: none; width: 14px; height: 7px; background: url(../images/nav_icon.png) no-repeat; background-size: 100% 100%;}
.header .head_nav .item:hover>a{color: #13895a;}
.header .head_nav .item:hover::before{display: block;}
.header .head_nav .item.act>a{color: #13895a;}
.header .head_nav .item.act::before{display: block;}
.header .head_nav .nav_down{display: none; position:absolute; top:100%; min-width: 100px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 5px rgb(0 0 0 / 20%); background-color: #fff; z-index:9;}
.header .head_nav .nav_down li{width: 100%; text-align: center;}
.header .head_nav .nav_down li a{line-height:40px; font-size: 15px; color:#333; display: block; padding: 0 5px;}
.header .head_nav .nav_down li a:hover{background: #13895a; color: #fff;}
.header.small .head_box{position: fixed; top: 0; left: 0; z-index: 5; animation: navSmall 0.5s; box-shadow: 0 0 20px #ccc;}
.header.small .navBarIcon.on{bottom: 0;}
@keyframes navSmall {
    from {top: -50px;}
    to {top: 0;}
}
@-webkit-keyframes navSmall {
    from {top: -50px;}
    to {top: 0;}
}
/*  */
.banner{width: 100%; overflow: hidden; position: relative; z-index: 0; font-size: 0;}
.banner .img{width: 100%;}
.banner .swiper-pagination-bullet-active{background: #13895a;}
.banner .banner-next, .banner .banner-prev{position: absolute; top: 0; bottom: 0; margin: auto; width: 30px; height: 50px; line-height: 50px; font-size: 38px; color: #333; z-index: 9; opacity: 0;}
.banner .banner-prev{left: 2%;}
.banner .banner-next{right: 2%;}
.banner:hover .banner-next, .banner:hover .banner-prev{opacity: 1;}
/* tabbar */
.tabBar{width: 100%; height: 58px; background-color: #13895a; border-top: 1px solid #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 6; height: calc(58px +  constant(safe-area-inset-bottom)); height: calc(58px +  env(safe-area-inset-bottom));}
.tabBar .list{height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.tabBar .list>li{height: 100%; border-right: 1px solid #fff; position: relative; flex: 1;}
.tabBar .list>li:last-child{border-right: none;}
.tabBar .item{width: 100%; height: 100%; text-align: center; display: flex; display: -webkit-flex; justify-content: center; align-content: center; flex-wrap: wrap;}
.tabBar .item span{width: 100%; font-size: 16px; color: #fff; display: block; line-height: 20px;}
.tabBar .item p{width: 100%; font-size: 12px; line-height: 20px; color: #fff;}
.tabBar .tabbar_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 7; display: none;}
.tabBar .tel_num{width: 100%; display: block; overflow: hidden; background-color: #f5f5f5; box-shadow: 0 0 5px rgb(0 0 0 / 30%); position: fixed; bottom: 0; left: 0; z-index: 8; display: none;}
.tabBar .tel_num a{display: block; line-height: 44px; font-size: 15px; color: #333; border-bottom: 1px solid #ddd; text-align: center;}
.tabBar .tel_num .cancel{margin-top: 6px; border-top: 1px solid #ddd; background-color: #fff; line-height: 44px; font-size: 15px; color: #333; text-align: center;}
.tabBar .wecht_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 7; display: none;}
.tabBar .wecht_content{width: 100%; background-color: #fff; padding: 30px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.tabBar .wecht_content .title{font-size: 18px; color: #333; line-height: 24px; font-weight: bold;}
.tabBar .wecht_content img{width: 150px; height: auto; margin-top: 10px;}
.tabBar .wecht_content p span{width: 150px;text-align: center;display: inline-block;font-weight: 800}
.tabBar .wecht_content .txt{font-size: 12px; color: #333; margin-top: 10px; line-height: 20px;}
.tabBar .wecht_content .txt span{font-size: 18px; font-family: Impact;}
.tabBar .close{position: absolute; bottom: -38px; width: 30px; height: 30px; line-height: 28px; font-size: 20px; color: #fff; border: 1px solid #fff; border-radius: 50%; left: 0; right: 0; margin: auto;}
/*  */
.title_index{text-align: center; margin-bottom: 45px;}
.title_index .title1 span{display: inline-block; position: relative; padding: 0 20px; font-size: 32px; color: #13895a; margin-bottom: 12px;}
.title_index .title1 span::before, .title_index span::after{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; width: 100px; height: 1px; background-color: #d9d9d9;}
.title_index .title1 span::before{right: 100%;}
.title_index .title1 span::after{left: 100%;}
.title_index .title2{font-size: 16px; color: #666;}
.index_spacing{padding: 70px 0;}
.more{text-align: right;}
.more a{display: inline-block; width: 160px; height: 50px; line-height: 48px; border: 2px solid #0fcb80; border-radius: 50px; text-align: center; font-size: 14px; color: #0fcb80; font-weight: bold;}
.more a:hover{background: #0fcb80; color: #fff; transform: scale(1.1);}
/*  */
.index1{width: 100%;}
.index1 .left{width: 50%; height: 120px; position: relative; background-color: #d0b065; display: flex; flex-wrap: wrap; align-content: center; padding-bottom: 15px;}
.index1 .left::before{content: ""; position: absolute; top: 0; right: 100%; width: 1000px; height: 100%; background-color: #d0b065;}
.index1 .left::after{content: ""; position: absolute; top: -16px; right: 0; height: 16px; background-color: #d0b065; width: 2000px;}
.index1 .right{width: 50%; height: 120px; position: relative; background-color: #f7f7f7; display: flex; flex-wrap: wrap; align-items: center; justify-content: right;}
.index1 .right::before{content: ""; position: absolute; top: 0; left: 100%; width: 1000px; height: 100%; background-color: #f7f7f7;}
.index1 .text1{font-size: 30px; color: #fff; font-weight: bold; line-height: 40px;}
.index1 .text2{font-size: 16px; color: #fff; font-weight: bold; line-height: 20px; margin-top: 10px;}
.index1 .text2 span{font-size: 15px; font-weight: normal;}
.index1 .text2 span a{color: #ffffff;}
.index1 .tel_list{ padding-right: 20px; overflow: hidden;}
.index1 .tel_list li{float: left; margin-left: 60px;}
.index1 .tel_list .tt1{font-size: 16px; color: #5c5c5c; line-height: 20px;}
.index1 .tel_list .tt2{font-size: 20px; color: #13895a; line-height: 30px;}
.index1 .tel_list .tt3{font-size: 13px; color: #9c9c9c; line-height: 20px;}
/*  */
.index2{width: 100%; padding: 75px 0 0 0;}
.index2 .wrap{background: url(../images/index2_bg.jpg) no-repeat center center; background-size: cover;}
.index2 .box1 .list{overflow: hidden;}
.index2 .box1 .list li{width: calc(100% / 6); float: left; padding: 70px 20px; position: relative;}
.index2 .box1 .list li::before{content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.1))}
.index2 .box1 .list li:last-child::before{display: none;}
.index2 .box1 .item{width: 100%; text-align: center;}
.index2 .box1 .item .number{font-size: 24px; color: #11b875; font-weight: bold; margin-bottom: 15px;}
.index2 .box1 .item .text{font-size: 16px; color: #fff; line-height: 25px; height: 75px; overflow: hidden;}
.index2 .box1 .item:hover{transform: translateY(-10px);}
.index2 .box2{margin: 5px 0 0 0; padding: 0 0 90px 0;}
.index2 .box2 .tit{text-align: center; font-size: 36px; color: #fff; margin-bottom: 40px;}
.index2 .box2 .list{width: 50%; margin: 0 auto; font-size: 0; margin-bottom: 50px;}
.index2 .box2 .list li{float: left; width: calc(100% / 3); text-align: center;}
.index2 .box2 .imgbox{position: relative; display: inline-block; width: 150px; height: 150px; border-radius: 50%; background-color: #fff; overflow: hidden;}
.index2 .box2 .imgbox .icon{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.index2 .box2 .imgbox:hover .icon{transform: rotateY(360deg);}
.index2 .more{text-align: center;}
/*  */
.index3{width: 100%; background: url(../images/index3_bg.jpg) no-repeat center center; background-size: cover;}
.index3 .tab{width: 100%; text-align: center; margin-bottom: 20px; overflow: hidden; text-align: center;}
.index3 .tab .tabList{overflow: hidden; width: 100%; font-size: 0;}
.index3 .tab .tabList li{width: calc(100% / 6); float: left; padding: 0 5px 10px 5px;}
.index3 .tab .tabList li a{display: block; width: 100%; height: 52px; line-height: 50px; border: 1px solid #bababa; border-radius: 52px; text-align: center; background-color: #fff; font-size: 15px; color: #464646;}
.index3 .tab .tabList li a:hover{background: linear-gradient(to right, #0f9f65, #076753); color: #ffffff;}
.index3 .tab .tabList .select a{background: linear-gradient(to right, #0f9f65, #076753); color: #fff;}
.index3 .tabContent{width: 100%; overflow: hidden;}
.index3 .tabContent .con{display: none;}
.index3 .tabContent .con.act{display: block;}
.index3 .list{width: calc(100% + 20px); margin-bottom: 5px;}
.index3 .list li{width: calc(100% / 4 - 20px); float: left; margin: 0 20px 20px 0;}
.index3 .item{width: 100%;}
.index3 .item a{display: block; width: 100%; height: 100%;}
.index3 .item .imgbox{position: relative; overflow: hidden;}
.index3 .item .imgbox::before{content: ""; display: block; padding-top: 72%;}
.index3 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.index3 .item .txtbox{background-color: #fff; text-align: center; padding: 20px 5px; border: 1px solid #e9e9e9;}
.index3 .item .txtbox .text1{font-size: 18px; color: #272727; line-height: 25px;}
.index3 .item .txtbox .text2{display: inline-block; margin-top: 5px; font-size: 14px; color: #6b6b6b; height: 37px; line-height: 35px; border: 1px solid #cdcdcd; padding: 0 15px; border-radius: 37px;}
.index3 .item .txtbox .text2 span{color: #ff7200; font-weight: bold;}
.index3 .item .txtbox .text2 .price-tag{color: inherit;font-weight: normal}
.index3 .item .txtbox .text2 span.price-tag::after{content: attr(data-pc-txt)}
.index3 .item:hover .imgbox .img{transform: scale(1.1);}
/*  */
.index4{width: 100%;}
.index4 .wrap{margin-bottom: 20px;}
.index4 .left{width: 37%; position: relative; padding: 15px 15px 0 15px;}
.index4 .left::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 60%; background-color: #0f9f65;}
.index4 .left::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background-color: #f6f6f6;}
.index4 .left .imgbox{position: relative; overflow: hidden;}
.index4 .left .imgbox::before{content: ""; display: block; padding-top: 89.5%;}
.index4 .left .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.index4 .left .txtbox{padding: 15px 85px 15px 0;}
.index4 .left .txtbox .text1{font-size: 18px; color: #3f3e3e; font-weight: bold;}
.index4 .left .txtbox .text2{font-size: 14px; color: #696969; margin-top: 5px;}
.index4 .left .txtbox .text2 span{color: #ff8522; font-weight: bold;}
.index4 .left .index4_prev, .index4 .left .index4_next{position: absolute; background-color: #f6f6f6; bottom: 12px; width: 35px; height: 30px; line-height: 28px; font-size: 24px; text-align: center; cursor: pointer; border: 1px solid #c8c8c8; z-index: 1;}
.index4 .left .index4_prev{right: 60px;}
.index4 .left .index4_next{right: 15px;}
.index4 .left .index4_prev:hover{border-color: #229264; color: #229264;}
.index4 .left .index4_next:hover{border-color: #229264; color: #229264;}
.index4 .right{width: 63%; padding-left: 30px;}
.index4 .list{width: calc(100% + 20px);}
.index4 .list li{width: calc(100% / 3 - 20px); float: left; margin: 0 20px 20px 0;}
.index4 .item{width: 100%;}
.index4 .item a{display: block; width: 100%; height: 100%;}
.index4 .item .imgbox{position: relative; overflow: hidden;}
.index4 .item .imgbox::before{content: ""; display: block; padding-top: 73%;}
.index4 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.index4 .item .txtbox{background: #f6f6f6; overflow: hidden; padding: 10px; position: relative; }
.index4 .item .txtbox .text1{float: left; font-size: 18px; color: #2e2e2e; line-height: 25px;width: 100%;}
.index4 .item .txtbox .text2{float: right; font-size: 12px; color: #696969; line-height: 25px; position: absolute; top: 10px; right: 10px; width: 100px; text-align: right;}
.index4 .item .txtbox .text2 span{color: #ff8522; font-weight: bold;}
.index4 .item:hover .imgbox .img{transform: scale(1.1);}
/*  */
.index5{width: 100%; background-color: #ebebeb;}
.index5 .imgbox{width: 50%; float: left; text-align: center;}
.index5 .imgbox img{max-width: 100%; height: auto;}
.index5 .right{width: 50%; transform: scale(1.05) translateY(15px);}
.index5 .item{width: 50%; float: left; background-color: #27a873; text-align: center; padding: 45px 0;}
.index5 .item .icon{position: relative; margin-bottom: 15px;}
.index5 .item .icon::before{content: ""; display: block; padding-top: 12%;}
.index5 .item .icon img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.index5 .item .text1{font-size: 24px; color: #fff; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden;}
.index5 .item .text2{font-size: 18px; color: #fff; margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden;}
.index5 .item:nth-child(2){background-color: #229264;}
.index5 .item:nth-child(3){background-color: #249b6a;}
.index5 .item:nth-child(4){background-color: #259e6c;}
.index5 .item:nth-child(5){background-color: #229264;}
/*  */
.index6{width: 100%; padding: 110px 0 70px 0; background: url("../images/index6_bg.jpg") no-repeat center center;}
.index6 .left .text1{font-size: 32px; color: #fff; font-weight: bold;}
.index6 .left .text2{font-size: 24px; color: #fff; margin-top: 5px;}
.index6 .right .text1{float: left; text-align: center; padding: 0 10px; width: 255px; background-color: #ffd46e; border-radius: 70px;}
.index6 .right .text1 span{display: inline-block; font-size: 24px; color: #229264; font-weight: bold; line-height: 70px; padding-left: 40px; background: url(../images/index6_icon1.png) no-repeat left center;}
.index6 .right .text1 span a{color: #229264;}
.index6 .right .text2{float: left; text-align: center; padding: 0 10px; width: 255px; margin-left: 20px; border: 2px solid #fff; border-radius: 70px;}
.index6 .right .text2 span{display: inline-block; font-size: 24px; color: #fff; font-weight: bold; line-height: 66px; padding-left: 40px; background: url(../images/index6_icon2.png) no-repeat left center;}
/*  */
.index7{width: 100%;}
.index7 .swiper_box{position: relative; margin-bottom: 30px;}
.index7 .item{width: 100%;}
.index7 .item a{display: block; width: 100%; height: 100%;}
.index7 .item .imgbox{position: relative; overflow: hidden;}
.index7 .item .imgbox::before{content: ""; display: block; padding-top: 72%;}
.index7 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.index7 .item .txtbox{background-color: #fff; text-align: center; padding: 20px 5px; border: 1px solid #e9e9e9;}
.index7 .item .txtbox .text1{font-size: 18px; color: #272727; line-height: 25px;}
.index7 .item .txtbox .text2{display: inline-block; margin-top: 5px; font-size: 14px; color: #6b6b6b; height: 37px; line-height: 35px; border: 1px solid #cdcdcd; padding: 0 15px; border-radius: 37px;}
.index7 .item .txtbox .text2 span{color: #ff7200; font-weight: bold;}
.index7 .item:hover .imgbox .img{transform: scale(1.1);}
.index7 .index7_prev, .index7 .index7_next{position: absolute; top: 0; bottom: 0; margin: auto; width: 45px; height: 45px; line-height: 45px; text-align: center; font-weight: bold; font-size: 28px; color: #fff; border-radius: 50%; background-color: #dfdfdf; display: block; cursor: pointer;}
.index7 .index7_prev{left: -60px;}
.index7 .index7_next{right: -60px;}
.index7 .index7_prev:hover{background-color: #27a873;}
.index7 .index7_next:hover{background-color: #27a873;}
/*  */
.index8{width: 100%; background: url(../images/index8_bg.jpg) no-repeat center center; background-size: cover;}
.index8 .title_index .title1 span{color: #fff;}
.index8 .title_index .title2{color: #fff;}
.index8 .swiper_box{position: relative;}
.index8 .swiper-slide {width: 700px; background: #fff; box-shadow: 0 8px 30px #333;}
.index8 .imgbox{position: relative; overflow: hidden;}
.index8 .imgbox::before{content: ""; display: block; padding-top: 60%;}
.index8 .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.index8 .mask{position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); background-color: #fff; padding: 15px; display: none;}
.index8 .mask .text1{font-size: 22px; color: #0f9f65;}
.index8 .mask .text2{font-size: 14px; color: #5b5b5b; height: 40px; line-height: 20px; overflow: hidden;}
.index8 .txtbox{text-align: center; margin-top: 40px;}
.index8 .txtbox .txt1{font-size: 36px; color: #ffd46e; font-weight: bold;}
.index8 .txtbox .txt2{font-size: 24px; color: #fff; margin-top: 5px;}
.index8 .more{margin-top:15px}
.index8 .swiper-slide-active .mask{display: block;}
.index8 .index8_prev, .index8 .index8_next{position: absolute; top: 0; bottom: 0; margin: auto; width: 45px; height: 45px; line-height: 45px; text-align: center; font-family: "宋体"; font-weight: bold; font-size: 24px; color: #fff; border-radius: 50%; background-color: #81a469; display: block; cursor: pointer;}
.index8 .index8_prev{left: -60px;}
.index8 .index8_next{right: -60px;}
.index8 .index8_prev:hover{background-color: #ffd46e;}
.index8 .index8_next:hover{background-color: #ffd46e;}
/*  */
.index9{width: 100%;}
.index9 .wrap{display: flex;}
.index9 .box1{padding-right: 30px;width: 33.333%}
.index9 .box1 .imgbox{position: relative; overflow: hidden;}
.index9 .box1 .imgbox::before{content: ""; display: block; padding-top: 50%;}
.index9 .box1 .imgbox .img{position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.index9 .box1 .txtbox{margin: 20px 0 0 0;}
.index9 .box1 .txtbox .title{font-size: 18px; color: #393939; font-weight: bold;}
.index9 .box1 .txtbox .text{font-size: 14px; color: #8c8c8c; height: 40px; line-height: 20px; overflow: hidden; margin-top: 10px;}
.index9 .box1 .txtbox .time{margin-top: 30px; font-size: 14px; color: #0f9f65; font-family: Arial;}
.index9 .box1:hover .imgbox .img{transform: scale(1.1)}
.index9 .box2{padding-left: 30px; border-left: 1px solid #e6e6e6; width:33.33333%}
.index9 .box2 .item{margin-bottom: 15px; box-shadow: 0 0 10px 0 #eee; padding: 12px 0;}
.index9 .box2 .item .time{float: left; width: 90px; text-align: center;}
.index9 .box2 .item .time .tt1{font-size: 48px; color: #c3c3c3; font-family: Arial; line-height: 1;}
.index9 .box2 .item .time .tt2{font-size: 14px; color: #c3c3c3;}
.index9 .box2 .item .txtbox{float: left; width: calc(100% - 90px);}
.index9 .box2 .item .txtbox .title{font-size: 16px; color: #545454; line-height: 20px; font-weight: bold;}
.index9 .box2 .item .txtbox .text{height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #999999;}
.index9 .box2 .item:hover{transform: translateY(-5px);}
/*  */
.index10{width: 100%; background-color: #f3f3f3;}
.index10 .swiper_box{position: relative; margin-bottom: 40px;}
.index10 .imgbox{position: relative; overflow: hidden; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px 0 #eee;}
.index10 .imgbox::before{content: ""; display: block; padding-top: 60%;}
.index10 .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.index10 .index10_prev, .index10 .index10_next{position: absolute; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 28px; color: #fff; border-radius: 50%; background-color: #d5d5d5;}
.index10 .index10_prev{left: -40px;}
.index10 .index10_next{right: -40px;}
.index10 .index10_prev:hover{background-color: #27a873;}
.index10 .index10_next:hover{background-color: #27a873;}
.index10 .more{text-align: center;}
/*  */
.index11{width: 100%; position: relative;}
.index11 .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.index11 .bg .bg_left{width: calc(50% - 200px); float: left; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index11 .bg .bg_right{width: calc(50% + 200px); float: left; height: 100%; background: linear-gradient(to right, #0f9f65, #076753)}
.index11 .wrap{display: flex; position: relative; z-index: 1; min-height: 300px;}
.index11 .left{width: calc(50% - 200px); position: relative;}
.index11 .right{width: calc(50% + 200px);}
.index11 .left .mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 200px; height: 200px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; background: url(../images/index11_yuan.png) no-repeat; background-size: 100% 100%;}
.index11 .left .mask .text1{width: 100%; font-size: 24px; color: #ffde8e; font-weight: bold;}
.index11 .left .mask .text2{width: 100%; font-size: 14px; color: #fff; font-family: Arial; margin-top: 5px;}
.index11 .left .mask::before{content: ""; position: absolute; top: 0; right: 0; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(255,222,142,.78);}
.index11 .list{width: 100%; padding: 20px 0;}
.index11 .list li{width: calc(100% / 4); float: left; text-align: center; margin-bottom: 20px;}
.index11 .list .item{width: 160px; display: inline-block; position: relative; padding: 40px 0;}
.index11 .list .item .icon{position: relative;}
.index11 .list .item .icon::before{content: ""; display: block; padding-top: 38%;}
.index11 .list .item .icon .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.index11 .list .item .title{font-size: 18px; color: #fff; margin-top: 10px;}
.index11 .list .item::before{content: ""; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../images/index11_yuan2.png) no-repeat left bottom; background-size: 100%; transition: all 0.6s;}
/* .index11 .list .item:hover::before{transform: rotate(180deg);} */
/*  */
.index12{width: 100%; background-color: #fff; padding: 40px 0;}
.index12 .list{width: 100%;}
.index12 .list li{width: calc(100% / 10); float: left; position: relative;}
.index12 .list li::before{content: ""; position: absolute; top: 0; bottom: 0; right: -1px; margin: auto; width: 2px; height: 20px; background-color: #8d8d8d;}
.index12 .list li a{display: block; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #676767;}
.index12 .list li:last-child::before{display: none;}
.index12 .list li a:hover{text-decoration:underline}
/*  */
.footer{background-color: #313437;}
.footer .foot1{padding: 45px 0 15px 0; border-bottom: 1px solid rgba(255,255,255,0.18);}
.footer .foot1 .left{margin-top: 15px;}
.footer .foot1 .foot_logo{max-width: 156px; float: left; margin-right: 15px;}
.footer .foot1 .text{float: left; font-size: 18px; color: #fff; font-weight: bold; margin-top: 25px;}
.footer .foot1 .QR{text-align: center;}
.footer .foot1 .QR .QR_item{overflow: hidden; float: left; padding: 0 10px;}
.footer .foot1 .QR .QR_item img{width: 82px; height: 82px;}
.footer .foot2{padding: 20px 0 50px 0; border-bottom: 1px solid rgba(255,255,255,0.18);}
.footer .foot2 .title{font-size: 18px; color: #ffde8e; font-weight: bold; margin-bottom: 15px;}
.footer .foot2 .title2{font-size: 18px; color: #ffde8e; font-weight: bold; margin: 30px 0 15px 0;}
.footer .foot2 .tt{margin-bottom: 15px;}
.footer .foot2 .tt .tit{width: 80px; float: left; font-size: 16px; color: #fff; font-weight: bold;}
.footer .foot2 .tt .txt{width: calc(100% - 80px); float: left; font-size: 15px; line-height: 24px; color: rgba(255,255,255,.7);}
.footer .foot2 .list{width: 100%; display: flex; justify-content: space-between;}
.footer .foot2 .list .text1{font-size: 14px; color: #d1d1d1; line-height: 25px;}
.footer .foot2 .list .text2{font-size: 18px; color: #fff; font-weight: bold;}
.footer .foot2 .list .text2 span{color: #d1d1d1; font-size: 14px; font-weight: normal;}
.footer .foot3{padding: 30px 0;}
.footer .foot3 .text{font-size: 15px; color: rgba(255,255,255,.8); line-height: 32px;}
.footer .foot3 .text a{color: rgba(255,255,255,.8);}
.footer .foot3 .right a{width: 32px; height: 32px; float: left; background-repeat: no-repeat; background-size: 100% 100%; margin-left: 20px;}
.footer .foot3 .right a:nth-child(1){background-image: url(../images/foot_icon1.png);}
.footer .foot3 .right a:nth-child(2){background-image: url(../images/foot_icon3.png);}
/*.footer .foot3 .right a:nth-child(3){background-image: url(../images/foot_icon3.png);}*/
/*  */
.banner_inner{width: 100%; position: relative; font-size: 0;}
.banner_inner img{width: 100%; height: auto;}
.banner_inner .mask{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; }
.banner_inner .text1{font-size: 30px; color: #fff; font-weight: bold;}
.banner_inner .text2{font-size: 24px; color: #fff; letter-spacing: 20px; margin-top: 10px;}
/*  */
.sideBar{padding: 20px 0; background: #f6f6f6;}
.sideBar .sideBar_title{text-align: center; background-color: #27a873; text-align: center; position: relative;}
.sideBar .sideBar_title .title{font-size: 16px; color: #fff; font-weight: bold; padding: 10px 0;}
.sideBar .sideBar_title .sideBar_icon{position: absolute; top: 0; bottom: 0; right: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: auto; font-size: 18px; color: #fff;}
.sideBar .list{width: calc(100% + 10px);}
.sideBar .list li{width: calc(100% / 6 - 10px); float: left; margin: 0 10px 10px 0;}
.sideBar .list li a{display: block; width: 100%; height: 52px; line-height: 50px; overflow: hidden; text-align: center; border: 1px solid #bababa; border-radius: 52px; font-size: 15px; color: #404040;}
.sideBar .list li.on a,
.sideBar .list li a:hover {color: #fff; background: linear-gradient(to right, #0f9f65, #076753)}

/*  */
.inner_spacing{padding: 45px 0; min-height: 500px;}
.product_page{width: 100%;}
.product_page .list{width: calc(100% + 20px); margin-bottom: 5px;}
.product_page .list li{width: calc(100% / 4 - 20px); float: left; margin: 0 20px 20px 0;}
.product_page .item{width: 100%;}
.product_page .item a{display: block; width: 100%; height: 100%;}
.product_page .item .imgbox{position: relative; overflow: hidden;border: 1px solid #e9e9e9;border-bottom: none}
.product_page .item .imgbox::before{content: ""; display: block; padding-top: 72%;}
.product_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.product_page .item .txtbox{background-color: #fff;text-align: center;border: 1px solid #e9e9e9;padding: 5px 0; height: 70px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.product_page .item .txtbox .text1{font-size: 18px;color: #272727;line-height: 25px;width: 100%;}
.product_page .item .txtbox .text2{display: inline-block;font-size: 14px;color: #6b6b6b;height: 30px;line-height:28px;border: 1px solid #cdcdcd;padding: 0 15px;white-space: nowrap;max-width: 100%;text-overflow:ellipsis;overflow: hidden;}
.product_page .item .txtbox .text2 span{color: #ff7200; font-weight: bold;}
.product_page .item .txtbox .text2 .price-tag{color: inherit;font-weight: normal}
.product_page .item .txtbox .text2 span.price-tag::after{content: attr(data-pc-txt)}
.product_page .item:hover .imgbox .img{transform: scale(1.1);}
/*  */
.product_details{width: 100%;}
.product_details .box{box-shadow: 0 0 10px 0 #ddd;}
.product_details .imgbox{text-align: center; overflow: hidden; font-size: 0;}
.product_details .imgbox img{max-width: 60%; height: auto;margin: auto;display: block;margin-bottom: 20px;border: 1px solid #e2e2e2;padding:1px;}
.product_details .right{width: 50%; padding: 20px;}
.product_details .title{border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; margin-bottom: 20px; text-align: center}
.product_details .title .title1{font-size: 24px; color: #272727;  margin-bottom: 20px;}
.product_details .title .title2{font-size: 18px; color: #6b6b6b;}
.product_details .title .title2 span{color: #ff7200; font-weight: bold;}
.product_details .text{font-size: 14px; color: #848484; line-height: 24px;max-width:60%;margin:0 auto 20px auto;}

/*  */
.case_page{width: 100%;}
.case_page .list{width: calc(100% + 20px); margin-bottom: 5px;}
.case_page .list li{width: calc(100% / 3 - 20px); float: left; margin: 0 20px 20px 0;}
.case_page .imgbox{position: relative; overflow: hidden;}
.case_page .imgbox::before{content: ""; display: block; padding-top: 60%;}
.case_page .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.case_page .mask{position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); background-color: #fff; padding: 15px;}
.case_page .mask .text1{font-size: 22px; color: #0f9f65;}
.case_page .mask .text2{font-size: 14px; color: #5b5b5b; height: 40px; line-height: 20px; overflow: hidden;}
.case_page .txtbox{text-align: center; margin-top: 40px;}
.case_page .txtbox .txt1{font-size: 36px; color: #ffd46e; font-weight: bold;}
.case_page .txtbox .txt2{font-size: 24px; color: #fff; margin-top: 5px;}
/*  */
.case_details{width: 100%;}
.case_details .imgbox{text-align: center; overflow: hidden;}
.case_details .imgbox img{max-width: 100%; height: auto;}
.case_details .txtbox{margin-top: 20px; font-size: 14px; color: #333; line-height: 24px;}

/*  */
.product3_page{width: 100%;}
.product3_page .txtbox{font-size: 14px; color: #333; line-height: 25px;}
.product3_page .txtbox img{max-width: 100%;display: block;padding: 1px; border:1px solid #e9e9e9;margin:20px 0;}

/*  */
.certificate_page{width: 100%;}
.certificate_page .list{width: calc(100% + 20px); margin-bottom: 5px;}
.certificate_page .list li{width: calc(100% / 4 - 20px); float: left; margin: 0 20px 20px 0;}
.certificate_page .imgbox{position: relative; overflow: hidden; border: 1px solid #d1d1d1;}
.certificate_page .imgbox::before{content: ""; display: block; padding-top: 75%;}
.certificate_page .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit:contain;}
/* 合作伙伴 */
.partner_page .list li{width: calc(100% / 6 - 20px); float: left; margin: 0 20px 20px 0;}

/*  */
.news_page{width: 100%;}
.news_page .list{width: 100%;}
.news_page .item{margin-bottom: 20px; height: 140px; overflow: hidden;}
.news_page .item a{display: block; height: 100%; width: 100%;}
.news_page .item .imgbox{width: 200px; height: 100%; float: left; overflow: hidden; position: relative;}
.news_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.news_page .item .txtbox{width: calc(100% - 200px); height: 100%; float: left; padding: 10px 15px;}
.news_page .item .txtbox .time{font-size: 14px; color: #999; font-family: 'Arial'; margin-bottom: 15px;}
.news_page .item .txtbox .tit{font-size: 16px; color: #333; margin-bottom: 15px;}
.news_page .item .txtbox .txt{font-size: 14px; color: #333; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 15px;}
.news_page .item:hover{transform: translateY(-4px); box-shadow: 4px 4px 10px 0 #aaa;}
.news_page .item:hover .txtbox{background-color: #27a873;}
.news_page .item:hover .txtbox .time{color: #fff;}
.news_page .item:hover .txtbox .tit{color: #fff;}
.news_page .item:hover .txtbox .txt{color: #fff;}
/*  */
.news_details .title{text-align: center; margin-bottom: 20px;}
.news_details .title .tit1{font-size: 18px; color: #333; margin-bottom: 8px;}
.news_details .title .tit2{font-size: 12px; color: #aaa;}
.news_details .imgbox{text-align: center; overflow: hidden;}
.news_details .imgbox img{max-width: 60%; height: auto;}
.news_details .txtbox{margin-top: 20px;}
.news_details .txtbox .txt{font-size: 14px; color: #333; line-height: 25px;max-width: 60%;margin: auto}


@media (max-width: 767px){
    .product_details .imgbox img{max-width: 100%;}
    .news_details .imgbox img{max-width: 100%;}
    .news_details .txtbox .txt{max-width: 100%}
    .index3 .item .txtbox .text2 span.price-tag::after{content: attr(data-mobile-txt)}
    span.price-tag::after{content: attr(data-mobile-txt)}
}

/*  */
.contact_page{width: 100%;}
.contact_page .left{width: 50%; padding-right: 10px;}
.contact_page .right{width: 50%; padding-left: 10px;}
.contact_page .txtbox{font-size: 14px; color: #333; line-height: 25px;}
.contact_page .map{margin-top: 20px;}
.contact_page .map iframe{width: 100%; height: 400px;}


@media (max-width: 1399px){
    .header .head_top{height: 30px;}
    .header .head_top .text{font-size: 12px; line-height: 30px;}
    .header .head_top .head_tel{line-height: 30px;}
    .header .head_top .head_tel span{font-size: 14px;}
    .header .head_top .form .form_text{font-size: 12px;}
    .header .right{padding-left: 40px;}
    .header .head_text{padding-left: 10px; margin-left: 10px;}
    .header .head_nav .item>a{font-size: 14px;}
    .index1 .tel_list li{margin-left: 40px;}
    /*  */
    .sideBar .list li a{font-size: 14px; height: 42px; line-height: 40px;}


}

@media (max-width: 1199px){
    .title_index{margin-bottom: 30px;}
    .index_spacing{padding: 60px 0;}
    .more a{width: 140px; height: 40px; line-height: 38px;}
    .index1 .text1{font-size: 24px;}
    .index1 .text2{font-size: 14px;}
    .index1 .tel_list li{margin-left: 20px;}
    .index2{padding: 60px 0 0 0;}
    .index2 .box1 .list li{padding: 50px 10px;}
    .index2 .box1 .item .text{font-size: 14px;}
    .index2 .box2{padding: 0 0 60px 0;}
    .index2 .box2 .tit{font-size: 28px;}
    .index2 .box2 .list{width: 60%;}
    .index3 .tab .tabList li a{height: 37px; line-height: 35px; font-size: 12px;}
    .index3 .item .txtbox{padding: 10px 2px;}
    .index3 .item .txtbox .text1{font-size: 14px;}
    .index3 .item .txtbox .text2{height: 30px; line-height: 28px; font-size: 12px;}
    .index4 .left .txtbox{padding: 10px 85px 10px 0;}
    .index4 .left .txtbox .text1{font-size: 16px;}
    .index4 .left .txtbox .text2{font-size: 12px;}
    .index4 .right{padding-left: 20px;}
    .index4 .item .txtbox{padding: 5px;}
    .index4 .item .txtbox .text1{font-size: 14px; line-height: 20px;}
    .index4 .item .txtbox .text2{font-size: 12px; line-height: 20px; width: 80px; top: 5px;}
    .index5 .right{transform: scale(1) translateY(0);}
    .index5 .item{padding: 30px 0;}
    .index5 .item .icon{margin-bottom: 10px;}
    .index5 .item .text1{font-size: 18px;}
    .index5 .item .text2{font-size: 14px;}
    .index6{padding: 60px 0;}
    .index6 .left .text1{font-size: 24px;}
    .index6 .left .text2{font-size: 18px;}
    .index6 .right .text1{width: 200px;}
    .index6 .right .text1 span{font-size: 18px; background-size: 25px; padding-left: 30px; height: 60px; line-height: 60px;}
    .index6 .right .text2{width: 200px;}
    .index6 .right .text2 span{font-size: 18px; background-size: 25px; height: 60px; line-height: 60px;}
    .index7 .item .txtbox{padding: 10px 2px;}
    .index7 .item .txtbox .text1{font-size: 14px;}
    .index7 .item .txtbox .text2{height: 30px; line-height: 28px; font-size: 12px;}
    .index8 .swiper-slide{width: 550px;}
    .index8 .txtbox{margin-top: 30px;}
    .index8 .txtbox .txt1{font-size: 30px;}
    .index8 .txtbox .txt2{font-size: 20px;}
    .index9 .box1{padding-right: 20px;}
    .index9 .box1 .txtbox .title{font-size: 16px;}
    .index9 .box2{padding-left: 20px;}
    .index9 .box2 .item .time{width: 70px;}
    .index9 .box2 .item .time .tt1{font-size: 30px;}
    .index9 .box2 .item .time .tt2{font-size: 12px;}
    .index9 .box2 .item .txtbox{width: calc(100% - 70px);}
    .index9 .box2 .item .txtbox .title{font-size: 14px;}
    .index9 .box2 .item .txtbox .text{font-size: 12px;}
    .index11 .list li{margin-bottom: 10px;}
    .index11 .list .item{width: 140px; padding: 30px 0;}
    .index11 .list .item .icon::before{padding-top: 30%;}
    .index11 .list .item .title{font-size: 14px; margin-top: 5px;}
    .index12{padding: 30px 0;}
    .index12 .list li a{font-size: 14px;}
    .footer .foot1{padding: 15px 0;}
    .footer .foot2{padding: 20px 0;}
    .footer .foot2 .title{font-size: 16px;}
    .footer .foot2 .tt .tit{font-size: 14px;}
    .footer .foot2 .tt .txt{font-size: 14px;}
    .footer .foot3{padding: 20px 0;}
    /*  */
    .inner_spacing{padding: 40px 0;}
    .sideBar .list li a{font-size: 12px;}
    .product_page .item .txtbox .text1{font-size: 14px;}
    .product_page .item .txtbox .text2{height: 30px; line-height: 28px; font-size: 12px;}
    .product_details .title{margin-bottom: 15px; padding-bottom: 15px;}
    .product_details .title .title1{font-size: 20px; margin-bottom: 15px;}
    .product_details .title .title2{font-size: 14px;}

}

@media (max-width:991px){
    /* .header .head_box{position: fixed; width: 100%; top: 0; left: 0; z-index: 8; box-shadow: 3px 3px 10px 0 #bbb;} */
    .header .logo img{width: 135px;}
    .header .left{width: 80%;}
    .header .right{width: 0;}
    .header .head_content{height: 80px;}
    .header.small .head_nav{animation: none; z-index: 9;}
    .header .head_nav{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-color: rgba(0,0,0,0.5); display: none;}
    .header .head_nav .navBox{width: 60%; height: 100%; position: absolute; right: 0; top: 0; opacity: 0; transform: translateX(100%); background-color: #fff; transition: all .2s;}
    .header .head_nav .navBox.act{transform: translateX(0); opacity: 1;}
    .header .head_nav .navList{padding: 60px 20px 0 20px; display: block;}
    .header .head_nav .item{width: 100%; position: relative; text-align: left; padding-right: 0;}
    .header .head_nav .item>a{color: #333; line-height: 40px;}
    .header .head_nav .item:hover>a{color: #333;}
    .header .head_nav .item.act>a{color: #13895a;}
    .header .head_nav .item>i{display: block; position: absolute; top: 15px; right: 0; width: 20px; height: 20px; line-height: 18px; text-align: center; font-size: 14px;}
    .header .head_nav .item.act::before{display: none;}
    .header .head_nav .nav_down{display: none; position: static; width: 100%; transform: translateX(0); margin-bottom: 15px;}
    .header .head_nav .nav_down li a{font-size: 12px; line-height: 30px;}
    .title_index{margin-bottom: 20px;}
    .title_index .title1 span{font-size: 24px; margin-bottom: 5px;}
    .title_index .title1 span::before, .title_index span::after{width: 60px;}
    .title_index .title2{font-size: 14px;}
    .index_spacing{padding: 40px 0;}
    .index1 .left::after{display: none;}
    .index1 .left{padding-bottom: 0;}
    .index1 .text1{font-size: 20px; line-height: 30px;}
    .index1 .text2{font-size: 12px; margin-top: 5px;}
    .index1 .text2 span{font-size: 12px;}
    .index1 .tel_list{padding: 0;}
    .index1 .tel_list .tt1{font-size: 14px;}
    .index1 .tel_list .tt2{font-size: 16px; line-height: 25px;}
    .index1 .tel_list .tt3{font-size: 12px;}
    .index2{padding: 40px 0 0 0;}
    .index2 .box1 .list li{padding: 10px 5px; width: calc(100% / 3);}
    .index2 .box1 .item .number{font-size: 20px; margin-bottom: 10px;}
    .index2 .box2{padding: 0 0 40px 0;}
    .index2 .box2 .tit{font-size: 20px; margin-bottom: 30px}
    .index2 .box2 .list{margin-bottom: 30px;}
    .index2 .box2 .imgbox{width: 100px; height: 100px;}
    .index2 .box2 .imgbox .icon{width: 70%;}
    .index3 .tab{margin-bottom: 10px;}
    .index3 .tab .tabList li{width: calc(100% / 3);}
    .index4 .item .txtbox{padding: 5px;}
    .index4 .item .txtbox .text1{width: 100%; text-align: center;}
    .index4 .item .txtbox .text2{position: static; text-align: center; width: 100%;}
    .index6{padding: 40px 0;}
    .index6 .left{width: 100%; text-align: center;}
    .index6 .left .text1{font-size: 20px;}
    .index6 .left .text2{font-size: 16px;}
    .index6 .right{width: 100%; margin-top: 15px; text-align: center;}
    .index6 .right .text1{display: inline-block; float: none;}
    .index6 .right .text2{display: inline-block; float: none;}
    .index6 .right .text1 span{font-size: 14px; height: 40px; line-height: 40px; background-size: 20px;}
    .index6 .right .text2 span{font-size: 14px; height: 36px; line-height: 36px; background-size: 20px;}
    .index7 .swiper_box{margin-bottom: 20px;}
    .index8 .swiper-slide{width: 500px;}
    .index8 .txtbox{margin-top: 20px;}
    .index8 .txtbox .txt1{font-size: 20px;}
    .index8 .txtbox .txt2{font-size: 16px;}
    .index9 .wrap{display: block; overflow: hidden;}
    .index9 .box1{width: calc(100% / 2); float: left;}
    .index9 .box1 .txtbox{margin: 10px 0 0 0;}
    .index9 .box1 .txtbox .title{font-size: 14px;}
    .index9 .box1 .txtbox .text{font-size: 12px; margin-top: 5px;}
    .index9 .box1 .txtbox .time{margin-top: 10px; font-size: 12px;}
    .index9 .box2{float: left; width: 100%; margin-top: 15px; padding: 0 5px; border-left: none;}
    .index10 .swiper_box{margin-bottom: 30px;}
    .index10 .imgbox::before{padding-top: 50%;}
    .index11 .bg .bg_left{width: calc(50% - 100px);}
    .index11 .bg .bg_right{width: calc(50% + 100px);}
    .index11 .left{width: calc(50% - 100px);}
    .index11 .right{width: calc(50% + 100px);}
    .index11 .list .item{padding: 30px 0; width: 100px;}
    .index11 .left .mask{width: 150px; height: 150px;}
    .index11 .left .mask .text1{font-size: 18px;}
    .index11 .left .mask .text2{font-size: 12px;}
    .index11 .left .mask::before{width: 40px; height: 40px;}
    .index12{padding: 20px 0;}
    .index12 .list li{width: calc(100% / 5);}
    .footer .foot1 .text{font-size: 14px;}
    .footer .foot2 .tt .txt{font-size: 12px;}
    /*  */
    .inner_spacing{padding: 30px 0;}
    .banner_inner .text1{font-size: 22px;}
    .banner_inner .text2{font-size: 16px; letter-spacing: 10px}
    .sideBar{padding: 15px 0;}
    .sideBar .list{width: 100%;margin-top: 5px;display: none;}
    .sideBar .list li{width: 100%; margin-bottom: 0;}
    .sideBar .list li a{height: 35px; line-height: 33px; border: none; border-radius: 0; border-bottom: 1px solid #bababa;}
    .product_details .title{margin-bottom: 10px; padding-bottom: 10px;}
    .product_details .title .title1{font-size: 18px; margin-bottom: 10px;}
    .product_details .title .title2{font-size: 14px;}
    .product_details .text{font-size: 12px;padding:0px;max-width: 100%}
    .case_page .list{width: calc(100% + 10px);}
    .case_page .list li{width: calc(100% / 2 - 10px); margin: 0 10px 10px 0;}
    .certificate_page .list li{width: calc(100% / 3 - 20px);}
    .news_page .item{height: 120px; margin-bottom: 10px;}
    .news_page .item .imgbox{width: 150px;}
    .news_page .item .txtbox{width: calc(100% - 150px); padding: 5px 10px;}
    .news_page .item .txtbox .time{font-size: 12px; margin-bottom: 10px;}
    .news_page .item .txtbox .tit{font-size: 14px; margin-bottom: 10px;}
    .news_page .item .txtbox .txt{font-size: 12px; height: 60px; line-height: 20px; margin: 0;}
    .contact_page .left{width: 100%; padding: 0;}
    .contact_page .right{width: 100%; padding: 0; margin-top: 15px;}
}

@media (min-width: 768px){
    .sideBar .right_sideBar{display: block!important;}
}

@media (max-width:767px){
    .header .head_content{height: 70px;}
    .header .head_top .text{display: none;}
    .header .head_top .head_tel{display: none;}
    .header .head_top .top_right{width: 100%;}
    .header .head_top .form{width: 80%; margin: 0; float: right;}
    .title_index{margin-bottom: 15px;}
    .title_index .title1 span{font-size: 18px; padding: 0 10px;}
    .title_index .title2{font-size: 12px;}
    .index_spacing{padding: 20px 0;}
    .more a{width: 120px; height: 32px; line-height: 30px; font-size: 12px;}
    .index1 .left{width: 100%; padding: 15px 10px; height: 100%;}
    .index1 .right{width: 100%; padding: 15px 10px; height: 100%;}
    .index1 .left::before{display: none;}
    .index1 .right::before{display: none;}
    .index1 .text1{font-size: 16px;}
    .index1 .tel_list{width: 100%; display: flex; justify-content: space-between;}
    .index1 .tel_list li{margin: 0;}
    .index1 .tel_list .tt1{font-size: 12px;}
    .index1 .tel_list .tt2{font-size: 14px;}
    .index2{padding: 20px 0 0 0;}
    .index2 .box1 .item .text{font-size: 12px; line-height: 20px; height: 60px;}
    .index2 .box2{padding: 0 0 20px 0;}
    .index2 .box2 .tit{font-size: 16px; margin-bottom: 15px;}
    .index2 .box2 .list{width: 100%; margin-bottom: 15px;}
    .index3 .tab .tabList li{width: calc(100% / 2);}
    .index3 .tab .tabList li a{height: 32px; line-height: 30px;}
    .index3 .list{width: calc(100% + 10px);}
    .index3 .list li{width: calc(100% / 2 - 10px); margin: 0 10px 10px 0;}
    .index3 .item .txtbox{padding: 5px 1px;}
    .index3 .item .txtbox .text1{font-size: 12px;}
    .index3 .item .txtbox .text2{height: 27px; line-height: 25px; margin-top: 0;}
    .index4 .left{width: 100%;}
    .index4 .right{width: 100%; padding-left: 0; margin-top: 15px;}
    .index4 .wrap{margin-bottom: 10px;}
    .index4 .list{width: calc(100% + 10px);}
    .index4 .list li{width: calc(100% / 2 - 10px); margin: 0 10px 10px 0;}
    .index5 .imgbox{width: 100%;}
    .index5 .right{width: 100%;}
    .index5 .item{padding: 15px 0;}
    .index5 .item .text1{font-size: 14px; height: 20px; line-height: 20px;}
    .index5 .item .text2{margin-top: 0; font-size: 12px;}
    .index6{padding: 20px 0;}
    .index6 .left .text1{font-size: 16px;}
    .index6 .left .text2{font-size: 12px;}
    .index6 .right{margin-top: 10px;}
    .index6 .right .text1{width: 150px;}
    .index6 .right .text1 span{font-size: 12px; height: 30px; line-height: 30px; background-size: 15px; padding-left: 20px;}
    .index6 .right .text2{width: 150px; margin-left: 10px;}
    .index6 .right .text2 span{font-size: 12px; height: 26px; line-height: 26px; background-size: 15px; padding-left: 20px;}
    .index7 .item .txtbox{padding: 5px 1px;}
    .index7 .item .txtbox .text1{font-size: 12px;}
    .index7 .item .txtbox .text2{height: 27px; line-height: 25px; margin-top: 0;}
    .index8 .swiper-slide{width: 90%;}
    .index8 .mask{bottom: 5px; left: 5px; width: calc(100% - 10px); padding: 5px;}
    .index8 .mask .text1{font-size: 14px;}
    .index8 .mask .text2{font-size: 12px;}
    .index8 .txtbox .txt1{font-size: 16px;}
    .index8 .txtbox .txt2{font-size: 12px;}
    .index9 .box1{padding-right: 10px;}
    .index10 .imgbox .img{width: 60%;}
    .index10 .swiper_box{margin-bottom: 15px;}
    .index11{background: linear-gradient(to right, #0f9f65, #076753);}
    .index11 .bg{display: none;}
    .index11 .left{display: none;}
    .index11 .right{width: 100%;}
    .index11 .list .item .title{font-size: 12px;}
    .index12{display: none;}
    .footer .foot1 .left{margin: 0;}
    .footer .foot1 .foot_logo{max-width: 120px;}
    .footer .foot1 .text{margin-top: 0; font-size: 12px;}
    .footer .foot1 .right{float: left; margin-top: 10px;}
    .footer .foot1 .QR .QR_item{padding: 0; margin-right: 10px;}
    .footer .foot2{padding: 15px 0;}
    .footer .foot2 .title{font-size: 14px; margin-bottom: 10px;}
    .footer .foot2 .tt .tit{font-size: 12px;}
    .footer .foot2 .title2{font-size: 14px; margin: 15px 0 10px 0;}
    .footer .foot2 .list{flex-wrap: wrap;}
    .footer .foot2 .list li{width: 50%;}
    .footer .foot2 .list .text1{font-size: 12px;}
    .footer .foot2 .list .text2{font-size: 14px;}
    .footer .foot2 .list .text2 span{font-size: 12px;}
    .footer .foot3{padding: 15px 0;}
    .footer .foot3 .text{font-size: 12px; line-height: 20px}
    /*  */
    .banner_inner .text1{font-size: 16px;}
    .banner_inner .text2{font-size: 12px; letter-spacing: 5px; margin-top: 5px;}
    .inner_spacing{padding: 20px 0;}
    .product_page .list{width: calc(100% + 10px);}
    .product_page .list li{width: calc(100% / 2 - 10px); margin: 0 10px 10px 0;}
    .product_page .item .txtbox{height:60px;}
    .product_page .item .txtbox .text1{font-size: 12px; line-height: 20px;}
    .product_page .item .txtbox .text2{height: 25px; line-height: 23px; margin-top: 0;overflow: hidden}
    .product_page .item .txtbox .text2 span{}
    .product_page .item .txtbox .text2 span.price-tag{}
    .product_page .item .txtbox .text2 span.price-tag::after{content: attr(data-mobile-txt)}
    .product_details .left{width: 100%;}
    .product_details .right{width: 100%; padding: 10px;}
    .product_details .title .title1{font-size: 14px; margin-bottom: 10px;}
    .product_details .title .title2{font-size: 12px}
    .case_page .mask{bottom: 5px; left: 5px; width: calc(100% - 10px); padding: 5px;}
    .case_page .mask .text1{font-size: 14px;}
    .case_page .mask .text2{font-size: 12px;}
    .certificate_page .list li{width: calc(100% / 2 - 10px); margin: 0 10px 10px 0;}
}



.suspend_nav {
    background: #3bad7e;
    width: 52px;
    position: fixed;
    bottom:50px;
    right: 10px;
    text-align: center;
    z-index: 5000;
    border: 1px solid rgba(255, 255, 255, 0.7);
}
.suspend_nav .list {
    height: 50px;
    color: #fff;
    padding-top: 8px;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.suspend_nav .list:last-child {
    border:none;
}
.suspend_nav .list:before {
    content: "";
    width: 100%;
    height: 100%;
    top: -50px;
    right: 0;
    background: #ffc107;
    position: absolute;
    transform: rotate(0);
    transition: all .3s;
}
.suspend_nav .list i {
    display: block;
    transition: all .3s;
    position: relative;
    z-index: 2;
}
.suspend_nav .list p {
    position: relative;
    z-index: 2;
}
.suspend_nav .top {
    padding: 0;
    line-height: 50px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.suspend_nav .top:after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 0;
    left: 0;
}
.suspend_nav .top.active {
    height: 50px;
    opacity: 1;
}
.suspend_nav .top i {
    font-size: 25px;
}
.suspend_nav .on-off {
    padding: 0;
    line-height: 50px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.suspend_nav .on-off.active i {
    transform: rotate(135deg);
}
.suspend_nav .list:hover {
    color: #000;
}
.suspend_nav .list:hover:before {
    top: 0;
    transform: rotate(90deg);
}
.suspend_nav ul li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.suspend_nav ul li .list {
    border: none;
}
.suspend_nav ul li .weixin {
    position: absolute;
    right: 65px;
    bottom: 0;
    border: 1px solid #3bad7e;
    transform: scale(0);
    transform-origin: 100% 100%;
    transition: all .3s;
    padding-bottom: 10px;
    background: #fff;
    padding: 5px;
}
.suspend_nav ul li .weixin:before {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #3bad7e;
    position: absolute;
    bottom: 0;
    left: 100%;
    transition: all .5s;
}
.suspend_nav ul li .weixin img {
    width: 150px;
    height: 150px;
}
.suspend_nav ul li:hover .weixin {
    transform: scale(1);
}
.suspend_nav ul li:hover .weixin:before {
    bottom: 18px;
}
.suspend_nav ul li .popup {
    position: absolute;
    min-width: 200px;
    min-height: 200%;
    top: 0;
    right: 100%;
    border: 1px solid #3bad7e;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3bad7e;
    color: #fff;
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
    padding: 0 15px;
}
.suspend_nav ul li .popup:before {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 0 solid #3bad7e;
    position: absolute;
    top: 0;
    left: 100%;
    transition: top .5s;
}
.suspend_nav ul li .popup p {
    font-size: 16px;
}
.suspend_nav ul li .popup h5 {
    font-size: 20px;
    margin-top: 5px;
}
.suspend_nav ul li .popup a {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    margin-top: 5px;
}
.suspend_nav ul li:hover .popup {
    visibility: visible;
    right: 65px;
    opacity: 1;
}
.suspend_nav ul li:hover .popup:before {
    top: 18px;
    border-left-width: 10px;
}

.qr-code-txt{
    display: block;
    color: #ffffff;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(19, 136, 90, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #13895a;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}
.paginate .left,
.paginate .right{width: 50%;padding: 20px 0;}
.paginate .right{text-align: right}
.paginate .left a,
.paginate .right a{color: #229264}

@media (max-width: 767px) {
    .paginate .left,
    .paginate .right{width: 100%;padding: 20px 0 0 0;}
    .paginate .right{text-align: left;padding-bottom: 20px}
}

/*.product_details .box2{margin-top: 20px;}*/
.product_details .box2 .tit{font-size: 16px; color: #000; font-weight: bold; border-bottom: 1px solid #bbb; padding-bottom: 15px; margin-bottom: 15px;}
.product_details .item{width: 100%;}
.product_details .item a{display: block; width: 100%; height: 100%;}
.product_details .item .swiper-imgbox{position: relative; overflow: hidden;border:1px solid #e9e9e9;border-bottom: none}
.product_details .item .swiper-imgbox::before{content: ""; display: block; padding-top: 72%;}
.product_details .item .swiper-imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.product_details .item .txtbox{background-color: #fff; text-align: center; padding: 20px 5px; border: 1px solid #e9e9e9;}
.product_details .item .txtbox .text1{font-size: 18px; color: #272727; line-height: 25px;}
.product_details .item .txtbox .text2{display: inline-block; margin-top: 5px; font-size: 14px; color: #6b6b6b; height: 37px; line-height: 35px; border: 1px solid #cdcdcd; padding: 0 15px; border-radius: 37px;}
.product_details .item .txtbox .text2 span{color: #ff7200; font-weight: bold;}
.product_details .item:hover .swiper-imgbox .img{transform: scale(1.1);}
@media (max-width: 1199px){
    .product_details .item .txtbox{padding: 10px 2px;}
    .product_details .item .txtbox .text1{font-size: 14px;}
    .product_details .item .txtbox .text2{height: 30px; line-height: 28px; font-size: 12px;}
}

@media (max-width: 767px){
    .product_details .item .txtbox{padding: 5px 1px;}
    .product_details .item .txtbox .text1{font-size: 12px;}
    .product_details .item .txtbox .text2{height: 27px; line-height: 25px; margin-top: 0;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
}

line{
    width: 100%;
    display: block;
    height: 1px;
    background: #bbbbbb;
    margin-top: 20px;
}
.product_details line{
    margin-top: 0;
    margin-bottom: 20px;
}