@charset "utf-8";
/* CSS Document */
.hot-news ul li.active a{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
.hot-news ul li.active a h3{color:#155799;}
.hot-news .pic{font-size:0;}

@media screen and (min-width: 1400px)  {
/*banner*/
	.body-center{background:url(../images/product/pro-bg.jpg) no-repeat center top;}
	.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%);}
/*news-center*/
	.news-center{border-radius:0.5rem;background:#fff;margin-top:-1%;padding:1%;-moz-box-shadow:5px 5px 16px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 16px rgba(0,0,0,0.4);box-shadow:5px 5px 16px rgba(0,0,0,0.4);margin-bottom:5%;}
	.hot-news .pic{width:51.6%;padding:1.5%;float:left;background:url(../images/news/news-imgk.png) no-repeat;background-size:100% 100%;}
	.hot-news .pic img{display:none;border-radius:0.3rem;width:100%;height:469px;}
	.hot-news ul{width:44%;float:right;}
	.hot-news ul li{margin:2% 0;}
	.hot-news ul li a{padding:1%;width:98%;background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);border-radius:20px;}
	.hot-news ul li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.hot-news ul li a:hover h3{color:#155799;}
	.hot-news ul li a h3{font-size:25px;color:#000;margin:0;padding:1% 0 1% 5%;background:url(../images/news/news-yuan.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-news ul li a p{font-size:15px;margin:1.5% 0;color:#666;line-height:30px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.hot-news ul li a span{font-size:16px;color:#444;display:block;}
/*news*/
	.news-center .news{margin-top:3%;}
	.news-center .news li{margin-bottom:4.5%;}
	.news-center .news li a{background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);width:100%;border-radius:20px;position:relative;padding:1.5% 0;}
	.news-center .news li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.news-center .news li a:hover h3{color:#155799;}
	.news-center .news li a:hover .time big{color:#155799;}
	.news-center .news li a:hover .time span{color:#155799;border-top:1px solid #155799;}
	.news-center .news li h3{width:73%;margin:0 9% 0 18%;font-size:24px;color:#000;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-center .news li p{width:73%;margin:1% 9% 0 18%;font-size:16px;color:#666;line-height:27px;height:54px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-center .news li img{width:17%;height:164px;float:left;position:absolute;left:0;top:0;border-radius:5px;}
	.news-center .news li a .time{width:7%;position:absolute;right:1%;top:16%;}
	.news-center .news li a .time big{font-size:42px;color:#666;text-align:center;width:100%;display:block;}
	.news-center .news li a .time span{text-align:center;display:block;font-size:18px;color:#666;border-top:1px solid #666;margin:0 5%;width:90%;padding-top:5%;}
/*page*/
	.page{text-align:center;margin:3% 0;font-size:18px;}
	.page a{font-size:18px;color:#333;padding:1% 4%;background:#F0F0F0;margin:0 1%;display:inline;border-radius:10px;}
	.page a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);color:#fff;}	
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.body-center{background:url(../images/product/pro-bg.jpg) no-repeat center top;}
	.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%);}
/*news-center*/
	.news-center{border-radius:0.5rem;background:#fff;margin-top:-1%;padding:1%;-moz-box-shadow:5px 5px 16px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 16px rgba(0,0,0,0.4);box-shadow:5px 5px 16px rgba(0,0,0,0.4);margin-bottom:5%;}
	.hot-news .pic{width:51.6%;padding:1.5%;float:left;background:url(../images/news/news-imgk.png) no-repeat;background-size:100% 100%;}
	.hot-news .pic img{display:none;border-radius:0.3rem;width:100%;height:410px;}
	.hot-news ul{width:44%;float:right;}
	.hot-news ul li{margin:2% 0;}
	.hot-news ul li a{padding:1%;width:98%;background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);border-radius:20px;}
	.hot-news ul li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.hot-news ul li a:hover h3{color:#155799;}
	.hot-news ul li a h3{font-size:21px;color:#000;margin:0;padding:1% 0 1% 5%;background:url(../images/news/news-yuan.png) no-repeat left center;background-size:3% auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-news ul li a p{font-size:15px;margin:1.5% 0;color:#666;line-height:25px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.hot-news ul li a span{font-size:16px;color:#444;display:block;}
/*news*/
	.news-center .news{margin-top:3%;}
	.news-center .news li{margin-bottom:4.5%;}
	.news-center .news li a{background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);width:100%;border-radius:20px;position:relative;padding:1.5% 0;}
	.news-center .news li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.news-center .news li a:hover h3{color:#155799;}
	.news-center .news li a:hover .time big{color:#155799;}
	.news-center .news li a:hover .time span{color:#155799;border-top:1px solid #155799;}
	.news-center .news li h3{width:73%;margin:0 9% 0 18%;font-size:20px;color:#000;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-center .news li p{width:73%;margin:1% 9% 0 18%;font-size:16px;color:#666;line-height:25px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-center .news li img{width:17%;height:164px;float:left;position:absolute;left:0;top:0;border-radius:5px;}
	.news-center .news li a .time{width:7%;position:absolute;right:1%;top:16%;}
	.news-center .news li a .time big{font-size:36px;color:#666;text-align:center;width:100%;display:block;}
	.news-center .news li a .time span{text-align:center;display:block;font-size:16px;color:#666;border-top:1px solid #666;margin:0 5%;width:90%;padding-top:5%;}
/*page*/
	.page{text-align:center;margin:3% 0;font-size:16px;}
	.page a{font-size:18px;color:#333;padding:1% 4%;background:#F0F0F0;margin:0 1%;display:inline;border-radius:10px;}
	.page a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);color:#fff;}	
}

@media screen and (max-width: 1200px) and (min-width: 992px){	
	/*banner*/
	.body-center{background:url(../images/product/pro-bg.jpg) no-repeat center top;}
	.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%);}
/*news-center*/
	.news-center{border-radius:0.5rem;background:#fff;margin-top:-10%;padding:1%;-moz-box-shadow:5px 5px 16px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 16px rgba(0,0,0,0.4);box-shadow:5px 5px 16px rgba(0,0,0,0.4);margin-bottom:5%;}
	.hot-news .pic{width:51.6%;padding:1.5%;float:left;background:url(../images/news/news-imgk.png) no-repeat;background-size:100% 100%;}
	.hot-news .pic img{display:none;border-radius:0.3rem;width:100%;height:350px;}
	.hot-news ul{width:44%;float:right;}
	.hot-news ul li{margin:2% 0;}
	.hot-news ul li a{padding:1%;width:98%;background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);border-radius:20px;}
	.hot-news ul li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.hot-news ul li a:hover h3{color:#155799;}
	.hot-news ul li a h3{font-size:18px;color:#000;margin:0;padding:1% 0 1% 5%;background:url(../images/news/news-yuan.png) no-repeat left center;background-size:3% auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-news ul li a p{font-size:14px;margin:1.5% 0;color:#666;line-height:21px;height:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.hot-news ul li a span{font-size:15px;color:#444;display:block;}
/*news*/
	.news-center .news{margin-top:3%;}
	.news-center .news li{margin-bottom:4.5%;}
	.news-center .news li a{background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);width:100%;border-radius:20px;position:relative;padding:1.5% 0;}
	.news-center .news li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.news-center .news li a:hover h3{color:#155799;}
	.news-center .news li a:hover .time big{color:#155799;}
	.news-center .news li a:hover .time span{color:#155799;border-top:1px solid #155799;}
	.news-center .news li h3{width:65%;margin:0 9% 0 23%;font-size:18px;color:#000;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-center .news li p{width:65%;margin:1% 9% 0 23%;font-size:15px;color:#666;line-height:25px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-center .news li img{width:21%;height:145px;float:left;position:absolute;left:0;top:0;border-radius:5px;}
	.news-center .news li a .time{width:10%;position:absolute;right:1%;top:16%;}
	.news-center .news li a .time big{font-size:36px;color:#666;text-align:center;width:100%;display:block;}
	.news-center .news li a .time span{text-align:center;display:block;font-size:15px;color:#666;border-top:1px solid #666;margin:0 5%;width:90%;padding-top:5%;}
/*page*/
	.page{text-align:center;margin:3% 0;font-size:16px;}
	.page a{font-size:18px;color:#333;padding:1% 4%;background:#F0F0F0;margin:0 1%;display:inline;border-radius:10px;}
	.page a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);color:#fff;}	
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.body-center{background:url(../images/product/pro-bg.jpg) no-repeat center top;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:27px;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:90%;font-size:15px;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:30%;margin:1% 35%;}
	.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%);}
/*news-center*/
	.news-center{border-radius:0.25rem;background:#fff;margin-top:-10%;padding:1%;-moz-box-shadow:5px 5px 16px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 16px rgba(0,0,0,0.4);box-shadow:5px 5px 16px rgba(0,0,0,0.4);margin-bottom:5%;}
	.hot-news .pic{width:51.6%;padding:1.5%;float:left;background:url(../images/news/news-imgk.png) no-repeat;background-size:100% 100%;}
	.hot-news .pic img{display:none;border-radius:0.1rem;width:100%;height:250px;}
	.hot-news ul{width:43%;float:right;}
	.hot-news ul li{margin:2% 0;}
	.hot-news ul li a{padding:1%;width:98%;background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);border-radius:0.1rem;}
	.hot-news ul li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.hot-news ul li a:hover h3{color:#155799;}
	.hot-news ul li a h3{font-size:16px;color:#000;margin:0;padding:1% 0 1% 5%;background:url(../images/news/news-yuan.png) no-repeat left center;background-size:3% auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-news ul li a p{font-size:14px;margin:2% 0;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
	.hot-news ul li a span{font-size:14px;color:#444;display:block;}
/*news*/
	.news-center .news{margin-top:3%;}
	.news-center .news li{margin-bottom:4.5%;}
	.news-center .news li a{background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);border-radius:20px;position:relative;padding:1.5% 0;}
	.news-center .news li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.news-center .news li a:hover h3{color:#155799;}
	.news-center .news li a:hover .time big{color:#155799;}
	.news-center .news li a:hover .time span{color:#155799;border-top:1px solid #155799;}
	.news-center .news li h3{width:66%;margin:0 11% 0 22%;font-size:17px;color:#000;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-center .news li p{width:66%;margin:0 11% 0 22%;font-size:15px;color:#666;line-height:20px;height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-center .news li img{width:20%;height:100px;float:left;position:absolute;left:0;top:0;border-radius:5px;}
	.news-center .news li a .time{width:8%;position:absolute;right:2%;top:10%;}
	.news-center .news li a .time big{font-size:27px;color:#666;text-align:center;width:100%;display:block;}
	.news-center .news li a .time span{text-align:center;display:block;font-size:14px;color:#666;border-top:1px solid #666;width:100%;padding-top:5%;}
/*page*/
	.page{text-align:center;margin:3% 0;font-size:16px;}
	.page a{font-size:16px;color:#333;padding:1% 4%;background:#F0F0F0;margin:0 1%;display:inline;border-radius:10px;}
	.page a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);color:#fff;}	
}

@media screen and (max-width: 769px) {
/*banner*/
	.body-center{background:url(../images/product/pro-bg.jpg) no-repeat center top;}
	.banner{padding-bottom:3%;font-size:0;}
	.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:0.36rem;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: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:3.5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*news-center*/
	.news-center{border-radius:0.25rem;background:#fff;padding:1%;width:98%;-moz-box-shadow:5px 5px 16px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 16px rgba(0,0,0,0.4);box-shadow:5px 5px 16px rgba(0,0,0,0.4);margin-bottom:5%;}
	.hot-news{display:none;}
	.hot-news .pic{width:51.6%;padding:1.5%;float:left;background:url(../images/news/news-imgk.png) no-repeat;background-size:100% 100%;}
	.hot-news .pic img{display:none;border-radius:0.1rem;width:100%;height:250px;}
	.hot-news ul{width:47%;float:right;}
	.hot-news ul li{margin:2% 0;}
	.hot-news ul li a{padding:1%;background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);border-radius:0.1rem;}
	.hot-news ul li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.hot-news ul li a:hover h3{color:#155799;}
	.hot-news ul li a h3{font-size:0.16rem;color:#000;margin:0;padding:1% 0 1% 5%;background:url(../images/news/news-yuan.png) no-repeat left center;background-size:3% auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-news ul li a p{font-size:0.14rem;margin:1% 0;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
	.hot-news ul li a span{font-size:0.14rem;color:#444;display:block;}
/*news*/
	.news-center .news{margin-top:3%;}
	.news-center .news li{margin-bottom:4.5%;}
	.news-center .news li a{background:linear-gradient(90deg,rgba(210,210,210,0.01) 0%,rgba(210,210,210,0.2) 100%);border-radius:0.1rem;position:relative;padding:1.5% 0;width:100%;}
	.news-center .news li a:hover{background:linear-gradient(90deg,rgba(21,87,153,0.01) 0%,rgba(21,87,153,0.2) 100%);}
	.news-center .news li a:hover h3{color:#155799;}
	.news-center .news li a:hover .time big{color:#155799;}
	.news-center .news li a:hover .time span{color:#155799;border-top:1px solid #155799;}
	.news-center .news li h3{width:62%;margin:0 14% 0 22%;font-size:0.26rem;color:#000;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-center .news li p{width:62%;margin:0 14% 0 22%;font-size:0.24rem;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-center .news li img{width:20%;height:1rem;float:left;position:absolute;left:0;top:8.5%;border-radius:5px;}
	.news-center .news li a .time{width:13%;position:absolute;right:2%;top:21%;}
	.news-center .news li a .time big{font-size:0.3rem;color:#666;text-align:center;width:100%;display:block;}
	.news-center .news li a .time span{text-align:center;display:block;font-size:0.21rem;color:#666;border-top:1px solid #666;width:100%;padding-top:5%;}
/*page*/
	.page{text-align:center;margin:3% 0;font-size:0.27rem;}
	.page a{font-size:0.27rem;color:#333;padding:1% 4%;background:#F0F0F0;margin:0 1%;display:inline;border-radius:10px;}
	.page a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);color:#fff;}	
}