.none{ display: none;}
/* n-banner*/
.banner-content{ width: 100%; height: 5.4rem; display: block; position: relative;}
.banner-news{ width: 100%; height: 518px; background: url(../images/banner-news.jpg) no-repeat top center; display: block; position: relative;}
  
  
.banner-about{ background: url(../images/banner-about.jpg) no-repeat center center / cover;}
.banner-product{ background: url(../images/banner-product.jpg) no-repeat center center / cover;}
.banner-content .text{
    position: absolute; transform: translateY(-50%); left: 0; top: 50%; box-sizing: border-box; padding: 0 1.3rem;
}
.banner-content .text h2{
    font-family: "Arial-Narrow-blod"; font-size: 1rem; color: #535865; display: block; text-shadow: 0 0 5px #fff;
}
.banner-content .text h3{
    font-family: "arialnbi"; font-size: .5rem; color: #fff; text-shadow: 3px 3px 3px #000;
}

.about-common{ width: 100%; display: block; background: #f2f2f2;}
.about-common .main{ width: 1360px; margin: 0 auto; position: relative;}
.about-common .main > .text{ width: 62%; display: inline-block; box-sizing: border-box; padding-left: 20px;}



.location{ width: 100%; display: none; border-bottom: 1px solid #dcdcdc; background: #fff;}

.location .l{ display: inline-block; font-size: 14px; line-height: 45px; color: #000;}

.location .l a{ color: #000;}
.location .l a:hover{ color: #1b1e53;}
.location .l i{ margin: 0 10px; font-family: "宋体";}


.nav-list{ float: right; width: 4.216rem; background: #fff; margin-top: -80px;}
.nav-list > h2{ font-size: .2rem; color: #72a248; line-height: .7rem; margin-top: .1rem; box-sizing: border-box; padding: 0 .3rem;  display: block; border-bottom: 1px solid #ccc;}
.nav-list > ul{ display: block; font-size: 0; margin: .24rem 0 .48rem; box-sizing: border-box; padding: 0 .3rem;}
.nav-list > ul > li{ display: block; height: .34rem;}
.nav-list > ul > li > a{ display: inline-block; color: #585d6a; font-size: .12rem; line-height: .34rem; text-transform: uppercase; position: relative;}
.nav-list > ul > li > a.cur,.nav-list > ul > li > a:hover{ color: #000; font-size: .14rem;}

.nav-list .app-list{ display: block; margin-top:; width: 100%; box-sizing: border-box; padding: .36rem .3rem 0; border-top: 1px solid #ccc; }
.nav-list .app-list li{ display: block; flex-wrap: wrap;}
.nav-list .app-list li .text .tit{ display: block; }
.nav-list .app-list li .text .tit span{ display: block; font-size: .24rem; line-height: .38rem; color: #585d6a; font-family: "Avenir-Next-LT-Pro"}
.nav-list .app-list li .text .tit h2{ display: block; font-size: .4rem; color: #72a248; font-family: "Avenir-Next-LT-Pro"}
.nav-list .app-list li .text a{ color: #fff; padding: 0 38px; line-height: 48px; display: inline-block; z-index: 2; overflow: hidden; position: relative; font-size: 14px; text-transform: uppercase;}
.nav-list .app-list li .text a::before{ content: ""; background: #72a248; width: 110%; height: 100%; position: absolute; right: 10px; top: 0; transform: skewX(-15deg); z-index: -1; transition: all 0.3s ease-in-out;}
.nav-list .app-list li .text a:hover::before{ background: #000;}

.nav-list .app-list li .img{ order: 1; max-width: 100%; margin: 0 0 .3rem;}
.nav-list .app-list li .img img{ order: 1; max-width: 100%;}
.nav-list .app-list .swiper-button-next,
.nav-list .app-list .swiper-button-prev {
    background-image: unset;
    font-size: .5rem;
    color: #72a248;
    text-align: center;
    line-height: .44rem;
}
.nav-list .app-list .swiper-button-prev::before {
    position: relative;
    left: -.06rem;
}
.nav-list .app-list .swiper-button-next::before {
    position: relative;
    right: 0;
}
/*.nav-list .app-list .swiper-button-next:hover,
.nav-list .app-list .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, .3);
}*/
/* about list */

.about-list{ width: 100%; display: flex; background: #fff; }
.about-list ul{ display: flex; justify-content: space-between; width: 100%; font-size: 0; margin-top: 6.67vh;}
.about-list ul li{ width: 23%; display: inline-block; vertical-align: top;}
.about-list ul li:last-child{ margin-right: 0;}
.about-list ul li .img{ width: 100%; display: block; box-sizing: border-box; transition: all 0.3s ease;}
.about-list ul li .img img{ max-width: 100%;}
.about-list ul li h3{ display: block; font-size: .24rem; font-weight: bold; line-height: 6.2vh; margin-top: 1.48vh; transition: all 0.3s ease;}
.about-list ul li p{ display: block; font-size: .16rem; line-height: 2.2vh; height: 4.4vh; overflow: hidden; color: #6c6c6c; margin: 0;}
.about-list ul li a{ display: inline-block; position: relative; color: #1b1e53; font-size: .16rem; line-height: .4rem; margin: 3.8889vh 0 7.04vh;}
.about-list ul li a::after{ content: ""; background: #1b1e53; height: 3px; width: 32px; display: inline-block; bottom: 0; left: 0; position: absolute; transition: all 0.3s ease-in;}
.about-list ul li a:hover::after{ width: 50px;}


.about-adv{ width: 100%; background: #fff; display: block; border: 10px solid #72a248; border-image: url(../images/border_image.png)  10 repeat; box-sizing: border-box; font-size: 0; min-height: 446px; }
.about-adv{  position: relative; }
.about-adv aside{  display: inline-block; width: 50%; background: #f1f1f1 url(../images/adv.jpg) no-repeat bottom left; height: 100%; vertical-align: top; color: #83c346; font-size: 72px; font-family: "Oswald"; text-transform: uppercase; text-align: right; line-height: 86px; box-sizing: border-box; padding: 120px 97px 0 0; min-height: 446px;}
.about-adv article{ width: 50%; display: inline-block; box-sizing: border-box; padding: 40px 0 0 104px;}
.about-adv article ul{ max-width: 490px;}

.about-adv article ul,.about-adv article ul li{ width: 100%; float: left;}
.about-adv article ul li{ height: 60px; position: relative; padding-top: 12px; box-sizing: border-box;}

.about-adv article ul li::after{ content: ""; width: 100%; height: 3px; background: #f1f1f1; display: block; position: absolute; bottom: 0; left: 0;}

.about-adv article ul li h3{ line-height: 48px; float: left; font-size: 16px; color: #1b1e53;}
.about-adv article ul li span{ left: 0; top: 0; height: 60px; position: absolute; box-sizing: border-box; z-index: 1; width: 0; transition:  all 3s ease;}
.about-adv article ul li span i{ width: 100px; text-align: right; position: absolute; bottom: 0; left: 390px; height: 48px; float: left; z-index: 1; line-height: 48px; font-size: 14px; color: #1b1e53;}
.about-adv article ul li span::after{ content: ""; width: 100%; position: absolute; bottom: 0; left: 0; height: 3px; background: #171717; float: left; z-index: 1;}


.about-History{width: 100%; display: block; padding: 57px 0 83px;}



/* 本例子css */
.slideBox{ width:1140px; height:300px; overflow:hidden; position:relative; margin: 0 auto;}
.slideBox .bd{ position:relative; height:100%; z-index:0; text-align: center;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li h3{ font-family: Oswald; font-size: 36px; color: #1b1e53; line-height: 77px;}
.slideBox .bd li p{ font-size: 16px; color: #959595; line-height: 27px; margin: 26px 0 38px; width: 100%; box-sizing: border-box; padding: 0 200px;}
.slideBox .bd li h4{ font-family: Oswald; font-size: 24px; color: #83c346; line-height: 40px;}



/* 下面是前/后按钮代码，如果不需要删除即�? */
.slideBox .prev,
.slideBox .next{ position:absolute; left: 0; top:50%;  float: left; margin-top: -6px; width: 0;  height: 0; border-width: 12px 12px 12px 0; border-style: solid; border-color: transparent #83c346 transparent transparent; opacity: 0.7; }
.slideBox .next{ left:auto; right: 0; border-width:12px 0 12px 12px;  border-color:transparent transparent transparent #000;/*透明 透明 透明 �?*/ }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }




/* about common*/


.jsz{width: 83.4vw; margin: .5rem 0; box-sizing: border-box; padding: 1.3rem 0; background: #fff; text-align: center;}
.jsz img{ max-width: 10rem; width: 100%;}






.contact-about{ width: 100%; display: block; text-align: center; padding: 1rem 0; background: #fff;}
.contact-about h2{ font-size: .45rem; font-weight: bold; font-family: arial block}
.contact-about p{ font-size: .18rem;  font-weight: bold; font-family: "AvenirNextLTPro-UltLt"; width: 6rem; line-height: .24rem; margin: .4rem auto .6rem;}
.contact-about a{ color: #fff; padding: 0 38px; line-height: 48px; display: inline-block; z-index: 2; overflow: hidden; position: relative; font-size: 14px; text-transform: uppercase;}
.contact-about a::before{ content: ""; background: #72a248; width: 110%; height: 100%; position: absolute; right: 10px; top: 0; transform: skewX(-15deg); z-index: -1; transition: all 0.3s ease-in-out;}
.contact-about a:hover::before{ background: #000;}









.Support{ width: 100%; display: block;}
.Support ul{ width: 100%; float: left; margin: 0 0 .2rem 0; font-size: 0;}
.Support ul li{ width:48%; margin: 1%; display: inline-block;}
.Support ul li img{ max-width: 100%;}


.n-Equipment-view{ width: 100%; display: flex; justify-content: right; box-sizing: border-box; padding: .5rem .5rem;}
.n-Equipment-view .l{ width: 40%; position: fixed; top: .5rem; left: .5rem;}
.n-Equipment-view .l img{ max-width: 100%; max-height: 85vh}
.n-Equipment-view .r{ width: 56%;}
.n-Equipment-view .r h2{ font-size: .24rem;}
.n-Equipment-view .r .view{ font-size: .16rem; line-height: 1.5; color: #666;}


.eq-list{ width: 100%; float: left; box-sizing: border-box; padding: 0 50px;}
.eq-list h2{ width: 100%; float: left; text-align: center; line-height: 24px; padding: 50px 0; font-weight: 700;}
.eq-list p{ font-size: 14px; text-indent: 2rem; line-height: 24px; color: #666; float: left; margin: 20px 0;}

.eq-list .img{ width: 100%; float: left; text-align: center;}
.eq-list .img img{ max-width: 100%;}


/* page */
.page_zt { width: 100%; display: block; margin: .2rem 0 .5rem; text-align: center;}
.page_zt .page_r { width: auto; display: inline-block; height: .42rem;}
.page_zt .page_r a,
.page_zt .page_r .ym2 { height: .42rem; margin: 0 3px; width: .42rem; border: 1px solid #e0e0e0; border-radius: 2px; box-sizing: border-box; color: #000; text-align: center; display: inline-block; line-height: .42rem; font-size: .12rem;}
.page_zt .page_r a.page_prev,.page_zt .page_r a.page_next { line-height: .42rem; font-family: iconfont; position: relative; display: inline-block; vertical-align: top}
.page_zt .page_r a.page_next::after{ content: "\e60c";}
.page_zt .page_r a.page_prev::after{ content: "\e60d";}

.page_zt .page_r .ym { font-family: arial;}
.page_zt .page_r a:hover {  border-color: #535865; cursor: pointer; }
.page_zt .page_r .ym2 { border-color: #535865; cursor: pointer; }
.page_zt .page_r .ym2:hover { opacity: .7; cursor: pointer;}

.Content .main > center{ width: 100%; font-size: .16rem; margin: 1rem 0; }
.newslist > center{ width: 100%; font-size: .16rem; margin: 1rem 0;  min-height: 60vh}



/*download*/
.download{ width: 1000px; margin: .5rem auto; background: #fff;}
.download li{ width: 100%; display: block;}
.download li > div.img{ float: left; width: 30%; box-sizing: border-box; padding: 30px; border: 1px solid #ccc;}

.download li .img img { max-width: 100%;}
.download li dt { margin-bottom: 20px; font-size: 20px;}
.download li dl { float: right; width: 650px;}
.download li dl a { color: #333; padding: 5px; border-radius: 4px; border:1px solid #ddd; line-height: 20px; height: 20px; display: inline-block;}
.download li dl img { margin-right: 10px; width: 18px;}



@media screen and (min-width: 1660px) {

}
@media screen and (max-width: 1440px) {
    .about-list ul li h3{ font-size: .2rem;}
    .about-list ul li p{ font-size: .14rem;}
    .Company article p{ font-size: .16rem; line-height: 1.7}
    .n-Equipment-view .r{ width: 50%;}
    #development {height: 570px;}
}
 
@media screen and (max-width: 1366px){
    .main{ padding: 0 4vw}
    .newslist li{ width: 32%; margin: 0 2% 46px 0;}
    .newslist li:nth-child(4n){ margin:  0 2% 46px 0;}
    .newslist li:nth-child(3n){ margin:  0 0 46px;}

/* 发展历程 */
.jsz {width: 92vw;}
}



/*  IPAD 横版 */
@media screen and (max-width: 1112px){
        /* banner */
        .banner-content{ height: 3.2rem;}
        .banner-content .text h2{ line-height: 1;}
        .banner-content .text h3{ font-size: .36rem;}
    .about-common .main{ width: 100%; box-sizing: border-box;}
    .nav-list{ width: 100%; margin-top: -.4rem;}
    .nav-list > h2,.nav-list > ul,.nav-list > ul li{ display: inline-block;}
    .nav-list > h2{ border: none;}
    .nav-list > ul{ float: right; margin: .24rem 0}
    .nav-list > ul li{ margin: 0 .15rem;}
    .nav-list .app-list{ display: none;}
    .about-common .main > .text{ width: 100%; padding-left: 0;}
    
}



@media screen and (max-width: 834px){
    

    .about-common .main{ width: 100%;}
}








/*  wap */
@media screen and (max-width: 736px) {
    .banner-content{ margin-top: .6rem;}
    .banner-content .text{ padding: 0 .2rem}
    .banner-content .text h2{ font-size: .64rem;}
    .banner-content .text h3{ font-size: .24rem}
    .nav-list{ box-sizing: border-box; box-sizing: border-box; padding: 0 .2rem;}
    .nav-list > h2{ width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #ddd;}
    .nav-list > ul{ padding: 0;}
    .nav-list > ul li{ margin: 0; width: 50%; font-size: .13rem}

    .contact-about{ padding: .5rem .2rem; box-sizing: border-box;}
    .contact-about h2{ font-size: .24rem;}
    .contact-about p{ width: 100%; font-size: .14rem; margin: .2rem auto .3rem;}
}