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

@media(max-width:769px){ 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;}
dd{margin-left: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;}
.clearfix{clear:both!important;}
.clearfix:before,.clearfix:after{display: table;content:" ";clear: both;}

.table-responsive {width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
.table-responsive > .table {margin-bottom:0;}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {white-space: nowrap;}
.table-responsive > .table-bordered {border:0;}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {border-left:0;}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {border-right: 0;}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {border-bottom: 0;}

.table-responsive > table {margin-bottom:0;}
.table-responsive > table > thead > tr > th,
.table-responsive > table > tbody > tr > th,
.table-responsive > table > tfoot > tr > th,
.table-responsive > table > thead > tr > td,
.table-responsive > table > tbody > tr > td,
.table-responsive > table > tfoot > tr > td {white-space: nowrap;}

@media screen and (min-width:1500px) {
	.sjd{display:none!important;}
    .container{max-width:1500px;min-width:1500px;width:100%;margin:0 auto;}
/*language*/
	.toubu .language{width:8%;position:absolute;right:0;top:0;text-align:left;}
	.toubu .language a{padding:8% 0!important;display:block}
	.toubu .language .yy i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat  center center;}
	.toubu .language .one:after{content:'∨';padding:1% 3%;}
	.toubu .language .xby{margin-top:0;background:#eee;}
	.toubu .language .xby i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat center center;}
	.toubu .language #xl{display:none;position:relative;z-index:100;}
/*top*/
	.head{position:relative;}
	.head .icon1{position:absolute;left:0;bottom:0;z-index:100;}
	.head .icon2{position:absolute;right:0;top:0;z-index:100;}
	.head .toubu-bj{height:200px;position:absolute;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(2,23,60,1) 24%,rgba(2,23,60,0) 100%);}
	.toubu{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:1000;}
	.toubu-bj .mask{background:linear-gradient(180deg,#02173C 0%,rgba(255,255,255,0.1) 20%);position:relative;z-index:100;}
	
	.toubu-bj{padding:0 0 0 0;}
	
	.toubu .up{position:relative;}
	.toubu .up p{font-size:15px;color:#ccc;position:absolute;left:0;top:0;margin:0;}
	.toubu .up .right{width:50%;margin-left:58%;}
	.toubu .up .right a{font-size:16px;color:#d9d9d9;padding:1% 0;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/home/h-top1.png) no-repeat left center;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/home/h-top2.png) no-repeat left center;}
	.toubu .up .right .app{width:28%;float:left;margin-right:3.5%;}
	.toubu .up .right .email{width:34%;float:left;}
	.toubu .down .logo{display:block;width:37%;float:left;}
	.toubu .down a img{display:block;}
	.toubu .down .nav{width:58%;float:right;}
	
	
	.toubu .down .nav .li1{float:left;width:20%;}
	.toubu .down .nav .li1 .a1{font-size:16px;color:#fff;display:block;width:100%;text-align:center;padding:12% 0 12% 0;}
	.toubu .down .nav .li1 .a1 span{padding:0 5px;}
	
	.toubu .down .nav .li1 .a1:hover{background:url(../images/home/home-.png) no-repeat center 80%;}
	.toubu .down .nav .li1:nth-child(2) .a1:hover{background:0;}
	.toubu .down .nav .li1:nth-child(4) .a1:hover{background:0;}
/*	#suckertree1{position:relative;}*/
	/*xl*/
	.xl1{margin-left:27px;width:21%;background:rgba(2,23,60,0.95);margin-top:0;position:absolute;display:none;}
	.xl1 .li2{border-bottom:1px solid rgba(136,171,218,0.25);position:relative;}
	.xl1 .last{border:0;}
	.xl1 .li2 a{text-align:left!important;padding:8% 5%;font-size:16px;color:#fff;font-weight:bold;display:block;width:76%;}
	.xl1 .li2 span{width:5%;position:absolute;right:6%;top:30%;display:block;font-size:15px;color:#fff;}
	.xl1 .li2:hover .a2{color:#88ABDA!important;}
/*xl2*/
	.xl2{background:rgba(2,23,60,0.95);width:100%;margin-left:100.1%;top:-1%;position:absolute;border-top:3px solid #88ABDA;padding:3% 2%;display:none;}
	.xl2 .li3 a{text-align:left!important;padding:5% 5%;font-size:16px;color:#fff;font-weight:bold;display:block;}
	.xl2 .li3 a:hover{color:#88ABDA;}
	
/*banner*/
	.banner .swiper-slide{font-size:0;}
	.banner .swiper-slide .text1{text-align:center;position:absolute;top:45%;left:0;right:0;margin:0 auto;}
	.banner .swiper-slide .text1 h1{font-size:42px;color:#fefefe;position:relative;margin:0;padding:2.5% 0 1.5% 0;}
	.banner .swiper-slide .text1 h1:after{content:'';width:50px;height:5px;background:#fff;position:absolute;left:0;right:0;margin:0 auto;top:0;border-radius:3px;}
	.banner .swiper-slide .text1 p{font-size:16px;color:#fff;line-height:32px;margin:0;}
	
	
	.tit-style1{text-align:center;}
	.tit-style1 h2{font-weight:bold;font-size:50px;color:#000;margin:0;}
	.tit-style1 p{font-size:16px;color:#333;line-height:27px;}
	
	
/*related case*/
	.relater-case{margin-bottom:5%;}
	.relater-case ul{margin:0 -1.3% 0 -1.3%;}
	.relater-case ul li{width:22.4%;float:left;padding:0 1.3%;}
	.relater-case ul li a{width:100%;background:#F6F6F6;font-size:0;}
	.relater-case ul li a img{width:100%;}
	.relater-case ul li .tu{position:relative;font-size:0;}
	.relater-case ul li .tu p{position:absolute;bottom:0;width:100%;height:0;background:rgba(28,68,156,0.5);margin:0;transition:all 0.5s ease;}
	.relater-case ul li .tu p i{padding:0;margin:0 auto;text-align:center;position:absolute;left:0;right:0;top:25%;background:url(../images/case-det/case-more.png) no-repeat center;transition:all 0.5s ease;}
	.relater-case ul li h3{font-size:16px;color:#333;text-align:center;margin:0;padding:3% 3%;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.relater-case ul li a:hover .tu p{height:100%;}
	.relater-case ul li a:hover .tu p i{padding:15% 0;}
	.relater-case ul li a:hover h3{color:#1C449C;}
	.relater-case .view{background:#F6F6F6;text-align:center;width:100%;font-size:18px;color:#000;padding:1.5% 0;display:block;margin:2% auto;}
	.relater-case .view:hover{background:#1C449C;color:#fff;}
	
/*message*/
	.message .tit-style1 h2,.message .tit-style1 p{color:#fff;}
	.message{margin:3% auto;}
	.message-bj{background:url(../images/home/h-message.jpg) fixed;}
	.message-bj form{padding:0 5%;}
	.message-bj form input.bd{background:rgba(255,255,255,0.8);border-radius:8px;border:1px solid #D2D2D2;font-size:16px;color:#333;padding:0 2%;height:44px;width:43%;margin-top:3%;}
	.message-bj form .bd:nth-child(even){float:left;}
	.message-bj form .bd:nth-child(odd){float:right;}
	.message-bj form textarea{width:96%;min-width:96%;max-width:96%;padding:1% 2%;background:rgba(255,255,255,0.8);border-radius:8px;height:110px;min-height:110px;max-height:120px;margin-top:3%;font-size:16px;color:#333;font-family:Montserrat;}
	.message-bj form button{width:30%;background:#1C449C;border-radius:23px;font-size:18px;color:#fff;border:0;padding:1% 0;margin:0 35%;display:block;}
	.message-bj form button:after{content:'';padding:2% 5%;background:url(../images/home/h-me-send.jpg.png) no-repeat right center;}
	
	
/*footer*/
	.footer-bj{background:#222;}
	.footer{padding:3.5% 0 2% 0;}
	.footer .f-pro {width:40%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit{font-size:18px;color:#d9d9d9;margin-bottom:20px;font-weight:bold;}
	.footer .f-pro .cate dl{width:50%;float:left;}
	.footer .f-pro .cate dl dt a{width:100%;color:#D9D9D9;}
	.footer .f-pro .cate dl dd{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate dl dd a{width:100%;font-size:15px;color:#D9D9D9;display:block;line-height:30px;}
	.footer .f-pro .cate dl dd:hover a{color:#fff;}
	.footer .f-contact {width:34%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:16px;color:#D9D9D9;line-height:30px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:16px;color:#D9D9D9;margin-bottom:30px;padding-left:5%;}
	.footer .f-contact ul li.add{background:url(../images/home/h-bottom3.png) no-repeat left 15%;line-height:34px;}
	.footer .f-contact ul li.email{background:url(../images/home/h-bottom1.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #D9D9D9;}
	.footer .f-contact ul li.app{background:url(../images/home/h-bottom2.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:right;margin-top:3%;}
	.footer .f-ewm .f-up li{width:30px;height:30px;margin-left:3%;float:right;}
	.footer .f-ewm .f-up .f{background:url(../images/home/bottom_facebook.png) no-repeat center;}
	.footer .f-ewm .f-up .in{background:url(../images/home/bottom_Linkedln.png) no-repeat center;}
	.footer .f-ewm .f-up .ytb{background:url(../images/home/bottom_youtube.png) no-repeat center;}
	.footer .f-ewm .f-up li a{display:block;width:100%;height:100%;text-align:center;margin:0 auto;}
	.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:#D9D9D9;text-align:center;padding:2% 0;}
	.footer-bj .foot i{padding:1% 1.8%;background:url(../images/home/h-logo2.png) no-repeat left center;}
	.footer-bj .foot a{font-size:16px;color:#D9D9D9;margin-left:5%;}
	.footer-bj .foot a:hover{color:#fff;}
}

@media screen and (max-width: 1500px) and (min-width: 1200px){
	.sjd{display:none!important;}
	.container{width:96%;margin:0 auto;padding:0 2%;}
/*language*/
	.toubu .language{width:8%;position:absolute;right:0;top:0;text-align:left;}
	.toubu .language a{padding:8% 0!important;display:block}
	.toubu .language .yy i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat  center center;}
	.toubu .language .one:after{content:'∨';padding:1% 3%;}
	.toubu .language .xby{margin-top:0;background:#eee;}
	.toubu .language .xby i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat center center;}
	.toubu .language #xl{display:none;position:relative;z-index:100;}
/*top*/
	.head{position:relative;}
	.head .icon1{position:absolute;left:0;bottom:0;z-index:100;width:25%;}
	.head .icon2{position:absolute;right:0;top:0;z-index:100;width:20%;}
	.head .toubu-bj{height:150px;position:absolute;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(2,23,60,1) 24%,rgba(2,23,60,0) 100%);}
	.toubu{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:1000;}
	.toubu-bj .mask{background:linear-gradient(180deg,#02173C 0%,rgba(255,255,255,0.1) 20%);position:relative;z-index:100;}
	
	.toubu-bj{padding:0 0 0 0;}
	
	.toubu .up{position:relative;}
	.toubu .up p{font-size:15px;color:#ccc;position:absolute;left:0;top:0;margin:0;}
	.toubu .up .right{width:60%;margin-left:50%;}
	.toubu .up .right a{font-size:16px;color:#d9d9d9;padding:1% 0;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/home/h-top1.png) no-repeat left center;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/home/h-top2.png) no-repeat left center;}
	.toubu .up .right .app{width:28%;float:left;margin-right:3.5%;}
	.toubu .up .right .email{width:34%;float:left;}
	.toubu .down .logo{display:block;width:37%;float:left;}
	.toubu .down a img{display:block;}
	.toubu .down .nav{width:58%;float:right;}
	
	
	.toubu .down .nav .li1{float:left;width:20%;}
	.toubu .down .nav .li1 .a1{font-size:15px;color:#fff;display:block;width:100%;text-align:center;padding:20% 0 20% 0;}
	.toubu .down .nav .li1 .a1 span{padding:0 5px;}
	
	.toubu .down .nav .li1 .a1:hover{background:url(../images/home/home-.png) no-repeat center 80%;}
	.toubu .down .nav .li1:nth-child(2) .a1:hover{background:0;}
	.toubu .down .nav .li1:nth-child(4) .a1:hover{background:0;}
/*	#suckertree1{position:relative;}*/
	/*xl*/
	.xl1{margin-left:27px;width:22%;background:rgba(2,23,60,0.95);margin-top:0;position:absolute;display:none;}
	.xl1 .li2{border-bottom:1px solid rgba(136,171,218,0.25);position:relative;}
	.xl1 .last{border:0;}
	.xl1 .li2 a{text-align:left!important;padding:8% 5%;font-size:15px;color:#fff;font-weight:bold;display:block;width:76%;}
	.xl1 .li2 span{width:5%;position:absolute;right:6%;top:30%;display:block;font-size:15px;color:#fff;}
	.xl1 .li2:hover .a2{color:#88ABDA!important;}
/*xl2*/
	.xl2{background:rgba(2,23,60,0.95);width:100%;margin-left:100.1%;top:-1%;position:absolute;border-top:3px solid #88ABDA;padding:3% 2%;display:none;}
	.xl2 .li3 a{text-align:left!important;padding:5% 5%;font-size:15px;color:#fff;font-weight:bold;display:block;}
	.xl2 .li3 a:hover{color:#88ABDA;}
	
	
/*banner*/
	.banner .swiper-slide{font-size:0;}
	.banner .swiper-slide .text1{text-align:center;position:absolute;top:42%;left:0;right:0;margin:0 auto;}
	.banner .swiper-slide .text1 h1{font-size:37px;color:#fefefe;position:relative;margin:0;padding:2.5% 0 1.5% 0;}
	.banner .swiper-slide .text1 h1:after{content:'';width:50px;height:5px;background:#fff;position:absolute;left:0;right:0;margin:0 auto;top:0;border-radius:3px;}
	.banner .swiper-slide .text1 p{font-size:16px;color:#fff;line-height:32px;margin:0;}
	
	.tit-style1{text-align:center;}
	.tit-style1 h2{font-weight:bold;font-size:36px;color:#000;margin:0;}
	.tit-style1 p{font-size:16px;color:#333;line-height:27px;}
	
	
/*related case*/
	.relater-case{margin-bottom:5%;}
	.relater-case ul{margin:0 -1.3% 0 -1.3%;}
	.relater-case ul li{width:22.4%;float:left;padding:0 1.3%;}
	.relater-case ul li a{width:100%;background:#F6F6F6;font-size:0;}
	.relater-case ul li a img{width:100%;}
	.relater-case ul li .tu{position:relative;font-size:0;}
	.relater-case ul li .tu p{position:absolute;bottom:0;width:100%;height:0;background:rgba(28,68,156,0.5);margin:0;transition:all 0.5s ease;}
	.relater-case ul li .tu p i{padding:0;margin:0 auto;text-align:center;position:absolute;left:0;right:0;top:25%;background:url(../images/case-det/case-more.png) no-repeat center;transition:all 0.5s ease;}
	.relater-case ul li h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#333;text-align:center;margin:0;padding:3% 3%;line-height:27px;}
	.relater-case ul li a:hover .tu p{height:100%;}
	.relater-case ul li a:hover .tu p i{padding:15% 0;}
	.relater-case ul li a:hover h3{color:#1C449C;}
	.relater-case .view{background:#F6F6F6;text-align:center;width:100%;font-size:16px;color:#000;padding:1.5% 0;display:block;margin:2% auto;}
	.relater-case .view:hover{background:#1C449C;color:#fff;}
	
/*message*/
	.message .tit-style1 h2,.message .tit-style1 p{color:#fff;}
	.message{margin:3% auto;}
	.message-bj{background:url(../images/home/h-message.jpg) fixed;padding:5% 0;}
	.message-bj form{padding:0 5%;}
	.message-bj form input.bd{background:rgba(255,255,255,0.8);border-radius:8px;border:1px solid #D2D2D2;font-size:16px;color:#333;padding:0 2%;height:44px;width:43%;margin-top:3%;}
	.message-bj form .bd:nth-child(even){float:left;}
	.message-bj form .bd:nth-child(odd){float:right;}
	.message-bj form textarea{width:96%;min-width:96%;max-width:96%;padding:1% 2%;background:rgba(255,255,255,0.8);border-radius:8px;height:110px;min-height:110px;max-height:120px;margin-top:3%;font-size:16px;color:#333;font-family:Montserrat;}
	.message-bj form button{width:30%;background:#1C449C;border-radius:23px;font-size:18px;color:#fff;border:0;padding:1% 0;margin:0 35%;display:block;}
	.message-bj form button:after{content:'';padding:2% 5%;background:url(../images/home/h-me-send.jpg.png) no-repeat right center;}
	
	
/*footer*/
	.footer-bj{background:#222;padding:3% 0 0 0;}
	.footer{padding:3% 0 2% 0;}
	.footer .f-pro {width:38%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit{font-size:18px;color:#d9d9d9;margin-bottom:15px;font-weight:bold;}
	.footer .f-pro .cate dl{width:50%;float:left;}
	.footer .f-pro .cate dl dt a{width:100%;color:#D9D9D9;}
	.footer .f-pro .cate dl dd{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate dl dd a{width:100%;font-size:15px;color:#D9D9D9;display:block;line-height:30px;}
	.footer .f-pro .cate dl dd:hover a{color:#fff;}
	.footer .f-contact {width:37%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:15px;color:#D9D9D9;line-height:30px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:15px;color:#D9D9D9;margin-bottom:30px;padding-left:5%;}
	.footer .f-contact ul li.add{background:url(../images/home/h-bottom3.png) no-repeat left 15%;line-height:34px;}
	.footer .f-contact ul li.email{background:url(../images/home/h-bottom1.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #D9D9D9;}
	.footer .f-contact ul li.app{background:url(../images/home/h-bottom2.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:right;margin-top:3%;}
	.footer .f-ewm .f-up li{width:30px;height:30px;margin-left:3%;float:right;}
	.footer .f-ewm .f-up .f{background:url(../images/home/bottom_facebook.png) no-repeat center;}
	.footer .f-ewm .f-up .in{background:url(../images/home/bottom_Linkedln.png) no-repeat center;}
	.footer .f-ewm .f-up .ytb{background:url(../images/home/bottom_youtube.png) no-repeat center;}
	.footer .f-ewm .f-up li a{display:block;width:100%;height:100%;text-align:center;margin:0 auto;}
	.footer .f-ewm .down{width:95%;margin-left:5%;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:15px;color:#fff;margin:8% 0;}
	.footer-bj hr{border:0;border-top:1px solid #6c6c6c;margin:0;}
	.footer-bj .foot{font-size:15px;color:#D9D9D9;text-align:center;padding:2% 0;}
	.footer-bj .foot i{padding:1% 1.8%;background:url(../images/home/h-logo2.png) no-repeat left center;}
	.footer-bj .foot a{font-size:15px;color:#D9D9D9;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;padding:0 2%;}
    /*language*/
	.toubu .language{width:8%;position:absolute;right:0;top:0;text-align:left;}
	.toubu .language a{padding:8% 0!important;display:block}
	.toubu .language .yy i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat  center center;}
	.toubu .language .one:after{content:'∨';padding:1% 3%;}
	.toubu .language .xby{margin-top:0;background:#eee;}
	.toubu .language .xby i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat center center;}
	.toubu .language #xl{display:none;position:relative;z-index:100;}
/*top*/
	.head{position:relative;}
	.head .icon1{position:absolute;left:0;bottom:0;z-index:100;width:20%;}
	.head .icon2{position:absolute;right:0;top:0;z-index:100;width:20%;}
	.head .toubu-bj{height:150px;position:absolute;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(2,23,60,1) 24%,rgba(2,23,60,0) 100%);}
	.toubu{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:1000;}
	.toubu-bj .mask{background:linear-gradient(180deg,#02173C 0%,rgba(255,255,255,0.1) 20%);position:relative;z-index:100;}
	
	.toubu-bj{padding:0 0 0 0;}
	
	.toubu .up{position:relative;}
	.toubu .up p{font-size:15px;color:#ccc;position:absolute;left:0;top:0;margin:0;}
	.toubu .up .right{width:70%;margin-left:40%;}
	.toubu .up .right a{font-size:16px;color:#d9d9d9;padding:1% 0;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/home/h-top1.png) no-repeat left center;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/home/h-top2.png) no-repeat left center;}
	.toubu .up .right .app{width:28%;float:left;margin-right:3.5%;}
	.toubu .up .right .email{width:34%;float:left;}
	.toubu .down .logo{display:block;width:37%;float:left;}
	.toubu .down a img{display:block;}
	.toubu .down .nav{width:58%;float:right;}
	
	
	.toubu .down .nav .li1{float:left;width:20%;}
	.toubu .down .nav .li1 .a1{font-size:15px;color:#fff;display:block;width:100%;text-align:center;padding:20% 0 20% 0;}
	.toubu .down .nav .li1 .a1 span{padding:0 5px;}
	
	.toubu .down .nav .li1 .a1:hover{background:url(../images/home/home-.png) no-repeat center 80%;}
	.toubu .down .nav .li1:nth-child(2) .a1:hover{background:0;}
	.toubu .down .nav .li1:nth-child(4) .a1:hover{background:0;}
/*	#suckertree1{position:relative;}*/
	/*xl*/
	.xl1{margin-left:-10px;width:24%;background:rgba(2,23,60,0.95);margin-top:0;position:absolute;display:none;}
	.xl1 .li2{border-bottom:1px solid rgba(136,171,218,0.25);position:relative;}
	.xl1 .last{border:0;}
	.xl1 .li2 a{text-align:left!important;padding:8% 5%;font-size:14px;color:#fff;font-weight:bold;display:block;width:76%;}
	.xl1 .li2 span{width:5%;position:absolute;right:6%;top:30%;display:block;font-size:14px;color:#fff;}
	.xl1 .li2:hover .a2{color:#88ABDA!important;}
/*xl2*/
	.xl2{background:rgba(2,23,60,0.95);width:100%;margin-left:100.1%;top:-1%;position:absolute;border-top:3px solid #88ABDA;padding:3% 2%;display:none;}
	.xl2 .li3 a{text-align:left!important;padding:5% 5%;font-size:14px;color:#fff;font-weight:bold;display:block;}
	.xl2 .li3 a:hover{color:#88ABDA;}
	
	
/*banner*/
	.banner .swiper-slide{font-size:0;}
	.banner .swiper-slide .text1{text-align:center;position:absolute;top:37%;left:0;right:0;margin:0 auto;}
	.banner .swiper-slide .text1 h1{font-size:37px;color:#fefefe;position:relative;margin:0;padding:2.5% 0 2.5% 0;}
	.banner .swiper-slide .text1 h1:after{content:'';width:30px;height:4px;background:#fff;position:absolute;left:0;right:0;margin:0 auto;top:0;border-radius:3px;}
	.banner .swiper-slide .text1 p{font-size:16px;color:#fff;line-height:32px;margin:0;}
	.banner .swiper-slide .text1 p br{display:none;}
	
	.tit-style1{text-align:center;}
	.tit-style1 h2{font-weight:bold;font-size:32px;color:#000;margin:0;}
	.tit-style1 p{font-size:15px;color:#333;line-height:27px;}
	
	
/*related case*/
	.relater-case{margin-bottom:5%;}
	.relater-case ul{margin:0 -1.3% 0 -1.3%;}
	.relater-case ul li{width:22.4%;float:left;padding:0 1.3%;}
	.relater-case ul li a{width:100%;background:#F6F6F6;font-size:0;}
	.relater-case ul li a img{width:100%;}
	.relater-case ul li .tu{position:relative;font-size:0;}
	.relater-case ul li .tu p{position:absolute;bottom:0;width:100%;height:0;background:rgba(28,68,156,0.5);margin:0;transition:all 0.5s ease;}
	.relater-case ul li .tu p i{padding:0;margin:0 auto;text-align:center;position:absolute;left:0;right:0;top:25%;background:url(../images/case-det/case-more.png) no-repeat center;transition:all 0.5s ease;}
	.relater-case ul li h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#333;text-align:center;margin:0;padding:3% 3%;line-height:24px;}
	.relater-case ul li a:hover .tu p{height:100%;}
	.relater-case ul li a:hover .tu p i{padding:15% 0;}
	.relater-case ul li a:hover h3{color:#1C449C;}
	.relater-case .view{background:#F6F6F6;text-align:center;width:100%;font-size:16px;color:#000;padding:1.5% 0;display:block;margin:2% auto;}
	.relater-case .view:hover{background:#1C449C;color:#fff;}
	
/*message*/
	.message .tit-style1 h2,.message .tit-style1 p{color:#fff;}
	.message{margin:3% auto;}
	.message-bj{background:url(../images/home/h-message.jpg) fixed;padding:3% 0;}
	.message-bj form{padding:0 5%;}
	.message-bj form input.bd{background:rgba(255,255,255,0.8);border-radius:8px;border:1px solid #D2D2D2;font-size:15px;color:#333;padding:0 2%;height:40px;width:43%;margin-top:3%;}
	.message-bj form .bd:nth-child(even){float:left;}
	.message-bj form .bd:nth-child(odd){float:right;}
	.message-bj form textarea{width:96%;min-width:96%;max-width:96%;padding:1% 2%;background:rgba(255,255,255,0.8);border-radius:8px;height:110px;min-height:110px;max-height:120px;margin-top:3%;font-size:15px;color:#333;font-family:Montserrat;}
	.message-bj form button{width:30%;background:#1C449C;border-radius:23px;font-size:16px;color:#fff;border:0;padding:1% 0;margin:0 35%;display:block;}
	.message-bj form button:after{content:'';padding:3% 7%;background:url(../images/home/h-me-send.jpg.png) no-repeat right center;}
	
	
/*footer*/
	.footer-bj{background:#222;padding:1% 0 0 0;}
	.footer{padding:3% 0 2% 0;}
	.footer .f-pro {width:38%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit{font-size:16px;color:#d9d9d9;margin-bottom:15px;font-weight:bold;}
	.footer .f-pro .cate dl{width:50%;float:left;}
	.footer .f-pro .cate dl dt a{width:100%;color:#D9D9D9;}
	.footer .f-pro .cate dl dd{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate dl dd a{width:100%;font-size:15px;color:#D9D9D9;display:block;line-height:21px;}
	.footer .f-pro .cate dl dd:hover a{color:#fff;}
	.footer .f-contact {width:37%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:15px;color:#D9D9D9;line-height:30px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:15px;color:#D9D9D9;margin-bottom:30px;padding-left:5%;}
	.footer .f-contact ul li.add{background:url(../images/home/h-bottom3.png) no-repeat left 15%;line-height:34px;}
	.footer .f-contact ul li.email{background:url(../images/home/h-bottom1.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #D9D9D9;}
	.footer .f-contact ul li.app{background:url(../images/home/h-bottom2.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:right;margin-top:3%;}
	.footer .f-ewm .f-up li{width:30px;height:30px;margin-left:3%;float:right;}
	.footer .f-ewm .f-up .f{background:url(../images/home/bottom_facebook.png) no-repeat center;}
	.footer .f-ewm .f-up .in{background:url(../images/home/bottom_Linkedln.png) no-repeat center;}
	.footer .f-ewm .f-up .ytb{background:url(../images/home/bottom_youtube.png) no-repeat center;}
	.footer .f-ewm .f-up li a{display:block;width:100%;height:100%;text-align:center;margin:0 auto;}
	.footer .f-ewm .down{width:95%;margin-left:5%;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:15px;color:#fff;margin:8% 0;}
	.footer-bj hr{border:0;border-top:1px solid #6c6c6c;margin:0;}
	.footer-bj .foot{font-size:15px;color:#D9D9D9;text-align:center;padding:2% 0;}
	.footer-bj .foot i{padding:1% 2.1%;background:url(../images/home/h-logo2.png) no-repeat left center;background-size:100% auto;}
	.footer-bj .foot a{font-size:15px;color:#D9D9D9;margin-left:5%;}
	.footer-bj .foot a:hover{color:#fff;}

}

/* 小屏幕（平板，大于等于 769px） */
@media screen and (min-width:769px) and (max-width:992px) {	
	.sjd{display:none!important;}
	.container{width:98%;margin:0 auto;padding:0 1%;}
/*language*/
	.toubu .language{width:8%;position:absolute;right:0;top:0;text-align:left;}
	.toubu .language a{padding:8% 0!important;display:block}
	.toubu .language .yy i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat  center center;}
	.toubu .language .one:after{content:'∨';padding:1% 3%;}
	.toubu .language .xby{margin-top:0;background:#eee;}
	.toubu .language .xby i{padding:5% 18%;background:url(../images/home/h-top3.png) no-repeat center center;}
	.toubu .language #xl{display:none;position:relative;z-index:100;}
/*top*/
	.head{position:relative;}
	.head .icon1{position:absolute;left:0;bottom:0;z-index:100;width:15%;}
	.head .icon2{position:absolute;right:0;top:0;z-index:100;width:15%;}
	.head .toubu-bj{height:150px;position:absolute;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(2,23,60,1) 24%,rgba(2,23,60,0) 100%);}
	.toubu{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:1000;}
	.toubu-bj .mask{background:linear-gradient(180deg,#02173C 0%,rgba(255,255,255,0.1) 20%);position:relative;z-index:100;}
	
	.toubu-bj{padding:0 0 0 0;}
	
	.toubu .up{position:relative;}
	.toubu .up p{font-size:15px;color:#ccc;position:absolute;left:0;top:0;margin:0;}
	.toubu .up .right{width:90%;margin-left:27%;}
	.toubu .up .right a{font-size:16px;color:#d9d9d9;padding:1% 0;}
	.toubu .up .right .app:before{content:'';padding:2.5% 7.5%;background:url(../images/home/h-top1.png) no-repeat left center;}
	.toubu .up .right .email:before{content:'';padding:2.5% 6.5%;background:url(../images/home/h-top2.png) no-repeat left center;}
	.toubu .up .right .app{width:28%;float:left;margin-right:3.5%;}
	.toubu .up .right .email{width:34%;float:left;}
	.toubu .down .logo{display:block;width:35%;float:left;}
	.toubu .down .logo img{width:100%;}
	.toubu .down a img{display:block;}
	.toubu .down .nav{width:58%;float:right;}
	
	
	.toubu .down .nav .li1{float:left;width:20%;}
	.toubu .down .nav .li1 .a1{font-size:15px;color:#fff;display:block;width:100%;text-align:center;padding:20% 0 20% 0;}
	.toubu .down .nav .li1 .a1 span{padding:0 5px;}
	
	.toubu .down .nav .li1 .a1:hover{background:url(../images/home/home-.png) no-repeat center 80%;}
	.toubu .down .nav .li1:nth-child(2) .a1:hover{background:0;}
	.toubu .down .nav .li1:nth-child(4) .a1:hover{background:0;}
/*	#suckertree1{position:relative;}*/
	/*xl*/
	.xl1{margin-left:-45px;width:26%;background:rgba(2,23,60,0.95);margin-top:0;position:absolute;display:none;}
	.xl1 .li2{border-bottom:1px solid rgba(136,171,218,0.25);position:relative;}
	.xl1 .last{border:0;}
	.xl1 .li2 a{text-align:left!important;padding:8% 5%;font-size:13px;color:#fff;font-weight:bold;display:block;width:76%;}
	.xl1 .li2 span{width:5%;position:absolute;right:6%;top:30%;display:block;font-size:13px;color:#fff;}
	.xl1 .li2:hover .a2{color:#88ABDA!important;}
/*xl2*/
	.xl2{background:rgba(2,23,60,0.95);width:100%;margin-left:100.1%;top:-1%;position:absolute;border-top:3px solid #88ABDA;padding:3% 2%;display:none;}
	.xl2 .li3 a{text-align:left!important;padding:5% 5%;font-size:14px;color:#fff;font-weight:bold;display:block;}
	.xl2 .li3 a:hover{color:#88ABDA;}
	
/*banner*/
	.banner .swiper-slide{font-size:0;}
	.banner .swiper-slide .text1{text-align:center;position:absolute;top:37%;left:0;right:0;margin:0 auto;}
	.banner .swiper-slide .text1 h1{font-size:27px;color:#fefefe;position:relative;margin:0;padding:2.5% 0 2.5% 0;}
	.banner .swiper-slide .text1 h1:after{content:'';width:30px;height:4px;background:#fff;position:absolute;left:0;right:0;margin:0 auto;top:0;border-radius:3px;}
	.banner .swiper-slide .text1 p{font-size:15px;color:#fff;line-height:32px;margin:0;}
	.banner .swiper-slide .text1 p br{display:none;}
	
	
	.tit-style1{text-align:center;}
	.tit-style1 h2{font-weight:bold;font-size:24px;color:#000;margin:0;}
	.tit-style1 p{font-size:15px;color:#333;line-height:24px;}
	
	
/*related case*/
	.relater-case{margin-bottom:5%;}
	.relater-case ul{margin:0 -1.3% 0 -1.3%;}
	.relater-case ul li{width:22.4%;float:left;padding:0 1.3%;}
	.relater-case ul li a{width:100%;background:#F6F6F6;font-size:0;}
	.relater-case ul li a img{width:100%;}
	.relater-case ul li .tu{position:relative;font-size:0;}
	.relater-case ul li .tu p{position:absolute;bottom:0;width:100%;height:0;background:rgba(28,68,156,0.5);margin:0;transition:all 0.5s ease;}
	.relater-case ul li .tu p i{padding:0;margin:0 auto;text-align:center;position:absolute;left:0;right:0;top:25%;background:url(../images/case-det/case-more.png) no-repeat center;transition:all 0.5s ease;}
	.relater-case ul li h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333;text-align:center;margin:0;padding:3% 3%;line-height:21px;}
	.relater-case ul li a:hover .tu p{height:100%;}
	.relater-case ul li a:hover .tu p i{padding:15% 0;}
	.relater-case ul li a:hover h3{color:#1C449C;}
	.relater-case .view{background:#F6F6F6;text-align:center;width:100%;font-size:16px;color:#000;padding:1.5% 0;display:block;margin:2% auto;}
	.relater-case .view:hover{background:#1C449C;color:#fff;}
	
/*message*/
	.message .tit-style1 h2,.message .tit-style1 p{color:#fff;}
	.message{margin:3% auto;}
	.message-bj{background:url(../images/home/h-message.jpg) fixed;padding:3% 0;}
	.message-bj form{padding:0 5%;}
	.message-bj form input.bd{background:rgba(255,255,255,0.8);border-radius:8px;border:1px solid #D2D2D2;font-size:15px;color:#333;padding:0 2%;height:40px;width:43%;margin-top:3%;}
	.message-bj form .bd:nth-child(even){float:left;}
	.message-bj form .bd:nth-child(odd){float:right;}
	.message-bj form textarea{width:96%;min-width:96%;max-width:96%;padding:1% 2%;background:rgba(255,255,255,0.8);border-radius:8px;height:110px;min-height:110px;max-height:120px;margin-top:3%;font-size:15px;color:#333;font-family:Montserrat;}
	.message-bj form button{width:30%;background:#1C449C;border-radius:23px;font-size:16px;color:#fff;border:0;padding:1% 0;margin:0 35%;display:block;}
	.message-bj form button:after{content:'';padding:3% 7%;background:url(../images/home/h-me-send.jpg.png) no-repeat right center;}
	
/*footer*/
	.footer-bj{background:#222;padding:1% 0 0 0;}
	.footer{padding:3% 0 2% 0;}
	.footer .f-pro {width:50%;float:left;}
	.footer .f-pro .tit,.footer .f-contact .tit{font-size:16px;color:#d9d9d9;margin-bottom:15px;font-weight:bold;}
	.footer .f-pro .cate dl{width:50%;float:left;}
	.footer .f-pro .cate dl dt a{width:100%;color:#D9D9D9;}
	.footer .f-pro .cate dl dd{width:95%;margin-bottom:10px;}
	.footer .f-pro .cate dl dd a{width:100%;font-size:15px;color:#D9D9D9;display:block;line-height:21px;}
	.footer .f-pro .cate dl dd:hover a{color:#fff;}
	.footer .f-contact {width:50%;float:left;}
	.footer .f-contact ul li a{width:100%;font-size:15px;color:#D9D9D9;line-height:24px;display:inline;}
	.footer .f-contact ul li:hover a{color:#fff;}
	.footer .f-contact ul li{font-size:14px;color:#D9D9D9;margin-bottom:20px;padding-left:5%;}
	.footer .f-contact ul li.add{background:url(../images/home/h-bottom3.png) no-repeat left 15%;line-height:24px;}
	.footer .f-contact ul li.email{background:url(../images/home/h-bottom1.png) no-repeat left center;}
	.footer .f-contact ul li.email a,.footer .f-contact ul li.app span{border-bottom:1px solid #D9D9D9;}
	.footer .f-contact ul li.app{background:url(../images/home/h-bottom2.png) no-repeat left center;}
	.footer .f-ewm{width:25%;float:right;margin-top:3%;display:none;}
	.footer .f-ewm .f-up li{width:30px;height:30px;margin-left:3%;float:right;}
	.footer .f-ewm .f-up .f{background:url(../images/home/bottom_facebook.png) no-repeat center;}
	.footer .f-ewm .f-up .in{background:url(../images/home/bottom_Linkedln.png) no-repeat center;}
	.footer .f-ewm .f-up .ytb{background:url(../images/home/bottom_youtube.png) no-repeat center;}
	.footer .f-ewm .f-up li a{display:block;width:100%;height:100%;text-align:center;margin:0 auto;}
	.footer .f-ewm .down{width:95%;margin-left:5%;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:15px;color:#fff;margin:8% 0;}
	.footer-bj hr{border:0;border-top:1px solid #6c6c6c;margin:0;}
	.footer-bj .foot{font-size:15px;color:#D9D9D9;text-align:center;padding:2% 0;}
	.footer-bj .foot i{padding:1% 2.1%;background:url(../images/home/h-logo2.png) no-repeat left center;background-size:100% auto;}
	.footer-bj .foot a{font-size:15px;color:#D9D9D9;margin-left:5%;}
	.footer-bj .foot a:hover{color:#fff;}

}

/* 手机（手机，小于等于 768px） */
@media screen and (max-width:769px) {
	.pcd{display:none!important;}
	.pcd{display:none!important;}
    .sj-no{display:none!important;}
/*导航*/
	.top-nei{height:1rem;}
	.sj-top{padding:0 3% 0 3%;position:fixed;top:0;z-index:100;background:linear-gradient(180deg,rgba(2,23,60,1) 40%,rgba(2,23,60,0) 100%);width:94%;height:1rem;}
	.sj-top a{width:80%;display:block;}
	.sj-top .logo{float:left;width:70%;margin-top:4%;}
	.sj-top .gengduo{width:6%;float:right;margin-top:5%;position:relative;z-index:1001;}	
/*下拉列表*/
    .sj-top .nav-sub{position:fixed;top:1rem;right:0;width:0;height:4rem;background:#2e2e2e;z-index:500;display:block;}
    .sj-top .nav-sub ul{width:100%;height:auto;padding:0;background:#02173C;}
    .sj-top .nav-sub ul li{width:100%;height:0.8rem;float:none;}
	.sj-top .nav-sub .sj-li1:hover .a1{color:#88ABDA!important;}
	#closeBtn{height: 0.75rem;}
    .sj-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%;}
    .sj-top .nav-sub li a{display:block;width:90%;font-weight:400!important;height:0.8rem;line-height:0.8rem;color:#fff;text-align:center;font-size:0.27rem;font-family:helvetiac;font-weight:500;border-bottom:1px solid rgba(136,171,218,0.25);margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.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;}
	
	/*top*/
	body{position:relative;}
	.head{position:relative;}
	.head .icon1{position:absolute;left:0;bottom:0;z-index:100;width:35%;}
	.head .icon2{position:absolute;right:0;top:0;z-index:100;width:35%;}
	.head .toubu-bj{height:1rem;position:absolute;left:0;right:0;z-index:100;}
	.toubu{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:1000;}
	.toubu-bj .mask{background:linear-gradient(180deg,#02173C 0%,rgba(255,255,255,0.1) 20%);position:relative;z-index:100;}
	.toubu-bj{padding:0 0 0 0;}
	/*xl*/
	.sj-xl1{right:2.7rem;width:140%!important;background:rgba(2,23,60,0.95);margin-top:-0.825rem;position:absolute;display:none;}
	.sj-xl1 .sj-li2{border-bottom:1px solid rgba(136,171,218,0.25);position:relative;}
	.sj-xl1 .last{border:0;}
	.sj-xl1 .sj-li2 a{text-align:left!important;padding:0 5%;font-size:0.25rem;color:#fff;font-weight:bold;display:block;width:100%;}
	.sj-xl1 .sj-li2 span{width:5%;position:absolute;right:6%;top:30%;display:block;font-size:0.25rem;color:#fff;}
	.sj-xl1 .sj-li2:hover .a2{color:#88ABDA!important;}

	

	
	.tit-style1{text-align:center;}
	.tit-style1 h2{font-weight:bold;font-size:0.36rem;color:#000;margin:0;}
	.tit-style1 p{font-size:0.25rem;color:#333;line-height:0.36rem;}
	
/*related case*/
	.relater-case{margin-bottom:5%;}
	.relater-case ul{margin:0 -1.5% 0 -1.5%;}
	.relater-case ul li{width:47%;float:left;padding:0 1.5%;}
	.relater-case ul li a{width:100%;background:#F6F6F6;font-size:0;}
	.relater-case ul li a img{width:100%;}
	.relater-case ul li .tu{position:relative;font-size:0;}
	.relater-case ul li .tu p{position:absolute;bottom:0;width:100%;height:0;background:rgba(28,68,156,0.5);margin:0;transition:all 0.5s ease;}
	.relater-case ul li .tu p i{padding:0;margin:0 auto;text-align:center;position:absolute;left:0;right:0;top:25%;background:url(../images/case-det/case-more.png) no-repeat center;transition:all 0.5s ease;}
	.relater-case ul li h3{font-size:0.25rem;color:#333;text-align:center;margin:0;padding:3% 3%;line-height:0.42rem;height:0.84rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.relater-case ul li a:hover .tu p{height:100%;}
	.relater-case ul li a:hover .tu p i{padding:15% 0;}
	.relater-case ul li a:hover h3{color:#1C449C;}
	.relater-case .view{background:#F6F6F6;text-align:center;width:100%;font-size:0.3rem;color:#000;padding:1.5% 0;display:block;margin:2% auto;}
	.relater-case .view:hover{background:#1C449C;color:#fff;}
	
/*message*/
	.message .tit-style1 h2,.message .tit-style1 p{color:#fff;}
	.message .tit-style1 p{display:none;}
	.message{margin:3% auto;}
	.message-bj{background:url(../images/mobile/sj-liuyan.jpg) fixed;background-size:100% 100%;padding:3% 0;margin-bottom:34%;}
	.message-bj form{padding:0 5%;font-size:0;}
	.message-bj form input.bd{background:rgba(255,255,255,0.8);border-radius:8px;border:1px solid #D2D2D2;font-size:0.27rem;color:#333;padding:0 2%;height:40px;width:96%;margin-top:5%;}
	.message-bj form textarea{width:96%;min-width:96%;max-width:96%;padding:1% 2%;background:rgba(255,255,255,0.8);border-radius:8px;height:1.5rem;min-height:1.5rem;max-height:1.5rem;margin-top:5%;font-size:0.27rem;color:#333;font-family:Montserrat;}
	.message-bj form button{width:50%;background:#1C449C;border-radius:23px;font-size:0.27rem;color:#fff;border:0;padding:2% 0;margin:5% 25%;display:block;}
	.message-bj form button:after{content:'';padding:3% 7%;background:url(../images/home/h-me-send.jpg.png) no-repeat right center;}
	
/*banner*/
	.banner .swiper-slide{font-size:0;}
	.banner .swiper-slide img{width:100%;height:420px;}
	.banner .swiper-slide .text1{text-align:center;position:absolute;top:27%;left:0;right:0;margin:0 auto;}
	.banner .swiper-slide .text1 h1{font-size:0.36rem;color:#fefefe;position:relative;margin:0;padding:2.5% 0 1.5% 0;}
	.banner .swiper-slide .text1 h1:after{content:'';width:30px;height:5px;background:#fff;position:absolute;left:0;right:0;margin:0 auto;top:0;border-radius:3px;}
	.banner .swiper-slide .text1 p{font-size:0.27rem;color:#fff;line-height:0.42rem;margin:0;}
	
	
/*sj_footer*/
	.sj-footer{background:#EFF6FF;position:fixed;left:0;right:0;bottom:0;z-index:100;border-radius:55px;padding:0;}
	.sj-footer div{width:20%;margin-top:-1%;float:left;}
	.sj-footer div a{text-align:center;font-size:0.25rem;color:#1a1a1a;height:100%;width:100%;}
	.sj-footer div i{display:block;width:100%;height:0.55rem;}
	.sj-footer .home i{background:url(../images/mobile/sj-home.png) no-repeat center;background-size:36% auto;}
	.sj-footer .product i{background:url(../images/mobile/sj-com.png) no-repeat center;background-size:38% auto;}
	.sj-footer .email i{background:url(../images/mobile/sj-pro.png) no-repeat center 80%;background-size:36% auto;}
	.sj-footer .case i{background:url(../images/mobile/sj-case.png) no-repeat center 80%;background-size:38% auto;}
	.sj-footer .whatsapp i{width:1.4rem;height:1.4rem;background:#fff;border-radius:50%;display:inline-block;position:absolute;top:-50%;left:0;right:0;margin:0 auto;box-shadow:0px 0px 5px #666;-moz-box-shadow:0px 0px 5px #666;-webkit-box-shadow: 0px 0px 5px #666;}
	.sj-footer .whatsapp{position:relative;}
	.sj-footer .whatsapp img{display:inline-block;position:absolute;top:14.5%;left:1%;right:0;margin:0 auto;}
}