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

@media screen and (min-width:1400px){
/*banner*/
	.banner .swiper-slide{position:relative;}
	.banner .swiper-slide .wz{position:absolute;top:18%;left:0;right:0;margin:0 auto;text-align:center;}
	.banner .swiper-slide h1{text-align:center;font-size:46px;color:#fff;font-weight:bold;line-height:18px;margin:0 auto;padding:2.1% 0 1.8% 0;background:url(../images/index/ban-1.png) no-repeat top center;}
	.banner .swiper-slide p{text-align:center;font-size:17px;color:rgba(255,255,255,0.7);font-weight:bold;line-height:30px;margin:0 auto;}
	.banner .swiper-slide a{width:12%;margin:2% 2%;text-align:center;font-size:16px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;height:40px;line-height:40px;}
	.banner .swiper-slide a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
	.banner .swiper-container .swiper-button-prev{width:70px;height:70px;left:9%;background:url(../images/index/ban-l.png) no-repeat center;}
	.banner .swiper-container .swiper-button-next{width:70px;height:70px;right:9%;background:url(../images/index/ban-r.png) no-repeat center;}
/*product-center*/
	.product-center .tit{text-align:center;margin:3% 0 2% 0;}
	.product-center .tit h1{font-size:45px;color:#333;font-family:'pi';}
	.product-center .tit p{font-size:16px;color:#333;line-height:30px;margin-top:0.5%;}
	.product-center ul{margin:0 -2.5% 2% -2.5%;}
	.product-center ul li{width:28.3%;padding:0 2.5%;float:left;}
	.product-center ul li a{width:100%;}
	.product-center ul li a h2{font-size:22px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.product-center ul li a p{font-size:18px;color:#333;line-height:34px;padding-left:5%;background:url(../images/index/pro-.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*leave us message*/
	.leave-bj{background:url(../images/index/home-lianxi.jpg) no-repeat left bottom;}
	.leave{padding:1.25% 0;}
	.leave .tit{width:24%;float:left;position:relative;}
	.leave .tit img{position:absolute;left:0;top:-30%;}
	.leave .tit h3{font-size:20px;color:#fff;margin:1% 0;}
	.leave .tit p{font-size:16px;color:rgba(255,255,255,0.6);}
	.leave form{float:right;width:75%;font-size:0;margin-top:0.75%;}
	.leave form input{width:23%;margin-right:4%;height:40px;padding:0 1%;font-size:16px;color:#333;border:0;border-radius:5px;background:rgba(255,255,255,0.3);}
	.leave form button{width:13%;height:40px;border:0;font-size:18px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:5px;cursor:pointer;position:relative;overflow:hidden;}
	.leave form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);color:#fff;}	
/*about-us*/
	.about-us{padding-top:2%;}
	.about-us .left{width:57%;float:left;}
	.about-us .left h1{font-size:45px;color:#333;font-family:'pi';display:inline-block;border-bottom:3px solid rgba(51,51,51,0.9);margin:2% 0 2% 0;}
	.about-us .left h5{font-size:25px;color:#333;line-height:42px;}
	.about-us .left h5:nth-child(3){color:#003399;}
	.about-us .left p{font-size:16px;color:#666;line-height:30px;padding-left:3%;background:url(../images/index/about-dian.png) no-repeat 1% 10px;margin:2% 0;}
	.about-us .left ul{margin:5% 0;}
	.about-us .left ul li{width:33.33%;float:left;background:url(../images/index/about-line.png) no-repeat right center;text-align:center;}
	.about-us .left ul li:nth-child(3){background:0;}
	.about-us .left ul li b{font-size:50px;color:#333;background:url(../images/index/about-30.png) no-repeat 75% top;}
	.about-us .left ul li div{font-size:16px;color:#666;}
	.about-us .right{width:40%;margin-top:1.5%;float:right;position:relative;}
	.about-us .right i{width:200px;height:200px;background:#0048A8;position:absolute;right:-3.5%;top:-4%;z-index:-1;}
	.about-us .right span{display:inline-block;text-align:center; width:226px;height:160px;background:#fff;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);position:absolute;right:-20%;bottom:13%;}
	.about-us .right span img{margin:7% auto 5% auto;}
	.about-us .right span p{font-size:18px;color:#666;}
	.about-us .right span b{font-size:36px;color:#666;font-weight:bold;}
/*solutions*/
	.solution-bj{background:url(../images/index/solution-bg.jpg) no-repeat center top;margin-top:2%;}
	.solution .tit{text-align:center;margin:3% auto 0 auto;}
	.solution .tit h1{font-size:45px;color:#fff;font-family:'pi';}
	.solution .tit p{font-size:16px;color:#fff;line-height:30px;margin-top:0.5%;}
	.solution .gallery-thumbs{width:100%;margin:2% 0 0 0;}
	.solution .gallery-thumbs .swiper-slide{height:600px;overflow:hidden;width:28.1%!important;position:relative;}
	.solution .gallery-thumbs .swiper-slide .mask{height:0;transition:all 0.2s;}
	.solution .gallery-thumbs .swiper-slide img{height:100%;display:block;}
	.solution .gallery-thumbs .swiper-slide-thumb-active{width:40.5%!important;overflow:hidden;}
	.solution .gallery-thumbs .swiper-slide-thumb-active img{width:100%;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask{background:rgba(13,51,104,0.6);width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask h3{font-size:28px;color:#fff;width:94%;margin:58% auto 0 auto;padding:2% 0;background:url(../images/index/solution-.png) no-repeat left top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask p{width:94%;margin:0 auto;font-size:18px;color:#fff;line-height:30px;}
/*global-customer*/
	.global-customer{background:url(../images/index/ditu.jpg) no-repeat right center;margin:3% auto;}
	.global-customer .left{width:40%;}
	.global-customer .left h1{font-family:'pi';font-size:46px;color:#333;margin:3% 0;}
	.global-customer .left p:nth-child(2){width:80%;}
	.global-customer .left p{font-size:18px;color:#333;line-height:30px;padding-left:5%;background:url(../images/index/ditu-duihao.png) no-repeat left 5px;margin-bottom:3%;}
	.global-customer .left a{width:30%;padding:2% 0;border:1px solid;text-align:center;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);-webkit-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);-moz-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);border-radius:25px;font-size:16px;color:#fff;margin:2% 0 0 5%;}
	.global-customer .left a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
}

@media screen and (min-width:1200px) and (max-width:1400px){
/*banner*/
	.banner .swiper-slide{position:relative;}
	.banner .swiper-slide .wz{position:absolute;top:14%;left:0;right:0;margin:0 auto;text-align:center;}
	.banner .swiper-slide h1{text-align:center;font-size:40px;color:#fff;font-weight:bold;line-height:18px;margin:0 auto;padding:2.1% 0 1.8% 0;background:url(../images/index/ban-1.png) no-repeat top center;}
	.banner .swiper-slide p{text-align:center;font-size:15px;color:rgba(255,255,255,0.7);font-weight:bold;line-height:27px;margin:0 auto;}
	.banner .swiper-slide a{width:10%;margin:2% 2%;text-align:center;font-size:16px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;height:40px;line-height:40px;}
	.banner .swiper-slide a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
	.banner .swiper-container .swiper-button-prev{width:70px;height:70px;left:3%;background:url(../images/index/ban-l.png) no-repeat center;}
	.banner .swiper-container .swiper-button-next{width:70px;height:70px;right:3%;background:url(../images/index/ban-r.png) no-repeat center;}
/*product-center*/
	.product-center .tit{text-align:center;margin:3% 0 2% 0;}
	.product-center .tit h1{font-size:42px;color:#333;font-family:'pi';}
	.product-center .tit p{font-size:15px;color:#333;line-height:30px;margin-top:0.5%;}
	.product-center ul{margin:0 -2.5% 2% -2.5%;}
	.product-center ul li{width:28.3%;padding:0 2.5%;float:left;}
	.product-center ul li img{width:100%;}
	.product-center ul li a{width:100%;}
	.product-center ul li a h2{font-size:20px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.product-center ul li a p{font-size:16px;color:#333;line-height:34px;padding-left:5%;background:url(../images/index/pro-.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*leave us message*/
	.leave-bj{background:url(../images/index/home-lianxi.jpg) no-repeat left bottom;}
	.leave{padding:1.25% 0;}
	.leave .tit{width:27%;float:left;position:relative;}
	.leave .tit img{position:absolute;left:0;top:-30%;}
	.leave .tit h3{font-size:18px;color:#fff;margin:1% 0;}
	.leave .tit p{font-size:15px;color:rgba(255,255,255,0.6);}
	.leave form{float:right;width:72%;font-size:0;margin-top:0.5%;}
	.leave form input{width:23%;margin-right:2%;height:40px;padding:0 1%;font-size:16px;color:#333;border:0;border-radius:5px;background:rgba(255,255,255,0.3);}
	.leave form button{width:18%;height:40px;border:0;font-size:18px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:5px;cursor:pointer;position:relative;overflow:hidden;}
	.leave form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);color:#fff;}	
/*about-us*/
	.about-us{padding:2%;}
	.about-us .left{width:54%;float:left;}
	.about-us .left h1{font-size:40px;color:#333;font-family:'pi';display:inline-block;border-bottom:3px solid rgba(51,51,51,0.9);margin:2% 0 2% 0;}
	.about-us .left h5{font-size:20px;color:#333;line-height:36px;}
	.about-us .left h5:nth-child(3){color:#003399;}
	.about-us .left p{font-size:15px;color:#666;line-height:27px;padding-left:4%;background:url(../images/index/about-dian.png) no-repeat 1% 10px;margin:1% 0;}
	.about-us .left ul{margin:3% 0;}
	.about-us .left ul li{width:33.33%;float:left;background:url(../images/index/about-line.png) no-repeat right center;text-align:center;}
	.about-us .left ul li:nth-child(3){background:0;}
	.about-us .left ul li b{font-size:42px;color:#333;background:url(../images/index/about-30.png) no-repeat 75% top;}
	.about-us .left ul li div{font-size:16px;color:#666;}
	.about-us .right{width:42%;margin-top:1.5%;margin-left:2%;float:left;position:relative;}
	.about-us .right img{width:100%;}
	.about-us .right i{width:200px;height:200px;background:#0048A8;position:absolute;right:-3.5%;top:-4%;z-index:-1;}
	.about-us .right span{display:inline-block;text-align:center; width:160px;height:120px;background:#fff;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);position:absolute;right:-9%;bottom:13%;}
	.about-us .right span img{margin:7% auto 5% auto;width:25%;}
	.about-us .right span p{font-size:16px;color:#666;}
	.about-us .right span b{font-size:30px;color:#666;font-weight:bold;}
/*solutions*/
	.solution-bj{background:url(../images/index/solution-bg.jpg) no-repeat center top;margin-top:2%;}
	.solution .tit{text-align:center;margin:3% auto 0 auto;}
	.solution .tit h1{font-size:42px;color:#fff;font-family:'pi';}
	.solution .tit p{font-size:16px;color:#fff;line-height:30px;margin-top:0.5%;}
	.solution .gallery-thumbs{width:100%;margin:2% 0 0 0;}
	.solution .gallery-thumbs .swiper-slide{height:450px;overflow:hidden;width:28.1%!important;position:relative;}
	.solution .gallery-thumbs .swiper-slide .mask{height:0;transition:all 0.2s;}
	.solution .gallery-thumbs .swiper-slide img{height:100%;display:block;}
	.solution .gallery-thumbs .swiper-slide-thumb-active{width:40.5%!important;overflow:hidden;}
	.solution .gallery-thumbs .swiper-slide-thumb-active img{width:100%;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask{background:rgba(13,51,104,0.6);width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;border:1px solid green;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask h3{font-size:21px;color:#fff;width:94%;margin:58% auto 0 auto;padding:2% 0;background:url(../images/index/solution-.png) no-repeat left top;background-size:10% auto;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask p{width:94%;margin:0 auto;font-size:16px;color:#fff;line-height:24px;}
/*global-customer*/
	.global-customer{background:url(../images/index/ditu.jpg) no-repeat right center;margin:3% auto;}
	.global-customer .left{width:40%;}
	.global-customer .left h1{font-family:'pi';font-size:42px;color:#333;margin:3% 0;}
	.global-customer .left p:nth-child(2){width:100%;}
	.global-customer .left p{font-size:16px;color:#333;line-height:24px;padding-left:5%;background:url(../images/index/ditu-duihao.png) no-repeat left 5px;margin-bottom:3%;background-size:4% auto;}
	.global-customer .left a{width:30%;padding:2% 0;border:1px solid;text-align:center;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);-webkit-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);-moz-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);border-radius:25px;font-size:16px;color:#fff;margin:2% 0 0 5%;}
	.global-customer .left a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.banner .swiper-slide{position:relative;}
	.banner .swiper-slide .wz{position:absolute;top:8%;left:0;right:0;margin:0 auto;text-align:center;}
	.banner .swiper-slide h1{text-align:center;font-size:30px;color:#fff;font-weight:bold;line-height:18px;margin:0 auto;padding:2.1% 0 1.8% 0;background:url(../images/index/ban-1.png) no-repeat top center;background-size:4% auto;}
	.banner .swiper-slide p{text-align:center;font-size:15px;color:rgba(255,255,255,0.7);font-weight:bold;line-height:21px;margin:0 auto;}
	.banner .swiper-slide a{width:14%;margin:1% 2%;text-align:center;font-size:14px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;height:35px;line-height:35px;}
	.banner .swiper-slide a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
	.banner .swiper-container .swiper-button-prev{width:40px;height:40px;left:3%;background:url(../images/index/ban-l.png) no-repeat center;background-size:100% auto;}
	.banner .swiper-container .swiper-button-next{width:40px;height:40px;right:3%;background:url(../images/index/ban-r.png) no-repeat center;background-size:100% auto;}
/*product-center*/
	.product-center .tit{text-align:center;margin:3% 0 2% 0;}
	.product-center .tit h1{font-size:32px;color:#333;font-family:'pi';}
	.product-center .tit p{font-size:14px;color:#333;line-height:27px;margin-top:0.5%;}
	.product-center ul{margin:0 -2.5% 2% -2.5%;}
	.product-center ul li{width:28.3%;padding:0 2.5%;float:left;}
	.product-center ul li img{width:100%;}
	.product-center ul li a{width:100%;}
	.product-center ul li a h2{font-size:18px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.product-center ul li a p{font-size:14px;color:#333;line-height:27px;padding-left:5%;background:url(../images/index/pro-.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*leave us message*/
	.leave-bj{background:url(../images/index/home-lianxi.jpg) no-repeat left bottom;}
	.leave{padding:1.25% 0;}
	.leave .tit{width:30%;float:left;position:relative;}
	.leave .tit img{position:absolute;left:0;top:-30%;}
	.leave .tit h3{font-size:16px;color:#fff;margin:1% 0;}
	.leave .tit p{font-size:14px;color:rgba(255,255,255,0.6);}
	.leave form{float:right;width:68%;font-size:0;margin-top:0.5%;}
	.leave form input{width:23%;margin-right:2%;height:40px;padding:0 1%;font-size:15px;color:#333;border:0;border-radius:5px;background:rgba(255,255,255,0.3);}
	.leave form button{width:18%;height:40px;border:0;font-size:16px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:5px;cursor:pointer;position:relative;overflow:hidden;}
	.leave form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);color:#fff;}	
/*about-us*/
	.about-us{padding:2%;}
	.about-us .left{width:54%;float:left;}
	.about-us .left h1{font-size:32px;color:#333;font-family:'pi';display:inline-block;border-bottom:3px solid rgba(51,51,51,0.9);margin:2% 0 2% 0;}
	.about-us .left h5{font-size:16px;color:#333;line-height:27px;}
	.about-us .left h5:nth-child(3){color:#003399;}
	.about-us .left p{font-size:14px;color:#666;line-height:24px;padding-left:4%;background:url(../images/index/about-dian.png) no-repeat left 6px;margin:1% 0;}
	.about-us .left ul{margin:3% 0;}
	.about-us .left ul li{width:33.33%;float:left;background:url(../images/index/about-line.png) no-repeat right center;text-align:center;}
	.about-us .left ul li:nth-child(3){background:0;}
	.about-us .left ul li b{font-size:32px;color:#333;background:url(../images/index/about-30.png) no-repeat 75% top;}
	.about-us .left ul li div{font-size:16px;color:#666;}
	.about-us .right{width:42%;margin-top:5%;margin-left:2%;float:left;position:relative;}
	.about-us .right img{width:100%;}
	.about-us .right i{width:140px;height:140px;background:#0048A8;position:absolute;right:-3.5%;top:-4%;z-index:-1;}
	.about-us .right span{display:inline-block;text-align:center; width:120px;height:100px;background:#fff;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);position:absolute;right:-9%;bottom:13%;}
	.about-us .right span img{margin:7% auto 5% auto;width:30%;}
	.about-us .right span p{font-size:15px;color:#666;}
	.about-us .right span b{font-size:25px;color:#666;font-weight:bold;}
/*solutions*/
	.solution-bj{background:url(../images/index/solution-bg.jpg) no-repeat center top;margin-top:2%;}
	.solution .tit{text-align:center;margin:3% auto 0 auto;}
	.solution .tit h1{font-size:32px;color:#fff;font-family:'pi';}
	.solution .tit p{font-size:15px;color:#fff;line-height:30px;margin-top:0.5%;}
	.solution .gallery-thumbs{width:100%;margin:2% 0 0 0;}
	.solution .gallery-thumbs .swiper-slide{height:360px;overflow:hidden;width:27%!important;position:relative;}
	.solution .gallery-thumbs .swiper-slide .mask{height:0;transition:all 0.2s;}
	.solution .gallery-thumbs .swiper-slide img{height:100%;display:block;}
	.solution .gallery-thumbs .swiper-slide-thumb-active{width:40.5%!important;overflow:hidden;}
	.solution .gallery-thumbs .swiper-slide-thumb-active img{width:100%;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask{background:rgba(13,51,104,0.6);width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;border:1px solid green;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask h3{font-size:18px;color:#fff;width:94%;margin:57% auto 0 auto;padding:2% 0;background:url(../images/index/solution-.png) no-repeat left top;background-size:10% auto;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask p{width:94%;margin:0 auto;font-size:14px;color:#fff;line-height:21px;}
/*global-customer*/
	.global-customer{background:url(../images/index/ditu.jpg) no-repeat right center;background-size:70% auto;margin:3% auto;}
	.global-customer .left{width:40%;}
	.global-customer .left h1{font-family:'pi';font-size:32px;color:#333;margin:3% 0;}
	.global-customer .left p:nth-child(2){width:100%;}
	.global-customer .left p{font-size:15px;color:#333;line-height:24px;padding-left:5%;background:url(../images/index/ditu-duihao.png) no-repeat left 5px;margin-bottom:3%;background-size:4% auto;}
	.global-customer .left a{width:40%;padding:2% 0;border:1px solid;text-align:center;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);-webkit-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);-moz-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);border-radius:25px;font-size:16px;color:#fff;margin:2% 0 0 5%;}
	.global-customer .left a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.banner .swiper-slide{position:relative;}
	.banner .swiper-slide .wz{position:absolute;top:8%;left:0;right:0;margin:0 auto;text-align:center;}
	.banner .swiper-slide h1{text-align:center;font-size:20px;color:#fff;font-weight:bold;line-height:18px;margin:0 auto;padding:2.1% 0 1.8% 0;background:url(../images/index/ban-1.png) no-repeat top center;background-size:4% auto;}
	.banner .swiper-slide p{text-align:center;font-size:12px;color:rgba(255,255,255,0.7);font-weight:bold;line-height:18px;margin:0 auto;}
	.banner .swiper-slide a{width:18%;margin:1% 2%;text-align:center;font-size:14px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;height:30px;line-height:30px;}
	.banner .swiper-slide a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
	.banner .swiper-container .swiper-button-prev{width:40px;height:40px;left:3%;background:url(../images/index/ban-l.png) no-repeat center;background-size:100% auto;}
	.banner .swiper-container .swiper-button-next{width:40px;height:40px;right:3%;background:url(../images/index/ban-r.png) no-repeat center;background-size:100% auto;}
/*product-center*/
	.product-center .tit{text-align:center;margin:3% 0 2% 0;}
	.product-center .tit h1{font-size:24px;color:#333;font-family:'pi';}
	.product-center .tit p{font-size:14px;color:#333;line-height:24px;margin-top:1%;}
	.product-center ul{margin:0 -2.5% 2% -2.5%;}
	.product-center ul li{width:28.3%;padding:0 2.5%;float:left;}
	.product-center ul li img{width:100%;}
	.product-center ul li a{width:100%;}
	.product-center ul li a h2{font-size:16px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.product-center ul li a p{font-size:12px;color:#333;line-height:24px;padding-left:5%;background:url(../images/index/pro-.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*leave us message*/
	.leave-bj{background:url(../images/index/home-lianxi.jpg) no-repeat left bottom;}
	.leave{padding:1.25% 0;}
	.leave .tit{width:30%;float:left;position:relative;display:none;}
	.leave .tit img{position:absolute;left:0;top:-30%;}
	.leave .tit h3{font-size:16px;color:#fff;margin:1% 0;}
	.leave .tit p{font-size:14px;color:rgba(255,255,255,0.6);}
	.leave form{float:right;width:100%;font-size:0;margin-top:0.5%;}
	.leave form input{width:23%;margin-right:2%;height:40px;padding:0 1%;font-size:15px;color:#333;border:0;border-radius:5px;background:rgba(255,255,255,0.3);}
	.leave form button{width:18%;height:40px;border:0;font-size:16px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:5px;cursor:pointer;position:relative;overflow:hidden;}
	.leave form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);color:#fff;}	
/*about-us*/
	.about-us{padding:2%;}
	.about-us .left{width:100%;float:left;}
	.about-us .left h1{font-size:24px;color:#333;font-family:'pi';display:inline-block;border-bottom:3px solid rgba(51,51,51,0.9);margin:2% 0 2% 0;}
	.about-us .left h5{font-size:16px;color:#333;line-height:27px;}
	.about-us .left h5:nth-child(3){color:#003399;}
	.about-us .left p{font-size:14px;color:#666;line-height:24px;padding-left:4%;background:url(../images/index/about-dian.png) no-repeat left 6px;margin:1% 0;}
	.about-us .left ul{margin:3% 0;}
	.about-us .left ul li{width:33.33%;float:left;background:url(../images/index/about-line.png) no-repeat right center;text-align:center;}
	.about-us .left ul li:nth-child(3){background:0;}
	.about-us .left ul li b{font-size:32px;color:#333;background:url(../images/index/about-30.png) no-repeat 75% top;}
	.about-us .left ul li div{font-size:16px;color:#666;}
	.about-us .right{width:42%;margin-top:5%;margin-left:2%;float:left;position:relative;display:none;}
	.about-us .right img{width:100%;}
	.about-us .right i{width:140px;height:140px;background:#0048A8;position:absolute;right:-3.5%;top:-4%;z-index:-1;}
	.about-us .right span{display:inline-block;text-align:center; width:120px;height:100px;background:#fff;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);position:absolute;right:-9%;bottom:13%;}
	.about-us .right span img{margin:7% auto 5% auto;width:30%;}
	.about-us .right span p{font-size:15px;color:#666;}
	.about-us .right span b{font-size:25px;color:#666;font-weight:bold;}
/*solutions*/
	.solution-bj{background:url(../images/index/solution-bg.jpg) no-repeat center top;margin-top:2%;}
	.solution .tit{text-align:center;margin:3% auto 0 auto;}
	.solution .tit h1{font-size:32px;color:#fff;font-family:'pi';}
	.solution .tit p{font-size:15px;color:#fff;line-height:30px;margin-top:0.5%;}
	.solution .gallery-thumbs{width:100%;margin:2% 0 0 0;}
	.solution .gallery-thumbs .swiper-slide{height:300px;overflow:hidden;width:26%!important;position:relative;}
	.solution .gallery-thumbs .swiper-slide .mask{height:0;transition:all 0.2s;}
	.solution .gallery-thumbs .swiper-slide img{height:100%;display:block;}
	.solution .gallery-thumbs .swiper-slide-thumb-active{width:40.5%!important;overflow:hidden;}
	.solution .gallery-thumbs .swiper-slide-thumb-active img{width:100%;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask{background:rgba(13,51,104,0.6);width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;border:1px solid green;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask h3{font-size:16px;color:#fff;width:94%;margin:50% auto 0 auto;padding:2% 0;background:url(../images/index/solution-.png) no-repeat left top;background-size:10% auto;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask p{width:94%;margin:0 auto;font-size:14px;color:#fff;line-height:20px;}
/*global-customer*/
	.global-customer{background:url(../images/index/ditu.jpg) no-repeat right center;background-size:70% auto;margin:3% auto;}
	.global-customer .left{width:60%;}
	.global-customer .left h1{font-family:'pi';font-size:24px;color:#333;margin:3% 0;}
	.global-customer .left p:nth-child(2){width:100%;}
	.global-customer .left p{font-size:15px;color:#333;line-height:24px;padding-left:5%;background:url(../images/index/ditu-duihao.png) no-repeat left 5px;margin-bottom:3%;background-size:4% auto;}
	.global-customer .left a{width:40%;padding:2% 0;border:1px solid;text-align:center;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);-webkit-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);-moz-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);border-radius:25px;font-size:16px;color:#fff;margin:2% 0 0 5%;}
	.global-customer .left a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
}

@media screen and (max-width:769px){
/*banner*/
	.banner .swiper-slide{position:relative;}
	.banner .swiper-slide .wz{position:absolute;top:8%;left:0;right:0;margin:0 auto;text-align:center;}
	.banner .swiper-slide h1{text-align:center;font-size:20px;color:#fff;font-weight:bold;line-height:18px;margin:0 auto;padding:2.1% 0 1.8% 0;background:url(../images/index/ban-1.png) no-repeat top center;background-size:4% auto;}
	.banner .swiper-slide p{text-align:center;font-size:12px;color:rgba(255,255,255,0.7);font-weight:bold;line-height:18px;margin:0 auto;}
	.banner .swiper-slide a{width:18%;margin:1% 2%;text-align:center;font-size:14px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;height:30px;line-height:30px;}
	.banner .swiper-slide a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
	.banner .swiper-container .swiper-button-prev{width:40px;height:40px;left:3%;background:url(../images/index/ban-l.png) no-repeat center;background-size:100% auto;}
	.banner .swiper-container .swiper-button-next{width:40px;height:40px;right:3%;background:url(../images/index/ban-r.png) no-repeat center;background-size:100% auto;}
/*product-center*/
	.product-center{padding:0 2%;}
	.product-center .tit{text-align:left;margin:3% 0 2% 0;position:relative;}
	.product-center .tit h1{font-size:0.36rem;color:#333;font-family:'pi';}
	.product-center .tit a{position:absolute;right:0;top:0;font-size:0.27rem;color:#333;}
	.product-center .tit a:hover{font-weight:900;}
	.product-center .tit p{font-size:0.25rem;color:#333;line-height:0.42rem;margin-top:1%;}
	.product-center ul{margin:0 -2.5% 2% -2.5%;}
	.product-center ul li{width:28.3%;padding:0 2.5%;float:left;}
	.product-center ul li img{width:100%;}
	.product-center ul li a{width:100%;}
	.product-center ul li a h2{font-size:0.25rem;color:#333;margin:3% 0;}
	.product-center ul li a p{font-size:0.21rem;color:#333;line-height:0.32rem;padding-left:8%;background:url(../images/index/pro-.png) no-repeat left 10px;}
	.product-center ul li a p:nth-child(4){display:none;}
/*leave us message*/
	.leave-bj{background:url(../images/index/home-lianxi.jpg) no-repeat left bottom;}
	.leave{padding:1.25% 0;}
	.leave .tit{width:30%;float:left;position:relative;display:none;}
	.leave .tit img{position:absolute;left:0;top:-30%;}
	.leave .tit h3{font-size:16px;color:#fff;margin:1% 0;}
	.leave .tit p{font-size:14px;color:rgba(255,255,255,0.6);}
	.leave form{float:right;width:100%;font-size:0;margin-top:0.5%;}
	.leave form input{width:23%;margin-right:2%;height:40px;padding:0 1%;font-size:15px;color:#333;border:0;border-radius:5px;background:rgba(255,255,255,0.3);}
	.leave form button{width:18%;height:40px;border:0;font-size:16px;color:#fff;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:5px;cursor:pointer;position:relative;overflow:hidden;}
	.leave form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);color:#fff;}	
/*about-us*/
	.about-us{padding:2%;background:rgba(0,72,168,0.05);font-size:0;}
	.about-us .left{width:100%;}
	.about-us .left h1{font-size:0.36rem;color:#333;font-family:'pi';display:inline-block;border-bottom:3px solid rgba(51,51,51,0.9);margin:2% 0 2% 0;}
	.about-us .left h5{font-size:0.3rem;color:#333;line-height:0.36rem;margin:2% 0;}
	.about-us .left h5:nth-child(3){color:#003399;}
	.about-us .left p{font-size:14px;color:#666;line-height:24px;padding-left:4%;background:url(../images/index/about-dian.png) no-repeat left 6px;margin:2% 0;}
	.about-us .left ul{margin:3% 0;}
	.about-us .left ul li{width:33.33%;float:left;background:url(../images/index/about-line.png) no-repeat right center;text-align:center;}
	.about-us .left ul li:nth-child(3){background:0;}
	.about-us .left ul li b{font-size:32px;color:#333;background:url(../images/index/about-30.png) no-repeat 75% top;}
	.about-us .left ul li div{font-size:16px;color:#666;}
	.about-us .right{width:95%;margin-top:5%;margin-left:10%;position:relative;}
	.about-us .right img{width:94%;}
	.about-us .right i{width:2rem;height:1.5rem;background:#0048A8;position:absolute;right:-5%;top:-4%;z-index:-1;}
	.about-us .right span{display:inline-block;text-align:center; width:160px;height:120px;background:#fff;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);position:absolute;left:-9%;bottom:13%;}
	.about-us .right span img{margin:7% auto 5% auto;width:23%;}
	.about-us .right span p{font-size:0.25rem;color:#666;}
	.about-us .right span b{font-size:0.4rem;color:#333;font-weight:bold;}
/*solutions*/
	.solution-bj{background:url(../images/index/solution-bg.jpg) no-repeat center top;margin-top:2%;}
	.solution{background:#02377d;}
	.solution .tit{text-align:center;margin:3% auto 0 auto;}
	.solution .tit h1{font-size:0.36rem;color:#fff;font-family:'pi';}
	.solution .tit p{font-size:0.25rem;color:#fff;line-height:0.3rem;margin-top:3%;}
	.solution .gallery-thumbs{width:100%;margin:2% 0 0 0;}
	.solution .gallery-thumbs .swiper-slide{height:4rem;overflow:hidden;width:15%!important;position:relative;}
	.solution .gallery-thumbs .swiper-slide .mask{height:0;transition:all 0.2s;}
	.solution .gallery-thumbs .swiper-slide img{height:100%;display:block;}
	.solution .gallery-thumbs .swiper-slide-thumb-active{width:69%!important;overflow:hidden;}
	.solution .gallery-thumbs .swiper-slide-thumb-active img{width:100%;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask{background:rgba(13,51,104,0.6);width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask h3{font-size:0.25rem;color:#fff;width:94%;margin:32% auto 0 auto;padding:2% 0;background:url(../images/index/solution-.png) no-repeat left top;background-size:10% auto;}
	.solution .gallery-thumbs .swiper-slide-thumb-active .mask p{width:94%;margin:0 auto;font-size:0.24rem;color:#fff;line-height:0.32rem;}
/*global-customer*/
	.global-customer{margin:3% auto;padding:0 2%;}
	.global-customer .left{width:100%;}
	.global-customer .left h1{font-family:'pi';font-size:0.36rem;color:#333;margin:3% 0;}
	.global-customer .left p:nth-child(2){width:100%;}
	.global-customer .left p{font-size:0.25rem;color:#333;line-height:0.36rem;padding-left:5%;background:url(../images/index/ditu-duihao.png) no-repeat left 5px;margin-bottom:3%;background-size:4% auto;}
	.global-customer .left a{width:40%;padding:2% 0;border:1px solid;text-align:center;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);-webkit-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);-moz-box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);box-shadow:0px 2px 8px 0px rgba(0,94,219,0.5);border-radius:25px;font-size:16px;color:#fff;margin:2% 0 0 5%;}
	.global-customer .left a:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
	.global-customer img{width:100%;}
}