#bsBox{box-sizing: content-box;max-width: 90% !important;margin-left: 0!important;margin-top: 0!important;transform: translate(-50%,-50%)!important;}
#bsBox *{box-sizing: content-box;max-width: 100% !important;}
#bsWXBox{box-sizing: content-box}
#bsWXBox *{box-sizing: content-box}
.bshare-custom{box-sizing: content-box;display: inline-block}
.bshare-custom a{padding-left: 28px!important; height: 28px!important;}
.bshare-custom .bshare-sinaminiblog {background: url('../images/share.png') no-repeat !important;background-size: auto!important;background-position:  -34px 0!important;}
.bshare-custom .bshare-qqim {background: url('../images/share.png') no-repeat !important;background-size: auto!important;background-position:  -68px 0!important;}
.bshare-custom .bshare-qzone {background: url('../images/share.png') no-repeat !important;background-size: auto!important;background-position:  -102px 0!important;}
.bshare-custom .bshare-weixin {background: url('../images/share.png') no-repeat !important;background-size: auto!important;}
.n-jr-d-top-itemC .bshare-custi-pro-navom #bshare-more-icon,
.n-jr-d-top-itemC .bshare-custom .bshare-more-icon{padding-left: 0!important;background: none!important;height: auto!important;}
.n-jr-d-top-itemC .bshare-custom .bshare-more{color: #898989!important;}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat  }


.pcNav{position: fixed;left: 0;top: 0;padding: 0 50px;width: 100%;background: #fff;z-index: 999;box-shadow: 0 2px 2px rgba(0,0,0,.4)}
.pcNav-b{display: flex;justify-content: space-between;align-items: center;}
.pcNav-l{}
.pcNav-r{}
.pcNav-r a{color: #000}
.pcNav-r img{margin-right: 6px;}
.pcNav-c{display: flex;justify-content: space-between;align-items: center}
.h-nav1{display: flex;position: relative}
.h-nav1 > li {margin-left: 70px;height: 100px; display: flex;align-items: center}
.h-nav1 > li:nth-child(1){margin-left: 0}
.h-nav1 > li > a{color: #000;font-size: 18px;text-align: center; text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{content: '';position: absolute;left: 50%;bottom: -18px; transform: translateX(-50%); background: #f9bd1e;width: 0;height: 2px;transition: .4s all ease}
.h-nav1 > li.active > a{color: #f9bd1e}
.h-nav1 > li.active > a:after{width: 100%}
.h-nav1 > li:hover > a{color: #f9bd1e;transition: .4s all ease}
.h-nav1 > li:hover > a:after{width: 100%;transition: .4s all ease}
.h-nav1 > li:hover  .h-nav2{display: block}
.h-nav2{display: none !important;position: absolute;left: 0;top: 100%;width: 100%;  animation: headerShow .8s ease forwards;}
.h-nav2-hot{padding: 18px 30px;background: #000}
.h-nav2-hot span{color: #f9bd1e}
.h-nav2-hot a{position: relative;padding: 0 24px; color: #fff;}
.h-nav2-hot a:after{content:'';position: absolute;left: 100%;top: 50%; transform: translateY(-50%); width: 2px; height: 16px;background: #fff;}
.h-nav2-hot a:nth-last-child(1):after{display: none}
.h-nav2-b{display: flex;padding: 40px 30px;background: rgba(0,0,0,.75)}
.h-nav2-bL{width: 454px;font-size: 0}
.h-nav2-bL a{display: inline-block; margin: 9px 0; margin-right: 28px; padding: 8px 4px; width: 130px; border: 1px solid #fff; font-size: 14px; color: #fff;text-align: center; }
.h-nav2-bL a:nth-child(3n){margin-right: 0}
.h-nav2-bL a:hover{color: #f9bd1e;border-color: #f9bd1e}
.h-nav2-bR{width: calc(100% - 454px);display: flex;align-items: center;justify-content: center;color: #fff}
.h-nav2-bR>div{display: flex;align-items: center;justify-content: center}
.h-nav2-bR>div img{margin-right: 20px;}
.h-nav2-bR span{display: block;font-size: 24px;}
.h-nav2-bR b{display: block;font-size: 30px;margin-top: 10px;font-style: normal;font-weight: 400}

.h-search{position: relative;margin-left: 34px}
.h-search img{margin-left: 10px;}
.h-search input{ opacity: 0; position: absolute;right: 100%; top: 50%;transform: translateY(-50%); border: 1px solid #000;background: #fff;padding: 0 10px;width: 0;height: 30px; line-height: 30px;transition: .4s all ease}
.h-search.hoverState input{opacity: 1;width: 150px;transition: .4s all ease}

.h-right{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 10000000}
.h-right ul li {width: 58px;height: 58px; margin-top: 3px; cursor: pointer;
    position: relative; background: #f9bd1e;display: flex;align-items: center;justify-content: center;}
.h-right ul li i{font-size: 30px;}
.h-right-hover{position: absolute;right: 100%;width: 160px;padding-right: 10px;display: none;}
.h-right-hover > div{padding: 10px;background: rgba(0,0,0,.5);box-shadow: 2px 2px 2px rgba(0,0,0,.5)}
.h-right-hover a  {display: block; font-size: 12px; color: #fff;padding-bottom: 6px;border-bottom: 1px solid #ccc}
.h-right-hover a:hover{color: #f9bd1e}
.h-right-hover a img{width: 32px;margin-right: 10px; }
.h-right ul li:hover .h-right-hover{display: block}

@keyframes headerShow {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        transform: translateY( 0);
        opacity: 1;
    }
}

#fp-nav.fp-right{right: auto;left: 50px;}
#fp-nav:after{content: '';position: fixed;left: 14px;top: 50%; transform: translateY(-50%); width: 1px; height: 100vh;background: #c1c1c1 }
#fp-nav ul li{margin: 14px 7px;}
#fp-nav ul li a{ color: #fff }
#fp-nav ul li a span{background: #c1c1c1;margin: 0;transform: translate(-50%,-50%);width: 10px;height: 10px;}
#fp-nav ul li a.active span{background: #fff;}
#fp-nav ul li a.active span:after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px; height: 15px; border: 1px solid #fff;border-radius: 50%; }
#fp-nav ul li a:after{position: absolute;left:calc(100% + 10px);top: 50%;transform: translateY(-50%);width: 100px;}
#fp-nav ul li:nth-child(1) a:after{content: '首页';}
#fp-nav ul li:nth-child(2) a:after{content: '关于我们';}
#fp-nav ul li:nth-child(3) a:after{content: '公司产品';}
#fp-nav ul li:nth-child(4) a:after{content: '公司新闻';}
#fp-nav.fp-right.next ul li a{color: #000000}
#fp-nav.fp-right.next ul li a span{background: #000}
#fp-nav.fp-right.next ul li a.active span:after{border-color: #000;}

#section0 .swiper-container1{display: none}
.i-banner {background-size: cover;background-position:center top; background-repeat: no-repeat; height: 100%;width: 100%}
/*style="height: 100vh;"*/
.i-banner-swiper {height: 100%;overflow: hidden;position: relative}
.i-banner-swiper .swiper-container {height: 100%;}
.i-banner-swiper .swiper-pagination-bullet {width: 6px;height: 6px;margin: 0 10px!important;
    transition: .3s all ease;background: #333;box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);opacity: 1  }
.i-banner-swiper .swiper-pagination-bullet-active {width: 10px;height: 10px;background: #333;  }
.i-banner-img {position: absolute; left: 10%; top: 50%;  transform: translateY(-50%); text-align: center; z-index: 1001  }
/*.i-banner-img img{max-width: 80%}*/
.i-banner-swiper .swiper-pagination-bullet:hover {width: 10px;height: 10px;transition: .3s all ease;  }

.i-banner-play{ display: none; position: absolute; right: 16%;bottom: 30px;cursor: pointer;z-index: 9999;
    width: 50px; height: 50px;    background-image: url(../images/play2.png) ;background-size: 100% 100%;}
.i-video-box{ display: none; position: fixed; left: 50%;top: 140px;transform: translateX(-50%); z-index: 999999999;    height: 60vh; background: #fff; }
.i-video-body{padding: 20px  ;position: relative}
.i-video-body video{  height: calc(60vh - 40px);margin: 0 auto;object-fit: fill}
.i-video-body span{position: absolute;width: 20px;height: 20px;right: 2px ;top: 2px;cursor: pointer;border: 1px solid #000;border-radius: 50%;overflow: hidden}
.i-video-body span:after{ content: ''; width: 100%;height: 1px;background: #000; position: absolute;left: 0%;top: 50%;transform:rotate(45deg) }
.i-video-body span:before{ content: ''; width: 100%;height: 1px;background: #000; position: absolute;left: 0%;top: 50%;transform:rotate(-45deg) }

.i-title{padding-bottom: 26px; border-bottom: 1px solid #c1c1c1}
.i-title span{display: block;color: #f9bd1e;font-size: 20px;text-transform: uppercase}
.i-title h2{font-size: 30px; color: #000; margin-top: 10px; }
.i-title p{font-size: 18px; color: #000; margin-top: 14px; }


.i-about{  padding-left: 132px;width: 100%;height: 100%;display: flex;padding-top: 100px;background: #eeeeee}
.i-about-l{width: 50%;background: #eeeeee;display: flex;align-items: center;justify-content: flex-end}
.i-about-r{width: 50%;background: url("../images/i-about5.jpg") no-repeat;background-position: center;background-size: cover}
.i-about-l-body{width: 752px; text-align: left; padding-right: 80px;}
.i-about-l-con{margin-top: 26px;}
.i-about-l-con p{color: #444444;font-size: 16px; line-height: 1.8em}
.i-about-l-con a{display: block; margin-top: 46px; width: 130px; height: 44px;line-height: 44px; text-align: center;color: #000;background: #f8b600;font-size: 16px;transition: .3s all ease;}
.i-about-l-con a:hover{background: none;border: 1px solid #f8b600;color: #f8b600;transition: .3s all ease;}

.i-about-l-list{ margin-top: 90px; display: flex;justify-content: space-between}
.i-about-l-item{text-align: center}
.i-about-l-item img{display: block;margin: 0 auto}
.i-about-l-item span{display: block;color: #000000;font-size: 16px;margin-top: 6px;}
.i-about-l-item em{display: block;color: #898989;font-size: 12px;margin-top: 6px;font-style: normal;word-wrap: break-word;}

.i-about-r-body{height: 100%;display: flex;align-items: center;justify-content: center}
.i-about-r-num{font-size: 0;width: 81.7%;}
.i-about-r-item{display: inline-block;width: 50%;padding: 64px 0;text-align: center}
.i-about-r-item b{font-size: 64px; font-family: Impact;display: block;color: #000}
.i-about-r-item b i{font-style: normal}
.i-about-r-item span{font-size: 16px; margin-top: 18px;display: block;color: #000}
.i-about-r-item:nth-child(1){background: rgba(0,0,0,.75);}
.i-about-r-item:nth-child(4){background: rgba(0,0,0,.75);}
.i-about-r-item:nth-child(1) b{color: #fff;opacity: .7}
.i-about-r-item:nth-child(4) b{color: #fff;opacity: .7}
.i-about-r-item:nth-child(1) span{color: #fff;}
.i-about-r-item:nth-child(4) span{color: #fff;}

.i-about-r-item:nth-child(2){background: rgba(247,181,2,.7);}
.i-about-r-item:nth-child(3){background: rgba(247,181,2,.7);}


.i-pro{padding-left: 132px;padding-top: 100px;height: 100%;
    /*background: #eeeeee*/
}
.i-pro-tab{padding: 0 58px; height: 100%; overflow: hidden;
    /*background: url("../images/i-pro10.jpg") no-repeat;background-size: cover;background-position: center*/
}


.i-pro .i-title{text-align: center;margin-top: 50px;position: relative}
.i-pro .i-title a{position: absolute;right: 0;top: 50%;transform:translateY(-50%);transition: .4s all ease;
    width: 130px; height: 42px;text-align: center;line-height: 42px;color: #333333;border: 1px solid #c1c1c1}
.i-pro .i-title a:hover{color: #f8b600;border-color: #f8b600;transition: .4s all ease}
.i-pro-nav{ font-size: 0}
.i-pro-nav a{  display: inline-block; vertical-align: text-top; transition: .4s all ease;
    width: 20%; height: 200px; padding: 42px 6px 0 6px;border: 1px solid #eeeeee;border-right: 0;background: #fff;text-align: center}
.i-pro-nav a img{height: 45px;width: auto;}
.i-pro-nav a img:nth-child(1){display: none}
.i-pro-nav a:nth-last-child(1){border-right: 1px solid #eeeeee;}
.i-pro-nav a span{color: #3b3b3b;font-size: 20px;margin-top: 10px;;display: block}
.i-pro-nav a b{color: #000; font-weight: 400; font-size: 26px;margin-top: 16px;display: block}
/*.i-pro-nav a:nth-child(1) b{margin-top: 6px; }*/
.i-pro-nav a:hover{background: #f8b600;transition: .4s all ease;}
/*.i-pro-nav a:hover img:nth-child(1){display: none}*/
/*.i-pro-nav a:hover img:nth-child(2){display: inline}*/

.i-pro-body ul li {position: relative;display: none}
.i-pro-body ul li.active{display: block}
.i-pro-body ul li:before{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.75)}
.i-pro-con{ position: relative;height: 430px;
    z-index:2; display: flex;justify-content: space-between;padding: 49px;}
.i-pro-body-l{width: 58%;color: #fff; }
.i-pro-body-l span{font-size: 28px;display: inline-block;padding-bottom: 18px; border-bottom: 1px solid #f8b600}
.i-pro-body-l p{font-size: 16px; line-height: 1.8em;margin-top: 8px;}
.i-pro-body-l a{display: block;width: 130px; height: 42px; border: 1px solid #f8b600;color: #f8b600;margin-top: 44px;text-align: center;line-height: 42px;}
.i-pro-body-r a{display: none;width: 130px; height: 42px; border: 1px solid #f8b600;color: #f8b600;margin-top: 44px;text-align: center;line-height: 42px;}
.i-pro-body-r{width: 40%;display: flex;align-items: flex-end;}

.i-pro-body-list{ width: 100%; display: flex;justify-content: space-between}
.i-pro-body-item{ position: relative; width: 32%;background: #fff;border: 2px solid #f8b600;text-align: center}
.i-pro-body-item:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;box-shadow: 0 0 4px rgba(0,0,0,.8) inset;}

.i-news{height: 100%;padding-left: 132px;padding-top: 100px;display: flex;align-items: center;justify-content: center}
.i-news .g_w{width: 100%}
.i-news .i-title{text-align: center;  }
.i-news-list{display: flex;justify-content: space-between;flex-wrap: wrap}
.i-news-item{width: 49%;}
.i-news-list .n_item_h1{background: #f3f3f3;padding: 15px;min-height: 0}
.i-news-list .n_item_h1 a{align-items: center}
.i-news-list .n_item_h1 .n_item_h1Img{width: 212px;}
.i-news-list .n_item_h1 .n_item_h1Info{    width: calc(100% - 212px); padding: 0 0 0 18px;}
.i-news-list .n_item_h1 .n_item_h1Info h4{ font-size: 16px;color: #1f1f1f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap }
.i-news-list .n_item_h1 .n_item_h1Info p{  font-size: 14px;color: #646464;line-height: 1.8em;overflow: hidden;height: 48px; }
.i-news-list .n_item_h1 .new-iBox{ margin-top: 16px; }
.i-news-a {display: block;margin: 30px auto 0 auto;
    ;width: 106px; height: 36px; border: 1px solid #f8b600;color: #f8b600;text-align: center;line-height: 36px;}
.i-news-list .n_item_h1:hover .n_item_h1Info h4{color: #f8b600}


.f-top {padding: 20px 0;background: #f3f3f3}
.f-top .g_w{display: flex;justify-content: space-between;}
.f-top-l{width: 180px; }
.f-top-l>span{display: block;font-size: 18px;}
.f-top-con{ padding-top: 10px; display: flex;justify-content: space-between;flex-wrap: wrap}
.f-top-con>a{display: block;color: #000;margin-top: 12px;width: 90px;}
.f-top-con>a:hover{color: #f8b600}

.f-top-c{width: 411px; }
.f-top-c>span{display: block;font-size: 18px;}
.f-top-con{ padding-top: 10px; display: flex;justify-content: space-between;flex-wrap: wrap}
.f-top-con>span{display: block;color: #000;margin-top: 12px;width: 200px;}

.f-top-r{display: flex;justify-content: space-between;width: 294px;}
.f-top-r span{display: block ;margin-top: 8px;text-align: center}

.f-bottom{text-align: center;padding: 14px 0;background: #dedede}
.f-bottom a{color:  #858484;margin: 0 29px;display: inline-block}
.f-bottom a:hover{color: #f8b600}


.n-banner-swiper .i-banner{padding-top: 23.4%;  }
.n-banner-swiper .swiper-pagination-bullet{width: 50px; height: 4px;background: #3a3a3a;border-radius: 0;opacity: 1}
.n-banner-swiper .swiper-pagination-bullet-active{background: #f8b600;}


.n-breadcrumb{padding: 16px 0;text-align: right}
.n-breadcrumb .g_w{display: flex;justify-content: space-between;align-items: center}
.n-breadcrumbR{width: 100%}
.n-breadcrumbL{display: none;}
.n-breadcrumbL span{font-size: 20px;font-weight: bold;padding-left: 10px; position: relative}
.n-breadcrumbL span:before{content: '';position: absolute;left: 0;top: 4px; width: 3px; height: 20px;background: #444 }
.n-breadcrumb a{color: #444444;margin: 0 6px;}
.n-breadcrumb a:hover{color: #f8b600}
.n-breadcrumb a.active{color: #f8b600}
.n-breadcrumb span{color: #444444}

.n-pro1{padding-bottom: 40px;}
.n-pro1 .g_w{overflow: hidden}
.n-pro1-l{float: left;width: 260px;}
.n-pro1-l-tel{height: 96px; padding: 0 20px; background: #f8b600;display: flex;align-items: center}
.n-pro1-l-tel img{width: 50px;}
.n-pro1-l-text{margin-left: 6px;}
.n-pro1-l-text b{display: block;font-weight: 400;color: #333333;font-size: 26px;}
.n-pro1-l-text span{display: inline-block;font-size: 16px;color: #333333;position: relative}
.n-pro1-l-text span:after{ content: ''; width: 90px;height: 1px;background: #333333;position: absolute;top: 50%;transform: translateY(-50%);left:calc(100% + 10px) }


.n-pro1-l-nva{ margin-top: 20px;border: 1px solid #d2d2d2; border-top: 2px solid #f8b600; transition: .4s all ease}
.n-pro1-l-nva-top{position: relative;height: 80px;}
.n-pro1-l-nva-top span{position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%); z-index: 2;
    font-size: 26px; color: #f8b600;padding: 0 10px;background: #fff}
.n-pro1-l-nva-top:before{width: 90%;height: 1px;background: #f8b600; content: '';
    position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%); z-index: 1;}
.n-pro1-l-nva .n-pro1-l-ul li{border-bottom: 1px solid #d2d2d2}
.n-pro1-l-nva .n-pro1-l-ul li:nth-child(1){border-top: 1px solid #d2d2d2}
.n-pro1-l-nva .n-pro1-l-ul li a{ position: relative; height: 48px; padding: 0 20px;
    font-size: 16px;color: #333333; display: flex;justify-content: space-between;align-items: center}
.n-pro1-l-nva .n-pro1-l-ul li a:after{content: '';display: block;width: 6px;height: 11px; background: url("../images/go.png") no-repeat}
.n-pro1-l-nva .n-pro1-l-ul li.active a{color: #f8b600}
.n-pro1-l-nva .n-pro1-l-ul li:hover a{color: #f8b600}
.n-pro1-l-nva .more{display: block;height: 48px; line-height: 48px;  color: #f8b600;text-align: center;font-size: 16px;}

.n-pro1-r{float: left;width: calc(100% - 260px);padding-left: 40px; }
.n-pro1-r-top{height: 96px;display: flex;align-items: center;padding: 6px 15px;background: #ebebeb}
.n-pro1-r-topLogo{display: flex;align-items: center; width: auto;}
.n-pro1-r-topLogo b{ width: 138px;  color: #036ab9;text-transform: uppercase}
.n-pro1-r-topLogo b img{max-height: 70px}
.n-pro1-r-topLogo>div{margin-left: 8px;}
.n-pro1-r-topLogo span{font-size: 20px; color: #000;display: block;white-space: nowrap}
.n-pro1-r-topLogo i{font-size: 14px; color: #000;font-style: normal;display: block;white-space: nowrap}
.n-pro1-r-text{  width:calc(100% - 138px);padding-left: 24px;font-size: 12px;}

.n-pro1-r-list{  display: flex;flex-wrap: wrap}
.n-pro1-r-item{width: 23%;margin-right: 2.6%;margin-top: 20px;}
.n-pro1-r-item a{display: block}
.n-pro1-r-item:nth-child(4n){margin-right: 0}
.n-pro1-r-itemImg {position: relative;overflow: hidden;padding-top: 138%;border: 1px solid #d2d2d2}
.n-pro1-r-itemImg img{position:  absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;transition: .8s all linear}
.n-pro1-r-itemText {padding-top: 10px;text-align: center;color: #333333}
.n-pro1-r-item:hover .n-pro1-r-itemText{color: #f8b600;transition: .4s all ease}
.n-pro1-r-item:hover .n-pro1-r-itemImg img{   transform: translate(-50%, -50%) scale(1.05);  transition: .6s all linear}

.n-pro2{padding-bottom: 40px;}
.n-pro2 .g_w{overflow: hidden}
.n-pro2 .n-pro1-r-itemImg{padding-top: 66%;}
.n-pro-breadcrumb{ background: #f3f3f3; text-align: left}

.n-pro-d-title{padding: 58px 0 34px 0;color: #f8be1e}
.n-pro-d-title h1{font-size: 30px;text-align: center}
.n-pro-d{padding-bottom: 50px;}
.n-pro-d-text{padding: 30px; border: 1px solid #bfbfbf}
.n-pro-d-img{text-align: center}
.n-pro-d-i{text-align: center;margin-top: 30px;}
.n-pro-d-p{line-height: 1.8em;color: #333333;width: 930px;margin: 20px auto 0 auto;max-width: 90%}
.n-pro-d-p img{max-width: 100% !important;height: auto!important;width: auto!important;}
.n-con{overflow: hidden;}
.n-l{ float: left; width: 142px; height: 545px; padding-right: 30px;border-right: 4px solid #f8b600}
.n-nav-title{position: relative;padding-bottom: 12px;text-align: right;}
.n-nav-title h1{color:#333333;font-size: 24px; }
.n-nav-title h2{color:#7f7f7f;font-size: 14px;margin-top: 10px;line-height: 1; }
.n-nav-title:after{content: '';position: absolute;bottom: 0;right: 0;background: #f8b600;width: 50px; height: 2px;}
.n-nav ul li a{ display: block; margin-top: 24px;color: #333333;font-size: 16px;text-align: right;transition: .4s all ease}
.n-nav ul li ul{padding-top: 0}
.n-nav ul li ul li a{font-size: 14px;margin-top: 18px;color: #333}
.n-nav ul li.active>a{color: #f8b600}
.n-nav ul li:hover>a{color: #f8b600;transition: .4s all ease}
.n-r{ float: right; width: calc(100% - 142px);padding-left: 40px;}

.n-about{background: url("../images/aboubg.jpg") no-repeat;background-position: center bottom;background-size: auto}
.n-about2-swiper{height: 355px;display: flex;padding: 0 110px; position: relative;
    background: url("../images/n-about2-1.jpg") no-repeat;background-position: center;background-size: cover}
.n-about2-swiper .swiper-container{width: 100%}
.n-about2-swiper .swiper-container:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #fff;z-index: 0}
.n-about2-swiper .swiper-slide{display: flex;align-items: center;justify-content: center;color: #fff;text-align: center}
.n-about2-swiper .swiper-slide a{color: #fff;}
.n-about2-swiper .swiper-slide p{font-size: 16px;}
.n-about2-swiper .swiper-slide em{display: block; margin: 14px auto; width: 16px; height: 16px; border: 1px solid #fff;position: relative;border-radius: 50%;}
.n-about2-swiper .swiper-slide em:after{ content: ''; display: block;width: 10px; height: 10px; background: #fff;border-radius: 50%;
    position:  absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.n-about2-swiper .swiper-button-prev{top: 50%;transform: translateY(-50%);left: 50px;width: 17px; height: 31px;background-size: 100% 100%;margin: 0}
.n-about2-swiper .swiper-button-next{top: 50%;transform: translateY(-50%);right: 50px;width: 17px; height: 31px;background-size: 100% 100%;margin: 0}

.n-about2-list{ margin-bottom: 90px; margin-top: 76px; position: relative;display: flex;justify-content: space-between}
.n-about2-list-line{position: absolute;left: 50%;top: 0;translaetX(-50%);width: 1px;height: 100%;background: #f8b600;z-index: 1}
.n-about2-list:before{content: '';position: absolute;left: 50%;top: 0;transform: translate(-50%,-110%);width: 15px;height: 15px;background: url("../images/top.png") no-repeat}
.n-about2-list:after{content: '';position: absolute;left: 50%; bottom: 0;transform:rotate(180deg) translate(50%,-110%);width: 15px;height: 15px;background: url("../images/top.png") no-repeat}
.n-about2-list-l{width: calc(50% - 32px);text-align: right}
.n-about2-item{ margin-bottom: 38px; padding: 16px 14px;border: 1px solid #d2d2d2;position: relative;transition: .4s all ease;}
.n-about2-item > div{margin-top: 8px;}
.n-about2-item > div p{line-height: 1.8em;color: #444444;margin-top: 6px;transition: .4s all ease;}
.n-about2-list-l .n-about2-item:after{transition: .4s all ease; content: '';position: absolute; top: 18px;left: 100%;  width: 11px; height: 17px; background: url('../images/left.png') no-repeat;}
.n-about2-list-l .n-about2-item:before{content: '';position: absolute; top: 18px;left: calc(100% + 27px) ;  width: 13px; height: 13px; background: url('../images/dian.png') no-repeat;}
.n-about2-item h3{font-size: 16px;}
.n-about2-list-r{width: calc(50% - 32px);padding-top: 80px;}
.n-about2-list-r .n-about2-item:after{ content: '';position: absolute; top: 18px;right: calc(100% - 1px) ;  width: 11px; height: 17px; background: url('../images/right.png') no-repeat;}
.n-about2-list-r .n-about2-item:before{content: '';position: absolute; top: 18px;right: calc(100% + 27px) ;  width: 13px; height: 13px; background: url('../images/dian.png') no-repeat;}

.n-about2-item:hover{   border-color: rgba(0,0,0,0);;box-shadow: -2px 2px 4px  rgba(0,0,0,.6);transition: .4s all ease; }
.n-about2-item:hover > div p{transition: .4s all ease;}
.n-about2-item:hover:after{opacity: 0;transition: .4s all ease;}

.n-about2-list2.n-about2-list{display: none;padding-left: 32px;}
.n-about2-list2.n-about2-list .n-about2-list-r {width: 100%;padding-top: 0}
.n-about2-list2.n-about2-list  .n-about2-list-line{position: absolute;left: 8px;top: 0; width: 1px;height: 100%;background: #f8b600;z-index: 1}
.n-about2-list2.n-about2-list:before{content: '';position: absolute;left: 8px;top: 0;transform: translate(-50%,-110%);width: 15px;height: 15px;background: url("../images/top.png") no-repeat}
.n-about2-list2.n-about2-list:after{content: '';position: absolute;left: 8px; bottom: 0;transform:rotate(180deg) translate(50%,-110%);width: 15px;height: 15px;background: url("../images/top.png") no-repeat}
.n-about2-list2.n-about2-list .n-about2-list-r .n-about2-item:before{content: '';position: absolute; top: 18px;right: calc(100% + 19px) ;  width: 13px; height: 13px; background: url('../images/dian.png') no-repeat;}


.n-about1-video{position: relative;height: 490px;overflow: hidden}
.n-about1-video.active{height: auto}
.n-about1-videoBg{width: 100%;height: 100%;position: absolute;;left: 0;top: 0;
    background-size: cover;background-position: center;background-color: rgba(0,0,0,.5)}
.n-about1-video video{width: 100%}
.n-about1-video .play{width: 55px; height: 55px;background: url("../images/play.png") no-repeat; cursor:pointer ;
    position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%); z-index: 9}
.n-about1-text{margin-top: 20px;padding-bottom: 50px;}
.n-about1-text p{color: #333333;line-height: 1.8em;margin-top: 6px;text-indent: 2em;}

.about3-item{padding: 36px 0 46px 0;display: flex;align-items: center;border-bottom: 1px solid #bfbfbf}
.about3-item:nth-child(2n){flex-direction:  row-reverse}
.about3-itemLogo{width: 215px;padding: 0 20px;text-align: center}
.about3-itemText{width: calc(100% - 215px)}
.about3-itemText span{display: block;font-size: 18px;color: #333333;font-weight: 600}
.about3-itemText p{line-height: 1.6em;font-size: 12px;color: #333333;margin-top: 10px;}

.n-contact{background: url("../images/contactbg.jpg") no-repeat; background-size: auto;background-position: top center}
.n-contact-con{padding-top: 24px;padding-bottom: 50px;}
.n-contact-con >h3{font-size: 22px;text-align: center;color: #333;font-weight: 600}
.n-contact-swiper{margin-top: 44px;padding: 0 64px;position: relative;}
.n-contact-swiper .swiper-slide{padding: 1px}
.n-contact-swiper .swiper-button-prev{width: 38px; height: 50px; background: url("../images/prev.jpg") no-repeat; background-size: 100% 100%; left: 0;transform: translateY(-50%);margin: 0}
.n-contact-swiper .swiper-button-next{width: 38px; height: 50px; background: url("../images/next.jpg") no-repeat; background-size: 100% 100%; right: 0;transform: translateY(-50%);margin: 0}
.n-contacttext{padding: 24px 34px;border: 1px solid #bfbfbf;color: #333333;background: #fff}
.n-contacttext span{font-size: 16px;display: block;padding-bottom: 8px;font-weight: 600}
.n-contacttext p{line-height: 1.8em;}

.n-contact-map{margin-top: 38px;border: 1px solid #bfbfbf}


.n-contact1-con{padding-bottom: 50px;}
.n-contact1-map{position: relative}
.n-contact-info{position: absolute; top: 50%;transform: translateY(-50%); right: 9%; border: 1px solid #dbdbdb; z-index: 99;
    width: 417px; height: 257px; padding: 42px 20px 20px 50px; background: #fff;}
.n-contact-info h3{font-size: 22px;}
.n-contact-info p{margin-top: 22px;}

.n-news-d-title { margin-top: 24px; padding-bottom: 16px;border-bottom: 1px solid #e5e5e5}
.n-news-d-title h3{color: #1f1f1f;font-size: 22px;text-align: center;line-height: 1.6em}
.n-news-d-title-i{ width: 420px; display: flex;justify-content: space-between;margin: 32px auto 0 auto}
.n-news-d-share span{margin-right: 10px}
.n-news-d-text p{line-height: 1.8em; color: #444444;padding-top: 20px;}
.n-news-d-btn{ overflow: hidden;margin-top: 36px; margin-bottom: 40px; background: #f3f3f3;padding: 0 30px 30px 30px}
.n-news-d-btn a{display: block;margin-top: 30px;color: #444444;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.n-news-d-btn a:hover{ color: #f8be1e}
.n-news-con .i-news-item{width: 100%;display: block}
.n-news-con .i-news-item:nth-child(1) .n_item_h1{margin-top: 0}
.n-news-con .i-news-list .n_item_h1Bg{padding-top: 66.3%;}

.n-contact3-con{padding-bottom: 68px;}
.n-contact3-row2{display: flex;justify-content: space-between;}
.n-contact3-item{margin-top: 24px;}
.n-contact3-row2 .n-contact3-item{width: 31%;}
.n-contact3-item span{display: block;font-size: 16px;}
.n-contact3-item input{width: 100%;height: 52px;line-height: 54px; padding: 0 18px; margin-top: 16px; font-size: 16px; border: 1px solid #d2d2d2;}
.n-contact3-item textarea{width: 100%;height: 148px;  padding: 26px 18px; margin-top: 16px; font-size: 16px; border: 1px solid #d2d2d2;}

.n-contact3-btn{font-size: 0;margin-top: 20px;text-align: right}
.n-contact3-btn input{display: inline-block;width: 146px; height: 46px;line-height: 46px;text-align: center;margin-left: 20px; font-size: 18px;border: 0}
.n-contact3-btn .reset{background: #ababab;color: #fff}
.n-contact3-btn .submit{background: #f8be1e;color: #000}


.n-nav2-btn{ display: none; width: 40px;height: 40px;background: rgba(248,182,0,1);color: #fff; text-align: center; line-height: 40px; cursor: pointer;}
.n-nav2-btn span{margin-top: 4px; display: inline-block; line-height: 1; text-align: center; font-size: 30px;font-weight: 600; transition: .4s all ease;}
.n-pro1-l-nva.active .n-nav2-btn span{transform: rotateZ(180deg); margin-top: 8px; }
.n-pro1-l-nva.active ul{transform: translateX(0)}
.n-banner-swiper .swiper-pagination{}

.n-pro1-r-form{margin-top: 40px; display: none}
.n-pro1-r-formTitle{padding-bottom: 10px;border-bottom: 2px solid #ccc}
.n-pro1-r-formTitle span{font-size: 20px;font-weight: bold;padding-left: 10px; position: relative}
.n-pro1-r-formTitle span:before{content: '';position: absolute;left: 0;top: 4px; width: 3px; height: 20px;background: #444 }
.n-pro1-r-formRow input{display: block;width: 100%;height: 36px; line-height: 36px; padding: 0 10px; font-size: 16px; color: #666;margin-top:10px;border: 1px solid #666; }
.n-pro1-r-formRow textarea{display: block;width: 100%;height: 160px;  line-height: 1.6em; padding:  10px; font-size: 16px; color: #666;margin-top:10px;border: 1px solid #666;}
.n-pro1-r-formCode{ margin-top: 10px; display: flex;justify-content: space-between;align-items: center}
.n-pro1-r-formCode img{width: 30%;height: 36px;}
.n-pro1-r-formCode input{width: 34%;height: 36px; line-height: 36px;padding: 0 10px;font-size: 16px;border: 1px solid #666; }
.n-pro1-r-formCode .submit{width: 24%;text-align: center;background: #333;color: #fff;font-size: 16px;border: 0}


blockquote{border: 0!important;padding: 0!important;}
.toDown{position: absolute; left: 50%;bottom: 40px; color: #fff;text-align: center;z-index: 99;
    animation:i-move 1.6s linear infinite;
    /*Safari 和 Chrome:*/
    -webkit-animation:i-move 1.6s linear infinite;}
.toDown span{display: block;text-align: center;text-shadow: 0 0 2px #000}
.toDown img{display: block;transform: rotate(180deg);margin: 0 auto 0 auto}


#section2{background: url(../images/i-pro10.jpg) no-repeat;
    background-size: cover;
    background-position: center;}
#section1{background: #eee;}

.web_btn{ display: none; cursor: pointer; color: #f8be1e;font-size: 14px;text-align: center;margin-top: 10px ; }
.f-bottom .btn-group .btn{padding: 4px 10px;background: #dedede; }
.f-bottom .dropdown-menu {min-width: 120px;}
.web_n_nav{display: none}
.web_n_nav .dropdown button  { background: none;display: flex; align-items: center; padding: 0 }
.web_n_nav .dropdown button b{ margin-right: 20px; font-size: 20px;font-weight: bold;padding-left: 10px; position: relative}
.web_n_nav .dropdown button b:before{content: '';position: absolute;left: 0;top: 4px; width: 3px; height: 20px;background: #444 }
.web_n_nav .dropdown .dropdown-menu { font-size: 0}
.web_n_nav .dropdown .dropdown-menu li { font-size: 14px; width: 48%; margin: 0 1%; display: inline-block; border-bottom: 1px solid #dfdfdf}

@media (max-height: 740px) {

}
@media (max-width: 1680px) {
    .h-nav1 > li{margin-left: 50px}
    .i-about-l-body{padding-left: 30px;padding-right: 60px}
    .i-about-l-con a {margin-top: 20px;}
    .i-about-l-list{margin-top: 40px;}
    .i-about-r-item b{font-size: 58px;}
    .i-pro-nav a b{font-size: 20px;}
    .i-pro-nav a span{font-size: 16px;}
    .i-pro-nav a{height: 180px;padding-top: 20px;}
    .i-pro-con{padding: 36px;}
}
@media (max-width:1440px) {
    .i-banner-img{left: 15%}
    .h-nav1 > li{margin-left: 40px}
    .h-nav1 > li > a{font-size: 16px;}
    .h-nav2-hot a{padding:0 6px}
    .h-nav2-hot{padding: 18px 10px;}
    .h-nav2-b{padding: 20px 10px}
    .h-nav2-bL a{margin-right: 18px}
    .h-nav2-bR b{font-size: 20px}
    .h-nav2-bR span{font-size: 18px}
    .h-nav2-bR>div img{width: 50px;}
    .i-about-l-con p{font-size: 14px;}
    .i-about-l-body{ padding-right: 30px}
    .i-about-r-item span{font-size: 14px;}
    .i-about-r-item b{font-size: 50px;}
    .i-pro-nav a{height: 140px;}
    .i-pro-nav a span{margin-top: 4px;}
    .i-pro-nav a img{transform: scale(.7)}
    .i-pro-nav a b{font-size: 16px;}
    .i-pro-nav a span{font-size: 14px;}
    .i-pro-con{height: 360px;}

}
@media (max-width:1350px) {
    .pcNav-l img{width: 200px;}
    .n-contact-info{right: 30px;}
}
@media (max-width:1300px) {

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

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

    .i-about{display: block;padding-top: 60px}
    .i-about-l{width: 100%}
    .i-about-r{width: 100%;margin-top: 40px;}
    .i-about-l-body{width: 100%}
    .i-about .i-title{text-align: center}
    .i-title h2{font-size: 24px;}
    .i-about-l-con a{margin: 20px auto 0 auto; height: 30px; line-height: 30px;font-size: 14px;}
    .i-about-l-list{margin-top: 30px;}
    .i-about-r-item{padding: 10px;width: 25%;}
    .i-about-r-num{width: 100%}
    .i-about-r-item b{font-size: 42px}
    .i-about-r-item span{margin-top: 0}
    .i-about-r-item:nth-child(1){background: rgba(0,0,0,.75);}
    .i-about-r-item:nth-child(2){background: rgba(0,0,0,.75);}
    .i-about-r-item:nth-child(3){background: rgba(0,0,0,.75);}
    .i-about-r-item:nth-child(4){background: rgba(0,0,0,.75);}
    .i-about-r-item:nth-child(1) b{color: #fff;opacity: .7}
    .i-about-r-item:nth-child(2) b{color: #fff;opacity: .7}
    .i-about-r-item:nth-child(3) b{color: #fff;opacity: .7}
    .i-about-r-item:nth-child(4) b{color: #fff;opacity: .7}
    .i-about-r-item:nth-child(1) span{color: #fff;}
    .i-about-r-item:nth-child(2) span{color: #fff;}
    .i-about-r-item:nth-child(3) span{color: #fff;}
    .i-about-r-item:nth-child(4) span{color: #fff;}
    .i-about-r-num{display: flex;flex-wrap: wrap}
    .i-about-r-item{width: 25%;}
    /*.i-about-r-item:nth-child(2){background: rgba(247,181,2,.7);}*/
    /*.i-about-r-item:nth-child(4){background: rgba(247,181,2,.7);}*/

    .i-pro{padding-top: 60px;}
    .i-pro-tab{padding-left: 20px}
    .i-pro-body-l p{font-size: 14px;}
    .i-pro-nav{display: flex}
    .i-pro-nav a{ padding: 0 10px; height: 60px; display: flex;align-items: center;justify-content: center }
    .i-pro-nav .active{background: #f8b600}
    .i-pro-nav a b{font-size: 14px;display: none}
    .i-pro-nav a span{font-size: 12px;display: none}
    .i-pro-body-l span{font-size: 24px;}
    .i-pro-body-l a{margin-top: 30px;height: 30px; line-height: 30px;}
    .i-title p{font-size: 14px;}
    .i-pro .i-title a{ display: none; position: relative;left: auto;right: auto;top:auto;transform: translate(0);font-size: 12px;color: #f8b600;
        width: 100%;text-align: right;border: 0; height: auto;line-height: 1;margin-top: 10px;}

    .i-news{padding-top: 60px;}
    .i-news-item{width: 100%;display: none}
    .i-news-item:nth-child(1){display: block}
    .i-news-item:nth-child(2){display: block}
    .i-news-list .n_item_h1{margin-top: 10px;}

    .f-top-l{display: none}

    .n-con{margin-top: 20px;}
    .n-l{float: none;width: 100%;height: auto;text-align: center;border: 0;padding-right: 0}
    .n-r{float: none;width: 100%;padding-left: 0;margin-top: 30px;}
    .n-nav-title{text-align: center}
    .n-nav-title:after{right: 50%;transform: translateX(50%);}
    .n-nav ul {display: flex;justify-content: center;padding-top: 20px;flex-wrap: wrap}
    .n-nav ul li {padding: 0 10px;}
    .n-nav ul li a{margin-top: 10px;text-align: center;}
    .n-nav>ul li a{border-bottom: 1px solid #dfdfdf}
    .n-nav ul li ul{display: block}
    .n-nav ul li ul li{ width: 100%; display: block}

    .n-about2-list{display: none}
    .n-about2-list2.n-about2-list{display: block}
    .n-nav-title h1{font-size: 20px;}
    .n-about2-swiper{padding: 0 30px;}
    .n-about2-swiper .swiper-button-next{right: 4px;}
    .n-about2-swiper .swiper-button-prev{  left: 4px;}

    .n-contact-con >h3{font-size: 18px;}
    .n-contact-info{ position: relative;left: auto;right: auto;transform: translateY(0);width: 100%;height: auto;margin-bottom: 20px;}
    .n-news-d-title h3{font-size: 20px}

    .n-contact3-item{margin-top: 16px;}
    .n-contact3-item span{display: block;font-size: 14px;}
    .n-contact3-item input{ height: 36px;line-height: 36px;   font-size: 14px; margin-top: 6px;  }
    .n-contact3-item textarea{  font-size: 14px;margin-top: 6px; }
    .n-contact3-btn input{height: 36px;line-height: 36px;font-size: 16px;}

    .n-pro1-l{width: auto}
    .n-pro1-l-nva{position: fixed;left: 0;top: 80px;border: 0;z-index: 99999;margin-top: 0}
    .n-nav2-btn{display: block}
    .n-pro1-l-nva-top{display: none;}
    .n-pro1-l-tel{display: none}
    .n-pro1-l-nva .n-pro1-l-ul { max-height: calc(100vh - 160px); box-shadow: 2px 2px 4px rgba(0,0,0,.5);  overflow: auto; background: #fff; transform: translateX(-100%);transition: .4s all ease}
    .n-pro1-l-nva .n-pro1-l-ul li a{font-size: 14px;height: auto;padding: 6px 10px;}
    .n-pro1-l-nva .n-pro1-l-ul li a:after{margin-left: 10px;}
    .n-pro1-l-nva .n-pro1-l-ul::-webkit-scrollbar { /*滚动条整体样式*/
        width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px !important;;
        background: #ffffff !important;;
        cursor: pointer !important;

    }

    .n-pro1-l-nva .n-pro1-l-ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px !important;
        -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
        background: #f8b600 !important;;
        cursor: pointer !important;
    }

    .n-pro1-l-nva .n-pro1-l-ul::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
        border-radius: 0 !important;;
        background: rgba(240, 240, 240, 0.5) !important;;
        cursor: pointer !important;
    }
    .n-pro1-l-nva .more{display: none}
    .n-pro1-r{width: 100%;padding-left: 0}

    #section0 .swiper-container1{display: block}
    #section0 video{display: none}
    .n-pro-d-p{overflow: auto}
    .n-pro-d-p table{width: auto!important;  }
    .swiper-container-pc{display: none;}
    .i-banner-play{display: none;}

    .i-about-l-con p{display: none;}
    .i-about-l-con p:nth-child(1){display: block}
}
@media (max-width:998px){
    .i-about-r-item span{font-size: 12px}
    .i-about-r-item b{font-size: 34px}
}
@media (max-width:767px) {
    body{padding-bottom: 58px;}

    #fp-nav.fp-right{left: 0;}
    .i-banner-img{left: 0%;top: 50%; width: 100%;text-align: center}
    .i-banner-img img{max-width: 90%}
    #fp-nav ul li a:after{display: none}


    .i-about-l-conP{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .i-about-l-item{width: 25%}
    .i-about-r-item{width: 50%;}
    .i-about-l-body{padding-top: 20px;}
    .i-title span{font-size: 16px;}
    .i-title h2{font-size: 20px;}
    .i-title{padding-bottom: 16px;}
    .i-about-l-con{margin-top: 10px;}
    .i-about-l-item span{font-size: 14px;}
    .i-pro{padding-left: 0;padding-top: 0; }
    .i-pro-tab{padding:0 30px;}
    .i-pro-nav a{ padding:0 4px }
    .i-pro-nav a img{height: auto}
    .i-pro-body-l span{font-size: 20px;}
    .i-pro-con{height: 300px;}
    .i-news{padding-left: 0}
    /*.i-news-item{width: 49%}*/
    .n_item_h1 a{display: block}
    .i-news-list .n_item_h1{padding: 10px}
    .i-news-list .n_item_h1 .n_item_h1Img{width: 100%}
    .i-news-list .n_item_h1 .n_item_h1Info{width: 100%;padding-left: 0}
    .i-news-list .n_item_h1 .n_item_h1Info p{display: none}
    .i-news-list .n_item_h1Bg{padding-top: 36%}
    .i-news-list .n_item_h1 .new-iBox{margin-top: 6px;font-size: 12px;}
    .i-news-list .n_item_h1 .n_item_h1Info h4{font-size: 14px;margin-top: 10px;}
    .n-nav ul li{width: 50%; }
    .n-nav ul li a{font-size: 14px;}
    .n-contact-swiper{padding: 0 40px;}
    .n-contacttext{padding:20px 14px;}
    .n-contact-swiper .swiper-button-prev{width: 26px; height: 35px;}
    .n-contact-swiper .swiper-button-next{width: 26px; height: 35px;}
    .n-contact-swiper{margin-top: 20px}
    .n-contact-info{padding: 20px}
    .n-contact-info h3{font-size: 18px;}
    .n-news-d-title h3{font-size: 18px}
    .n-news-d-title-i{display: block;width: 100%;margin-top: 10px;}
    .n-news-d-share{margin-top: 10px;}
    .n-contact3-row2{display: block}
    .n-contact3-row2 .n-contact3-item{width: 100%}

    .n-pro1-r-item{width: 49%;margin-right: 2%;}
    .n-pro1-r-item:nth-child(4n){margin-right: 2%}
    .n-pro1-r-item:nth-child(2n){margin-right: 0}
    /*.n-pro1-r-top{display: block;padding: 20px 10px;height: auto }*/
    .n-pro1-r-top{display: none;}
    .n-pro1-r-text{padding-left: 0;width: 100%;margin-top: 10px}
    .n-pro1-r-topLogo b{font-size: 30px;}
    .n-pro1-r-topLogo span{font-size: 16px;}
    .n-pro1-r-topLogo>div{margin-left: 16px}

    .h-right{ width: 100%; top: auto; bottom:0; right: 0;transform: translateY(0); background: #f5f5f5}
    .h-right ul{display: flex;width: 100%;justify-content: center}
    .h-right ul li{background: none;width: 26%;text-align: center;margin-top: 0}
    .h-right ul li:nth-child(1) i:after{content: '电话';display: block;text-align: center; font-size: 14px;}
    .h-right ul li:nth-child(2) i:after{content: '邮箱';display: block;text-align: center;  font-size: 14px;}
    .h-right ul li:nth-child(3) i:after{content: 'QQ';display: block;text-align: center;  font-size: 14px;}
    .h-right ul li:nth-child(4){display: none}
    .h-right ul li i{font-size: 26px;}
    .h-right-hover{bottom: 100%;padding-right: 0;padding-bottom: 10px;left: 50%;transform: translateX(-50%);}
    .h-right-hover a img{width: 20px;}
    .h-right-hover a{padding: 0 8px;}


    .n-banner-swiper .i-banner{padding-top: 40%;}
    .n-banner-swiper .swiper-pagination-bullet{width: 24px;}
    .n-banner-swiper .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0}
    .n-breadcrumbL{display: block;opacity: 0}
    .n-breadcrumbR{width: auto}
    /*.n-breadcrumbR img{display: none;}*/
    /*.n-breadcrumbR a:nth-child(2){display: none}*/
    /*.n-breadcrumbR span:nth-child(3){display: none}*/
    /*.n-breadcrumbR2{display: none;}*/
    .n-pro1-l{width: 100%;float: none;}
    .n-pro1-l-nva{width: 100%;position: relative;left: auto;top: auto;z-index: 1}
    .n-pro1-l-ul{display: none;}
    .n-pro1-l-nva-top{display: none;}
    /*.n-pro1-l-nva .n-pro1-l-ul{ height: 100px; overflow: hidden; max-height: initial;box-shadow: none;display: flex; justify-content: space-between; flex-wrap: wrap;transform: translateX(0);}*/
    /*.n-pro1-l-nva .n-pro1-l-ul.active{height: auto}*/
    /*.n-pro1-l-nva .n-pro1-l-ul li{width: 49%;border-color: #333}*/
    /*.n-pro1-l-nva .n-pro1-l-ul li:nth-child(1) {border-top: 0;}*/
    /*.n-pro1-l-nva .n-pro1-l-ul li a:after{display: none}*/
    .web_btn{display: block}
    .web_n_nav{display: block}
    .n-nav2-btn{display: none}
    .n-pro1-r-form{display: block}
    .f-top{display: none;}
    .fenye{margin: 20px 0;}

    .i-about{ height:auto; box-sizing: border-box;padding: 0;   }
    .i-about-l-con a{font-size: 12px;margin-top: 10px;}
    .i-about-l-list{margin-top: 20px;}
    .i-about-r{margin-top: 20px;}
    .i-about-r-item b{font-size: 28px;}

    .i-pro{ height: auto; box-sizing: border-box; }
    .i-pro .i-title{margin-top: 20px;}

    .i-news{ height: auto; padding-top: 40px; align-items: flex-start;}
    .i-news .g_w{padding-top: 20px;}
    .i-news-a{margin-top: 10px;font-size: 12px;height: 30px; line-height: 30px;}

    #fullpage .f-bottom{padding-bottom: 58px;}
    .n-pro-d-title h1{font-size: 20px;}
    .n-pro-d-p{width: 100%;max-width: 100%}
    .n-pro-d-text{padding: 20px;}
    .n-about1-video{height: auto}

    .i-about-l-item img{width: 50px;}
    .f-bottom .btn-group{display: block;height: auto; margin: 6px auto;text-align: center;font-size: 0}
    .f-bottom .btn-group button{float: none;display: inline-block;vertical-align: middle;font-size: 14px;}
    .f-bottom .dropdown-menu{left: 50%;transform: translateX(-50%);}
}
@media (max-width:600px){
    .i-pro-con{display: block}
    .i-pro-body-l{width: 100%}
    .i-pro-body-l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .i-pro-body-l a{display: none}
    .i-pro-body-r{width: 100%;margin-top: 20px;display: block}
    .i-pro-body-r a{display: block;font-size: 14px;margin-top: 20px; height: 30px; line-height: 30px;}
    .i-pro-body-l span{font-size: 18px;padding-bottom: 10px;}
    .f-top .g_w{display: block}
    .f-top-r{margin-top: 20px; max-width: 100%}
    .f-top-c{  max-width: 100%}
    .about3-item{display: block;padding: 20px 0;}
    .about3-itemLogo{width: 100%}
    .about3-itemText{width: 100%;margin-top: 10px;}
    .about3-itemText span{text-align: center}
}

@media (max-width:400px){

}