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

@media screen and (max-width: 769px) {	
	/*sj-top*/
	/*sj-in-top*/
	.top-bj{background:url(../images/phone/top_bj.jpg) no-repeat;background-size:100% auto;}
	.sj-top{padding:0 1%;position:fixed;top:0;z-index:9998;width:98%;height:1rem;background:url(../images/phone/top_bj.jpg) no-repeat;background-size:100% auto;}
	.sj-tb{height:1rem;}
	.sj-top .logo{width:36%;margin:0 auto;position:absolute;top:20%;left:2%;}
	.sj-nav{color:#fff;width:18.5%;position:absolute;right:0;top:0;}
	.sj-nav img{max-width:100%;min-width:80%;}
	/*nav-sub css*/
	.sj-nav-sub {position: absolute;top:100%;width:0;right: 0;height:6.5rem;background:rgba(255,255,255,0.9);z-index:1500;overflow:hidden;border-radius:10px;}
	.sj-nav-sub ul {width:84%;height: auto;margin:0;padding:0 8%;word-wrap:break-word;list-style:none;}
	.sj-nav-sub ul li {width: 100%;height:0.54rem;float: none;border-bottom:1.5px solid #bbb;list-style:none;margin:0;padding:6% 0;word-wrap:break-word;}
	.sj-nav-sub ul li a{font-size:0.3rem;}
	.sj-nav-sub li a {display:block;width:100%;line-height:0.5rem;color:#262626;text-align: center;font-family: helvetiac;font-weight:500;text-decoration:none;}
	.test {width:100%;height:100%;position: fixed;top: 0;left:0;background-color: rgba(0,0,0,.4);z-index: 10;display: none;}
	#closeBtn{height:0.9rem!important;position:relative;}
	#closeBtn img{width:21%;position:absolute;top:30%;left:0;right:0;margin:0 auto;}

/*banner*/
	.banner{padding:0 3% 6% 3%;}
	.banner h1{font-size:0.36rem;color:#1a1a1a;text-align:center;margin:0 0 3% 0;}
	.banner .swiper-slide img{border-radius:0.1rem;}
	.banner .swiper-slide a img{width:60%;margin:0 20%;margin-top:-0.35rem;border-radius:0;}
/*products-center*/
	.sj-pro-bj{background:url(../images/phone/cpzx_bj.jpg) no-repeat;padding:0 2%;}
	.sj-tit{position:relative;}
	.sj-tit h1{font-size:0.34rem;color:#000;font-family:'pi';padding:0.5% 2%;background:url(../images/phone/bthx.png) no-repeat 2% 90%;}
	.sj-tit a{font-size:0.25rem;color:#161718;width:24%;padding:2.4% 0;text-align:center;background-color:#fff;-webkit-box-shadow:inset 0px 1px 9px 0px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 1px 9px 0px rgba(0,0,0,0.2);box-shadow:inset 0px 1px 9px 0px rgba(0,0,0,0.2);border-radius:0.2rem;position:absolute;right:0;top:16%;}
	.sj-tit a:before{content:'';padding:1% 12%;background:url(../images/phone/cpzx_gd2.png) no-repeat left center;background-size:75% auto;}
	.pro-nav{border-bottom:1px solid #7996cc;width:100%;}
	.sj-pro-bj .down{bordeR:1px solid red;}
	.sj-pro-bj .gallery-thumbs .swiper-slide{width:48.7%!important;}
	.sj-pro-bj .gallery-thumbs .swiper-slide a{width:100%;font-size:0.24rem;color:#434343;padding:7% 0;border-radius:20px 20px 0px 0px;text-align:center;border-top:1px solid #969696;border-left:1px solid #969696;border-right:1px solid #969696;} 
	.sj-pro-bj .gallery-thumbs .swiper-slide-thumb-active a{color:#2d5bb0!important;font-weight:bold;background:url(../images/phone/cpzx_navbj.jpg);border-top:1px solid #2d5bb0;border-left:1px solid #2d5bb0;border-right:1px solid #2d5bb0;}
	.sj-pro-bj .gallery-top .in-pro{padding:2%;background:url(../images/phone/cpzx_lansebj.png) no-repeat;background-size:100% 100%;}
	.sj-pro-bj .gallery-top .in-pro img{border-radius:10px 10px 10px 0px;}
	.sj-pro-bj .gallery-top .in-pro .tit{background:#fff;box-shadow:2px 1px 3px 0px rgba(0,0,0,0.07);-webkit-box-shadow:2px 1px 3px 0px rgba(0,0,0,0.07);-moz-box-shadow:2px 1px 3px 0px rgba(0,0,0,0.07);border-radius:0px 10px 10px 0px;width:92%;padding:2%;border-left:5px solid rgba(157,180,229,1);margin-top:-2%;position:relative;z-index:1;}
	.sj-pro-bj .gallery-top .in-pro .tit h3{margin:0;font-size:0.27rem;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sj-pro-bj .gallery-top .in-pro .tit p{font-size:0.25rem;color:#4d4d4d;margin-top:2%;}
	.sj-pro-bj .gallery-top .swiper-slide ul{margin:0 -2%;}
	.sj-pro-bj .gallery-top .swiper-slide ul li{width:46%;padding:0 2%;float:left;background:0;margin:2% 0;}
	.sj-pro-bj .gallery-top .swiper-slide ul li .tit h3{font-size:0.25rem;font-weight:400;line-height:0.3rem;}
/*lianxi*/
	.lianxi{position:relative;padding:0 2%;margin:3% 0;}
	.lianxi a{width:82%;padding:3% 0;position:absolute;}
	.lianxi .wechat{top:18%;}
	.lianxi .email{bottom:18%;}
	.lianxi .kf{width:11%;padding:5.5% 0;right:1.5%;bottom:0;}
/*in-case*/
	.in-case{width:96%;margin:6% 2%;background:url(../images/phone/al_zuobj.jpg) no-repeat left top;border-radius:10px;overflow:hidden;}
	.in-case .left{width:42%;padding-left:2%;float:left;margin-top:3%;}
	.in-case .left ul{background:url(../images/phone/al_sx.png) no-repeat 5.5% top;padding:5% 0;}
	.in-case .left ul li{background:url(../images/phone/al_yd.png) no-repeat 0.5% center;background-size:10% auto;}
	.in-case .left ul li.active{background:url(../images/phone/al_ydxz.png) no-repeat 0.5% center;background-size:10% auto;}
	.in-case .left ul li a{font-size:0.25rem;color:#1a1a1a;width:85%;margin-left:15%;padding:7% 0;}
	.in-case .left .more{width:100%;}
	.in-case .left .more a{position:relative;width:65%;padding:6% 0;margin-top:10%;}
	.in-case .right{width:51%;float:right;display:none;}
	.in-case .right li a{position:relative;width:100%;}
	.in-case .right li .mask{font-size:0.25rem;color:#fff;text-align:center;line-height:0.36rem;height:0.72rem;background-image: linear-gradient(0deg,rgba(27,59,113,0.8) 0%, rgba(32,69,135,0.2) 100%);position:absolute;bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
/*company-news*/
	.sj-mews{padding:0 2%;}
	.sj-mews ul li{padding-bottom:5%;border-bottom:1px dashed #cbcbcb;margin-bottom:5%;}
	.sj-mews ul li:nth-child(3){border:0;}
	.sj-mews ul li a{width:100%;}
	.sj-mews ul li .time{width:18%;float:left;font-size:0;-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);border-radius:6px;overflow:hidden;}
	.sj-mews ul li .time b{background-image:linear-gradient(0deg,#2f4d97 0%, #3799dd 100%);font-size:0.45rem;color:#fff;display:inline-block;text-align:center;width:100%;padding:10% 0;}
	.sj-mews ul li .time span{font-size:0.25rem;color:#666;display:inline-block;width:100%;text-align:center;}
	.sj-mews ul li .wz{width:78%;float:right;}
	.sj-mews ul li .wz h3{font-size:0.27rem;color:#262626;margin:0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.sj-mews ul li .wz p{font-size:0.25rem;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2.4%;}
/*lianxi2*/
	.lian-xi{background:url(../images/phone/lx_bj.jpg) no-repeat;padding: 3% 0;}
	.lian-xi ul{background:url(../images/phone/lx_Contactustogetquote.png) no-repeat 2% center;background-size:18% auto;}
	.lian-xi ul li{width:78%;margin-left:21%;}
	.lian-xi ul li a{font-size:0.24rem;color:#333;padding:3% 0 3% 10%;}
	.lian-xi ul li:nth-child(1) a{background:url(../images/phone/lx_wa.png) no-repeat left center;background-size: 9% auto;}
	.lian-xi ul li:nth-child(2) a{background:url(../images/phone/lx_yx.png) no-repeat left center;background-size: 9% auto;}
	
}