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

@media screen and (min-width:1400px){
/*banner*/
	.body-center{background:url(../images/solution/solution-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%);}
	
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -4.5%;}
	.productlist ul li{width:40.5%;padding:0 4.5%;float:left;margin-bottom:3.5%;}
	.productlist ul li a{width:100%;background:#FAFAFA;border-bottom:1px solid rgba(75,75,75,0.1);padding-bottom:1%;}
	.productlist ul li a img{width:100%;}
	.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%;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/solution/solution-bg.jpg) 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%);}
	
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -4.5%;}
	.productlist ul li{width:40.5%;padding:0 4.5%;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%;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/solution/solution-bg.jpg) 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%);}
	
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -4.5%;}
	.productlist ul li{width:40.5%;padding:0 4.5%;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%;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/solution/solution-bg.jpg) 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%);}
	
/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -4.5%;}
	.productlist ul li{width:40.5%;padding:0 4.5%;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%;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/solution/solution-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%);}

/*product*/
	.productlist{margin:3% auto 0 auto;}
	.productlist ul{margin:0 -4.5%;}
	.productlist ul li{width:40.5%;padding:0 4.5%;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%;font-size:0.22rem;color:#333;}
	.productlist ul li a:hover{background:#F2F6FB;}
	.productlist ul li a:hover h3{color:#003399;}
}