/*初使化css*/
* {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; -webkit-text-size-adjust:100%; }
body {font-family: "microsoft yahei","Open Sans", Arial, Helvetica, sans-serif; margin-top:91px }
li { list-style-type: none; list-style-image: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; }
img { border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px; -ms-interpolation-mode: bicubic; vertical-align: middle; }
.texthidden { overflow: hidden; text-overflow: ellipsis; }/*文本溢出隐藏*/
 input,button,select,textarea{outline:none;}
.clear {display: block; height: 0; font-size: 0; clear: both; visibility: hidden; line-height: 0px; }/*清除浮动*/

/*头部样式*/
.top {
width:100%; height:90px; border-bottom:1px solid #eee; position:fixed; top:0; z-index:99999; background-color:#fff
}
.top .nav-bar{
width:93%; max-width:1450px;margin:0px auto; padding:15px 0;
}
.top .nav-bar .logo{
 float:left;
}
.top .nav-bar .nav{
  float:right; padding-top:10px;
}
.top .nav-bar .nav li{
 float:left; line-height:45px; margin-left:40px;
}
.top .nav-bar .nav li a{ font-size:16px; color:#333}
.top .nav-bar .nav li a:hover{color:#2f7a51}
.top .nav-bar .nav .active{ border-bottom:2px solid #2f7a51}
.top .nav-bar .nav .active a{ color:#2f7a51;}

.i_about {
    width:auto; height:800px;
}
.i_about .about_content{
    width:50%; height:800px;float:left; background-color:#f8f6f9
}
.i_about .about_content .water-kneededge{
    width:60%;  max-width:490px; margin:20% auto 0px
}
.i_about .about_content .water-kneededge h1{
    font-size:2.865vw; line-height:60px; color:#333434
}
.i_about .about_content .water-kneededge span{
    font-size:1.2vw; line-height:40px; color:#333434
}
.i_about .about_content .water-kneededge p{
    padding:10% 0 10%; font-size:1.00vw; color:#666; line-height:1.67
}
.i_about .about_content .water-kneededge .linkMore {
    display: inline-block;
    border: 1px solid #7a7a7c;
    min-width: 180px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    color: #666;
    cursor: pointer;
}
.i_about .about_content .water-kneededge .linkMore:hover {
    color: #fff;
}
.i_about .about_img{
    width:50%; height:800px; background-size: cover; background-repeat: no-repeat;float:right
}
.i_product {
    width:auto; height:700px; background:#fafafa url(../images/i_product_bg.png) no-repeat center bottom
}
.product {
    width:100%; margin:0 auto 40px; max-width:1600px; padding:10% 0;
}
.product ul{
    width:100%;overflow:hidden
}
.product ul li{
    float:left; width:24%; margin:0 0.5%; background-color:#fff;overflow:hidden
}
.product ul li img{
    width:100%; 
}
.product ul li h1{
    font-size:25px; color:#120705; text-align:center;width:90%;  font-weight:bold; line-height:50px; margin:10px auto 0
}
.product ul li h2{
    width:90%; line-height:30px;color:#9a9896; height:60px; margin:0 auto 20px; text-align:center
}




.product_bottom .page{padding-top: 0}
.product_bottom ul{overflow: hidden;margin: 0 -30px;}
.product_bottom dl{margin: 0 30px;border:1px solid #2f7a51;padding:60px 50px;background:url(../images/pro_list_bg_02.jpg) no-repeat;background-size: 100% 52%;}
.product_bottom dl:hover{ background:#2f7a51 url(../images/pro_list_bg_02.jpg) no-repeat; background-size: 100% 52%;}

.product_bottom li{text-align: center; margin-bottom: 70px;float: left;width: 33.33%;}
.product_bottom li:nth-child(3n+1){clear: both;}

.product_bottom .index_more{padding-top: 10px;text-align: center;margin-bottom: 30px;}
.product_bottom h3 a{color: #000;}
.product_bottom h3{margin-bottom: 20px;margin-top: 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_bottom p{line-height: 26px;height: 52px;overflow: hidden;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
  .product_bottom dt{overflow: hidden;}
.product_bottom dt img{width: 330px;max-width: 100%;}



/*产品详情*/
.product_d{padding-top: 60px;}
.product_d01{overflow: hidden;margin-bottom: 80px;}
.product_d01 .left{float: left;width: 49.4%;background: url(../images/pro_bg_gray_02.jpg) no-repeat;background-size: cover;padding: 50px 0;position: relative;}
.pro_dline{position: absolute;right: 0;bottom: 0;width: 3px;background:#2f7a51;height:63.3%;}
.product_d01 .right{float: right;width: 50.6%;}
.product_d01 .photo_sliderbox{width: 520px;margin: auto;}
.product_d01 .photo_swi li dt{padding-bottom: 100%;}
.product_d01 .photo_swi li dd i{border-radius: 0;border-width: 2px;}
.product_d01 .photo_swi{position: relative;}
.product_d01 .public_but div{width: 30px;height: 30px;line-height: 30px;margin-top:-15px;}
.product_d01 .public_but .swiper-button-prev{left:-45px;}
.product_d01 .public_but .swiper-button-next{right:-45px;}
.product_d01 .photo_slider .swiper-container{padding: 0;}
.product_d01 .photo_slider{margin-bottom: 10px;}
.product_d01 .photo_swi .swiper-container{padding:40px 0;}
.product_d01 .photo_slider .swiper-container li dl{box-shadow:none;background:none;}


.pro_dbox{padding: 90px 130px 0px 110px;}
.pro_dbox h3{color: #404346;margin-bottom: 10px;}
.pro_dbox h4{color: #a4372c;margin-bottom: 40px;}
.pro_dmore{padding-top: 50px;}
.pro_dmore a{display:inline-block;width: 230px;line-height: 66px;background:url(../images/pro_btn.png) no-repeat;background-size: 100% 100%;color:#fff;text-align: center;}
.pro_dedit{line-height: 30px;height: 330px;overflow: hidden;}



.product_dtab{margin-bottom: 10px;}
.product_dtab ul{overflow: hidden;border-bottom:1px solid #2f7a51;}
.product_dtab li{float: left;width: 275px;height: 60px;line-height: 60px;text-align: center; font-size:18px}
.product_dtab li a{color:#676767;display: block;border-right:1px solid #2f7a51;}
.product_dtab li.on a{color:#fff;background:#2f7a51;}
.product_dtab li.on a:hover{color: #fff !important;}

.pro_iteam{display: none;padding-top: 20px;}
.pro_iteam:first-child{display: block;}
.pro_iteam_01{padding-top: 0;}
.pro_iteam_01 li{overflow: hidden;padding: 0 40px;background:#f6f6f6;border-bottom:1px solid #e3e3e3;}
.pro_iteam_01 dl{float: left;width: 25%;}
.pro_iteam_01 dt{padding: 23px 10px;}
.pro_iteam_01 dt span,.pro_iteam_01 dt a{color: #84888d;}
.pro_iteam_01 li:nth-child(2n){background:#fff;}


/*联系我们*/
.contact_map{width:100%;height: 777px;overflow: hidden;position: relative;}
#map{width:100%;height: 100%;}
.contact_box{position: absolute;top:0;right: 0;width: 460px;height: 100%;background-color:#2f7a51;background-size: cover;box-sizing:border-box;padding:100px 35px 40px 40px;overflow: hidden;}
.contact_box .pub_title{color:#fff;width: 105px;box-sizing:border-box;height: 415px;float: right;}

.contact_list,.contact_list a{color: #fff;}
.contact_list{float: left;width: calc(100% - 120px)}
.contact_list li{margin-bottom: 30px;}
.contact_list li:last-child{margin-bottom: 0;}
.contact_list dl{overflow: hidden;}
.contact_list dt{float: left;}
.contact_list dt img{width: 30px;height: 30px;}
.contact_list dd{width: calc(100% - 38px);float: right;}
.contact_list h4{line-height: 30px;margin-bottom: 10px;}



.sale-fluid{
width:93%; max-width:1450px;margin:0px auto; padding:15px 0;
}
.sale-fluid label{
    color:#2f7a51; font-size:35px; border-left:8px solid #2f7a51; padding-left:20px;
}
.sale-fluid .sale-sc{
    margin:10% 0; overflow:hidden
}
.sale-fluid .sale-sc ul li{
    float:left; width:23.333333%; margin:0 5%; text-align:center;
    }
.sale-fluid .sale-sc ul li img{
     width:100%;
    }
.sale-fluid .sale-sc ul li a{
     text-align:center;display:table; margin:10px auto; height:35px; line-height:35px;  border-radius:25px; background-color:#2f7a51; padding:0 20px; color:#fff
    }

.sale-fluid .sale-ls{
    margin:50px 0 50px; overflow:hidden
}
.sale-fluid .sale-ls ul li{
    float:left; width:50%; text-align:left;height:auto; line-height:35px; font-size:20px;
    }
.sale-fluid .sale-ls ul li span{
     font-weight:bold;
    }




.i_news-box {
	padding: 5.208vw 8.333vw 4.688vw
}


.i_news-box .title-box {
	text-align: left;
	padding-bottom: 3.021vw
}

.i_news-box .news-title {
	color: #1f1f1f;
	font-size: 2.604vw
}

.i_news-box .more,.i_news-box .time,.i_news-box .time-box {
	color: #888;
	font-size: 1.042vw
}

.i_news-box .time-box {
	display: none
}

.i_news-box .news-list {
	margin: 0 auto;
	text-align: left;
	display: inline-flex;
	width: 50%
}

.i_news-box .news {
	display: inline-block;
	width: 25.99vw;
	flex: 1;
	margin-right: 2.188vw;
	text-align: left
}

.i_news-box .news:hover img {
	transform: scale(1.2)
}

.i_news-box .news .media-img {
	width: 100%;
	height: 18.625vw;
	overflow: hidden
}

.i_news-box .news>div {
	width: 100%;
	position: relative;
	height: 18.229vw
}

.i_news-box .news>a {
	display: block
}

.i_news-box .news img {
	width: 100%;
	cursor: pointer;
	transition: all 1s
}

.i_news-box .news:last-child {
	margin-right: 0
}

.i_news-box .news:hover .title {
	color: #2f7a51
}

.i_news-box .news .title {
	color: #1f1f1f;
	font-size: 1.458vw;
	margin: 2.344vw 0 1.198vw 0;
	overflow: hidden;
	cursor: pointer
}

.i_news-box .news .content {
	color: #666;
	font-size: 1.042vw;
	text-align: left;
	margin-bottom: .781vw
}

.i_news-box .news .bt-box {
	position: absolute;
	left: 0;
	bottom: 4.167vw;
	width: 100%;
	padding-top: .781vw;
	border-top: 1px solid #dbd9dc
}

.i_news-box .news .more {
	font-size: 1.042vw;
	padding-right: 1.458vw;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAFpOLgnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAAB1y6+rAAABo0lEQVRoBe2YsUrDUBSGmzQlSCC4uBUcBAcpCH0WH8AHEKGQBtvSEkg6SaeMaoQibr6IoDi46KLOdiiCFpsm9c9wqcSqrQ0ltn8h3Jybc885/5d7aU8zGX5GBBqNRntkxe7q9fppbGrBTCg0F0zSv5aD93E9tQAsupl6ETb+5dSLuIAEFo9AdH5wHI7nosyyrCskPJlLMiYhARIgARKYgIA0gc+PLqZp5lVVfex2u5rruu/jnGdOEgXFd8jmcDi8kyRpDfedeCI5PvEXG4Hvs9lsEWufDcPQ4jESUSKC1mq1daB7CMNwFYlfxHwiSkSwZrP51Ov1CrA7pVJpRcxzJAESIAESIAESIAESIIFlI5Dor/lZ4Nm2vdHv9y/Q3xRkWfZwGZ87gt9ip0aIKLRSqWzlcrlzCNkOgsDTdX2/XC6/iuffjakTIgqNejUIOoS9MxgMPLRUB61W60sXKvxTK0QUWK1WixB0FL0h3/fbiqLsYcu9iediHCsEjnm0ybfYs8IvDaOG/wYUnKEA15njOLtpKIo1kAAJkAAJkAAJkMAyEPgAtudzanljz+QAAAAASUVORK5CYII=) no-repeat right 30%;background-size: 1.302vw 1.302vw;
	cursor: pointer
}
.i_news-box .linkMore {
    display: inline-block;
    border: 1px solid #7a7a7c;
    min-width: 11.56vw;
    padding: 0 1.667vw;
    font-size: 1.04vw;
    line-height: 3.38vw;
    text-align: center;
    vertical-align: middle;
    color: #666;
    cursor: pointer;
    
}
.i_news-box .linkMore:hover {
    color: #fff;
    background-color: #2f7a51;
    border: 1px solid #2f7a51;
    transition: all 0.8s;
}

.pageLayout {
	width: 1200px;
	text-align: left;
	margin: 0 auto
}

.i_partners .title {
	width: 600px;
	height: 150px;
	background: #2f7a51;
	padding-top: 2rem;
	padding-left: 2rem;
	box-sizing: border-box;
    position:relative;
    margin:0 0 0 auto
}

.i_partners .title span {
	display: block;
	width: 1px;
	height: 28px;
	border-right: 1px solid #fff;
	margin-left: 1rem;
	margin-bottom: .5rem
}

.i_partners .title .newCenter {
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	line-height: 16px;
	display:flexbox;
	flex-direction: row;
	align-items: center;
	position: relative;
	z-index: 10;
	cursor: pointer;
    margin-top:40px;
}

.i_partners .title .newCenter div {
	display: flex;
	flex-direction: column;
	white-space: nowrap;
	justify-content: center;
	text-align: left;
	margin-left: .7rem;
	font-size: 14px
}

.i_partners .title img {
	position: absolute;
	width: 120%;
	top: 50px;
	left: -230px
}
.i_partners .list {
    width:1200px;
    height:auto;
    margin:80px auto;
    overflow:hidden
}
.i_partners .list ul li {
    width:25%;
    float:left;
    text-align:center;
    border-bottom:1px solid #2f7a51;
    border-left:1px solid #2f7a51;
    margin:-1px;
    padding:30px 0;
}
.i_partners .list ul li img {
    	transform:scale(0.9,0.9);
            transition:transform 0.5s;

}
.i_partners .list ul li img:hover {
	transform:scale(1,1);
            transition:transform 0.5s;

}
.i_partners .list ul li:nth-child(1){ border-left:none}
.i_partners .list ul li:nth-child(5){ border-left:none}

.footer-contant {
    padding:0 0 40px;

        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        width: 100%;
        background-color: #2f7a51;
        color: #fff;
    }

    .color-white {
        opacity: 1 !important;
    }

    .server-button-hover {
        color: #303036;
        background-color: #F6F6F6;
    }



    .footer-contant .footer-inner {
        max-width: 1400px; width:80%
    }

    .footer-list-group {
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        width: 1200px;
        padding-bottom: 29px;
        border-bottom: 1px solid #fff;
    }

    .footer-group-item {
        width: 16%;
    }

    .footer-group-item-head {
        font-size: 16px;
        margin-bottom: 20px;
        font-weight:600;
    }

    .footer-group-item-link {
        margin: 12px 0;
        font-size: 14px;
    }

    .footer-group-item-link-text {
        display: inline-block;
        color: #fff;
        text-decoration: none;
    }

    .footer-group-item-link-text:hover {
        opacity: 1;
    }

    .footer-trademark-content {
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        -ms-flex-align:end;
        -ms-align-items: end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: justify;
        padding-top: 42px;
        margin-bottom: 42px;
    }

    .footer-conversation-content {
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start;
        -ms-justify-content: flex-start;
    }

    .email {
        margin-right: 32px;
    }

    .email-title {
        color: #fff;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        /*font-weight: bold;*/
        margin-bottom: 8px;
    }

    .email-address {
        color: #fff;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
    }

    .conversation-base {
        width: 32px;
        height: 32px;
        margin-left: 20px;
        box-sizing: border-box;
        position: relative;
    }

    .conversation-base .conversation-icon {
        display: block;
        width: 32px;
        height: 32px;
        margin: auto;
    }

    .conversation-base .active {
        display: none;
    }

    .conversation-base:hover .conversation-icon {
        display: none;
    }

    .conversation-base:hover .active {
        display: block;
    }

    .tik-tok, .bilibili, .we-chart,.we-bo,.fuwu {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-end;
        -ms-flex-align: end;
        -ms-align-items: end;
    }

    .we-chart-hover-content {
        display: none;
        position: absolute;
        width: 150px;
        height: 196px;
        top: -183px;
        left: -41px;
    }

    .footer-download-content {
        display: -ms-flexbox;
        display: flex;
    }

    .footer-download-content>.dd-foot-download-item {
        margin-left: 24px;
        display: inline-block;
    }

    .footer-download-content .download-block {
        position: relative;
        cursor: pointer;
    }
     .footer-download-content .download-block img {
        width:100px
    }


    .qr-content {
        width: 130px;
        height: 177px;
        background: #FFFFFF;
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.18);
        border-radius: 6px;
        padding: 0 13px;
        box-sizing: border-box;
        position: absolute;
        top: -182px;
        left: 50%;
        margin-left: -65px;
        display: none;
    }

    .qr-img {
        width: 104px;
        height: 104px;
        margin: 13px 0 3px;
    }

    .qr-text {
        text-align: left;
        line-height: 17px;
        font-size: 12px;
        color: #000000;
        height: 34px;
        padding-top: 5px;
        border-top: 0.5px solid #B4BABD;
    }

    .footer-download-content .download-block:hover .qr-content {
        display: block;
    }

    .conversation-base:hover .qr-content {
        display: block;
    }

    .conversation-base .qr-text {
        text-align: center;
    }

    .iphone {
        width: 97px;
        height: 42px;
    }

    .iphone>img {
        width: 97px;
        height: 42px;
        display: block;
    }

    .android {
        width: 111px;
        height: 42px;
    }

    .android>img {
        width: 111px;
        display: block;
    }

    .mac {
        width: 96px;
        height: 42px;
    }

    .mac>img {
        width: 96px;
        height: 42px;
        display: block;
    }

    .windows {
        width: 122px;
        height: 42px;
    }

    .windows>img {
        width: 122px;
        height: 42px;
        display: block;
    }

    .footer-inner-bottom-containt {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        line-height: 18px;
    }
    .footer-inner-bottom-containt a{
        color:#fff;
    }


    .footer-inner-bottom-componey-name-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-inner-bottom-componey-name-list-item {
        color: rgba(0, 0, 0,0.4);
    }

    .footer-inner-bottom-componey-name-list-item:hover {
        color: rgba(0, 0, 0);
    }

    .footer-inner-bottom-componey-name-list-item-link {
        display: inline-block;
        padding: 0 5px;
        margin-bottom: 10px;
        color: rgba(0, 0, 0,0.4);
        border-right: 1px solid rgba(0, 0, 0, 0.4);
        line-height: 12px;
        text-decoration: none;
    }

    .footer-inner-bottom-componey-name-list-item-link:hover{
        color: rgba(0, 0, 0);
        border-right: 1px solid rgba(0, 0, 0, 0.4);
    }

    .footer-inner-bottom-componey-name-list-item-link:nth-child(1) {
        padding-left: 0;
    }

    .footer-inner-bottom-componey-name-list-item-link:last-child {
        border: 0;
    }

    .footer-inner-bottom-police-content {
        margin-top: 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-justify-content: center;
        justify-content: center;
        margin-bottom: 32px;
    }

    .footer-inner-bottom-police-main {
        width: 350px;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }

    .plice-img {
        width: 20px;
        height: 20px;
    }

    .plice-text {
        margin: 0 4px;
        color: rgba(0, 0, 0, .4);
        text-decoration: none;
    }

    .plice-text:hover {
        color: rgba(0, 0, 0);
    ;
    }

    .footer-credentials-link {
        color: rgba(0, 0, 0, .4);
    }
    f
    .footer-credentials-link:hover {
        color: rgba(0, 0, 0);
    }

    .footer-icon-content {
        margin: 60px 0 52px;
    }

    .footer-icon {
        width: 122px;
        height: 45px;
    }

    .footer-contant img{
        border:0px;
    }


    

.page { padding-top: 20px; margin: 0 auto; display: table; clear:both;padding-bottom:40px }
.page A { BACKGROUND: #FFFFFF; PADDING: 6px 12px 6px 12px; display: inline-block; COLOR: #545253; border-radius:4px; border: 1px #D9D9D9 solid; TEXT-DECORATION: none; font-size: 1.242vw; }
.page A:hover { BACKGROUND: #2f7a51; COLOR: #fff; TEXT-DECORATION: none }
.page .current { BACKGROUND: #2f7a51; TEXT-DECORATION: none; display: inline-block; border-radius:4px; border: 1px #2f7a51 solid; PADDING: 6px 12px 6px 12px; COLOR: #ffffff;font-size: 1.242vw;}
.page_phone { width: 95%; height: 35px; margin: 0 2.5%; overflow: hidden; display: none; border-spacing: 10px; padding-bottom:40px }
.page_phone #AspNetPager2 { width: 100%; height: 35px; display: table-row ; clear:both }
.page_phone a { display: table-cell; border-collapse: separate; border: 1px solid #707070; height: 35px; line-height: 35px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333 }


.btn-list {
            width: 44px;
            height: 44px;
            text-align: center;
            cursor: pointer;
            float:right;
            display:none
        }
 .btn-list:before {
            content: '';
            width: 20px;
            height: 2px;
            background: #505050;
            display: inline-block;
            box-shadow: 0 7px 0 #505050,0 -7px 0 #505050;
        }


.panel {
            position:fixed;
            top: 0px;
            bottom: 0px;
            left: -220px;
            z-index: 99999990;
            width: 220px;
            background: #333;
        }
        .panel-active {
            left: 0px;
        }
       
        .nav-aside {
            line-height: 40px;
        }

            .nav-aside li {
                border-bottom: 1px solid #222;
                color: #fff;
            }

                .nav-aside li a {
                    color: #fff;
                    padding: 0 20px;
                    display: block;
                }

                    .nav-aside li a:hover {
                        background: #404040;
                    }