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

@media screen and (max-width: 769px) {
/*hot-product*/
	.hot-product{padding:0 2%;}
	.sj-tit{font-size:0.42rem;color:#222;text-align:center;margin-bottom:1.5%;}
	.sj-tit:before{content:'';padding:0 10%;background:url(../images/index/bt-left.png) no-repeat left center;background-size:90% auto;}
	.sj-tit:after{content:'';padding:0 10%;background:url(../images/index/bt-right.png) no-repeat right center;background-size:90% auto;}
	.sj-text{font-size:0.27rem;text-align:center;}
	
	.cpzx{margin-top:10%;}
	.cpzx .more{background:#E7ECEF;border-radius:0.15rem;font-size:0.3rem;color:#227CBC;text-align:center;padding:3% 0;margin:4% 0;}
	.cpzx .up{box-shadow:0px 0px 21px 0px rgba(8,1,3,0.35);-moz-box-shadow:0px 0px 21px 0px rgba(8,1,3,0.35);-webkit-box-shadow:0px 0px 21px 0px rgba(8,1,3,0.35);border-radius:0 0 15px 15px;}
	.cpzx .up img{width:100%;}
	.cpzx .up .tit{background:linear-gradient(90deg,#1C5A88 0%,#227DBC 100%);border-radius:0 0 15px 15px;padding:0.15rem 0.25rem 0.2rem 0.25rem;font-size:0;}
	.cpzx .up .tit h3{margin:0 0 3% 0;font-size:0.36rem;color:#FFA03B;}
	.cpzx .up .tit span{font-size:0.25rem;color:#fff;border-radius:0.1rem;border: 1px solid #fff;display:inline-block;width:47%;text-align:center;padding:0.1rem 0;margin-right:2.5%;}
	.cpzx .swiper-slide{padding-bottom:5%;}
    .cpzx .swiper-slide .down{margin-top:5%;}
	.cpzx .swiper-slide .down ul li{width:50%;float:left;}
	.cpzx .swiper-slide .down ul li a{padding:2% 2% 5% 2%;border:1px solid #D4D4D4;position:relative;}
	.cpzx .swiper-slide .down ul li a img{width:100%;}
	.cpzx .swiper-slide .down ul li a h3{font-size:0.3rem;color:#222;text-align:center;padding:3% 0;width:97%;margin:0 auto;background:#eee;position:absolute;left:0;right:0;bottom:-10%;z-index:1;font-weight:400;}
	.cpzx .swiper-slide .down ul li a:hover h3{background:linear-gradient(90deg,#1C5988 0%,#227EBD 100%);color:#fff;}	
	.cpzx .swiper-button-next,.cpzx .swiper-button-prev{top:15%;}
/*site-case*/
	.site-case{padding:2%;background:#E7ECEF;}
	.al-box{margin-top:5%;}
	.al-box a{width:100%;}
	.al-box img{width:100%;border-radius:15px;}
	.al-box video,.al-box iframe{width:100%;height:4.5rem;border-radius:15px;}
	.al-box a h3{font-size:0.35rem;color:#333;text-align:center;margin:3% 0;}
	.site-case .more{background:#fff;border-radius:0.15rem;font-size:0.3rem;color:#227CBC;text-align:center;padding:3% 0;margin:4% 0;}
/*news*/
	.sj-news{padding:0 2%;}
	.sj-news ul li{border-bottom:1px solid #E7ECEF;padding-bottom:3%;}
	.sj-news ul li a{width:100%;}
	.sj-news ul li a h3{font-size:0.3rem;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2%;}
	.sj-news ul li a p{font-size:0.25rem;color:#777;line-height:0.45rem;height:0.9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;}
	.sj-news ul li h3 span{padding:0.5% 1%;font-size:0.25rem;color:#fff;background:linear-gradient(90deg,#FA851B,#F64618);border-radius:18px 18px 18px 0px;text-align:center;margin-right:1.5%;}
	.sj-news ul li:hover h3{color:#FA851B;}
/*sj-message*/
	.sj-message{padding:2%;margin-bottom:8%;}
	.sj-message h1{font-size:0.42rem;color:#222;text-align:center;}
	.sj-message form div{position:relative;font-size:0;margin-bottom:5%;}
	.sj-message form div label{height:100%;width:10%;height:100%;position:absolute;left:0;top:0;}
	.sj-message form .tel label{background:url(../images/sjd/sjd-ly-tel.png) no-repeat center;background-size:45% auto;}
	.sj-message form .lytext label{background:url(../images/sjd/sjd-ly-need.png) no-repeat center 5%;background-size:60% auto;}
	.sj-message form div input{width:100%;padding:0 0 0 10%;background:#E9EDF0;border-radius:8px;border:1px solid #CDD1D4;height:0.8rem;font-size:0.3rem;color:#333;}
	.sj-message form div textarea{min-width:100%;max-width:100%;min-height:1.8rem;max-height:1.8rem;padding:1% 0 1% 10%;background:#E9EDF0;border-radius:8px;border:1px solid #CDD1D4;font-size:0.3rem;color:#333;font-family:MicrosoftYaHei;}
	.sj-message form button{display:block;width:80%;margin:0 10%;text-align:center;border:0;background:linear-gradient(90deg,#FCA455 0%,#FF813A 100%);font-size:0.3rem;color:#fff;padding:3% 0;}
	.sj-message form button:after{content:'';padding:1% 5%;background:url(../images/sjd/sjd-ly-tj.png) no-repeat right center;background-size: 70% auto;}
	.foot{font-size:0.26rem;color:#777;text-align:center;margin:1% 0;}
	.foot a{display:inline-block;margin:0 1%;color:#777;}
}