 .s-nav{
        display: none;
        position: absolute;
        top: 100px;
        list-style:none; 
        width: 100%;
        padding:0px;
        z-index: 999;
        background: rgba(0, 0, 0, .6);
    } 
    .s-nav li a{
        display: block;
        padding: 0 20px;
        font-size: 20px;
        color: #fff;
        line-height: 50px;
        border-bottom: 1px dotted #fff;
        text-decoration: none;
    } 
@media screen and (max-width: 1100px) {
    
.menuBtn {display: block;
    	position: absolute;
    	top: 2.1rem;
    	right: 1.2rem;
    	width: 50px;
    	height: 30px;
    	cursor: pointer;
    	transition: .3s;
    	-ms-transition: .3s;
    	-moz-transition: .3s;
    	-webkit-transition: .3s;
    	-o-transition: .3s
    }
    
    .menuBtn b {
    	display: block;
    	height: 4px; 
    	background-color: #aaa;
    	margin: 4px 0;
    	transition: .3s;
    	-ms-transition: .3s;
    	-moz-transition: .3s;
    	-webkit-transition: .3s;
    	-o-transition: .3s
    }
    .xs-none{
        display: none;
    }
    .xs-show{
        display: block!important;
    }
    
	body{
		width: 100%!important;
	}
	.container{
		width: 100%; 
	} 
	.btn{width: 80%;margin: 0px auto;}
	.logo{margin-left: 20px}
	.nav{display: none;}

	.banner img{width: 100%;} 
    .banner{height: 100%;margin-top:0px}
    .rslides {  height:100%}
    
    .slideBox{
        height: 250px;margin-top:0px;
    }
    .slideBox .bd img{
        height: 250px;
    }
    .slideBox .hd{display: none;}
    .slideBox .prev{display: none;}
    .slideBox .next{display: none;}

	.text-lg{font-size: 16px;}
	.text-xl{font-size: 18px;}
	.text-xxl{font-size: 24px;}

	.footer{padding-top: 20px;}
	.footer-from .contact{width:calc(100% - 40px);padding: 20px;}
	.footer-from .search{width:calc(100% - 40px);padding: 20px;}
	.footer-nav{display: block;}
	.footer-nav-item{min-width: 40%;text-align: center!important;display: block;margin-bottom: 10px;
    float: left;}
	.footer-from .contact-container{display: block;margin-top:0px ;}
	.contact-container div{width: 100%;margin-top: 20px;}
	.footer-info{padding: 20px;}
	.footer-info .link{display: block;margin-left: 0px;margin-top: 20px;}
	.kefu{width: 50px;}
	.kefu img{width: 20px;}
	.kefu .kefu-contact{height: 50px;line-height: 50px;}
	.kefu .kefu-top{height: 50px;line-height: 50px;}

	.service{padding: 20px  ;}
	.service .item{width: 100%;}
	.service .content{margin-top: 20px;}

	.advantage{padding: 20px;}
	.advantage .item{width:calc(100% - 40px);padding: 20px;margin-left: 0px;margin-bottom:20px}
	.advantage .content{margin-top: 20px;}

	.case{padding: 20px  ;}
	.case .content{margin-top: 20px;width: 100%;}
	.case .content .item{width:100%; margin-right: 0px;margin-bottom: 20px;height:100%}
	.case .content .item .info .case-title{font-size: 20px;}
	.case .content .item .info .case-logo{margin-top:10px;}
	.case .content .item .info{width: calc(100% - 40px); padding: 0px 20px;}
	.case .content .item .info .case-content{margin-top: 10px;width:100%;font-size:14px}

	.about{padding: 20px;}
	.about .content{margin-top: 20px;}

	.news .left{ width:calc(100% - 40px);padding: 20px;height: 300px; }
	.news .left .bar{width:calc(100% - 40px);} 
	.news .bar span{margin-left: 28px ;color: #fff;width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px}
	.news .item .bar img {margin: 28px 5px;}
	.news .right{ width:calc(100% - 40px);padding: 20px; }

	.message .form{width: calc(100% - 40px );left:20px; }
	.message .container{background: #fff; min-height:410px}
	.message img{display: none;}
	.message .form button{margin: 20px 10%; width: 80%;}

    .title{line-height:50px!important}
    .mtitle{font-size: 20px!important;}
    .ftitle{font-size: 12px!important;}
    .list-container .list-title .stitle{display: block;border:0px;padding-left:0px}
	/*.title .ftitle{display: none;}*/
	.list-container{height: 100%;padding: 20px}
	#web .kflc{width:calc(100% - 40px);padding: 20px;}
	#web .kflc img{width:calc(100% - 40px);padding: 20px;}
	#web .kflc .title{width: 100%;margin-bottom: 20px;}

	#web .fwgdqy{width:calc(100% - 40px);padding: 20px;}
	#web .fwgdqy img{width:calc(100% - 40px);padding: 20px;}
	#web .fwgdqy .title{width: 100%;margin-bottom: 20px;} 


	#web .ppwz{width:calc(100% - 40px);padding: 20px;} 
	#web .ppwz .title{width: 100%;margin-bottom: 20px;} 

	#web .ppwz .content {    background: #F8F8F8;height: 100%;} 
	#web .ppwz .content #item1, #web .ppwz .content #item2, #web .ppwz .content #item3, #web .ppwz .content #item4 , #web .ppwz .content #item5{
		width: 100%!important; position: static!important;padding-bottom: 20px;
	}
	#web .ppwz .content #item1{ 
	    background: url('../image/wzs1.png') no-repeat center;
		height: 300px;
	}
	#web .ppwz .content #item2{ 
	    background: url('../image/wzs2.png') no-repeat center;
		height: 300px;
	}
	#web .ppwz .content #item3{ 
	    background: url('../image/wzs3.png') no-repeat center;
		height: 300px;
	}
	#web .ppwz .content #item4{ 
	    background: url('../image/wzs4.png') no-repeat center;
		height: 300px;
	}
	#web .ppwz .content #item5{ 
	    background: url('../image/wzs5.png') no-repeat center;
		height: 300px;
	}
	#web .ppwz .content img{margin-top:70px;}
 
	#system .ys{width:calc(100% - 40px);padding: 20px;} 
	#system .ys .title{width: 100%;margin-bottom: 20px;}

	#system .wsmsz{width:calc(100% - 40px);padding: 20px;} 
	#system .wsmsz .title{width: 100%;margin-bottom: 20px;}
	#system .wsmsz .content{    background: #fff;height: 100%;} 
 	#system .wsmsz .content #item1,
 	#system .wsmsz .content #item2,
 	#system .wsmsz .content #item3,
 	#system .wsmsz .content #item4 ,
 	#system .wsmsz .content #item5{
		width: 100%!important; position: static!important;padding-bottom: 20px;
		background: url('../image/wsmszs1.png') no-repeat center;
		height: 270px;
	} 
	 
	#system .wsmsz .content .info img{margin-top:50px; }

	#system .jjfa{width:calc(100% - 40px);padding: 20px;} 
	#system .jjfa .title{width: 100%;margin-bottom: 20px;}
	#system .jjfa img{width:100%;height: 250px;}
	#system .jjfa .bar img{width: 16px;height: 16px;}
	#system .jjfa .item{width: 100%;margin-right: 0px;margin-bottom: 20px;height: 250px;}

    #applet .title{height:50px;}
    #app .title{height:50px;}
    #web .title{height:50px;}
    #system .title{height:50px;}
    .pages a{display: inline-block;}
	#app .ys{width:calc(100% - 40px);padding: 20px;} 
	#app .ys .title{width: 100%;margin-bottom: 20px;}
	#app .ys .content .item{width: 100%;margin-bottom:20px;}
	#app .ys .content .item img{width: 100%;}
	#app .ys .content .item .info{top: 60%;left:0px;width:100%}

	#app .shapp{width:calc(100% - 40px);padding: 20px;}
	#app .shapp .title{width: 100%;margin-bottom: 20px;}
	#app .shapp .content .item{width: 100%;margin-left: 0px;}
	#app .shapp .content .item img{width:100%;}

	#app .wsmsz{width:calc(100% - 40px);padding: 20px;}
	#app .wsmsz .title{width: 100%;margin-bottom: 20px;}
	#app .wsmsz .content{background: #f8f8f8;height: 100%;}
	#app .wsmsz .content img{margin-top:52px;}
	#app .wsmsz .content #item1,#app .wsmsz .content #item2{position: static!important;width: 100%;margin-bottom: 20px;	background: url('../image/wsmszs.png') no-repeat center;
		height: 535px;}
	#app .wsmsz .content #item2 div{width: 70%;margin:0px auto;}
 
	#app .jjfa{width:calc(100% - 40px);padding: 20px;} 
	#app .jjfa .title{width: 100%;margin-bottom: 20px;}
	#app .jjfa .item{width: 100%;height: 250px;}
	#app .jjfa .item:first-child{margin-left: 0px;}
	#app .jjfa img{width:100%;height: 250px;}
	#app .jjfa .bar img{width: 16px;height: 16px;}


	#app .sslc{width:calc(100% - 40px);padding: 20px;} 
	#app .sslc .title{width: 100%;margin-bottom: 20px;}
	#app .sslc img{width:100%; }

	#applet .ys{width:calc(100% - 40px);padding: 20px;} 
	#applet .ys .title{width: 100%;margin-bottom: 20px;}
	#applet .ys .content{background: #F8F8F8;height:100%}   
 	#applet .ys .content #item1,
 	#applet .ys .content #item2,
 	#applet .ys .content #item3,
 	#applet .ys .content #item4 ,
 	#applet .ys .content #item5{
		width: 100%!important; position: static!important;padding-bottom: 20px;text-align: center; 
	} 
	#applet .ys .content  img{margin: 0px auto;}
	#applet .ys .content .info{width: 100%!important;padding-bottom: 20px;text-align: center; position: relative;height:370px;top:0px;bottom:0px}
	#applet .ys .content #item1 .ys-title{position:absolute;bottom:40px;width:calc(100% - 20px);margin-left:20px;}
	#applet .ys .content #item1 .ys-label{position:absolute;bottom:0px;width:100%} 
	
	#applet .ys .content #item2 .ys-title{position:absolute;bottom:40px;width:calc(100% - 10px);margin-left:10px;}
	#applet .ys .content #item2 .ys-label{position:absolute;bottom:0px;width:calc(100% - 110px);margin-left:110px;}
	
	#applet .ys .content #item3 .ys-title{position:absolute;bottom:80px;width:100%}
	#applet .ys .content #item3 .ys-label {position:absolute;bottom:40px;width:calc(100% - 70px);margin-left:70px;} 
	#applet .ys .content #item3 .ys-label + .ys-label{position:absolute;bottom:0px;width:100%;margin-left:0px} 
	
	#applet .ys .content #item4 .ys-title{position:absolute;bottom:40px;width:calc(100% - 20px);margin-left:20px;}
	#applet .ys .content #item4 .ys-label{position:absolute;bottom:0px;width:calc(100% - 140px);margin-left:140px;} 
	
	#applet .ys .content #item5 .ys-title{position:absolute;bottom:80px;width:calc(100% - 20px);margin-left:20px;}
	#applet .ys .content #item5 .ys-label {position:absolute;bottom:40px;width:calc(100% - 70px);margin-left:70px;} 
	#applet .ys .content #item5 .ys-label + .ys-label{position:absolute;bottom:0px;width:100%;margin-left:-25px} 
	
	#applet .ys .content #item1 .info{background: url('../image/appletyss1.png') no-repeat center;}
	#applet .ys .content #item2 .info{background: url('../image/appletyss2.png') no-repeat center;}
	#applet .ys .content #item3 .info{background: url('../image/appletyss3.png') no-repeat center;}
	#applet .ys .content #item4 .info{background: url('../image/appletyss4.png') no-repeat center;}
	#applet .ys .content #item5 .info{background: url('../image/appletyss5.png') no-repeat center;}
	
	
	

	#applet .shapp{width:calc(100% - 40px);padding: 20px;} 
	#applet .shapp .title{width: 100%;margin-bottom: 20px;}
	#applet .shapp .content .item{margin-left: 0px;width: 100%;}

	#applet .bmlys{width:calc(100% - 40px);padding: 20px;} 
	#applet .bmlys .title{width: 100%;margin-bottom: 20px;}
	#applet .bmlys .content{background: #f8f8f8;height: 100%;}
	#applet .bmlys .content #item1,#applet .bmlys .content #item2{
		position: static!important;width: 100%;margin-bottom: 20px;
		background: url('../image/wsmszs.png') no-repeat center;
		height: 535px;
	} 
	#applet .bmlys .content img {margin-top:30px;}
	#applet .bmlys .content .bmlys-bottom-border{border-bottom: 0px;}
	#applet .wsmsz{width:calc(100% - 40px);padding: 20px;}
	#applet .wsmsz .title{width: 100%;margin-bottom: 20px;}
	#applet .wsmsz .content{ height: 100%;} 
	#applet .wsmsz .content .item{ width: 100%;margin-left: 0px;margin-bottom: 20px;}

	#applet .jjfa{width:calc(100% - 40px);padding: 20px;} 
	#applet .jjfa .title{width: 100%;margin-bottom: 20px;}
	#applet .jjfa .item{width: 100%;height: 250px;}
	#applet .jjfa img{width:100%;height: 250px;}
	#applet .jjfa .bar img{width: 16px;height: 16px;}

	#applet .sslc{width:calc(100% - 40px);padding: 20px;} 
	#applet .sslc .title{width: 100%;margin-bottom: 20px;}
	#applet .sslc img{width:100%; }
	
	.ny-news{margin-bottom:20px}
	 .ny-news  figure  a{display: block;}
	 .neirong .y-m50{margin-right: 0px; width:100%;}
     .neirong .ny-news  figure img{max-width:100%;width:100%}
     .neirong article h1{text-align: center;}  
     .neirong img{max-width: 100%;}
     
	 .neirong .main{width: 100%;margin-right:0px}
     .neirong .main img{width:100%;}
     .neirong .aside {width: 100%;float:none;}
     .neirong .wow .btn-success{margin:10px 0px;display:inline-block;white-space:normal}
     .sx-padding{padding-top: 0px;}
     
     #default-list{width: calc(100% - 40px);padding:0px 20px;display:block;margin:20px auto;}
     #default-list .title{margin-right:10px;padding:10px; min-width:150px;height:30px;line-height:30px!important;display:inline-block;margin-bottom:20px;}
     .neirong{padding:20px;width:calc(100% - 40px)}
}