*{outline:none!important;}

 ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
 }
 ::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #22954a;
 }
 ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
 }

.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat  }

.pcNav-box{box-shadow: 0 0 8px #dfdfdf}
.pcNav{position: fixed;left: 0;top: 0; width: 100%;background: none;z-index: 999; transition: .4s all ease}
/*.pcNav.active{ top: -40px;background: rgba(255,255,255,.85)}*/
.pcNav_w{max-width: 1800px; margin: 0 auto}
.n-pcNav{background: #fff;}
.n-pro .pcNav{background:rgba(0,0,0,.5)}
.pcNav-top{background: #fff;padding: 18px 0 0 0}
.pcNav-top {display: flex;justify-content: flex-end}
 .pcNav-top .lang a{color: #1e1e1e}
 .pcNav-top .lang span{color: #1e1e1e}
 .pcNav-top .lang a.active{color: #22954a}
.pcNav-b{background: #fff}
.pcNav-b .g_w{display: flex;justify-content: space-between;align-items: center; }
.pcNav-l{}
.pcNav-l img{  transition: .4s all ease}


.pcNav-r{ margin-left:40px; position: relative;display: flex;align-items: center}
.pcNav-r-search{height: 88px;line-height: 88px;}
.pcNav-r i{width: 40px; height: 40px; display: inline-block; line-height: 40px;  text-align: center; font-size: 18px; color: #fff; border-radius: 50%; background: #ff9900; transition: .4s all ease}
.pcNav-r.active i{color: #525252; }

.pcNav-r input{ height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 0; border-bottom: 1px solid #fff;box-shadow: 0 0 4px #dfdfdf;
    position: absolute;right: 0;top: 100%;white-space: nowrap;width: 0;opacity: 0;padding: 0;transition: .4s all ease;overflow: hidden}
.pcNav-r .pcNav-r-search:hover input{width: 180px;opacity: 1; padding: 0 20px; transition: .4s all ease}
/*.pcNav.active .pcNav-r i{color: #003b95}*/
/*.pcNav.active .pcNav-r a{color: #003b95;border-bottom: 1px solid #003b95;}*/

.pcNav-c{ }
.pcNav .g_w{position: relative}
.h-nav1{display: flex;position: relative}
.h-nav1 > li {margin-left: 44px; min-width: 80px; display: flex;align-items: center;position: relative}
.h-nav1 > li:nth-child(1){margin-left: 0;min-width:0 }
.h-nav1 > li > a{ width: 100%; height: 60px; line-height: 60px;display: block; text-align: center; color: #0b0b0b;font-size: 18px;text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); opacity: 0;  width: 52px; height: 4px; background: #22954a }
.pcNav_dow .h-nav1 > li > a{height: 80px;line-height: 80px;}
.pcNav_dow .pcNav-l img{width: 360px;transition: .4s all ease}
/*.pcNav.active .h-nav1 > li > a{ color: #525252}*/
/*.pcNav.active .h-nav1 > li > a:after{background: #ff9900}*/
.h-nav1 > li.active > a{color: #22954a}
.h-nav1 > li.active > a:after{ }
.h-nav1 > li:hover > a{color: #22954a;transition: .4s all ease}
.h-nav1 > li:hover > a:after{bottom: 8px; opacity: 1; transition: .4s all ease}
.pcNav.active .h-nav1 > li.active > a{color: #22954a}
.pcNav.active .h-nav1 > li.active > a:after{width: 100%}
.pcNav.active .h-nav1 > li:hover > a{color: #22954a;transition: .4s all ease}
.pcNav.active .h-nav1 > li:hover > a:after{bottom: 8px; opacity: 1;transition: .4s all ease}
.h-nav1 > li:hover  .h-nav2{display: block}
.pcNav_u1_2{display: none; position: absolute;left:50%;top: 100%;  opacity: 0; z-index: 9;overflow: hidden;
    animation: navU .5s ease forwards;
    -webkit-animation: navU .5s ease forwards;
}
.pcNav_u1_2 li { font-size: 0;margin-top: 2px;background: rgba(34,149,74,.8);}
.pcNav_u1_2 li>a{ display: block; width: 240px; height: 36px;transition: .4s all ease;line-height: 36px; font-size: 14px; color: #fff;text-align: center; }
.pcNav_u1_2L{display: inline-block; vertical-align: text-top;}
.pcNav_u1_2R{display:inline-block ;width: 400px; margin-left: 20px; vertical-align: text-top;}
.pcNav_u1_2 li:hover>a{background: #fff;color: #22954a; border: 1px solid #22954a;transition: .4s all ease}
.h-nav1 > li:hover .pcNav_u1_2{display: block}
.h-right ul li:hover .h-right-hover{display: block}
@keyframes navU
{
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@-webkit-keyframes navU {
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}


.i-pcNav{ left: 0; top: 30px;position: fixed;width: 100%;;transition: .6s all ease}
.i-pcNav .g_w{max-width: 1200px;}
.i-pcNav .i-pcNav-top{position: relative; }
.i-pcNav-top .img{text-align: center;}
.i-pcNav-top .lang{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #fff;text-transform: uppercase}
.lang a{color: #fff;font-size: 18px;display: inline-block;vertical-align: middle; line-height: 1}
.lang a:hover{color: #22954a; }
.lang a.active{color: #22954a; }
.lang span{margin: 0 10px;display: inline-block;vertical-align: middle;line-height: 1}
.i-pcNav-bottom .h-nav1{justify-content: center}
.i-pcNav-bottom .g_w{max-width: 1200px;position: relative}
 .i-pcNav-bottom .g_w .g_search{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.i-pcNav .h-nav1 > li > a{color: #fff}
.i-pcNav-bottom .h-nav1 > li{margin-left: 30px;}
 .i-pcNav-bottom .h-nav1 > li:nth-child(1){margin-left: 0}

.i-pcNav-box{transform: translateY(-100%);transition: .6s all ease}
.pcNav.active .i-pcNav{top: 0; transform: translateY(-100%);transition: .6s all ease }
.pcNav.active .i-pcNav-box{transform: translateY(0);transition: .6s all ease }

.g_search{height: 100%;position: relative;display: flex;align-items: center;}
 .g_search form{display: flex;align-items: center;}
.g_search i{font-size: 24px;color: #fff;margin-right: 10px;}
 .g_search input{ width: 140px;height: 30px;line-height: 30px; padding: 0 16px;
  border: 2px solid #dfdfdf ;background: none; color: #dfdfdf;text-align: center;
  animation: g_search .5s ease forwards;
  -webkit-animation: g_search .5s ease forwards;}
 .g_search:hover input{display: block}
 .g_search input::-webkit-input-placeholder {color: #dfdfdf;}
 .g_search input::-moz-placeholder {color: #dfdfdf;}
 .g_search input:-ms-input-placeholder {color: #dfdfdf;}
.pcNav-box .g_search input{color: #0b0b0b;border-color: #0b0b0b;}
.pcNav-box .g_search input::-webkit-input-placeholder {color: #0b0b0b;}
.pcNav-box .g_search input::-moz-placeholder {color: #0b0b0b;}
.pcNav-box .g_search input:-ms-input-placeholder {color: #0b0b0b;}
 .webNav .g_search input{left: 40px;border: 1px solid #fff;color: #fff;width: calc(100% - 40px)}
 .mynav-ul li:nth-last-child(1){border: 0}
 @keyframes g_search
 {
  0% {
   opacity: 0;

  }
  100% {
   opacity: 1;

  }
 }
 @-webkit-keyframes navU {
  0% {
   opacity: 0;

  }
  100% {
   opacity: 1;

  }
 }

 .webNav_m{display: none;position: fixed;left: 0;top: 0;width: 100%;z-index: 999999;background: #fff; }
 .webNav_m .webNav_m_top{text-align: center;padding: 6px 0;}
 .webNav_m .webNav_m_top img{height: 40px;}
 .webNav_m_nav{width: 100vw;overflow-x: scroll!important;background: #131413;}
 .webNav_m ul {display: flex; position: relative;width: auto}
 .webNav_m ul li{min-width: 25vw;display: inline-block}
 .webNav_m .webNav_m_nav a{display: inline-block;width: 100%; height: 40px;line-height: 40px;font-size: 14px;text-align: center;color: #fff;background: #131413;border-right: 1px solid rgba(148,215,171,.5)}
 .webNav_m ul li.active a{background: #62b738}
 .webNav_m .webNav_m_before{display: block; position: absolute;right: 2px;bottom:1px;transform: translateY(-50%);opacity: 1;
  width: 20px;height: 20px;background: url("../images/icon_you.png") no-repeat;background-size: 100% 100%;z-index: 99}
 .webNav_m_nav::-webkit-scrollbar {
  width: 0;
 }
 .webNav_m_nav::-webkit-scrollbar {
  display: none;
 }

 .i-banner-swiper{}
.i-banner {background-size: cover;background-position: center;  padding-top: 48%; height: 100vh}
.i-banner-swiper .swiper-pagination{left: 10%;width: auto!important;}
.i-banner-swiper .swiper-pagination-bullet {width: 6px;height: 15px;margin: 0 10px!important;
    transition: .3s all ease;background: #ffffff; border-radius: 30px; opacity: 1  }
.i-banner-swiper .swiper-pagination-bullet-active {width: 6px;height: 23px;background: #ff9900;  }
/*.i-banner-swiper .swiper-pagination-bullet:hover {width: 6px!important;height: 15px!important;background: #ff9900!important;  }*/
 .video-box{width: 100vw; max-height: 100vh; position: relative;overflow: hidden}
 .video-box .i-banner-text{display: none; width: 32%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9}
 .video-box .i-banner-text.active{display: block}
 .video-box:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 6;background: rgba(0,0,0,.42)}
 /*.video-box video{width: 100%;position: absolute;left: 0;top: 0;z-index: 2}*/
 .video-box video{width: 100%}




 .i-title{color: #1d1d1d}
 .i-title b{ display: block; font-size: 30px;}
 .i-title span{ display: block; font-size: 30px;text-transform: capitalize;margin-top: 4px;}
 .i-title2{}
 .i-title2 .top{position: relative;text-align: center}
 .i-title2 .top:before{content: '';position: absolute;left:0%;top: 50%;transform: translateY(-50%);width:100%; height: 1px; background: #22954a;z-index: 2;opacity: 1}
 .i-title2 .top b{display: inline-block;position: relative; width: 230px; height: 52px; line-height: 46px; font-size: 24px;color: #151515;
     background: #fff; border: 3px solid #22954a;z-index: 9}
 .i-title2 .top b:before{content: '';position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 78px; height: 4px; background: #22954a}
 .i-title2 .top b:after{content: '';position: absolute;right: 100%;top: 50%;transform: translateY(-50%);width: 78px; height: 4px; background: #22954a}
 .i-title2  strong{display: block;position: relative; margin-top: 10px; color: #22954a;text-align: center;font-size: 24px;text-transform: uppercase}


 .i-about{padding: 150px 0 100px 0;background: url("../images/i-aboutBg.jpg") no-repeat;background-position: center;background-size: cover}
 .i-about-con{display: flex}
 .i-about-con .con-l{width: 50%;padding-right: 76px;}
 .i-about-con .con-l .text{ margin-top: 40px; color: #6e6e6e;line-height: 1.7em;text-align: justify}
 .i-about-con .con-r{width: 50%;position: relative}
 .i-about-con .con-r img{position: absolute;left: 0;top: 0;}
 .i-about .num{margin-top: 30px;}
 .num{display: flex;}
 .num .item{width:180px;color: #171717;margin-right: 40px; }
 .num .item b{display: block;font-size: 55px; font-family: AVGARDD_0}
 .num .item b em{font-size: 24px; font-style: normal}
 .num .item span{display: block; font-family: AVGARDD_0}
 .num .item:hover{color: #22954a;transition: .4s all ease}

 .i-news{padding: 70px 0 86px 0;background: #22954a}
 .i-news .i-title2 .top:before{background: #fff;}
 .i-news .i-title2 .top b{background: #22954a;border-color: #fff;color: #fff}
 .i-news .i-title2 .top b:before{background: #fff}
 .i-news .i-title2 .top b:after{background: #fff}
 .i-news .i-title2 strong{color: #fff}
 .news-list{display: flex;justify-content: space-between;margin-top: 40px;}
 .news-list .item{width: 24%;transition: .4s all ease}
 .news-list .item .img{overflow: hidden}
 .news-list .item .g_bg{padding-top: 74.7%;transition: .8s all ease}
 .news-list .item .text{padding:30px 16px;background: #fff;transition: .4s all ease}
 .news-list .item .text h4{font-size: 16px; color: #2d2e2e;line-height:24px;height: 48px;overflow: hidden}
 .news-list .item .text .icon{color: #666;font-size: 14px;margin-top: 4px;}
 .news-list .item .text .icon i{margin-right: 10px;}
 .news-list .item .text p{color: #666;font-size: 14px; line-height:24px;margin-top: 10px;height: 46px; overflow: hidden}
 .news-list .item:hover {transform: translateY(-10px);transition: .4s all ease}
 .news-list .item:hover .text{background: #7bcc91;transition: .4s all ease}
 .news-list .item:hover .text p{color: #fff;transition: .4s all ease}
 .news-list .item:hover .text h4{color: #fff;transition: .4s all ease}
 .news-list .item:hover .text .icon{color: #fff;transition: .4s all ease}
 .news-list .item:hover .g_bg {transform: scale(1.08);transition: .8s all ease}

 .i-pro-top{padding: 102px 0 72px 0;background: url("../images/i-proBg.jpg") no-repeat;background-size: cover;background-position: center}
 .i-pro-d{display: none;margin-top: 48px;}
 .i-pro-d.active{display: flex}
 .i-pro-d .con-l{width: calc(100% - 380px);}
 .i-pro-d .con-l .box{padding: 0 32% 40px 40px;position: relative}
 .i-pro-d .con-l .box:before{ content: '';width: 380px; height:calc(100% - 70px); position: absolute;left: 0;bottom: 0;background: #22954a;z-index: 1}
 .i-pro-d .con-l .img{position: relative;z-index: 9}
 .i-pro-d .con-l .img img:nth-child(1){width:100% }
 .i-pro-d .con-l .img img:nth-child(2){width: 70%;position: absolute;right: 0; bottom: 30px; transform: translateX(50%)}
 .i-pro-d .con-r{width: 380px;}
 .i-pro-d .con-r .title b{font-size: 40px; color: #22954a;display: inline-block;vertical-align:bottom;line-height: 1  }
 .i-pro-d .con-r .title img{display: inline-block;vertical-align:bottom }
 .i-pro-tabNav{display: flex;margin-top: 46px;}
 .i-pro-tabNav a{width: 104px; height: 44px;margin-right: 6px; line-height: 42px; border: 1px solid #a0a0a0;text-align: center;border-radius: 30px;font-size: 18px; color: #080808;transition: .4s all ease}
 .i-pro-tabNav a:hover{background: #22954a;color: #fff;border-color:#22954a;transition: .4s all ease}
 .i-pro-tabNav a.active{background: #22954a;color: #fff;border-color:#22954a;transition: .4s all ease}
 .i-pro-tabCon{display: none}
 .i-pro-tabCon.active{display: block}
 .i-pro-tabCon .text{padding-top: 10px;}
 .i-pro-tabCon .text p{color: #22954a;margin-top: 30px; padding-left: 26px; position: relative;transition: .4s all ease}
 .i-pro-tabCon .text p:before{content: '';position: absolute;left: 0;top:8px; width: 12px; height: 12px; border-radius: 50%;border: 1px solid #202020;transition: .4s all ease}
 .i-pro-tabCon .text p strong{display: block;font-size: 20px;}
 .i-pro-tabCon .text p em{display: block;font-size: 16px;line-height: 2em;font-style: normal}
 .i-pro-tabCon .text p:hover{transform: translate(2px , -2px);transition: .4s all ease}
 .i-pro-tabCon .text p:hover:before{border-color: #22954a; background: #22954a; transition: .4s all ease}
 .i-pro-tabCon .text2{padding-top: 40px;line-height: 1.6em;font-size: 16px;transition: .4s all ease}
 .i-pro-tabCon .video{padding-top: 40px;height: 100%}
 .i-pro-tabCon .video video{width: 100%}
 .i-pro-list{padding-top: 60px; background: url("../images/i-proBg2.jpg") no-repeat;background-size: cover;background-position: center}
 .i-pro-list .g_w{display: flex; flex-wrap: wrap;justify-content: center}
 .i-pro-list .item{min-width: 132px; margin: 0 24px; margin-bottom: 60px; color: #fff}
 .i-pro-list .item .img{width: 132px; margin: 0 auto;  border-radius: 50%; position: relative;transition: .4s all ease}
 .i-pro-list .item .img:after{content: '';position: absolute;left: 50%;top: 50%;transform:scale(0) translate(-50%,-50%); transform-origin: 0 0; z-index: 1;
     width: 180px;height: 180px; background: #7bcc91;border-radius: 50%;opacity: 0;transition: .4s all ease}
 .i-pro-list .item .g_bg{width: 132px; height: 132px;   border: 8px solid #26bd8f; position: relative;z-index: 9 ; border-radius: 50%;overflow: hidden;transition: .4s all ease}
 .i-pro-list .item span{display: block;margin-top: 14px;font-size: 22px; text-align: center;color: #fff; }
 /*.i-pro-list .item.active .img{transform:translateY(-16px);transition: .4s all ease}*/
 /*.i-pro-list .item.active .g_bg{border-color: #fff;transition: .4s all ease}*/
 /*.i-pro-list .item.active .img:after{transform:scale(1) translate(-50%,-50%);opacity: 1;transition: .4s all ease}*/
 .i-pro-list .item:hover .img{transform:translateY(-16px);transition: .4s all ease}
 .i-pro-list .item:hover .g_bg{border-color: #fff;transition: .4s all ease}
 .i-pro-list .item:hover .img:after{transform:scale(1) translate(-50%,-50%);opacity: 1;transition: .4s all ease}

 .i-science{padding: 108px 0;background: url("../images/i-kjBg.jpg") no-repeat;background-position: center;background-size: cover}
 .i-science .list{margin-top: 70px; display: flex;flex-wrap: wrap}
 .i-science .item{ display: flex; width: 50%}
 .i-science .item:nth-child(3){ flex-direction:row-reverse}
 .i-science .item:nth-child(3) .con-l{ background: #7bcc91}
 .i-science .item:nth-child(4){ flex-direction:row-reverse}
 .i-science .item:nth-child(4) .con-l{ background: #7bcc91}
 .i-science .item .con-l{width: 50%;display: flex;justify-content: center; background: #22954a;transition: .8s all ease}
 .i-science .item .text{padding: 36px;text-align: justify;color: #fff}
 .i-science .item .text b{display: block;text-align: center;font-size: 24px;}
 .i-science .item .text p{margin-top: 30px; font-size: 14px; line-height: 24px;}
 .i-science .item .con-r{width: 50%}
 .i-science .item .con-r .img{height: 100%;overflow: hidden}
 .i-science .item .con-r .g_bg{ padding-top:66.5%;  height: 100%;transition: .8s all ease}
 .i-science .item:hover .g_bg{transform:scale(1.08);transition: .8s all ease}
 .i-science .item:hover .con-l{background: #ff9900;transition: .8s all ease}


 footer{background: #e9e9e9;padding: 42px 0 0 0}
 .f-title{font-size: 24px!important; font-weight: bold; display: block!important; color: #020202!important; font-family: 宋体!important;}
 footer .f-top{display: flex;justify-content: space-between}
 footer .f-top-l{width:270px; }
 footer .f-top-l .text{line-height: 30px;margin-top: 14px;font-size: 14px;}
 footer .f-top-l .text span{font-size: 16px;}
 footer .f-top-c{width: 330px}
 footer .f-top-c ul  {display: flex;justify-content: space-between}
 footer .f-top-c ul li {}
 footer .f-top-c ul li>a{font-size: 14px;text-transform: uppercase}
 footer .f-top-c ul li a{display: block;color: #666666;transition: .4s all ease}
 footer .f-top-c ul li >div{margin-top: 20px;}
 footer .f-top-c ul li >div a{opacity:.5;margin-top: 6px;text-transform: capitalize;font-size: 14px; }
 footer .f-top-c ul li a:hover{opacity: 1;transform: translate(3px,-3px);transition: .4s all ease}
 footer .f-top-r{ width: 348px; }
 footer .f-top-r .text{ margin-top: 24px; display: flex;justify-content: space-between}
 footer .f-top-r .code span{display: block;text-align: center;font-size: 12px;color: #666666;margin-top: 8px;}


.f-top-form{width: 294px;}
.f-top-form .form{margin-top: 24px;}
.f-top-form input{ margin-bottom: 14px; display: block; width: 100%; height: 38px; line-height: 38px; padding: 0 20px; background: #cecfcf;border: 0}
.f-top-form textarea{margin-bottom: 14px;display: block;width: 100%; height: 72px;padding:  20px; background: #cecfcf;border: 0}
.f-top-form .submit{background: #22954a;color: #fff;margin-bottom: 0;}

.f-bottom{margin-top: 40px; padding: 24px 0;  background: #216639}
.f-bottom .g_w{display: flex;justify-content: space-between}
.f-bottom a{color: #fff}
 .f-bottom .con-l a{margin-right: 60px;font-size: 16px;}
 .f-bottom .con-r em{margin: 0 10px;color: #fff;display: inline-block;vertical-align: middle}
 .f-bottom .con-r span{color: #fff;display: inline-block;vertical-align: middle}
 .f-bottom .con-r a{color: #fff;display: inline-block;vertical-align: middle}

 .n-banner{padding-top: 13.75%;background-position: center;background-size: cover}
 .n-nav {background: #e1e9e4}
 .n-nav .g_w{ display: flex;justify-content: center}
 .n-nav .g_w a{width: 126px; height: 56px; margin: 0 22px; line-height: 56px; text-align: center;font-size: 16px;color: #090909;transition: .4s all ease}
 .n-nav .g_w a:nth-last-child(1){border: 0}
 .n-nav .g_w a.active{background: #22954a;color: #fff}
 .n-nav .g_w a:hover{background: #22954a;color: #fff;transition: .4s all ease}
 .n-body{padding-top: 98px;}

 .n-title{}
 .n-title b{font-size: 30px; line-height: 1; color: #1d1d1d;position: relative;padding-bottom:24px; display: inline-block }
 .n-title b:after{ content: ''; position: absolute;left: 0;bottom: 0;width: 118px; height: 4px;background: #7bcc91}
 .n-title span{margin-top: 10px; font-size: 55px; font-weight: bold; font-family: Arial; line-height: 1; color: #1d1d1d;opacity: .47;text-transform: uppercase;display: block;}

 .n-about1{}
 .n-about1 .con1{ margin-top: 100px; font-size: 16px; color: #171717; line-height: 30px;text-align: justify}
 .n-about1 .con1 .top{display: flex;align-items: center}
 .n-about1 .con1 .top .con-l{width: 730px;padding-right: 10px;position: relative;z-index: 9}
 .n-about1 .con1 .top .con-l .text1{ margin-top: 40px; padding-right: 108px;}
 .n-about1 .con1 .top .con-r{width: calc(100% - 720px);position: relative}
 .n-about1 .con1 .top .con-r img{max-width: calc(100% + 110px);transform: translateX(-100px);z-index: 2}
 .n-about1 .con1 .bottom{padding-top: 30px;}
 .n-about1 .con1 .bottom p{margin-top: 20px;}

 .n-about1 .con2{ margin-top: 60px; padding: 44px 0 30px 0; background: #22874f;color: #fff }
 .n-about1 .con2 .g_w{display: flex;}
 .n-about1 .con2 .con-l{width: calc(100% - 327px);color: #fff}
 .n-about1 .num .item{ color: #fff}
 .n-about1 .con2 .con-r{width: 327px;}

 .n-about1 .con3{ padding: 120px 0 70px 0; background: url("../images/n-abnout1-12.jpg") no-repeat;background-position: center;background-size: cover}
 .n-about1 .con3 .list{margin-top: 40px;}
 .n-about1 .con3 .item{display: flex;align-items: center}
 .n-about1 .con3 .list .item:nth-child(2){flex-direction: row-reverse}
 .n-about1 .con3 .item .con-l{width: 50%;}
 .n-about1 .con3 .item .con-r{width: 50%;}
 .n-about1 .con3 .item .text {transition: .4s all ease;padding: 70px;}
 .n-about1 .con3 .item .text b{font-size: 30px;}
 .n-about1 .con3 .item .text p{font-size: 24px;line-height: 36px;margin-top: 6px;}
 .n-about1 .con3 .item .img{overflow: hidden}
 .n-about1 .con3 .item .g_bg{padding-top: 45.2%;transition: .4s all ease}
 .n-about1 .con3 .item:hover .text{color: #22874f;transition: .6s all ease}
 .n-about1 .con3 .item:hover .g_bg{transform: scale(1.08);transition: .6s all ease}

 .n-about1 .con4{padding: 90px 0 80px 0;background: #eeeeee}
 .n-about1 .con4 .list{}
 .n-about1 .con4 .list .row1{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: center}
 .n-about1 .con4 .list .title{width: 60%;padding-top: 80px;padding-right: 100px}
 .n-about1 .con4 .list .item{ width: 25%}
 .n-about1 .con4 .list .item:nth-child(5) {
    order: 2;
 }
 .n-about1 .con4 .list .item:nth-child(6) {
    order: 1;
 }
 .n-about1 .con4 .list .item:nth-child(7) {
    order: 4;
 }
 .n-about1 .con4 .list .item:nth-child(8) {
    order: 3;
 }

 .n-about1 .con4 .list .item .img{height: 100%}
 .n-about1 .con4 .list .item .g_bg{padding-top: 100%;height: 100%}
 .n-about1 .con4 .list .item .text{padding:88px 34px 0 34px;height: 100%; background: #fff;}
 .n-about1 .con4 .list .item .text span{font-size: 24px;display: block;color: #22954a}
 .n-about1 .con4 .list .item .text p{font-size: 16px;color: #1e1e1e;line-height: 24px;margin-top: 16px;}

 .n-about1 .con5{padding:50px 0 150px 0; }

 .n-about1 .con5 .title{font-size: 30px;display: block}
 .n-about1 .con5 .list{display: flex; justify-content: space-between; margin-top: 40px}
 .n-about1 .con5 .item{width: 24%;height:288px;background-size: cover;background-position: center;color: #fff; text-align: center;transition: .4s all ease;}
 .n-about1 .con5 .item .text{padding: 44px; }
 .n-about1 .con5 .item .text b{font-size: 30px; }
 .n-about1 .con5 .item .text p{font-size: 24px; margin-top: 16px; line-height: 36px;}
 .n-about1 .con5 .item:hover{transform: translateY(-10px);box-shadow:  2px 2px 4px #333;transition: .4s all ease; }

 .n-about2{}
 .n-about2 .n-title span{font-family: Arial;color: #1d1d1d;opacity: 1}
 .n-about2 .con1{margin-top: 90px;}
 .n-about2 .con1 .list{display: flex;flex-wrap: wrap}
 .n-about2 .con1 .item{width: 24%;margin-right: 1.33%;margin-top: 80px;}
 .n-about2 .con1 .item:nth-child(4n){margin-right: 0}
 .n-about2 .con1 .item .img{padding-top: 69%;position: relative;overflow: hidden}
 .n-about2 .con1 .item .img img{position: absolute; left: 50%;top:50%;transform: translate(-50%,-50%);max-height: 100%}
 .n-about2 .con1 .item span{display: block;font-size: 20px;color: #0f0f0f;line-height: 40px;margin-top: 8px;}

 .n-pro .con1{ padding-bottom: 100px; background: url("../images/n-pro-10.png") no-repeat;background-position: 60% 0 }
 .n-pro .i-pro-list{background: url("../images/n-pro-8.jpg") no-repeat;background-size: cover;background-position: center}
 .n-pro .i-pro-d{margin-top: 90px;}
 .n-pro .gallery-thumbs .img{transition: .4s all ease}
 .n-pro .gallery-thumbs .g_bg{padding-top: 100%;}
 .n-pro .i-pro-d .con-l{width: calc(100% - 664px);}
 .n-pro .i-pro-d .con-l .box{padding: 0 0 40px 40px;}
 .n-pro .i-pro-d .con-l .text{font-size:30px;font-weight: bold;text-align: center;color: #22954a;margin-top: 80px; }
 .n-pro .i-pro-d .con-r{width: 664px;padding-left: 10px;}
 .n-pro .i-pro-d .con-r .top{padding-left: 90px;}
 .n-pro .gallery-thumbs {margin-top: 50px;}
 .n-pro .swiper-slide-thumb-active .img{border: 8px solid #22954a;transition: .4s all ease}
 .n-pro .i-pro-tabCon{height: 300px;overflow-y: scroll;}
 .n-pro .i-pro-tabCon video{max-height: 100%;max-width: 100%; overflow-y: scroll;}
 .pro-d-bottom{display: flex;margin-top: 86px;}
 .pro-d-bottom .con-l{width: 50%;padding-right: 10px;}
 .pro-d-bottom .con-r{width: 50%}
 .pro-d-bottom .title{font-size:30px;color: #22954a;display: block }
 .pro-d-bottom img{margin-top: 26px;}
 .pro-nav{position: fixed;right: 0;top: 150px;z-index: 9999; transform: translateX(100%); }
 .pro-nav .pro-nav-btn{position: absolute;right: 100%;bottom: 100%;}
 .pro-nav .pro-nav-btn span{display: none;   width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff;
  background: #22954a;border: 1px solid #22954a;font-size: 16px; cursor: pointer}
 .pro-nav .pro-nav-btn span.btn_close{display: none}
 .pro-nav .pro-nav-btn span.btn_open{display: inline-block}
 .pro-nav ul {width: 170px;max-height: 70vh;overflow-y: auto; }
 .pro-nav ul li{margin-top: 6px;}
 .pro-nav ul li a{height: 46px; line-height: 46px; font-size: 18px; text-align: center;display: block;color: #22954a;background: #dfebdf;transition: .4s all ease}
 .pro-nav ul li a:hover{background: #22954a;color: #fff;transition: .4s all ease}
 .pro-nav ul li a.active{background: #22954a;color: #fff}
 .pro-nav.active{}
 .pro-nav.active .pro-nav-btn span.btn_close{display: inline-block}
 .pro-nav.active .pro-nav-btn span.btn_open{display: none}
 .pro-nav.active {transform: translateX(0);}
 .pro-nav.active .pro-nav-btn{right: 0;}






 .n-lm{}
 .n-lm .con1{padding: 90px 0;background: #f8f8f8}
 .n-lm .con1 .top{display: flex;margin-top: 40px;}
 .n-lm .con1 .top .con-r{width: 429px;}
 .n-lm .con1 .top .con-l{width:calc(100% - 429px) ;}
 .n-lm .con1 .top .con-l .text{padding-right: 44px;padding-top: 40px; font-size: 16px; line-height: 36px; color: #0f0f0f; }
 .n-lm .con1 .top .con-l .img{width: 100%;height: 266px;background: url("../images/n-lm1-1.jpg") no-repeat;background-size: cover;background-position: center}
 .n-lm .con1 .bottom{margin-top: 50px; font-size: 16px; line-height: 36px; color: #0f0f0f;}

 .n-lm .con2{padding: 170px 0 0 0 }
 .n-lm .con2 .g_w{display: flex;justify-content: space-between;align-items: center}
 .n-lm .con2 .g_w .con-l{width: 452px;padding-right: 20px;}
 .n-lm-title span{display: block;font-size: 30px;color: #0f0f0f}
 .n-lm-title i{font-size:60px;font-family: Monotype Corsiva }
 .n-lm .con2 .g_w .con-l .text p{ margin-top: 20px; font-size:18px; line-height: 36px; }
 .n-lm .con2 .g_w .con-l .text {margin-top: 40px; }
 .n-lm .con2 .g_w .con-r{width: 970px;max-width: calc(100% - 452px);}
 .n-lm .con2 .g_w .con-r .list{display: flex;flex-wrap: wrap}
 .n-lm .con2 .g_w .con-r .item{width: 33.33%; padding: 30px  ; text-align: center;color: #0f0f0f;background: #7bcc91;transition: .4s all ease}
 .n-lm .con2 .g_w .con-r .item b{font-size: 36px;color: #fff}
 .n-lm .con2 .g_w .con-r .item p{font-size: 18px;line-height: 36px;margin-top: 14px;}
 .n-lm .con2 .g_w .con-r .item:nth-child(odd){background: #22954a}
 .n-lm .con2 .g_w .con-r .item:nth-child(odd) p{color: #fff}
 .n-lm .con2 .g_w .con-r .item:hover{box-shadow: 0 0 4px #fff inset;transition: .4s all ease}

 .n-lm .con3{margin-top: 60px;}
 .n-lm .con3 .list{display: flex;justify-content: space-between;margin-top: 40px;}
 .n-lm .con3 .item{width: 18%; transition: .4s all ease}
 .n-lm .con3 .item .img{padding: 10px; border: 1px solid #959595;border-radius: 50%;overflow: hidden; transition: .4s all ease}
 .n-lm .con3 .item .g_bg{padding-top: 100%;border-radius: 50%;}
 .n-lm .con3 .item .text{margin-top: 40px;color: #0f0f0f;line-height: 36px;font-size: 18px;padding: 0 10px;transition: .4s all ease}
 .n-lm .con3 .item span{display: block;text-align: center}
 .n-lm .con3 .item p{display: block; margin-top: 10px; text-align: justify;}
 .n-lm .con3 .item:hover .img{border-color: #22954a; background: #22954a; transition: .4s all ease}
 .n-lm .con3 .item:hover .text{color: #22954a; transition: .4s all ease}
 .n-lm .con3 .item:hover{transform: translateY(-8px); transition: .4s all ease}

 .n-lm .con4{margin-top: 40px;}
 .n-lm .con4 .title{font-size: 36px; color: #1d1d1d;margin-top: 20px;display: block}
 .n-lm .con4 .top{ height: 82px; line-height: 82px; padding-left: 76px; font-size: 36px; font-weight: bold; color: #22954a;margin-top: 20px;background: #b9e7c9;margin-bottom: 80px;}
 .n-lm-list{margin-top: 24px;}
 .n-lm-list li{display: flex;background: #eeeeee}
 .n-lm-list li:nth-child(2n){background: #fff;}
 .n-lm-list li:nth-child(4n - 1){background: #b9e7c9;}
 .n-lm-list li span{width: 33.33%;padding: 12px 0;padding-left: 80px;font-size: 20px;color: #0f0f0f;}

 .n-lm .con5{margin-top: 80px;padding-bottom: 50px;}


 .n-ky{}
 .n-ky .con1{padding:106px 0 70px 0;background: url("../images/n-ky-1.jpg") no-repeat;background-size: cover;background-position: center}
 .n-ky .con1 .item1{display: flex;align-items: flex-end}
 .n-ky .con1 .item1 .con-l{width:500px; }
 .n-ky .con1 .item1 .con-l .text{font-size: 18px;line-height: 36px;color: #171717;margin-top: 30px;text-align: justify}
 .n-ky .con1 .item1 .con-r{width:calc(100% - 500px);padding-left: 60px; }
 .n-ky .con1 .item2{display: flex;align-items: self-start}
 .n-ky .con1 .item2 .con-l{width:730px;padding-top: 74px; }
 .n-ky .con1 .item2 .con-l .list{display: flex;justify-content: space-between}
 .n-ky .con1 .item2 .con-l .item  {transition: .4s all ease}
 .n-ky .con1 .item2 .con-l .item .g_bg {width: 170px;height: 170px;border-radius: 50%;}
 .n-ky .con1 .item2 .con-l .item span {text-align: center;display: block;font-size: 16px; line-height: 36px; color: #171717;margin-top: 20px;}
 .n-ky .con1 .item2 .con-r{padding-left: 70px;}
 .n-ky .con1 .item2 .con-r img{max-width:calc(100%  + 160px);}
 .n-ky .con1 .item2 .con-l .item:hover{transform: translateY(-6px);transition: .4s all ease}
 .n-ky .con1 .item2 .con-l .item:hover span{color: #22954a;transition: .4s all ease}

 .n-ky .con2{background: url("../images/n-ky-16.jpg") no-repeat;background-position: center;background-size: cover}
 .n-ky .con2 .g_w{text-align: right}
 .n-ky .con2 .text{display: inline-block;width: 814px; max-width: 100%; position: relative;padding: 150px 0 170px 80px;text-align: left}
 .n-ky .con2 .text .n-title{position: relative;z-index: 9}
 .n-ky .con2 .text p{font-size: 18px; line-height: 36px; margin-top: 20px; position: relative;z-index: 9}
 .n-ky .con2 .text:after{content: ' '; position: absolute;left: 0;top: 0;width: 100vw;height: 100%;background: rgba(102,102,102,.2)}
 .n-ky .con2 .img{text-align: right}

 .n-ky .con3{padding: 134px 0 180px 0; background: url("../images/n-ky-8.jpg") no-repeat;background-size: cover;background-position: center;}
 .n-ky .con3 .n-title{text-align: center}
 .n-ky .con3 .n-title b{color: #fff}
 .n-ky .con3 .n-title b:after{background: #fff}
 .n-ky .con3 .list{ margin-top: 106px; display: flex;justify-content: space-between}
 .n-ky .con3 .item{ width: 28%; text-align: center;color: #fff}
 .n-ky .con3 .item .top{ margin: 0 auto; width:216px; height: 216px; display: flex;align-items: center;justify-content: center;position: relative;border: 1px solid  rgba(255,255,255,.38);border-radius: 50%; }
 .n-ky .con3 .item .top b{ width: 140px; font-size: 24px;position: relative;z-index: 9;transition: .4s all ease}
 .n-ky .con3 .item .top:after{content: ''; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 190px;height: 190px;
  background: rgba(255,255,255,.38);border-radius: 50%;z-index: 1;transition: .4s all ease}
 .n-ky .con3 .item span{font-size: 18px; line-height: 30px;margin-top: 20px;display: block}
 .n-ky .con3 .item:hover .top:after{ width: 100%;height: 100%; background: rgba(255,255,255,1);transition: .4s all ease}
 .n-ky .con3 .item:hover .top b{color: #22954a;transition: .4s all ease}
 .n-ky .con3 .item:hover .top {border-color: #fff;transition: .4s all ease}

 .n-ky .con4{padding: 150px 0 180px 0}
 .n-ky .con4 .text{font-size: 24px; line-height: 36px;color: #171717;margin-top:30px; }
 .n-ky .con4 .list{display: flex;flex-wrap:wrap;padding-top: 40px;}
 .n-ky .con4 .list .item{width: 14%;margin-right: 3.2%;margin-top: 60px;transition: .4s all ease}
 .n-ky .con4 .list .item:nth-child(6n){margin-right: 0}
 .n-ky .con4 .list .item .img {position: relative;padding-top: 138%;}
 .n-ky .con4 .list .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 100%}
 .n-ky .con4 .list .item:hover{box-shadow: 0 0 8px #22954a; transform: translateY(-6px); transition: .4s all ease}


 .n-ky .con5{padding: 150px 0 180px 0;background: #eeeeee}
 .n-ky .con5 .text{font-size: 24px; line-height: 36px;color: #171717;margin-top:30px; }
 .n-ky .con5 .swper-con1{margin-top:50px; }

 .n-ky .con6{padding: 160px 0 60px 0;background: url("../images/n-ky-14.jpg") no-repeat;background-size: cover;background-position: center}
 .n-ky .con6 .g_w{display: flex;align-items: center}
 .n-ky .con6 .con-l{width: calc(100% - 830px);padding-right: 130px;}
 .n-ky .con6 .con-r{width: 830px;}
 .n-ky .con6 .text{font-size: 24px; line-height: 36px;color: #fff;margin-top:30px; }
 .n-ky .con6 .n-title b{color: #fff}
 .n-ky .con6 .n-title b:after{background: #fff}
 .n-ky .con6 .swiper-slide{
  width: 400px; border: 27px double orange;
  border-image-source:url(../images/n-ky-1.png);
  border-image-slice: 24 24 24 24;
  border-image-width: 24px;
  border-image-repeat: round;
  background: #fff;
  border-radius: 20px;
 }
 .n-ky .con6 .img{padding-top: 141%;}
 .n-ky .con6 .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 100%}
 .n-ky .con6 #certify{padding: 0 90px;position: relative}
 .n-ky .con6 #certify .swiper-button-prev{ width: 54px; height: 54px; position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin: 0;background: url("../images/n-ky-32.png") no-repeat;background-size: 100% 100%}
 .n-ky .con6 #certify .swiper-button-next{ width: 54px; height: 54px; position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin: 0;background: url("../images/n-ky-3.png") no-repeat;background-size: 100% 100%}


 .n-ky .con7{padding: 150px 0 140px 0;background: url("../images/n-ky-17.jpg");background-size: cover;background-position: center;}
 .n-ky .con7 .text{font-size: 24px; line-height: 36px;color: #171717;margin-top:50px;max-width: 930px; }
 .n-ky .con7 .swper-con1{margin-top: 110px;}

 .n-fw{}
 .n-fw .con1{padding-top: 100px;}
 .n-fw .con1 .p{max-width:994px; margin-top: 60px;font-size: 18px;line-height: 36px;}
 .n-fw .con1 .list{display: flex;justify-content: space-between;margin-top: 64px;}
 .n-fw .con1 .list .item{width: 32%;background: #64b37a;transition: .4s all ease;}
 .n-fw .con1 .list .img{overflow: hidden;}
 .n-fw .con1 .list .g_bg{padding-top: 76.2%;transition: .4s all ease}
 .n-fw .con1 .list .text{color: #fff;text-align: center;padding: 36px 60px}
 .n-fw .con1 .list .text span{display: block;font-size: 30px;}
 .n-fw .con1 .list .text p{margin-top: 30px;line-height: 36px;font-size: 18px;}
 .n-fw .con1 .list .item:hover{transform: translateY(-8px); background: #FFA500; box-shadow: 0 0 4px #FFA500; transition: .4s all ease;}
 .n-fw .con1 .list .item:hover .g_bg{transform: scale(1.2);transition: .8s all ease}

 .n-fw #certify{overflow: hidden;margin:110px 0 150px 0;padding: 0 80px; position: relative }
 .n-fw #certify .swiper-button-prev{ width: 54px; height: 54px; position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin: 0;background: url("../images/n-fw-92.png") no-repeat;background-size: 100% 100%}
 .n-fw #certify .swiper-button-next{ width: 54px; height: 54px; position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin: 0;background: url("../images/n-fw-91.png") no-repeat;background-size: 100% 100%}
 .n-fw #certify .swiper-wrapper{padding: 6px 0}
 .n-fw #certify .swiper-slide{box-shadow: 0 0 4px #dfdfdf }

 .n-contact{ overflow: hidden; background: url("../images/n-contact3.png") no-repeat;background-position: bottom left;}
 .n-contact .con1{margin-top: 100px;}
 .n-contact .con1 .g_w{display: flex}
 .n-contact .con1 .con-l{width: 50%;}
 .n-contact .con1 .con-l .title{font-size: 30px;}
 .n-contact .con1 .con-l .title p{font-style: normal;color: #0b0b0b;opacity: .65;text-transform: uppercase;font-family: Arial;font-size: 18px;}
 .n-contact .con1 .con-l .text{color: #101010;font-size: 18px; line-height: 36px;margin-top: 24px;font-weight: 500}
 .n-contact .con1 .con-r{width: 50%}
 .n-contact .con1 .con-r>span{font-size: 24px;}
 .n-contact .con1 .con-r .code{display: flex; margin-top: 30px;}
 .n-contact .con1 .con-r .code > div{margin-right: 40px;}
 .n-contact .con1 .con-r .code i{display: block;font-size: 12px;text-align: center;margin-top: 14px;font-style: normal}
 .n-contact .con2{text-align: center;margin-top: 70px;}
 .n-contact .con3{margin-bottom: 100px;}
 .n-contact .con3 .g_w{display: flex;align-items: center}
 .n-contact .con3 .con-l{width: 50%;padding: 72px 46px;position: relative}
 .n-contact .con3 .con-r{width: 50%}
 .n-contact .con3 .con-l:before{ display: none}
 .n-contact .con3 .con-l .n-title{position: relative;z-index: 9}
 .n-contact .con3 .con-l .form{position: relative;z-index: 9}
 .n-contact .con3 .con-l .form > input{display: block;padding: 0 20px; margin-top: 26px;  width:398px; max-width: 100%; height: 44px; line-height: 44px; border: 1px solid #e5e5e5;background: #fff;}
 .n-contact .con3 .con-l .form > textarea{display: block;padding: 20px; margin-top: 26px;  width:100%; height: 210px; border: 1px solid #e5e5e5;background: #fff;}
 .n-contact .con3 .con-l .form-btn{margin-top: 22px;}
 .n-contact .con3 .con-l .form-btn input{ margin: 0 4px; display: inline-block;width: 194px; height: 44px; background: #dcdcdc; border: 1px solid #e5e5e5;
  text-align: center;line-height: 44px; text-transform: uppercase; color: #111111;transition: .4s all ease}
 .n-contact .con3 .con-l .form-btn input:hover{background: #22954a;color: #fff;transition: .4s all ease}
 .n-contact .con3 .con-l .form > input:hover{box-shadow: 0 0 4px #22954a; border-color: #22954a; transition: .4s all ease}
 .n-contact .con3 .con-l .form > textarea:hover{box-shadow: 0 0 4px #22954a; border-color: #22954a; transition: .4s all ease}


 .n-news{}
 .n-news .con1{margin-top: 70px;padding-bottom: 40px;}
 .n-news .con1 .g_w{display: flex}
 .n-news .con1 .con-l{width: calc(100% - 314px);padding-right: 70px;}
 .n-news .con1 .con-r{width: 314px;}
 .new-item{ margin-top: 36px; min-height: 230px; position: relative; transition: .5s all ease;}
 .new-list>.new-item:nth-child(1){margin-top: 0}
 .new-itemImg{position: absolute;width: 328px;left: 0;top: 20px;overflow: hidden;transition: .5s all ease;}
 .new-itemBg{padding-top: 63.4%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: .5s all linear;}
 .new-itemInfo{padding-left: 360px;padding-top: 36px;}
 .new-itemInfo h4{font-size: 16px; font-weight: 600;overflow: hidden;color: #272728;transition: .5s all ease;}
 .new-iBox{margin-top:8px;color: #9b9b99}
 .new-iBox i{margin-right: 6px;}
 .new-iBox span{margin-right: 12px;}
 .new-itemInfo p{margin-top: 20px;height: 40px;overflow: hidden;color: #272728}
 .new-itemInfo>span{display: block;color: #22954a;font-size: 14px;margin-top: 18px;transition: .5s all ease;}
 .new-item:hover{ }
 .new-item:hover .new-itemImg{ overflow: hidden;transition: .5s all ease;}
 .new-item:hover .new-itemBg{  overflow: hidden; transform: scale(1.1);transition: .5s all linear;}
 .new-item:hover .new-itemInfo h4{color: #22954a;transition: .5s all ease;}
 .new-item:hover .new-itemInfo>span{transform: translateX(6px); transition: .5s all ease;}

 .search{padding: 8px;border: 1px solid #dfdfdf;}
 .searchBox{ padding: 30px 20px; background: #fff;}
 .searchBox >div{margin-top: 10px}
 .year ,.month,.searchText{width: 100%;height: 44px;border: 1px solid #ccc}
 .searchBox >div >select,.searchText input{width: 100%;height: 100%; padding-left: 20px; border: 0}
 .searchBtn{ width: 100%; height: 44px;}
 .searchBtn input{width: 100%;height: 100%; border: 0; font-size: 18px;letter-spacing:10px;text-align: center; color:#fff; background: #22954a}
 .searchBtn input:hover{ color:#22954a; border:1px solid #22954a;background: rgba(0,0,0,0)}
 .news-d-l-btn a{display: inline-block;padding: 12px 10px;color: #fff;background: #22954a;margin-right: 20px;}
 .news-d-l-btn .toTop{background: #f4ce3d}
 .news-d-l-btn a:nth-child(2) i{transform: rotateZ(90deg);display: inline-block}
 .news-d-l-btn{margin-top: 60px;}

 .news-Bg{background: url("../images/news-Bg.jpg") no-repeat;background-size: cover;background-position: bottom}
 .n-news .con-r .new-item{min-height: 100px;margin-top: 4px; border: 0; border-bottom: 1px solid #dfdfdf}
 .n-news .con-r .new-itemInfo{padding-left: 106px; padding-top: 20px; left: 0px;top: 0px;}
 .n-news .con-r .new-itemImg{width: 80px;left: 0}
 .n-news .con-r .new-itemInfo h4{font-size: 14px;max-height: 45px;overflow: hidden}
 .new-r-con2{margin-top: 30px;}
 .new-r-con2>h4{padding-bottom: 16px;position: relative;color: #1d1d1d}
 .new-r-con2>h4:after{content: '';position: absolute;left: 0;bottom: 0;width:50px; height: 3px;background: #909192 }
 .content-text .title h3{line-height: 1.4em; }
 .content-text .title .icon{margin-top:20px; text-align: center;color: #666 }
 .content-text .text{margin-top: 40px;}


 .n-pro-list .list{display: flex;flex-wrap: wrap;justify-content: space-between}
 .n-pro-list .list .item{width: 48%;margin-top: 60px;}
 .n-pro-list .list .item a{display: flex;align-items: center}
 .n-pro-list .list .item .con-l{width: 210px; }
 .n-pro-list .list .item .g_bg{padding-top: 110%; background-position: center;background-size: cover;background-repeat: no-repeat; transition: .6s all ease}
 .n-pro-list .list .item .img{overflow: hidden}
 .n-pro-list .list .item .con-r{width: calc(100% - 210px);padding-left: 20px;color: #000}
 .n-pro-list .list .item .con-r h4{transition: .4s all ease}
 .n-pro-list .list .item .con-r p{font-size: 12px; margin-top: 40px; line-height: 30px;height: 60px; overflow: hidden}
 .n-pro-list .list .item .con-r span{font-size: 12px; color: #22954a;margin-top:14px;display: block; transition: .4s all ease}

 .n-pro-list .list .item:hover .g_bg{transform: scale(1.08);transition: .6s all ease}
 .n-pro-list .list .item:hover h4{color: #22954a;transition: .4s all ease}
 .n-pro-list .list .item span:hover{transform: translateX(8px);transition: .4s all ease}


 @media (max-width: 1680px) {
  footer .f-top-c{width: 300px;}
}

@media (max-width:1440px) {
    .g_w{padding: 0 5%}

 footer .f-top-c{width: 260px;}
 .n-title span{font-size: 50px;}
 .n-about1 .con3 .item .text b{font-size: 24px;}
 .n-about1 .con3 .item .text p{font-size: 20px;}
 .n-about1 .con4 .list .item .text{padding-top:60px; }
 .n-about1 .con5 .item .text p{font-size: 18px;}
 .n-about1 .con5 .item .text b{font-size: 24px;}

 .n-about1 .con3{padding: 70px 0}
 .n-about1 .con3 .item .text{padding: 50px;}
 .n-about1 .con3 .item .text b{font-size: 20px;}
 .n-about1 .con3 .item .text p{font-size: 18px;}

 .n-about1 .con4{padding: 70px 0}
 .n-about1 .con4 .list .item .text{padding: 30px }
 .n-about1 .con4 .list .item .text span{font-size: 20px;}
 .n-about1 .con4 .list .item .text p{font-size: 14px;}

 .n-about1 .con5 .item .text{padding: 40px 30px }
 .n-about1 .con5 .item .text b{font-size: 20px;}
 .n-about1 .con5 .item .text p{font-size: 16px;}

 .n-about2 .con1 .item{width: 24%;margin-right: 1.33%;margin-top: 60px;}
 .n-about2 .con1 .item span{font-size: 18px;line-height: 24px;margin-top: 10px;text-align:center;}

 .i-pro-d .con-r .title b{font-size: 36px;}
 .i-pro-tabNav a{width: 100px;height: 40px;line-height: 40px;}
 .i-pro-tabCon .text{padding-top: 0}
 .i-pro-tabCon .text p strong{font-size: 18px;}
 .i-pro-tabCon .text p{margin-top: 24px;}
 .i-pro-d .con-r .title img{width: 120px;}
 .n-pro .i-pro-d .con-r{width: 50%}
 .n-pro .i-pro-d .con-l{width: 50%}
 .n-pro .i-pro-d .con-l .text{margin-top: 64px;font-size: 24px;}
 .n-pro .i-pro-d .con-r .top{padding-left: 50px;}
 .pro-d-bottom .title{font-size: 24px;}

 .i-pro-list .item{min-width: 110px;margin: 0 16px;  margin-bottom: 60px}
 .i-pro-list .item span{font-size: 18px}
 .i-pro-list .item .img{width: 110px;}
 .i-pro-list .item .g_bg{width: 110px; height: 110px;}
 .i-pro-list .item .img:after{width: 140px; height: 140px; }

 /*.pro-nav ul li a{font-size: 20px;height: 50px;line-height: 50px;}*/
 .n-lm .con2 .g_w .con-r .item{padding: 20px;}
 .n-lm .con2 .g_w .con-r .item p{font-size: 16px;}
 .n-lm-title span{font-size: 24px;}
 .n-lm-title span i{font-size: 50px;}
 .n-lm .con2{padding-top: 120px;}
 .n-lm .con2 .g_w .con-l .text p{font-size: 16px;}
 .n-lm .con3 .item .text{font-size: 16px;}
 .n-lm .con4 .title{font-size: 24px;}
 .n-lm .con4 .top{font-size: 24px;line-height: 60px;height: 60px;padding-left: 60px;}
 .n-lm-list li span{font-size: 16px;padding-left: 60px;}
 .n-ky .con6 .con-l{padding-right: 60px;}

 .i-pcNav{top: 30px;}
 .h-nav1 > li{margin-left: 20px;}
 .h-nav1 > li > a{font-size: 16px;}
 .lang a{font-size: 16px;}
 .h-nav1 > li > a{height: 70px;line-height: 70px;}
 .n-body{padding-top: 108px;}

}

@media (max-width:1300px) {

 footer .f-top-c {display: none}
 .f-bottom .con-l{display: none}
 .n-nav .g_w a{margin: 0 16px;}

 .n-ky .con1 .item1 .con-l{width: 50%}
 .n-ky .con1 .item2 .con-l{width: 50%;padding-top: 40px;}
 .n-ky .con1 .item1 .con-r{width: 50%;padding-left: 40px}
 .n-ky .con1 .item2 .con-r{width: 50%;padding-left: 40px;}
 .n-ky .con1 .item2 .con-r img{max-width: 100%}

 .i-pcNav{top: 10px}
}
@media (max-width:1280px) {

}

@media (max-width:1220px) {
 .pcNav{display: none}
 .webNav{display: block}
 /*.webNav_m{display: block}*/
 .n-body{padding-top: 60px;}
 .f-top-form{display: none}

 .n-title b{font-size: 24px;}
 .n-title span{font-size: 40px;}
 .n-about1 .con1{margin-top: 70px;}
 .n-about1 .con1 .top .con-l{width: 100%}
 .n-about1 .con1 .top .con-l .text1{padding: 0}
 .n-about1 .con1 .top .con-r{display: none}
 .n-about1 .con1 .bottom{padding-top: 0}

 .num .item b{font-size: 40px;}
 .n-about1 .con2 .con-l{width: calc(100% - 240px);}
 .n-about1 .con2 .con-r{width: 240px;}
 .n-about1 .con5{padding: 50px 0 80px 0}

 .n-about2 .con1 .item span{font-size: 16px;}
 .n-about2 .con1 .item {margin-top: 30px;}

 .i-pro-d .con-r .title b{font-size: 28px;}
 .i-pro-d .con-r .title img{width: 100px}
 .i-pro-tabNav a{height: 36px; line-height: 36px;font-size: 16px;}

 .pro-nav ul li a{font-size: 16px;height: 40px;line-height: 40px;}

 .n-lm .con1{padding: 70px 0;}
 .n-lm .con1 .top{display: block}
 .n-lm .con1 .top .con-l{width: 100%;}
 .n-lm .con1 .top .con-l .text{padding: 20px 0 0 0 }
 .n-lm .con1 .top .con-r{display: none}
 .n-lm .con1 .bottom{margin-top: 0}
 .n-lm .con2{padding-top: 80px;}
 .n-lm .con2 .g_w{display: block}
 .n-lm .con2 .g_w .con-l{width: 100%}
 .n-lm .con2 .g_w .con-r{width: 100%; max-width: 100%; margin-top: 30px;}
 .n-lm .con3 .list{display: block}
 .n-lm .con3 .item{width: 100%;margin-top: 30px;}
 .n-lm .con3 .item .img{max-width: 200px;margin: 0 auto}
 .n-lm .con3 .item .text{margin-top: 12px;}

 .n-lm-title span{font-size: 20px;}
 .n-lm .con4 .title{font-size: 20px;}
 .n-lm .con4 .top{font-size: 20px;padding-left: 20px;height:50px; line-height: 50px;}
 .n-lm-list li span{padding-left: 20px;font-size: 14px;}
 .n-ky .con1{padding: 70px 0}
 .n-ky .con1 .item2 .con-l .item .g_bg{width: 150px; height: 150px;}
 .n-ky .con1 .item1 .con-l .text{font-size: 16px;}
 .n-ky .con2 .text{padding: 100px 0 100px 60px;}
 .n-ky .con2 .img img{width: 400px;}
 .n-ky .con2 .text p{font-size: 16px}
 .n-ky .con3{padding: 100px 0}
 .n-ky .con3 .list{margin-top: 60px;}
 .n-ky .con3 .item .top b{font-size: 20px;}
 .n-ky .con3 .item span{font-size: 14px;}
 .n-ky .con3 .item .top{width: 190px;height: 190px;}
 .n-ky .con3 .item .top:after{width: 160px; height: 160px;}
 .n-ky .con3 .item .top b{width: 100px;}
 .n-ky .con4{padding: 100px 0}
 .n-ky .con4 .text{font-size: 20px;}
 .n-ky .con4 .list .item{margin-top: 30px}
 .n-ky .con5{padding: 100px 0}
 .n-ky .con5 .text{font-size: 20px;}
 .n-ky .con6{padding: 60px 0}
 .n-ky .con6 .g_w{display: block}
 .n-ky .con6 .con-l{width: 100%;padding-right: 0}
 .n-ky .con6 .con-r{width: 100%;margin-top: 40px;}
 .n-ky .con6 .swiper-slide{width: 300px;}
 .n-ky .con7{padding: 100px 0; }
 .n-ky .con7 .text{font-size: 20px; margin: 20px 0 0 0;}
 .n-ky .con7 .swper-con1{margin-top: 60px;}
 .n-ky .con6 .text{font-size: 20px;}

 .n-fw .con1 .p{font-size: 16px;margin-top: 20px;}
 .n-fw .con1 .list .text{padding: 20px ; }
 .n-fw .con1 .list .text span{font-size: 20px; }
 .n-fw .con1 .list .text p{font-size: 16px;margin-top: 10px;line-height: 28px; }


 .n-contact .con3 {display: block;margin-top: 20px;}
 .n-contact .con3 .g_w{display: block}
 .n-contact .con3 .con-l{width: 100%;padding: 40px 20px;}
 .n-contact .con3 .con-l:before{width: 100%;}
 .n-contact .con3 .con-r{display: none}

 .n-news .con1 .con-l{width: 100%;padding-right: 0}
 .n-news .con1 .con-r{display: none}

 .i-title b{font-size: 24px;}
 .i-title span{font-size: 24px;}
 .i-title2 .top b:after{width: 40px;}
 .i-title2 .top b:before{width: 40px;}
 .i-about{padding: 80px 0;}
 .i-about-con .con-l{width: 60%;padding-right: 40px;}
 .i-about-con .con-l .text{margin-top: 20px;}
 .i-about-con .con-r{width: 40%}
 .i-pro-tabCon .text p{margin-top: 18px;}
 .i-pro-top{padding: 70px 0 10px 0}
 .i-pro-d .con-l{width: 100%}
 .i-pro-d .con-l .box{padding:0 32% 20px 20px; }
 .i-pro-d .con-r{width: 100%;margin-top: 20px;}
 .i-pro-list{padding: 10px 0;background: none}
 .i-pro-list .item{margin: 6px ;border: 1px solid #22954a;color: #22954a;}
 .i-pro-list .item.active{background: #22954a;color: #fff}
 .i-pro-list .item.active span{background: #22954a;color: #fff}
 .i-pro-list .item span{margin: 0;font-size: 14px;padding: 0 10px;color: #22954a}
 .i-pro-list .item .img{display: none}
 .i-science .item .text b{font-size: 20px;}
 .i-science .item .text {padding: 20px;}
 .i-science{padding: 70px 0}

}

@media (max-width:1024px) {
 .n-about1 .con4 .list .title{width: 100%;padding: 0;padding-bottom: 30px;}
 .n-about1 .con4 .list .title img{width: 400px;}
 .n-about1 .con4 .list .item {width: 50%;margin-top: 10px;}
 .n-about1 .con4 .list .item .img{max-height:350px;overflow: hidden }
}

@media (max-width:998px){
 .n-about1 .con2 .con-l{width: 100%}
 .n-about1 .con2 .con-r{display: none}
 .n-about1 .con3 .item{display: block;margin-top: 20px;}
 .n-about1 .con3 .item .con-r{width: 100%;background: #fff}
 .n-about1 .con3 .item .con-l{width: 100%;}
 .n-about1 .con3 .item .text{padding:20px;}
 .n-about1 .con3 .item .text p{font-size: 16px;line-height: 24px;}
 .n-about1 .con5 .item{width: 49%;margin-top: 2%;height: 220px;}
 .n-about1 .con5 .list{flex-wrap: wrap}

 .n-pro .i-pro-list{display: none}
 .i-pro-d.active{display: block}
 .n-pro .i-pro-d .con-l .box{padding:0 0 30px 30px;}
 .n-pro .i-pro-d .con-l{width: 100%;}
 .n-pro .i-pro-d .con-r{width: 100%;padding: 0;display: flex;flex-wrap: wrap;flex-direction: column-reverse}
 .n-pro .i-pro-d .con-r .top{width: 100%;padding: 0;margin-top: 30px;}
 .i-pro-tabNav{margin-top: 16px;}
 .i-pro-tabCon .text p strong{font-size: 16px;}
 .i-pro-tabCon .text p em{font-size: 14px;}
 .n-pro .i-pro-d .con-r .gallery-thumbs{width: 100%;margin-top: 20px;}
 .n-pro .i-pro-d .con-l .text{margin-top: 10px;font-size: 16px;}
 .n-pro .i-pro-d{margin-top: 40px;}

 .pro-d-bottom{margin-top: 0;display: block}
 .pro-d-bottom .con-l{width: 100%;margin-top: 40px;}
 .pro-d-bottom img{margin-top: 10px;}
 .pro-d-bottom .title{font-size: 20px;}

 .n-ky .con1 .item1{display: block}
 .n-ky .con1 .item1 .con-l{width: 100%}
 .n-ky .con1 .item1 .con-r{width: 100%;margin: 20px 0;padding: 0}
 .n-ky .con1 .item2{display: block}
 .n-ky .con1 .item2 .con-l{width: 100%;padding-top: 20px;}
 .n-ky .con1 .item2 .con-r{width: 100%;margin: 20px 0;padding: 0}
 .n-ky .con1 .item1 .con-l .text{font-size: 14px; line-height: 28px;margin-top: 10px;}
 .n-ky .con1 .item2 .con-l .item .g_bg{width: 100px;height: 100px;margin: 0 auto}
 .n-ky .con1 .item2 .con-l .item span{font-size: 14px; line-height: 28px;margin-top: 10px;}
 .n-ky .con1{padding: 40px 0}
 .n-fw .con1{padding-top: 70px}

 .n-contact .con1{margin-top: 70px;}
 .n-contact .con1 .g_w{display: block;margin-top: 40px;}
 .n-contact .con1 .con-l{width: 100%}
 .n-contact .con1 .con-l .text{margin-top: 10px;font-size: 16px;line-height: 28px}
 .n-contact .con1 .con-l .title{font-size: 24px;}
 .n-contact .con1 .con-l .title p{font-size: 14px;}
 .n-contact .con1 .con-r{width: 100%;margin-top: 40px;}
 .n-contact .con1 .con-r > span{font-size: 20px;}
 .n-contact .con1 .con-r .code{margin-top: 10px;}

 .i-about-con{display: block;}
 .i-about-con .con-l{width: 100%;padding-right: 0}
 .i-about-con .con-r{display: none}
 .news-list{flex-wrap: wrap}
 .news-list .item{width: 49%;margin-top: 2%}
 .i-science .list{display: block}
 .i-science .item{width: 100%;margin-top: 20px;}
 .i-science .list{margin-top: 30px;}
 .i-science .item .text p{margin-top: 10px;}

 .n-pro-list .list .item{width: 100%;margin-top: 40px;}
}

@media (max-width:768px) {
 .n-nav .g_w {display: block}
 .n-nav .g_w a{width: 100%;display: block;margin: 0;height: 36px; line-height: 36px; border-bottom: 1px solid #999}
 .f-top-r{display: none}
 .f-title{font-size: 20px!important;}
 .n-title b{font-size: 20px;}
 .n-title span{font-size: 30px;}
 .n-about1 .con1{font-size: 14px; line-height: 24px;margin-top: 40px;}
 .n-about1 .con1 .top .con-l .text1{margin-top: 20px;}
 .n-about1 .con1 .bottom p{margin-top: 10px;}
 .n-about1 .con3{padding: 40px 0}
 .n-about1 .con2{padding: 40px 0;margin-top: 40px;}
 .n-about1 .con4{padding: 40px 0; }
 .n-about1 .con4 .list .title img{width: 300px;}
 .n-about1 .con4 .list .item .text{padding: 20px;}
 .n-about1 .con4 .list .item .text p{margin-top: 10px;}
 .n-about1 .con5{padding: 40px 0}
 .n-about1 .con5 .title{font-size: 20px;}
 .n-about1 .con5 .list{margin-top: 20px;}
 .n-about1 .con5 .item{width: 100%;height: auto;margin-top: 16px;}
 .n-about1 .con5 .item .text{padding: 20px;}
 .num{flex-wrap: wrap}
 .num .item{width: 50%;text-align: center;padding:  10px;margin: 0}

 .n-about2 .con1{margin-top: 40px;}
 .n-about2 .con1 .item {margin-top: 20px; width: 49%;margin-right: 2%}
 .n-about2 .con1 .item:nth-child(4n) {margin-right:2%}
 .n-about2 .con1 .item:nth-child(2n) {margin-right:0}

 .n-pro .i-pro-d .con-l .box{padding:0 0 20px 20px;}
 .i-pro-d .con-r .title b{font-size: 20px;}
 .i-pro-d .con-r .title img{width: 70px}
 .i-pro-tabCon .text p{margin-top: 10px;}
 .n-pro .con1{padding-bottom: 40px;}
 .pro-nav .pro-nav-btn span{height: 30px;line-height: 30px;font-size: 14px;box-shadow: 0 0 4px #dfdfdf}
 .pro-nav ul li a{font-size: 14px;height: 36px;line-height: 36px;}
 .pro-nav ul{width: 140px;}
 .pro-nav{top: 130px;}

 .n-lm .con1{padding: 40px 0;}
 .n-lm .con1 .top .con-l .text{line-height: 28px;font-size: 14px;}
 .n-lm .con1 .bottom{font-size: 14px;}
 .n-lm .con2{padding-top: 40px;}
 .n-lm .con2 .g_w .con-l .text p{margin-top: 10px;line-height: 28px;font-size: 14px;}
 .n-lm .con2 .g_w .con-l .text{margin-top: 20px;}
 .n-lm .con2 .g_w .con-r .list{display: block}
 .n-lm .con2 .g_w .con-r .item{width: 100%}
 .n-lm .con2 .g_w .con-r .item p{line-height: 28px;font-size: 14px;}
 .n-lm .con3{margin-top: 40px;}
 .n-lm .con3 .item .text{line-height: 28px;font-size: 14px;}
 .n-lm .con3 .item p{margin-top: 0}
 .n-lm .con4{margin-top: 20px;}
 .n-lm-list{margin-top: 10px;}
 .n-lm-list li span{padding-left: 10px;font-size: 12px;}
 .n-ky .con2{padding: 30px 0;}
 .n-ky .con2 .text{padding: 60px 20px;}
 .n-ky .con2 .text:after{width: 100%}
 .n-ky .con2 .img{display: none}
 .n-ky .con2 .text p{font-size: 14px;line-height: 28px;}
 .n-ky .con3{padding: 40px 0;}
 .n-ky .con3 .list{display: block}
 .n-ky .con3 .item{width: 100%;margin-top: 20px;}
 .n-ky .con4{padding: 40px 0;}
 .n-ky .con4 .text{font-size: 16px;line-height: 28px;margin-top: 10px;}
 .n-ky .con4 .list{padding-top: 0}
 .n-ky .con4 .list .item{width: 32%;margin-right: 2%}
 .n-ky .con4 .list .item:nth-child(6n){margin-right: 2%}
 .n-ky .con4 .list .item:nth-child(3n){margin-right: 0}
 .n-ky .con5{padding: 40px 0;}
 .n-ky .con5 .text{font-size: 16px;margin-top: 10px;}
 .n-ky .con5 .swper-con1{margin-top: 30px;}
 .n-ky .con6 .text{font-size: 16px;margin-top: 10px;line-height: 28px;}
 .n-ky .con6 #certify{padding:0 40px;}
 .n-ky .con7 .text{font-size: 16px;line-height: 28px;}
 .n-ky .con7 .swper-con1{margin-top: 40px;}
 .n-ky .con6 #certify .swiper-button-prev{width: 34px; height: 34px;}
 .n-ky .con6 #certify .swiper-button-next{width: 34px; height: 34px;}
 .n-ky .con7{padding: 40px 0}
 .n-title b:after{width: 80px;}
 .n-title b{padding-bottom: 14px;}

 .n-fw .con1{padding-top: 40px;}
 .n-fw .con1 .list{display: block;margin-top: 0}
 .n-fw .con1 .list .item{width: 100%;margin-top: 30px;}
 .n-fw .con1 .list .text p{font-size: 14px;}
 .n-fw #certify{margin: 40px 0;padding:0 40px }
 .n-fw #certify .swiper-button-prev{width: 34px; height: 34px;}
 .n-fw #certify .swiper-button-next{width: 34px; height: 34px;}

 .n-contact .con3{margin-bottom: 40px;}
 .n-contact .con3 .con-l{padding: 20px 12px;}
 .n-contact .con3 .con-l .form > input{margin-top: 8px;}
 .n-contact .con3 .con-l .form > textarea{margin-top: 8px;height: 140px;}
 .n-contact .con3 .con-l .form-btn input{width: 120px;}

 .n-contact .con1{margin-top: 40px;}

 .new-itemImg{width: 100%;position: relative;left: 0;top:0}
 .new-itemInfo{padding-left: 0}
 .new-itemInfo{padding-top: 20px;}
 .new-itemInfo h4{line-height: 1.4em;}
 .new-itemInfo p{margin-top: 10px;}
 .new-itemInfo>span{margin-top: 10px;}

 .content-text .title h3{font-size: 20px;}
 .n-news .con1{margin-top: 40px;}
 .content-text .text{margin-top: 20px;}
 .content-text .title .icon{text-align: left;margin-top: 10px;}

 .i-about{padding: 40px 0}
 .i-title b{font-size: 20px;}
 .i-title span{font-size: 20px;}
 .i-title2 .top b{font-size: 20px;width: 200px;}
 .i-about-con .con-l .text{margin-top: 10px;}
 .i-news{padding: 40px 0}
 .i-pro-top{padding: 40px 0 0 0}
 .i-pro-list .item span{padding: 0 4px}

 .i-science .item{display: block;}
 .i-science .item .con-l{width: 100%}
 .i-science .item .con-r{width: 100%}



 .n-pro-list .list .item{;margin-top: 20px;}
 .n-pro-list .list .item a{display: block;}
 .n-pro-list .list .item a .con-l{width: 100%}
 .n-pro-list .list .item a .con-r{width: 100%;margin-top: 10px;padding-left: 0}
 .n-pro-list .list .item .con-r p{margin-top: 10px;line-height: 24px;height: 48px;}
 .n-pro-list .list .item .con-r span{margin-top: 10px;}
 .n-pro-list .list .item .con-r h3{font-size: 18px;}
}

@media (max-width:600px){
 .news-list .item{width: 100%}
 .i-pro-list .item{width: 31%;margin: 1%}
}

@media (max-width:500px){

}