:root{
    --red--:#E60012;
    --green--:#FEB447;
    --title--:#303133;
    --green--:#0046AF;
    --font--:#606266;
}
*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    font-family: 'Arial';
}
@font-face {
    font-family:PlayfairDisplay;
    src:url('../fonts/PlayfairDisplay-Bold.ttf')
}
ul,li{
    list-style: none;
    margin-bottom:0;
    padding-left:0;
}
a:hover,
a{
    text-decoration: none;
    color:var(--font--);
}
img{
    border:none;
    max-width:100%;
}
p{
    margin-top:0;
    margin-bottom:0;
}
.cl{
    clear: both;
}
body{
    width: 100%;
    min-width:320px;
    max-width:640px;
    margin:0 auto;
    background: #fff;
    font-size:14px;
    font-family: -apple-system,Helvetica,sans-serif;
    line-height:1.5;
    overflow-X: hidden;
}
/* 菜单 */
.am-menu{
    position: static;
}
.am-menu-offcanvas1 .am-menu-toggle{
    width:2.8rem;
    top:22px;
    right:20px;
    height:auto;
    display: block;
    color: #0F915D;
}
.am-menu-offcanvas1 .am-menu-toggle span{
    width:100%;
    background:#0F915D;
    border-radius: 1.5px;
    height:3px;
    margin-top:.5rem;
    display: block;
    transition: all .2s;
}
.am-offcanvas-page .am-menu-offcanvas1 .am-menu-toggle span:last-child{
    display:none;
}
.am-offcanvas-page .am-menu-offcanvas1 .am-menu-toggle span:nth-child(1){
    transform:skewY(40deg) translateX(5px);
}
.am-offcanvas-page .am-menu-offcanvas1 .am-menu-toggle span:nth-child(2){
    transform:skewY(-40deg) translateX(5px);
}
header{
    min-width:320px;
    max-width:640px;
    width: 100%;
    padding:0rem 2rem;
    z-index: 999;
    position:fixed;
    top:0;
    background-color: #fff;
    z-index: 1001;
    transition: all .4s ease-out .2s;
    height: 70px;
}

