@charset "utf-8";
/* CSS Document */
*{ margin:0;padding:0;}
body{ color:#000; font-size:16px; line-height: 30px; font-family:'Arial','微软雅黑','黑体', sans-serif;;}
html,
button,
input,
select,
textarea {
  font-family:'Arial','微软雅黑','黑体', sans-serif; }
a:hover{color:#50b528;outline: none;}
a{ outline:none;text-decoration:none; star:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0)}
div,ol,ul,li,dl,dd,a,td,input,h2,textarea{box-sizing: border-box;}
ul li,dl dd{list-style-type: none;}
img{ vertical-align: middle;}
.clear{ clear: both;}
.clearfix{zoom:1;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.warper{max-width: 1440px;margin:0 auto;}
.section-tb{display: table;width: 100%;height:100%;}
.section-tell{display: table-cell;vertical-align: middle;}

@font-face {
    font-family: 'Poppins';
    src: url('/skina/fonts/Poppins-Regular.eot');
    src: url('/skina/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('/skina/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/skina/fonts/Poppins-Regular.woff') format('woff'),
        url('/skina/fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Playfair Display';
    src: url('/skina/fonts/PlayfairDisplay-Regular.eot');
    src: url('/skina/fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('/skina/fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('/skina/fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('/skina/fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.header{ /*position: absolute; */width: 100%;line-height: 110px;z-index: 9999; margin-top:15px;}
.header .header-rt{position: absolute; height:20px; right: 0;}
.header .header-rt a{ display:inline-block; height: 20px;line-height: 20px; font-size: 14px; color: #000;float: right; margin-left: 10px;}
.header .header-rt a img{float:left; width: 20px; height: 20px;border-radius: 50%; margin-right: 5px; }
.header .header-dh{float:left;width: 100%;}
.header .logo img{float:left;}
.logo02{ display: none; }
.h-dh{ display:flex; }
.h-nav a{position: relative; display: inline-block; width: auto;height:50px; line-height: 50px; text-align: center;padding:0 30px; margin-left:20px;font-family: 'Poppins', sans-serif; font-size: 16px; color: #000;}
.h-nav a:after{position: absolute; display: block; content: ''; width:0; height: 50px; border-radius: 3px; background: #50b528;left:0;top:0; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear; z-index: -1;}
.h-nav a:hover:after{ width: 100%; }
.h-nav a:hover,.h-nav a.active{background: #50b528; color:#fff; border-radius: 3px;}
.h-nav a.active:after{width:100%; height: 49px;border-radius: 3px; background: #50b528;left:0;top:0;}
.menubtn {display: none;float: right;width: 60px;height: 60px;background: url(../images/menu-icon1.png) center right no-repeat;-moz-background-size: 28px 28px;-webkit-background-size: 28px 28px;background-size: 28px 28px;cursor: pointer;}
.s-open{position: absolute; display: none; padding:15px 20px; background:#fff;line-height: 36px; right:0; top:80px; box-shadow: 0 0 9px #dcdcdc;}
.s-open a{display: block; font-size:14px; color: #4c4c4c;}
.s-open a img{margin-right: 10px;}
.s-open .list:after{position: absolute; display: block; content: '';border:10px solid transparent;border-bottom:10px solid #fff;top:-20px;right: 0;}
.m-nav{ display: none;}

/* banner */
.swiper-banner {position: relative; width:100%;height: auto; overflow: hidden;}
.swiper-banner .swiper-slide {display: flex;justify-content: center;align-items: center;}
.swiper-banner .swiper-slide .swiper-Img{position: relative;top:0; left:0;z-index: -1;}
.swiper-banner .swiper-slide .swiper-Img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-banner .bannercontent{position: absolute; width: 100%; height: 100%;top:0; z-index: 999;}
.swiper-banner .swiper-slide .text{float:left;max-width:60%; margin-top:20%; font-size: 60px; line-height: 80px; color: #fff; font-weight: 600;}
.swiper-banner .swiper-slide .Img{float:right; width: 20%;height: auto;  margin-top:20%;right: 0;}
.swiper-banner .swiper-slide .Img img{ width: 100%; height: auto; }
.swiper-banner .swiper-button-prev{left: 4%;}
.swiper-banner .swiper-button-next{right: 4%;}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev{position: absolute;display: inline-block;margin-top: 33px;z-index: 10;outline: none;}
.swiper-banner .swiper-button-prev::after,.swiper-banner .swiper-button-next::after {content: "";position: absolute;left: 0;top: 0;z-index: 2;}
.swiper-banner .swiper-button-prev{background: url("../images/left_arrow.png") no-repeat;}
.swiper-banner .swiper-button-next{background: url("../images/right_arrow.png") no-repeat;}
.swiper-banner .swiper-button-prev:hover::before,.swiper-banner .swiper-button-next:hover::before{-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1); }
.m-swiper-banner{ display: none; }

/* 产品banner */
.swiper-nybanner {position: relative; width:100%;height:auto; overflow: hidden;}
.swiper-nybanner .swiper-slide {display: flex;justify-content: center;align-items: center;}
.swiper-nybanner .swiper-slide .swiper-Img{position: relative;top:0; left:0;z-index: -1;}
.swiper-nybanner .swiper-slide .swiper-Img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-nybanner .bannercontent{position: absolute; width: 100%; height: 100%;top:0; z-index: 999;}
.swiper-nybanner .swiper-slide .text{float:left;max-width:60%; margin-top:20%; font-size: 60px; line-height: 80px; color: #fff; font-weight: 600;}
.swiper-nybanner .swiper-slide .Img{float:right; width: 20%;height: auto;  margin-top:20%;right: 0;}
.swiper-nybanner .swiper-slide .Img img{ width: 100%; height: auto; }

/* index Product */
.box01{height: auto; padding: 80px 0; overflow: hidden;}
.box01 .pro-list{display: flex;align-items: center;justify-content: space-between; padding-bottom: 50px;}
.box01 .pro-list .item{position: relative; width: 48.5%; background:#ececec; border-radius: 5px; }
.box01 .pro-list .item img{ width: 100%; height:auto; }
.box01 .pro-list .item .title{ position: absolute;width: 48%; height: 85px;line-height: 85px;  background: #50b528; border-radius: 5px; font-size: 20px; font-weight: 500;text-align: center; bottom: -35px; z-index: 9999; left: 50%; margin-left: -24%; }
.box01 .pro-list .item .title a{ color: #fff; }
.box01 .pro-list .item:fist-child{margin-right: 3%;}

/* Service trade */
.box02{ width: 100%; height: auto; background:#f0f0f0; padding-top:80px; overflow: hidden; }
.box02 .title{font-size:36px;line-height: 36px; color: #262626; text-align: center;font-weight: 600;}
.box02 .title span{ font-family: 'Playfair Display', sans-serif; font-weight: bold; font-style: italic;background-image: linear-gradient(to right, #50b528, #add3a8);
  -webkit-background-clip: text;background-clip: text;color: transparent;margin-left: 8px;padding-right: 5px; }
.box02 .service-list{margin-top:70px; margin-right: -2.1%;}
.box02 .service-list .item{position: relative; float:left; width: 32%; margin-right: 1.333333333%; margin-bottom: 80px; overflow: hidden;}
.box02 .service-list .item .Img{ width: 100%; height: auto; overflow: hidden; }
.box02 .service-list .item .Img img{ width: 100%; height: auto; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.box02 .service-list .item:hover .Img img{transform: scale(1.1);}
.box02 .service-list .item .text-box{position: absolute; width:100%; height: 100%; padding: 0 4%; color: #fff; background: rgba(0,0,0,0.6); left: 0; top:80%;  text-align: center;}
.box02 .service-list .item .text-box h3{font-size: 20px;font-weight: 600; margin-bottom: 20px;margin-top:4%;}
.box02 .service-list .item:first-child .text-box h3{margin-top:0;}
.box02 .service-list .item .text-box p{ display: none; }
.box02 .service-list .item:hover .text-box{top:0;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear; }
.box02 .service-list .item:hover .text-box h3{margin-top:26%; }
.box02 .service-list .item:hover .text-box p{ display: block; }

/* Markets */
.box03{padding:80px 0;}
.box03 .title{font-size:36px;line-height: 36px; color: #262626; text-align: center;font-weight: 600;margin-bottom: 70px;}
.box03 .map{width: 100%;text-align: center;}

/* Cooperative partner */
.box04{position: relative; width: 100%; height: auto; background:#f0f0f0; padding:80px 0; overflow: hidden; }
.box04 .title{font-size:36px;line-height: 36px; color: #262626; text-align: center;font-weight: 600;}
.box04 .title span{ font-family: 'Playfair Display', sans-serif; font-weight: bold; font-style: italic;  background-image: linear-gradient(to right, #50b528, #add3a8);
  -webkit-background-clip: text;background-clip: text;color: transparent;margin-left: 8px;padding-right: 5px;}
.box04 .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto; margin-top:70px;}
.box04 .swiper-slide {text-align: center;font-size: 18px;height: calc((100% - 30px) / 2); display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.box04 .swiper-slide img{ width: 100%; height: auto; }

/* footer */
.footer{width: 100%;padding-top:20px; border-top:1px solid #d8d8d8; overflow: hidden;}
.footer .footer-tp{ width: 100%; overflow: hidden; }
.footer .footer-left{ width: 30%;}
.footer .footer-left .introduce{ width: 90%;/*padding:15px; */font-size: 14px; line-height:30px;color: #333; font-weight:300; /*border:1px solid #ebebeb;*/ margin-top:40px; }
.footer .footer-mid{ width:40%;padding-left: 4%; border-left: 1px solid #d8d8d8;}
.footer .footer-mid h2,.footer .footer-right h2{font-size: 24px; font-weight:500; color: #262626; margin-bottom: 20px;}
.footer .footer-mid .c-info{ width: 96%; height: auto; margin-bottom: 10px;line-height: 24px; }
.footer .footer-mid .c-info .c-icon{margin-right: 10px;}
.footer .footer-mid .c-info .c-ixt{font-size: 14px; color: #333; font-weight: 300;}
/*.footer .footer-mid .c-info .c-ixt p{margin-top:5px; }*/
.footer .footer-right{ width: 30%;padding-left: 4%; border-left: 1px solid #d8d8d8;}
.footer .footer-right .i-input input{ width: 94%; height: 35px;line-height: 35px; padding:0 5px; border:1px solid #ebebeb; outline: none; }
.footer .footer-right .i-textarea textarea{width: 94%; height: 82px;padding:5px; border:1px solid #ebebeb;margin-top:20px;outline: none; background: url(../images/textarea_03.jpg) no-repeat right bottom;}
.footer .footer-right .i-button button{ width: 40%; height: 35px; line-height: 35px; background: #8a8b95; border-radius: 3px; border:none; text-align: center; color: #fff;margin-top:20px;}
input::placeholder,textarea::placeholder {color:#8a8b95;}

.footer-bt{ width: 100%; margin-top:20px; border-top:1px solid #d8d8d8;padding:15px 0; text-align: center; font-size: 14px; line-height: 24px; font-weight: 300; color: #333;}
.footer-bt a{color: #333;}

/* about banner */
.sec-banner{position: relative; width: 100%;height: 620px; overflow: hidden; z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;}
.sec-banner img{position: absolute; height: auto; left: 50%; margin-left: -960px;}
.sec-banner .text{position: absolute;width: 100%; left: 0; top:35%;font-size: 48px;line-height: 60px; color: #fff;font-weight: bold;}

/* Company Introduction */
.introduction .content{font-size: 18px;line-height: 36px;}
.introduction .content .Img{ width: 100%; text-align: center; margin-top:80px; margin-bottom: 40px; }
.introduction .content .Img img{max-width: 100%; height: auto;}
.introduction .introductionImg{margin-right: -2%;margin-top:40px;overflow: hidden;}
.introduction .introductionImg .item{ position: relative; float:left; width: 23%;overflow: hidden; margin-right: 2%; }
.introduction .introductionImg .item .Img img{ width: 100%; height: auto; }
.introduction .introductionImg .item .text{position: absolute; width: 100%;height: 65px;line-height: 24px; padding:0 10px; font-size: 18px; color: #fff; text-align: center; background: rgba(0,0,0,0.6); left: 0; bottom: 0;}

.introduction .video{position: relative; width: 100%; height:auto; margin:0 auto; overflow: hidden;display: flex;align-items: center;justify-content: center;margin-top:4.6%; z-index: 5;}
.introduction .video video{width: 100%;}
/* 播放暂停图标 */
#play_icon{display: block;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px; z-index: 3;}
/* 将video控件的播放按钮隐藏 */
video::-webkit-media-controls-play-button {display: none;}
.i-about .seemore{display: block; text-align: center;font-size: 16px; color: #000;padding-bottom: 6%;}
.i-about .seemore i{ display:inline-block; width:6px; height: 10px; background: url(../images/right_arrow.png) no-repeat; margin-left: 10px;margin-top:4.6%;}

/* Significant Memories */
.about-main2{height: 890px;width: 100%;overflow: hidden; background: #f0f0f0;padding-top:80px;margin:80px 0; }
.about-main2 .title{font-size:36px;line-height: 36px; color: #262626; text-align: center;font-weight: 600;}
.about-main2 .title span{ font-family: 'Playfair Display', sans-serif; font-weight: bold; font-style: italic;  background-image: linear-gradient(to right, #50b528, #add3a8);
  -webkit-background-clip: text;background-clip: text;color: transparent;margin-left: 8px;padding-right: 5px;}
.about-main2 .licheng-bg{width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .ny-title{padding-top: 80px;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .History01 ul li{width: 20%;float: left;height: 100%;}
.about-main2 .History02 ul li{width: 33.3333333%;float: left;height: 100%;}
.about-main2 .History03 ul li{ width: 100%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{position: absolute; color: #50b528;font-size: 36px;bottom: -35px;}
.about-main2 .licheng-content ul li:nth-child(2n) .date{top: -35px;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background:url(../images/lcicon.png) no-repeat;display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px;background:url(../images/lcicon.png) no-repeat;display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 250px;width: 1px;display: block;background-color: #50b528;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 100%;height:100%;display: table;}
.about-main2 .History01 ul li.item5 .lc-right{width: 200px;}
.about-main2 .History01 ul li.item2 .lc-right, .about-main2 .History01 ul li.item4 .lc-right{width: 400px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .History01 ul li.item1 a{top: 140px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .History01 ul li.item2 a{top: 358px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 80px;}
.about-main2 .History01 ul li.item3 a{top: 206px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .History01 ul li.item4 a{top: 400px;}
.about-main2 .licheng-content li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content li.item4 .lc-right{top: 70px;}
.about-main2 .History01 ul li.item5 a{top: 145px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 100px;}
.about-main2 .licheng-content .right-text .Img{ width: 213px; height: 143px; }
.about-main2 .licheng-content .right-text .Img img{ width: 100%; height: auto; }
.about-main2 .licheng-content .right-text p{font-size: 16px;}

.about-main2 .History02 ul li.item1 a{top: 95px;}
.about-main2 .History02 ul li.item2 a{top: 415px;}
.about-main2 .History02 ul li.item3 a{top: 165px;}

.about-main2 .History03 ul li.item1 a{top: 150px;}

.swiper-wh1200,.swiper-wh768{ display: none; }
.lc-swiper-btn{width: 100%;position: absolute;top: 370px; z-index: 999999;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 120px;cursor:pointer}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 120px;cursor:pointer}
.lc-swiper-btn .iconfont,.lc-swiper-btn02 .iconfont{font-size: 30px;}

/* Product */
.sec-column{position: relative; width: 100%; height: 88px; line-height: 88px;}
.sec-column a{ display:block;float:left;  width: 50%; text-align: center; font-size: 30px; color: #000; box-sizing: border-box;border-top: 4px solid #fff;border-bottom: 1px solid #e1dfdf;}
.sec-column a:hover,.sec-column .active{ color: #50b528; border-top: 4px solid #50b528;border-right: 1px solid #e1dfdf;border-bottom: 1px solid #fff;}
.sec-column .active:last-child {border-left: 1px solid #e1dfdf;}

.product{ width: 100%; margin:60px 0; overflow:hidden; }
.pro-column{width:26%;}
.pro-column li{position: relative; background:#49a923 url(../images/zkicon.png) no-repeat 95% 28px; margin-bottom: 1px; }
.pro-column li .pro-h3{height: 70px;line-height: 18px; font-size: 18px; color: #fff;padding:0 45px 0 30px;font-weight:normal;}
.pro-column li .sec-column-list{ display: none; /*padding-left:45px; */background: #f1f1f1;}
.pro-column .on .sec-column-list{ display: block; }
.pro-column .on{background:#49a923 url(../images/zkicon01.png) no-repeat 95% 28px; }
.pro-column li .sec-column-list a{display:block; height:58px; line-height: 18px; font-size: 16px; color: #262626; padding-left: 45px;padding-right: 20px;}
.pro-column li .sec-column-list a:hover,.pro-column li .sec-column-list .active{background: #49a923;color: #fff; font-weight: 600;}
.nav-box .nav-close:hover{transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.pro-column .takeback{position:absolute;width: 19px; height: 19px; top:22px; right:5%; z-index: 666;}
.pro-column .takeback img{ width: 100%; height: auto; }
.nypro-list { width: 71%; margin-left: 3%;margin-right: -2.5%; }
.nypro-list .content{margin-right: -2.5%;}
/*.nypro-list .item{ float: left; width: 47.5%; margin-right: 2.5%; margin-bottom: 50px;}
.nypro-list .item .Img{ width: 100%; height: auto;  background:#ececec; border-radius: 5px;box-shadow: 0px 3px 9px #cdcdcd;}
.nypro-list .item .Img img{ width: 100%;height: auto; }
.nypro-list .item .text{font-size: 20px; color: #000;margin-top:30px;}*/
.nypro-list .item{ position: relative; float: left; width: 47.5%; margin-right: 2.5%; margin-bottom: 50px; overflow: hidden;}
.nypro-list .item .Img{ width: 100%; height: 100%;  background:#ececec; border-radius: 5px;box-shadow: 0px 3px 9px #cdcdcd;}
.nypro-list .item .Img img{ width: 100%;height: auto; transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.nypro-list .item .text-box{position: absolute; width:100%; height: 100%; padding: 0 4%; color: #fff; background: rgba(0,0,0,0.6); left: 0; top:83%;  text-align: center;}
.nypro-list .item .text{font-size: 20px; color: #fff;margin-top:4%;margin-bottom:20px;}
.nypro-list .item .text-box textarea{ display: block;width:90%;height:76px; font-size: 18px; color: #fff; background: none; border:none;resize: none;outline: none; margin:0 auto; text-align: center; }
.nypro-list .item:hover .text-box{top:0;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear; }
.nypro-list .item:hover .text-box .text{margin-top:26%; }
.nypro-list .item:hover .Img img{transform: scale(1.1);}

/* Quality Assurance */
.quality{margin-top:80px;margin-bottom: 80px; padding:30px 0;}
.quality-cont{width: 100%; background: #fff;/*padding:50px; */margin:0 auto;}
/*.quality-cont:before,.quality-cont:after{position: absolute;content: ''; width: 439px;height: 371px; border:10px solid #50b528;  z-index: -1;}
.quality-cont:before{left: 0; top:0;}
.quality-cont:after{right: 0; bottom: 0;}*/
.quality-cont p{font-size: 18px;line-height: 30px; color: #262626;}

.quality-list{margin: 50px 0 70px 0;}
.quality-list{overflow:hidden;margin-top:30px;}
.quality-list .tab-hd{height:90px; line-height: 90px;}
.quality-list .tab-hd li{float:left;width:50%; height: 90px;line-height: 90px; text-align: center; font-size: 30px; color: #262626; cursor: pointer;border-bottom:1px solid #e1dfdf; }
.quality-list .tab-hd li a{ color: #262626; }
.quality-list .tab-hd .active{border-top:4px solid #50b528;border-right: 1px solid #e1dfdf; border-bottom: 1px solid #fff;}
.quality-list .tab-hd .active a{ color: #50b528; }
.quality-list .tab-hd .active:last-child{border-left: 1px solid #e1dfdf;}
.quality-list .tab_bd .item{margin-top:25px;display: none; }
.quality-list .tab_bd .item .image-list{margin-right: -2%;overflow: hidden;}
.quality-list .tab_bd .item .image-list .cover{float:left; width: 23%;height:auto;display: inline-block;margin-right:2%;margin-bottom:30px;background: #efefef;padding:30px;cursor: pointer; }
.quality-list .tab_bd .item .image-list .cover .Img{ width: 100%; height: auto; overflow: hidden; }
.quality-list .tab_bd .item .image-list .cover img{width: 100%; height: auto; margin: auto;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.quality-list .tab_bd .item .image-list .cover:hover img{transform: scale(1.1);}
.quality-list .tab_bd .item .image-list .cover p{font-size: 18px; height: 48px; line-height: 24px; color: #262626; margin-top:20px;}

.new-list{margin-top:70px; overflow: hidden;margin-right: -2%;}
.new-list .item{position:relative; float:left; width:31.3333333%; height: 505px; margin-right: 2%;box-shadow: 0px 3px 9px #cdcdcd; margin-bottom: 50px;padding-bottom: 30px;}
.new-list .item .Img{ width: 100%; height: auto; overflow:hidden; }
.new-list .item .Img img{ width: 100%;height: auto; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;}
.new-list .item:hover .Img img{transform: scale(1.1);}
.new-list .item .text{padding:0 6%;}
.new-list .item .text h5{font-size: 18px; line-height: 24px; color: #262626; font-weight: 600;margin-top:40px;margin-bottom: 20px;}
.new-list .item .text p{font-size: 14px;line-height: 24px; color: #000;}
.new-list .item .more{position: absolute; font-size: 16px; color: #50b528; left:6%;bottom:40px; font-weight: 300;}
.new-list .item .more a{ color: #49a923; }
.mobile-new-list{ display: none; }

.product-show{margin-top:80px; overflow: hidden;}
.proShow-lf{ width: 48%; background: #ececec; }
.proShow-lf .swiper-slide img{ width: 100%; height: 100%; }
.proShow-tp{ width: 100%; overflow: hidden; }
.pro-parameter{ width: 49%;margin-left: 3%; }
.pro-parameter .text{font-size: 32px;line-height: 32px; color: #50b528; font-weight: 600;margin-bottom: 40px;}
.pro-parameter dl{float:left; width: 100%; height: 73px; border:1px solid #e7e7e7;margin-top:-1px;font-size: 18px;}
.pro-parameter dt{ float: left; display:block;  width: 30%;height: 73px;border-right:1px solid #e7e7e7; padding-left: 3%; }
.pro-parameter dd{ float: left; display:block; width: 63.5%;height: 73px; padding-left: 3%; color: #262626; }
.pro-parameter dd textarea{width: 100%;height: 100%;font-size:18px;padding-top: 16px; color: #262626; border: none; background: none; resize:none;}

.proShow-btn{ width: 100%; overflow: hidden; margin-top:40px; margin-bottom: 80px;}
.proShow-btn .tab-hd{ width: 100%; overflow:hidden;}
.proShow-btn .tab-hd li{ display: inline-block;float: left; width: 25%;height: 73px;line-height: 73px;  text-align: center; font-size: 22px; color: #262626; cursor: pointer;border-bottom: 1px solid #e7e7e7; }
.proShow-btn .tab-hd .active{ background: #50b528;  color: #fff; }
.proShow-btn .tab_bd .item{ display: none; padding: 50px 0;}
.proShow-btn .tab_bd .item img{float: left;margin-top: 6px;margin-right: 5px;}

.nycontact{margin-top:80px;}
.contact-tp{overflow: hidden;}
.contact-tp .title,.contact-mid .title{position: relative; width: 100%; font-size:36px;line-height: 36px; color: #262626; font-weight: 600; text-align: left; }
.contact-tp .title:before,.contact-mid .title:before{position: absolute; content: ''; width: 80px;height: 4px; background: #50b528; left:0;bottom:-20px;}
.contact-tp .contact-list{margin-top:60px; margin-right: -3%;}
.contact-tp .contact-list .item{float:left; width: 47%; padding:30px; border:1px solid #ececec;margin-right: 3%;box-shadow: 0px 3px 9px #cdcdcd; }
.contact-tp .contact-list .item .tit{height:50px;line-height: 50px; font-size: 24px; color: #50b528;font-weight: 600;border-bottom: 2px solid #ececec;margin-bottom: 20px;}
.contact-tp .contact-list .item p{font-size: 18px;line-height: 48px; color: #000;}
.contact-mid .title{margin:80px 0 60px 0;}
.contact-mid .item{ width: 47%;padding:30px; border:1px solid #ececec;margin-right: 3%;box-shadow: 0px 3px 9px #cdcdcd; /*margin:0 auto;*/}
.contact-mid .item p{font-size: 18px;line-height: 48px; color: #000;}
.contact-map{text-align: center; margin-top:80px; margin-bottom: 80px;}
.contact-map img{max-width: 100%;  }

.pages{ width: 100%;height: auto;overflow: hidden; padding:50px 0; text-align: center;}
.pages .tiao{padding:10px 25px; color: #b4b4b4;border-radius: 5px; border:1px solid #d5d5d5;margin-right: 5px;}
.pages .prev,.pages .next{padding:10px 25px; color: #262626;border-radius: 5px; border:1px solid #b4b4b4; margin-left: 5px;}
.pages .current{padding:10px 15px; background: #49a923; color: #fff;}
.pages a,.pages span{padding:10px 15px; color: #555;}

@media only screen and (max-width: 1600px){
    .swiper-banner .swiper-slide .text{font-size: 50px;line-height: 70px;}
    .swiper-banner .swiper-slide .Img{ width: 25%; }
}

@media only screen and (max-width: 1440px){
    .warper{width:95%;}
    .box03 .map img{ width: 100%;}
    .box01 .pro-list .item .title{ width: 40%; height: 65px;line-height: 65px; margin-left: -20%; }
    .nycontact{margin-top:60px;}
    .contact-mid .title,.quality{margin-top:60px;margin-bottom:60px;}
    .swiper-banner .swiper-slide .text{font-size: 40px;line-height: 60px;}
    .bannercontent{width:96%;}
}
@media only screen and (max-width: 1360px){
    .new-list .item{ height: 500px; }
}
@media only screen and (max-width: 1200px){
    .h-nav a{margin-left:10px;padding:0 20px;}
    .box02 .service-list{margin-right: -2%;}
    .box02 .service-list .item{ width: 48%; margin-right: 2%; margin-bottom: 30px; }
    .footer .footer-left{ display: none; }
    .footer .footer-mid{ width: 55%; border-left: none; }
    .footer .footer-right{ width: 45%; }
    .quality-list .tab_bd .item .image-list .cover{ width: 31.3333333%;padding:20px; }
    .quality-list .tab-hd li,.box02 .title{font-size: 24px;}
    .new-list .item{ height: 455px; }
    .swiper-wh1200{ display: block; }
    .swiper-wh1400{ display: none; }
    .sec-banner{height: 420px;}
    .sec-banner .text p{font-size: 36px;line-height: 48px;}
}

@media only screen and (max-width: 1024px){
    .logo01,.h-nav{ display: none; }
    .logo02,.menubtn{display: block;}
    .logo02{margin-top:12px;}
    .header{line-height:62px;}
    .header .header-rt{right: 60px;top:20px;}
    .h-nav{position: absolute;width: 100%;top: 70px;background: #fff;left: 0;z-index: 9999;}
    .h-nav a{ display:inline-block; width: 92%;margin-left:4%; color: #666; border-bottom: 1px solid #e8e8e8;text-align: left; }
    .h-nav a:last-child{border-bottom: none;}.h-nav a:after{ display: none;}
    .introduction .introductionImg .item{ width:48%; margin-right: 2%; margin-bottom: 30px;}
    .pro-column,.pro-list,.nypro-list{ width: 100%;margin:0 auto; }
    .pro-list,.nypro-list{margin-left: 0;margin-top:30px;}
    .quality-list .tab_bd .item .image-list .cover{ width: 48%; }
    .contact-tp .contact-list{margin-right: 0;}
    .contact-tp .contact-list .item{margin-bottom: 30px;}
    .contact-tp .contact-list .item,.contact-mid .item{width: 100%;}
    .contact-tp .title, .contact-mid .title{font-size: 30px;}
    .contact-tp .title:before, .contact-mid .title:before{ width: 60px;height: 3px;margin-left: -30px; bottom: -10px; }
    .contact-tp .contact-list .item .tit,.pro-parameter .text{font-size: 20px; }
    .contact-tp .contact-list .item p,.pro-parameter dd{font-size: 16px;}
    .pro-parameter dt{font-size: 16px;line-height: 18px;}
    .proShow-lf,.pro-parameter{width: 100%;margin:0 auto;}
    .pro-parameter{margin-top:40px;}
    .proShow-btn .tab-hd li{font-size: 18px;}
    .product{margin:40px 0;}
    .sec-column a{font-size: 24px;}
    .quality-cont:before,.quality-cont:after{ width: 339px; height: 286px; }
    .pc-swiper-banner{ display: none; }
    .m-swiper-banner{ display: block; }
    .swiper-banner .swiper-slide .swiper-Img img{min-height: 420px; object-fit: cover;}
    .swiper-banner .swiper-slide .text{ width: 100%; text-align: center; font-size: 30px; line-height: 40px; }
	}

 @media only screen and (max-width: 768px){
    .footer .footer-right{ display: none; }
    .footer .footer-mid{ width: 100%; }
    .box01 .pro-list{ display: block; padding-bottom: 20px;}
    .box01 .pro-list .item{ width: 100%; margin-bottom: 80px; }
    .box02 .title,.box03 .title,.box04 .title,.about-main2 .title{font-size: 24px;}
    .box02 .service-list .item .text-box h3{font-size: 16px;}
    .box02 .service-list .item .text-box{top:70%;}
    .box02 .service-list .item:hover .text-box{top:70%;}
    .box01{padding-top:20px; padding-bottom: 0;}
    .box03{padding:30px 0px;}
    .box03 .title{margin-bottom: 30px;}
    .box02{padding-top:30px;}
    .box04{padding:30px 0;}
    .box02 .service-list,.box04 .swiper-container{margin-top:30px;}
    .quality-list .tab-hd li{font-size: 18px;line-height: 24px;}
    .new-list{margin-top:30px;}
    .new-list .item{ width: 48%; }
    .new-list .item .text h5{margin-top:20px;}
    .new-list .item .text p{margin-top:10px;}
    .pc-new-list{ display: none; }
    .mobile-new-list{ display: block; }
    .nycontact,.contact-tp .contact-list{margin-top:30px;}
    .contact-mid .title{margin:10px 0 40px 0;}
    .proShow-btn .tab-hd li{ width: 50%; }
    .proShow-btn{margin-bottom: 30px;}
    .sec-column,.sec-column a:before,.sec-column a:after{height: 60px;line-height: 60px;}
    .sec-column a{font-size: 18px;}
    .pro-column li .pro-h3{ height: 60px; }
    .pro-column .takeback{top:15px;}
    .pro-column li .pro-h3,.nypro-list .item .text,.quality-list .tab_bd .item .image-list .cover p{font-size: 16px;line-height: 18px;}
    .contact-mid .title, .quality{margin-top:0;margin-bottom:30px;}
    .quality-cont:before,.quality-cont:after{ width: 239px; height: 202px;border:8px solid #50b528;}
    .quality-cont{padding:0px;}
    .quality-cont:before, .quality-cont:after{ display: none; }
    .swiper-wh768{ display: block; }
    .swiper-wh1200{ display: none; }
    .sec-banner .text{text-align: center;}
    .sec-banner .text p{font-size: 24px;line-height: 36px;font-weight: 600;}
    .swiper-banner .swiper-slide .text{font-size: 24px;line-height: 36px; margin-top:35%;}
    .introduction .introductionImg .item .text{font-size: 16px;line-height: 20px;}
    .about-main2{margin-top:30px; padding-top:30px;}
    .about-main2{height: 590px;}
    .about-main2 .licheng-content ul li .date{position:static;}
   .about-main2 .licheng-content ul li.item1 .lc-left .line:after{top:0;}
   .about-main2 .History03 ul li.item1 a{top:110px;}
   .about-main2 .licheng-content ul li.item1 .lc-right{bottom:0;}
   .lc-swiper-btn .btn-prev,.lc-swiper-btn .btn-next{top:30px;}
   #play_icon{ display: none; }
   .introduction .content{font-size: 16px; line-height: 30px;}
   .introduction .content .Img{margin-top:30px;margin-bottom: 20px;}
   .pages{padding:10px 0 50px 0;}
   .pages span{background: #49a923;color: #fff;}
   .pages .tiao{background: none;}
   .pro-column .on{background:#49a923 url(../images/zkicon01.png) no-repeat 95% 21px; }
   .product-show{margin-top:30px;}
   .pro-parameter .text{margin-bottom: 20px;}
   .pro-column li .sec-column-list a{font-size: 14px;}
   .swiper-banner .swiper-slide .text{ width: 100%; text-align: center; }
   .swiper-nybanner .swiper-slide .text{width: 100%; margin-top:10%; font-size: 36px; line-height: 36px;}
}
 @media only screen and (max-width: 430px){
    .about-main2{height: 520px;}
    .about-main2 .History03 ul li.item1 a{top:95px;}
    .quality-list .tab_bd .item .image-list .cover p{height:54px;} 
    .box04 .swiper-container{ height: 220px; }
 }