/*===============================
	lg 
===============================*/
@media (max-width: 1199px) {

.inner {padding:0 20px;}
.mvis .slider .item {padding-top:45%;}
.st1 {padding: 25px 0;}

.st1 .st_left {width:99%; margin:0.5%; height: 336px; background-position: center;}
.st1 .st_right {width:100%;}

.st1 .st_right li {margin:0.5%; width: 24%;}
.st2 .st_cs h2 {font-size:25px;}



}

/*===============================
	sm 
===============================*/
@media (max-width: 991px) {
	
    .st2 .st_cs h2 {font-size:20px;}
	.st2 .st2_tit {width: 140px;}
	
	.st2 .st_cs .st2_tit, .st2 .st_cs h2 {height: 64px;  line-height: 64px;}
}

/*===============================
	xs 
===============================*/


@media (max-width: 860px) {
	.inner {padding:0;}
	.mvis .slider .item {padding-top:50%;}
	.st1 .st_right li {margin:1%; width: 48%;}
	.st1 {padding: 15px 0;}
	.st1 .st_right li img {width:100%;}
	.st1 .st_left {width:98%; margin:1%;}

	.st2 .st_cs {width:100%;}
	.st2 .st_bd {width:100%;}
	.topbar ul {text-align:center;}

}


@media (max-width: 767px) {
   .mvis .slider .item .mtxt img {width:80%;}
   .st1 {padding: 10px 0;}
   .st1 .st_left {width:94%; margin:1% 3%; height: 300px; }
   .st1 .st_right li {margin:1%; width: 48%;}
   .st1 .st_right {width:96%; margin:0 2%;}
   .svis {background-attachment: inherit;}

}


/*===============================
	xs Portrait 
===============================*/

@media (max-width: 479px) {
   .mvis .slider .item { padding-top:65%;}
   .mvis .slider .item .mtxt {left: 16%;}
   .mvis .slider .item .mtxt img {width:95%;}
   .mvis .slider .item .item_bg {background-position: 30% 50%;}
   .st1 .st_left {height: 250px; }
}