@charset "utf-8";
* {padding: 0;margin: 0;box-sizing: border-box;}
ul,li,ol,ol li {list-style: none}
h1,h2,h3,h4,h5,b,h6{font-weight: normal;}
img {border: none;margin: 0;vertical-align: middle}
body {font: 12px/1 "microsoft yahei";color: #333;width: 100%;background: #fff;position: relative;}
a {display: inline-block;text-decoration: none;color: #333;-webkit-tap-highlight-color: transparent}
em,i{font-style: normal}
button,input,select,textarea {font-size: 100%;font-family: "microsoft yahei";outline: none;-webkit-appearance: none}
iframe{border: none;}
.clearfix:after {content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden}
.fl{float: left;}
.fr{float: right;}
.hide{display: none}
.ellipsis-1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.ellipsis-2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box !important; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.flex{display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
.flex-column {-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.justify-start {-webkit-justify-content: flex-start; justify-content: flex-start;}
.justify-end {-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-center {-webkit-justify-content: center;justify-content: center;}
.justify-between {-webkit-justify-content: space-between;justify-content: space-between;}
.justify-around {-webkit-justify-content: space-around;justify-content: space-around;}
.flex-wrap {-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.align-start {-webkit-align-items: flex-start; align-items: flex-start;}
.align-end {-webkit-align-items: flex-end;align-items: flex-end;}
.align-center {-webkit-align-items: center;align-items: center;}
.flex-shrink{flex-shrink: 0;-webkit-flex-shrink: 0;}
.text-align-center{text-align: center;}

.box-shadow{box-shadow: 2px 2px 2px rgba(142,142,142,0.4);}



 body img{max-width: 100%;}
.swiper-slide>img{width: 100%;}
.index-content{width: 100%;margin: auto;position: relative;}
.swiper-button-prev,.swiper-button-next{outline: none;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.index-title{position: relative;margin-bottom:0.3rem;color: #fff;text-align: center;}
.index-title img{width: 70%;}
.index-title p{font-size: 0.14rem;line-height: 0.2rem;margin-top: 0.1rem;}
.index-more{font-size: 0.16rem;color: #fff;background: #df0024;text-align: center;width: 1.7rem;height: 0.45rem;line-height: 0.45rem;display: block;position: relative;transition: .3s;}

.Adapt-pic{position: relative;overflow: hidden;}
.Adapt-pic img{position: absolute;top: 50%;left: 50%;width: 100%;height: auto;min-height: 100%; -webkit-transform:translate(-50%,-50%) ;-moz-transform:translate(-50%,-50%) ;-ms-transform:translate(-50%,-50%) ;-o-transform:translate(-50%,-50%) ;transform: translate(-50%,-50%);transition: .3s;}

.
/* 内页 */
/* .container{} */
.container .page-cont{width: 100%; margin:  auto ;position: relative;}
.main{color: #5b5b5b;font-size: 0.14rem;line-height: 1.5;text-align: justify;}
.main .title{font-size: 0.18rem;text-align: center;margin-bottom: 0.2rem;line-height: 1.5;color: #b21e23;}

.page-crumb{color: #898989;font-size: 0.12rem;font-family: '宋体';width: 100%;margin: 0 auto;padding: 0.15rem 3%; -webkit-justify-content: flex-end;justify-content: flex-end;display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
.page-crumb a{color: #898989;}
.page-crumb span{color: #B21E23;}

.page-title{margin-bottom: 45px;padding-bottom: 40px;border-bottom: 1px solid #868686; text-align: center;color: #292929;font-size: 33px;}
.page-title em{font-size: 18px;margin-left: 14px;color: #7f7f7f;vertical-align: bottom; text-transform: uppercase;}

.text-cont{padding: 0.4rem 3%;}
.m-clips{margin-top: 0.5rem;border-top: 1px solid #f1f1f1;padding-top: 0.25rem;}
.m-clips p{max-width: 100%;white-space: nowrap;}
.m-clips a{width: 87%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: bottom;}
.m-clips p,.m-clips a{color: #666;font-size: 0.14rem;transition: .3s;}
.m-clips a:hover{color: #b21e23;text-decoration:none}

.page-product{padding: 0 3%;}
.menu-items{padding: 0.3rem 0;}
.menu-items .item {margin-bottom: 0.05rem;height: 0.47rem;padding: 0.015rem 0.015rem; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e7cd8f), to(#c89348)); background: -webkit-linear-gradient(#e7cd8f, #c89348); background: -moz-linear-gradient(#e7cd8f, #c89348); background: -o-linear-gradient(#e7cd8f, #c89348); background: linear-gradient(#e7cd8f, #c89348); width: -webkit-calc(33.33% - 0.034rem);width: calc(33.33% - .034rem);}
.menu-items .item:not(:nth-of-type(3n)){margin-right: 0.05rem;}
.menu-items .item .img{width: 100%;height: 100%; background-repeat:no-repeat ;background-position: center center;background-size: 100% 100%;background-color: #fff;}
.product-menu .item .menu1{background-image: url(../images/menu1.png);}
.product-menu .item .menu2{background-image: url(../images/menu2.png) ;}
.product-menu .item .menu3{background-image: url(../images/menu3.png) ;}
.product-menu .item .menu4{background-image: url(../images/menu4.png) ;}
.product-menu .item .menu5{background-image: url(../images/menu5.png) ;}
.product-menu .item .menu6{background-image: url(../images/menu6.png) ;}
.product-menu .item .menu6{background-image: url(../images/menu6.png) ;}
.product-menu .item .menu7{background-image: url(../images/menu8.png) ;}

.product-menu .item.on .menu1{background-image: url(../images/menu1_on.png);background-color: transparent;}
.product-menu .item.on .menu2{background-image: url(../images/menu2_on.png) ;background-color: transparent;}
.product-menu .item.on .menu3{background-image: url(../images/menu3_on.png) ;background-color: transparent;}
.product-menu .item.on .menu4{background-image: url(../images/menu4_on.png) ;background-color: transparent;}
.product-menu .item.on .menu5{background-image: url(../images/menu5_on.png) ;background-color: transparent;}
.product-menu .item.on .menu6{background-image: url(../images/menu6_on.png) ;background-color: transparent;}
.product-menu .item.on .menu7{background-image: url(../images/menu8_on.png) ;background-color: transparent;}

.environment-menu .item .menu1{background-image: url(../images/hj-menu1.png);}
.environment-menu .item .menu2{background-image: url(../images/hj-menu2.png) ;}

.environment-menu .item.on .menu1{background-image: url(../images/hj-menu1_on.png);background-color: transparent;}
.environment-menu .item.on .menu2{background-image: url(../images/hj-menu2_on.png) ;background-color: transparent;}


.product-list .item{margin-bottom: 0.1rem; width: -webkit-calc(50% - 0.05rem);width: calc(50% - 0.05rem);}
.product-list .item:not(:nth-of-type(2n)){margin-right: 0.1rem;}
.product-list .item .Adapt-pic{width: 100%;height: 1.33rem;}
.product-list .item h5{background: #c9a063;font-size: 0.12rem;font-weight:600;color: #fff;text-align: center;position: relative;padding: 0.13rem 0.1rem 0.1rem;z-index: 9;}
.product-list .item h5 .logo{position: absolute;left: 0;right: 0;top: -0.3rem;width: 0.6rem;height: 0.43rem;margin: 0 auto;z-index: -1;}

.environment-list{padding:  0 3%;}


.bottom-logo {text-align: center;margin: 0.5rem 0 0.2rem;}
.bottom-logo img{width: 1.2rem;}