@charset "utf-8";
/* CSS Document */
body {margin:0;font-family:ArialMT;position:relative;overflow-x:hidden;}
dl,dd,h1,h2,h3,h4,h5,h6{margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;cursor:pointer;display:inline-block;}
p{margin:0;}
button:focus {outline: none;}
input:focus,textarea:focus {outline:none;}
.clearfix{clear:both!important;}
.clearfix:before,.clearfix:after{display: table;content:" ";clear: both;}
img{display:block;}
.top-bj{background:#4876ec;position:relative;}
@font-face{font-family:'pi';src:url('../font/impact.ttf');}

form input:-moz-placeholder {color:#333;}
form input::-moz-placeholder {color:#333;}
form input:-ms-input-placeholder{color:#333;}
form input::-webkit-input-placeholder{color:#333;}
form textarea:-moz-placeholder {color:#333;}
form textarea::-moz-placeholder {color:#333;}
form textarea:-ms-input-placeholder{color:#333;}
form textarea::-webkit-input-placeholder{color:#333;}

.x-message form input:-moz-placeholder {color:#fff;}
.x-message form input::-moz-placeholder {color:#fff;}
.x-message form input:-ms-input-placeholder{color:#fff;}
.x-message form input::-webkit-input-placeholder{color:#fff;}
.x-message form textarea:-moz-placeholder {color:#fff;}
.x-message form textarea::-moz-placeholder {color:#fff;}
.x-message form textarea:-ms-input-placeholder{color:#fff;}
.x-message form textarea::-webkit-input-placeholder{color:#fff;}

@media screen and (min-width:1400px){
	.sjd{display:none!important;}
    .container{max-width:1400px;min-width:1400px;width:100%;margin:0 auto;}
/*top*/
	.top-hx{height:3px;background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);}
	.toubu-bj{background:url(../images/sy/top_bg.jpg) no-repeat;position:relative;background-size:100% 100%;}
	.toubu .up{position:relative;padding:1% 0;}
	.toubu .up p{font-size:15px;color:#666;}
	.toubu .up .right{width:34.5%;position:absolute;right:0;top:0;background:url(../images/index/top.png) no-repeat right top;}
	.toubu .up .right a{font-size:15px;color:#d9d9d9;padding:1.5% 0;display:block;width:44%;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/index/top-whats2.png) no-repeat left center;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/index/top-email.png) no-repeat left center;}
	.toubu .up .right .app{float:left;margin-left:6%;}
	.toubu .up .right .email{float:right;margin-right:6%;}

	.toubu .down .logo{display:block;width:37%;float:left;}
	.toubu .down a img{display:block;}
	.toubu .down ul{width:58%;float:right;}
	.toubu .down ul li{float:left;width:16.6%;}
	.toubu .down ul li a{font-size:18px;color:#333;display:block;width:100%;padding:20% 0 20% 0;text-align:center;}
	.toubu .down ul li:hover a{font-weight:bold;}
	
    /*下拉*/
    .navigation-down{position:absolute;bottom:0;left:0px;width:100%;z-index:9;}
    .navigation-down .nav-down-menu{width:100%;margin:0;background: linear-gradient(90deg,rgba(13,51,104,1) 0%,rgba(73,111,156,1) 100%);position:absolute;top:0px;display:block;}
    .navigation-down .nav-down-menu .navigation-down-inner,.index-dh-other{margin:0 auto;width:1400px;position:relative;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(1){width:19%;margin-left:0;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(2){width:19%;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(5){width:16%;margin-right:0;}
	.navigation-down-inner dl{width:15%;margin:0 2% 3% 2%;float:left;}
	.navigation-down-inner dt{font-size:18px;font-weight:bold;color:#fff;margin-top:30px;padding-bottom:10px;}
	.navigation-down-inner dt a{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.navigation-down-inner dd{font-size:16px;font-weight:400;}
	.navigation-down-inner dd a{color:#ccc;width:100%;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.navigation-down-inner dd a:hover{color:#F39700;}
	.top-dh-botton{width:60%;display:block;text-align:left;font-size:16px;color:#fff;margin-top:5px;margin-bottom:5%;}
    .top-dh-botton:hover{color:#F39700;}
    #solution{display:none;}
	
	/*breadcrumb*/
	.bread{font-size:0;}
	.bread a{font-size:16px;color:#fff;padding:1.5% 0;}	
	
	
/*industry-solutions*/
	.solution-bj{background:#F2F6FB;padding:2% 0;}
	.solution .tit,.det-tit{position:relative;margin-bottom:2.5%;}
	.solution .tit h1,.det-tit h1{font-size:28px;color:#333;text-align:center;}
	.solution .tit a,.det-tit a{font-size:16px;color:#333;background:url(../images/pro-det/prode-whatsapp.png) no-repeat left center;position:absolute;right:0;bottom:0;padding:0.5% 0 0.5% 2.5%;}
	.solution .tit a b,.det-tit a b{color:#F39700;}
	.solution .box .left{width:45.7%;border-radius:15px;overflow:hidden;float:left;}
	.solution .box .left .gallery-top .swiper-slide{position:relative;}
	.solution .box .left .gallery-top .swiper-slide .mask{position:absolute;left:0;right:0;bottom:0;text-align:center;background:linear-gradient(0deg, #0048A8 0%, rgba(73,111,156,0) 100%);padding:20% 0 3% 0;}
	.solution .box .left .gallery-top .swiper-slide .mask h3{font-size:28px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.solution .box .left .gallery-top .swiper-slide .mask p{font-size:18px;color:rgba(255,255,255,0.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1%;}
	.solution .box .right{float:right;width:52%;border-top:1px solid rgba(0,51,153,0.5);margin-top:2%;}
	.solution .box .right h1{font-size:28px;color:#003399;margin:3% 0 2% 0;}	
	.solution .box .right p{font-size:18px;color:#333;line-height:30px;font-weight:bold;}
	.solution .box .right .gallery-thumbs{margin-top:5%;}
	.solution .box .right .gallery-thumbs .swiper-slide{border-radius:15px;overflow:hidden;position:relative;}
	
	.solution .box .right .gallery-thumbs .swiper-slide img{width:100%;transition: transform 0.3s ease;}
	.solution .box .right .gallery-thumbs .swiper-slide-thumb-active img{transform: scale(1.4);}
	.solution .box .right .gallery-thumbs .swiper-slide h3{font-size:22px;color:#fff;height:60px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:bold;position:absolute;left:6%;right:0;top:6%;}
	.solution .box .right .gallery-thumbs .swiper-slide i{position:absolute;left:6%;top:27%;padding:15px;background:url(../images/pro-det/prode-more.png) no-repeat left bottom;}
/*process*/
	.process{padding:2% 0;}
	.process ul li{float:left;width:25%;text-align:center;background:url(../images/about/about-line.png) no-repeat right 20%;}
	.process ul li:nth-child(4){background:0;}
	.process ul li b{margin:3% auto;display:block;}
	.process ul li:hover b{color:#003399;}
	.process ul li p{font-size:16px;color:#666;line-height:24px;width:80%;margin:0 10%;}
	.process ul li i{padding:8% 0;display:block;}
	.process ul li:nth-child(1) i{background:url(../images/about/about-custom.png) no-repeat center;}
	.process ul li:nth-child(2) i{background:url(../images/about/about-manu.png) no-repeat center;}
	.process ul li:nth-child(3) i{background:url(../images/about/about-install.png) no-repeat center;}
	.process ul li:nth-child(4) i{background:url(../images/about/about-tech.png) no-repeat center;}
	
/*message*/
	.x-message-bj{background:url(../images/index/message-bg.jpg) no-repeat;background-size:100% 100%;padding:2.5% 0;}
	.x-message .left{width:53%;float:left;}
	.x-message .left h1{font-size:32px;color:#fff;margin:1% 0;padding:2% 0;background:url(../images/index/message.png) no-repeat left top;}
	.x-message .left form div{border-radius:5px;overflow:hidden;position:relative;}
	.x-message .left form div input{height:40px;width:95%;padding:0 2%;font-size:16px;color:#fff;display:block;background:rgba(13,51,104,0.4);border-radius:5px;border:1px solid #519BD3;}
	.x-message .left form .name,.x-message .left form .email{float:left;}
	.x-message .left form .tel,.x-message .left form .product{float:right;}
	.x-message .left form .name,.x-message .left form .tel,.x-message .left form .product,.x-message .left form .email{width:48%;margin-bottom:3%;}
	.x-message .left form .name input,.x-message .left form .tel input{padding:0 2% 0 2%;width:95%;margin:0;}
	.x-message .left form .lytext textarea{padding:1% 1% 1% 1%;min-width:97.5%;max-width:97.5%;margin:0;font-size:16px;color:#fff;display:block;font-family: ArialMT;min-height:95px;max-height:125px;background:rgba(13,51,104,0.4);border:1px solid #519BD3;border-radius:5px;}
	.x-message .left form .anniu{padding:0.8% 1%;width:36%;margin:5% auto 0 auto;background:rgba(255,255,255,0.1);font-size:0;border-radius:30px;}
	.x-message .left form .anniu button{width:100%;height:42px;border-radius:30px;border:0;font-size:20px;color:#fff;background:linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.x-message .left form .anniu .submit:hover{background:linear-gradient(90deg, #0063E7 0%, #0048A8 100%);}
	.x-message .left form .anniu .submit:after{content:'';padding:1% 7%;background:url(../images/index/message-sub.png) no-repeat right center;}
	
	.x-message .right{width:41%;float:right;background-color:#273e66;box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-webkit-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-moz-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);border-radius: 10px;border: solid 1px #4bb2ff;position:relative;padding-top:2.5%;margin-top:1.5%;}
	.x-message .right .tit{font-size:16px;color:#fff;font-family: MicrosoftYaHei;display:block;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);border-radius:21px;padding:2% 3.5%;width:45%;text-align:center;margin-bottom:3%;position:absolute;left:0;right:0;top:-6%;margin:0 auto;}
	.x-message .right .dowebok{height:360px;width:100%;}
	.x-message .right ul{padding:0 5% 5% 5%;}
	.x-message .right ul li{border-bottom:1px solid #e6e6e6;margin-top:4%;}
	.x-message .right ul li .up{position:relative;}
	.x-message .right ul li b{font-size:18px;color:#fff;display:block;}
	.x-message .right ul li span{font-size:16px;color:#b3b3b3;float:right;display:block;position:absolute;right:0;top:15%;}
	.x-message .right ul li p{font-size:16px;color:#ccc;font-family: MicrosoftYaHei;line-height:28px;margin-top:1.5%;}
	
/*footer*/
	.footer-bj{background:#2a2c30;}
	.footer{padding:1.5% 0 1% 0;}
	.footer .f-pro {width:24%;float:left;}
                .footer .f-pro1{width:16%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit,.footer .f-pro1 .tit{font-size:20px;color:#D9D9D9;margin-bottom:25px;font-weight:bold;}
	.footer .f-pro .cate ul,.footer .f-pro1 .cate ul{width:100%;float:left;}
	.footer .f-pro .cate ul li,.footer .f-pro1 .cate ul li{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate ul li a,.footer .f-pro1 .cate ul li a{width:100%;font-size:16px;color:#D4D4D4;display:block;line-height:30px;}
	.footer .f-pro .cate ul li:hover a{color:#fff;}
                .footer .f-pro1 .cate ul li:hover a{color:#fff;}
	.footer .f-contact {width:34%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:16px;color:#D4D4D4;line-height:30px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:16px;color:#D4D4D4;margin-bottom:15px;padding-left:5%;}
	.footer .f-contact ul li.add{background:url(../images/index/bottom_dz.png) no-repeat left 15%;}
	.footer .f-contact ul li.email{background:url(../images/index/bottom_yx.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #d4d4d4;}
	.footer .f-contact ul li.app{background:url(../images/index/bottom_dh.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:right;}
	.footer .f-ewm .down{width:85%;margin-left:20%;margin-top:8%;}
	.footer .f-ewm .down div{width:50%;text-align:center;float:left;}
	.footer .f-ewm .down div img{display:block;width:74%;margin:0 13%;}
	.footer .f-ewm .down div p{font-size:16px;color:#fff;margin:8% 0;}
	.footer-bj hr{border:0;border-top:1px solid #6c6c6c;margin:0;}
	.footer-bj .foot{font-size:16px;color:#d4d4d4;text-align:center;padding:1% 0;}
	.footer-bj .foot i{padding:0.5% 1.3%;background:url(../images/index/bottom_logo.png) no-repeat left center;}
	.footer-bj .foot a{font-size:16px;color:#d4d4d4;margin-left:5%;}
	.footer-bj .foot a:hover{color:#fff;}
}

@media screen and (min-width:1200px) and (max-width:1400px){
	.sjd{display:none!important;}
    .container{width:96%;margin:0 auto;}
/*top*/
	.top-hx{height:3px;background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);}
	.toubu-bj{background:url(../images/sy/top_bg.jpg) no-repeat;position:relative;background-size:100% 100%;}
	.toubu .up{position:relative;padding:1% 0;}
	.toubu .up p{font-size:15px;color:#666;}
	.toubu .up .right{width:45%;position:absolute;right:0;top:0;background:url(../images/index/top.png) no-repeat right top;background-size:100% 100%;}
	.toubu .up .right a{font-size:15px;color:#d9d9d9;padding:1.5% 0;display:block;width:44%;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/index/top-whats2.png) no-repeat left center;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/index/top-email.png) no-repeat left center;}
	.toubu .up .right .app{float:left;margin-left:6%;}
	.toubu .up .right .email{float:right;margin-right:6%;}

	.toubu .down .logo{display:block;width:37%;float:left;}
	.toubu .down .logo img{width:100%;}
	.toubu .down a img{display:block;}
	.toubu .down ul{width:58%;float:right;}
	.toubu .down ul li{float:left;width:16.6%;}
	.toubu .down ul li a{font-size:18px;color:#333;display:block;width:100%;padding:20% 0 20% 0;text-align:center;}
	.toubu .down ul li:hover a{font-weight:bold;}
	
    /*下拉*/
    .navigation-down{position:absolute;bottom:0;left:0px;width:100%;z-index:9;}
    .navigation-down .nav-down-menu{width:100%;margin:0;background: linear-gradient(90deg,rgba(13,51,104,1) 0%,rgba(73,111,156,1) 100%);position:absolute;top:0px;display:block;}
    .navigation-down .nav-down-menu .navigation-down-inner,.index-dh-other{margin:0 auto;width:1200px;position:relative;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(1){width:19%;margin-left:0;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(2){width:19%;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(5){width:16%;margin-right:0;}
	.navigation-down-inner dl{width:15%;margin:0 2% 3% 2%;float:left;}
	.navigation-down-inner dt{font-size:18px;font-weight:bold;color:#fff;margin-top:30px;padding-bottom:10px;}
	.navigation-down-inner dt a{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.navigation-down-inner dd{font-size:15px;font-weight:400;}
	.navigation-down-inner dd a{color:#ccc;width:100%;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.navigation-down-inner dd a:hover{color:#F39700;}
	.top-dh-botton{width:60%;display:block;text-align:left;font-size:15px;color:#fff;margin-top:5px;margin-bottom:5%;}
    .top-dh-botton:hover{color:#F39700;}
    #solution{display:none;}
	
	/*breadcrumb*/
	.bread{font-size:0;}
	.bread a{font-size:16px;color:#fff;padding:1.5% 0;}	
	
	
/*industry-solutions*/
	.solution-bj{background:#F2F6FB;padding:2% 0;}
	.solution .tit,.det-tit{position:relative;margin-bottom:2.5%;}
	.solution .tit h1,.det-tit h1{font-size:25px;color:#333;text-align:center;}
	.solution .tit a,.det-tit a{font-size:15px;color:#333;background:url(../images/pro-det/prode-whatsapp.png) no-repeat left center;position:absolute;right:0;bottom:0;padding:0.5% 0 0.5% 2.5%;}
	.solution .tit a b,.det-tit a b{color:#F39700;}
	.solution .box .left{width:45.7%;border-radius:15px;overflow:hidden;float:left;}
	.solution .box .left .gallery-top .swiper-slide{position:relative;}
	.solution .box .left .gallery-top .swiper-slide .mask{position:absolute;left:0;right:0;bottom:0;text-align:center;background:linear-gradient(0deg, #0048A8 0%, rgba(73,111,156,0) 100%);padding:20% 0 3% 0;}
	.solution .box .left .gallery-top .swiper-slide .mask h3{font-size:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.solution .box .left .gallery-top .swiper-slide .mask p{font-size:16px;color:rgba(255,255,255,0.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1%;}
	.solution .box .right{float:right;width:52%;border-top:1px solid rgba(0,51,153,0.5);margin-top:2%;}
	.solution .box .right h1{font-size:24px;color:#003399;margin:3% 0 2% 0;}	
	.solution .box .right p{font-size:16px;color:#333;line-height:27px;font-weight:bold;}
	.solution .box .right .gallery-thumbs{margin-top:5%;}
	.solution .box .right .gallery-thumbs .swiper-slide{border-radius:15px;overflow:hidden;position:relative;}
	
	.solution .box .right .gallery-thumbs .swiper-slide img{width:100%;transition: transform 0.3s ease;}
	.solution .box .right .gallery-thumbs .swiper-slide-thumb-active img{transform: scale(1.2);}
	.solution .box .right .gallery-thumbs .swiper-slide h3{font-size:18px;color:#fff;height:48px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:bold;position:absolute;left:6%;right:0;top:6%;}
	.solution .box .right .gallery-thumbs .swiper-slide i{position:absolute;left:6%;top:27%;padding:15px;background:url(../images/pro-det/prode-more.png) no-repeat left bottom;}
/*process*/
	.process{padding:2% 0;}
	.process ul li{float:left;width:25%;text-align:center;background:url(../images/about/about-line.png) no-repeat right 20%;}
	.process ul li:nth-child(4){background:0;}
	.process ul li b{margin:3% auto;display:block;}
	.process ul li:hover b{color:#003399;}
	.process ul li p{font-size:15px;color:#666;line-height:24px;width:80%;margin:0 10%;}
	.process ul li i{padding:8% 0;display:block;}
	.process ul li:nth-child(1) i{background:url(../images/about/about-custom.png) no-repeat center;}
	.process ul li:nth-child(2) i{background:url(../images/about/about-manu.png) no-repeat center;}
	.process ul li:nth-child(3) i{background:url(../images/about/about-install.png) no-repeat center;}
	.process ul li:nth-child(4) i{background:url(../images/about/about-tech.png) no-repeat center;}
	
/*message*/
	.x-message-bj{background:url(../images/index/message-bg.jpg) no-repeat;background-size:100% 100%;padding:2.5% 0;}
	.x-message .left{width:50%;float:left;}
	.x-message .left h1{font-size:32px;color:#fff;margin:1% 0;padding:2% 0;background:url(../images/index/message.png) no-repeat left top;}
	.x-message .left form div{border-radius:5px;overflow:hidden;position:relative;}
	.x-message .left form div input{height:40px;width:95%;padding:0 2%;font-size:16px;color:#fff;display:block;background:rgba(13,51,104,0.4);border-radius:5px;border:1px solid #519BD3;}
	.x-message .left form .name,.x-message .left form .email{float:left;}
	.x-message .left form .tel,.x-message .left form .product{float:right;}
	.x-message .left form .name,.x-message .left form .tel,.x-message .left form .product,.x-message .left form .email{width:48%;margin-bottom:3%;}
	.x-message .left form .name input,.x-message .left form .tel input{padding:0 2% 0 2%;width:95%;margin:0;}
	.x-message .left form .lytext textarea{padding:1% 1% 1% 1%;min-width:97.5%;max-width:97.5%;margin:0;font-size:16px;color:#fff;display:block;font-family: ArialMT;min-height:95px;max-height:125px;background:rgba(13,51,104,0.4);border:1px solid #519BD3;border-radius:5px;}
	.x-message .left form .anniu{padding:0.8% 1%;width:36%;margin:5% auto 0 auto;background:rgba(255,255,255,0.1);font-size:0;border-radius:30px;}
	.x-message .left form .anniu button{width:100%;height:42px;border-radius:30px;border:0;font-size:18px;color:#fff;background:linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.x-message .left form .anniu .submit:hover{background:linear-gradient(90deg, #0063E7 0%, #0048A8 100%);}
	.x-message .left form .anniu .submit:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:70% auto;}
	
	.x-message .right{width:39%;float:right;background-color:#273e66;box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-webkit-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-moz-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);border-radius: 10px;border: solid 1px #4bb2ff;position:relative;padding-top:2.5%;margin-top:1.5%;}
	.x-message .right .tit{font-size:16px;color:#fff;font-family: MicrosoftYaHei;display:block;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);border-radius:21px;padding:2% 3.5%;width:45%;text-align:center;margin-bottom:3%;position:absolute;left:0;right:0;top:-6%;margin:0 auto;}
	.x-message .right .dowebok{height:360px;width:100%;}
	.x-message .right ul{padding:0 5% 5% 5%;}
	.x-message .right ul li{border-bottom:1px solid #e6e6e6;margin-top:4%;}
	.x-message .right ul li .up{position:relative;}
	.x-message .right ul li b{font-size:18px;color:#fff;display:block;}
	.x-message .right ul li span{font-size:16px;color:#b3b3b3;float:right;display:block;position:absolute;right:0;top:15%;}
	.x-message .right ul li p{font-size:16px;color:#ccc;font-family: MicrosoftYaHei;line-height:28px;margin-top:1.5%;}
	
/*footer*/
	.footer-bj{background:#2a2c30;}
	.footer{padding:1.5% 2% 1% 2%;}
	.footer .f-pro {width:22%;float:left;}
                .footer .f-pro1{width:14%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit,.footer .f-pro1 .tit{font-size:18px;color:#D9D9D9;margin-bottom:25px;font-weight:bold;}
	.footer .f-pro .cate ul,.footer .f-pro1 .cate ul{width:100%;float:left;}
	.footer .f-pro .cate ul li,.footer .f-pro1 .cate ul li{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate ul li a,.footer .f-pro1 .cate ul li a{width:100%;font-size:15px;color:#D4D4D4;display:block;line-height:30px;}
	.footer .f-pro .cate ul li:hover a{color:#fff;}
                .footer .f-pro1 .cate ul li:hover a{color:#fff;}
	.footer .f-contact {width:34%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:15px;color:#D4D4D4;line-height:30px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:15px;color:#D4D4D4;margin-bottom:15px;padding-left:5%;}
	.footer .f-contact ul li.add{background:url(../images/index/bottom_dz.png) no-repeat left 15%;}
	.footer .f-contact ul li.email{background:url(../images/index/bottom_yx.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #d4d4d4;}
	.footer .f-contact ul li.app{background:url(../images/index/bottom_dh.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:left;}
	.footer .f-ewm .down{width:85%;margin-left:20%;margin-top:8%;}
	.footer .f-ewm .down div{width:50%;text-align:center;float:left;}
	.footer .f-ewm .down div img{display:block;width:74%;margin:0 13%;}
	.footer .f-ewm .down div p{font-size:16px;color:#fff;margin:8% 0;}
	.footer-bj hr{border:0;border-top:1px solid #6c6c6c;margin:0;}
	.footer-bj .foot{font-size:14px;color:#d4d4d4;text-align:center;padding:1% 0;}
	.footer-bj .foot i{padding:0.5% 1.3%;background:url(../images/index/bottom_logo.png) no-repeat left center;}
	.footer-bj .foot a{font-size:14px;color:#d4d4d4;margin-left:5%;}
	.footer-bj .foot a:hover{color:#fff;}
}

@media screen and (min-width:992px) and (max-width:1200px){
	.sjd{display:none!important;}
    .container{width:96%;margin:0 auto;}
/*top*/
	.top-hx{height:3px;background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);}
	.toubu-bj{background:url(../images/sy/top_bg.jpg) no-repeat;position:relative;background-size:100% 100%;}
	.toubu .up{position:relative;padding:1% 0;}
	.toubu .up p{font-size:15px;color:#666;}
	.toubu .up .right{width:55%;position:absolute;right:0;top:0;background:url(../images/index/top.png) no-repeat right top;background-size:100% 100%;}
	.toubu .up .right a{font-size:14px;color:#d9d9d9;padding:1.5% 0;display:block;width:44%;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/index/top-whats2.png) no-repeat left center;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/index/top-email.png) no-repeat left center;}
	.toubu .up .right .app{float:left;margin-left:6%;}
	.toubu .up .right .email{float:right;margin-right:6%;}

	.toubu .down .logo{display:block;width:37%;float:left;}
	.toubu .down .logo img{width:100%;}
	.toubu .down a img{display:block;}
	.toubu .down ul{width:58%;float:right;}
	.toubu .down ul li{float:left;width:16.6%;}
	.toubu .down ul li a{font-size:16px;color:#333;display:block;width:100%;padding:20% 0 20% 0;text-align:center;}
	.toubu .down ul li:hover a{font-weight:bold;}
	
    /*下拉*/
    .navigation-down{position:absolute;bottom:0;left:0px;width:100%;z-index:9;}
    .navigation-down .nav-down-menu{width:100%;margin:0;background: linear-gradient(90deg,rgba(13,51,104,1) 0%,rgba(73,111,156,1) 100%);position:absolute;top:0px;display:block;}
    .navigation-down .nav-down-menu .navigation-down-inner,.index-dh-other{margin:0 auto;width:970px;position:relative;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(1){width:19%;margin-left:0;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(2){width:19%;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(5){width:16%;margin-right:0;}
	.navigation-down-inner dl{width:15%;margin:0 2% 3% 2%;float:left;}
	.navigation-down-inner dt{font-size:18px;font-weight:bold;color:#fff;margin-top:30px;padding-bottom:10px;}
	.navigation-down-inner dt a{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.navigation-down-inner dd{font-size:15px;font-weight:400;}
	.navigation-down-inner dd a{color:#ccc;width:100%;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.navigation-down-inner dd a:hover{color:#F39700;}
	.top-dh-botton{width:60%;display:block;text-align:left;font-size:15px;color:#fff;margin-top:5px;margin-bottom:5%;}
    .top-dh-botton:hover{color:#F39700;}
    #solution{display:none;}
	/*breadcrumb*/
	.bread{font-size:0;}
	.bread a{font-size:16px;color:#fff;padding:1.5% 0;}	
	
	
/*industry-solutions*/
	.solution-bj{background:#F2F6FB;padding:2% 0;}
	.solution .tit,.det-tit{position:relative;margin-bottom:2.5%;}
	.solution .tit h1,.det-tit h1{font-size:25px;color:#333;text-align:center;}
	.solution .tit a,.det-tit a{font-size:14px;color:#333;background:url(../images/pro-det/prode-whatsapp.png) no-repeat left center;position:absolute;right:0;bottom:0;padding:0.5% 0 0.5% 2.5%;}
	.solution .tit a b,.det-tit a b{color:#F39700;}
	.solution .box .left{width:45.7%;border-radius:15px;overflow:hidden;float:left;}
	.solution .box .left .gallery-top .swiper-slide{position:relative;}
	.solution .box .left .gallery-top .swiper-slide img{width:100%;}
	.solution .box .left .gallery-top .swiper-slide .mask{position:absolute;left:0;right:0;bottom:0;text-align:center;background:linear-gradient(0deg, #0048A8 0%, rgba(73,111,156,0) 100%);padding:20% 0 3% 0;}
	.solution .box .left .gallery-top .swiper-slide .mask h3{font-size:20px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.solution .box .left .gallery-top .swiper-slide .mask p{font-size:15px;color:rgba(255,255,255,0.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1%;}
	.solution .box .right{float:right;width:52%;border-top:1px solid rgba(0,51,153,0.5);margin-top:2%;}
	.solution .box .right h1{font-size:21px;color:#003399;margin:3% 0 2% 0;}	
	.solution .box .right p{font-size:14px;color:#333;line-height:24px;font-weight:bold;}
	.solution .box .right .gallery-thumbs{margin-top:5%;}
	.solution .box .right .gallery-thumbs .swiper-slide{border-radius:15px;overflow:hidden;position:relative;}
	
	.solution .box .right .gallery-thumbs .swiper-slide img{width:100%;transition: transform 0.3s ease;}
	.solution .box .right .gallery-thumbs .swiper-slide-thumb-active img{transform: scale(1.2);}
	.solution .box .right .gallery-thumbs .swiper-slide h3{font-size:16px;color:#fff;height:42px;line-height:21px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:bold;position:absolute;left:6%;right:0;top:6%;}
	.solution .box .right .gallery-thumbs .swiper-slide i{position:absolute;left:6%;top:27%;padding:15px;background:url(../images/pro-det/prode-more.png) no-repeat left bottom;background-size:60% auto;}
/*process*/
	.process{padding:2% 0;}
	.process ul li{float:left;width:25%;text-align:center;background:url(../images/about/about-line.png) no-repeat right 20%;}
	.process ul li:nth-child(4){background:0;}
	.process ul li b{margin:3% auto;display:block;}
	.process ul li:hover b{color:#003399;}
	.process ul li p{font-size:14px;color:#666;line-height:24px;width:90%;margin:0 5%;}
	.process ul li i{padding:8% 0;display:block;}
	.process ul li:nth-child(1) i{background:url(../images/about/about-custom.png) no-repeat center;}
	.process ul li:nth-child(2) i{background:url(../images/about/about-manu.png) no-repeat center;}
	.process ul li:nth-child(3) i{background:url(../images/about/about-install.png) no-repeat center;}
	.process ul li:nth-child(4) i{background:url(../images/about/about-tech.png) no-repeat center;}
	
/*message*/
	.x-message-bj{background:url(../images/index/message-bg.jpg) no-repeat;background-size:100% 100%;padding:2.5% 0;}
	.x-message .left{width:50%;float:left;}
	.x-message .left h1{font-size:24px;color:#fff;margin:1% 0;padding:2% 0;background:url(../images/index/message.png) no-repeat left top;}
	.x-message .left form div{border-radius:5px;overflow:hidden;position:relative;}
	.x-message .left form div input{height:40px;width:95%;padding:0 2%;font-size:16px;color:#fff;display:block;background:rgba(13,51,104,0.4);border-radius:5px;border:1px solid #519BD3;}
	.x-message .left form .name,.x-message .left form .email{float:left;}
	.x-message .left form .tel,.x-message .left form .product{float:right;}
	.x-message .left form .name,.x-message .left form .tel,.x-message .left form .product,.x-message .left form .email{width:48%;margin-bottom:3%;}
	.x-message .left form .name input,.x-message .left form .tel input{padding:0 2% 0 2%;width:95%;margin:0;}
	.x-message .left form .lytext textarea{padding:1% 1% 1% 1%;min-width:97.5%;max-width:97.5%;margin:0;font-size:16px;color:#fff;display:block;font-family: ArialMT;min-height:95px;max-height:125px;background:rgba(13,51,104,0.4);border:1px solid #519BD3;border-radius:5px;}
	.x-message .left form .anniu{padding:0.8% 1%;width:36%;margin:5% auto 0 auto;background:rgba(255,255,255,0.1);font-size:0;border-radius:30px;}
	.x-message .left form .anniu button{width:100%;height:42px;border-radius:30px;border:0;font-size:18px;color:#fff;background:linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.x-message .left form .anniu .submit:hover{background:linear-gradient(90deg, #0063E7 0%, #0048A8 100%);}
	.x-message .left form .anniu .submit:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:70% auto;}
	
	.x-message .right{width:45%;float:right;background-color:#273e66;box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-webkit-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-moz-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);border-radius: 10px;border: solid 1px #4bb2ff;position:relative;padding-top:2.5%;margin-top:1.5%;}
	.x-message .right .tit{font-size:16px;color:#fff;font-family: MicrosoftYaHei;display:block;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);border-radius:21px;padding:2% 3.5%;width:45%;text-align:center;margin-bottom:3%;position:absolute;left:0;right:0;top:-6%;margin:0 auto;}
	.x-message .right .dowebok{height:340px;width:100%;}
	.x-message .right ul{padding:0 5% 5% 5%;}
	.x-message .right ul li{border-bottom:1px solid #e6e6e6;margin-top:4%;}
	.x-message .right ul li .up{position:relative;}
	.x-message .right ul li b{font-size:16px;color:#fff;display:block;}
	.x-message .right ul li span{font-size:15px;color:#b3b3b3;float:right;display:block;position:absolute;right:0;top:15%;}
	.x-message .right ul li p{font-size:15px;color:#ccc;font-family: MicrosoftYaHei;line-height:24px;margin-top:1.5%;}
	
/*footer*/
	.footer-bj{background:#2a2c30;}
	.footer{padding:1.5% 2% 1% 2%;}
	.footer .f-pro {width:30%;float:left;}
                .footer .f-pro1{width:22%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit,.footer .f-pro1 .tit{font-size:18px;color:#D9D9D9;margin-bottom:25px;font-weight:bold;}
	.footer .f-pro .cate ul,.footer .f-pro1 .cate ul{width:100%;float:left;}
	.footer .f-pro .cate ul li,.footer .f-pro1 .cate ul li{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate ul li a,.footer .f-pro1 .cate ul li a{width:100%;font-size:15px;color:#D4D4D4;display:block;line-height:30px;}
	.footer .f-pro .cate ul li:hover a{color:#fff;}
                .footer .f-pro1 .cate ul li:hover a{color:#fff;}
	.footer .f-contact {width:48%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:15px;color:#D4D4D4;line-height:30px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:15px;color:#D4D4D4;margin-bottom:15px;padding-left:5%;}
	.footer .f-contact ul li.add{background:url(../images/index/bottom_dz.png) no-repeat left 15%;}
	.footer .f-contact ul li.email{background:url(../images/index/bottom_yx.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #d4d4d4;}
	.footer .f-contact ul li.app{background:url(../images/index/bottom_dh.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:left;display:none;}
	.footer .f-ewm .down{width:85%;margin-left:20%;margin-top:8%;}
	.footer .f-ewm .down div{width:50%;text-align:center;float:left;}
	.footer .f-ewm .down div img{display:block;width:74%;margin:0 13%;}
	.footer .f-ewm .down div p{font-size:16px;color:#fff;margin:8% 0;}
	.footer-bj hr{border:0;border-top:1px solid #6c6c6c;margin:0;}
	.footer-bj .foot{font-size:14px;color:#d4d4d4;text-align:center;padding:1% 0;}
	.footer-bj .foot i{padding:0.5% 1.3%;background:url(../images/index/bottom_logo.png) no-repeat left center;}
	.footer-bj .foot a{font-size:14px;color:#d4d4d4;margin-left:5%;}
	.footer-bj .foot a:hover{color:#fff;}
}

@media screen and (min-width:769px) and (max-width:992px){
	.sjd{display:none!important;}
    .container{width:96%;margin:0 auto;}
/*top*/
	.top-hx{height:3px;background:linear-gradient(90deg,#0D3368 0%,#496F9C 100%);}
	.toubu-bj{background:url(../images/sy/top_bg.jpg) no-repeat;position:relative;background-size:100% 100%;}
	.toubu .up{position:relative;padding:1% 0;}
	.toubu .up p{font-size:12px;color:#666;}
	.toubu .up .right{width:60%;position:absolute;right:0;top:0;background:url(../images/index/top.png) no-repeat right top;background-size:100% 100%;}
	.toubu .up .right a{font-size:14px;color:#d9d9d9;padding:1% 0;display:block;width:46%;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/index/top-whats2.png) no-repeat left center;background-size:50% auto;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/index/top-email.png) no-repeat left center;background-size:50% auto;}
	.toubu .up .right .app{float:left;margin-left:6%;}
	.toubu .up .right .email{float:right;margin-right:2%;}

	.toubu .down .logo{display:block;width:37%;float:left;}
	.toubu .down .logo img{width:100%;}
	.toubu .down a img{display:block;}
	.toubu .down ul{width:60%;float:right;}
	.toubu .down ul li{float:left;width:16.6%;}
	.toubu .down ul li a{font-size:15px;color:#333;display:block;width:100%;padding:20% 0 20% 0;text-align:center;}
	.toubu .down ul li:hover a{font-weight:bold;}
	
    /*下拉*/
    .navigation-down{position:absolute;bottom:0;left:0px;width:100%;z-index:9;}
    .navigation-down .nav-down-menu{width:100%;margin:0;background: linear-gradient(90deg,rgba(13,51,104,1) 0%,rgba(73,111,156,1) 100%);position:absolute;top:0px;display:block;}
    .navigation-down .nav-down-menu .navigation-down-inner,.index-dh-other{margin:0 auto;width:750px;position:relative;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(1){width:19%;margin-left:0;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(2){width:19%;}
	.toubu-bj .navigation-down .navigation-down-inner dl:nth-child(5){width:16%;margin-right:0;}
	.navigation-down-inner dl{width:15%;margin:0 2% 3% 2%;float:left;}
	.navigation-down-inner dt{font-size:15px;font-weight:bold;color:#fff;margin-top:30px;padding-bottom:10px;}
	.navigation-down-inner dt a{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}
	.navigation-down-inner dd{font-size:14px;font-weight:400;}
	.navigation-down-inner dd a{color:#ccc;width:100%;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
	.navigation-down-inner dd a:hover{color:#F39700;}
	.top-dh-botton{width:60%;display:block;text-align:left;font-size:14px;color:#fff;margin-top:5px;margin-bottom:5%;}
    .top-dh-botton:hover{color:#F39700;}
    #solution{display:none;}
	/*breadcrumb*/
	.bread{font-size:0;}
	.bread a{font-size:14px;color:#fff;padding:1.5% 0;}	
	
	
/*industry-solutions*/
	.solution-bj{background:#F2F6FB;padding:2% 0;}
	.solution .tit,.det-tit{position:relative;margin-bottom:2.5%;}
	.solution .tit h1,.det-tit h1{font-size:21px;color:#333;text-align:center;}
	.solution .tit a,.det-tit a{font-size:14px;color:#333;background:url(../images/pro-det/prode-whatsapp.png) no-repeat left center;position:absolute;right:0;bottom:0;padding:0.5% 0 0.5% 2.5%;display:none;}
	.solution .tit a b,.det-tit a b{color:#F39700;}
	.solution .box .left{width:45.7%;border-radius:15px;overflow:hidden;float:left;}
	.solution .box .left .gallery-top .swiper-slide{position:relative;}
	.solution .box .left .gallery-top .swiper-slide img{width:100%;}
	.solution .box .left .gallery-top .swiper-slide .mask{position:absolute;left:0;right:0;bottom:0;text-align:center;background:linear-gradient(0deg, #0048A8 0%, rgba(73,111,156,0) 100%);padding:20% 0 3% 0;}
	.solution .box .left .gallery-top .swiper-slide .mask h3{font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.solution .box .left .gallery-top .swiper-slide .mask p{font-size:14px;color:rgba(255,255,255,0.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1%;}
	.solution .box .right{float:right;width:52%;border-top:1px solid rgba(0,51,153,0.5);margin-top:2%;}
	.solution .box .right h1{font-size:18px;color:#003399;margin:3% 0 2% 0;}	
	.solution .box .right p{font-size:12px;color:#333;line-height:21px;font-weight:bold;}
	.solution .box .right .gallery-thumbs{margin-top:5%;}
	.solution .box .right .gallery-thumbs .swiper-slide{border-radius:15px;overflow:hidden;position:relative;}
	
	.solution .box .right .gallery-thumbs .swiper-slide img{width:100%;transition: transform 0.3s ease;}
	.solution .box .right .gallery-thumbs .swiper-slide-thumb-active img{transform: scale(1.2);}
	.solution .box .right .gallery-thumbs .swiper-slide h3{font-size:14px;color:#fff;height:42px;line-height:21px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:bold;position:absolute;left:6%;right:0;top:6%;}
	.solution .box .right .gallery-thumbs .swiper-slide i{position:absolute;left:6%;top:35%;padding:15px;background:url(../images/pro-det/prode-more.png) no-repeat left bottom;background-size:60% auto;}
/*process*/
	.process{padding:2% 0;}
	.process ul li{float:left;width:25%;text-align:center;background:url(../images/about/about-line.png) no-repeat right 20%;}
	.process ul li:nth-child(4){background:0;}
	.process ul li b{margin:5% auto;display:block;}
	.process ul li:hover b{color:#003399;}
	.process ul li p{font-size:14px;color:#666;line-height:20px;width:90%;margin:0 5%;}
	.process ul li i{padding:12% 0;display:block;}
	.process ul li:nth-child(1) i{background:url(../images/about/about-custom.png) no-repeat center;}
	.process ul li:nth-child(2) i{background:url(../images/about/about-manu.png) no-repeat center;}
	.process ul li:nth-child(3) i{background:url(../images/about/about-install.png) no-repeat center;}
	.process ul li:nth-child(4) i{background:url(../images/about/about-tech.png) no-repeat center;}
	
/*message*/
	.x-message-bj{background:url(../images/index/message-bg.jpg) no-repeat;background-size:100% 100%;padding:2.5% 0;}
	.x-message .left{width:52%;float:left;}
	.x-message .left h1{font-size:21px;color:#fff;margin:1% 0;padding:2% 0;background:url(../images/index/message.png) no-repeat left top;background-size:10% auto;}
	.x-message .left form div{border-radius:5px;overflow:hidden;position:relative;}
	.x-message .left form div input{height:40px;width:95%;padding:0 2%;font-size:16px;color:#fff;display:block;background:rgba(13,51,104,0.4);border-radius:5px;border:1px solid #519BD3;}
	.x-message .left form .name,.x-message .left form .email{float:left;}
	.x-message .left form .tel,.x-message .left form .product{float:right;}
	.x-message .left form .name,.x-message .left form .tel,.x-message .left form .product,.x-message .left form .email{width:48%;margin-bottom:3%;}
	.x-message .left form .name input,.x-message .left form .tel input{padding:0 2% 0 2%;width:95%;margin:0;}
	.x-message .left form .lytext textarea{padding:1% 1% 1% 1%;min-width:97.5%;max-width:97.5%;margin:0;font-size:16px;color:#fff;display:block;font-family: ArialMT;min-height:95px;max-height:125px;background:rgba(13,51,104,0.4);border:1px solid #519BD3;border-radius:5px;}
	.x-message .left form .anniu{padding:0.8% 1%;width:36%;margin:5% auto 0 auto;background:rgba(255,255,255,0.1);font-size:0;border-radius:30px;}
	.x-message .left form .anniu button{width:100%;height:42px;border-radius:30px;border:0;font-size:18px;color:#fff;background:linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.x-message .left form .anniu .submit:hover{background:linear-gradient(90deg, #0063E7 0%, #0048A8 100%);}
	.x-message .left form .anniu .submit:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:70% auto;}
	
	.x-message .right{width:45%;float:right;background-color:#273e66;box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-webkit-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);-moz-box-shadow:inset 0px 0px 38px 0px rgba(105,166,255,0.66);border-radius: 10px;border: solid 1px #4bb2ff;position:relative;padding-top:2.5%;margin-top:1.5%;}
	.x-message .right .tit{font-size:16px;color:#fff;font-family: MicrosoftYaHei;display:block;background: linear-gradient(90deg, #0048A8 0%, #0063E7 100%);border-radius:21px;padding:2% 3.5%;width:55%;text-align:center;margin-bottom:3%;position:absolute;left:0;right:0;top:-6%;margin:0 auto;}
	.x-message .right .dowebok{height:300px;width:100%;}
	.x-message .right ul{padding:0 5% 5% 5%;}
	.x-message .right ul li{border-bottom:1px solid #e6e6e6;margin-top:4%;}
	.x-message .right ul li .up{position:relative;}
	.x-message .right ul li b{font-size:16px;color:#fff;display:block;}
	.x-message .right ul li span{font-size:15px;color:#b3b3b3;float:right;display:block;position:absolute;right:0;top:15%;}
	.x-message .right ul li p{font-size:15px;color:#ccc;font-family: MicrosoftYaHei;line-height:24px;margin-top:1.5%;}
	
/*footer*/
	.footer-bj{background:#2a2c30;}
	.footer{padding:1.5% 2% 1% 2%;}
	.footer .f-pro {width:30%;float:left;}
                .footer .f-pro1 {width:20%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit,.footer .f-pro1 .tit{font-size:16px;color:#D9D9D9;margin-bottom:15px;font-weight:bold;}
	.footer .f-pro .cate ul,.footer .f-pro1 .cate ul{width:100%;float:left;}
	.footer .f-pro .cate ul li,.footer .f-pro1 .cate ul li{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate ul li a,.footer .f-pro1 .cate ul li a{width:100%;font-size:13px;color:#D4D4D4;display:block;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.footer .f-pro .cate ul li:hover a{color:#fff;}
                .footer .f-pro1 .cate ul li:hover a{color:#fff;}
	.footer .f-contact {width:52%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:14px;color:#D4D4D4;line-height:30px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:14px;color:#D4D4D4;margin-bottom:15px;padding-left:6%;}
	.footer .f-contact ul li.add{background:url(../images/index/bottom_dz.png) no-repeat left 15%;}
	.footer .f-contact ul li.email{background:url(../images/index/bottom_yx.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #d4d4d4;}
	.footer .f-contact ul li.app{background:url(../images/index/bottom_dh.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:left;display:none;}
	.footer .f-ewm .down{width:85%;margin-left:20%;margin-top:8%;}
	.footer .f-ewm .down div{width:50%;text-align:center;float:left;}
	.footer .f-ewm .down div img{display:block;width:74%;margin:0 13%;}
	.footer .f-ewm .down div p{font-size:16px;color:#fff;margin:8% 0;}
	.footer-bj hr{border:0;border-top:1px solid #6c6c6c;margin:0;}
	.footer-bj .foot{font-size:14px;color:#d4d4d4;text-align:center;padding:1% 0;}
	.footer-bj .foot i{padding:0.5% 1.6%;background:url(../images/index/bottom_logo.png) no-repeat left center;background-size:80% auto;}
	.footer-bj .foot a{font-size:14px;color:#d4d4d4;margin-left:5%;}
	.footer-bj .foot a:hover{color:#fff;}
}

@media screen and (max-width:769px){
	.pcd{display:none;}
	.sj-no{display:none!important;}
	html {font-size:100px;}
/*	body{overflow-x:hidden;}*/
	@media(max-width:768px){ html { font-size:100px; } }
	@media(max-width:640px){ html { font-size:85.33px; } } 
	@media(max-width:540px){ html { font-size:72px; } }
	@media(max-width:480px){ html { font-size:64px; } } 
	@media(max-width:445px){ html { font-size:60px; } }
	@media(max-width:414px){ html { font-size:55.2px; } }   
	@media(max-width:375px){ html { font-size:50px; } } 
	@media(max-width:360px){ html { font-size:48px; } }   
	@media(max-width:320px){ html { font-size:42.67px; } }
	
/*sj-top*/
	.sj-top{padding:0 1%;position:fixed;top:0;z-index:9998;width:98%;height:1rem;background:#fff;}

	.sj-tb{height:1rem;}
	.sj-top .logo{width:75%;margin:0 auto;position:absolute;top:20%;left:2%;}
	.sj-nav{color:#fff;width:7%;position:absolute;right:4%;top:32%;}
	.sj-nav img{width:100%;}
	/*nav-sub css*/
	.sj-top .sj-nav-sub {position:absolute;top:1rem;width:0;right: 0;height:7.2rem;background:#353a3e;z-index:1500;overflow:hidden;}
	.sj-top .sj-nav-sub ul {width:84%;height:auto;margin:0;padding:0 8%;word-wrap:break-word;list-style:none;}
	.sj-top .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-top .sj-nav-sub ul li a{font-size:0.3rem;}
	.sj-top .sj-nav-sub li a {display:block;width:100%;line-height:0.5rem;color:#fff;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:16%;position:absolute;top:30%;left:0;right:0;margin:0 auto;}

/*breadcrumb*/
	.bread{font-size:0;}
	.bread a{font-size:0.25rem;color:#fff;padding:3% 0;}
	
/*industry-solutions*/
	.solution-bj{background:#F2F6FB;padding:5% 2%;}
	.solution .tit,.det-tit{position:relative;margin-bottom:2.5%;}
	.solution .tit h1,.det-tit h1{font-size:0.36rem;color:#333;text-align:center;}
	.solution .tit a,.det-tit a{font-size:14px;color:#333;background:url(../images/pro-det/prode-whatsapp.png) no-repeat left center;position:absolute;right:0;bottom:0;padding:0.5% 0 0.5% 2.5%;display:none;}
	.solution .tit a b,.det-tit a b{color:#F39700;}
	.solution .box .left{width:100%;border-radius:15px;overflow:hidden;}
	.solution .box .left .gallery-top .swiper-slide{position:relative;}
	.solution .box .left .gallery-top .swiper-slide img{width:100%;}
	.solution .box .left .gallery-top .swiper-slide .mask{position:absolute;left:0;right:0;bottom:0;text-align:center;background:linear-gradient(0deg, #0048A8 0%, rgba(73,111,156,0) 100%);padding:20% 0 3% 0;}
	.solution .box .left .gallery-top .swiper-slide .mask h3{font-size:0.27rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.solution .box .left .gallery-top .swiper-slide .mask p{font-size:0.25rem;color:rgba(255,255,255,0.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1%;}
	.solution .box .right{width:100%;border-top:1px solid rgba(0,51,153,0.5);margin-top:2%;}
	.solution .box .right h1{font-size:0.3rem;color:#003399;margin:3% 0 2% 0;}	
	.solution .box .right p{font-size:0.25rem;color:#333;line-height:0.36rem;font-weight:bold;}
	.solution .box .right .gallery-thumbs{margin-top:5%;}
	.solution .box .right .gallery-thumbs .swiper-slide{border-radius:15px;overflow:hidden;position:relative;}
	
	.solution .box .right .gallery-thumbs .swiper-slide img{width:100%;transition: transform 0.3s ease;}
	.solution .box .right .gallery-thumbs .swiper-slide-thumb-active img{transform: scale(1.2);}
	.solution .box .right .gallery-thumbs .swiper-slide h3{font-size:0.24rem;color:#fff;height:1.08rem;line-height:0.36rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:bold;position:absolute;left:6%;right:0;top:6%;}
	.solution .box .right .gallery-thumbs .swiper-slide i{position:absolute;left:6%;top:50%;padding:15px;background:url(../images/pro-det/prode-more.png) no-repeat left bottom;background-size:70% auto;}
/*process*/
	.process{padding:2% 0;}
	.process ul li{float:left;width:50%;text-align:center;background:url(../images/about/about-line.png) no-repeat right 20%;margin-bottom:5%;}
	.process ul li:nth-child(2n){background:0;}
	.process ul li b{margin:5% auto;display:block;font-size:0.27rem;}
	.process ul li:hover b{color:#003399;}
	.process ul li p{font-size:0.25rem;color:#666;line-height:0.36rem;width:95%;}
	.process ul li i{padding:12% 0;display:block;}
	.process ul li:nth-child(1) i{background:url(../images/about/about-custom.png) no-repeat center;}
	.process ul li:nth-child(2) i{background:url(../images/about/about-manu.png) no-repeat center;}
	.process ul li:nth-child(3) i{background:url(../images/about/about-install.png) no-repeat center;}
	.process ul li:nth-child(4) i{background:url(../images/about/about-tech.png) no-repeat center;}
	
/*message*/
	.x-message-bj{background:#022469;background-size:100% 100%;padding:5% 5% 10% 5%;}
	.x-message .left{width:100%;}
	.x-message .left h1{font-size:0.36rem;color:#fff;margin:5% 0 3% 0;text-align:center; padding:3% 0;background:url(../images/index/message.png) no-repeat center top;background-size:10% auto;}
	.x-message .left form div{border-radius:5px;overflow:hidden;position:relative;}
	.x-message .left form div input{height:0.6rem;width:95%;padding:0 2%;font-size:0.27rem;color:#fff;display:block;background:rgba(13,51,104,0.4);border-radius:5px;border:1px solid #519BD3;}
	.x-message .left form .name,.x-message .left form .tel,.x-message .left form .product,.x-message .left form .email{width:100%;margin-bottom:5%;}
	.x-message .left form .name input,.x-message .left form .tel input{padding:0 2% 0 2%;width:95%;margin:0;}
	.x-message .left form .lytext textarea{padding:1% 1% 1% 1%;min-width:97%;max-width:97%;margin:0;font-size:0.27rem;color:#fff;display:block;font-family: ArialMT;min-height:1.8rem;max-height:1.8rem;background:rgba(13,51,104,0.4);border:1px solid #519BD3;border-radius:5px;}
	.x-message .left form .anniu{padding:0.8% 1%;width:60%;margin:5% auto 0 auto;background:rgba(255,255,255,0.1);font-size:0;border-radius:30px;}
	.x-message .left form .anniu button{width:100%;height:0.6rem;border-radius:30px;border:0;font-size:0.3rem;color:#fff;background:linear-gradient(90deg, #0048A8 0%, #0063E7 100%);}
	.x-message .left form .anniu .submit:hover{background:linear-gradient(90deg, #0063E7 0%, #0048A8 100%);}
	.x-message .left form .anniu .submit:after{content:'';padding:1% 6%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:70% auto;}
	
/*sj-footer*/
	.sj-footer{background:#fff;position:fixed;z-index:100;bottom:0;left:0;right:0;padding:0 1%;}
	.sj-footer ul{position:relative;background:linear-gradient(90deg, #0D3368 0%,#496F9C 100%);border-radius:20px 20px 0px 20px;width:75%;height:1.1rem;}
	.sj-footer ul li{width:25%;float:left;}
	.sj-footer ul li a{width:100%;display:block;height:1.1rem;}
	.sj-footer ul li img{margin:0 auto;width:30%;display:block;padding-top:18%;}
	.sj-footer ul li p{text-align:center;font-size:0.25rem;color:#fff;margin-top:5%;}
	
	.sj-footer .whatsapp{width:19%;padding:2%;background:#fff;border-radius:25px 25px 25px 0px;position:absolute;right:1%;bottom:0;text-align:center;box-shadow:0px 0px 10px rgba(13,51,104,0.8);-moz-box-shadow:0px 0px 10px rgba(13,51,104,0.8);-webkit-box-shadow:0px 0px 10px rgba(13,51,104,0.8);}
	.sj-footer .whatsapp img{margin:0 auto;width:60%;}
	.sj-footer .whatsapp p{font-size:18px;color:#666;}
                .sj-db{height:1.1rem;}
}


