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

@media screen and (min-width:1400px){
/*banner*/
	.body-center{background:url(../images/solution-det/solu-bg.jpg) no-repeat;}
	.case-det .left{padding:2%;background:#fff;width:47.9%;float:left;}
	.case-det .left img{width:100%;}
	.case-det .right{float:right;width:45.5%;padding-top:5%;}
	.case-det .right h1{font-size:32px;color:#fff;padding:3.5% 0;background:url(../images/solution-det/solu-line.png) no-repeat left top;}
	.case-det .right .cn{font-size:22px;color:#F39700;font-weight:bold;margin-bottom:3%;display:block;}
	.case-det .right ul li{margin-bottom:1%;}
	.case-det .right ul li span{display:inline-block;font-size:18px;color:#fff;width:27%;float:left;text-align:center;line-height:32px;height:65px;font-weight:bold;}
	.case-det .right ul li b{font-size:18px;color:#fff;line-height:32px;height:65px;display:inline-block;width:72.5%;float:right;}
	.case-det .right .box img{float:left;margin-right:5%;}
	.case-det .right .box a{font-size:16px;color:#fff;padding:1% 0;width:22%;text-align:center;border-radius:18px;}
	.case-det .right .box a:nth-child(3){margin-top:4%;margin-left:-2%;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.case-det .right .box a:nth-child(4){margin-top:2%;background:linear-gradient(90deg, #F39700 0%, #EFB332 100%);}
/*introduction*/
	.solutiondet-tit{font-size:28px;color:#003399;margin:1% 0;padding-left:2%;background:url(../images/solution-det/solu-.png) no-repeat left center;}
	.introduction p,.processing-flow p,.xg-product p{font-size:16px;color:#333;line-height:30px;margin:1.5% 0;}
                .introduction p img,.introduction div img{height:auto;margin:0 auto;}
	.introduction ul li{font-size:16px;color:#333;line-height:30px;margin:1% 0;padding-left:1.2%;background:url(../images/solution-det/dzz.png) no-repeat left 11px;}
	.introduction ul li h4{font-size:16px;color:#003399;line-height:30px;}
	.introduction ul li p{font-size:16px;color:#333;line-height:30px;}
/*processing-flow*/
	.processing-flow ul li{margin:1% 0 1.5% 0;}
	.processing-flow ul li h4{font-size:16px;color:#003399;line-height:30px;margin:0.5% 0;}
	.processing-flow ul li p{font-size:16px;color:#333;line-height:30px;margin:0!important;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:16px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*advantages*/
	.advantages-bj{background:url(../images/solution-det/solu-adv-bg.jpg) no-repeat;background-size:100% 100%;border-radius:0px 290px 290px 290px;box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);padding:1.8% 0 2% 0;}
	.advantage h2{color:#fff;background:url(../images/solution-det/dzz2.png) no-repeat left center;}
	.advantage ul{margin:0 -2.5%;}
	.advantage ul li{width:28.33%;margin:1.2% auto;padding:0 2.5%;float:left;}
	.advantage ul li a{border:3px solid #448ACA;padding:5%;}
	.advantage ul li a h3{color:#fff;font-size:18px;font-weight:bold;}
	.advantage ul li a p{color:rgba(255,255,255,0.7);font-size:18px;line-height:30px;margin-top:2%;height:120px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
	.material img{margin:2% auto 3% auto;}
	
}

@media screen and (min-width:1200px) and (max-width:1400px){
/*banner*/
	.body-center{background:url(../images/solution-det/solu-bg.jpg) no-repeat;}
	.case-det .left{padding:1.5%;background:#fff;width:47.9%;float:left;}
	.case-det .left img{width:100%;}
	.case-det .right{float:right;width:45.5%;padding-top:3%;}
	.case-det .right h1{font-size:27px;color:#fff;padding:3% 0 3.5% 0;background:url(../images/solution-det/solu-line.png) no-repeat left top;background-size:10% auto;}
	.case-det .right .cn{font-size:20px;color:#F39700;font-weight:bold;margin-bottom:3%;display:block;}
	.case-det .right ul li{margin-bottom:1%;}
	.case-det .right ul li span{display:inline-block;font-size:16px;color:#fff;width:30%;float:left;text-align:center;line-height:32px;font-weight:bold;}
	.case-det .right ul li b{font-size:16px;color:#fff;line-height:32px;display:inline-block;width:69%;float:right;}
	.case-det .right .box img{float:left;margin-right:2.5%;width:35%;}
	.case-det .right .box a{font-size:16px;color:#fff;padding:1% 0;width:24%;text-align:center;border-radius:18px;}
	.case-det .right .box a:nth-child(3){margin-top:4%;margin-left:-2%;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.case-det .right .box a:nth-child(4){margin-top:2%;background:linear-gradient(90deg, #F39700 0%, #EFB332 100%);}
/*introduction*/
	.solutiondet-tit{font-size:24px;color:#003399;margin:1% 0;padding-left:2%;background:url(../images/solution-det/solu-.png) no-repeat left center;background-size:1.5% auto;}
                .introduction p img,.introduction div img{width:100%;height:auto;}
	.introduction p,.processing-flow p,.xg-product p{font-size:15px;color:#333;line-height:30px;margin:1.5% 0;}
	.introduction ul li{font-size:16px;color:#333;line-height:30px;margin:1% 0;padding-left:1.2%;background:url(../images/solution-det/dzz.png) no-repeat left 11px;}
	.introduction ul li h4{font-size:16px;color:#003399;line-height:30px;}
	.introduction ul li p{font-size:15px;color:#333;line-height:30px;}
/*processing-flow*/
	.processing-flow img{width:100%;}
	.processing-flow ul li{margin:1% 0 1.5% 0;}
	.processing-flow ul li h4{font-size:16px;color:#003399;line-height:30px;margin:0.5% 0;}
	.processing-flow ul li p{font-size:16px;color:#333;line-height:30px;margin:0!important;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:16px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*advantages*/
	.advantages-bj{background:url(../images/solution-det/solu-adv-bg.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);padding:1.8% 0 2% 0;}
	.advantage h2{color:#fff;background:url(../images/solution-det/dzz2.png) no-repeat left center;}
	.advantage ul{margin:0 -2.5%;}
	.advantage ul li{width:28.33%;margin:1.2% auto;padding:0 2.5%;float:left;}
	.advantage ul li a{border:3px solid #448ACA;padding:5%;}
	.advantage ul li a h3{color:#fff;font-size:18px;font-weight:bold;}
	.advantage ul li a p{color:rgba(255,255,255,0.7);font-size:16px;line-height:30px;margin-top:2%;height:150px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
	.material img{margin:2% auto 3% auto;}
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.body-center{background:url(../images/solution-det/solu-bg.jpg) no-repeat;background-size:100% 100%;}
	.case-det .left{padding:1.5%;background:#fff;width:47.9%;float:left;}
	.case-det .left img{width:100%;}
	.case-det .right{float:right;width:45.5%;padding-top:2%;}
	.case-det .right h1{font-size:21px;color:#fff;padding:3% 0 3.5% 0;background:url(../images/solution-det/solu-line.png) no-repeat left top;background-size:6% auto;}
	.case-det .right .cn{font-size:16px;color:#F39700;font-weight:bold;margin-bottom:3%;display:block;}
	.case-det .right ul li{margin-bottom:1%;}
	.case-det .right ul li span{display:inline-block;font-size:15px;color:#fff;width:35%;float:left;text-align:center;line-height:24px;font-weight:bold;}
	.case-det .right ul li b{font-size:15px;color:#fff;line-height:24px;display:inline-block;width:64%;float:right;}
	.case-det .right .box img{float:left;margin-right:2.5%;width:30%;}
	.case-det .right .box a{font-size:15px;color:#fff;padding:1% 0;width:30%;text-align:center;border-radius:18px;}
	.case-det .right .box a:nth-child(3){margin-top:2%;margin-left:-2%;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.case-det .right .box a:nth-child(4){margin-top:2%;background:linear-gradient(90deg, #F39700 0%, #EFB332 100%);}
/*introduction*/
	.solutiondet-tit{font-size:20px;color:#003399;margin:1% 0;padding-left:2%;background:url(../images/solution-det/solu-.png) no-repeat left center;background-size:1.5% auto;}
	.introduction p,.processing-flow p,.xg-product p{font-size:14px;color:#333;line-height:25px;margin:1.5% 0;}
                .introduction p img,.introduction div img{width:100%;height:auto;}
	.introduction ul li{font-size:14px;color:#333;line-height:25px;margin:1% 0;padding-left:1.5%;background:url(../images/solution-det/dzz.png) no-repeat left 9px;}
	.introduction ul li h4{font-size:16px;color:#003399;line-height:24px;}
	.introduction ul li p{font-size:15px;color:#333;line-height:24px;}
/*processing-flow*/
	.processing-flow img{width:100%;}
	.processing-flow ul li{margin:1% 0 1.5% 0;}
	.processing-flow ul li h4{font-size:16px;color:#003399;line-height:30px;margin:0.5% 0;}
	.processing-flow ul li p{font-size:16px;color:#333;line-height:30px;margin:0!important;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:16px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*advantages*/
	.advantages-bj{background:url(../images/solution-det/solu-adv-bg.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);padding:1.8% 0 2% 0;}
	.advantage h2{color:#fff;background:url(../images/solution-det/dzz2.png) no-repeat left center;background-size:1.5% auto;}
	.advantage ul{margin:0 -2.5%;}
	.advantage ul li{width:28.33%;margin:1.2% auto;padding:0 2.5%;float:left;}
	.advantage ul li a{border:3px solid #448ACA;padding:5%;}
	.advantage ul li a h3{color:#fff;font-size:16px;font-weight:bold;}
	.advantage ul li a p{color:rgba(255,255,255,0.7);font-size:15px;line-height:25px;margin-top:2%;height:150px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
	.material img{margin:2% auto 3% auto;width:100%;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.body-center{background:url(../images/solution-det/solu-bg.jpg) no-repeat;background-size:100% 100%;padding-bottom:3%;}
	.case-det .left{padding:0.5%;background:#fff;width:51.5%;float:left;}
	.case-det .left img{width:100%;}
	.case-det .right{float:right;width:45.5%;padding-top:2%;}
	.case-det .right h1{font-size:18px;color:#fff;padding:3% 0 3.5% 0;background:url(../images/solution-det/solu-line.png) no-repeat left top;background-size:6% auto;}
	.case-det .right .cn{font-size:14px;color:#F39700;font-weight:bold;margin-bottom:3%;display:block;}
	.case-det .right ul li{margin-bottom:1%;}
	.case-det .right ul li span{display:inline-block;font-size:15px;color:#fff;width:100%;font-weight:bold;}
	.case-det .right ul li b{font-size:15px;color:#fff;line-height:20px;display:inline-block;width:100%;font-weight:400;}
	.case-det .right .box img{float:left;margin-right:2.5%;width:30%;}
	.case-det .right .box a{font-size:14px;color:#fff;padding:1% 0;width:35%;text-align:center;border-radius:18px;}
	.case-det .right .box a:nth-child(3){margin-left:-2%;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.case-det .right .box a:nth-child(4){margin-top:2%;background:linear-gradient(90deg, #F39700 0%, #EFB332 100%);}
/*introduction*/
	.solutiondet-tit{font-size:18px;color:#003399;margin:1% 0;padding-left:2%;background:url(../images/solution-det/solu-.png) no-repeat left center;background-size:1.5% auto;}
	.introduction p,.processing-flow p,.xg-product p{font-size:14px;color:#333;line-height:25px;margin:1.5% 0;}
                .introduction p img,.introduction div img{width:100%;height:auto;}
	.introduction ul li{font-size:14px;color:#333;line-height:25px;margin:1% 0;padding-left:1.5%;background:url(../images/solution-det/dzz.png) no-repeat left 9px;background-size:1% auto;}
	.introduction ul li h4{font-size:15px;color:#003399;line-height:24px;}
	.introduction ul li p{font-size:15px;color:#333;line-height:24px;}
/*processing-flow*/
	.processing-flow img{width:100%;}
	.processing-flow ul li{margin:1% 0 1.5% 0;}
	.processing-flow ul li h4{font-size:15px;color:#003399;line-height:30px;margin:0.5% 0;}
	.processing-flow ul li p{font-size:14px;color:#333;line-height:30px;margin:0!important;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:23%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:16px;color:#333;line-height:30px;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*advantages*/
	.advantages-bj{background:url(../images/solution-det/solu-adv-bg.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);padding:1.8% 0 2% 0;}
	.advantage h2{color:#fff;background:url(../images/solution-det/dzz2.png) no-repeat left center;background-size:1.5% auto;}
	.advantage ul{margin:0 -2%;}
	.advantage ul li{width:29.33%;margin:1.2% auto;padding:0 2%;float:left;}
	.advantage ul li a{border:3px solid #448ACA;padding:5%;}
	.advantage ul li a h3{color:#fff;font-size:15px;font-weight:bold;}
	.advantage ul li a p{color:rgba(255,255,255,0.7);font-size:14px;line-height:20px;margin-top:2%;height:140px;}
	.material img{margin:2% auto 3% auto;width:100%;}
}

@media screen and (max-width:769px){
/*banner*/
	.body-center{background:#012365;padding:5% 3%;margin-bottom:5%;}
	.case-det .left{padding:0.5%;background:#fff;width:100%;}
	.case-det .left img{width:100%;}
	.case-det .right{width:100%;padding-top:5%;}
	.case-det .right h1{font-size:0.36rem;color:#fff;padding:3% 0 3.5% 0;background:url(../images/solution-det/solu-line.png) no-repeat left top;background-size:8% auto;}
	.case-det .right .cn{font-size:0.25rem;color:#F39700;font-weight:bold;margin-bottom:3%;display:block;}
	.case-det .right ul li{margin-bottom:3%;font-size:0;}
	.case-det .right ul li span{display:inline-block;font-size:0.25rem;color:#fff;width:100%;font-weight:bold;}
	.case-det .right ul li b{font-size:0.25rem;color:#fff;line-height:0.42rem;display:inline-block;width:100%;font-weight:400;margin:2% 0;}
	.case-det .right .box img{float:left;margin:0 2.5%;width:45%;}
	.case-det .right .box a{font-size:0.25rem;color:#fff;padding:1% 0;width:44%;text-align:center;border-radius:18px;margin:5% 2.5% 0 2.5%;float:left;}
	.case-det .right .box a:nth-child(3){background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.case-det .right .box a:nth-child(4){background:linear-gradient(90deg, #F39700 0%, #EFB332 100%);}
/*introduction*/
	.solutiondet-tit{font-size:0.3rem;color:#003399;margin:3% 0;padding-left:5%;background:url(../images/solution-det/solu-.png) no-repeat left center;background-size:3% auto;}
  
                .introduction h2{font-size:0.3rem;color:#003399;margin:3% 0;padding-left:5%;background:url(../images/solution-det/solu-.png) no-repeat left center;background-size:3% auto;}
                .introduction h3{font-size:0.25rem;color:#003399;margin:3% 0;padding-left:5%;background:url(../images/solution-det/solu-.png) no-repeat left center;background-size:3% auto;}

	.introduction,.processing-flow,.xg-product{padding:0 2%;}
	.introduction p,.processing-flow p,.xg-product p{font-size:0.25rem;color:#333;line-height:0.42rem;margin:2% 0;}
                .introduction p img,.introduction div img{width:100%;height:auto;}
	.introduction ul li{font-size:0.25rem;color:#333;line-height:0.42rem;margin:5% 0;padding-left:2.5%;background:url(../images/solution-det/dzz.png) no-repeat left 12px;background-size:1.5% auto;}
	.introduction ul li h4{font-size:15px;color:#003399;line-height:24px;}
	.introduction ul li p{font-size:15px;color:#333;line-height:24px;}
/*processing-flow*/
	.processing-flow img{width:100%;}
	.processing-flow ul li{margin:3% 0 3% 0;}
	.processing-flow ul li h4{font-size:0.27rem;color:#003399;line-height:0.36rem;margin:1.5% 0;}
	.processing-flow ul li p{font-size:0.25rem;color:#333;line-height:0.36rem;margin:0!important;}
/*related-products*/
	.xg-product{margin-bottom:2%;}
	.xg-product ul{margin:0 -1%;}
	.xg-product ul li{width:48%;padding:0 1%;float:left;}
	.xg-product ul li a{background:#eee;width:100%;}
	.xg-product ul li:hover a{background:#003399;color:#fff;}
	.xg-product ul li:hover a h3{color:#fff;}
	.xg-product ul li img{width:100%;}
	.xg-product ul li h3{font-size:0.27rem;color:#333;line-height:0.36rempx;text-align:center;padding:1.5% 0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*advantages*/
	.advantages-bj{background:url(../images/solution-det/solu-adv-bg.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);box-shadow:0px 5px 10px 0px rgba(0,51,153,0.3);padding:5% 2%;}
	.advantage h2{color:#fff;background:url(../images/solution-det/dzz2.png) no-repeat left center;background-size:3% auto;}
	.advantage ul{margin:0 -2%;}
	.advantage ul li{width:46%;margin:1.2% auto;padding:0 2%;float:left;}
	.advantage ul li a{border:3px solid #448ACA;padding:5%;}
	.advantage ul li a h3{color:#fff;font-size:0.27rem;font-weight:bold;}
	.advantage ul li a p{color:rgba(255,255,255,0.7);font-size:0.25rem;line-height:0.35rem;margin-top:2%;height:2.8rem;}
	.material img{margin:2% auto 3% auto;width:100%;}
	
    .process,.material{padding:2% 2%;}
}