.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white h3,.white p {color: #fff;}
.white i {background: #fff;}
.contact img {width: auto;max-width: 100%; height: auto !important;}
.contact ul {padding-left: 15px;}
.contact ul li {list-style: inherit;}
.row1 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.row2 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.row3 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.row4 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.row5 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;}
.row6 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.banner {max-height:700px;overflow: hidden;position: relative;margin-top: 100px;}
.banner .swiper-pagination1 {bottom:10px;position: absolute;text-align: center;z-index:10;width: 100%;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:10;}
.banner .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.banner .swiper-pagination-bullet-active{background: #b0c43f;width:22px;}
.banner .swiper-button-prev,.banner .swiper-button-next{width:30px;height:50px;}
.banner .swiper-button-prev{left:5%;background:#b0c43f url(../img/zuo.png) no-repeat center center;}
.banner .swiper-button-next{right:5%;background:#b0c43f url(../img/you.png) no-repeat center center;}

/*--  产品分类  sub1  --*/
.sub1-tit {text-align: center;}
.sub1-tit p {font-size: 24px;line-height: 40px;max-width: 80%;margin: 0 auto;}
.sub1-nr {position: relative;margin: 4% -20px 0;}
.sub1-item{padding:20px;cursor: pointer;}
.sub1-list{text-align: center;padding-bottom:30px;box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1);}
.sub1-img {position: relative;overflow: hidden; border-radius: 20px 0 20px 0;}
.sub1-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub1-box {margin:15px 0 0;padding: 0 30px;}
.sub1-box h5 {font-size: 20px;line-height: 30px;height: 60px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.sub1-box p {line-height: 26px;color: #4a4a48; font-family: 'Futura Bk BT';margin-top:5px;height: 130px;}
.sub1-box a {font-family: 'Poppins';width: 100%;line-height: 42px;background: #669b33;text-align: center;color: #fff;display: block;border-radius:20px 0 20px 0;margin-top: 32px;}
.sub1-nr .btn-rig,.sub1-nr .btn-left{ width:27px; height:47px;cursor: pointer; position: absolute;top:50%;margin-top:-23.5px;z-index: 99;opacity:1;display: block;}
.sub1-nr .btn-rig{right:-4%;background:url(../img/next1.png) no-repeat center center;}
.sub1-nr .btn-left{left:-4%;background:url(../img/prev1.png) no-repeat center center;}
.sub1-item:hover .sub1-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--  JINDI GLASS FIBER OVERVIEW  sub2  --*/
.sub2 {background: #f8f9f8;}
.sub2-cont {display: flex;justify-content: space-between;}
.sub2-left {width: 41%;}
.sub2-word {font-size:19px;line-height: 38px;height: 418px; color: #2f2f2f;font-family: 'Futura Bk BT' !important;}
/*{text-align: justify;padding-right: 15px;    overflow: hidden;*/
/*	overflow-x: hidden !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch;}*/
/*.sub2-word::-webkit-scrollbar-thumb {background-color: #669b33;height:30px;-webkit-box-shadow: inset 0 0 5px rgb(0 0 0 / 2%);border-radius: 5px;}*/
/*.sub2-word::-webkit-scrollbar {width:5px;background:#fff;border-radius: 5px;}*/
.sub2-rig {width: 55.9%;}
.sub2-box{width: 100%;position: relative;}
.sub2-box video {width: 100%;height: auto;position: relative;z-index: 2;}
.sub2-icon {width: 100%;height:auto;position: absolute;bottom: -8%;left: 0;}
.sub2-video{width: 100%;height: auto;position: relative;overflow: hidden;cursor: pointer;}
.sub2-video img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

/*--  数字滚动  sub3  --*/
.sub3 {background: url(../img/sub3-bg.jpg) left top;}
.sub3-box {display: flex;align-items: baseline;font-family: 'Poppins';transition: all 300ms ease-in-out;}
.sub3-box b{font-size: 60px;}
.sub3-box sub {font-size: 36px;bottom: 0;}
.sub3-item {width:18.5%;}
.sub3-item p {font-size: 20px;color: #444444;text-transform: uppercase;}
.sub3-item span {font-family: 'Futura Bk BT';font-size: 18px;line-height: 24px;color: #484848;}
.sub3-nr {display: flex;justify-content: space-between;}
.sub3-nr .sub3-item:nth-child(1){width: 22%;}
.sub3-nr .sub3-item:nth-child(2){width: 30%;}
.sub3-item:hover .sub3-box{color: #669b33;}

/*--  Check Out  Blogs  sub4  --*/
.sub4-nr .row,.blog .row {margin: 0 -35.5px;}
.sub4-item{padding: 0 35.5px;cursor:pointer;}
.sub4-img {position: relative;overflow: hidden;border-radius: 10px;}
.sub4-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub4-box {text-align: center;margin-top: 25px;}
.sub4-box p {font-size:19px;line-height: 30px;color: #4a4a48;height: 60px;}
.sub4-icon {width:60px;height: 34px;text-align: center;background: #669b33;border-radius:8px;margin: 17px auto 0;}
.sub4-item:hover .sub4-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--  临时链接内容  --*/
.nei-top h3 {font-size: 40px;color: #669b33;}
.nei-top p {font-size: 24px;line-height: 34px;color: #2f2f2f;margin-top:20px;font-family: 'Futura Bk BT';}
.nei-tit {display: flex;align-items: center;}
.nei-tit img {margin-right: 10px;}
.nei-tit p {font-size: 28px;line-height: 34px;color: #669b33;}
.nei-item {margin-bottom: 3%;}
.nei-item ul {margin-top: 3%;}
.nei-item ul li {display: block;line-height: 34px;font-size: 24px;font-family: 'Futura Bk BT';}
.nei-item ul li a {color: #2f2f2f;}
.nei-item ul li a:hover {text-decoration: underline;color: #669b33;}

/*--  关于我们页  --*/
.abo1{background: #f8f9f8;}
.abo1-cont {display: flex;align-items: center;justify-content: space-between;}
.abo1-left {width: 29.3%;border-top-left-radius: 50px;border-bottom-right-radius: 50px;overflow: hidden;}
.abo1-rig {width: 66.3%;font-size: 16px;line-height: 30px;font-family: 'Futura Bk BT';}
.abo2-tit {font-size: 20px;color: #669b33;font-family: 'Futura Bk BT';}
.abo2-nr{font-size: 16px;line-height: 30px;font-family: 'Futura Bk BT';}
.abo2-cont1 {background:url(../img/abo-bg1.jpg) left top;}
.abo2-contnr {display: flex;justify-content: space-between;flex-wrap: wrap;}
.abo2-item {width: 45%;}
.abo2-name {width: 100%;height: 50px;background: #669b33;border-radius:25.5px;padding: 0 5px 0 20px;font-size: 20px;color: #fff; display: flex;align-items: center;}
.abo2-word {font-size: 18px;font-family: 'Futura Bk BT';line-height: 38px;}
.abo2-cont2 {background:url(../img/abo-bg2.jpg) left top;}
.abo3{background:url(../img/abo3-bg.jpg) left top;}
.abo3-cont {display: flex;justify-content: space-between;flex-wrap: wrap;}
.abo3-item {width: 19.1%;position: relative;margin-bottom: 5px;}
.abo3-cont .abo3-item:nth-child(-n+5){padding:6% 19px 33px;}
.abo3-cont .abo3-item:nth-child(-n+5)::before{content: "";background: #fff;width: 100%;height: 100%;clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);position: absolute;top: 0;left: 0;}
.abo3-list {position: relative;z-index: 2;}
.abo3-list p {font-size: 24px;color: #669b33;}
.abo3-img {width: 100%;height: auto;position: relative;overflow: hidden;border-radius: 20px;margin-top: 25px;}
.abo3-icon {position: absolute;width: 26px;height: 26px;border-radius: 50%;z-index: 2;}
.abo3-cont .abo3-item:nth-child(-n+5) .abo3-icon{bottom: -13px;left:30px;box-shadow: 0px 7px 7px 0px rgba(51, 133, 51, 0.44);}
.abo3-cont .abo3-item:nth-child(n+6){padding:33px 19px 6%;}
.abo3-cont .abo3-item:nth-child(n+6)::before{content: "";background: #fff;width: 100%;height: 100%;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);position: absolute;top: 0;left: 0;}
.abo3-cont .abo3-item:nth-child(n+6) .abo3-icon{top: -18px;right:30px;box-shadow: 0px 7px 7px 0px rgba(51, 133, 51, 0.44);transform:rotate(180deg);}
.abo3-bott {color: #fff;font-size: 20px;line-height: 30px;font-family: 'Futura Bk BT';}
.abo4-cont .row {margin:0 -20px;}
.abo4-item {margin-bottom: 3%;padding:0 20px;}
.abo4-list{text-align: center;}
.abo4-icon {width: 91px;margin: 0 auto;}
.abo4-list h6 {font-size: 22px;margin-top: 15px;}
.abo4-list p {line-height: 26px;color: #4a4a48;margin-top: 10px;}
.abo5 {background: #fefefe;position: relative;overflow: hidden;}
.abo5-cont {text-align: center;}
.abo5 .tit{position: absolute;top:5%;left: 0;width: 100%;}

/*--  产品页  --*/
.pro-tab {display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-tab a {width: 30%;text-align: center;line-height: 40px;background: #eff5ea;font-size: 20px;color: #2f2f2f;margin-bottom: 20px;}
.pro-nr{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-left {width: 56%;}
.big{width:100%;position: relative;}
.small{width: 100%;position: relative;margin-top:30px;}
.small-img {border-radius: 10px;overflow: hidden;}
.pro-rig {width:42%;}
.pro-tit h6 {font-size: 25px;color: #333333;}
.pro-cont {margin-top: 15px;}
.pro-cont table tr td{padding:3px;}
.pro-tab .active {background: #669b33;color: #fff;}
.pro2{background: #f8f9f8;}
.pro2-cont {position: relative;margin:3% -15px 0;}
.pro-item {display: block;padding:15px;cursor: pointer;}
.pro-list {background: #fff;width: 100%;text-align: center;box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.06);border-top-left-radius: 20px;overflow: hidden;}
.pro-img {border-top-left-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;}
.pro-img img{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro-box {text-align: center;padding: 30px 10px;}
.pro-box p {font-size: 20px;}
.pro-icon {width: 65px;height: 38px;display: flex;align-items: center;justify-content: center;background: #669b33;border-radius:8px;margin: 20px auto 0;}
.pro-item:hover .pro-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.pro2-item{position: relative;z-index: 2;}
.pro2-list{text-align: center;}
.pro2-list p {font-size: 20px;line-height: 48px;color: #fff;}
.pro2-nr {position: relative;}
.pro-tb {width: 105%;position: absolute;top: 0;left: -2.5%;}

/*--  博客列表页  --*/
.blog .sub4-item {margin-bottom: 3%;}
.blog-cont {font-size: 20px;line-height: 38px;font-family: 'Futura Bk BT';}

/*--  健康与安全表页  --*/
.health{background: url(../img/health-bg.jpg) no-repeat left bottom;}
.health-tit h3 {font-size: 30px;}
.health-tit p {font-size: 18px;line-height: 30px;margin-top: 25px;}
.health-cont {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;width: 102%;}
.health-item {width: 20%;margin-bottom:20px;}
.health-item p {text-align: center;font-size:20px;line-height:30px;padding-right: 14%;}

/*--  支持页  --*/
.supp {background: #f8f9f8;}
.video-nr .row {margin: 0 -39px;}
.video-item {padding: 0 39px;margin-bottom:5%;}
.video-list{width: 100%;padding:58px 0 0;border-top-left-radius:40px;border-bottom-right-radius: 20px;background: #b8ce9f;}
.video-cont{position: relative;overflow: hidden;}
.video-cont video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-list p {text-align: center;line-height: 58px;font-size: 24px;}
.video-img {position:relative;overflow: hidden;}
.video-item:hover .video{z-index:2;}
.down-nr .row {margin: 0 -16.5px;}
.down-item {margin-bottom:3%;padding: 0 16.5px;}
.down-list{position: relative;overflow: hidden;box-shadow: 0px 0px 13px 6px rgba(66, 66, 66, 0.18);}
.down-box {width: 100%;height: 100%;background: rgba(6,6,9,.83);position: absolute;bottom:-80%;left: 0;opacity: 0;
	display: flex;align-items: center;justify-content: center;transition: all 300ms ease-in-out;}
.down-cont {padding: 0 10px;text-align: center;}
.down-cont img {display: block;margin: 0 auto;}
.down-cont p {font-size: 18px;color: #7db83f;margin-top: 10px;}
.down-item:hover .down-box{bottom: 0;opacity: 1;}
.down-item p {text-align:center;font-size:18px;margin-top:15px;}

/*--  联系我们页  --*/
.cont{display: flex;justify-content: space-between;}
.cont-left {width: 54%;}
.cont-tit {display: flex;align-items: center;}
.cont-tit img {margin-right: 10px;}
.cont-tit p {font-size: 28px;line-height: 34px;color: #669b33;}
.cont-item {margin-bottom: 12%;}
.cont-item ul {margin-top: 5%;}
.cont-item ul li {display: block;line-height:38px;font-size:20px;font-family: 'Futura Bk BT';}
.cont-item ul li a {color: #2f2f2f;}
.cont-item ul li a:hover {text-decoration: underline;color: #669b33;}
.cont-rig {width: 43.8%;padding:25px 30px;box-shadow: 0px 2px 9px 0px rgba(68, 43, 44, 0.1);border: 1px solid #eee;border-radius: 10px;}

.cont2-item {margin-bottom:20px;}
.cont2-item p{font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.cont2-item p sub{color: #ff0000;bottom: 3px;}
.cont2-item ul {margin-top: 20px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.cont2-item ul li {width: 50%;display: flex;align-items: center;margin-bottom: 10px;}
.cont2-item ul li input {display: block;width:15px;height:15px;border: 1px solid #c1c1c1;margin-right:7px;}
.cont2-item ul li span {font-size: 14px;color: #403f3f;font-family: 'Futura Bk BT';}
.cont2-in{margin-top: 5px;}
.cont2-in input,.cont-li input {display: block;width: 100%;height: 30px;border: 1px solid #bfbfbf;padding: 0 10px;}
.cont-li span {display: block;font-size: 12px;margin-top: 5px;}
.cont2-item .row {margin-bottom:15px;}
.cont2-item textarea {width: 100%;height: 78px;border: 1px solid #c1c1c1;padding: 0 10px;}
.cont2-item button {width: 90px;height: 36px;text-align: center;line-height: 36px;background: #669b33;color: #fff;border-top-left-radius: 20px;border-bottom-right-radius: 20px;margin-top:15px;}





























@media only screen and (max-width:1600px) {
	
}

@media only screen and (max-width:1500px) {
    .pad5 {padding:5% 3%;}
	.pad4 {padding:4% 3%;}
	.pad3 {padding:3% 3%;}
	.pad2 {padding:2% 3%;}
	.pad1 {padding:1% 3%;}
	.sub1-tit p{font-size:20px;line-height: 32px;max-width: 71%;}
	.sub1-item{padding:10px;}
	.sub1-nr{margin:4% -10px 0;padding: 0 3%;}
	.sub2-word{font-size:16px;line-height:34px;}
	.sub3-box b{font-size: 50px;}
	.sub4-box p{font-size:18px;line-height:24px;height:48px;}
	.sub1-nr .btn-left{left: 0;}
	.sub1-nr .btn-rig{right: 0;}
	.pro-tab a{width: 32%;font-size: 18px;}
	.video-list p {font-size: 22px;}
	.cont-tit p{font-size: 24px;}
	.cont2-item ul li{width: 40%;}
	.cont2-item ul li:nth-child(2n-1){width: 60%;}
}
@media only screen and (max-width:1400px) {
	.sub4-nr .row,.blog .row{margin: 0 -20px;}
	.sub4-item{padding: 0 20px;}
	.pro-tab a{height: 60px;display: flex;justify-content: center;align-items: center;line-height: 24px;}
	.abo3-list p,.video-list p{font-size: 20px;}
	.abo2-name,.blog-cont{font-size: 18px;}
	.abo2-item{width: 47%;}
	.cont-tit p{font-size: 22px;}
	.cont-item ul li{font-size: 18px;line-height: 32px;}
	
	.nei-top h3{font-size: 36px;}
	.nei-top p{font-size: 22px;}
	.nei-tit p{font-size: 26px;}
}
@media only screen and (max-width:1200px) {
	.pad5 {padding:5% 15px;overflow: hidden;}
	.pad4 {padding:4% 15px;overflow: hidden;}
	.pad3 {padding:3% 15px;overflow: hidden;}
	.pad2 {padding:2% 15px;overflow: hidden;}
	.pad1 {padding:1% 15px;overflow: hidden;}
	.sub1-tit p,.cont-tit p{font-size:20px;}
	.sub1-box{padding: 0 15px;}
	.sub1-item{padding:10px;}
	.sub1-nr{margin: 4% -10px 0;}
	.sub1-box h5{font-size: 18px;}
	.sub2-word{font-size: 18px;line-height:34px;height:340px;}
	.sub3-box b{font-size: 40px;}
	.pro-tab a{font-size: 16px;}
	.pro2-list p,.video-list p{font-size: 18px;}
	.health-tit p{font-size: 16px;line-height: 24px;}
	.video-list{padding: 35px 0 0;}
	.video-list p {line-height: 35px;}
	.blog-cont{font-size: 16px;line-height: 28px;}
	.cont-item ul li{font-size: 16px;line-height:30px;}
	
	
	.nei-top h3{font-size: 32px;}
	.nei-top p{font-size: 20px;}
	.nei-tit p{font-size: 24px;}
	.nei-item ul li{font-size: 22px;}
}
@media screen and (max-width:992px) {
	.navnr{height: 91px;}
	.banner,.nei-banner{margin-top: 0;}
	.sub1-tit p{font-size: 18px;}
	.sub2-icon{bottom: -7%;}
	.sub2-word{font-size: 16px;line-height: 26px;height:260px;}
	.sub3-box b{font-size:35px;}
	.sub3-box sub{font-size:25px;}
	.health-item{width: 33%;margin-bottom: 20px;}
	
	.nei-top h3{font-size:28px;}
	.nei-top p{font-size:18px;}
	.nei-tit p{font-size:22px;}
	.nei-item ul li{font-size: 20px;}
}
@media screen and (max-width: 768px) {
	.pro-tb{display: none;}
	.navnr{height:73px;}
	.sub1-tit p{font-size: 16px;line-height: 24px;max-width: 100%;}
	.sub1-nr{margin: 4% 0 0;}
	.sub2-cont,.pro-nr,.abo1-cont,.abo2-contnr,.cont{display: block;}
	.sub2-left,.sub2-rig,.pro-left,.pro-rig,.abo1-left,.abo1-rig,.abo2-item,.cont-left,.cont-rig{width: 100%;}
	.sub2-rig,.pro-rig,.abo1-rig,.health-cont,.down-nr,.cont-rig {margin-top: 20px;}
	.sub3-nr{flex-wrap: wrap;}
	.sub3-item,.pro2-item,.abo2-item {margin-bottom: 20px;}
	.sub3-item,.sub3-nr .sub3-item:nth-child(1),.sub3-nr .sub3-item:nth-child(2) {width: 50%;}
	.sub3-item span,.abo2-name{font-size: 16px;}
	.sub3-box b{font-size: 30px;}
	.sub3-box sub{font-size: 24px;}
	.sub3-item p{font-size: 18px;}
	.sub4-box{margin-top:15px;}
	.sub4-box p{font-size: 16px;}
	.sub4-nr .row,.blog .row{margin: 0 -10px;}
	.sub4-item{padding: 0 10px;margin-bottom: 20px;}
	.pro-tab a{width:100%;height: 35px;}
	.pro2-list p{color: #000;font-size: 15px; height: 40px;line-height: 24px;display: flex;align-items: center;justify-content: center;}
	.abo2-word{line-height: 30px;font-size: 16px;}
	.abo3-item{width: 48%;}
	.abo4-item,.cont-item{margin-bottom: 30px;}
	.abo5{padding-top: 5%;}
	.abo5 .tit{top: 0;}
	.health-item{width: 50%;}
	.cont-rig{padding: 20px;}
	.abo4-cont .row{margin:0 -15px；}
	.abo4-item{margin: 0 15px;}
	
	
	.nei-top h3{font-size:24px;}
	.nei-top p{font-size:16px;}
	.nei-tit p{font-size:20px;}
	.nei-item ul li{font-size:18px;}
}