header .logo a{
    text-align: center;
}
header .logo a img{
    width: 130px;
}
.am-slider-default .am-direction-nav a:before{
    content:'<';
    color:#fff;
}
.am-slider-default .am-direction-nav a.am-next:before{
    content:'>';
    color:#fff
}
.am-slider-default .am-direction-nav a{
    display: none;
}
.am-slider-default .am-control-nav{
    bottom: 14px;
}
.am-slider-default{
    margin:0;
}
.am-slider-default .am-control-nav li{
    margin:0 3px;
}
.am-slider-default .am-control-nav li a{
    width:12px;
    height:4px;
    border-radius: 2px;
    background-color:rgba(255, 255, 255, .5);
}
.am-slider-default .am-control-nav li a.am-active{
    background-color:rgba(14, 180, 180, .5);
    width:24px;
}
.am-avg-sm-4>li{
    width:90%;
}
.containers{
    padding:0 16px;
    width: 100%;
    clear: both;
}
.tabnav{
    margin:0 auto;
    width:210px;
    height:80px;
    background:url(../images/tabnav-bg.png) no-repeat center;
    background-size: contain;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tabnav a{
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: #0F915D;
    display: block;
    position: relative;
    width:130px;
    height:40px;
}
.tabnav a span{
    font-family:'宋体';
    font-weight: bold;
    position:absolute;
}
.tabnav a span:nth-child(1){
    top:8px;
    left:12px;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}
.tabnav a span:nth-child(2){
    left:42px;
    top:4px;
    transform: rotate(-2deg);
    -ms-transform:rotate(-2deg);
    -moz-transform:rotate(-2deg);
    -webkit-transform:rotate(-2deg);
    -o-transform:rotate(-2deg);
}
.tabnav a span:nth-child(3){
    left:68px;
    top:4px;
    transform: rotate(7deg);
    -ms-transform:rotate(7deg);
    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -o-transform:rotate(7deg);
}
.tabnav a span:nth-child(4){
    left:95px;
    top:8px;
    transform: rotate(10deg);
    -ms-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -webkit-transform:rotate(10deg);
    -o-transform:rotate(10deg);
}
.tabnav p{
    font-family:'宋体';
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #606266;
    margin-top:4px;
}
.about{
    background:url(../images/about-bg.png) no-repeat bottom center;
    background-size:contain;
    padding:30px 0 40px 0;
}
.about-main{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin:0 auto;
    padding-top:20px;
}
.about-txt{
    width:100%;
    height:437px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content:space-between;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
    margin-right:80px;
}
.about-txt p{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    width:12px;
    height:100%;
    font-family:AliMedium;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #303133;
    text-align: center;
    word-break: break-word;
}
.about-txt p i{
    height: 50px;
}
.about-txt .about-i{
    height:70px;
}
.about-r a{
    width:80%;
    margin:0 auto;
    display: block;
}
.about-r img{
    width:100%;
}
.about-ico1{
    position: absolute;
    width:40px;
    height:64px;
    top:38%;
    left:84%;
}
.about-ico2{
    position: absolute;
    width:40px;
    height:68px;
    top:11%;
    left:61%;
}
.about-ico3{
    position: absolute;
    width:24px;
    height:40px;
    top:13%;
    left:27.5%;
}
.about-ico4{
    position: absolute;
    width:42px;
    height:44px;
    top:28%;
    left:5%;
}
.tab{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.tab span{
    font-family: PlayfairDisplay;
    font-style: normal;
    font-weight: 700;
    font-size:26px;
    line-height:1.5;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0F915D;
}
.tab p{
    font-family:'宋体';
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #303133;
    margin-top:8px;
}
.pbox{
    padding:60px 0 20px 0;
    position: relative;
}
.pbox::before{
    content:'';
    width:100%;
    height:100px;
    background: #F5F6F8;
    position: absolute;
    top:320px;
}
.pbox-tag{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding:15px 0;
}
.pbox-tag p{
    display: block;
    margin:10px 0;
    position:relative;
    width:18%;
    font-family:'宋体';
    font-size: 14px;
    font-weight: bold;
    line-height:1.3;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    padding-top:10px;
}
.pbox-tag p::before{
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background: #D9D9D9;
    position: absolute;
    left:50%;
    top:-4px;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.pbox-tag .slick-current::before{
    background:#0F915D;
}
.pbox-tag .slick-current{
    color:#0F915D;
}
.pbox-li a{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pbox-li a p{
    width:50%;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pbox-li a span{
    display: block;
    margin-top:10px;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #303133;
}
.pbox-more{
    width: 180px;
    height: 50px;
    margin:30px auto;
}
.pbox-more a{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    align-items: center;
    padding-left:50px;
    position: relative;
    width:100%;
    height:100%;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #606266;
    transition: all .3s;
    border: 1px solid #ebedf0;
}
.pbox-more a::after{
    content:'';
    width:20px;
    height:20px;
    background:url(../images/arrow2.svg) no-repeat center;
    position: absolute;
    top:13px;
    right:30px;
}
.culture{
    background:url(../images/culture-bg.png) no-repeat;
    background-size: contain;
    padding-top:60px;
}
.culture-main{
    padding:40px 0;
}
.culture-li{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding:5px 0;
}
.culture-li:nth-child(even) .culture-tag{
    right:auto;
    left:-20px;
}
.culture-li:nth-child(even)  .culture-txt{
    align-items: flex-end;
    padding:0 15px 30px 0px;
}
.culture-li:nth-child(even)  .culture-txt span{
    text-align: right;
}
.culture-txt{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding:0 0 30px 15px;
    flex: 1;
}
.culture-txt a{
    font-family:'宋体';
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #0F915D;
}
.culture-txt span{
    font-family: AliMedium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #303133;
    display: block;
    margin-top:5px;
}
.culture-pic{
    width:50%;
    position: relative;
}
.culture-pic a{
    display: block;
    width:100%;
    height:100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.culture-pic a::before{
    content:'';
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left:0;
    top:0;
    transition: all .3s;
    opacity: 0;
    z-index: 33;
}
.culture-tag{
    position: absolute;
    top:10px;
    right:-20px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    justify-content: center;
    align-items: center;
    width:50px;
    height:50px;
    background: #0F915D;
    border: 2px solid rgba(255, 255, 255, 0.6);
    font-family:'宋体';
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    border-radius:50%;
    z-index:222;
    transition: all .6s;
    transform: rotate(-0deg);
    -ms-transform:rotate(-0deg);
    -moz-transform:rotate(-0deg);
    -webkit-transform:rotate(-0deg);
    -o-transform:rotate(-0deg);
}
.adva{
    height:236px;
    background:url(../images/adva-bg.jpg) no-repeat center;
    background-size:cover;
}
.adva-main{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top:40px;
}
.adva-main a{
    width:100px;
}
.adva-main p{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    padding-left:16px;
}
.adva-main p b{
    font-family:'宋体';
    font-size: 20px;
    line-height:1.2;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}
.adva-main p span{
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-top:5px;
}
.adva-tel{
    background: #F9B03D;
    border-radius:20px;
    width:81%;
    height: 40px;
    margin:16px auto;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    align-items: center;
    font-size:16px;
    color:#fff;
    padding-left:15%;
    position: relative;
	justify-content:center;
}
.adva-tel::before{
    content:'';
    width:25px;
    height:25px;
    background:url(../images/adva-tel.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    left:10%;
    top:50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
}
.join{
    background: #F9F9F9;
    padding:80px 0 40px 0;
}
.join-ul{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top:10px;
}
.join-li{
    margin-top:16px;
    width:48%;
    background: #FFFFFF;
    border: 1px solid #EBEEF5;
    border-radius: 5px;
    padding:16px 10px;
    position:relative;
    cursor: pointer;
}
.join-svg{
    width:50px;
    height:50px;
    background:url(../images/join-svg.svg) no-repeat center;
    background-size: contain;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.join-svg svg{
    width:26px;
    height:26px;
}
.join-num{
    position: absolute;
    top:10px;
    right:10px;
    font-size: 30px;
    font-weight: normal;
    line-height:1;
    font-family:PlayfairDisplay ;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #E4E7ED;
}
.join-desc{
    margin-top:8px;
}
.join-desc span{
    font-family:'宋体';
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #303133;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display: block;
}
.join-desc p{
    font-size: 12px;
    line-height:1.5;
    letter-spacing: 0.01em;
    color: #909399;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.store{
    background:url(../images/store-bg.png) no-repeat center top;
    background-size:contain;
    padding:20px 0 60px 0;
    margin-top:60px;
}
.store-li{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.store-pic{
    width:47%;
    margin:6px 1.5%;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.store-pic span{
    display: block;
    height:30px;
    width:100%;
    line-height:30px;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom:0px;
    left:0;
    font-size:14px;
    color:rgba(255, 255, 255, .8);
    text-align: center;
}
.store-lay{
    position: relative;
    padding-top:20px;
}
.store-lay .slick-dots{
    bottom:-30px;
}
.store-lay .slick-dots li{
    width:6px;
    height:6px;
    background: #D7D7D7;
    border-radius:50%;
    position: relative;
}
.store-lay .slick-dots li.slick-active{
    background: #0F915D;
}
.store-lay .slick-dots li.slick-active::before{
    content:'';
    width:16px;
    height:16px;
    border:1px solid #0F915D;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    border-radius:50%;
}
.nbox-ul li{
    height:48px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E4E7ED;
    padding-left:10px;
}
.nbox-ul li a{
    display: block;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #606266;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news{
    padding-top:60px;
    background:url(../images/news-bg.png) no-repeat right top;
    background-size:70%;
}
.news-ul{
    padding:30px 0 5px 0;
}
.news-li{
    border: 1px solid #E4E7ED;
    position: relative;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding:16px;
}
.news-info{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height:100%;
    width:100%;
    padding-top:10px;
}
.news-info>a{
    
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #303133;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news-info p{
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #606266;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:6px;
}
.news-svg{
    margin-top:20px;
}
.news-svg a{
    display: block;
    width:108px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #303133;
    position: relative;
}
.news-svg a::after{
    content:'';
    width:22px;
    height:22px;
    position: absolute;
    right:0;
    top:0;
    background:url(../images/news-svg.svg) no-repeat center;
    background-size: cover;
}
.news-time{
    position: absolute;
    top:0;
    left:0;
    background: #ffffff;
    width:66px;
    height:74px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.news-time span{
    display: block;
    font-size: 28px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0F915D;
}
.news-time span:nth-child(2){
    margin-top:6px;
    font-size: 11px;
    line-height: 16px;
}

.foot{
    background: #0F915D;
    padding:20px 0;
}
.foot-logo{
    width:200px;
    margin:20px auto;
}
.foot-name{
    font-size:18px;
    line-height:1.5;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin-top:30px;
    padding-left:2px;
}
.foot-tel {
    padding-top:14px;
}
.foot-tel p{
    font-size: 13px;
    line-height:2;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    padding-left:20px;
    position: relative;
}
.foot-tel p::before{
    content:'';
    width:14px;
    height:14px;
    position: absolute;
    left:2px;
    top:5px;
}
.foot-tel p:nth-child(2)::before{
    background:url(../images/add.svg) no-repeat center;
    background-size: cover;
}
.foot-tel p:nth-child(1)::before{
    background:url(../images/tel.svg) no-repeat center;
    background-size: cover;
}
.foot-tel p:nth-child(3)::before{
    background:url(../images/web.svg) no-repeat center;
    background-size: cover;
}
.foot-code{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    justify-content: center;
    align-items: flex-start;
}
.code-li{
    width:150px;
    padding:20px 20px;
}
.code-li p{
    content:'';
    width:100%;
    height:100%;
    background:url(../images/code-bg.png) no-repeat;
    background-size: contain;
    padding:6px;
}
.code-li p img{
    width:100%;
}
.code-li span{
    display: block;
    margin-top:10px;
    font-size: 13px;
    line-height:1.5;
    text-align: center;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}
.copy{
    border-top:1px solid rgba(255, 255, 255, .1);
    padding-top: 10px;
    margin-top:10px;
}
.copy a,
.copy{
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.navbox{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    width:100%;
    left:0;
    bottom:0;
    background: #fff;
    z-index: 8888;
}
.navbg{
    height:6rem;
}
.navbox-li {
    flex:1;
    height:6rem;
}
.navbox-li a{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
}
.navbox-li a span{
    display: block;
    height:3rem;
}
.navbox-li img,
.navbox-li svg{
    width:2.8rem;
    height:2.8rem;
}
.navbox-li p{
    font-size:1.4rem;
    text-align: center;
    letter-spacing: 0.625371px;
    color: #606266;
}
.navbox-li.active svg path{
    stroke:#0F915D;
}
.navbox-li.active p{
    font-weight: bold;
    color:#0F915D;
}
.bar-page{
    position: relative;
    height:200px;
    background-size:cover;
}
.bar-txt{
    position: absolute;
    left:50%;
    top:70%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-size:26px;
    line-height:2;
    letter-spacing:4px;
    color: #FFFFFF;
    text-align: center;
    padding-left:8px;
    width:100%;
}
.bar-txt::before{
    content:'';
    width:140px;
    height:50px;
    background:url(../images/bar-txt.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top:-48px;
    left:50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.nav{
    height:46px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(235, 238, 245, .5);
    position:relative;
    padding-left:26px;
}
.nav::before{
    content:'';
    width:20px;
    height:20px;
    position: absolute;
    left:0;
    top:12px;
    background:url(../images/nav-l.svg) no-repeat center;
}
.nav,
.nav a{
    font-size: 15px;
    letter-spacing: 0.01em;
    color: #909399;
}
.nav a{
    display: block;
    margin:0 6px;
}
.history .tab span{
    letter-spacing: -1px;
}
.history .tab p{
    position: relative;
    margin-left: 0px;
}
.history .tab p::before{
    content:'';
    width:30px;
    height:40px;
    background:url(../images/history-logo.png) no-repeat center;
    background-size:contain;
    position:absolute;
    left:-30px;
    top:-5px;
}
.history{
    background:url(../images/history.png) no-repeat center;
    background-size:cover;
    padding-top:50px;
}
.history-main{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    padding:50px 0 40px 0;
    width:94%;
    margin:0 auto;
}
.history-li{
    height:220px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:space-between;
    position: relative;
    padding:0 15px;
    width:100%;
}
.history-li::before{
    content:'';
    width:100%;
    height:1px;
    background: #C0C4CC;
    position: absolute;
    top:104px;
    left:0;
}
.history-li::after{
    content:'';
    width:26px;
    height:26px;
    background:url(../images/history-after.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    top:90px;
}
.history-year{
    font-size:30px;
    font-weight: bold;
    line-height:1.5;
    letter-spacing: 0.01em;
    color: #606266;
    text-align: center;
    padding-bottom: 30px;
}
.history-txt{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    font-size: 12px;
    line-height:1.5;
    letter-spacing: 0.01em;
    color: #606266;
    background:url(../images/history-txt.png) no-repeat center;
    background-size:cover;
    height:80px;
    padding:14px 12px;
}
.history-ul:nth-child(even) .history-li .history-txt{
    background:url(../images/history-txt2.png) no-repeat center;
    background-size: cover;
     padding-top:24px;
}
.history-ul:nth-child(1) .history-li .history-txt{
    padding-top:26px;
}
.history-ul:nth-child(even) .history-li .history-year{
    margin-bottom:0;
    margin-top:20px;
}
.history-ul:nth-child(2) .history-li .history-txt{
    padding-top:32px;
}
.history-ul:nth-child(6) .history-li,
.history-ul:nth-child(4) .history-li{
    height:240px;
}
.history-ul:nth-child(6) .history-li .history-txt,
.history-ul:nth-child(4) .history-li .history-txt{
    height:110px;
    padding-top:22px;
}
.history .slick-prev,
.history .slick-next{
    width:30px;
    height:30px;
    background:url(../images/history-next2.png) no-repeat center;
    background-size: cover;
    top:153px;
}
.history .slick-disabled{
    background:url(../images/history-next.png) no-repeat center;
    background-size: cover;
}
.history .slick-prev{
    left:-30px;
}
.history .slick-next{
    transform: rotateY(180deg) translate(-30px,-15px);
    -ms-transform: rotateY(180deg) translate(-30px,-15px);
    -moz-transform: rotateY(180deg) translate(-30px,-15px);
    -webkit-transform: rotateY(180deg) translate(-30px,-15px);
    -o-transform: rotateY(180deg) translate(-30px,-15px);
}
.plist{
    padding:10px 0;
}
.plist-tag li{
    padding:40px 0px 10px 0;
}
.plist-tag li a::before{
    content:'';
    width:10px;
    height:10px;
    background:#D9D9D9;
    position: absolute;
    border-radius:50%;
    left:50%;
    top:-18px;
}
.plist-tag li a{
    font-size: 16px;
    line-height:1.6;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #303133;
    position: relative;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
}
.plist-tag .slick-current a{
    color:#0F915D;
}
.plist-tag .slick-current a::before{
    background:#0F915D;
}
.plist-ul ul li{
    float: left;
    width:48%;
    margin:10px 1%;
}
.plist-ul ul li a{
    display: flex;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    flex-direction: column;
    align-items: center;
}
.plist-ul ul li a p{
    height:200px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    align-items:center;
}
.plist-ul ul li a p img{
    height:90%;
    width:auto;
}
.plist-ul ul li a span{
    height:40px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
}
.padva-li{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    align-items:flex-start;
    flex-direction: column;
    justify-content: space-between;
    padding:10px 0;
}
.padva-pic{
    border-radius: 20px;
    overflow: hidden;
}
.padva-txt{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:10px 0 0 20px;
}
.padva-desc span{
    font-weight:bold;
    font-size: 20px;
    line-height:1.5;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #303133;
    font-family:'宋体';
    display: block;
    margin:10px 0;
}
.padva-desc p{
    font-size: 14px;
    line-height:1.5;
    letter-spacing: 0.05em;
    color: #606266;
}
.padva-svg{
    width:70px;
    height:70px;
    background: #0F915D;
    border-radius: 50%;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:15px;
}
.padva-svg img{
    width:50px;
    height:50px;
}
.padva{
    padding: 20px 0;
}
.requi{
    padding-top:20px;
    background: #f9f9f9;
}
.requi-main{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:10px 0;
}
.requi-li{
    width:98%;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    align-items: center;
    padding:20px 10px;
    margin:10px 1%;
    background: #ffffff;
    position: relative;
}
.requi-num{
    position: absolute;
    top:8px;
    right:15px;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    font-family: PlayfairDisplay;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #E4E7ED;
}
.requi-svg{
    margin-right:10px;
    padding:15px;
    background: #fafafa;
    border-radius:50%;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.requi-svg svg{
    width:30px;
    height:30px;
}
.requi-svg svg path{
    stroke: #0F915D;
}
.requi-desc span{
    font-family: '宋体';
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #303133;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.requi-desc p{
    margin-top:4px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #909399;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.process{
    padding-top:40px;
}
.process-main{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    flex-wrap: wrap
}
.process-main li{
    width:48%;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding:15px 10px;
    margin:5px 1%;
    background: #f5f5f5;
    border-radius:5px;
}
.process-main li span{
    position: absolute;
    top:10px;
    font-size:17px;
    font-weight: normal;
    line-height:.8;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #0F915D;
    font-family: PlayfairDisplay;
}
.process-main li p{
    font-size:14px;
    margin-top:20px;
    font-family: '宋体';
    font-weight: bold;
    color: #444c5a;
}
.process-txt{
    margin-top:5px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #909399;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}
.case-main{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding:20px 0;
}
.case-main li{
    width:47%;
    margin:10px 1.5%;
}
.case-main li a{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
}
.case-main li a p{
    width:100%;
    height:12rem;
    overflow: hidden;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.case-main li a span{
    font-size:14px;
    margin-top:5px;
}
.list-box{
    padding-bottom:30px;
}
.list-box .news-li{
    padding:10px;
    margin-top:15px;
}
.list-box .news-pic{
    height:20rem;
    width:100%;
    overflow: hidden;
}
.list-box .news-pic a{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
}
.telbox-main{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    padding:10px 0;
}
.telbox-li{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top:5px;
}
.telbox-svg,
.telbox-svg svg{
    width:20px;
    height:20px;
}
.telbox-li span{
    width:82px;
    font-size: 14px;
    line-height:1.5;
    text-align: center;
    letter-spacing: 0.01em;
    color: #303133;
}
.telbox-li p{
    flex:1;
    font-size: 14px;
    line-height:1.5;
    letter-spacing: 0.01em;
    color: #606266;
}
.telbox-li p b{
    font-weight: normal;
    color: #0F915D;
}
.pager{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    padding:2rem 0 3rem 0;
}
.pagination{
    display: inline-block;
    border-radius: 4px;
}
.pager li {
    display: none;
}
.pager li:nth-child(1),
.pager li:last-child{
    display: inline;
}
.pager li span,
.pager li a
{
    margin:0 8px;
    padding:7px 12px;
    border:1px solid #e1e1e1;
    color:#777777;
    border-radius:5px;
}
.pagination > .active > span{
    background:#0F915D;
    border:1px solid #0F915D;
    color:#fff;
}
.pagination > .disabled > span{
    background: white !important;
    color:#666666;
}
.view{
    padding:1rem .5rem;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    flex-direction: column;
    align-items: center;
}
.title{
    font-size:2rem;
    line-height: 140%;
    color: #0a272c;
    font-weight: bold;
    text-align: center;
}
.time{
    height:2rem;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    align-items: center;
    font-size: 12px;
    color: var(--cyan--);
    justify-content: center;
    margin:1rem 0;
}
.time span{
    margin: 0 6px;
    height:2rem;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    align-items: center;
}
.desc{
    padding:.5rem 1rem;
    background-color: #F5F5F5;
    border: #E5E5E5 1px solid;
    max-height:66px;
}
.desc p{
    line-height: 1.7em;
    color: #868686;
    text-indent: 24px;
    font-size:13px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content{
    padding:1rem 0;
    color: #5a5a5a;
    text-indent:0;
    font-size:1.4rem;
    line-height:2;
}
.tool {
    width:100%;
}
.tool ul{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    flex-direction: column;
    justify-content:space-between;
}
.tool ul li{
    color:var(--black--);
    height:30px;
    line-height:30px;
    font-size:12px;
	overflow:hidden;
}
.tool ul li a{
    font-size:12px;
    color:#464646;
}
.tool ul li a:hover{
    color:var(--cyan--);
}
.about-l{
    font-family: '宋体';
    font-size:16px;
    line-height:1.8;
    padding-bottom:16px;
    text-indent: 2rem;
}

/* 手机端样式 */
.df{
    display: flex;

}
.j-sc{
    justify-content: center;
}
.j-sb{
    justify-content: space-between;
}
.a-ic{
    align-items: center;
}
.f-dc{
    flex-direction: column;
}

.pos-f{
    position: fixed;
    z-index: 999;
}
.pos-a{
    position: absolute;
}
.pos-r{
    position: relative;
}

/* 底部 */
.footer{
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
}
.fti a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 8px 0;
}
.fti a img{
    width: 24px;
}
.fti a img.img2{
    display: none;
}
.fti a.active img.img2{
    display: block;
}
.fti a.active img.img1{
    display: none;
}
.fti a p{
    color: #606266;
    font-size: 12px;
}
.fti a.active p{
    color: #303133;
}


.bottomft{
    padding-bottom: 74px;
    background: #1F1F1F;
}
.ftcopy{
    padding: 0 20px;
}
.ftcopy .pp{
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 20px;
}
.ftcopy .pp p{
    text-align: center;
}

.ftcopy .pp p,.ftcopy .pp p a{
    color: rgba(144, 147, 153, 0.4);
    
    font-size: 13px;
}
.ftinfo{
    padding-top: 30px;
}
.ftcontact .lianx{
    padding: 0 10px;
}
.ftcontact .itm{
    width: 33%;
    text-align: center;
}
.ftcontact .itm .pic img{
    width: 36px;
}
.ftcontact .itm .nums{
    margin: 8px 0 3px;
    font-size: 12px;
    color: rgba(192, 196, 204, 1);
}
.ftcontact .itm .pp{
    height: 44px;
    color: rgba(245, 246, 248, 1);
    font-size: 13px;
    
}
.ftcontact .itm .pp.color2{
    color: #17B073;
}
.ftcontact h2{
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 26px;
}
.ftcontact h2::after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 23px;
    height: 3px;
    background: #F9B03D;

}
.ftewm {
    margin: 30px 0 20px;
    padding-top: 10px;
}
.ftewm h2{
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    left: 20px;
    top: 0;
}
.ftewm .pic{
    width: 116px;
    height: 113px;
    background: url(../images/bg_ewm.png) no-repeat center top;
}
.ftewm .pic img{
    width: 103px;
    display: block;
    object-fit: cover;
    height: 103px;
}
.ftewm .ewm p{
    text-align: center;
    color: #C0C4CC;
    font-size: 14px;
    margin-top: 14px;
}

/* 产品中心 */
.f1{
    margin-top: 30px;
}


.f1t h2{
    font-weight: normal;
    font-size: 24px;
    height: 77px;
    text-align: center;
    line-height: 77px;
    background: url(../images/bg_h2.png) no-repeat center top;
    background-size: 60px;
}
.f1t h2 span{
    display: inline-block;
    position: relative;
}
.f1t h2 span::before{
    position: absolute;
    content: "";
    width: 72px;
    height: 18px;
    background: url(../images/bg_h2before.png) no-repeat 0 0;
    background-size: 72px;
    top: 29px;
    left: -90px;
}
.f1t h2 span::after{
    position: absolute;
    content: "";
    width: 72px;
    height: 18px;
    background: url(../images/bg_h2after.png) no-repeat 0 0;
    right: -90px;
    top: 29px;
    background-size: 72px;
}
.f1 .am-tabs-default .am-tabs-nav{
    background: none;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f1 .am-tabs-default .am-tabs-nav li{
    width: 23%;
    flex:auto;
    margin: 0 1% 10px;
    -webkit-box-flex:auto;
}
.f1 .am-tabs-default .am-tabs-nav > .am-active a{
    color: #fff;
    background: #0F915D;
    border: 1px solid #0F915D;
}
.f1 .am-tabs-default .am-tabs-nav a{
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    color: #606266;
}
.f1 .am-tabs-bd{
    border: none;
}
.f1 .am-tabs-bd .piclist a{
    display: block;
    width: 47.5%;
}
.f1 .am-tabs-bd .piclist a img{
    width: 100%;
}
.f1 .am-tabs-bd .am-tab-panel{
    padding: 20px 6px;
}
.f1 .am-tabs-bd .piclist a p{
    text-align: center;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.more a{
    width: 160px;
    height: 40px;
    color: #fff;
    background: #0F915D;
    border-radius: 25px;
}
.more a span{
    font-size: 16px;
}
.more a img{
    margin-left: 6px;
    width: 22px;
    height: 22px;
}

.bf{
    background: #fff;
}
/* 引领绿色墙材发展 */
.f2{
    margin-top: 35px;
    background: url(../images/bg_f2.jpg) no-repeat center top;
    background-size: cover;
}
.f2 .w1{
    
    padding: 30px 20px;
}
.f2 .w1 .b5 img{
    width: 148px;
}
.f2 .w1 .b5{
    margin-bottom: 13px;
}
.f2 .w1 .b6 {
    margin-bottom: 45px;
}
.f2 .w1 .b6 img{
    width: 290px;
}
.f2 .w1 .b7i{
    
    border-radius: 26px;
}
.f2 .w1 .b7i .tel{
    background: rgba(15, 145, 93, 0.2);
    color: #0F915D;
    font-size: 13px;
    height: 28px;
    padding: 0 12px;
    border-radius: 14px;
}
.f2 .w1 .b7i .tel a{
    color: #0F915D;
}
.f2 .w1 .b7i .zxbut img{
    width: 22px;
    height: 22px;
}
.f2 .w1 .b7i .zxbut a span{
    font-size: 13px;
}
.f2 .w1 .b7i .zxbut a{
    padding: 0 24px;
    color: #0F915D;
    font-size: 20px;
}


/* 选择我们的4大优势 */
.f3{
    margin-top: 28px;
}
.f3.mt10{
    margin-top: 10px;
}
.f3t h3{
    text-align: center;
    font-weight: normal;
    color: #0F915D;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 0px;
}
.f3t h2{
    font-size:24px;
    font-weight: normal;
    text-align: center;
    position: relative;
    margin-top: 0px;
}
.f3t h2::after{
    content: "";
    position: absolute;
    width: 46px;
    background: #0F915D;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -17px;
}
.f3t h2 span{
    display: inline-block;
    position: relative;
}
.f3t h2 span::before{
    position: absolute;
    content: "";
    width: 72px;
    height: 18px;
    background: url(../images/bg_h2before.png) no-repeat 0 0;
    background-size: 72px;
    top: 11px;
    left: -83px;
}
.f3t h2 span::after{
    position: absolute;
    content: "";
    width: 72px;
    height: 18px;
    background: url(../images/bg_h2after.png) no-repeat 0 0;
    right: -83px;
    top: 11px;
    background-size: 72px;
}
.f3b{
   
    margin-top: 38px;
    
}
.yslist{
    margin:0 12px 20px;
}
.yslist.ys1{
    background: url(../images/bg_f3b.jpg) no-repeat center top;
    height:169px;
}
.yslist.ys1 .ysl{
    padding: 20px 0 0 0px;
    width: 60%;
}
.yslist.ys1 .ysr img{
    width: 100%;
}
.yslist.ys1 .ysr{
    width: 42%;
}
.yslist dl.dl dt img{
    width: 25px;
    height: 25px;
    margin-right: 6px;
}
.fl-end{
    justify-content: flex-end;
}
.yslist dl.dl dt{

    margin: 0 0 9px 10px;
}
.yslist dl.dl dt span{
    font-size: 14px;
    color: #0F915D;
}
.yslist dl.dl dd{
    color: #606266;
    padding-left: 18px;
    line-height: 18px;
    font-size: 10px;
}
.yslist .ysl .pics img{
    width: 222px;
    display: block;
}
.yslist .ysl .pics a{
    display: block;
    margin-right:5px;
}
.fl-wrap{
    flex-wrap: wrap;
}
.yslist.ys2 .ysr{
    width: 535px;
}

.yslist.ys3{
    background: url(../images/bg_ys3.jpg) no-repeat center top;
    height: 200px;
    background-size: cover;
}
.yslist.ys3 .ysl{
    width: 40%;
    margin-left: 0px;
}
.yslist.ys3 .ysr{
    width: 50%;
    margin-right: 0;
}
.yslist.ys3 .ysr .icons{
    margin-right: 10px;
}
.icons .iclist{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20%;
    overflow: hidden;
    margin-bottom: 6px;
}
.icons .iclist img{
    width: 16px;
    height: 16px;

}
.icons .iclist p{
    margin-top: 4px;
    color: #606266;
    font-size: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.yslist.ys4 .ysr img{
    width: 100%;
}
.yslist.ys4 .ysl{
    width: 49%;
}
.yslist.ys4 .ysr{
    width: 48%;
}

/* 工程案例 */
.f4{

    background: url(../images/bg_f4.jpg) no-repeat center top;
    background-size: contain;
}
.f4 .f3t h3,.f4 .f3t h2 span{
    color: #fff;
}
.f4i{
    padding: 40px 0 50px;
}
.f4 .f3t h2::after{
    display: none;
}

.f4 .f3t h2 span::before{
    background: url(../images/bg_h2before1.png) no-repeat 0 0;
    background-size: 72px;
}
.f4 .f3t h2 span::after{
    background: url(../images/bg_h2after1.png) no-repeat 0 0;
    background-size: 72px;
}

.f4 .certify{
    margin: 12px 20px 0;
}
.f4 .certify .swiper-slide a img{
    width: 100%;
}
.f4 .certify .swiper-slide a p{
    text-align: center;
    margin-top: 20px;
}

.f4 .certify .slick-dots{
    bottom: -30px;
}


.f4 .certify .slick-dots li{
    background: url(../images/dot.png) no-repeat center center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}


.f4 .certify .slick-dots li.slick-active{
    background: url(../images/doth.png) no-repeat center center;
    background-size: 16px;
}

/* 关于我们 */
.guanyu .pic img{
    width: 100%;
}
.guanyu .gsjj p{
    color: #606266;
    font-size: 14px;
    line-height: 1.7em;
}
.guanyu .gsjj h2{
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
}
.guanyu .gsjj{
    padding: 30px 20px;
}
.guanyu .gsjj h2 span{
    color: #0F915D;
}

.datas{
    margin: 0px 20px 20px;
   

}
.datas .dataitem .pp{
    font-size: 12px;
    color: #909399;
    line-height: 26px;
    margin-top: 12px;
    text-align: center;
}
.datas .dataitem .nums span{
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
}
.datas .dataitem .nums span{
    position: relative;
}
.datas .dataitem .nums span::after{
    position: absolute;
    right: -14px;
    bottom: -2px;
    font-size: 14px;
    font-weight: normal;
}
.datas .dataitem.itm1 .nums span::after{
    content: "年";
}

.datas .dataitem.itm3 .nums span::after{
    content: "万";
    right: -16px;
}

/* 质利·资讯中心 */
.inews{
    margin-top: 30px;
    background: url(../images/bg_news.jpg) no-repeat center top;
}
.index-news{
    padding-bottom: 40px;
    overflow: hidden;
}
.index-news .f3t{
    margin-top: 40px;
}
.newscat{
    margin: 40px 0 20px;
}
.newscat a{
    color: #606266;
    font-size: 16px;
    padding: 10px 40px;
    margin: 0 5px;
    border: 1px solid #E4E7ED;
}
.newscat a:nth-child(1){
    color: #fff;
    background-color: #0F915D;
    border: 1px solid #0F915D;
}

.newsdl{
    margin: 0 20px;
}

.newsdl .tout img{
    width: 100%;
}
.recnews{
    margin-top: 20px;
}
.recnews a{
    display: flex;
    justify-content: space-between;
    border: 1px solid #E4E7ED;
    margin-bottom: 10px;
    padding: 10px 0;
}

.recnews a .al{
    width: 20%;
}
.recnews a .al .day{
    font-size: 40px;
    font-weight: bold;
    line-height: 38px;
}
.recnews a .ar{
    width: 74%;
}
.recnews a .ar h2{
    font-weight: normal;
    color: #303133;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 4px;
}
.recnews a .ar p{
    color: #909399;
    font-size: 14px;
    
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; 

}
.ulnews{
    margin: 20px 0 0;
}
.ulnews .li{
    line-height: 26px;
}
.ulnews .li a{
    font-size: 16px;
    color: #303133;
}

.posi{
    background: url(../images/home.png) no-repeat 0 center;
    background-size: 20px;
    padding-left: 30px;
    height: 50px;
    margin: 0 20px;
    border-bottom: 1px solid #f1f1f1;
}
.posi,.posi a,.posi span{
    color: #909399;
    font-size: 16px;
}
.posi span{
    margin: 0 4px;
}
.posi span:nth-last-child(1){
    display: none;
}
.nr .gsjj{
    line-height: 1.7em;
    padding: 20px 14px;
}
.gsjj-pic img{
    width: 100%;
}
/* 生产车间 */
.chejiani .f1t h2{
    background: none;
}
.chejiani{
    margin-top: 20px;
}


.chejianwrap{
    margin: 0 14px 0;
}
.chejianwrap a{
    display: block;
    width: 48.8%;
    margin-bottom: 10px;
}
.chejianwrap a img{
    width: 100%;
}
.chejianwrap a .pp{
    margin-top: 10px;
    text-align: center;
}



.nr .newscat{
    margin: 30px 14px 0;

}
.nr .newscat a{
    display: block;
    width: 23%;
    margin: 0 1% 8px;
    height: 44px;
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    color: #606266;
    text-align: center;
    line-height: 44px;
    transition: all ease-in-out .2s;
    font-size: 14px;
    padding: 0;
    background: #fff;
}
.nr .newscat a:hover,.nr .newscat a.active{
    color: #fff;
    background: #0F915D;
    border: 1px solid #0F915D;
}
.cplist{
    margin: 20px 12px 0;
}
.cplist a{
    display: block;
    margin: 0 0px 10px 0;
    width: 48%;
}
.cplist a .pic{
    overflow: hidden;

    width: 100%;
}
.cplist a .pic img{
    width: 100%;

    object-fit: cover;
    transition: all ease-in-out .2s;
}
.cplist a:nth-child(4n){
    margin-right: 0;
}
.cplist a:hover .pic img{
    transform: scale(1.1);
}

.cplist a p{
    text-align: center;
    font-size: 16px;
    color: #606266;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
}