* {
    padding: 0;
    margin: 0;
}

html,
body {
    font-size: 14px;
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
    color: white;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

li {
    list-style: none;
}

.home {
    width: 100%;
    overflow: hidden;
}

.img_width {
    width: 100%;
}

.header {
    width: 80%;
    height: 5rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
}

.header_f {
    width: 12rem;
    /* height: 3rem; */
}

.header div:nth-of-type(2) {
    width: 50%;
    height: 5rem;
    font-size: 2rem;
    line-height: 5rem;
    color: #84b12f;
}

.header div:nth-of-type(3) text {
    font-size: 1.8rem;
    line-height: 4.6rem;
    vertical-align: top;
}

.header_f img {
    width: 100%;
    /* height: 3rem; */
}

.header_phone {
    height: 3rem;
}

.header_phone img {
    height: 4rem;
    /* width: 100%; */
}

.header-nav {
    width: 100%;
    height: 2.5rem;
    background: #333333;
    color: white;
}

.header-nav-name {
    width: 80%;
    margin: 0 auto;
    height: 2rem;
    color: white;
    display: flex;
    justify-content: space-around;
    line-height: 2.5rem;
    font-size: 1rem;
}

.header-img {
    width: 100%;
    /* height: 51%; */
}

.header-imgP {
    position: fixed;
    top: 25%;
    right: 0;
    width: 5rem;
    height: 20rem;
    z-index: 20;
}

.header-imgP img {
    width: 5rem;
    height: 4rem;
    margin-bottom: 1rem;
}

.header-imgC {
    width: 1rem;
    height: 1rem;
    background: lightgray;
    color: gray;
    text-align: center;
    line-height: 1rem;
    float: right;
}

.header-img img {
    width: 100%;
}

._header_p {
    width: 100%;
    height: 5rem;
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    display: none;
    z-index: 50;
}

.header_p {
    display: flex;
    justify-content: space-between;
    /* position: relative; */
    width: 100%;
    height: 5rem;
}

.header_f_p {
    padding: 0 3rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 9rem;
}

.header_f_p div:nth-of-type(1) {
    height: 70%;
}

.header_f_p div:nth-of-type(2) {
    text-align: center;
    font-size: 1rem;
}

.header_f_pdiv {
    display: flex;
}

.header_f_p img {
    width: 9rem;
}

.header_phone_p {
    width: 15rem;
    font-size: 1.3rem;
}

.header_phone_p img {
    width: 3rem;
    margin: 1rem 1rem 0 0;
    float: right;
}

.header_phone_h {
    display: none;
    z-index: 50;
    background: #000000;
    margin-top: 5rem;
}

.header_phone_h>ul li {
    border-bottom: .1rem solid lightgrey;
    /* margin-top: 1rem; */
    line-height: 3rem;
    /* padding: 0 0 0 .5rem; */
    text-align: center;
}


/* .header_phone_p:hover .header_phone_h {
	display: block;
} */

.header-policy {
    width: 100%;
    /* height: 45rem; */
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 0 5rem 0;
}

.header-contentA {
    width: 80%;
}

.header-policyL {
    width: 10%;
}

.header-policyR {
    width: 10%;
}

.header-policyL img {
    margin: 83% 0;
    width: 83%;
}

.header-policyR img {
    margin: 83% 0;
    width: 83%;
    float: right;
}

.floatR {
    float: right;
}

.header-content {
    display: flex;
    justify-content: space-around;
}

.header-content1 {
    display: flex;
    justify-content: space-around;
}


/* .header-contentA div:nth-of-type(1) p{ 
	display: inline;
} */

.header-content {
    width: 100%;
    /* height: 73.5%; */
}


/* .header-content div{
	width: 100%;
	height: 100%;
} */

.header-contentC {
    width: 100%;
    height: 20%;
    padding: 3rem 0 0 0;
}


/* .header-contentC span{
	background-color: #73a318;
	color: #FFFFFF;
	text-align: center;
	display: block;
	margin: 0 auto;
} */

.header-contentC-div1 {
    width: 100%;
    text-align: center;
}

.header-contentC-p1 {
    text-align: center;
    font-size: 2.5rem;
    letter-spacing: .3rem;
    line-height: 4rem;
}

.header-contentC-span1 {
    background-color: #84B12F;
    color: #FFFFFF;
    font-size: 1.5rem;
    display: inline-block;
    border-radius: .5rem;
    padding: 0 2rem;
    letter-spacing: .3rem;
}

.header-contentC-span2 {
    font-size: .5rem;
    color: #a1a1a1;
    /* letter-spacing:.1rem; */
}

.header-contentb {
    width: 30rem;
    height: 30rem;
}

.header-box {
    width: 26rem;
    margin: 17% auto 0;
    /* border: 1px solid red; */
    border-radius: 50% 50%;
    overflow: hidden;
}

.header-box img {
    width: 90%;
}

.header-contentbUl {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.header-contentbLi {
    width: 24rem;
    display: flex;
}

.header-contentbLi-div1 {
    width: 7rem;
    /* height: 7rem; */
    font-size: 1.2rem;
    padding: 1.5rem .5rem;
    text-align: center;
    box-sizing: border-box;
    background-color: #333333;
    color: #FFFFFF;
    line-height: 2rem;
    letter-spacing: .3rem;
    position: relative;
}

.header_ico {
    position: absolute;
    top: 33%;
    right: -1.17rem;
    color: #333333;
}

.header-contentbLi-div2 {
    width: 17rem;
    padding: 1.3rem 1rem 1.3rem 2rem;
    line-height: 1.5rem;
    box-sizing: border-box;
    /* height: 7rem; */
    background-color: #73a318;
    color: #FFFFFF;
}

.conten-block {
    width: 100%;
    height: 45rem;
    overflow: hidden;
    position: relative;
}

.conten-blockP {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.conten-blockPc {
    width: 70%;
    height: 100%;
    margin: 0 auto;
    padding: 2rem 0;
}

.conten-blockPc-div {
    margin: 0 auto;
    color: white;
}

.conten-blockPc-divO {
    width: 100%;
    text-align: center;
}

.conten-blockPc-div1 {
    margin-top: 2rem;
    display: flex;
}

.conten-blockPc-div1img {
    width: 100%;
    height: 100%;
    position: relative;
}

.conten-blockPc-div1img img {
    width: 100%;
    /* height: 100%; */
}

.conten-blockPc-div1text {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: rgba(132, 177, 47, .8);
    padding: 7% 2rem 2rem 2rem;
    box-sizing: border-box;
    /* white-space:pre-wrap; */
}

.fontSize2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical
}

.conten-blockPc-div1textR {
    width: 100%;
    text-align: right;
}

.fontSize {
    font-size: .5rem;
    line-height: 1rem;
    color: #FFFFFF;
}

.fontSize1 {
    font-size: 2.3rem;
    line-height: 4rem;
    color: #FFFFFF;
}

.fontSize2 {
    color: #FFFFFF;
    letter-spacing: .1rem;
    line-height: 1.5rem;
}

.conten-goods {
    width: 100%;
    /* height: 50rem; */
    padding: 0 0 5rem;
    position: relative;
    overflow: hidden;
}

.conten-goodsImg1 {
    width: 100%;
}

.conten-goodsImg2 {
    transform: rotate(180deg);
    width: 100%;
    position: absolute;
    bottom: -.3rem;
    ;
    left: 0;
}

.conten-goodsY {
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: space-around;
}

.conten-goodsA {
    width: 75%;
    height: 100%;
    margin: 0 auto;
}

.conten-goodsYL {
    width: 21rem;
}

.conten-goodsYLUL {
    /* width: 30%; */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* margin-left: 6rem; */
}

.conten-goodsYLUL_reverse {
    /* flex-direction: column-reverse; */
    flex-direction: column;
}

.conten-goodsYLUL-6 {
    width: 30%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.conten-goodsYLUL-li {
    width: 21rem;
    position: relative;
}

.conten-goodsYLUL-li6 {
    width: 21rem;
    position: relative;
    margin: 8.5rem auto 0;
}

.img4 {
    width: 100%;
    display: block;
}

.margin-Left {
    margin-left: 1rem;
}

.margin-Left2 {
    margin-left: 3rem;
}

.margin-Left3 {
    margin-left: 7rem;
}

.margin-right {
    margin-left: -1rem;
}

.margin-right2 {
    margin-left: -3rem;
}

.margin-right3 {
    margin-left: -7rem;
}

.colorPink {
    background-color: #f85c5d;
}

.colororange {
    background-color: #f89a55;
}

.colorYellow {
    background-color: #ecc831;
}

.colorGreen {
    background-color: #9cbc60;
}

.colorBlue {
    background-color: #7bb6ec;
}

.colorpinker {
    background-color: #ec688c;
}

.colorlightGary {
    background-color: #8ca9c9;
}

.conten-goodsYLUL-li-div1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: .1rem solid white;
    text-align: center;
    line-height: 4rem;
    display: inline-block;
    font-size: 4rem;
    color: white;
}

.conten-goodsYLUL-li-div2 {
    width: 21rem;
    height: 4rem;
    border-radius: 5rem 5rem;
    text-align: center;
    line-height: 4rem;
    display: inline-block;
    font-size: 1.5rem;
    text-indent: 2em;
    color: white;
}

.conten-goodsYLUL-li-div3 {
    padding: 4% 0 0 9%;
    height: 2rem;
}

.content-product {
    width: 100%;
    height: 50rem;
    /* padding:  0 0 5rem 0; */
    position: relative;
    overflow: hidden;
}

.content-productimg {
    /* 	width: 100%;
	height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.content-product-text {
    /* 	position: absolute;
	top: 0;
	left: 0; */
    width: 100%;
    height: 100%;
    background-color: rgba(114, 122, 113, 0.7);
}

.font-color {
    color: white !important;
}

.font-colorM {
    margin-top: 2rem;
}

.content-product-Img {
    width: 75%;
    /* height: 50%; */
    margin: 5rem auto 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.content-product-ImgZ {
    position: relative;
    width: 17.4%;
    /* height: 84%; */
}

.icon_p {
    width: 100%;
    height: 5rem;
    position: absolute;
    top: -2.6rem;
    left: 0;
    text-align: center;
    z-index: 30;
    color: #73A318;
}

.icon_p i {
    font-size: 5rem;
}

.icon_text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 1.5rem;
    left: 0;
    font-size: 2rem;
    color: #FFFFFF;
}


/* .content-product-ImgZ img{
	width: 20%;
	height: 20%;
} */

.content-product-ImgZ1 {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    /* background-color: #73A318;
	opacity: 0; */
}

.content-product-ImgZ:hover {
    background-color: #73A318;
    color: white;
    /*opacity: 0; */
}

.content-product-ImgZ:hover {
    background-color: #73A318;
    color: white;
    /*opacity: 0; */
}

.content-product-ImgZ:hover .img_width {
    opacity: 0;
}

.content-product-ImgZ:hover .icon_p {
    color: #FFFFFF;
}

.content-product-ImgZ:hover .icon_text {
    color: #73A318;
}

.displayB {
    display: block;
    margin: 6rem auto 0;
    width: 50%;
}

.content-product-ImgZ1-text {
    margin: 2rem;
    text-align: center;
}

.content-case {
    width: 100%;
    /* height: 53.5rem; */
    position: relative;
    padding: 0rem 0 5rem 0;
    box-sizing: content-box;
    overflow: hidden;
}

.content-case-div {
    /* 	position: absolute;
	top: 0;
	left: 0; */
    width: 100%;
    /* height: 100%; */
    /* margin: 0 auto; */
}

.content-case-firend {
    width: 75%;
    height: 50%;
    margin: 6rem auto 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    overflow: hidden;
}

.content-case-content {
    width: 20%;
    height: 340px;
    background-color: white;
    position: relative;
}

.content-case-content:hover .content-case-firendW {
    /* display: inline-block; */
    color: green;
}

.content-case-firendT {
    display: none;
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 100%;
    height: 35%;
    background-color: rgba(0, 0, 0, .5);
    padding: 1rem .5rem;
    box-sizing: border-box;
    color: aliceblue;
    line-height: 1.5rem;
    letter-spacing: .1rem;
}

.content-case-content img {
    width: 100%;
    height: 80%;
    background-color: white;
}

.content-case-firendW div {
    /* margin-top: 1rem; */
    text-align: center;
    line-height: 1.5rem;
}

.font-colorG {
    color: black;
}

.content-case-contentImg {
    width: 100%;
    height: 100%;
}

.jiameng {
    width: 100%;
    /* height: 50rem; */
    position: relative;
}

.jiameng_imgBgc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.jiameng-div2 {
    width: 75%;
    height: 40%;
    margin: 3rem auto 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 3rem 3rem;
}

.jiameng-div3 {
    width: 23%;
    height: 100%;
    border-radius: 1rem 1rem;
    overflow: hidden;
}

.jiameng-div4 {
    width: 100%;
    height: 41%;
    /* border-radius: .5rem .5rem ; */
    background-color: #eeeeee;
    padding: 6% 3%;
    box-sizing: border-box;
    /* background: #73a318; */
}

.jiameng-div4-title {
    width: 100%;
    text-align: center;
    /* overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	-webkit-box-orient: vertical
	 display: -webkit-box; */
    display: -webkit-box;
    /* display: -ms-flexbox; */
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.fontSize3 {
    font-size: 1.5rem;
}

.margin-top {
    margin-top: 1rem;
    /* height: 2.3rem; */
}

.img1 {
    width: 100%;
    height: 100%;
}

.jiameng-div3:hover .jiameng-div4 {
    background-color: #73a318;
    color: white;
}

.jiameng-div3:hover .font-colorG {
    color: white;
}

.font-colorG .content-case-content .div-width {
    width: 100%;
    position: relative;
}

.div-widthP {
    /* position: absolute;
	top: 10%;
	left: 25%; */
    margin: 0 auto;
    margin-top: -50%;
    padding: 0 0 1rem 0;
}

.img2 {
    width: 12%;
    display: block;
    margin: 0 auto;
}

.img3 {
    display: block;
    margin: 25% auto 0;
    /* color: white; */
}

.center {
    text-align: center;
}

.fontSize4 {
    font-size: 1.8rem;
    color: white;
}

.fontSize5 {
    font-size: 1.5rem;
    color: white;
    line-height: 2rem;
}


/* .div-width img{
	width: 100%;
} */

.positionP {
    position: relative;
}

.positionA {
    /* display: none; */
    width: 100%;
    position: absolute;
    bottom: 0rem;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    letter-spacing: .2rem;
    padding: 1rem 1rem;
    box-sizing: border-box;
    /* display: -webkit-box; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.join {
    position: relative;
    width: 100%;
    /* height: 45rem; */
    padding: 2rem 0 6rem 0;
}

.jion_img {
    position: absolute;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.join_white {
    color: white;
}

.jion_ico {
    width: 75%;
    margin: 5rem auto 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    /* background-color: white; */
}

.jion_ico1 {
    display: flex;
}

.jion_ico_div {
    width: 8rem;
    height: 8rem;
    background-color: white;
    overflow: hidden;
    border-radius: 50% 50%;
    text-align: center;
    line-height: 9rem;
}

.textCenter {
    margin-top: 3rem;
    text-align: center;
    font-size: 1.5rem;
    color: white;
}

.jion_ico_div1 {
    width: 8rem;
    height: 13rem;
}

.jion_ico_div1:hover .jion_ico_div {
    background-color: #73A318;
}

.jion_ico_div1:hover .jiamen_icon {
    /* transform: scale(.9); */
    color: white;
}

.textGd {
    font-size: 5rem;
    color: white;
    line-height: 7.5rem;
}

.jiamen_icon {
    font-size: 4.5rem !important;
    color: #73A318;
}

.header-contentC-div1O {
    /* margin: 0 auto; */
    text-align: center;
}

.header-contentC-span1O {
    background-color: #73a318;
    color: #FFFFFF;
    font-size: 1.5rem;
    display: inline-block;
    border-radius: .5rem;
    padding: 0 .8rem;
    letter-spacing: .3rem;
}

.frendA {
    padding-top: 5rem;
}

.frendA_img {
    width: 75%;
    margin: 5rem auto 5rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}


/* .frendA_img img {
    width: 21rem;
    height: 5rem;
} */

.frendA_img a {
    width: 20.74%;
}

.frendA_img a img {
    max-width: 100%;
}

.firend_a {
    padding: 0 14%;
    width: 100%;
    background-color: #73A318;
    display: flex;
    justify-content: space-around;
    line-height: 3rem;
    font-size: 1.1rem;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.firend_a>a {
    margin-left: .5rem;
}

.conten-goods_img {
    margin-top: -0.5%;
}


/* 底部 */

.bottom-nav {
    width: 100%;
    color: white;
    background: #242424;
    padding: 0 10%;
    box-sizing: border-box;
}

.bottom-navUL {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
}

.bottom-navUL_li {
    font-size: 1.5rem;
    line-height: 1.5rem;
    width: 114%;
}

.bottom-navUL>li div {
    border-left: .1rem solid gray;
    margin-left: .5rem;
}

.bottom-navUL_li::before {
    /* content: url(../img/104.png); */
    vertical-align: middle;
    /* border-left: .1rem solid gray; */
    /* content:"⭐"; */
    /* font-size:.1rem; */
}

.bottom-navUL_div_div {
    display: flex;
    justify-content: space-between;
}

.bottom-navUL_div_div1 {
    display: flex;
    justify-content: space-between;
    padding: 0 10%;
}

.font-colorC {
    color: lightgrey;
    /* height: 5%; */
    line-height: 2rem;
    background-color: #1b1b1b;
}

.bottom-navUL_div_div ul {
    width: 5rem;
}

.bottom-navUL_address {
    line-height: 2rem;
    /* padding: 1.5rem; */
}

.margin-topC {
    margin: 2rem 0 2rem 2rem;
}

.margin-liftC {
    margin-left: 1.5rem;
}

.li1 {
    margin-top: 1rem;
}

@media (max-width: 1600px) {
    .conten-goodsYLUL-6 {
        margin-left: 5%;
    }
    .conten-goodsYLUL-li {
        width: 16rem;
    }
    .conten-goodsYL {
        width: 16rem;
    }
    .conten-goodsYLUL-li-div2 {
        width: 16rem;
    }
    .fontSize5 {
        font-size: 1.1rem;
    }
    .fontSize4 {
        font-size: 1.3rem;
    }
    .content-product-ImgZ {
        width: 14rem;
    }
    .jiameng-div3 {
        width: 18rem;
    }
    .close3 {
        display: none;
    }
}

@media (max-width: 1440px) {
    .conten-goodsYLUL-6 {
        margin-left: 7%;
    }
    .conten-goodsYL {
        width: 16rem;
    }
    .conten-goodsYLUL-li-div2 {
        width: 16rem;
    }
    .content-product-ImgZ1-text {
        margin: 1rem;
    }
    .img2 {
        width: 17%;
        height: 20%;
    }
    .content-product-ImgZ {
        width: 12rem;
    }
    .content-case-content {
        width: 15rem;
    }
    .conten-goodsYLUL-li6 {
        width: 16rem;
    }
}

@media (max-width: 1370px) {
    .conten-goodsYLUL-6 {
        margin-left: -5%;
    }
    .content-product-ImgZ {
        width: 9rem;
    }
    /*    */
    .conten-goodsYLUL-6 {
        width: 16rem;
    }
    .conten-goodsYLUL-li-div2 {
        width: 16rem;
    }
    .conten-goodsA {
        width: 87%;
    }
    .img2 {
        width: 16%;
        height: 20%;
    }
    .close3 {
        display: none;
    }
}

@media (max-width: 1200px) {
    .conten-goodsYLUL-6 {
        margin-left: -2%;
    }
    /* .conten-goodsYL {
		width: 56%;
	}
	
 */
    .header-img {
        margin-top: 6rem;
    }
    .header-box {
        margin: 0 auto;
    }
    .conten-goodsA {
        width: 93%;
    }
    .content-product-ImgZ1-text {
        margin: 0rem;
    }
    .img2 {
        width: 14%;
        height: 20%;
    }
    .bottom-navUL_div {
        width: 15rem;
    }
    /* .margin-topC1{
		width: 30%;
	} */
    /* .bottom-navUL_div img {
		width: 80%;
	} */
    .conten-block {
        height: 0%;
    }
    .header-contentb {
        width: 100%;
        /* margin: 0 1rem; */
    }
    .conten-blockPc-div1text {
        position: static;
        width: 100%;
    }
    .header-box {
        width: 17rem;
    }
    ._header_p {
        display: block;
    }
    .header-nav {
        margin-top: 5rem;
    }
    .header {
        display: none;
    }
    .header-nav {
        display: none;
    }
    .content-case-firend {
        margin: -1rem auto;
    }
    /* .content-case-content{
		width: 12rem;
	} */
    /* 	.positionA{
		
	} */
    .jiameng-div3 {
        width: 10rem;
    }
    /* .show{display: none;} */
    .jiameng-div3 {
        width: 15rem;
    }
    .close5 {
        display: none;
    }
    .close4 {
        display: none;
    }
    .header-contentb {
        height: auto;
    }
}

@media (max-width: 1100px) {
    .content-product {
        height: 53rem;
    }
    .conten-goodsYLUL-li6 {
        width: 13rem;
    }
    .conten-goodsYLUL-li-div3 {
        width: 13rem;
    }
    .conten-goodsYLUL-li-div2 {
        width: 13rem;
    }
    .conten-goodsYLUL-li-div2 {
        width: 13rem;
    }
    .conten-goodsYLUL-li {
        width: 13rem;
    }
}

@media (max-width: 900px) {
    .show {
        display: none;
    }
    .close {
        line-height: 3rem;
    }
    .jiameng-div4 {
        position: relative;
    }
    /* .jiameng-div3:hover .show{ display: block;} */
    .jiameng-div3:hover .close {
        display: none;
    }
    .jiameng-div3:hover .show {
        display: block;
        /* 	position: absolute;
	top: 0;
	left: 0; */
        margin-top: 2rem;
        padding: 0 1rem;
        box-sizing: border-box;
        line-height: 2rem;
    }
    /* 	.jiameng-div4-title {
		display: block;
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	} */
    .jiameng-div3 {
        width: 12rem;
    }
    .close1 {
        display: none;
    }
    .conten-goodsYLUL-li-div1 {
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 3rem;
    }
    .conten-goodsYLUL-li-div2 {
        height: 3rem;
        width: 13rem;
        line-height: 3rem;
    }
    .conten-goodsYLUL-li {
        width: 14rm;
    }
    .conten-goodsYLUL-li6 {
        width: 13rem;
    }
    .conten-goodsYLUL-li-div3 {
        width: 13rem;
    }
}

@media (max-width: 790px) {
    .bottom-navUL {
        flex-wrap: wrap;
    }
    .bottom-navUL_div {
        padding: 0 0;
    }
    .header-content1 {
        display: flex;
        /* justify-content: space-around; */
        /* flex-wrap: wrap; */
    }
    .header-contentbLi {
        margin: .1rem auto;
        display: block;
        width: 98%;
    }
    .header-contentbLi-div1 {
        width: auto;
    }
    .header-contentbLi-div2 {
        height: 9rem;
        width: auto;
    }
    .header-content1 {
        padding: 5rem 0 0;
    }
}

@media (max-width: 750px) {
    .frendA_img a {
        width: 48%;
        margin: 2% 1%;
    }
}

@media (max-width: 690px) {
    .content-product-ImgZ {
        width: 9rem;
    }
}

@media (max-width: 590px) {
    .jion_ico {
        width: 89%;
    }
    .bottom-navUL_div {
        margin: 0 auto;
    }
}


/* @media (max-width: 600px) {
	.content-product-ImgZ {
	    width: 10rem;
	 
	}
} */

@media (max-width: 520px) {
    .jiameng-div3:hover .show {
        display: block;
        margin-top: 1rem;
        padding: 0 1rem;
        box-sizing: border-box;
        line-height: 1.5rem;
        display: -webkit-box;
        overflow: hidden;
        white-space: normal !important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .img_width {
        width: 100%;
    }
    .content-product-ImgZ:hover .img_width {
        width: 0;
    }
    .displayB {
        margin: 0 auto;
        width: 4rem;
    }
    /* .content-product-ImgZ{margin-top: 1rem;} */
    .content-product-ImgZ1 {
        margin: 2rem 0 0;
    }
    .content-case-firend {
        width: 82%;
    }
    .content-case-content {
        width: 9rem;
        height: 150px;
        margin-top: 1rem;
    }
    .close4 {
        display: none;
    }
    .header-contentC {
        height: 12%;
    }
    .header-box {
        margin-top: 1rem;
    }
}

@media (max-width: 500px) {
    .close5 {
        display: none;
    }
}

@media (max-width: 420px) {
    .close5 {
        display: block;
    }
    .conten-goodsYLUL_reverse {
        flex-direction: column-reverse;
        /* flex-direction: column; */
    }
}

@media (max-width: 410px) {
    .close5 {
        display: block;
    }
}

@media (max-width: 420px) {
    .header-content1 {
        /* flex-direction: column */
        flex-wrap: wrap;
    }
    .conten-goodsY {
        display: block;
    }
    .margin-right {
        margin-left: 0;
    }
    .margin-right2 {
        margin-left: 0;
    }
    .margin-right3 {
        margin-left: 0;
    }
    .margin-Left {
        margin-left: 0;
    }
    .margin-Left2 {
        margin-left: 0;
    }
    .margin-Left3 {
        margin-left: 0;
    }
    .conten-goodsYL {
        margin: 0 auto;
    }
    .conten-goodsYLUL-6 {
        margin: 0 auto;
    }
    /* .content-product-ImgZ {
		width: 6rem;
		height: 8rem;
		margin: 5rem 0 0;
	} */
    .img_width {
        width: 100%;
    }
    /* .content-product-ImgZ{width: 16rem;} */
    /* 	.header-content1 {

		flex-wrap: wrap;
	} */
}

@media (max-width: 380px) {
    .close5 {
        display: block;
    }
    .header_f_p {
        padding: 0 1rem;
    }
    .content-product-Img {
        margin: 12rem auto 0;
        width: 86%;
    }
}

@media (max-width: 375px) {}

@media (max-width: 350px) {
    .close5 {
        display: none;
    }
}