@charset "utf-8";
/* CSS Document */
html {font-size:100px;}
body {margin:0;font-family:Arial;position: relative;}

@media(max-width:768px){ html { font-size:100px; } }
@media(max-width:640px){ html { font-size:85.33px; } }  /*Android常用宽度*/
@media(max-width:540px){ html { font-size:72px; } }     /*Android常用宽度*/
@media(max-width:480px){ html { font-size:64px; } }     /*Android常用宽度*/
@media(max-width:445px){ html { font-size:60px; } }
@media(max-width:414px){ html { font-size:55.2px; } }   /*i6Plus,i7Plus宽度*/
@media(max-width:375px){ html { font-size:50px; } }     /*i6,i7宽度*/
@media(max-width:360px){ html { font-size:48px; } }     /*Android常用宽度*/
@media(max-width:320px){ html { font-size:42.67px; } }
dl{margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none!important;cursor:pointer;display:inline-block;}
/*span{display:inline-block;}*/
button:focus {outline: none;}
input:focus,textarea:focus {outline: none;}
.footer .form button:hover{background:#C90202;border:1px solid #C90202;}

@media screen and (min-width:1400px) {
	.sjd{display:none!important;}
    .container{max-width:1400px;min-width:1400px;width:100%;margin:0 auto;}
/*banner*/
	.banner-bj{background:url(../images/sy/banner_bg.jpg) no-repeat;background-size:100% 100%;position:relative;border-top:1px solid rgba(5,44,107,0.6);}
	.banner-bj .gallery-thumbs{width:16%;margin-left:0;position:absolute;top:42%;height:240px;}
	.banner-bj .gallery-thumbs .swiper-slide{width:99.5%!important;font-size:20px;color:#d9d9d9;text-align:right;height:25px!important;line-height:25px;}

               .banner-bj .gallery-top .swiper-slide .quote{position:absolute;right: 0;top:43.5%;font-size: 21px;color: #fff;padding:2% 8%;}

	.banner-bj .gallery-thumbs .swiper-slide-thumb-active{color:#fff;font-weight:bold;background:url(../images/sy/banner_lbhx.png) no-repeat 35% center;}
/*hot products*/
	.sy-pro-bj{background:url(../images/sy/product_bg.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.sy-pro{position:relative;}
	.sy-pro h1{font-size:32px;color:#1a1a1a;width:20%;font-family:Arial-Black;}
	.sy-pro .nav{width:36%;position:absolute;right:0;top:0.5%;background:url(../images/sy/product_navbg.png) no-repeat 100% 83%;}
	.sy-pro .nav li,.sy-pro .nav .more{width:33%;float:left;font-size:16px;color:#2d2d2d;text-align:center;padding:1.5% 0 8% 0;background:url(../images/sy/product_wxzyd.png) no-repeat bottom center;}
	.sy-pro .nav li.active{color:#1263a5;font-weight:bold;background:url(../images/sy/product_xzyd.png) no-repeat bottom center;}
	.sy-pro .nav .more{background:url(../images/sy/product_gdyd.png) no-repeat bottom center;color:#c98625;}
	.sy-pro .nav .more:after{content:'';padding:1% 8%;background:url(../images/sy/product_gd.png) no-repeat right center;}
	.sy-pro .down{margin-top:3%;display:none;}
	.sy-pro .down ul{margin:0 -1%;width:100%;}
	.sy-pro .down ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:1.5%;}
	.sy-pro .down ul li .tu{overflow:hidden;}
	.sy-pro .down ul li a{width:94%;display:block;padding:3% 3% 1% 3%;border-radius:10px;}
	.sy-pro .down ul li a img{display:block;transition:all 0.6s;}
	.sy-pro .down ul li h2{font-size:17px;color:#333;margin:0;text-align:center;padding:4% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-pro .down ul li:hover a{background:url(../images/sy/product_cphover.jpg) no-repeat;background-size:100% 100%;}
	.sy-pro .down ul li:hover h2{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sy-pro .down ul li:hover img{transform:scale(1.1);}
/*successful cases*/
	.succ-case-bj{background:url(../images/sy/case_bg.jpg) no-repeat;background-size:100% 100%;padding:2% 0 3% 0;}
	.succ-case .tit{position:relative;}
	.succ-case .tit h1{font-size:32px;color:#fff;margin:0;padding:1% 0;}
	.succ-case .tit a{font-size:16px;color:#fff;border-radius:20px;
	border:1px solid #fff;width:12%;text-align:center;padding:0.65% 0;position:absolute;right:0;top:22%;}
    /*sy-case*/
	.sy-case{background-color:rgba(255,255,255,0.15);border-radius:15px;padding:1%;margin-top:1.5%;}
	.sy-case .video{width:55%;float:left;border-radius:20px 0px 0px 20px;overflow:hidden;}
	.sy-case .video img{width:100%;display:block;}
	.sy-case .video video,.sy-case .video iframe,.sy-case .video img{width:100%;display:block;}
	.sy-case .wz{float:right;width:40%;background-color:rgba(29,45,66,0.6);border-radius:0px 20px 20px 0px;padding:0 2.5%;height:424px;}
	.sy-case .wz h2{font-size:21px;color:#fff;margin:7% 0 6% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-case .wz .cs li{font-size:18px;color:#fff;margin:4.5% 0;}
	.sy-case .wz .cs li.dd:before{content:'';padding:1% 4%;background:url(../images/sy/case_location.png) no-repeat left center;}
	.sy-case .wz .cs li.mj:before{content:'';padding:1% 4%;background:url(../images/sy/case_area.png) no-repeat left center;}
	.sy-case .wz p{font-size:17px;color:#e6e6e6;margin-top:6%;}
	.sy-case .wz .lx{margin-top:5%;}
	.sy-case .wz .lx li{width:50%;float:left;}
	.sy-case .wz .lx li a{font-size:16px;color:#fff;display:block;padding-left:16%;line-height:27px;}
	.sy-case .wz .lx li.app a{background:url(../images/sy/case_whatsapp.png) no-repeat left center;}
	.sy-case .wz .lx li.email a{background:url(../images/sy/case_yx.png) no-repeat left center;}
	.sy-case .wz .lx .online{box-shadow:inset 0px 0px 38px 0px rgba(105,166, 255, 0.66);border-radius:22px;border:1px solid #2eb2ef;font-size:17px;color:#fff;width:100%;text-align:center;padding:2% 0;display:block;background-color:#2a5176;margin-top:6%;}
	.sy-case .gallery-top{margin-bottom:1.5%;}
	.sy-case .gallery-thumbs .swiper-slide{border-radius:10px;overflow:hidden;position:relative;}
	.sy-case .gallery-thumbs .swiper-slide img{display:block;}
	.sy-case .gallery-thumbs .swiper-slide .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(15,35,61,0.4);border-radius:10px;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active img{background-color: #dadada;border-style: solid;border-width: 2px;border-image-source: linear-gradient(90deg,#80cbff 0%,#46b3f2 100%);border-image-slice:1;border-radius:10px;width:98%;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active .mask{display:none;}
	.succ-case-bj .swiper-button-next{left:88%;background:url(../images/sy/case_qhyou.png) no-repeat center;width:56px;top:45%;outline:none;}
	.succ-case-bj .swiper-button-prev{background:url(../images/sy/case_qhzuo.png) no-repeat center;width:56px;top:45%;left:9%;outline:none;}
	
	.gl{position:relative;}
	.gl .qx{position:absolute;left:0;top:0;}
	.sy-about-bj{background:url(../images/sy/about_bg.jpg) no-repeat;padding:1% 0;}
	.sy-about h1{font-size:32px;color:#1a1a1a;text-align:center;font-family: Arial-Black;}
	.sy-about p{font-size:17px;color:#333;line-height:34px;padding:0 5%;}
	.sy-about ul{width:90%;margin:0 5%;}
	.sy-about ul li{width:25%;float:left;text-align:center;position:relative;z-index:1;}
/*service*/
	.sy-service-bj{background:url(../images/sy/service_bg1.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-webkit-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-moz-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
	.sy-service h1{font-family:Arial-Black;font-size:32px;color:#1a1a1a;margin-bottom:1%;margin-top:4%;}
	.sy-service .app{font-size:16px;color:#333;width:24%;padding:1% 0;display:block;float:right;position:relative;z-index:1;}
	.sy-service .app:before{content:'';padding:3.2% 6%;background:url(../images/sy/service_whatsapp.png) no-repeat left center;}
	.sy-service .xia{position:relative;}
	.sy-service .xia .left{width:38%;float:left;}
	.sy-service .xia .right{width:60%;float:right;position:absolute;right:0;top:25%;}
/*latest news*/
	.sy-news-bj{background:url(../images/sy/new_bg.jpg) no-repeat;padding:1% 0 2% 0;}
	.sy-news .tit{position:relative;}
	.sy-news .tit h1{font-size:32px;color:#1a1a1a;font-family:Arial-Black;}
	.sy-news .tit .mail{font-size:17px;color:#333;width:22%;padding:0.75% 0;display:block;position:absolute;right:0;top:25%;}
	.sy-news .tit .mail:before{content:'';padding:3.5% 7%;background:url(../images/sy/new_yx.png) no-repeat left center;}
	.down-news .company{width:65%;float:left;}
	.down-news .company .tit{border-bottom:1px dashed rgba(167,167,167,0.4);position:relative;}
	.down-news .company .tit h2{background-image: linear-gradient(90deg, #efdbc1 0%, #f6f6f6 100%);border-radius:10px;font-size:18px;color:#3d3d3d;width:24%;padding:12px 0;padding-left:2.5%;margin:0;}
	.down-news .company .tit a{font-size:16px;color:#666;display:block;position:absolute;right:1%;top:30%;}
    /*gsxw*/
	.down-news .gsxw{margin-top:35px;}
	.down-news .company .gsxw div{width:47%;float:left;}
	.down-news .company .gsxw div a{width:100%;display:block;}
	.down-news .company .gsxw div img{display:block;border-radius:10px;height:230px;}
	.down-news .company .gsxw div h3{font-size:18px;color:#262626;margin:2% 0;line-height:30px;height:60px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.down-news .company .gsxw div .contact{font-size:18px;color:#287dc7;width:100%;display:block;text-align:center;border-radius:15px;border:1px solid rgba(52, 154, 206, 0.98);padding:1.5% 0;font-weight:bold;}
	.down-news .gsxw ul{width:49%;float:right;}
	.down-news .gsxw ul li{padding-bottom:5%;margin-bottom:5%;border-bottom:1px dashed #cbcbcb;}
	.down-news .gsxw ul>li:nth-child(3){border:0;}
	.down-news .gsxw ul li a{display:block;}
	.down-news .gsxw ul li .left{width:18%;text-align:center;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;float:left;}
	.down-news .gsxw ul li .left b{font-size:34px;color:#666;background:#f4f7ff;width:100%;padding:12% 0;display:block;}
	.down-news .gsxw ul li:hover .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li.active .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li:hover .right h3{font-weight:bold;}
	.down-news .gsxw ul li.active .right h3{font-weight:bold;}
	.down-news .gsxw ul li .left span{font-size:16px;color:#666;width:100%;margin:0;padding:6% 0;display:block;background:#fff;}
	.down-news .gsxw ul li .right{width:78%;float:right;}
	.down-news .gsxw ul li .right h3{font-size:17px;color:#262626;line-height:27px;margin:1% 0 2% 0;height:54px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;font-weight:400;}
	.down-news .gsxw ul li .right p{font-size:16px;color:#999;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  
               .down-news .gsxw:nth-child(2){width:32%;float:right;}
               .down-news .gsxw:nth-child(2) ul{width:100%;}

}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/sy/banner_bg.jpg) no-repeat;background-size:100% 100%;position:relative;border-top:1px solid rgba(5,44,107,0.6);}
	.banner-bj .gallery-thumbs{width:6%;margin-left:0;position:absolute;top:42%;height:240px;}
	.banner-bj .gallery-thumbs .swiper-slide{width:99.5%!important;font-size:20px;color:#d9d9d9;text-align:right;height:40px;line-height:40px;}
	.banner-bj .gallery-thumbs .swiper-slide-thumb-active{color:#fff;font-weight:bold;background:url(../images/sy/banner_lbhx.png) no-repeat left center;background-size:50% auto;}

 .banner-bj .gallery-top .swiper-slide .quote{position:absolute;right: 0;top:42.5%;font-size: 21px;color: #fff;padding:2% 8%;}

/*hot products*/
	.sy-pro-bj{background:url(../images/sy/product_bg.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.sy-pro{position:relative;}
	.sy-pro h1{font-size:25px;color:#1a1a1a;width:20%;font-family:Arial-Black;}
	.sy-pro .down{margin-top:3%;display:none;}
	.sy-pro .down ul{margin:0 -1%;width:100%;}
	.sy-pro .down ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:3%;}
	.sy-pro .down ul li .tu{overflow:hidden;}
	.sy-pro .down ul li a{width:94%;display:block;padding:3% 3% 1% 3%;border-radius:10px;}
	.sy-pro .down ul li a img{display:block;transition:all 0.6s;}
	.sy-pro .down ul li h2{font-size:16px;color:#333;margin:0;text-align:center;padding:4% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-pro .down ul li:hover a{background:url(../images/sy/product_cphover.jpg) no-repeat;background-size:100% 100%;}
	.sy-pro .down ul li:hover h2{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sy-pro .down ul li:hover img{transform:scale(1.1);}
/*successful cases*/
	.succ-case-bj{background:url(../images/sy/case_bg.jpg) no-repeat;background-size:100% 100%;padding:2% 0 3% 0;}
	.succ-case .tit{position:relative;}
	.succ-case .tit h1{font-size:25px;color:#fff;margin:0;padding:1% 0;}
	.succ-case .tit a{font-size:15px;color:#fff;border-radius:20px;
	border:1px solid #fff;width:12%;text-align:center;padding:0.65% 0;position:absolute;right:0;top:22%;}
    /*sy-case*/
	.sy-case{background-color:rgba(255,255,255,0.15);border-radius:15px;padding:1%;margin-top:1.5%;}
	.sy-case .video{width:55%;float:left;border-radius:20px 0px 0px 20px;overflow:hidden;}
	.sy-case .video img{width:100%;display:block;}
	.sy-case .video video,.sy-case .video iframe,.sy-case .video img{width:100%;display:block;}
	.sy-case .wz{float:right;width:40%;background-color:rgba(29,45,66,0.6);border-radius:0px 20px 20px 0px;padding:0 2.5%;height:345px;}
	.sy-case .wz h2{font-size:18px;color:#fff;margin:7% 0 6% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-case .wz .cs li{font-size:16px;color:#fff;margin:3% 0;}
	.sy-case .wz .cs li.dd:before{content:'';padding:1% 4%;background:url(../images/sy/case_location.png) no-repeat left center;background-size:80% auto;}
	.sy-case .wz .cs li.mj:before{content:'';padding:1% 4%;background:url(../images/sy/case_area.png) no-repeat left center;background-size:80% auto;}
	.sy-case .wz p{font-size:15px;color:#e6e6e6;margin-top:6%;}
	.sy-case .wz .lx{margin-top:5%;}
	.sy-case .wz .lx li{width:50%;float:left;}
	.sy-case .wz .lx li a{font-size:15px;color:#fff;display:block;padding-left:16%;line-height:24px;}
	.sy-case .wz .lx li.app a{background:url(../images/sy/case_whatsapp.png) no-repeat left center;background-size:13% auto;}
	.sy-case .wz .lx li.email a{background:url(../images/sy/case_yx.png) no-repeat left center;background-size:13% auto;}
	.sy-case .wz .lx .online{box-shadow:inset 0px 0px 38px 0px rgba(105,166, 255, 0.66);border-radius:22px;border:1px solid #2eb2ef;font-size:15px;color:#fff;width:100%;text-align:center;padding:1.6% 0;display:block;background-color:#2a5176;margin-top:6%;}
	.sy-case .gallery-top{margin-bottom:1.5%;}
	.sy-case .gallery-thumbs .swiper-slide{border-radius:10px;overflow:hidden;position:relative;}
	.sy-case .gallery-thumbs .swiper-slide img{display:block;}
	.sy-case .gallery-thumbs .swiper-slide .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(15,35,61,0.4);border-radius:10px;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active img{background-color: #dadada;border-style: solid;border-width: 2px;border-image-source: linear-gradient(90deg,#80cbff 0%,#46b3f2 100%);border-image-slice:1;border-radius:10px;width:98%;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active .mask{display:none;}
	.succ-case-bj .swiper-button-next{left:95%;background:url(../images/sy/case_qhyou.png) no-repeat center;width:56px;top:45%;outline:none;}
	.succ-case-bj .swiper-button-prev{background:url(../images/sy/case_qhzuo.png) no-repeat center;width:56px;top:45%;left:1%;outline:none;}
	
	.gl{position:relative;}
	.gl .qx{position:absolute;left:0;top:0;display:none;}
	.sy-about-bj{background:url(../images/sy/about_bg.jpg) no-repeat;padding:1% 0;}
	.sy-about h1{font-size:25px;color:#1a1a1a;text-align:center;font-family: Arial-Black;}
	.sy-about p{font-size:16px;color:#333;line-height:34px;}
	.sy-about ul{width:100%;}
	.sy-about ul li{width:25%;float:left;text-align:center;position:relative;z-index:1;}
	.sy-about ul li img{width:70%;margin:0 15%;}
/*service*/
	.sy-service-bj{background:url(../images/sy/service_bg1.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-webkit-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-moz-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
	.sy-service{position:relative;}
	.sy-service h1{font-family:Arial-Black;font-size:25px;color:#1a1a1a;margin-bottom:1%;margin-top:3%;}
	.sy-service .app{font-size:15px;color:#333;width:26%;padding:1% 0;display:block;float:right;position:absolute;right:2%;top:7%;z-index:1;}
	.sy-service .app:before{content:'';padding:3.2% 6%;background:url(../images/sy/service_whatsapp.png) no-repeat left center;}
	.sy-service .xia{position:relative;}
	.sy-service .xia .left{width:38%;float:left;}
	.sy-service .xia .left img{width:100%;}
	.sy-service .xia .right{width:60%;float:right;position:absolute;right:0;top:25%;}
	.sy-service .xia .right .swiper-slide img{width:100%;}
/*latest news*/
	.sy-news-bj{background:url(../images/sy/new_bg.jpg) no-repeat;padding:1% 0 2% 0;}
	.sy-news .tit{position:relative;}
	.sy-news .tit h1{font-size:25px;color:#1a1a1a;font-family:Arial-Black;}
	.sy-news .tit .mail{font-size:15px;color:#333;width:24%;padding:0.75% 0;display:block;position:absolute;right:0;top:25%;}
	.sy-news .tit .mail:before{content:'';padding:3.5% 7%;background:url(../images/sy/new_yx.png) no-repeat left center;}
	.down-news .company{width:65%;float:left;}
	.down-news .company .tit{border-bottom:1px dashed rgba(167,167,167,0.4);position:relative;}
	.down-news .company .tit h2{background-image: linear-gradient(90deg, #efdbc1 0%, #f6f6f6 100%);border-radius:10px;font-size:17px;color:#3d3d3d;width:24%;padding:12px 0;padding-left:2.5%;margin:0;}
	.down-news .company .tit a{font-size:15px;color:#666;display:block;position:absolute;right:1%;top:30%;}

 /*gsxw*/
	.down-news .gsxw{margin-top:35px;}
	.down-news .company .gsxw div{width:47%;float:left;}
	.down-news .company .gsxw div a{width:100%;display:block;}
	.down-news .company .gsxw div img{display:block;border-radius:10px;height:210px;}
	.down-news .company .gsxw div h3{font-size:18px;color:#262626;margin:2% 0;line-height:30px;height:60px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.down-news .company .gsxw div .contact{font-size:18px;color:#287dc7;width:100%;display:block;text-align:center;border-radius:15px;border:1px solid rgba(52, 154, 206, 0.98);padding:1.5% 0;font-weight:bold;}
	.down-news .gsxw ul{width:49%;float:right;}
	.down-news .gsxw ul li{padding-bottom:5%;margin-bottom:5%;border-bottom:1px dashed #cbcbcb;}
	.down-news .gsxw ul>li:nth-child(3){border:0;}
	.down-news .gsxw ul li a{display:block;}
	.down-news .gsxw ul li .left{width:20%;text-align:center;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;float:left;}
	.down-news .gsxw ul li .left b{font-size:27px;color:#666;background:#f4f7ff;width:100%;padding:12% 0;display:block;}
	.down-news .gsxw ul li:hover .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li.active .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li:hover .right h3{font-weight:bold;}
	.down-news .gsxw ul li.active .right h3{font-weight:bold;}
	.down-news .gsxw ul li .left span{font-size:16px;color:#666;width:100%;margin:0;padding:6% 0;display:block;background:#fff;}
	.down-news .gsxw ul li .right{width:75%;float:right;}
	.down-news .gsxw ul li .right h3{font-size:17px;color:#262626;line-height:27px;margin:1% 0 2% 0;height:54px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;font-weight:400;}
	.down-news .gsxw ul li .right p{font-size:16px;color:#999;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  
               .down-news .gsxw:nth-child(2){width:32%;float:right;}
               .down-news .gsxw:nth-child(2) ul{width:100%;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
	sjd{display:none!important;}
	.container{width:96%;margin:0 auto;padding:0 2%;}
    
/*banner*/
	.banner-bj{background:url(../images/sy/banner_bg.jpg) no-repeat;background-size:100% 100%;position:relative;border-top:1px solid rgba(5,44,107,0.6);}
	.banner-bj .gallery-thumbs{width:6%;margin-left:0;position:absolute;top:42%;height:190px;}
	.banner-bj .gallery-thumbs .swiper-slide{width:99.5%!important;font-size:17px;color:#d9d9d9;text-align:right;height:20px!important;line-height:20px;}
	.banner-bj .gallery-thumbs .swiper-slide-thumb-active{color:#fff;font-weight:bold;background:url(../images/sy/banner_lbhx.png) no-repeat left center;background-size:50% auto;}

 .banner-bj .gallery-top .swiper-slide .quote{position:absolute;right: 0;top:42.5%;font-size: 21px;color: #fff;padding:2% 8%;}

/*hot products*/
	.sy-pro-bj{background:url(../images/sy/product_bg.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.sy-pro{position:relative;}
	.sy-pro h1{font-size:18px;color:#1a1a1a;width:20%;font-family:Arial-Black;}
	.sy-pro .down{margin-top:5%;}
	.sy-pro .down ul{margin:0 -1%;width:100%;}
	.sy-pro .down ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:3%;}
	.sy-pro .down ul li .tu{overflow:hidden;}
	.sy-pro .down ul li a{width:94%;display:block;padding:3% 3% 1% 3%;border-radius:10px;}
	.sy-pro .down ul li a img{display:block;transition:all 0.6s;}
	.sy-pro .down ul li h2{font-size:15px;color:#333;margin:0;text-align:center;padding:4% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-pro .down ul li:hover a{background:url(../images/sy/product_cphover.jpg) no-repeat;background-size:100% 100%;}
	.sy-pro .down ul li:hover h2{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sy-pro .down ul li:hover img{transform:scale(1.1);}
/*successful cases*/
	.succ-case-bj{background:url(../images/sy/case_bg.jpg) no-repeat;background-size:100% 100%;padding:2% 0 3% 0;}
	.succ-case .tit{position:relative;}
	.succ-case .tit h1{font-size:18px;color:#fff;margin:0;padding:1% 0;}
	.succ-case .tit a{font-size:14px;color:#fff;border-radius:20px;
	border:1px solid #fff;width:12%;text-align:center;padding:0.65% 0;position:absolute;right:0;top:22%;}
    /*sy-case*/
	.sy-case{background-color:rgba(255,255,255,0.15);border-radius:15px;padding:1%;margin-top:1.5%;}
	.sy-case .video{width:55%;float:left;border-radius:20px 0px 0px 20px;overflow:hidden;}
	.sy-case .video img{width:100%;display:block;}
	.sy-case .video video,.sy-case .video iframe,.sy-case .video img{width:100%;display:block;height:284px;}
	.sy-case .wz{float:right;width:40%;background-color:rgba(29,45,66,0.6);border-radius:0px 20px 20px 0px;padding:0 2.5%;}
	.sy-case .wz h2{font-size:16px;color:#fff;margin:6% 0 5% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-case .wz .cs li{font-size:15px;color:#fff;margin:2% 0;}
	.sy-case .wz .cs li.dd:before{content:'';padding:1% 4%;background:url(../images/sy/case_location.png) no-repeat left center;background-size:80% auto;}
	.sy-case .wz .cs li.mj:before{content:'';padding:1% 4%;background:url(../images/sy/case_area.png) no-repeat left center;background-size:80% auto;}
	.sy-case .wz p{font-size:15px;color:#e6e6e6;}
	.sy-case .wz .lx{margin-top:3%;}
	.sy-case .wz .lx li{width:50%;float:left;}
	.sy-case .wz .lx li a{font-size:15px;color:#fff;display:block;line-height:24px;}
	.sy-case .wz .lx .online{box-shadow:inset 0px 0px 38px 0px rgba(105,166, 255, 0.66);border-radius:22px;border:1px solid #2eb2ef;font-size:15px;color:#fff;width:100%;text-align:center;padding:1.6% 0;display:block;background-color:#2a5176;margin-top:4%;}
	.sy-case .gallery-top{margin-bottom:1.5%;}
	.sy-case .gallery-thumbs .swiper-slide{border-radius:10px;overflow:hidden;position:relative;}
	.sy-case .gallery-thumbs .swiper-slide img{display:block;}
	.sy-case .gallery-thumbs .swiper-slide .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(15,35,61,0.4);border-radius:10px;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active img{background-color: #dadada;border-style: solid;border-width: 2px;border-image-source: linear-gradient(90deg,#80cbff 0%,#46b3f2 100%);border-image-slice:1;border-radius:10px;width:98%;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active .mask{display:none;}
	.succ-case-bj .swiper-button-next{left:95%;background:url(../images/sy/case_qhyou.png) no-repeat center;width:56px;top:45%;outline:none;}
	.succ-case-bj .swiper-button-prev{background:url(../images/sy/case_qhzuo.png) no-repeat center;width:56px;top:45%;left:1%;outline:none;}
	
	.gl{position:relative;}
	.gl .qx{position:absolute;left:0;top:0;display:none;}
	.sy-about-bj{background:url(../images/sy/about_bg.jpg) no-repeat;padding:1% 0;}
	.sy-about h1{font-size:18px;color:#1a1a1a;text-align:center;font-family: Arial-Black;}
	.sy-about p{font-size:15px;color:#333;line-height:27px;}
	.sy-about ul{width:100%;}
	.sy-about ul li{width:25%;float:left;text-align:center;position:relative;z-index:1;}
	.sy-about ul li img{width:80%;margin:0 10%;}
/*service*/
	.sy-service-bj{background:url(../images/sy/service_bg1.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-webkit-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-moz-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
	.sy-service{position:relative;}
	.sy-service h1{font-family:Arial-Black;font-size:18px;color:#1a1a1a;margin-bottom:1%;margin-top:3%;}
	.sy-service .app{font-size:14px;color:#333;width:29%;padding:1% 0;display:block;float:right;position:absolute;right:2%;top:7%;z-index:1;}
	.sy-service .app:before{content:'';padding:3.2% 6%;background:url(../images/sy/service_whatsapp.png) no-repeat left center;}
	.sy-service .xia{position:relative;}
	.sy-service .xia .left{width:38%;float:left;}
	.sy-service .xia .left img{width:100%;}
	.sy-service .xia .right{width:60%;float:right;position:absolute;right:0;top:25%;}
	.sy-service .xia .right .swiper-slide img{width:100%;}
/*latest news*/
	.sy-news-bj{background:url(../images/sy/new_bg.jpg) no-repeat;padding:1% 0 2% 0;}
	.sy-news .tit{position:relative;}
	.sy-news .tit h1{font-size:18px;color:#1a1a1a;font-family:Arial-Black;}
	.sy-news .tit .mail{font-size:14px;color:#333;width:27%;padding:0.75% 0;display:block;position:absolute;right:0;top:25%;}
	.sy-news .tit .mail:before{content:'';padding:3.5% 7%;background:url(../images/sy/new_yx.png) no-repeat left center;background-size:80% auto;}
	.down-news .company{width:63%;float:left;}
	.down-news .company .tit{border-bottom:1px dashed rgba(167,167,167,0.4);position:relative;}
	.down-news .company .tit h2{background-image: linear-gradient(90deg, #efdbc1 0%, #f6f6f6 100%);border-radius:10px;font-size:16px;color:#3d3d3d;width:24%;padding:10px 0;padding-left:2.5%;margin:0;}
	.down-news .company .tit a{font-size:14px;color:#666;display:block;position:absolute;right:1%;top:30%;}

 /*gsxw*/
	.down-news .gsxw{margin-top:35px;}
	.down-news .company .gsxw div{width:47%;float:left;}
	.down-news .company .gsxw div a{width:100%;display:block;}
	.down-news .company .gsxw div img{display:block;border-radius:10px;height:185px;}
	.down-news .company .gsxw div h3{font-size:18px;color:#262626;margin:2% 0;line-height:25px;height:50px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.down-news .company .gsxw div .contact{font-size:18px;color:#287dc7;width:100%;display:block;text-align:center;border-radius:15px;border:1px solid rgba(52, 154, 206, 0.98);padding:1.5% 0;font-weight:bold;}
	.down-news .gsxw ul{width:49%;float:right;}
	.down-news .gsxw ul li{padding-bottom:5%;margin-bottom:5%;border-bottom:1px dashed #cbcbcb;}
	.down-news .gsxw ul>li:nth-child(3){border:0;}
	.down-news .gsxw ul li a{display:block;}
	.down-news .gsxw ul li .left{width:22%;text-align:center;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;float:left;}
	.down-news .gsxw ul li .left b{font-size:27px;color:#666;background:#f4f7ff;width:100%;padding:12% 0;display:block;}
	.down-news .gsxw ul li:hover .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li.active .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li:hover .right h3{font-weight:bold;}
	.down-news .gsxw ul li.active .right h3{font-weight:bold;}
	.down-news .gsxw ul li .left span{font-size:16px;color:#666;width:100%;margin:0;padding:6% 0;display:block;background:#fff;}
	.down-news .gsxw ul li .right{width:75%;float:right;}
	.down-news .gsxw ul li .right h3{font-size:16px;color:#262626;line-height:24px;margin:1% 0 2% 0;height:48px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;font-weight:400;}
	.down-news .gsxw ul li .right p{font-size:16px;color:#999;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  
               .down-news .gsxw:nth-child(2){width:32%;float:right;}
               .down-news .gsxw:nth-child(2) ul{width:100%;}
}

/* 小屏幕（平板，大于等于 769px） */
@media screen and (min-width:769px) and (max-width:992px) {	
	.sjd{display:none!important;}
	.container{width:98%;margin:0 auto;padding:0 1%;}

/*banner*/
	.banner-bj{background:url(../images/sy/banner_bg.jpg) no-repeat;background-size:100% 100%;position:relative;border-top:1px solid rgba(5,44,107,0.6);}
	.banner-bj .gallery-thumbs{width:6%;margin-left:0;position:absolute;top:42%;height:170px;}
	.banner-bj .gallery-thumbs .swiper-slide{width:99.5%!important;font-size:17px;color:#d9d9d9;text-align:right;height:20px!important;line-height:20px;}
	.banner-bj .gallery-thumbs .swiper-slide-thumb-active{color:#fff;font-weight:bold;background:url(../images/sy/banner_lbhx.png) no-repeat left center;background-size:50% auto;}

 .banner-bj .gallery-top .swiper-slide .quote{position:absolute;right: 0;top:42.5%;font-size: 21px;color: #fff;padding:2% 8%;}

/*hot products*/
	.sy-pro-bj{background:url(../images/sy/product_bg.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.sy-pro{position:relative;}
	.sy-pro h1{font-size:18px;color:#1a1a1a;width:100%;font-family:Arial-Black;text-align:center;}
	.sy-pro .down{margin-top:3%;display:none;}
	.sy-pro .down ul{margin:0 -1%;width:100%;}
	.sy-pro .down ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:3%;}
	.sy-pro .down ul li .tu{overflow:hidden;}
	.sy-pro .down ul li a{width:94%;display:block;padding:3% 3% 1% 3%;border-radius:10px;}
	.sy-pro .down ul li a img{display:block;transition:all 0.6s;}
	.sy-pro .down ul li h2{font-size:14px;color:#333;margin:0;text-align:center;padding:4% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-pro .down ul li:hover a{background:url(../images/sy/product_cphover.jpg) no-repeat;background-size:100% 100%;}
	.sy-pro .down ul li:hover h2{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sy-pro .down ul li:hover img{transform:scale(1.1);}
/*successful cases*/
	.succ-case-bj{background:url(../images/sy/case_bg.jpg) no-repeat;background-size:100% 100%;padding:2% 0 3% 0;}
	.succ-case .tit{position:relative;}
	.succ-case .tit h1{font-size:18px;color:#fff;margin:0;padding:1% 0;}
	.succ-case .tit a{font-size:14px;color:#fff;border-radius:20px;
	border:1px solid #fff;width:12%;text-align:center;padding:0.65% 0;position:absolute;right:0;top:22%;}
    /*sy-case*/
	.sy-case{background-color:rgba(255,255,255,0.15);border-radius:15px;padding:1%;margin-top:1.5%;}
	.sy-case .video{width:55%;float:left;border-radius:20px 0px 0px 20px;overflow:hidden;}
	.sy-case .video img{width:100%;display:block;}
	.sy-case .video video,.sy-case .video iframe,.sy-case .video img{width:100%;display:block;height:224px;}
	.sy-case .wz{float:right;width:40%;background-color:rgba(29,45,66,0.6);border-radius:0px 20px 20px 0px;padding:0 2.5%;height:224px;}
	.sy-case .wz h2{font-size:15px;color:#fff;margin:4% 0 3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sy-case .wz .cs li{font-size:15px;color:#fff;margin:1% 0;}
	.sy-case .wz .cs li.dd:before{content:'';padding:1% 4%;background:url(../images/sy/case_location.png) no-repeat left center;background-size:80% auto;}
	.sy-case .wz .cs li.mj:before{content:'';padding:1% 4%;background:url(../images/sy/case_area.png) no-repeat left center;background-size:80% auto;}
	.sy-case .wz p{font-size:13px;color:#e6e6e6;}
	.sy-case .wz .lx{margin-top:3%;}
	.sy-case .wz .lx li{width:50%;float:left;}
	.sy-case .wz .lx li a{font-size:13px;color:#fff;display:block;line-height:18px;}
	.sy-case .wz .lx .online{box-shadow:inset 0px 0px 38px 0px rgba(105,166, 255, 0.66);border-radius:22px;border:1px solid #2eb2ef;font-size:14px;color:#fff;width:100%;text-align:center;padding:1.6% 0;display:block;background-color:#2a5176;margin-top:4%;}
	.sy-case .gallery-top{margin-bottom:1.5%;}
	.sy-case .gallery-thumbs .swiper-slide{border-radius:10px;overflow:hidden;position:relative;}
	.sy-case .gallery-thumbs .swiper-slide img{display:block;}
	.sy-case .gallery-thumbs .swiper-slide .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(15,35,61,0.4);border-radius:10px;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active img{background-color: #dadada;border-style: solid;border-width: 2px;border-image-source: linear-gradient(90deg,#80cbff 0%,#46b3f2 100%);border-image-slice:1;border-radius:10px;width:98%;}
	.sy-case .gallery-thumbs .swiper-slide-thumb-active .mask{display:none;}
	.succ-case-bj .swiper-button-next{left:95%;background:url(../images/sy/case_qhyou.png) no-repeat center;width:56px;top:45%;outline:none;display:none;}
	.succ-case-bj .swiper-button-prev{background:url(../images/sy/case_qhzuo.png) no-repeat center;width:56px;top:45%;left:1%;outline:none;display:none;}
	
	.gl{position:relative;}
	.gl .qx{position:absolute;left:0;top:0;display:none;}
	.sy-about-bj{background:url(../images/sy/about_bg.jpg) no-repeat;padding:1% 0;}
	.sy-about h1{font-size:18px;color:#1a1a1a;text-align:center;font-family: Arial-Black;}
	.sy-about p{font-size:15px;color:#333;line-height:27px;}
	.sy-about ul{width:100%;}
	.sy-about ul li{width:25%;float:left;text-align:center;position:relative;z-index:1;}
	.sy-about ul li img{width:80%;margin:0 10%;}
/*service*/
	.sy-service-bj{background:url(../images/sy/service_bg1.jpg) no-repeat;background-size:100% 100%;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-webkit-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);-moz-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
	.sy-service{position:relative;}
	.sy-service h1{font-family:Arial-Black;font-size:18px;color:#1a1a1a;margin-bottom:1%;margin-top:3%;}
	.sy-service .app{font-size:14px;color:#333;width:37%;padding:1% 0;display:block;float:right;position:absolute;right:2%;top:7%;z-index:1;}
	.sy-service .app:before{content:'';padding:3.2% 6%;background:url(../images/sy/service_whatsapp.png) no-repeat left center;background-size:80% auto;}
	.sy-service .xia{position:relative;}
	.sy-service .xia .left{width:38%;float:left;}
	.sy-service .xia .left img{width:100%;}
	.sy-service .xia .right{width:60%;float:right;position:absolute;right:0;top:25%;}
	.sy-service .xia .right .swiper-slide img{width:100%;}
/*latest news*/
	.sy-news-bj{background:url(../images/sy/new_bg.jpg) no-repeat;padding:1% 0 2% 0;}
	.sy-news .tit{position:relative;}
	.sy-news .tit h1{font-size:18px;color:#1a1a1a;font-family:Arial-Black;}
	.sy-news .tit .mail{font-size:14px;color:#333;width:32%;padding:0.75% 0;display:block;position:absolute;right:0;top:25%;}
	.sy-news .tit .mail:before{content:'';padding:3.5% 7%;background:url(../images/sy/new_yx.png) no-repeat left center;background-size:80% auto;}
	.down-news .company{width:100%;}
	.down-news .company .tit{border-bottom:1px dashed rgba(167,167,167,0.4);position:relative;}
	.down-news .company .tit h2{background-image: linear-gradient(90deg, #efdbc1 0%, #f6f6f6 100%);border-radius:10px;font-size:15px;color:#3d3d3d;width:30%;padding:10px 0;padding-left:2.5%;margin:0;}
	.down-news .company .tit a{font-size:14px;color:#666;display:block;position:absolute;right:1%;top:30%;}

    /*gsxw*/
	.down-news .gsxw{margin-top:15px;}
	.down-news .company .gsxw div{width:47%;float:left;}
	.down-news .company .gsxw div a{width:100%;display:block;}
	.down-news .company .gsxw div img{display:block;border-radius:10px;height:210px;}
	.down-news .company .gsxw div h3{font-size:18px;color:#262626;margin:2% 0;line-height:25px;height:50px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.down-news .company .gsxw div .contact{font-size:18px;color:#287dc7;width:100%;display:block;text-align:center;border-radius:15px;border:1px solid rgba(52, 154, 206, 0.98);padding:1.5% 0;font-weight:bold;}
	.down-news .gsxw ul{width:49%;float:right;}
	.down-news .gsxw ul li{padding-bottom:5%;margin-bottom:5%;border-bottom:1px dashed #cbcbcb;}
	.down-news .gsxw ul>li:nth-child(3){border:0;}
	.down-news .gsxw ul li a{display:block;}
	.down-news .gsxw ul li .left{width:20%;text-align:center;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;float:left;}
	.down-news .gsxw ul li .left b{font-size:27px;color:#666;background:#f4f7ff;width:100%;padding:12% 0;display:block;}
	.down-news .gsxw ul li:hover .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li.active .left b{background:#4c6278;font-weight:bold;color:#fff;}
	.down-news .gsxw ul li:hover .right h3{font-weight:bold;}
	.down-news .gsxw ul li.active .right h3{font-weight:bold;}
	.down-news .gsxw ul li .left span{font-size:16px;color:#666;width:100%;margin:0;padding:6% 0;display:block;background:#fff;}
	.down-news .gsxw ul li .right{width:75%;float:right;}
	.down-news .gsxw ul li .right h3{font-size:16px;color:#262626;line-height:24px;margin:1% 0 2% 0;height:48px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;font-weight:400;}
	.down-news .gsxw ul li .right p{font-size:16px;color:#999;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  
               .down-news .gsxw:nth-child(2){width:32%;float:right;display:none;}
               .down-news .gsxw:nth-child(2) ul{width:100%;}
}

/* 手机（手机，小于等于 768px） */
@media screen and (max-width:769px) {
	.pcd{display:none!important;}

/*下拉列表*/
    .top .nav-sub{position:fixed;top:0;right:0;width:0;height:6.5rem;background: #2e2e2e;z-index:500;overflow: hidden;display:block;}
    .top .nav-sub ul{width: 100%;height: auto;padding:0;}
    .top .nav-sub ul li{width: 100%;height:0.8rem;float: none;}
    .top .nav-sub li:first-child{background: #0286c2;border-top: none;transition: all .5s ease-in;}
	.top .nav-sub li:first-child:hover{background-image: Linear-gradient(to top,#0286c2,#0174a6);}
	#closeBtn{height: 0.75rem;}
    .top .nav-sub li:first-child i{ display: block;margin: 0 auto;width: 0.65rem;height: 0.65rem;background: url(../images/index/btn-close-h.png) no-repeat center; background-size: 55% 55%;background-position:center 75%;}
    .top .nav-sub li a{display: block; width: 80%;height: 0.8rem;line-height: 0.8rem;color: #fff;text-align: center;font-size: 0.3rem;font-family:helvetiac;font-weight: 500;border-bottom:1px solid #424242;margin:0 auto;}
	.nei-top{height:0.9rem;}
	.test {width:100%;height:100%;text-align:center;margin:0 auto;position: fixed;top:0;left:0;background-color:rgba(0,0,0,0);z-index:99;display: none;}
}