*{ margin:0; padding:0;}
a{ text-decoration:none; color:inherit;}
ul li{ list-style-type:none; margin:0; padding:0;}
input, textarea{ outline:none;}
   

.container{ width:1170px; margin:0 auto;}
.clear{ width:100%; float:none; clear:both;}

.wid-10, .wid-20, .wid-25, .wid-40, .wid-35, .wid-30, .wid-70, .wid-55, .wid-75, .wid-33, .wid-80, .wid-50, .wid-45{ display:inline-block; float:left;}
.wid-10{ width:10%;}
.wid-25{ width:25%;}
.wid-20{ width:20%;} 
.wid-55{ width:55%;}
.wid-50{ width:50%;}
.wid-40{ width:40%;}
.wid-45{ width:45%;}
.wid-35{ width:35%;}
.wid-30{ width:30%;}
.wid-70{ width:70%;}
.wid-75{ width:75%;}
.wid-33{ width:33.3%;}
.wid-80{ width:80%;}
.wid-100{ width:100%; display:inline-block;}


@media (max-width:1170px){
	.container{ width:100%; box-sizing:border-box; padding:0 10px;}
	}

@media only screen and (min-width:1600px) and (max-width:2400px){
   .container{
       width:1400px;
   }
}

@media (max-width:1000px){
   .container{
       width:100%; padding:10px; box-sizing:border-box;
   }
   .accordion > h3{
     font-size:15px;
	 line-height:23px;
   }
}

@media (max-width:1024px){
	.tab li{ margin: 5px 10px 10px 10px;}
	}

@media (max-width:980px){
	.dd{ width:100%;}
	}

@media (max-width:840px){
	.menu li a{ margin:0; padding: 33px 5px;}
	
	}

@media (max-width:768px){
	.wid-75, .wid-25, .wid-50{ width:100%;}
	.btm{ display:inline-block; margin-bottom:30px;}
	.lsn-head h2{ font-size:30px;}
	.lsn-head p{ font-size:20px; line-height:28px;}
	.tab li.active::after{ display:none;}
	.dd{ width:inherit;}
	.tab-inner > h3{ font-size:13px;}
	}
	
@media (max-width:680px){
	.r-menu{ display:block;}
	.menu{ display:none; text-align:center; background-color:#FFF; position:absolute; left:32%; top:50px; z-index:10; box-shadow:0 0 10px rgba(0,0,0,0.5);}
	.menu li{ display:block; float:none;}
	.menu li a{ padding:10px;}
	.right-side{ text-align:center;}
	}

@media (max-width:600px){
	.tab-inner > h3{ line-height:25px;}
	.step{ position:static; display:block; text-align:center;}
	.img span img{ padding-bottom:10px;}
	.wt{width:100%;}
	}

@media (max-width:480px){
	.f-inner{ text-align:center;}
	.fl, .fr{ float:none;}
	.copy, .param{ margin-bottom:5px;}
	.rl{ display:none;}
	.r-menu{ right:10px;}
	.menu{ right:10px;}
	.s480{ width:100%;}
	}