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

@media screen and (min-width:1400px){
/*banner*/
	.body-center{background:url(../images/product/pro-bg.png) 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%);}
	
/*nav*/
    .nav{margin-top:-1.5%;padding:1% 0;background:#fff;-moz-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);-webkit-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);border-radius:30px;}
	.nav ul li{width:21%;float:left;}
	.nav ul li:nth-child(5){width:16%;}
	.nav ul li a{width:100%;padding:15px 0;text-align:center;font-size:25px;color:#333;}
	.nav ul li:hover a{background:url(../images/product/proo.png) no-repeat center bottom;color:#003399;font-weight:bold;}
	.nav ul li.active a{background:url(../images/product/proo.png) no-repeat center bottom;color:#003399;font-weight:bold;}
	
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -2%;}
	.productlist ul li{width:46%;padding:0 2%;float:left;margin-bottom:3.5%;}
	.productlist ul li a{width:100%;background:#FAFAFA;border-bottom:1px solid #0048A8;padding-bottom:1%;}
	.productlist ul li a h3{font-size:26px;width:95%;margin:3% 2.5%;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.productlist ul li a p{width:90%;margin:1.5% 2.5%;padding-left:5%;font-size:18px;color:#333;line-height:30px;}
	.productlist ul li a .cn{background:url(../images/product/pro-cap.png) no-repeat left 10%;}
	.productlist ul li a .appli{background:url(../images/product/pro-app.png) no-repeat left 8%;height:90px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.productlist ul li a:hover{background:#F2F6FB;}
	.productlist ul li a:hover h3{color:#003399;}
}

@media screen and (min-width:1200px) and (max-width:1400px){
/*banner*/
	.body-center{background:url(../images/product/pro-bg.png) no-repeat center top;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:32px;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:80%;font-size:16px;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:21%;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%);}
	
/*nav*/
    .nav{margin-top:-1.5%;padding:1% 0;background:#fff;-moz-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);-webkit-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);border-radius:30px;}
	.nav ul li{width:21%;float:left;}
	.nav ul li:nth-child(5){width:16%;}
	.nav ul li a{width:100%;padding:15px 0;text-align:center;font-size:20px;color:#333;}
	.nav ul li:hover a{background:url(../images/product/proo.png) no-repeat center bottom;color:#003399;font-weight:bold;}
	.nav ul li.active a{background:url(../images/product/proo.png) no-repeat center bottom;color:#003399;font-weight:bold;}
	
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -2%;}
	.productlist ul li{width:46%;padding:0 2%;float:left;margin-bottom:3.5%;}
	.productlist ul li a{width:100%;background:#FAFAFA;border-bottom:1px solid #0048A8;padding-bottom:1%;}
	.productlist ul li a img{width:100%;}
	.productlist ul li a h3{font-size:21px;width:95%;margin:3% 2.5%;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.productlist ul li a p{width:90%;margin:1.5% 2.5%;padding-left:5%;font-size:16px;color:#333;line-height:25px;}
	.productlist ul li a .cn{background:url(../images/product/pro-cap.png) no-repeat left 10%;}
	.productlist ul li a .appli{background:url(../images/product/pro-app.png) no-repeat left 8%;height:75px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.productlist ul li a:hover{background:#F2F6FB;}
	.productlist ul li a:hover h3{color:#003399;}
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.body-center{background:url(../images/product/pro-bg.png) no-repeat center top;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:24px;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:90%;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:25px;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%);}
	
/*nav*/
    .nav{margin-top:-1.5%;padding:1% 0;background:#fff;-moz-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);-webkit-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);border-radius:30px;}
	.nav ul li{width:21%;float:left;}
	.nav ul li:nth-child(5){width:16%;}
	.nav ul li a{width:100%;padding:15px 0;text-align:center;font-size:16px;color:#333;}
	.nav ul li:hover a{background:url(../images/product/proo.png) no-repeat center bottom;background-size:10% auto;color:#003399;font-weight:bold;}
	.nav ul li.active a{background:url(../images/product/proo.png) no-repeat center bottom;background-size:10% auto;color:#003399;font-weight:bold;}
	.nav ul li:nth-child(5) a{background-size:24% auto;}
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -2%;}
	.productlist ul li{width:46%;padding:0 2%;float:left;margin-bottom:3.5%;}
	.productlist ul li a{width:100%;background:#FAFAFA;border-bottom:1px solid #0048A8;padding-bottom:1%;}
	.productlist ul li a img{width:100%;}
	.productlist ul li a h3{font-size:18px;width:95%;margin:3% 2.5%;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.productlist ul li a p{width:90%;margin:1.5% 2.5%;padding-left:5%;font-size:15px;color:#333;line-height:21px;}
	.productlist ul li a .cn{background:url(../images/product/pro-cap.png) no-repeat left 10%;background-size:5% auto;}
	.productlist ul li a .appli{background:url(../images/product/pro-app.png) no-repeat left 8%;background-size:5% auto;height:63px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.productlist ul li a:hover{background:#F2F6FB;}
	.productlist ul li a:hover h3{color:#003399;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.body-center{background:url(../images/product/pro-bg.png) no-repeat center top;}
	.banner{padding-bottom:3%;}
	.banner h1{font-size:20px;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:25px;width:40%;margin:1% 30%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:16px;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%);}
	
/*nav*/
    .nav{margin-top:-1.5%;padding:1% 0;background:#fff;-moz-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);-webkit-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);border-radius:30px;}
	.nav ul li{width:21%;float:left;}
	.nav ul li:nth-child(5){width:16%;}
	.nav ul li a{width:100%;padding:15px 0;text-align:center;font-size:16px;color:#333;}
	.nav ul li:hover a{background:url(../images/product/proo.png) no-repeat center bottom;background-size:10% auto;color:#003399;font-weight:bold;}
	.nav ul li.active a{background:url(../images/product/proo.png) no-repeat center bottom;background-size:10% auto;color:#003399;font-weight:bold;}
	.nav ul li:nth-child(5) a{background-size:24% auto;}
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -2%;}
	.productlist ul li{width:46%;padding:0 2%;float:left;margin-bottom:3.5%;}
	.productlist ul li a{width:100%;background:#FAFAFA;border-bottom:1px solid #0048A8;padding-bottom:1%;}
	.productlist ul li a img{width:100%;}
	.productlist ul li a h3{font-size:16px;width:95%;margin:3% 2.5%;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.productlist ul li a p{width:90%;margin:1.5% 2.5%;padding-left:5%;font-size:14px;color:#333;line-height:21px;}
	.productlist ul li a .cn{background:url(../images/product/pro-cap.png) no-repeat left 10%;background-size:5% auto;}
	.productlist ul li a .appli{background:url(../images/product/pro-app.png) no-repeat left 8%;background-size:5% auto;height:63px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.productlist ul li a:hover{background:#F2F6FB;}
	.productlist ul li a:hover h3{color:#003399;}
}

@media screen and (max-width:769px){
/*banner*/
	.body-center{background:url(../images/product/pro-bg.png) 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%);}
	
/*nav*/
    .nav{margin-top:-1.5%;padding:1% 0;background:#fff;-moz-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);-webkit-box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);box-shadow:0px 5px 5px 0px rgba(14,52,104,0.15);border-radius:30px;}
	.nav ul li{width:20%;float:left;}
	.nav ul li:nth-child(5){width:15%;}
	.nav ul li a{width:100%;padding:15px 0;text-align:center;font-size:0.24rem;color:#333;}
	.nav ul li:hover a{background:url(../images/product/proo.png) no-repeat center bottom;background-size:10% auto;color:#003399;font-weight:bold;}
	.nav ul li.active a{background:url(../images/product/proo.png) no-repeat center bottom;background-size:10% auto;color:#003399;font-weight:bold;}
	.nav ul li:nth-child(5) a{background-size:24% auto;}
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -2%;}
	.productlist ul li{width:46%;padding:0 2%;float:left;margin-bottom:3.5%;}
	.productlist ul li a{width:100%;background:#FAFAFA;border-bottom:1px solid #0048A8;padding-bottom:1%;}
	.productlist ul li a img{width:100%;}
	.productlist ul li a h3{font-size:0.25rem;height:0.72rem;line-height:0.36rem; width:95%;margin:3% 2.5%;color:#333;}
	.productlist ul li a p{width:90%;margin:1.5% 2.5%;padding-left:10%;font-size:0.22rem;color:#333;}
	.productlist ul li a .cn{background:url(../images/product/pro-cap.png) no-repeat left center;background-size:1% center;}
	.productlist ul li a .appli{background:url(../images/product/pro-app.png) no-repeat left 8%;background-size:5% auto;height:63px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:none;}
	.productlist ul li a:hover{background:#F2F6FB;}
	.productlist ul li a:hover h3{color:#003399;}
		


}