
@media(min-width:1400px){
    .container{width:1200px;}
}

@media(min-width:1620px){
    .container{width:1600px;}
}

*{
    margin:0;
    padding:0;
}
html,body{
    margin:0;
    padding:0;
    font-family: "Arial","微软雅黑";
    font-size: 16px;
    width:100%;
}

img{
    max-width: 100%;
}
p,h1,h2,h3,h4,h5,h6{
    padding:0;
    margin:0;
}
ul,ul li{
    list-style: none;
    margin:0;
    padding:0;
}
a,a:hover{
    text-decoration: none;
    color:#555;
}

.width20{width:20%;}
.width49{width:49%}
.width60{width:60%}
.width40{width:40%}
.width50{width:50%}


.font42{font-size:42px}
.font48{font-size:48px;}
.weight{font-weight: bold;}
.textCenter{text-align: center;}
.textWhite{color:#fff;}

.no-padding-left{
    padding-left:0;
}
.no-padding-right{
    padding-right:0;
}
.margin60{
    margin:60px 0
}
.padding60{padding:60px 0;}

.swiper-pagination-bullet{
    width: 30px;
    height: 8px;
    border-radius: 5px;
    background:#fff;
    opacity: .8;
}
.swiper-pagination-bullet-active{
    background:#448e30;
}
.swiper-button-next, .swiper-button-prev{color:#fff;}


.name{
    text-transform: uppercase;
}
.line{margin:30px 0 60px;}
.line img{
    display: block;
    margin:0 auto;
}
.cPic img{
    height:460px;
}

.h-product-item{
    overflow: hidden;
}
.h-product-box{
    overflow: hidden;
    background:#f4f4f4;
    padding:60px 20px;
    border-radius: 8px;
    position: relative;
    margin:5px 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.h-product-pic{
    padding-right:20px;
}
.h-product-pic img{
    height:218px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.h-product-text h3{
    margin-top:60px;
    font-weight: bold;
}
.h-product-btn{
    width:40px;
    height:40px;
    background:#448e30;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    position: absolute;
    right:20px;
    bottom:60px;
}
.h-product-btn a{
    display: block;
    color:#fff;
}
.h-product-btn a .fa-angle-right:before{
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}
.h-product-box:hover {
    box-shadow: 2px 2px 3px 3px rgba(68,142,48,.3);
}
.h-product-box:hover .h-product-pic img{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}


.h-about{
    position: relative;
    overflow: hidden;
}
.h-about-thumb{
    position: absolute;
    right:0;
    top:0;
    z-index: -1;
    overflow: hidden;
}
.h-about-thumb img{
    height:850px;
}
.line1{
    margin:20px 0 30px;
}
.h-about-desc{
    width:50%;
    color:#777;
    line-height: 30px;
}
.h-about-btn{
    width:200px;
    height:48px;
    background:#448e30;
    text-align: center;
    line-height: 48px;
    border-radius: 30px;
    margin-top:40px;
}
.h-about-btn a{
    display: block;
    color:#fff;
    text-transform: uppercase;
}
.shuzi{
    width:70%
}
.h-equ-item{
    background: url(../../img/h-eq-bg.png) no-repeat center ;
    background-size:100% 100%;
    position: relative;
}
.slogan{
    text-transform: uppercase;
}
.h-equ-top{
    margin-bottom:260px;
}
.eq{
    margin-top:-200px;
}
.eq li img{
    height: 305px;
    display: block;
    margin: 0 auto;
}
.slogan{
    width: 80%;
    margin:60px auto 100px;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.jt{
    position: absolute;
    left:8%;
    bottom:0;
    z-index: 1;
    animation: jtMove 3s linear infinite;
}
.eq .swiper-slide{overflow: hidden;}
.eq .swiper-slide img{
    position: relative;
}
.eq-cover{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.6);
    top:0;
    left:0;
    z-index: 1;
    color:#fff;
    padding:40px 30px;
    font-size:24px;
    font-weight: bold;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.eq-name{
    position: absolute;
    left:30px;
    bottom:40px;
    z-index: 2;
}
.eq-name:after{
    content: "";
    display: block;
    width:100px;
    height:2px;
    background: #448e30;
    margin-top:10px;
}

.eq .swiper-slide:hover .eq-cover{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}
.h-honor .swiper-slide img{height:268px;}

.h-news{overflow: hidden;}
.h-news-item{
     overflow: hidden;
     margin-left:-15px;
     margin-right:-15px;
}
.h-news-box{border:1px solid #eee;margin-bottom:5px;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
}
.h-news-pic{
    overflow: hidden;
    height:344px;
}
.h-news-pic img{
    display: block;
    margin:0 auto;
    max-height: 344px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

.h-news-c{
    padding:30px 20px;
    position: relative;
}
.h-news-date{
    color: #448e30;
    line-height: 30px;
    border-bottom: 1px solid #448e30;
}
.h-news-date::before{
    content: "";
    display: block;
    position: absolute;
    left:10px;
    top:30px;
    width:2px;
    height:24px;
    background:#448e30;
}
.h-news-name{
    font-size:18px;
    font-weight: bold;
    margin-top:10px;
    height: 52px;
    overflow: hidden;
}

.h-news-box:hover{
    box-shadow: 2px 2px 3px 3px rgba(0,0,0,.3);
}
.h-news-box:hover .h-news-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
hr{
    border:2px solid #448e30;
    margin-top:0;
    margin-bottom:0;
}


.footer{
    margin-top:40px;
}
.ft-nav{
    text-align: right;
    margin-bottom:40px;
}
.ft-nav span{
    font-weight: bold;
}
.ft-nav ul{display: inline-block;}
.ft-nav li{
    display: inline-block;
    padding:0 20px;
}
.ft-nav li:hover a{
    color:#448e30;
}
.ft-contact{
    line-height: 40px;
}
.ft-bottom form{
    margin-left:-15px;
    margin-right:-15px;
}
.ft-bottom form input{
    width: 100%;
    border:1px solid #ddd;
    background:#f4f4f4;
    padding:0 10px;
    line-height: 40px;
}
.ft-bottom form textarea{
    width:100%;
    border: 1px solid #ddd;
    background:#f4f4f4;
    margin-top:20px;
    height:80px;
    padding:10px;
    margin-bottom:20px;
}
.ft-bottom form button{
    width: 100%;
    height:40px;
    line-height: 40px;
    text-align: center;
    color:#fff;
    border: none;
    background:#448e30;
}
.copyright{
    overflow: hidden;
    border-top:1px solid #448e30;
    margin-top:40px;
    line-height: 60px;
    position: relative;
}
.copyright-green{
    position: absolute;
    background:#448e30;
    right:0;
    top:0;
    width:65%;
    height:100px;
}
.copyright-green:before{
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        display: block;
        width: 0;
        height: 0;
        border-top: 100px solid #fff;
        border-left: 60px solid #fff;
        border-right: 100px solid transparent;
}
.copyright .textWhite a{
    color:#fff;
}

.about-banner{
    position:relative;
    background: url(../../img/about-pic.jpg) no-repeat center;
    padding:5% 0 5%;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
}
.about-cover{
    width:100%;
    height:100%;
    text-align: center;
    color:#fff;
}
.about-title{
    text-transform: uppercase;
}
.about-title:after{
    content: "";
    display: block;
    width:80px;
    height:2px;
    background:rgba(255,255,255,.5);
    margin:30px auto 40px;
}
.about-desc{
    width:60%;
    margin:0 auto;
    line-height: 30px;
}
.about-btn{
    width:200px;
    height:48px;
    border:1px solid #ddd;
    margin:0 auto;
    line-height: 48px;
    margin-top:40px;
}
.about-btn a{
    display: block;
    color:#fff;
}
.about-shuzi .product-num-nub,.about-shuzi .product-num-inf{color:#fff;text-align: center;}
.about-cover .product-num-item:hover{
    box-shadow: none;
}
.about-shuzi{margin-top:60px;}
.about-honor{
    margin:60px 0;
    overflow: hidden;
}
.about-honor .about-title{text-align: center;}
.about-honor .about-title:after{
    background:#448e30;
}
.about-honor-item ul{overflow: hidden;}
.about-honor-item ul li{margin-bottom:30px;}
.about-honor-box{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.about-honor-pic{
    padding:10px;
    height:254px;
    overflow: hidden;
    background-color:#f4f4f4;
}
.about-honor-pic img{
    display: block;
    margin: 0 auto;
    max-height:234px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.about-honor-name{
    line-height: 24px;
    text-align: center;
    padding: 20px 10px;
    height: 112px;
    overflow: hidden;}

.about-honor-item ul li:hover .about-honor-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.about-honor-item ul li:hover .about-honor-box{
    box-shadow: 2px 2px 3px 3px rgba(0,0,0,.3);
}
.about-honor-item ul li:hover .about-honor-name{
    color:#448e30;
}

.about-client{
    background: url(../../img/earth.png) no-repeat center;
    position: relative;
    height: 600px;
    overflow: hidden;
}
.about-client-item{overflow: hidden;width: 100%; height: 100%;}
.about-client-item ul{overflow: hidden;}
.about-client-item ul li{
        box-shadow: 1px 1px 3px 5px rgba(0,0,0,.1);
        position: absolute;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
}
.about-client-item ul li img{
    height:120px;
}
.about-client-item ul li:nth-child(1){
    left:43%;
    top:0px;
}
.about-client-item ul li:nth-child(2){
    left:25%;
    top:60px;
    z-index: 5;
}
.about-client-item ul li:nth-child(4){
    left:10%;
    top:210px;
    z-index: 5;
}
.about-client-item ul li:nth-child(6){
    left:2%;
    top:360px;
    z-index: 5;
}
.about-client-item ul li:nth-child(3){
    right:23%;
    top:60px;
    z-index: 5;
}
.about-client-item ul li:nth-child(5){
    right:10%;
    top:210px;
    z-index: 5;
}
.about-client-item ul li:nth-child(7){
    right:2%;
    top:360px;
    z-index: 5;
}


.about-client-c{
    position:absolute;
    text-align: center;
    top:35%;
    left:0;
}
.about-client-c .about-title:after,.about-style .about-title:after{
    background:#448e30;
}
.about-client-desc{
    width:60%;
    margin:0 auto;
    color:#777;
    font-size: 14px;
}
.about-client-btn{
    width:200px;
    height:48px;
    line-height: 48px;
    text-align: center;
    border: #448e30 1px solid;
    margin:0 auto;
    margin-top:40px;
}

.about-client-item ul li:hover{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}
.about-client-btn:hover{
    background:#448e30;
}
.about-client-btn:hover a{color:#fff;}


.about-style {padding:60px 0;overflow: hidden;background: #f4f4f4;}
.about-style .about-title{
    text-align: center;
}
.about-style .swiper-slide img{height:300px; display: block; margin: 0 auto;}

.banner-c{
    position: relative;
}
.news-cover{
    background: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    color:#fff;
    padding-top:15%;
    padding-left:8%;
    font-size:48px;
    text-transform: uppercase;
}
/* 面包屑导航 */
.sub_nav{
    position: absolute;
    width: 100%;
    left:0;
    bottom:0;
    overflow: hidden;
}
.sub_nav ul{font-size:0;width:80%;margin:0 auto; text-align: right;}
.sub_nav li{display:inline-block;}
.sub_nav li a{display:block; text-align:center;font-size:16px; color:#fff; position:relative;padding:15px 30px; background:rgba(68,142,48,.6)}
.sub_nav li.cur a{color:#fff; background:#448e30;}
.sub_nav li.cur a:after{left:0; width:100%;}
.sub_nav li:hover a{color:#fff; background:#448e30;}
.sub_nav li:hover a:after{left:0; width:100%;}

.position{
    line-height: 48px;
    text-align: right;
    border-bottom:1px solid #448e30;
    font-size: 14px;
    color:#999;
}
.position a{color:#999;}
.c{
    margin:60px 0;
    overflow: hidden;
    line-height: 30px;
    text-align: justify;
}
.news-top{
    overflow: hidden;
}

.news-top-c{
    background-color:#f4f4f4;
    padding:100px 60px;
    word-wrap: break-word;
    text-align: left;
}
.news-top-pic{
    height:440px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.news-top-name{
 font-size: 24px; 
 line-height: 40px;
 overflow: hidden;
 height: 40px;
}
.news-top-desc{
    height:60px;
    line-height: 30px;
    color:#777;
    margin:30px 0 80px;
}
.news-top-date{
    color:#777;
    float:left;
}
.news-top-btn{
    float: right;
}
.news-top-btn a{
    display: block;
    color:#448e30;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    width:60px;
}
.news-top-btn img{
    position: absolute;
    left: -5px;
    bottom: -10px;
}

.news-bottom{
    margin:60px 0;
    overflow: hidden;
    background: #f4f4f4;
    padding:60px 0px;
}
.news-box{
    background:#fff;
    overflow: hidden;
    padding:20px;
    margin-bottom:30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
}
.news-c{
    padding-right:30px;
}
.news-pic{
    height: 245px;
    overflow: hidden;
}
.news-pic img{
    max-height:245px;
    display: block;
    margin:0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
}
.news-box:hover{
    box-shadow: 2px 2px 3px 3px rgba(0,0,0,.3);
}
.news-box:hover .news-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.news-c .news-date{
    font-size: 14px;
    color:#999;
}
.news-title{
    font-size:20px;
    height:60px;
    overflow: hidden;
    line-height: 30px;
    margin:40px 0 60px;
    text-align: left;
}
.news-btn a{
    display: block;
    color: #448e30;
}
.news-btn a:after{
    content: "";
    display: block;
    width:80px;
    height:2px;
    background: #448e30;
}
.news-content h1{
    text-align: center;
}
.news-icon{
    line-height: 60px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#f4f4f4;
    text-align: center;
    color:#999;
    margin:30px 0 40px;
}
.news-icon span{
    margin-right:40px;
}
.news-icon:nth-of-type(2) span{
    margin-right: 0;
}

.f14{
    margin-top:30px;
    border-top:1px solid #448e30;
    padding:20px;
    line-height: 30px;
    background:#f4f4f4;
}

.f14 a{color:#777;}
.news-c-c{text-align: justify;}

/* 产品 */
.product{overflow: hidden;}
.product li{margin-bottom:30px;}
.product-box{
    background:#f4f4f4;
    border-bottom:4px solid #448e30;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.product-pic{
    height:374px;
}
.product-pic img{
    max-height: 374px;
    display: block;
    margin:0 auto;
}
.product-con{
    padding:20px 30px 30px;
}
.product-con h3{
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}
.product li:hover .product-box{
    box-shadow: 2px 2px 3px 3px rgba(0,0,0,.3);
}
.product li:hover .product-con h3{
    color:#448e30;
}

.sect{
    background: linear-gradient(to right,#448e30, rgba(68,142,48,.5));
    padding:100px 0;
    text-align: center;
    color:#fff;
}
.sect-title{
    font-size:48px;
    text-transform: uppercase;
}
.sect-btn{
    overflow: hidden;
    width:35%;
    margin:0 auto;
}
.sectBtn{
    width:33.33%;
    font-size: 20px;
    margin-top:40px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.sectBtn a{
    display: block;
    color:rgba(255,255,255,.5)
}
.sectBtn a::after{
    width:90%;
    height: 1px;
    display: block;
    content: "";
    background-color: rgba(255,255,255,.5);
    margin:0 auto;
}
.sectBtn a i{margin-left:10px;}
.sectBtn a i .fa-external-link:before{
    font-size: 20px;
}
.sectBtn:hover{
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
}
.sectBtn:hover a{
    color:#fff;
}

.sectBtn:hover a::after{
    background-color:#fff;
}
.pro-c{
    overflow: hidden;
}
.pro{
    padding:60px 0 0;
    overflow: hidden;
}
.pro-c-pic {
    height:400px;
}

.pro-c-pic img{
    display: block;
    margin:0 auto;
    max-height: 400px;
}
.pro-c-title{
    padding:40px 0;
}
.pro-c-title h1{
}

.pro-c-desc{
    line-height: 30px;
    color:#777;
    margin:40px 0 60px;
    position: relative;
}
.pro-c-desc h3{
    width:240px;
    height: 48px;
    border-radius: 8px 8px 0 0;
    text-align: center;
    line-height: 48px;
    color:#fff;
    background:linear-gradient(to right,#448e30, #b0d563)
}
.pro-c-desc h3::after{
    content: "";
    width: 100%;
    height:1px;
    background:linear-gradient(to right,#448e30, #b0d563);
    position: absolute;
    top:48px;
    left:0;
}
.pro-tel{
    font-size:36px;
    font-weight: bold;
    color:#448e30;
}
.pro-tel i.fa-phone:before{font-size:36px;}

.pro-c-info{margin-top:20px;}
.pro-details{margin:60px 0;overflow: hidden;}
.pro-details h3{
    width:240px;
    height: 48px;
    border-radius: 8px 8px 0 0;
    text-align: center;
    line-height: 48px;
    color:#fff;
    background:linear-gradient(to right,#448e30, #b0d563)
}
.pro-details-content{
    border-top:1px solid #448e30;
    padding-top:30px;
    color:#555;
}
.client,.honor{overflow: hidden;}
.client-box{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.client-container {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 200px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
}

.client-container a {
    display: table-cell;
    width: 100%;
    height: 200px;
    vertical-align: middle;
}

.client-container a img {
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
}
.client-name{
    border:1px solid #ddd;
    border-top:none;
    line-height:40px;
    margin-bottom:30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.client .client-box:hover{
    box-shadow: 2px 2px 3px 3px rgba(0,0,0,.3);
}
.client .client-box:hover .client-name{
    background:#448e30;
    color: #fff;
}

.honor-box{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.honor-container {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 252px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
}

.honor-container a {
    display: table-cell;
    width: 100%;
    height: 252px;
    vertical-align: middle;
}

.honor-container a img {
    max-width: 100%;
    max-height: 252px;
    margin: 0 auto;
}
.video-container {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 252px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
}

.video-container a {
    display: table-cell;
    width: 100%;
    height: 252px;
    vertical-align: middle;
}

.video-container a img {
    max-width: 100%;
    max-height: 252px;
    margin: 0 auto;
}
.video-container .play{
    position: absolute;
    left:42%;
    top:35%;
    width:60px;
    height:60px;
    margin: 0 auto;
    text-align: center;
    
}



.honor-name{
    border:1px solid #ddd;
    border-top:none;
    line-height:24px;
    margin-bottom:30px;
    height: 90px;
    padding:10px 0;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.video-name{
    border:1px solid #ddd;
    border-top:none;
    line-height:30px;
    margin-bottom:30px;
    height: 80px;
    padding:10px 0;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.honor-box:hover{
    box-shadow: 2px 2px 3px 3px rgba(0,0,0,.3);
}
.honor-box:hover .honor-name{
    background:#448e30;
    color: #fff;
}
#pages{
    text-align: center;
}
#pages span{
    padding:5px 15px;
    background:#448e30;
    color:#fff;
}
#pages a{
    padding:5px 15px;
}

.related{margin-top:60px;overflow:hidden;
    background:#f4f4f4;
    padding:60px 0;
}
#marquee {
    overflow: hidden;
}

#marquee li {
    float: left;
    padding: 0 15px;
    width: 500px !important;
}

#marquee .cat-qua-brand {
    padding-top: 10px;
    border-top: 1px solid #448e30;
    padding:20px 20px 0;
}
.mar-li{
border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
    padding-bottom: 30px;
    border-bottom: 2px solid #448e30;
}



.contact-c{overflow: hidden;margin:60px 0;}
.contact-left-c{
    margin-left:15%;
    margin-right:2%;
    margin-top:10px;
    margin-bottom:10px;
    box-shadow: 3px 3px 8px 8px rgba(0,0,0,.2);
}
.contact-box{
    padding:30px;
    overflow: hidden;
}
.contact-box h2{
    margin-bottom:20px;
}
.contact-desc{line-height: 40px; font-size: 18px;background: url(../../img/map.png) no-repeat center right; background-size:contain; }
.map #container {
    height: 584px;
  }

.pro-details-content{
    line-height: 30px;
    
}
.pro-details-content table{width:100% !important}
.pro-details-content table td{
    border:1px solid #ddd;
    text-align: center;
    line-height: 40px;
}
.min{
    display: none;
}
.team-box{
    padding-left:40px;
    padding-top:40px;
    line-height: 30px;
}
.team-box h3{
    border-bottom:1px solid #b0d563;
    margin-bottom:30px;
    padding-bottom:10px;
    position: relative;
}
.team-box h3::after{
    display: block;
    content: "";
    width:100px;
    height:3px;
    background: #448e30;
    position: absolute;
    left:0;
    bottom:0;
}

@media(min-width:1399px) and (max-width:1620px){
    .h-about-thumb{width: 45%;right:0}
    .h-about-desc{width:55%}
    .product-num-nub{font-size:48px;margin-top:10px;}
    .product-num-item img{max-height: 64px;}
    .product-num-inf{margin-top:0;font-size:16px;line-height: 24px;}
    .line1{margin:20px 0 30px;}
    .slogan{font-size: 40px;}
    .h-news-pic{height:252px}
    .h-news-pic img{max-height: 252px;}
    .copyright-green{width:62%}
    .about-honor-pic{height:186px}
    .about-honor-pic img{max-height: 166px;}
    .honor-container ,.honor-container a{height:181px}
    .honor-container a img{max-height:181px}
    .honor-name{line-height: 24px;height: 90px;}
    .client-container{height: 120px;}
    .client-container img{
        height: 120px;
    }
    .video-container ,.video-container a{height:143px;}
    .video-container a img{max-height: 143px;}
    .video-name{
        line-height: 48px;
        height:48px;
        padding:0;
    }
    .product-pic{height:268px}
    .product-pic img{max-height:268px}
    .news-title{margin: 10px 0 30px;}
    .news-pic{height: 177px;}
    .news-pic img{max-height: 177px;}
    .team-box{padding-top:0;}
    .cPic img{
        height:342px;
    }
    .h-product-pic img{height:150px;}
    .h-product-text h3{margin-top:10px}
    .h-honor .swiper-slide img{height:199px;}
    .about-client-item ul li img{height:100px}
    .about-client-c{top:30%}
    .about-style .swiper-slide img{height:230px}
    .c{text-align: justify;}
    .sub_nav li a{padding:15px 20px;}
    .sect-btn{width:40%}
    .news-box{text-align: left;}
    .map #container{height:536px;}
}




@media(min-width:1200px) and (max-width:1399px){
    .h-product-pic img{max-height: 151px;}
    .h-product-text h3{margin-top:30px;}
    .h-about-thumb{width:50%}
    .line1{margin:15px 0 20px;}
    .h-about-btn{margin-top:20px;}
    .product-num-head{margin-top:40px;}
    .product-num-nub{font-size: 42px;margin-top: 10px;}
    .product-num-item img{height:60px;}
    .product-num-inf{margin-top:10px;font-size:16px;line-height: 24px;}
    .h-news-pic{height: 252px;}
    .h-news-pic img{max-height: 252px;}
    .about-honor-pic{height: 187px;}
    .about-honor-pic img{max-height: 167px;}
    .about-client-item ul li img{height:100px;}
    .honor-container ,.honor-container a{height:167px}
    .honor-container a img{max-height: 167px;}
    .news-cover{padding-top:12%}
    .product-pic{height: 253px;}
    .product-pic img{max-height: 261px;}
    .pro-c-title{padding:20px 0}
    .slogan{font-size: 40px;}
    .about-title:after{margin:20px auto 30px}
    .about-client-c{
        top:35%;
    }
    .about-style .swiper-slide img{height:212px}
    .width20{width:25%}
    .eq li img{height:305px}
    .sub_nav ul{width:100%}
    .client-container{height:116px}
    .client-container img{max-height: 116px;}
    .news-title{margin:10px 0;text-align: left;height:100px; line-height: 24px;font-size: 16px;}
    .news-pic{height:172px;}


    .map #container{height: 548px;}
    .honor-name{
        line-height: 24px;
        height:90px;
    }
    .video-name{
        line-height: 48px;
        height:48px;
        padding:0;
    }
    .team-box{padding-top:0}
    .news-top-pic{height: 420px;}
    .news-top-desc{margin: 30px 0 60px;}
    .video-container ,.video-container a{height: 139px;}
    .video-container a img{max-height: 139px;}

    .cPic img{
        height:333px;
    }
    .h-about-desc{line-height: 26px;}
    .h-honor .swiper-slide img{height:185px}
    .h-news-name{height:102px;}
    .font48{font-size:40px;}
}












@media(min-width:767px) and (max-width:992px){
    .h-product-pic,.h-product-text{width:100%}
    .h-product-pic{height:136px;}
    .h-product-text h3{margin-top:30px;font-size:20px;}
    .h-product-btn{bottom:10px;}
    .h-about-thumb{display: none;}
    .h-about-desc{width:100%;}
    .shuzi{width:100%}
    .product-num-nub{font-size:52px;}
    .slogan{font-size:30px}
    .h-news-pic{height:152px}
    .h-news-pic img{max-height:152px}
    .copyright{line-height: 30px;font-size: 14px;color:#333;background: #448e30;}
    .copyright-green:before{display: none;}
    .copyright{color:#fff}

    .copyright-green{width: 70%;}
    .copyright .col-sm-6{width:70%}
    .copyright .col-sm-2{width:30%}

    .about-cover{padding:100px 0;}
    .about-honor-pic{height:112px;}
    .about-honor-pic img{max-height:92px;}
    .about-client-item ul li img{height:80px;}
    .about-client-item ul li:nth-child(2){left:20%;top:100px;}
    .about-client-item ul li:nth-child(3){right:12%;top:100px;}
    .about-client-item ul li:nth-child(4){left:5%;}
    .about-client-item ul li:nth-child(5){right:5%}
    .about-client-item ul li:nth-child(6),.about-client-item ul li:nth-child(7){top:320px;}
    .about-title{font-size: 28px;}
    .about-client-desc{width:80%}
    .banner-c{margin-top:44px;}
    .sub_nav{display: none;}
    .news-cover {padding-top:12%}
    .honor-container ,.honor-container a{height:97px}
    .honor-container a img{max-height:97px}
    .product-pic{height: 145px;}
    .product-pic img{max-height: 145px;}
    .sect-btn{width:80%}
    .news-bottom .col-sm-6{width:100%}
    .contact-left,.contact-may{width: 100%;}
    .contact-left-c{margin-left:10px;}
    .ft-nav{text-align: left;}
    .ft-contact{line-height: 24px;}
    .honor-name{height:85px;overflow: hidden;}
    .pro-details-content{overflow-x: scroll;}
    .related{margin-top:0;}
    .h-product-pic img{height:136px;}
    .h-honor .swiper-slide img{height:157px}
}













@media(max-width:767px){
    .min{display: block;}
    .big{display: none;}
    .banner{margin-top:44px;}
.margin60{margin:30px 0;overflow: hidden;}
.name{font-size:24px;}
.line,.line1{margin:10px 0 30px}
.h-product-text h3{margin-top:10px;font-size:20px;}
.h-about-thumb{display:none;}
.h-about{padding:0 10px;}
.h-about-desc{width:100%;text-align: justify;}
.h-about-btn{margin-top:20px}
.shuzi{width:100%}
.product-num-item{width:50%;margin-bottom:20px;}
.product-num-nub{font-size:40px}
.product-num-inf{margin-top:0;font-size:16px;}
.product-num-nub{margin-top:10px}
.slogan{font-size:20px;margin:40px auto;}
.eq .swiper-pagination-bullet{
    width:8px;
}
.jt{bottom:-20px;left:6%}
.product-num-item img{height:60px;}
.h-news-item{padding:0 10px;}
.h-news-pic{height:249px;}
.h-news-pic img{max-height:249px;}
.h-news-box{margin-bottom:20px;}
.footer{margin-top:0;}
.copyright{margin-top:0;font-size:14px;line-height:24px;background: #448e30;color:#fff;padding:10px 0;}
.copyright-green{display: none; }
.h-honor{overflow: hidden;}
.about-title{font-size:24px}
.about-desc{width:90%;font-size: 14px;line-height: 24px;}
.about-cover{padding-top:60px;}
.about-title:after{margin:15px auto 20px;}
.about-honor-pic{height: auto;}
.about-honor-pic img{max-height: auto;}
.about-honor{margin-bottom:30px;}
.about-client{height:auto}
.about-client-item{height:auto;}
.about-client-item ul li{position: unset; width: 50%; float:left;box-shadow: none; border: 1px solid #ddd;}
.about-client-item ul li img{
    display: block;
    width:90%;
    margin:0 auto;
    height:78px;
}
.about-client-desc{width:95%;margin:0 auto;text-align: justify;}
.about-client-c{position: unset;}
.banner-c{margin-top:44px;height:120px;}
.banner-c img{height:120px;}
.sub_nav{display: none;}
.news-cover{font-size: 30px;padding-top:10%;display: none;}
.client-container{height:68px;}
.client-container img{
    height:68px;
}
.client-name{height:40px;overflow: hidden;}
.honor-container ,.honor-container a{height:97px;}
.honor-container a img{max-height: 97px;}
.honor-name{line-height: 40px; height: 40px;font-size: 14px;padding:0;}
.product-pic{height:235px}
.product-pic img{max-height: 235px;}
.sect-title{font-size: 24px;}
.sect-btn{width:100%;}
.sectBtn{width:60%;margin:40px auto 0;float: none;}
.pro-c-pic{height:auto;}
.related{margin-top:0;}
.news-top-pic,.news-top-c{width:100%;}
.news-top-pic{height:250px;}
.news-top-c{padding:30px 10px;}
.news-box .width50{width:100%;}
.news-c{padding-right:0;margin-bottom:20px;}
.news-pic{height:auto;}
.news-pic img{max-height: none;}
.news-content h1{font-size:30px}
#pages{font-size:14px;}
#pages a{padding:5px 10px;}
#pages span{padding:5px 10px;}
.contact-left{width:100%}
.contact-left-c{margin-left:10px;}
.contact-may{width:100%}
.honor-container img{height:90px;}
.h-product-box{margin-bottom:10px;}
.h-product-pic img{height:138px;}
.indc{font-size: 12px;}
.about-honor-name{height: auto;}
.about-style .swiper-slide img{height: 250px;}
.c{margin:30px 10px;}
.a-pic .no-padding-left{padding-right:0;margin-bottom:20px;}
.a-pic .no-padding-right{padding-left:0;}
.video-container ,.video-container a{height:75px;}
.video-container a img{max-height:75px}
.video-name{font-size: 14px;}
.news-c-c video{height:auto !important;}
.news-icon{font-size: 14px;line-height: 40px;}
.pro-c-title h1{font-size: 26px;}
.pro-c-desc h3{font-size: 18px;}
.pro-details h3{font-size: 18px;}
.pro-details-content{padding:0 10px;}
.pro-details{overflow-x: scroll;}
.news-title{height:auto;margin:20px 0 30px}
.team-box{padding-left:0;}
.contact-box h2{font-size: 20px;}
.contact-desc{font-size: 16px;}

.video-container .play{
    width:30px;
    height:30px;
}
}





@keyframes jtMove{
    0%{transform: translateY(0);}
    25%{transform: translateY(-30%);}
    50%{transform: translateY(-60%);}
    75%{transform: translateY(-30%);}
    100%{transform: translateY(0);}
}
