@import "JZDX/JZDX.css";
.banner{display: block;width:100%;height:inherit;overflow: hidden;position: relative;}
.ban-data{width:100%;color:#fff}
.ban-data{padding-left:16.67%;padding-top:11.2%;}
.ban-title{color:#fff;font-size:1.5em;margin-bottom:3px;}
.ban-title p{font-family: "Microsoft Yahei";display: inline-block;background: url(../images/ban-title.jpg)no-repeat left center;padding-left:0px;}
.ban-title span{font-weight: bold;letter-spacing: 6px;}
.ban-title span.active{color:#10763a}
.ban-en{font-size:1.5em;}
.ban-bigTitle{font-size:6.875em;font-weight: bold;font-family: Arial, Helvetica, sans-serif;line-height: 1;margin-top:1%;}
.ban-des{font-size:1.5em;font-family: Arial, Helvetica, sans-serif;margin:0.7% 0 3.7%;text-transform: uppercase}
.ban-more{display: inline-block;font-size:1em;color:#fff;background: #10763a;border-radius: 30px;padding:11px 30px;}
.ban-more:hover{background: #fff;color:#10763a;}

.btn-next{position: absolute;left:0;top:0;margin-top:20.85%; -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);font-size:0.875em;color:#fff;font-family: Arial, Helvetica, sans-serif;cursor: pointer; z-index: 999;display: inline-block}
.btn-next img{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);margin-left:36px;}
.btn-next img:last-child{display: none}
.btn-next:hover{color:#10763a;}
.btn-next:hover img:first-child{display: none}
.btn-next:hover img:last-child{display: inline-block}

.top-link{position: absolute;right: 0;top:0;margin-top:37.6%;z-index: 9999;margin-right:30px;}
.top-link a{background-repeat: no-repeat;display: inline-block;width:34px;height:34px;margin-left:17px}
.top-link a:first-child{background-image: url(../images/top-in.png);}
.top-link a:nth-child(2){background-image: url(../images/top-face.png);}
.top-link a:nth-child(3){background-image: url(../images/top-tw.png);}
.top-link a:nth-child(4){background-image: url(../images/top-inst.png);}

.top-link a:hover:first-child{background-image: url(../images/top-inH.png);}
.top-link a:hover:nth-child(2){background-image: url(../images/top-faceH.png);}
.top-link a:hover:nth-child(3){background-image: url(../images/top-twH.png);}
.top-link a:hover:nth-child(4){background-image: url(../images/top-instH.png);}

/*************owl重写********************/
.banner .owl-dots{position: absolute;right:30px;top:40%;}
.banner .owl-dots .owl-dot{width:10px;height:10px;border:1px solid #fff;margin-bottom:28px;}
.banner .owl-dots .owl-dot.active{background: #10763a;border:none}

.car-news{position: absolute;left:0;top:0;margin-left:17.5%;margin-top:38%;z-index: 999;width:36%}
.car-news li{background: url(../images/news-icon.png)no-repeat  left center;
    padding-left:5.82%;display: none}
.car-news li a{color:#fff;display: inline-block;width:100%;font-size:1em;}
.car-news li a i{font-style: normal;display: inline-block;margin-left:7.9%;}
.car-news li span{margin-left:2%;margin-right:2.38%;}
.car-news li:hover{background: url(../images/news-iconH.png)no-repeat  left center;}
.car-news li:hover,.car-news li:hover a{color:#10763a;}
.car-news li.active{display:block;animation: fadeInUp 0.7s forwards;
    -webkit-animation: fadeInUp  0.7s forwards;}



/**************第二屏**********************/
.product-title{text-align: center;margin-top:4.2%;margin-bottom:2%;}
.pro-bTitle{font-weight: bold;font-size: 3em;color:#10763a;letter-spacing: 5px}
.pro-sTitle{background: url(../images/border.png)repeat-x center ;margin-top:7px;}
.pro-sTitle p{font-size:0.875em;color:#333333;font-family: Arial, Helvetica, sans-serif;text-transform:uppercase;display: inline-block;
z-index: 99;background: #fff;padding:0 2.096%;position: relative;}
.pro-sTitle p i{position: absolute;background: url(../images//start.png)no-repeat left  3px;top:0;display: inline-block;width:14px;height:14px;}
.pro-sTitle p i:first-child{left:0}
.pro-sTitle p i:last-child{right:0;background: url(../images//start.png)no-repeat right  3px;}

.pro-box-1 .ab-box{background: rgba(0,170,80,0.94);color:#fff;text-align: center;padding:14.8% 12.5% 0 12.5%;opacity: 0;cursor: pointer;}
.pBox-title{font-size:16px; }
.pBox-img{width:17px;height:17px;border:3px solid #fff;border-radius: 100%;display: inline-block;margin-top:0.9em;margin-bottom:1em;}
.pBox-desc{font-size:0.875em;line-height: 1.7}
.pBox-more{font-size:14px;color:#fff;display: block;margin-top:8%;}
.margin3{margin-right:3px;}
.pro-box-1>img{transition: all 0.7s linear; display:inline-block}

.pro-box-1{width:100%;position: relative;overflow: hidden; text-align:center; cursor:pointer; background-color:#f4f6f5}
.pro-box-1:hover>img{transform: scale(1.1)}
.pro-box-1:hover .ab-box{opacity: 1; -webkit-animation: slideInDown 0.9s;animation: slideInDown 0.9s}
.pBox-more:hover{color:#fff;font-weight: bold}
.pro-box-1:hover .pBox-title{opacity: 1;}

.pro-box-2 .ab-box{cursor: pointer;}
.product-data .col-sm-3{padding-right:3px}
.product-data .col-sm-3:last-child{padding-right:0}
.pro-box-2:hover .ab-box{padding-top:30%;-webkit-animation: slideInDown 0.9s;animation: slideInDown 0.9s }


.product-data .owl-dots{position: absolute;left:46%;bottom:-30px;}
.product-data .owl-dots .owl-dot {border-radius: 100%;display: block;width:14px;height:14px;background: #fff;float:left;border:1px solid #10763a;margin-right:10px}
.product-data .owl-dots .owl-dot.active {background: #10763a;border:none;border:1px solid #10763a}
.product-data .owl-dots .owl-dot.active{position: relative;}


/***************第三屏***********************/
.industry{position: relative;}
.industry-title{position: absolute;left:0;top:0;width:100%;text-align: center;display: block;padding-top:4.15%;z-index: 999;}
.indus-bTitle{font-weight: bold;font-size: 3em;color:#fff;letter-spacing: 5px;margin-bottom:7px;}
.indus-sTitle p{font-size:0.875em;color:#fff;font-family: Arial, Helvetica, sans-serif;text-transform:uppercase;display: inline-block;padding:0 2.96%;}
.indus-sTitle i{background: url(../images/indus-star.png)no-repeat center;display: inline-block;width:12px;height:12px;position: relative;}
.indus-sTitle i::before{position: absolute;top:50%;width:900px;background: url(../images/index-bor.png)repeat-x center;content: "";height:1px;}
.indus-sTitle i:first-child::before{right:12px;}
.indus-sTitle i:last-child::before{left:12px}

.industry .item{position: relative;}
.indus-data{margin-top:19.64%;background: url(../images/car.png)no-repeat left top;padding-left:13.548%;padding-right:42.387%;color:#fff;}
.inBox-enTitle{font-size:1.5em;font-family: Arial, Helvetica, sans-serif;text-transform:uppercase}
.inBox-title{font-weight: bold;font-size: 3.75em;letter-spacing: 2px;line-height: 1;margin-top:1px;margin-bottom:7.8%}
.inBox-desc{font-size:1em;line-height: 1.9}
.indus-more{font-size:1.125em;font-family: Arial, Helvetica, sans-serif;color:#fff;background: #10763a;border-radius: 30px;padding:9.5px 30px;display: inline-block;margin-top:11.1%}
.indus-more:hover{color:#10763a;background: #fff}
.indus-data:hover{background: url(../images/carH.png)no-repeat left top;}

/**********owl重写************/
.industry .owl-dots{position: absolute;right:30px;top:40%;}
.industry .owl-dots .owl-dot span{border:1px solid #fff;margin-bottom:28px;border-radius: 100%;display: block;padding:17px;color:#fff;font-weight: bold;font-size:1.125em;letter-spacing: 2px;}
.industry .owl-dots .owl-dot.active span{background: #10763a;border:none;border:1px solid #10763a}
.industry .owl-dots .owl-dot.active{position: relative;}
.industry .owl-dots .owl-dot.active::before {position: absolute;left:-40px;top:0;content: "";width:21px;height:16px;background: url(../images/dot-icon.png)no-repeat left center;margin-top:30%;}

/****************第四屏*************************/
.news-titleTop{margin-top:5.92%;margin-bottom:4.2%}
.news-box{width:30%;float:left;position: relative;  }
.news-img{overflow: hidden;width:100%;}
.news-img img{transition:all 0.7s linear;max-width:100%; width:100%;}
.news-box>a:first-child{display: block;width:100%;}
.news-box:nth-child(2n){margin:0 4.7%;}
.news-box:nth-child(3n){float:right}
.news-title{font-size:1em;color:#000;margin-top:7.3%;margin-bottom:4.8%;}
.news-desc{margin-bottom:16.7%;}
.news-desc a{font-size:0.9375em;color:#999;line-height: 1.9;display: block; text-align:justify}
.news-date{color:#333;font-family: Arial, Helvetica, sans-serif;font-size:1em;position: absolute;left:0;bottom:0;}
.news-more{font-size:1.125em;padding:9px 20px; border-radius: 30px;display: none;position: absolute;left:0;bottom:-10px;z-index: 999;}
.news-box:hover img{transform:scale(1.18)}
.news-box:hover .news-title{color:#10763a}
.news-box:hover .news-desc a{color:#333;text-decoration: underline}
.news-box:hover .news-date{opacity: 0;}
.news-box:hover .news-more{color:#fff;background: #10763a;display: inline-block; animation: bounceInDown 1s forwards;
    -webkit-animation:  bounceInDown  1s forwards;}

/**************第五屏**********************/
.contact{text-align: center;margin-top:12.4%}
.contact-center{display: inline-block;width:80%; min-width:300px;}
.contact-center i{float:left;transition:all 0.7s linear;width:49px;height:49px;background: url(../images/contact-icon.png)no-repeat top;
transition:all 0.7s linear;}
.contact-title{display: inline-block;font-size:3em;color:#fff;font-weight: bold;letter-spacing: 4px;line-height: 1;margin-left:-2%;}
.contact-icon{margin-top:7.5%}
.contact-icon i{transition:all 0.7s linear;background: url(../images/contact.png);width:25px;height:25px;display: inline-block}
.contact:hover .contact-title{color:#10763a}
.contact:hover .contact-center i{transform: rotate(360deg);background: url(../images/contact-iconH.png)no-repeat top;}
.contact:hover .contact-icon i{background: url(../images/contacth.png);transform: scale(1.2)}
.contact-img{overflow: hidden;position: relative;}
.contact-img>img{transition:all 1s linear;}
.contact-img:hover>img{transform: scale(1.2)}
#section5{background: #1d1d1d}

@media screen and (max-width:1630px){
    .ban-data{padding-top:10%}
    .car-news{margin-top:36%;}
    .product-title{margin-top:2%}
    .news-titleTop{margin-bottom:3%;}
}

@media screen and (max-width:1440px){
    .car-news{margin-top:38%;}
    .ban-bigTitle{font-size:5.6em;}
    .ban-des,.ban-title,.inBox-enTitle{font-size:1.375em;}

    .pro-bTitle,.indus-bTitle,.contact-title{font-size:2.6em;}
    .pro-box-1 .ab-box{padding-top:10%;}
    .pBox-img{width:15px;height:15px;margin:0.5em 0;}
    .product-data .col-md-3{padding-right:3px;}

    .indus-data,.indus-data:hover{background-size: 100px;}
    .inBox-title{font-size:3em;}
    .industry .owl-dots .owl-dot span{padding:12px;font-size:1em;}
    .industry .owl-dots .owl-dot.active::before{background-size: 18px;left:-30px}

    .contact{margin-top:10%;}

    .industry-title
    {
        padding-top:2%;
    }
}

@media screen and (max-width:1366px){
    .industry-title{padding-top:2%;}
    .indus-data{margin-top:18%;}
    .news-title{font-size: 1.375em;margin-top:4%;margin-bottom:3%}
    .news-desc a{line-height: 1.7}
    .news-desc{margin-bottom:12%;}
    .pro-bTitle, .indus-bTitle, .contact-title{font-size:2.2em;}
    .indus-bTitle{margin-bottom:0;}
    .pro-sTitle{margin-top:0;}
    .pro-box-1 .ab-box{padding-left:8%;padding-right:8%;}
    .pBox-img{width:14px;height:14px;}
    .contact-center i,.contact:hover .contact-center i{background-size: 40px;}
    .contact-title{margin-left:-13%;}
    .contact-img>img{margin-top:-50px;}
    .car-news{width:50%;}
    
}


@media screen and (max-width:1200px){
    .ban-des, .ban-title, .inBox-enTitle{font-size:1.2em;}
    .ban-bigTitle{font-size:3.8em;}
}

@media screen and (max-width:1080px){
    .top-link a{width:28px;height:28px;background-size: contain}
    .ban-more{padding:8px 18px}
    .product-title{margin-top:4%;margin-bottom:2.6%}
    .product-data,.news{margin-bottom:9%}
    .industry .owl-dots .owl-dot span{padding:8px;}
    .indus-more{padding:7px 16px}
    .indus-data, .indus-data:hover{background-size: 90px;}

    .news-box{width:31%;}
    .news-box:nth-child(2n){margin:0 2%;}
    .news-title{font-size:1.25em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .news-more{font-size: 1em;padding:6px 13px;}
    .news-desc{margin-bottom:14%}
    .pBox-title{margin-bottom:1%}
    .pBox-img{display: none;}
    .pBox-more{margin-top:3%;}
    .pro-box-1 .ab-box{padding-left:10px;padding-right:10px;padding-top:15px;}
    .contact-center i, .contact:hover .contact-center i{background-size: 32px}
    .contact-center i{width:32px}
    .contact-title{margin-left:6px;}
    .contact-icon{margin-top:3%;}
}
@media screen and (max-width:1024px){
    .contact-img>img{margin-top:0;}
}

@media screen and (max-width:1004px){
    .btn-next{margin-left:-50px}
    .ban-data{padding-left:10%;padding-top:8%}
    .car-news{width:60%;margin-left:11%}
    .top-link a{width:24px;height:24px;}
    .ban-bigTitle{font-size:3.6em;}

    .pro-sTitle p{padding:0 6%}
}

@media screen and (max-width:922px){
    .ban-more{padding:7px 13px}
    .btn-next img{width:20px;}
    .ban-bigTitle{font-size:3.4em;}
    .indus-data, .indus-data:hover{background-size: 80px;}
    .inBox-title{font-size:2.8em;}
    .indus-data{margin-top:15%}
    .industry .owl-dots .owl-dot span{padding:6px;}
    .contact-center{width:200px}
}

@media screen and (max-width:823px){
    .top-link{display: none}
    .ban-des, .ban-title, .inBox-enTitle{font-size:1.125em;}
    .ban-en{font-size:1.375em;}
    .ban-bigTitle{font-size:3em;}
    .product-data .col-sm-3{width:100%;}
    .product-data .col-sm-3:first-child{padding-right:3px;}
    .product-data,.news{margin-bottom:80px}
    .indus-data, .indus-data:hover{background-size: 70px;}
    .news-box{width:32%;}
    .contact-icon i{background-size: 20px;background-repeat: no-repeat}
    .contact-center i{background-size: 26px;}
    .contact-center{width:180px;}

}

@media screen and (max-width:768px){
    .car-news{width:100%;}
    .car-news li{padding-left:30px;}
    .car-news li span{margin-left:8px;margin-right:8px;}
    .car-news li a i{margin-left:30px;}
    .btn-next img{margin-left:26px;}
    .industry .owl-carousel .owl-item img{max-width:800px;}
    .pro-bTitle, .indus-bTitle, .contact-title{font-size:2em;}
    .indus-data, .indus-data:hover{background-size: 60px;}
    .indus-data{padding-left:10%;}
    .inBox-title{font-size:2.6em;}

}

@media screen and (max-width:737px){
    .indus-data, .indus-data:hover{background-size:50px}

}

@media screen and (max-width:640px){
    .indus-data{background: none;padding-left:0;}
    .indus-data:hover{background: none}
    .btn-next{display: none;}
    .ban-data{padding-left:15px;}
    .car-news{margin-left:30px;}
    .industry .owl-dots{right:15px;}
    .industry .owl-dots .owl-dot span{padding:4px 5px;}
    .industry .owl-dots .owl-dot span{font-size:12px;letter-spacing: 0;}
    .indus-more{padding:5px 10px}
    .news-box{width:100%;float:none;text-align: center;display: inline-block;margin-bottom:30px}
    .news-desc{text-align: left;margin-bottom:20px}
    .news-title{margin-top:20px;margin-bottom:10px;}
    .news-date,.news-more{position: relative;text-align: right}
    .news-box:nth-child(2n){margin:0 auto;margin-bottom:30px}
    .news-more{bottom:0;}
    .news-box:hover  .news-date{display: none}
    .contact-img>img{max-width:640px;}
}


@media screen and (max-width:525px){
    .banner .owl-carousel .owl-item img{max-width:630px;}
    .car-news{top:inherit;bottom:24px;margin-top:0;}
    .ban-title p{padding-left:20px;}
    .ban-des, .ban-title, .inBox-enTitle{font-size:1em;}
    .ban-bigTitle{font-size:2.6em;}
    .ban-more{font-size:13px;padding:5px 8px;}
    .banner .owl-dots{top:30%;}
    .banner .owl-dots .owl-dot{margin-bottom:20px;}
    .car-news li{background-size: 16px;padding-left:22px;}
    .product-data .owl-dots .owl-dot{width:10px;height:10px;}
    .product-title{margin-top:30px;margin-bottom:15px;}
    .pro-bTitle, .indus-bTitle, .contact-title{font-size:1.9em;}
    .pro-sTitle p{font-size:12px;}
    .pro-box-1 .ab-box{text-align: left;}
    .pro-box-1:hover .pBox-title{text-align: center}
    .pBox-desc{font-size:12px}
    .industry .owl-carousel .item{position: relative;overflow: hidden;}
    .industry .owl-carousel .owl-item img{position: relative;left:-30%;}
    .indus-more{font-size:12px;}
    .industry-title{padding-top:20px;padding-bottom:15px;}
    .indus-data{margin-top:100px;}
    .inBox-title{font-size:2.3em;}
   
    .indus-sTitle i,.pro-sTitle p i{background-size: 8px}
    .inBox-desc{line-height: 1.8}
    .contact-img>img{margin-left:-20%}
    .news{margin-bottom:40px}
    
}
@media screen and (max-width:423px){
    .car-news li a i{display: none}
    .car-news li span{margin-left:4px;margin-right:6px;}
    .ban-data{padding-left:0}
    .car-news{margin-left:15px;}
    .owl-carousel.owl-drag .owl-item .item{position: relative;overflow: hidden;}
    .banner .owl-carousel .owl-item img{position: relative;left:-40%;}
    .ban-en,.ban-des{display: none}
    .ban-data{padding-top:50px;}
    .ban-bigTitle{margin-top:10px;margin-bottom:30px;}
    .ban-more{font-size:12px;padding:5px 6px ;}
    .banner .owl-dots .owl-dot{width:8px;height:8px;}
    .ban-bigTitle{font-size:2.3em;}
    .ban-title p{background-size: 10px;padding-left:15px;}
    .product-data .col-sm-3:first-child,.product-data .col-sm-3{padding-right:0;}
    .product-data .owl-dots{left:40%;bottom:-22px;}
    .pro-box-1 .ab-box{padding-top:10%;padding-lefT:15px;padding-right:15px;}
    .pBox-title{margin-bottom:10px}
    .banner .owl-carousel .owl-item img{max-width:580px;}
    .indus-data{padding-right:30%;}
    .pro-bTitle, .indus-bTitle, .contact-title{font-size:1.8em;}
    .inBox-title{font-size:2.1em;}
    .indus-data{padding-right:28%;}
    .contact-img>img{margin-left:-40%}
    .contact-center{width:160px;}
    .industry .owl-dots{top:0;}
    .industry .owl-carousel .owl-dot{float:left;margin-left:8px}
    .industry .owl-dots .owl-dot.active::before{content:none}
    .industry .owl-dots .owl-dot span{margin-bottom:0}
}