@charset "utf-8";
/* CSS Document */
.hot-pro ul li a{text-align:center;}
.hot-pro ul li a h3{color:#333;}
.hot-pro ul li:hover a div{border:1px solid #16558a;}
.hot-pro ul li:hover a h3{color:#16558a;}

.top-bj .top ul li:nth-child(5) a{background:rgba(0,0,0,0.1);border-bottom:2px solid #ff9d34;font-weight:bold;}

@media screen and (min-width: 1380px) {
/*banner*/
    .banner{background:url(../images/about/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:8%;}
	.ban .about h1 {text-align:center;margin:3% 0;}
	.ban .about h1 b{font-size:37px;color:#e5eff7;padding:0 3% 1% 3%;background:url(../images/about/line.png) no-repeat left bottom;}
	.about .down .video{width:60%;border:4px solid #fff;float:left;border-radius:5px;}
	.about .down .video iframe{width:100%;height:100%;object-fit:fill;display:block; height: 470px;}
	.about .down .gydl{width:37%;float:right;}
	.about .down .gydl h2{padding:6% 0 3% 5%;background:url(../images/about/bt-icin.png) no-repeat left top;margin-top:0;}
	.about .down .gydl p{font-size:18px;color:#e5eff7;line-height:34px;margin:5% 0;}
/*hot-pro*/
	.hot-pro{margin-top:9%;}
	.hot-pro h2{font-size:32px;color:#333;margin:1% 0;}
	.hot-pro p{font-size:18px;color:#333;margin-bottom:3%;}
	.hot-pro p a{color:#16558a;font-weight:bold;}
	.hot-pro ul{margin:0 -1%;}
	.hot-pro ul li{width:31.33%;padding:0 1%;float:left;}
	.hot-pro ul li a{width:100%;text-align:center;}
	.hot-pro ul li a div{border:1px solid #999;text-align:center;padding:1%;}
/*capacity*/
    .capacity-bj{position:relative;margin-bottom:2%;}
	.capacity-bj .ability{position:absolute;left:0;top:6%;z-index:-1;}
	.capacity .two{position:absolute;left:0;bottom:13%;}
	.capacity .three{position:absolute;left:25%;bottom:0;}
	.capacity{position:relative;z-index:1;padding-bottom:8%;}
	.capacity .left{width:46%;float:left;}
	.capacity .left h2{font-size:36px;color:#333;margin-top:-8%;}
	.capacity .left p{font-size:20px;color:#333;line-height:36px;}
	.capacity .left ul{margin:6% -1% 0 -1%;}
	.capacity .left ul li{width:31.33%;padding:0 1%;float:left;background:url(../images/about/ability-line.png) no-repeat left top;}
	.capacity .left ul li p{font-size:16px;color:#333;}
	.capacity .left ul li:nth-child(1){background:0;}
	.capacity .right{width:51%;float:right;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner{background:url(../images/about/bj.jpg) no-repeat;background-size:100% cover;margin-bottom:6%;}
	.ban .about h1 {text-align:center;margin:3% 0;}
	.ban .about h1 b{font-size:32px;color:#e5eff7;padding:0 3% 1% 3%;background:url(../images/about/line.png) no-repeat left bottom;}
	.about .down .video{width:60%;border:4px solid #fff;float:left;border-radius:5px;}
	.about .down .video iframe{width:100%;height:100%;object-fit:fill;display:block; height:420px; }
	.about .down .gydl{width:37%;float:right;}
	.about .down .gydl h2{padding:3% 0 1.8% 5%;background:url(../images/about/bt-icin.png) no-repeat left top;background-size:13% auto;margin:0;}
	.about .down .gydl h2 img{width:42%;}
	.about .down .gydl p{font-size:16px;color:#e5eff7;line-height:30px;margin:2.5% 0;}
	.about .down .gydl a{width:67%;}
	.about .down .gydl a img{width:100%;}
/*hot-pro*/
	.hot-pro{margin-top:15%;}
	.hot-pro h2{font-size:28px;color:#333;margin:1% 0;}
	.hot-pro p{font-size:16px;color:#333;margin-bottom:3%;}
	.hot-pro p a{color:#16558a;font-weight:bold;}
	.hot-pro ul{margin:0 -1%;}
	.hot-pro ul li{width:31.33%;padding:0 1%;float:left;}
	.hot-pro ul li a{width:100%;} 
	.hot-pro ul li a div{border:1px solid #999;text-align:center;padding:1%;}
	.hot-pro ul li a div img{width:100%;display:block;}
	.hot-pro ul li a h3{font-size:20px;color:#333;text-align:center;}
/*capacity*/
    .capacity-bj{position:relative;margin-bottom:2%;}
	.capacity-bj .ability{position:absolute;left:0;top:3%;z-index:-1;width:30%;}
	.capacity .two{position:absolute;left:0;bottom:16%;width:30%;}
	.capacity .three{position:absolute;left:25%;bottom:5%;width:30%;}
	.capacity{position:relative;z-index:1;padding-bottom:8%;}
	.capacity .left{width:46%;float:left;}
	.capacity .left h2{font-size:30px;color:#333;margin-top:-5%;}
	.capacity .left p{font-size:16px;color:#333;line-height:30px;}
	.capacity .left ul{margin:6% -1% 0 -1%;}
	.capacity .left ul li{width:31.33%;padding:0 1%;float:left;background:url(../images/about/ability-line.png) no-repeat left top;}
	.capacity .left ul li img{width:36%;}
	.capacity .left ul li p{font-size:14px;color:#333;}
	.capacity .left ul li:nth-child(1){background:0;}
	.capacity .right{width:51%;float:right;margin-top:2%;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner{background:url(../images/about/bj.jpg) no-repeat;background-size:100% 100%;margin-bottom:6%;}
	.ban .about h1 {text-align:center;margin:3% 0;}
	.ban .about h1 b{font-size:27px;color:#e5eff7;padding:0 3% 1% 3%;background:url(../images/about/line.png) no-repeat left bottom;}
	.about .down .video{width:60%;border:4px solid #fff;float:left;border-radius:5px;}
	.about .down .video iframe {width:100%;height:100%;object-fit:fill;display:block; height:380px;}
	.about .down .gydl{width:37%;float:right;}
	.about .down .gydl h2{padding:3% 0 1.8% 5%;background:url(../images/about/bt-icin.png) no-repeat left top;background-size:13% auto;margin:0;}
	.about .down .gydl h2 img{width:42%;}
	.about .down .gydl p{font-size:15px;color:#333;line-height:22px;margin:2% 0;background:#f7f7f7;}
	.about .down .gydl a{width:60%;}
	.about .down .gydl a img{width:100%;}
/*hot-pro*/
	.hot-pro{margin-top:15%;}
	.hot-pro h2{font-size:25px;color:#333;margin:1% 0;}
	.hot-pro p{font-size:15px;color:#333;margin-bottom:3%;}
	.hot-pro p a{color:#16558a;font-weight:bold;}
	.hot-pro ul{margin:0 -1%;}
	.hot-pro ul li{width:31.33%;padding:0 1%;float:left;}
	.hot-pro ul li a{width:100%;} 
	.hot-pro ul li a div{border:1px solid #999;text-align:center;padding:1%;}
	.hot-pro ul li a div img{width:100%;display:block;}
	.hot-pro ul li a h3{font-size:16px;color:#333;text-align:center;}
/*capacity*/
    .capacity-bj{position:relative;margin-bottom:2%;}
	.capacity-bj .ability{position:absolute;left:0;top:3%;z-index:-1;width:30%;}
	.capacity .two{position:absolute;left:0;bottom:10%;width:30%;}
	.capacity .three{position:absolute;left:25%;bottom:2%;width:30%;}
	.capacity{position:relative;z-index:1;padding-bottom:12%;}
	.capacity .left{width:46%;float:left;}
	.capacity .left h2{font-size:25px;color:#333;margin-top:-5%;}
	.capacity .left p{font-size:15px;color:#333;line-height:24px;}
	.capacity .left ul{margin:3% -1% 0 -1%;}
	.capacity .left ul li{width:31.33%;padding:0 1%;float:left;background:url(../images/about/ability-line.png) no-repeat left top;}
	.capacity .left ul li img{width:36%;}
	.capacity .left ul li p{font-size:14px;color:#333;line-height:24px;}
	.capacity .left ul li:nth-child(1){background:0;}
	.capacity .right{width:51%;float:right;margin-top:2%;}
	.capacity .right img{width:100%;}
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
    .banner{background:url(../images/about/bj.jpg) no-repeat;background-size:100% cover;margin-bottom:5%;}
	.ban .about h1 {text-align:center;margin:3% 0;}
	.ban .about h1 b{font-size:22px;color:#e5eff7;padding:0 3% 1% 3%;background:url(../images/about/line.png) no-repeat left bottom;}
	.about .down .video{width:60%;border:4px solid #fff;float:left;border-radius:5px;}
	.about .down .video iframe{width:100%;height:100%;object-fit:fill;display:block; height:290px;}
	.about .down .gydl{width:37%;float:right;}
	.about .down .gydl h2{padding:0 0 1.8% 0;margin:0;}
	.about .down .gydl h2 img{width:42%;}
	.about .down .gydl p{font-size:14px;color:#fff;line-height:18px;margin:0;}
	.about .down .gydl a{width:60%;display:none;}
	.about .down .gydl a img{width:100%;}
/*hot-pro*/
	.hot-pro{margin-top:3%;}
	.hot-pro h2{font-size:20px;color:#fff;margin:1% 0;}
	.hot-pro p{font-size:14px;color:#fff;margin-bottom:3%;}
	.hot-pro p a{color:#fff;font-weight:bold;}
	.hot-pro ul{margin:0 -1%;}
	.hot-pro ul li{width:31.33%;padding:0 1%;float:left;}
	.hot-pro ul li a{width:100%;} 
	.hot-pro ul li a div{border:1px solid #999;text-align:center;padding:1%;}
	.hot-pro ul li a div img{width:100%;display:block;}
	.hot-pro ul li a h3{font-size:16px;color:#16558a;text-align:center;}
/*capacity*/
    .capacity-bj{position:relative;margin-bottom:2%;}
	.capacity-bj .ability{position:absolute;left:0;top:3%;z-index:-1;width:30%;}
	.capacity .two{position:absolute;left:0;bottom:10%;width:30%;display:none;}
	.capacity .three{position:absolute;left:25%;bottom:2%;width:30%;display:none;}
	.capacity{position:relative;z-index:1;padding-bottom:1.5%;}
	.capacity .left{width:46%;float:left;}
	.capacity .left h2{font-size:20px;color:#333;}
	.capacity .left p{font-size:14px;color:#333;line-height:24px;}
	.capacity .left ul{margin:5% -1% 0 -1%;}
	.capacity .left ul li{width:31.33%;padding:0 1%;float:left;background:url(../images/about/ability-line.png) no-repeat left top;}
	.capacity .left ul li img{width:42%;}
	.capacity .left ul li p{font-size:14px;color:#333;line-height:18px;margin-top:6%;}
	.capacity .left ul li:nth-child(1){background:0;}
	.capacity .right{width:51%;float:right;margin-top:2%;}
	.capacity .right img{width:100%;}

}

@media screen and (max-width: 769px) {
	.sj-top ul li:nth-child(5) a{background:#ff9d34;border-radius:0.1rem;color:#fff;font-weight:bold;}
/*banner*/
    .banner{background:url(../images/about/bj-sjd.jpg) no-repeat;background-size:100% 100%;margin-bottom:5%;}
	.ban{padding:0 2%;}
	.ban .about h1{text-align:center;margin:6% 0;font-size:0;}
	.ban .about h1 b{font-size:0.36rem;color:#e5eff7;padding:0 3% 1% 3%;background:url(../images/about/line.png) no-repeat left bottom;}
	.about .down .video{width:98%;border:4px solid #fff;float:left;border-radius:5px;margin-bottom:5%;}
	.about .down .video iframe{width:100%;object-fit:fill;display:block; height:200px;}
	.about .down .gydl{width:100%;font-size:0;}
	.about .down .gydl h2{padding:0 0 1.8% 0;margin:0 0 0 0;}
	.about .down .gydl h2 img{width:32%;}
	.about .down .gydl p{font-size:0.27rem;color:#fff;line-height:0.42rem;margin:0;}
	.about .down .gydl a{width:60%;display:none;}
	.about .down .gydl a img{width:100%;}
/*hot-pro*/
	.hot-pro{margin-top:3%;padding:0 2%;}
	.hot-pro h2{font-size:0.36rem;color:#fff;margin:3% 0;}
	.hot-pro p{font-size:0.27rem;line-height:0.42rem;color:#fff;margin-bottom:3%;}
	.hot-pro p a{color:#fff;font-weight:bold;}
	.hot-pro ul{margin:0 -1%;}
	.hot-pro ul li{width:48%;padding:0 1%;float:left;}
	.hot-pro ul li a{width:100%;} 
	.hot-pro ul li a div{border:1px solid #999;text-align:center;padding:1%;}
	.hot-pro ul li a div img{width:100%;display:block;}
	.hot-pro ul li a h3{font-size:0.27rem;color:#fff;text-align:center;}
/*capacity*/
    .capacity-bj{position:relative;margin-bottom:2%;padding:0 2%;}
	.capacity-bj .ability{position:absolute;left:0;top:3%;z-index:-1;width:30%;}
	.capacity .two{position:absolute;left:0;bottom:10%;width:30%;display:none;}
	.capacity .three{position:absolute;left:25%;bottom:2%;width:30%;display:none;}
	.capacity{position:relative;z-index:1;padding-bottom:1.5%;}
	.capacity .left{width:100%;}
	.capacity .left h2{font-size:0.36rem;color:#333;}
	.capacity .left p{font-size:0.27rem;color:#333;line-height:0.42rem;}
	.capacity .left ul{margin:5% -1% 0 -1%;}
	.capacity .left ul li{width:31.33%;padding:0 1%;float:left;background:url(../images/about/ability-line.png) no-repeat left top;font-size:0;}
	.capacity .left ul li img{width:50%;}
	.capacity .left ul li p{font-size:0.27rem;color:#333;line-height:0.42rem;margin-top:6%;}
	.capacity .left ul li:nth-child(1){background:0;}
	.capacity .right{width:100%;}
	.capacity .right img{width:100%;margin-top:5%;}


}