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

@media screen and (max-width:769px) {
/*banner*/
	.banner{background:url(../images/mobile/banner_bg.jpg) no-repeat;background-size:100% 100%;}	
	.banner .swiper-slide img{display:block;}
/*quick navigation*/
	.sj-navigation{margin-bottom:3%;}
	.sj-navigation ul li{width:50%;float:left;}
	.sj-navigation ul li a{text-align:center;display:block;width:100%;font-size:0.3rem;color:#000;padding:10% 0;margin:2% 0;}
	.sj-navigation ul .one a:before{content:'';padding:6% 12%;background:url(../images/mobile/jgq_product.png) no-repeat left  center;background-size:85% auto;margin-right:2%;}
	.sj-navigation ul .two a:before{content:'';padding:6% 12%;background:url(../images/mobile/jgq_case.png) no-repeat left  center;background-size:85% auto;margin-right:2%;}
	.sj-navigation ul .three a:before{content:'';padding:6% 12%;background:url(../images/mobile/jgq_about.png) no-repeat left  center;background-size:85% auto;margin-right:2%;}
	.sj-navigation ul .four a:before{content:'';padding:6% 12%;background:url(../images/mobile/jgq_new.png) no-repeat left  center;background-size:85% auto;margin-right:2%;}
	.sj-navigation ul li:nth-child(1){border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
	.sj-navigation ul li:nth-child(2){border-bottom:1px solid #d8d8d8;}
	.sj-navigation ul li:nth-child(3){border-right:1px solid #d8d8d8;}
	.sj-hx{height:0.2rem;background:#f2f2f2;margin:1% 0;}
/*sj-hot-pro*/
	.sj-hotpro{background-image:linear-gradient(0deg, rgba(58,185,232,0.08) 0%, rgba(136,245,255,0.01) 100%);padding-top:3%;}
	.sj-tit {padding:0 2%;position:relative;}
	.sj-tit h1{font-size:0.32rem;color:#1a1a1a;font-family:Arial-Black;font-weight:bold;margin:2% 0;}
	.sj-tit a{font-size:0.25rem;color:#c98625;position:absolute;right:10%;top:20%;}
	.sj-tit a i{padding:2% 30%;background:url(../images/mobile/hot_more2.png) no-repeat center;background-size:80% auto;margin-left:25%;}
	.sj-cate{padding:0 2% 8% 2%;margin-top:3%;}
	.sj-cate .swiper-slide .kuang{background:url(../images/mobile/hot_dcpbg.png) no-repeat right bottom;background-size:60% auto;position:relative;padding:0.5% 0.2% 6% 0.2%;margin-bottom:6%;}
	.sj-cate .swiper-slide .kuang .up{width:94%;background-color:#fff;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);border-radius: 20px;padding:2% 0 0 0;overflow:hidden;}
	.sj-cate .swiper-slide .kuang .up .tit{background:url(../images/mobile/hot_dcpbt.jpg) no-repeat right top;background-size:35% auto;}
	.sj-cate .swiper-slide .kuang .up h2{font-size:0.32rem;color:#1263a5;font-weight:bold;margin:1% 0;padding:0 3%;}
	.sj-cate .swiper-slide .kuang .up h3{margin:3% 0;font-size:0.27rem;color:#333;padding:0 3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sj-cate .swiper-slide ul{margin:0 -1%;}
	.sj-cate .swiper-slide ul li{width:50%;padding:0 1%;float:left;}
	.sj-cate .swiper-slide ul li a{display:block;border-radius:20px;overflow:hidden;background-image: linear-gradient(90deg, #d9ebff 0%, #c3d3e7 100%);border-radius:10px;}
	.sj-cate .swiper-slide ul li a img{display:block;}
	.sj-cate .swiper-slide ul li h3{font-size:0.25rem;color:#333;background-image: linear-gradient(90deg,#ffffff 0%,#e7e7e7 100%);border-radius:0px 32px 32px 20px;margin:2% 0.5% 2% 0.5%;width:98%;padding:2% 3%;height:0.70rem;line-height:0.3rem;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.sj-cate .swiper-pagination{width:30%;bottom:37%;}
	.sj-cate .swiper-pagination span{font-size:0.25rem;}
	.sj-cate .swiper-pagination .swiper-pagination-current{font-weight:bold;}
	.sj-cate .app{background-image: linear-gradient(90deg,#4f91e1 0%,#0062a1 100%);box-shadow:0px 6px 0px 0px #d5e3f3;-webkit-box-shadow:0px 6px 0px 0px #d5e3f3;-moz-box-shadow:0px 6px 0px 0px #d5e3f3;border-radius:40px 0px 40px 40px;text-align:center;width:100%;font-size:0.27rem;color:#fff;padding:3% 0;margin-top:5%;}
	.sj-cate .app:before{content:'';padding:1% 15%;background:url(../images/mobile/hot_lx.png) no-repeat left center;background-size:85% auto;}
	.sj-cate .email{text-align:center;font-size:0.27rem;color:#333;background-color:#fff;
	box-shadow: 0px 6px 0px 0px #e4eefd;border-radius: 0px 40px 40px 42px;border: solid 1px #b5c7d5;width:100%;padding:3% 0;margin-top:4.5%;}
	.sj-cate .email i{padding:0 5%;background:url(../images/mobile/hot_yx.png) no-repeat left center;background-size:50% auto;}
/*successful cases*/
	.sj-sycase{background:url(../images/mobile/case_bg.jpg) no-repeat;padding:4% 2% 0 2%;}
	.sj-sycase .sj-tit h1,.sj-sycase a{color:#fff;}
	.sj-sycase a i{background:url(../images/mobile/case_more2.png) no-repeat;background-size:80% auto;margin-left:25%;}
	.al-case-lunbo{border-radius:20px 20px 0px 0px;overflow:hidden;margin-top:2%;}
	.al-case-lunbo .swiper-slide img{width:100%;height:3.6rem;}
	.al-case-lunbo .swiper-slide video,.al-case-lunbo .swiper-slide .iframe,.al-case-lunbo .swiper-slide embed{width:100%;height:3.6rem;}
	.al-case-lunbo .swiper-slide .wz{background:url(../images/mobile/case_wzbg.png) no-repeat;padding:5% 5% 8% 5%;}
	.al-case-lunbo .swiper-slide .wz h2{font-size:0.27rem;color:#fff;font-weight:bold;line-height:0.38rem;height:0.76rem;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.al-case-lunbo .swiper-slide .wz ul li{font-size:0.25rem;color:#fff;margin:3.5% 0;padding:1% 0 1% 10%;}
	
	.al-case-lunbo .swiper-slide .wz ul>li:nth-child(1){background:url(../images/mobile/case_whatsapp.png) no-repeat left center;background-size:7% auto;}
	.al-case-lunbo .swiper-slide .wz ul>li:nth-child(2){background:url(../images/mobile/case_yx.png) no-repeat left center;background-size:7% auto;}
	.al-case-lunbo .swiper-slide .wz .online{background-color:#2a5176;border-radius:30px;border: solid 1px #2eb2ef;width:100%;text-align:center;padding:2.5% 0;font-size:0.24rem;color:#fff;margin-top:3%;}
	.al-case-lunbo .swiper-pagination{bottom:48%;}
	.al-case-lunbo .swiper-pagination span{border:1px solid rgba(255,255,255,0.7);background-color:rgba(27,74,113,0.7);margin:0 2%!important;width:12px;height:12px;}
	.al-case-lunbo .swiper-pagination .swiper-pagination-bullet-active {width:30px;background-color:rgba(102,149,184,0.7);border-radius:8px;border:solid 1px rgba(255,255,255,0.7);}
/*latest news*/
	.sj-synews-bj{background:url(../images/mobile/news_bg.jpg) no-repeat;background-size:100% 100%;padding:3% 0 1% 0;}
	.sj-synews{padding:0 2%;}
	.sj-synews .one{margin:4% 0;}
	.sj-synews .one a{width:100%;}
	.sj-synews .one .tu{width:49%;float:left;border-radius:8px;overflow:hidden;}
	.sj-synews .one .tu img{width:100%;display:block;}
	.sj-synews .one .wz{width:49%;float:right;}
	.sj-synews .one .wz h2{font-size:0.27rem;color:#262626;margin:3% 0;line-height:0.32rem;height:0.64rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.sj-synews .one .wz p{font-size:0.25rem;color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:6%;}
	.sj-synews .one .wz span{font-size:0.24rem;color:#666;display:block;background:url(../images/mobile/news_gd.png) no-repeat right center;background-size:12% auto;}
	.sj-synews ul li{padding-bottom:4%;margin-bottom:4%;border-bottom:1px dashed #cbcbcb;}
	.sj-synews ul>li:nth-child(3){border:0;}
	.sj-synews ul li a{display:block;}
	.sj-synews ul li .left{width:16%;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;}
	.sj-synews ul li .left b{font-size:0.36rem;color:#fff;background-image: linear-gradient(0deg,#2f4d97 0%, #3799dd 100%);width:100%;padding:6% 0;display:block;}
	.sj-synews ul li:hover .right h3{font-weight:bold;}
	.sj-synews ul li.active .right h3{font-weight:bold;}
	.sj-synews ul li .left span{font-size:0.24rem;color:#666;width:100%;margin:0;padding:1% 0;display:block;background:#fff;}
	.sj-synews ul li .right{width:81%;float:right;}
	.sj-synews ul li .right h3{font-size:0.25rem;color:#262626;line-height:0.35rem;margin:0;height:0.7rem;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;font-weight:400;}
	.sj-synews ul li .right p{font-size:0.25rem;color:#999;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*conract us*/
	.sj-sycont{background:url(../images/mobile/news_lxbg.png) no-repeat;padding:3% 2%;}
	.sj-sycont .left{text-align:center;width:21%;background:url(../images/mobile/Contactustogetquote.png) no-repeat center;background-size:100% auto;height:0.8rem;float:left;}
	.sj-sycont .right{width:76%;float:right;}
	.sj-sycont .right li{padding:0.5% 0;}
	.sj-sycont .right li a{width:100%;display:block;font-size:0.25rem;color:#333;padding-left:10%;}
	.sj-sycont .right>li:nth-child(1) a{background:url(../images/mobile/news_whatsapp.png) no-repeat left center;background-size:8% auto;}
	.sj-sycont .right>li:nth-child(2) a{background:url(../images/mobile/news_yx.png) no-repeat left center;background-size:8% auto;}
/*leave us message*/
	/*message*/
	.x-message-bj{background:url(../images/sy/ly_bg.jpg) no-repeat;background-size:100% 100%;padding:2% 2%;}
	.x-message .left{width:100;}
	.x-message .left h1{font-size:0.3rem;color:#fff;font-family: Arial-Black;margin-top:4%;font-weight:bold;margin-bottom:6%;}
	.x-message .left form div{border-radius:5px;overflow:hidden;position:relative;margin-bottom:3%;}
	.x-message .left form div i{display:block;width:8%;height:0.65rem;position:absolute;left:0;top:0;}
	.x-message .left form div input{height:0.65rem;width:100%;font-size:0.25rem;color:#333;display:block;background:#ebecee;border:0;padding:0 2% 0 8%;}
	.x-message .left form .name i{background:url(../images/mobile/ly_xm.png) no-repeat center;background-size:70% auto;}
	.x-message .left form .tel i{background:url(../images/mobile/ly_dh.png) no-repeat center;background-size:70% auto;}
	.x-message .left form .product i{background:url(../images/mobile/ly_cp.png) no-repeat center;background-size:70% auto;}
	.x-message .left form .email{margin-bottom:3%;}
	.x-message .left form .email i{background:url(../images/mobile/ly_yx.png) no-repeat center;background-size:70% auto;}
	.x-message .left form .lytext i{background:url(../images/mobile/ly_ly.png) no-repeat center;background-size:70% auto;}
	.x-message .left form .lytext textarea{padding:1% 2% 1% 8%;min-width:100%;max-width:100%;margin:0;font-size:0.25rem;color:#333;display:block;font-family: ArialMT;min-height:95px;max-height:125px;background:#ebecee;border:0;}
	.x-message .left form .anniu{margin-top:5%;}
	.x-message .left form .anniu button{width:50%;display:block;margin:0 auto;padding:1.8% 0;font-size:0.25rem;color:#fff;font-weight:bold;border-radius:21px;border:0;}
	.x-message .left form .anniu .reset{background-color:rgba(120,128,139,0.8);display:none;}
	.x-message .left form .anniu .reset:hover{background:#898f98;}
	.x-message .left form .anniu .reset:before{content:'';padding:1% 7%;background:url(../images/sy/ly_reset.png) no-repeat left center;}
	.x-message .left form .anniu .submit{background-image:linear-gradient(90deg,rgba(18,150,234,1) 0%,rgba(19,80,193,1) 100%);}
	.x-message .left form .anniu .submit:hover{background-image:linear-gradient(90deg,rgba(19,80,193,1) 0%,rgba(18,150,234,1) 100%);}
	.x-message .left form .anniu .submit:before{content:'';padding:1% 7%;background:url(../images/sy/ly_submit.png) no-repeat left center;}
/**/
	
	
}