@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1380px)  {
/*banner*/
    .banner-bj{background:url(../images/news/top_bj.jpg) no-repeat;padding-top:1.5%;background-size:100% 100%;padding-bottom:0.5%;}
	.banner .swiper-container{padding-bottom:2%;}
	.banner .swiper-slide .left{width:50%;float:left;height:404px;border: solid 5px rgba(255, 255, 255, 0.19);}
	.banner .swiper-slide .left a{display:contents;}
	.banner .swiper-slide .left img{display:block;width:100%;height:100%;}
	.banner .swiper-slide .right{width:49%;float:right;position:relative;}
	.banner .swiper-slide .right h1{font-size:34px;color:#fff;margin-left:5%;margin:2.8% 0 4% 5%;padding-bottom:3.5%;background:url(../images/news/top_bt.png) no-repeat left bottom;}
	.banner .swiper-slide .right .small{margin-left:5%;position:relative;}
	.banner .swiper-slide .right .small p{width:42%;font-size:17px;color:#b3b3b3;float:left;position:absolute;left:0;top:19%;line-height:32px;}
	.banner .swiper-slide .right .small a{float:right;}
	.banner .swiper-slide .right .tit{background:url(../images/news/top_xinwenbj.jpg) no-repeat;padding:3% 3% 3% 7%;}
	.banner .swiper-slide .right .tit h2{margin-top:0;font-size:20px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.banner .swiper-slide .right .tit h2 a{ color:#000;}
	.banner .swiper-slide .right .tit p{font-size:17px;color:#4d4d4d;line-height:30px;height:90px;max-height:90px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.banner .swiper-slide .right .tit .xq{position:absolute;right:3%;top:95%;z-index:1;}
	.banner .down{width:50%;position:relative;margin-top:1.5%;}
	.banner .swiper-pagination {width:10%;font-size:20px;color:#fff;left:6%;top:20%;}
	.banner .trait{width:70%;margin-left:30%;}
	.banner .trait span{float:left;margin:0 2.5%;}
	.banner .swiper-button-prev{background:url(../images/news/top_shang.png) no-repeat center;}
	.banner .swiper-button-next{background:url(../images/news/top_xia.png) no-repeat center;right:79%;}
	.swiper-button-next, .swiper-button-prev{width:18px;height:20px;top:96%;}
/*company news*/
    .company-bj{background:url(../images/news/top_gsxwbj.jpg) no-repeat;padding:1% 0;}
	.company ul,.lore ul{margin:0 -2%;}
	.company ul li,.lore ul li{width:46%;float:left;padding:0 2%;margin:0.5% 0;}
	.company ul li a{width:90%;padding:2% 0 2% 10%;background:url(../images/news/gsxw_bt.png) no-repeat;background-position:2% 25%;}
	.company ul li h2,.lore ul li h2{margin:0;font-size:17px;color:#1a1a1a;width:80%;float:left;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li span,.lore ul li span{font-size:17px;color:#333;float:right;}
	.company ul li p,.lore ul li p{font-size:16px;color:#666;margin-top:3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li a:hover h2{font-weight:bold;}
/*products lore*/
	.lore{margin-bottom:2.5%;}
	.lore ul li{margin:1% 0;}
	.lore ul li a:hover h2{font-weight:bold;}
	.lore ul li a{width:90%;padding:2.5% 2% 2.5% 8%;background:url(../images/news/cpzs.png) no-repeat;background-position:3% 60%;box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.17);border-radius: 20px;}
    .lore-tit{position:relative;}
	.lore-tit h2{font-size:34px;color:#1a1a1a;margin:2% 0;padding-bottom:2%;background:url(../images/news/bt.png) no-repeat bottom center;text-align:center;}
	.lore-tit a{position:absolute;right:0;top:50%;font-size:17px;color:#525252;}
/*page*/
	.page{text-align:center;font-size:18px;margin:2% auto;}
	.page a{border:1px solid #ccc;font-size:18px;padding:0.5% 2.1%;color:#333;margin:0 0.5%;}
	.page a:hover{background:#eee;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/news/top_bj.jpg) no-repeat;padding-top:1.5%;background-size:100% 100%;padding-bottom:0.5%;}
	.banner .swiper-container{padding-bottom:2%;}
	.banner .swiper-slide .left{width:50%;float:left;height:332px;border: solid 5px rgba(255, 255, 255, 0.19);}
	.banner .swiper-slide .left img{display:block;width:100%;height:100%;}
	.banner .swiper-slide .right{width:49%;float:right;position:relative;}
	.banner .swiper-slide .right h1{font-size:30px;color:#fff;margin-left:5%;margin:2% 0 2% 5%;padding-bottom:3.5%;background:url(../images/news/top_bt.png) no-repeat left bottom;}
	.banner .swiper-slide .right .small{margin-left:5%;position:relative;}
	.banner .swiper-slide .right .small p{width:48%;font-size:16px;color:#b3b3b3;float:left;position:absolute;left:0;top:19%;line-height:32px;}
	.banner .swiper-slide .right .small a{float:right;width:45%;}
	.banner .swiper-slide .right .small a img{width:100%;}
	.banner .swiper-slide .right .tit{background:url(../images/news/top_xinwenbj.jpg) no-repeat;padding:3% 3% 3% 7%;}
	.banner .swiper-slide .right .tit h2{margin-top:0;font-size:18px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.banner .swiper-slide .right .tit p{font-size:16px;color:#4d4d4d;line-height:24px;height:72px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.banner .swiper-slide .right .tit p a{position:absolute;right:3%;top:95%;z-index:1;width:27%;}
	.banner .swiper-slide .right .tit a img{width:100%;}
	.banner .down{width:50%;position:relative;margin-top:1.5%;}
	.banner .swiper-pagination {width:10%;font-size:16px;color:#fff;left:6%;top:20%;}
	.banner .trait{width:70%;margin-left:30%;}
	.banner .trait span{float:left;}
	.banner .trait span img{width:90%;}
	.banner .swiper-button-prev{background:url(../images/news/top_shang.png) no-repeat center;}
	.banner .swiper-button-next{background:url(../images/news/top_xia.png) no-repeat center;right:79%;}
	.swiper-button-next, .swiper-button-prev{width:18px;height:20px;top:96%;}
/*company news*/
    .company-bj{background:url(../images/news/top_gsxwbj.jpg) no-repeat;padding:1% 0;}
	.company ul,.lore ul{margin:0 -2%;}
	.company ul li,.lore ul li{width:46%;float:left;padding:0 2%;margin:0.5% 0;}
	.company ul li a{width:90%;padding:2% 0 2% 10%;background:url(../images/news/gsxw_bt.png) no-repeat;background-size:5% auto;background-position:2% 30%;}
	.company ul li h2,.lore ul li h2{margin:0;font-size:16px;color:#1a1a1a;width:80%;float:left;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li span,.lore ul li span{font-size:16px;color:#333;float:right;}
	.company ul li p,.lore ul li p{font-size:15px;color:#666;margin-top:3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li a:hover h2{font-weight:bold;}
/*products lore*/
	.lore{margin-bottom:2.5%;}
	.lore ul li{margin:1% 0;}
	.lore ul li a:hover h2{font-weight:bold;}
	.lore ul li a{width:90%;padding:2.5% 2% 2.5% 8%;background:url(../images/news/cpzs.png) no-repeat;background-size:2.5% auto;background-position:3% 60%;box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.17);border-radius: 20px;}
    .lore-tit{position:relative;}
	.lore-tit h2{font-size:30px;color:#1a1a1a;margin:2% 0;padding-bottom:2%;background:url(../images/news/bt.png) no-repeat bottom center;text-align:center;}
	.lore-tit a{position:absolute;right:0;top:50%;font-size:16px;color:#525252;}
/*page*/
	.page{text-align:center;font-size:16px;margin:2% auto;}
	.page a{border:1px solid #ccc;font-size:16px;padding:0.5% 2.1%;color:#333;margin:0 0.5%;}
	.page a:hover{background:#eee;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner-bj{background:url(../images/news/top_bj.jpg) no-repeat;padding-top:1.5%;background-size:100% 100%;padding-bottom:0.5%;}
	.banner .swiper-container{padding-bottom:2%;}
	.banner .swiper-slide .left{width:49%;float:left;height:260px;border: solid 5px rgba(255, 255, 255, 0.19);}
	.banner .swiper-slide .left img{display:block;width:100%;height:100%;}
	.banner .swiper-slide .right{width:49%;float:right;position:relative;}
	.banner .swiper-slide .right h1{font-size:24px;color:#fff;margin-left:5%;margin:2% 0 2% 5%;padding-bottom:3.5%;background:url(../images/news/top_bt.png) no-repeat left bottom;}
	.banner .swiper-slide .right .small{margin-left:5%;position:relative;}
	.banner .swiper-slide .right .small p{width:54%;font-size:15px;color:#b3b3b3;float:left;position:absolute;left:0;top:19%;line-height:24px;}
	.banner .swiper-slide .right .small a{float:right;width:40%;}
	.banner .swiper-slide .right .small a img{width:100%;}
	.banner .swiper-slide .right .tit{background:url(../images/news/top_xinwenbj.jpg) no-repeat;padding:3% 3% 3% 7%;}
	.banner .swiper-slide .right .tit h2{margin-top:0;font-size:16px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.banner .swiper-slide .right .tit p{font-size:15px;color:#4d4d4d;line-height:21px;height:62px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.banner .swiper-slide .right .tit p a{position:absolute;right:3%;top:95%;z-index:1;width:27%;}
	.banner .swiper-slide .right .tit a img{width:100%;}
	.banner .down{width:50%;position:relative;margin-top:1.5%;}
	.banner .swiper-pagination {width:10%;font-size:16px;color:#fff;left:6%;top:12%;}
	.banner .trait{width:70%;margin-left:30%;}
	.banner .trait span{float:left;width:32%;}
	.banner .trait span img{width:90%;}
	.banner .swiper-button-prev{background:url(../images/news/top_shang.png) no-repeat center;}
	.banner .swiper-button-next{background:url(../images/news/top_xia.png) no-repeat center;right:79.5%;}
	.swiper-button-next, .swiper-button-prev{width:18px;height:20px;top:96%;}
/*company news*/
    .company-bj{background:url(../images/news/top_gsxwbj.jpg) no-repeat;padding:1% 0;}
	.company ul,.lore ul{margin:0 -2%;}
	.company ul li,.lore ul li{width:46%;float:left;padding:0 2%;margin:0.5% 0;}
	.company ul li a{width:90%;padding:2% 0 2% 10%;background:url(../images/news/gsxw_bt.png) no-repeat;background-size:5% auto;background-position:2% 30%;}
	.company ul li h2,.lore ul li h2{margin:0;font-size:16px;color:#1a1a1a;width:76%;float:left;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li span,.lore ul li span{font-size:15px;color:#333;float:right;}
	.company ul li p,.lore ul li p{font-size:15px;color:#666;margin-top:3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li a:hover h2{font-weight:bold;}
/*products lore*/
	.lore{margin-bottom:2.5%;}
	.lore ul li{margin:1% 0;}
	.lore ul li a:hover h2{font-weight:bold;}
	.lore ul li a{width:90%;padding:2.5% 2% 2.5% 8%;background:url(../images/news/cpzs.png) no-repeat;background-size:2.5% auto;background-position:3% 60%;box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.17);border-radius: 20px;}
    .lore-tit{position:relative;}
	.lore-tit h2{font-size:24px;color:#1a1a1a;margin:2% 0;padding-bottom:2%;background:url(../images/news/bt.png) no-repeat bottom center;background-size:40% auto;text-align:center;}
	.lore-tit a{position:absolute;right:0;top:50%;font-size:15px;color:#525252;}
/*page*/
	.page{text-align:center;font-size:15px;margin:2% auto;}
	.page a{border:1px solid #ccc;font-size:15px;padding:0.5% 2.1%;color:#333;margin:0 0.5%;}
	.page a:hover{background:#eee;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/news/top_bj.jpg) no-repeat;padding-top:1.5%;background-size:100% 100%;padding-bottom:0.5%;}
	.banner .swiper-container{padding-bottom:2%;}
	.banner .swiper-slide .left{width:49%;float:left;height:210px;border: solid 5px rgba(255, 255, 255, 0.19);}
	.banner .swiper-slide .left img{display:block;width:100%;height:100%;}
	.banner .swiper-slide .right{width:49%;float:right;position:relative;}
	.banner .swiper-slide .right h1{font-size:18px;color:#fff;margin-left:5%;margin:0 0 0 5%;padding-bottom:3.5%;background:url(../images/news/top_bt.png) no-repeat left bottom;}
	.banner .swiper-slide .right .small{margin-left:5%;position:relative;}
	.banner .swiper-slide .right .small p{width:49%;font-size:14px;color:#b3b3b3;float:left;position:absolute;left:0;line-height:18px;top:8%;}
	.banner .swiper-slide .right .small a{float:right;width:50%;}
	.banner .swiper-slide .right .small a img{width:100%;}
	.banner .swiper-slide .right .tit{background:url(../images/news/top_xinwenbj.jpg) no-repeat;padding:3% 3% 3% 7%;}
	.banner .swiper-slide .right .tit h2{margin-top:0;font-size:15px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom:2%;}
	.banner .swiper-slide .right .tit h2 a{ color:#000;}
	.banner .swiper-slide .right .tit p{font-size:14px;color:#4d4d4d;line-height:21px;height:62px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.banner .swiper-slide .right .tit p a{position:absolute;right:3%;top:102%;z-index:1;width:30%;}
	.banner .swiper-slide .right .tit a img{width:100%;}
	.banner .down{width:50%;position:relative;margin-top:1.5%;}
	.banner .swiper-pagination {width:10%;font-size:16px;color:#fff;left:6%;top:-18%;}
	.banner .trait{width:70%;margin-left:30%;}
	.banner .trait span{float:left;width:32%;}
	.banner .trait span img{width:90%;}
	.banner .swiper-button-prev{background:url(../images/news/top_shang.png) no-repeat center;left:0;}
	.banner .swiper-button-next{background:url(../images/news/top_xia.png) no-repeat center;right:77%;}
	.swiper-button-next, .swiper-button-prev{width:18px;height:20px;top:96%;}
/*company news*/
    .company-bj{background:url(../images/news/top_gsxwbj.jpg) no-repeat;padding:1% 0;}
	.company ul,.lore ul{margin:0 -2%;}
	.company ul li,.lore ul li{width:46%;float:left;padding:0 2%;margin:0.5% 0;}
	.company ul li a{width:90%;padding:2% 0 2% 10%;background:url(../images/news/gsxw_bt.png) no-repeat;background-size:5% auto;background-position:2% 27%;}
	.company ul li h2,.lore ul li h2{margin:0;font-size:15px;color:#1a1a1a;width:72%;float:left;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li span,.lore ul li span{font-size:15px;color:#333;float:right;}
	.company ul li p,.lore ul li p{font-size:14px;color:#666;margin-top:3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li a:hover h2{font-weight:bold;}
/*products lore*/
	.lore{margin-bottom:2.5%;}
	.lore ul li{margin:1% 0;}
	.lore ul li a:hover h2{font-weight:bold;}
	.lore ul li a{width:90%;padding:2.5% 2% 2.5% 8%;background:url(../images/news/cpzs.png) no-repeat;background-size:2.5% auto;background-position:3% 60%;box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.17);border-radius: 20px;}
    .lore-tit{position:relative;}
	.lore-tit h2{font-size:18px;color:#1a1a1a;margin:2% 0;padding-bottom:2%;background:url(../images/news/bt.png) no-repeat bottom center;background-size:40% auto;text-align:center;}
	.lore-tit a{position:absolute;right:0;top:50%;font-size:14px;color:#525252;}
/*page*/
	.page{text-align:center;font-size:15px;margin:2% auto;}
	.page a{border:1px solid #ccc;font-size:15px;padding:0.5% 2.1%;color:#333;margin:0 0.5%;}
	.page a:hover{background:#eee;}
}

@media screen and (max-width: 768px) {
/*banner*/
    .banner-bj{background:url(../images/news/top_bj.jpg) no-repeat;padding-top:1.5%;background-size:100% 100%;padding-bottom:0.5%;}
	.banner{padding:0 2%;}
	.banner .swiper-container{padding-bottom:2%;}
	.banner .swiper-slide .left{width:98%;border: solid 5px rgba(255, 255, 255, 0.19);}
	.banner .swiper-slide .left img{display:block;width:100%;height:100%;}
	.banner .swiper-slide .right{width:100%;position:relative;}
	.banner .swiper-slide .right h1{font-size:0.3rem;color:#fff;margin-left:5%;margin:5% 0;padding-bottom:3.5%;background:url(../images/news/top_bt.png) no-repeat left bottom;}
	.banner .swiper-slide .right .small{margin-left:5%;position:relative;}
	.banner .swiper-slide .right .small p{width:49%;font-size:14px;color:#b3b3b3;float:left;position:absolute;left:0;line-height:18px;top:8%;}
	.banner .swiper-slide .right .small a{float:right;width:50%;}
	.banner .swiper-slide .right .small a img{width:100%;}
	.banner .swiper-slide .right .tit{background:url(../images/news/top_xinwenbj.jpg) no-repeat;padding:3% 3% 3% 7%;}
	.banner .swiper-slide .right .tit h2{margin-top:0;font-size:15px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom:2%;}
	.banner .swiper-slide .right .tit p{font-size:14px;color:#4d4d4d;line-height:21px;height:62px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.banner .swiper-slide .right .tit p a{position:absolute;right:3%;top:102%;z-index:1;width:30%;}
	.banner .swiper-slide .right .tit a img{width:100%;}
	.banner .down{width:50%;position:relative;margin-top:1.5%;}
	.banner .swiper-pagination {width:10%;font-size:16px;color:#fff;left:6%;top:-18%;}
	.banner .trait{width:70%;margin-left:30%;}
	.banner .trait span{float:left;width:32%;}
	.banner .trait span img{width:90%;}
	.banner .swiper-button-prev{background:url(../images/news/top_shang.png) no-repeat center;left:0;}
	.banner .swiper-button-next{background:url(../images/news/top_xia.png) no-repeat center;right:77%;}
	.swiper-button-next, .swiper-button-prev{width:18px;height:20px;top:96%;}
/*company news*/
    .company-bj{background:url(../images/news/top_gsxwbj.jpg) no-repeat;padding:1% 2%;margin-bottom:3%;}
	.company ul,.lore ul{margin:0 -2%;}
	.company ul li,.lore ul li{width:96%;float:left;padding:0 2%;margin:0.5% 0;}
	.company ul li a{width:90%;padding:2% 0 2% 10%;background:url(../images/news/gsxw_bt.png) no-repeat;background-size:5% auto;background-position:2% 27%;}
	.company ul li h2,.lore ul li h2{margin:0;font-size:0.27rem;color:#1a1a1a;width:72%;float:left;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li span,.lore ul li span{font-size:0.24rem;color:#333;float:right;margin-top:0.5%;}
	.company ul li p,.lore ul li p{font-size:0.25rem;color:#666;margin-top:3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.company ul li a:hover h2{color:#a90000;}
/*products lore*/
	.lore{margin-bottom:2.5%;padding:0 2%;}
	.lore ul li{margin:2% 0;}
	.lore ul li a:hover h2{color:#a90000;}
	.lore ul li a{width:90%;padding:2.5% 2% 2.5% 8%;background:url(../images/news/cpzs.png) no-repeat;background-size:2.5% auto;background-position:3% 50%;box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.17);border-radius: 20px;}
    .lore-tit{position:relative;}
	.lore-tit h2{font-size:0.34rem;font-weight:bold;color:#1a1a1a;margin:2% 0;padding-bottom:4%;background:url(../images/news/bt.png) no-repeat bottom center;background-size:50% auto;text-align:center;}
	.lore-tit a{position:absolute;right:0;top:20%;font-size:0.27rem;color:#525252;}
/*page*/
	.page{text-align:center;font-size:0.27rem;margin:5% auto;}
	.page a{border:1px solid #ccc;font-size:0.27rem;padding:0.5% 2.1%;color:#333;margin:0 0.5%;display:inline;}
	.page a:hover{background:#eee;}
}