@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1400px) {
/*banner*/
    .banner-bj{background:url(../images/about/about_bj.jpg) no-repeat;padding-bottom:7%;}
	.about .tu{border-style:solid;border-width:3px;border-image-source: linear-gradient(0deg,rgba(39,54,84,0.29) 0%,rgba(255,255,255,0.29) 100%);border-image-slice:1;width:48%;float:left;}
	.about .tu img{width:100%;display:block;}
	.about .wz{width:48%;float:right;}
	.about .wz h1{font-size:32px;color:#fff;padding-top:2%;background:url(../images/about/about_wz.png) no-repeat left top;margin-top:2%;margin-bottom:5%;}
	.about .wz p{font-size:17px;color:#fff;line-height:32px;}
/*advantage*/
    .adv{background:url(../images/about/about_dt.jpg) no-repeat center;background-size:100% 100%;box-shadow:0px 0px 18px 0px rgba(0,0,0,0.23);border-radius: 20px 20px 0px 0px;padding:1.6% 0;margin-top:-5%!important;}
	.adv ul{margin:0 -3%;padding:0 3%;}
	.adv ul li{width:14%;padding:0 3%;float:left;}
	.adv ul li a{width:100%;display:block;}
	.adv ul li a img{display:block;}
/*capacity*/
    .capacity-bj{background:url(../images/about/capacity_bj.jpg) no-repeat center bottom;margin-top:1.5%;padding:0 0 1% 0;}
	.capacity h1{padding-top:1%;font-size:32px;margin-bottom:0; color:#1a1a1a;background:url(../images/about/capacity_wz.png) no-repeat left top;}
	.capacity .pro{position:relative;}
	.capacity .pro ul{width:33%;}
	.capacity .pro ul li{font-size:17px;color:#1a1a1a;padding:3% 0 3% 15%;background-image: linear-gradient(90deg,#ececec 0%, #ffffff 100%);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);border-radius:25px;margin:9% 0 9% 3%;position:relative;}
	.capacity .pro ul li:before{content:'';padding:9%;position:absolute;left:-5%;top:-34%;}
	.capacity .pro ul li:after{content:'';padding:5.5%;position:absolute;right:5%;top:0;}
	.capacity .pro ul .one:before{background:url(../images/about/capacity_01.png) no-repeat center;}
	.capacity .pro ul .one:after{background:url(../images/about/01.png) no-repeat center;}
	.capacity .pro ul .two:before{background:url(../images/about/capacity_02.png) no-repeat center;}
	.capacity .pro ul .two:after{background:url(../images/about/02.png) no-repeat center;}
	.capacity .pro ul .three:before{background:url(../images/about/capacity_03.png) no-repeat center;}
	.capacity .pro ul .three:after{background:url(../images/about/03.png) no-repeat center;}
	.capacity .pro ul .four:before{background:url(../images/about/capacity_04.png) no-repeat center;}
	.capacity .pro ul .four:after{background:url(../images/about/04.png) no-repeat center;}
	.capacity .pro ul .five:before{background:url(../images/about/capacity_05.png) no-repeat center;}
	.capacity .pro ul .five:after{background:url(../images/about/05.png) no-repeat center;}
	.capacity .pro .right{width:63%;position:absolute;right:0;top:2%;}
/*hot products*/
    .hot-pro-bj{background:url(../images/about/products_bj.jpg) no-repeat;padding:3% 0 2% 0;}
	.hot-pro h1{font-size:32px;color:#1a1a1a;position:relative;padding-top:0.75%;background:url(../images/about/products_wz.png) no-repeat center top;margin:0;}
	.hot-pro h1 a{font-size:17px;color:#de9433;float:right;position:absolute;right:0;top:30%;}
/*pro-fl*/
	.pro-fl{margin-top:1%;}
	.pro-fl ul{margin:0 -0.5%;}
	.pro-fl ul li{padding:0 0.5%;width:49%;float:left;height:126px;font-size:0;margin:0.4% 0;}
	.pro-fl ul li a{width:94%;height:100%;position:relative;padding:0 3%;}
	.pro-fl ul li h2{width:80%;font-size:20px;margin-top:5%;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.pro-fl ul li a:hover h2{color:#fff;}
	.pro-fl ul li i{padding:3%;position:absolute;right:2%;top:34%;background:url(../images/about/products_jt.png) no-repeat center;}
	.pro-fl ul li a:hover i{background:url(../images/about/products_jt_hover.png) no-repeat center;}
	.pro-fl ul li p{font-size:17px;color:#333;}
	.pro-fl ul li a:hover p{color:#fff;}
	.pro-fl ul li a:hover div{color:#fff;}
	.pro-fl ul>li:nth-child(1) a{background:url(../images/about/lianpai.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a{background:url(../images/about/ranshaoji.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a{background:url(../images/about/meifen.jpg) no-repeat center;}
	
	.pro-fl ul>li:nth-child(1) a:hover{background:url(../images/about/lianpai-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a:hover{background:url(../images/about/ranshaoji-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a:hover{background:url(../images/about/meifen-hover.jpg) no-repeat center;}
	
	.pro-fl ul .one{height:263px;}
	.pro-fl ul .one h2{margin-top:7%;}
	.pro-fl ul .one i{top:13%;}
	.pro-fl ul .one div{font-size:17px;color:#333;width:100%;margin:1.5% 0;}
	.pro-fl ul .one p{font-size:17px;color:#333;line-height:32px;}
/*SUCCESSFUL CASE COLLECTION*/
    .cg-case-bj{background:url(../images/about/visit_btbj.jpg) no-repeat;padding:1% 0;}
	.cg-case h1{font-size:32px;color:#fff;padding-top:1%;text-align:center;background:url(../images/about/visit_wz.png) no-repeat center top;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/about/about_bj.jpg) no-repeat;padding-bottom:7%;}
	.about .tu{border-style:solid;border-width:3px;border-image-source: linear-gradient(0deg,rgba(39,54,84,0.29) 0%,rgba(255,255,255,0.29) 100%);border-image-slice:1;width:48%;float:left;}
	.about .tu img{width:100%;display:block;}
	.about .wz{width:48%;float:right;}
	.about .wz h1{font-size:27px;color:#fff;padding-top:2%;background:url(../images/about/about_wz.png) no-repeat left top;background-size:100% auto;margin-top:0;margin-bottom:2%;}
	.about .wz p{font-size:16px;color:#fff;line-height:27px;}
/*advantage*/
    .adv{background:url(../images/about/about_dt.jpg) no-repeat center;background-size:100% 100%;box-shadow:0px 0px 18px 0px rgba(0,0,0,0.23);border-radius: 20px 20px 0px 0px;padding:1.6% 0;margin-top:-5%!important;}
	.adv ul{margin:0 -1%;padding:0 3%;}
	.adv ul li{width:18%;padding:0 1%;float:left;}
	.adv ul li a{width:100%;display:block;}
	.adv ul li a img{display:block;width:100%;}
/*capacity*/
    .capacity-bj{background:url(../images/about/capacity_bj.jpg) no-repeat center bottom;margin-top:1.5%;padding:0 0 1% 0;}
	.capacity h1{padding-top:1%;font-size:27px;margin-bottom:0; color:#1a1a1a;background:url(../images/about/capacity_wz.png) no-repeat left top;background-size:55% auto;}
	.capacity .pro{position:relative;}
	.capacity .pro ul{width:35%;}
	.capacity .pro ul li{font-size:16px;color:#1a1a1a;padding:4% 0 4% 15%;background-image: linear-gradient(90deg,#ececec 0%, #ffffff 100%);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);border-radius:25px;margin:6.5% 0 6.5% 3%;position:relative;}
	.capacity .pro ul li:before{content:'';padding:9%;position:absolute;left:-5%;top:-21%;}
	.capacity .pro ul li:after{content:'';padding:5.5%;position:absolute;right:5%;top:8%;}
	.capacity .pro ul .one:before{background:url(../images/about/capacity_01.png) no-repeat center;}
	.capacity .pro ul .one:after{background:url(../images/about/01.png) no-repeat center;}
	.capacity .pro ul .two:before{background:url(../images/about/capacity_02.png) no-repeat center;}
	.capacity .pro ul .two:after{background:url(../images/about/02.png) no-repeat center;}
	.capacity .pro ul .three:before{background:url(../images/about/capacity_03.png) no-repeat center;}
	.capacity .pro ul .three:after{background:url(../images/about/03.png) no-repeat center;}
	.capacity .pro ul .four:before{background:url(../images/about/capacity_04.png) no-repeat center;}
	.capacity .pro ul .four:after{background:url(../images/about/04.png) no-repeat center;}
	.capacity .pro ul .five:before{background:url(../images/about/capacity_05.png) no-repeat center;}
	.capacity .pro ul .five:after{background:url(../images/about/05.png) no-repeat center;}
	.capacity .pro .right{width:62%;position:absolute;right:0;top:5%;}
	.capacity .pro .right img{width:100%;}
/*hot products*/
    .hot-pro-bj{background:url(../images/about/products_bj.jpg) no-repeat;padding:3% 0 2% 0;}
	.hot-pro h1{font-size:27px;color:#1a1a1a;position:relative;padding-top:0.75%;background:url(../images/about/products_wz.png) no-repeat center top;background-size:55% auto;margin:0;}
	.hot-pro h1 a{font-size:16px;color:#de9433;float:right;position:absolute;right:0;top:30%;}
/*pro-fl*/
	.pro-fl{margin-top:1%;}
	.pro-fl ul{margin:0 -0.5%;}
	.pro-fl ul li{padding:0 0.5%;width:49%;float:left;height:126px;font-size:0;margin:6px 0;}
	.pro-fl ul li a{width:94%;height:100%;position:relative;padding:0 3%;}
	.pro-fl ul li h2{width:80%;font-size:18px;margin-top:7%;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.pro-fl ul li a:hover h2{color:#fff;}
	.pro-fl ul li i{padding:3%;position:absolute;right:2%;top:34%;background:url(../images/about/products_jt.png) no-repeat center;}
	.pro-fl ul li a:hover i{background:url(../images/about/products_jt_hover.png) no-repeat center;}
	.pro-fl ul li p{font-size:16px;color:#333;}
	.pro-fl ul li a:hover p{color:#fff;}
	.pro-fl ul li a:hover div{color:#fff;}
	.pro-fl ul>li:nth-child(1) a{background:url(../images/about/lianpai.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a{background:url(../images/about/ranshaoji.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a{background:url(../images/about/meifen.jpg) no-repeat center;}
	
	.pro-fl ul>li:nth-child(1) a:hover{background:url(../images/about/lianpai-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a:hover{background:url(../images/about/ranshaoji-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a:hover{background:url(../images/about/meifen-hover.jpg) no-repeat center;}

	.pro-fl ul .one{height:264px;}
	.pro-fl ul .one h2{margin-top:7%;}
	.pro-fl ul .one i{top:13%;}
	.pro-fl ul .one div{font-size:16px;color:#333;width:100%;margin:1.5% 0;}
	.pro-fl ul .one p{font-size:16px;color:#333;line-height:32px;}
/*SUCCESSFUL CASE COLLECTION*/
    .cg-case-bj{background:url(../images/about/visit_btbj.jpg) no-repeat;padding:1% 0;}
	.cg-case h1{font-size:27px;color:#fff;padding-top:1%;text-align:center;background:url(../images/about/visit_wz.png) no-repeat center top;background-size:55% auto;}

}

@media screen and (min-width:992px) and (max-width:1200px) {
/*banner*/
    .banner-bj{background:url(../images/about/about_bj.jpg) no-repeat;padding-bottom:7%;}
	
	.about .tu{border-style:solid;border-width:3px;border-image-source: linear-gradient(0deg,rgba(39,54,84,0.29) 0%,rgba(255,255,255,0.29) 100%);border-image-slice:1;width:48%;float:left;margin-top:1.5%;}
	.about .tu img{width:100%;display:block;}
	.about .wz{width:48%;float:right;}
	.about .wz h1{font-size:24px;color:#fff;padding-top:1%;background:url(../images/about/about_wz.png) no-repeat left top;background-size:100% auto;margin-top:0;margin-bottom:1%;}
	.about .wz p{font-size:16px;color:#fff;line-height:24px;margin:0;}
/*advantage*/
    .adv{background:url(../images/about/about_dt.jpg) no-repeat center;background-size:100% 100%;box-shadow:0px 0px 18px 0px rgba(0,0,0,0.23);border-radius: 20px 20px 0px 0px;padding:1.6% 0;margin-top:-5%!important;}
	.adv ul{margin:0 -1%;padding:0 3%;}
	.adv ul li{width:18%;padding:0 1%;float:left;}
	.adv ul li a{width:100%;display:block;}
	.adv ul li a img{display:block;width:100%;}
/*capacity*/
    .capacity-bj{background:url(../images/about/capacity_bj.jpg) no-repeat center bottom;margin-top:1.5%;padding:0 0 1% 0;}
	.capacity h1{padding-top:1%;font-size:24px;margin-bottom:0; color:#1a1a1a;background:url(../images/about/capacity_wz.png) no-repeat left top;background-size:50% auto;}
	.capacity .pro{position:relative;}
	.capacity .pro ul{width:37%;}
	.capacity .pro ul li{font-size:15px;color:#1a1a1a;padding:4% 0 4% 15%;background-image: linear-gradient(90deg,#ececec 0%, #ffffff 100%);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);border-radius:25px;margin:6.5% 0 6.5% 3%;position:relative;}
	.capacity .pro ul li:before{content:'';padding:9%;position:absolute;left:-5%;top:-21%;}
	.capacity .pro ul li:after{content:'';padding:5.5%;position:absolute;right:3%;top:8%;}
	.capacity .pro ul .one:before{background:url(../images/about/capacity_01.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .one:after{background:url(../images/about/01.png) no-repeat center;background-size:95% auto;}
	.capacity .pro ul .two:before{background:url(../images/about/capacity_02.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .two:after{background:url(../images/about/02.png) no-repeat center;background-size:95% auto;}
	.capacity .pro ul .three:before{background:url(../images/about/capacity_03.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .three:after{background:url(../images/about/03.png) no-repeat center;background-size:95% auto;}
	.capacity .pro ul .four:before{background:url(../images/about/capacity_04.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .four:after{background:url(../images/about/04.png) no-repeat center;background-size:95% auto;}
	.capacity .pro ul .five:before{background:url(../images/about/capacity_05.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .five:after{background:url(../images/about/05.png) no-repeat center;background-size:95% auto;}
	.capacity .pro .right{width:61%;position:absolute;right:0;top:2%;}
	.capacity .pro .right img{width:100%;}
/*hot products*/
    .hot-pro-bj{background:url(../images/about/products_bj.jpg) no-repeat;padding:3% 0 2% 0;}
	.hot-pro h1{font-size:24px;color:#1a1a1a;position:relative;padding-top:0.75%;background:url(../images/about/products_wz.png) no-repeat center top;background-size:50% auto;margin:0;}
	.hot-pro h1 a{font-size:16px;color:#de9433;float:right;position:absolute;right:0;top:30%;}
/*pro-fl*/
	.pro-fl{margin-top:1%;}
	.pro-fl ul{margin:0 -0.5%;}
	.pro-fl ul li{padding:0 0.5%;width:49%;float:left;height:126px;font-size:0;margin:6px 0;}
	.pro-fl ul li a{width:94%;height:100%;position:relative;padding:0 3%;}
	.pro-fl ul li h2{width:80%;font-size:17px;margin-top:9%;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.pro-fl ul li a:hover h2{color:#fff;}
	.pro-fl ul li i{padding:4%;position:absolute;right:2%;top:34%;background:url(../images/about/products_jt.png) no-repeat center;}
	.pro-fl ul li a:hover i{background:url(../images/about/products_jt_hover.png) no-repeat center;}
	.pro-fl ul li p{font-size:15px;color:#333;}
	.pro-fl ul li a:hover p{color:#fff;}
	.pro-fl ul li a:hover div{color:#fff;}

	.pro-fl ul>li:nth-child(1) a{background:url(../images/about/lianpai.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a{background:url(../images/about/ranshaoji.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a{background:url(../images/about/meifen.jpg) no-repeat center;}
	
	.pro-fl ul>li:nth-child(1) a:hover{background:url(../images/about/lianpai-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a:hover{background:url(../images/about/ranshaoji-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a:hover{background:url(../images/about/meifen-hover.jpg) no-repeat center;}

	.pro-fl ul .one{height:264px;}
	.pro-fl ul .one h2{margin-top:12%;}
	.pro-fl ul .one i{top:16%;}
	.pro-fl ul .one div{font-size:16px;color:#333;width:100%;margin:1.5% 0;}
	.pro-fl ul .one p{font-size:16px;color:#333;line-height:32px;}
/*SUCCESSFUL CASE COLLECTION*/
    .cg-case-bj{background:url(../images/about/visit_btbj.jpg) no-repeat;padding:1% 0;}
	.cg-case h1{font-size:24px;color:#fff;padding-top:1%;text-align:center;background:url(../images/about/visit_wz.png) no-repeat center top;background-size:50% auto;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
    .banner-bj{background:url(../images/about/about_bj.jpg) no-repeat;padding-bottom:7%;}
	.about .tu{border-style:solid;border-width:3px;border-image-source: linear-gradient(0deg,rgba(39,54,84,0.29) 0%,rgba(255,255,255,0.29) 100%);border-image-slice:1;width:48%;float:left;margin-top:3.5%;}
	.about .tu img{width:100%;display:block;}
	.about .wz{width:48%;float:right;}
	.about .wz h1{font-size:18px;color:#fff;padding-top:2%;background:url(../images/about/about_wz.png) no-repeat left top;background-size:100% auto;margin-top:0;margin-bottom:1%;}
	.about .wz p{font-size:15px;color:#fff;line-height:21px;margin:0;}
/*advantage*/
    .adv{background:url(../images/about/about_dt.jpg) no-repeat center;background-size:100% 100%;box-shadow:0px 0px 18px 0px rgba(0,0,0,0.23);border-radius: 20px 20px 0px 0px;padding:1.6% 0;margin-top:-5%!important;}
	.adv ul{margin:0 -1%;padding:0 3%;}
	.adv ul li{width:18%;padding:0 1%;float:left;}
	.adv ul li a{width:100%;display:block;}
	.adv ul li a img{display:block;width:100%;}
/*capacity*/
    .capacity-bj{background:url(../images/about/capacity_bj.jpg) no-repeat center bottom;margin-top:1.5%;padding:0 0 1% 0;}
	.capacity h1{padding-top:1%;font-size:18px;margin-bottom:0; color:#1a1a1a;background:url(../images/about/capacity_wz.png) no-repeat left top;background-size:50% auto;}
	.capacity .pro{position:relative;}
	.capacity .pro ul{width:42%;}
	.capacity .pro ul li{font-size:15px;color:#1a1a1a;padding:4% 0 4% 13%;background-image: linear-gradient(90deg,#ececec 0%, #ffffff 100%);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);border-radius:25px;margin:4.5% 0 4.5% 3%;position:relative;}
	.capacity .pro ul li:before{content:'';padding:9%;position:absolute;left:-5%;top:-21%;}
	.capacity .pro ul li:after{content:'';padding:5.5%;position:absolute;right:1%;top:8%;}
	.capacity .pro ul .one:before{background:url(../images/about/capacity_01.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .one:after{background:url(../images/about/01.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .two:before{background:url(../images/about/capacity_02.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .two:after{background:url(../images/about/02.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .three:before{background:url(../images/about/capacity_03.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .three:after{background:url(../images/about/03.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .four:before{background:url(../images/about/capacity_04.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .four:after{background:url(../images/about/04.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .five:before{background:url(../images/about/capacity_05.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .five:after{background:url(../images/about/05.png) no-repeat center;background-size:80% auto;}
	.capacity .pro .right{width:56%;position:absolute;right:0;top:6%;}
	.capacity .pro .right img{width:100%;}
/*hot products*/
    .hot-pro-bj{background:url(../images/about/products_bj.jpg) no-repeat;padding:3% 0 2% 0;}
	.hot-pro h1{font-size:18px;color:#1a1a1a;position:relative;padding-top:0.75%;background:url(../images/about/products_wz.png) no-repeat center top;background-size:50% auto;margin:0;}
	.hot-pro h1 a{font-size:16px;color:#de9433;float:right;position:absolute;right:0;top:30%;}
/*pro-fl*/
	.pro-fl{margin-top:1%;}
	.pro-fl ul{margin:0 -0.5%;}
	.pro-fl ul li{padding:0 0.5%;width:49%;float:left;height:100px;font-size:0;margin:6px 0;}
	.pro-fl ul li a{width:94%;height:100%;position:relative;padding:0 3%;}
	.pro-fl ul li h2{width:80%;font-size:16px;margin-top:9%;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.pro-fl ul li a:hover h2{color:#fff;}
	.pro-fl ul li i{padding:4%;position:absolute;right:2%;top:34%;background:url(../images/about/products_jt.png) no-repeat center;background-size:100% 100%;}
	.pro-fl ul li a:hover i{background:url(../images/about/products_jt_hover.png) no-repeat center;}
	.pro-fl ul li p{font-size:15px;color:#333;}
	.pro-fl ul li a:hover p{color:#fff;}
	.pro-fl ul li a:hover div{color:#fff;}
	.pro-fl ul>li:nth-child(1) a{background:url(../images/about/lianpai.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a{background:url(../images/about/ranshaoji.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a{background:url(../images/about/meifen.jpg) no-repeat center;}
	
	.pro-fl ul>li:nth-child(1) a:hover{background:url(../images/about/lianpai-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a:hover{background:url(../images/about/ranshaoji-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a:hover{background:url(../images/about/meifen-hover.jpg) no-repeat center;}

	.pro-fl ul .one{height:212px;}
	.pro-fl ul .one h2{margin-top:9%;}
	.pro-fl ul .one i{top:16%;}
	.pro-fl ul .one div{font-size:15px;color:#333;width:100%;margin:1.5% 0;}
	.pro-fl ul .one p{font-size:15px;color:#333;line-height:24px;}
/*SUCCESSFUL CASE COLLECTION*/
    .cg-case-bj{background:url(../images/about/visit_btbj.jpg) no-repeat;padding:1% 0;}
	.cg-case h1{font-size:18px;color:#fff;padding-top:1%;text-align:center;background:url(../images/about/visit_wz.png) no-repeat center top;background-size:50% auto;}

}

@media screen and (max-width:769px) {
	.top{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
/*banner*/
    .banner-bj{background:url(../images/about/about_bj.jpg) no-repeat;background-size:100% 100%;padding:0 2% 3% 2%;}
	.about .tu{border-style:solid;border-width:3px;border-image-source: linear-gradient(0deg,rgba(39,54,84,0.29) 0%,rgba(255,255,255,0.29) 100%);border-image-slice:1;width:98.5%;}
	.about .tu img{width:100%;display:block;}
	.about .wz{width:100%;}
	.about .wz h1{font-size:0.34rem;color:#fff;padding-top:2%;background:url(../images/about/about_wz.png) no-repeat left top;background-size:100% auto;margin-top:3.5;margin-bottom:3.5%;}
	.about .wz p{font-size:0.26rem;color:#fff;line-height:0.42rem;margin:0;}
/*advantage*/
    .adv{background:url(../images/about/about_dt.jpg) no-repeat center;background-size:100% 100%;box-shadow:0px 0px 18px 0px rgba(0,0,0,0.23);border-radius: 20px 20px 0px 0px;padding:1.6% 0;margin-top:-5%!important;}
	.adv ul{margin:0 -1%;padding:0 3%;}
	.adv ul li{width:18%;padding:0 1%;float:left;}
	.adv ul li a{width:100%;display:block;}
	.adv ul li a img{display:block;width:100%;}
/*capacity*/
    .capacity-bj{background:url(../images/about/capacity_bj.jpg) no-repeat center bottom;padding:0 2% 1% 2%;}
	.capacity h1{padding-top:2%;font-size:0.34rem;margin-bottom:0; color:#1a1a1a;background:url(../images/about/capacity_wz.png) no-repeat left top;background-size:100% auto;}
	.capacity .pro{position:relative;}
	.capacity .pro ul{width:100%;}
	.capacity .pro ul li{font-size:0.26rem;color:#1a1a1a;padding:3.2% 0 3.2% 13%;background-image: linear-gradient(90deg,#ececec 0%, #ffffff 100%);box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.22);border-radius:25px;margin:5% 0 5% 3%;position:relative;}
	.capacity .pro ul li:before{content:'';padding:7.5%;position:absolute;left:-3%;top:-18%;}
	.capacity .pro ul li:after{content:'';padding:5.5%;position:absolute;right:3%;top:5%;}
	.capacity .pro ul .one:before{background:url(../images/about/capacity_01.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .one:after{background:url(../images/about/01.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .two:before{background:url(../images/about/capacity_02.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .two:after{background:url(../images/about/02.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .three:before{background:url(../images/about/capacity_03.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .three:after{background:url(../images/about/03.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .four:before{background:url(../images/about/capacity_04.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .four:after{background:url(../images/about/04.png) no-repeat center;background-size:80% auto;}
	.capacity .pro ul .five:before{background:url(../images/about/capacity_05.png) no-repeat center;background-size:100% 100%;}
	.capacity .pro ul .five:after{background:url(../images/about/05.png) no-repeat center;background-size:80% auto;}
	.capacity .pro .right{width:56%;position:absolute;right:0;top:6%;display:none;}
	.capacity .pro .right img{width:100%;}
/*hot products*/
    .hot-pro-bj{background:url(../images/about/products_bj.jpg) no-repeat;padding:3% 2% 2% 2%;}
	.hot-pro h1{font-size:0.34rem;color:#1a1a1a;position:relative;padding-top:2%;background:url(../images/about/products_wz.png) no-repeat left top;background-size:100% auto;margin:0;}
	.hot-pro h1 a{font-size:0.26rem;color:#de9433;float:right;position:absolute;right:0;top:32%;}
/*pro-fl*/
	.pro-fl{margin-top:1%;}
	.pro-fl ul{margin:0 -0.5%;}
	.pro-fl ul li{padding:0 0.5%;width:100%;float:left;font-size:0;margin:6px 0;}
	.pro-fl ul li a{width:94%;height:100%;position:relative;padding:0 3%;}
	.pro-fl ul li h2{width:80%;font-size:0.26rem;margin-top:4%;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.pro-fl ul li a:hover h2{color:#fff;}
	.pro-fl ul li i{padding:3.5%;position:absolute;right:2%;top:34%;background:url(../images/about/products_jt.png) no-repeat center;background-size:100% 100%;}
	.pro-fl ul li a:hover i{background:url(../images/about/products_jt_hover.png) no-repeat center;}
	.pro-fl ul li p{font-size:0.24rem;color:#333;}
	.pro-fl ul li a:hover p{color:#fff;}
	.pro-fl ul li a:hover div{color:#fff;}
	.pro-fl ul>li:nth-child(1) a{background:url(../images/about/lianpai.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a{background:url(../images/about/ranshaoji.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a{background:url(../images/about/meifen.jpg) no-repeat center;}
	
	.pro-fl ul>li:nth-child(1) a:hover{background:url(../images/about/lianpai-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(2) a:hover{background:url(../images/about/ranshaoji-hover.jpg) no-repeat center;}
	.pro-fl ul>li:nth-child(3) a:hover{background:url(../images/about/meifen-hover.jpg) no-repeat center;}

	.pro-fl ul .one{height:3rem;}
	.pro-fl ul .one h2{margin-top:8%;}
	.pro-fl ul .one i{top:13%;}
	.pro-fl ul .one div{font-size:0.24rem;color:#333;width:100%;margin:1.5% 0;}
	.pro-fl ul .one p{font-size:0.25rem;color:#333;line-height:24px;}
/*SUCCESSFUL CASE COLLECTION*/
    .cg-case-bj{background:url(../images/about/visit_btbj.jpg) no-repeat;padding:1% 0;}
	.cg-case h1{font-size:0.34rem;color:#fff;padding-top:1%;text-align:center;background:url(../images/about/visit_wz.png) no-repeat center top;background-size:100% auto;}
}