@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1400px){
/*banner*/
	.body-center{background:url(../images/about/about-bg.jpg) no-repeat;}
	.banner{background:url(../images/about/about-yuan.png) no-repeat 72% 40%;padding:6% 0 4.4% 0;}
	.banner h1 b{color:#F39700;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:38px;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:80%;font-size:17px;color:rgba(255,255,255,0.8);line-height:30px;margin:1% auto;text-align:center;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:25px;width:16%;margin:1% 42%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:16px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*about*/
	.about-bj{background:#F7F7F7;padding:2% 0;}
	.about h2{font-size:32px;color:#333;text-align:center;}
	.about p{font-size:16px;color:#333;line-height:30px;margin:2% 0;}
/*solution*/
	.solution-bj{background:url(../images/about/about-solu.jpg) no-repeat;padding:3% 0;}
	.solution{position:relative;}
	.solution .big{width:84%;display:none;}
	.solution .big .left{width:45%;float:left;}
	.solution .big .left h2{font-size:32px;color:#333;}
	.solution .big .left h3{font-size:26px;color:#F39700;margin:2.5% 0;}
	.solution .big .left p{font-size:16px;color:#333;line-height:27px;padding-left:3.5%;margin-bottom:2.5%;position:relative;}
	.solution .big .left img{margin-top:5%;}
	.solution .big .left a{padding:2% 8%;border:1px solid;text-align:center;font-size:16px;color:#333;border-radius:24px;margin-top:8%;}
	.solution .big .left a:hover{background:#F39700;color:#fff;}
	.solution .big .left p:before{content:'';padding:5px;background:#F39700;position:absolute;left:0;top:9px; }
	.solution .big .right{float:right;padding:5% 5% 8% 0;background:url(../images/about/sbds.png) no-repeat right center;}
	.solution .big .right img{border-radius:50%;}
/*	.solution .big .small  ul li{position:absolute;border:1px solid;}*/
	.solution .small{width:15%;position:absolute;right:0;height:100%;}
	.solution .small ul li{padding:18% 0 18% 68%;font-size:24px;color:#333;line-height:30px; font-weight:bold;position:absolute;}
	.solution .small ul li:hover{color:#F39700;}
	.solution .small ul li.active{color:#F39700;}
	.solution .small ul li:nth-child(1){background:url(../images/about/about-wood1.png) no-repeat left center;left:-68%;top:2%;}
	.solution .small ul li:nth-child(2){background:url(../images/about/about-plastic1.png) no-repeat left center;left:-20%;top:38%;}
	.solution .small ul li:nth-child(3){background:url(../images/about/about-pellet1.png) no-repeat left center;left:-68%;top:74%;}
/*sb-video*/
	.sb-video-bj{background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);padding:3% 0;}
	.sb-video .left{width:45.7%;float:left;}
	.sb-video .left img,.sb-video .left video,.sb-video .left iframe{width:100%;height:450px;object-fit: fill;}
	.sb-video .right{width:51.5%;float:right;}
	.sb-video .right h2{font-size:32px;color:#fff;margin:0 0 1.5% 0;}
	.sb-video .right h3{font-size:26px;color:#fff;margin:1% 0;}
	.sb-video .right p{font-size:16px;color:#fff;line-height:27px;margin:1.2% 0;}
	.sb-video .right ul{margin:0 -1%;}
	.sb-video .right ul li{width:31.33%;padding:0 1%;float:left;}
	.sb-video .right ul li img{width:100%;}
/*project-cases*/
	.project-case-bj{background:url(../images/about/about-anli.jpg) no-repeat right top;}
	.project-case h2{font-size:32px;color:#333;margin:3% 0 2% 0;}
	.project-case p{font-size:16px;color:#333;line-height:30px;width:53%;}
	.project-case img{margin-bottom:3%;}
}

@media screen and (min-width:1200px) and (max-width:1400px){
/*banner*/
	.body-center{background:url(../images/about/about-bg.jpg) no-repeat;background-size:100% 100%;}
	.banner{background:url(../images/about/about-yuan.png) no-repeat 72% 40%;padding:10% 0 12% 0;}
	.banner h1 b{color:#F39700;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:32px;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:80%;font-size:15px;color:rgba(255,255,255,0.8);line-height:27px;margin:1% auto;text-align:center;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:30px;width:24%;margin:1% 38%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:16px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*about*/
	.about-bj{background:#F7F7F7;padding:3% 0;}
	.about h2{font-size:27px;color:#333;text-align:center;}
	.about p{font-size:16px;color:#333;line-height:30px;margin:2% 0;}
	.gs img{width:100%;}
/*solution*/
	.solution-bj{background:url(../images/about/about-solu.jpg) no-repeat;padding:3% 0;}
	.solution{position:relative;}
	.solution .big{width:84%;display:none;}
	.solution .big .left{width:45%;float:left;}
	.solution .big .left h2{font-size:27px;color:#333;}
	.solution .big .left h3{font-size:24px;color:#F39700;margin:2% 0;}
	.solution .big .left p{font-size:15px;color:#333;line-height:25px;padding-left:3.5%;margin-bottom:2%;position:relative;}
	.solution .big .left img{margin-top:5%;width:100%;}
	.solution .big .left a{padding:2% 8%;border:1px solid;text-align:center;font-size:16px;color:#333;border-radius:24px;margin-top:8%;}
	.solution .big .left a:hover{background:#F39700;color:#fff;}
	.solution .big .left p:before{content:'';padding:5px;background:#F39700;position:absolute;left:0;top:9px; }
	.solution .big .right{float:right;padding:5% 5% 8% 0;background:url(../images/about/sbds.png) no-repeat right center;background-size:100% auto;width:45%;}
	.solution .big .right img{border-radius:50%;width:115%;}
/*	.solution .big .small  ul li{position:absolute;border:1px solid;}*/
	.solution .small{width:15%;position:absolute;right:0;height:100%;}
	.solution .small ul li{padding:18% 0 18% 68%;font-size:20px;color:#333;line-height:30px; font-weight:bold;position:absolute;}
	.solution .small ul li:hover{color:#F39700;}
	.solution .small ul li.active{color:#F39700;}
	.solution .small ul li:nth-child(1){background:url(../images/about/about-wood1.png) no-repeat left center;background-size:55% auto;left:-68%;top:2%;}
	.solution .small ul li:nth-child(2){background:url(../images/about/about-plastic1.png) no-repeat left center;background-size:55% auto;left:-20%;top:38%;}
	.solution .small ul li:nth-child(3){background:url(../images/about/about-pellet1.png) no-repeat left center;background-size:55% auto;left:-68%;top:74%;}
/*sb-video*/
	.sb-video-bj{background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);padding:3% 0;}
	.sb-video .left{width:45.7%;float:left;}
	.sb-video .left img,.sb-video .left video,.sb-video .left iframe{width:100%;height:420px;object-fit: fill;}
	.sb-video .right{width:51.5%;float:right;}
	.sb-video .right h2{font-size:27px;color:#fff;margin:0 0 2% 0;}
	.sb-video .right h3{font-size:24px;color:#fff;margin:0;}
	.sb-video .right p{font-size:16px;color:#fff;line-height:27px;margin:2% 0;}
	.sb-video .right ul{margin:0 -1%;}
	.sb-video .right ul li{width:31.33%;padding:0 1%;float:left;}
	.sb-video .right ul li img{width:100%;}
/*project-cases*/
	.project-case-bj{background:url(../images/about/about-anli.jpg) no-repeat right top;background-size:60% 100%;}
	.project-case h2{font-size:27px;color:#333;margin:3% 0 2% 0;}
	.project-case p{font-size:15px;color:#333;line-height:27px;width:53%;}
	.project-case img{margin-bottom:3%;width:45%;}
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.body-center{background:url(../images/about/about-bg.jpg) no-repeat;background-size:100% 100%;}
	.banner{background:url(../images/about/about-yuan.png) no-repeat 72% 40%;padding:10% 0 12% 0;}
	.banner h1 b{color:#F39700;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:27px;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:90%;font-size:14px;color:rgba(255,255,255,0.8);line-height:27px;margin:1% auto;text-align:center;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:30px;width:24%;margin:1% 38%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:15px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*about*/
	.about-bj{background:#F7F7F7;padding:3% 0;}
	.about h2{font-size:24px;color:#333;text-align:center;}
	.about p{font-size:15px;color:#333;line-height:30px;margin:3% 0;}
	.gs img{width:100%;}
/*solution*/
	.solution-bj{background:url(../images/about/about-solu.jpg) no-repeat;padding:3% 0;background-size:100% 100%;}
	.solution{position:relative;}
	.solution .big{width:84%;display:none;}
	.solution .big .left{width:45%;float:left;}
	.solution .big .left h2{font-size:24px;color:#333;}
	.solution .big .left h3{font-size:20px;color:#F39700;margin:2% 0;}
	.solution .big .left p{font-size:14px;color:#333;line-height:21px;padding-left:3.5%;margin-bottom:2%;position:relative;}
	.solution .big .left img{margin-top:5%;width:100%;}
	.solution .big .left a{padding:2% 8%;border:1px solid;text-align:center;font-size:15px;color:#333;border-radius:25px;margin-top:6%;}
	.solution .big .left a:hover{background:#F39700;color:#fff;}
	.solution .big .left p:before{content:'';padding:5px;background:#F39700;position:absolute;left:0;top:9px; }
	.solution .big .right{float:right;padding:5% 5% 8% 0;background:url(../images/about/sbds.png) no-repeat right center;background-size:100% auto;width:45%;}
	.solution .big .right img{border-radius:50%;width:115%;}
/*	.solution .big .small  ul li{position:absolute;border:1px solid;}*/
	.solution .small{width:15%;position:absolute;right:0;height:100%;}
	.solution .small ul li{padding:18% 0 18% 68%;font-size:18px;color:#333;line-height:30px; font-weight:bold;position:absolute;}
	.solution .small ul li:hover{color:#F39700;}
	.solution .small ul li.active{color:#F39700;}
	.solution .small ul li:nth-child(1){background:url(../images/about/about-wood1.png) no-repeat left center;background-size:55% auto;left:-68%;top:2%;}
	.solution .small ul li:nth-child(2){background:url(../images/about/about-plastic1.png) no-repeat left center;background-size:55% auto;left:-20%;top:38%;}
	.solution .small ul li:nth-child(3){background:url(../images/about/about-pellet1.png) no-repeat left center;background-size:55% auto;left:-68%;top:74%;}
/*sb-video*/
	.sb-video-bj{background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);padding:3% 0;}
	.sb-video .left{width:45.7%;float:left;}
	.sb-video .left img,.sb-video .left video,.sb-video .left iframe{width:100%;height:390px;object-fit: fill;}
	.sb-video .right{width:51.5%;float:right;}
	.sb-video .right h2{font-size:20px;color:#fff;margin:3% 0;}
	.sb-video .right h3{font-size:18px;color:#fff;margin:2% 0;}
	.sb-video .right p{font-size:15px;color:#fff;line-height:25px;margin:2% 0;}
	.sb-video .right ul{margin:0 -1%;}
	.sb-video .right ul li{width:31.33%;padding:0 1%;float:left;}
	.sb-video .right ul li img{width:100%;}
/*project-cases*/
	.project-case-bj{background:url(../images/about/about-anli.jpg) no-repeat right top;background-size:60% 100%;}
	.project-case h2{font-size:24px;color:#333;margin:3% 0 2% 0;}
	.project-case p{font-size:15px;color:#333;line-height:24px;width:53%;}
	.project-case img{margin-bottom:3%;width:40%;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.body-center{background:url(../images/about/about-bg.jpg) no-repeat;background-size:100% 100%;}
	.banner{background:url(../images/about/about-yuan.png) no-repeat 72% 40%;background-size:40% auto;padding:10% 0 10% 0;}
	.banner h1 b{color:#F39700;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:21px;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:100%;font-size:14px;color:rgba(255,255,255,0.8);line-height:24px;margin:1% auto;text-align:center;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:30px;width:40%;margin:1% 30%}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:15px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*about*/
	.about-bj{background:#F7F7F7;padding:3% 0;}
	.about h2{font-size:18px;color:#333;text-align:center;}
	.about p{font-size:14px;color:#333;line-height:27px;margin:3% 0;}
	.gs img{width:100%;}
/*solution*/
	.solution-bj{background:url(../images/about/about-solu.jpg) no-repeat;padding:3% 0;background-size:100% 100%;}
	.solution{position:relative;}
	.solution .big{width:85%;display:none;}
	.solution .big .left{width:45%;float:left;}
	.solution .big .left h2{font-size:18px;color:#333;}
	.solution .big .left h3{font-size:16px;color:#F39700;margin:2% 0;}
	.solution .big .left p{font-size:13px;color:#333;line-height:18px;padding-left:3.5%;margin-bottom:2%;position:relative;}
	.solution .big .left img{margin-top:5%;width:100%;}
	.solution .big .left a{padding:2% 8%;border:1px solid;text-align:center;font-size:15px;color:#333;border-radius:25px;margin-top:6%;}
	.solution .big .left a:hover{background:#F39700;color:#fff;}
	.solution .big .left p:before{content:'';padding:3px;background:#F39700;position:absolute;left:0;top:6px; }
	.solution .big .right{float:right;padding:5% 5% 8% 0;background:url(../images/about/sbds.png) no-repeat right center;background-size:100% auto;width:45%;}
	.solution .big .right img{border-radius:50%;width:115%;}
/*	.solution .big .small  ul li{position:absolute;border:1px solid;}*/
	.solution .small{width:15%;position:absolute;right:0;height:100%;}
	.solution .small ul li{padding:18% 0 18% 68%;font-size:15px;color:#333;line-height:21px; font-weight:bold;position:absolute;}
	.solution .small ul li:hover{color:#F39700;}
	.solution .small ul li.active{color:#F39700;}
	.solution .small ul li:nth-child(1){background:url(../images/about/about-wood1.png) no-repeat left center;background-size:55% auto;left:-68%;top:8%;}
	.solution .small ul li:nth-child(2){background:url(../images/about/about-plastic1.png) no-repeat left center;background-size:55% auto;left:-20%;top:38%;}
	.solution .small ul li:nth-child(3){background:url(../images/about/about-pellet1.png) no-repeat left center;background-size:55% auto;left:-68%;top:68%;}
/*sb-video*/
	.sb-video-bj{background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);padding:3% 0;}
	.sb-video .left{width:48%;float:left;}
	.sb-video .left img,.sb-video .left video,.sb-video .left iframe{width:100%;height:300px;object-fit: fill;}
	.sb-video .right{width:50%;float:right;}
	.sb-video .right h2{font-size:18px;color:#fff;margin:0 0 2% 0;}
	.sb-video .right h3{font-size:15px;color:#fff;margin:0;}
	.sb-video .right p{font-size:14px;color:#fff;line-height:20px;margin:1% 0;}
	.sb-video .right ul{margin:0 -2%;}
	.sb-video .right ul li{width:29.33%;padding:0 2%;float:left;}
	.sb-video .right ul li img{width:90%;}
/*project-cases*/
	.project-case-bj{background:url(../images/about/about-anli.jpg) no-repeat right top;background-size:60% 100%;}
	.project-case h2{font-size:20px;color:#333;margin:2% 0 2% 0;}
	.project-case p{font-size:14px;color:#333;line-height:20px;width:53%;}
	.project-case img{margin-bottom:3%;width:40%;}
}

@media screen and (max-width:769px){
/*banner*/
	.body-center{background:url(../images/about/about-bg.jpg) no-repeat;background-size:100% 100%;}
	.banner{background:url(../images/about/about-yuan.png) no-repeat right 40%;background-size:60% auto;padding:10% 0 10% 0;font-size:0;}
	.banner h1 b{color:#F39700;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:0.36rem;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:100%;font-size:0.25rem;color:rgba(255,255,255,0.8);line-height:24px;margin:3% auto;text-align:center;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:36px;width:60%;margin:1% 20%}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:0.27rem;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*about*/
	.about-bj{background:#F7F7F7;padding:3% 2%;}
	.about h2{font-size:0.3rem;color:#333;text-align:center;}
	.about p{font-size:0.27rem;color:#333;line-height:0.36rem;margin:3% 0;}
	.gs img{width:100%;}
/*solution*/
	.solution-bj{background:url(../images/about/about-solu.jpg) no-repeat;padding:3% 0;background-size:100% 100%;display:none;}
	.solution{position:relative;}
	.solution .big{width:85%;display:none;}
	.solution .big .left{width:45%;float:left;}
	.solution .big .left h2{font-size:18px;color:#333;}
	.solution .big .left h3{font-size:16px;color:#F39700;margin:2% 0;}
	.solution .big .left p{font-size:13px;color:#333;line-height:18px;padding-left:3.5%;margin-bottom:2%;position:relative;}
	.solution .big .left img{margin-top:5%;width:100%;}
	.solution .big .left a{padding:2% 8%;border:1px solid;text-align:center;font-size:15px;color:#333;border-radius:25px;margin-top:6%;}
	.solution .big .left a:hover{background:#F39700;color:#fff;}
	.solution .big .left p:before{content:'';padding:3px;background:#F39700;position:absolute;left:0;top:6px; }
	.solution .big .right{float:right;padding:5% 5% 8% 0;background:url(../images/about/sbds.png) no-repeat right center;background-size:100% auto;width:45%;}
	.solution .big .right img{border-radius:50%;width:115%;}
/*	.solution .big .small  ul li{position:absolute;border:1px solid;}*/
	.solution .small{width:15%;position:absolute;right:0;height:100%;}
	.solution .small ul li{padding:18% 0 18% 68%;font-size:15px;color:#333;line-height:21px; font-weight:bold;position:absolute;}
	.solution .small ul li:hover{color:#F39700;}
	.solution .small ul li.active{color:#F39700;}
	.solution .small ul li:nth-child(1){background:url(../images/about/about-wood1.png) no-repeat left center;background-size:55% auto;left:-68%;top:8%;}
	.solution .small ul li:nth-child(2){background:url(../images/about/about-plastic1.png) no-repeat left center;background-size:55% auto;left:-20%;top:38%;}
	.solution .small ul li:nth-child(3){background:url(../images/about/about-pellet1.png) no-repeat left center;background-size:55% auto;left:-68%;top:68%;}
/*sb-video*/
	.sb-video-bj{background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);padding:5% 3%;}
	.sb-video .left{width:100%;}
	.sb-video .left img,.sb-video .left video,.sb-video .left iframe{width:100%;height:5rem;object-fit: fill;}
	.sb-video .right{width:100%;}
	.sb-video .right h2{font-size:0.3rem;color:#fff;margin:3% 0;}
	.sb-video .right h3{font-size:0.27rem;color:#fff;margin:3% 0;}
	.sb-video .right p{font-size:0.25rem;color:#fff;line-height:0.36rem;margin:2% 0;}
	.sb-video .right ul{margin:0 -1%;}
	.sb-video .right ul li{width:31.33%;padding:0 1%;float:left;}
	.sb-video .right ul li img{width:100%;}
/*project-cases*/
	.project-case-bj{padding:0 2%;}
	.project-case h2{font-size:0.3rem;color:#333;margin:3% 0 3% 0;}
	.project-case p{font-size:0.25rem;color:#333;line-height:0.36rem;width:100%;}
	.project-case img{margin-bottom:3%;width:100%;}
}