/*===============================
	lg 
===============================*/
@media (max-width: 1600px) {
	.mvis .slider .item .mtxt {padding:0% 8%;}
	
	.mvis .slider .item .mtxt img {width: 90%;}

}


/*===============================
	lg 
===============================*/
@media (max-width: 1400px) {
	.mvis .slider .item .mtxt {padding:0% 8%;}
	.mvis .slider .item .mtxt img {width: 75%;}

}


/*===============================
	md
===============================*/
@media (max-width: 1280px)  {
    .mvis .slider .item { padding-top:40%;}
	
	.mvis .slider .item .mtxt {padding:0% 6%;}

    
    
}
/*===============================
	sm 
===============================*/
@media (max-width: 991px) {
    .st1,.st2,.st3,.st4,.st5 {padding:100px 0 90px;}

    .mvis .slider .item .mtxt .mtxt1 span {font-size:44px; font-weight:700;}
    .mvis .slider .item .mtxt .mtxt2 span {font-size:26px; font-weight:500;}
    .mvis .slider .item .mtxt .mtxt3 span {font-size:13px; font-weight:100;}
	.mvis .slider .item .mtxt {padding:0% 8%;}
	.mvis .slider .item .mtxt img {width: 65%;}

    .st1 .st_con li {width:50%; margin-bottom:20px;}

    .st2 .st_con {}
    .st2 .st_con .txt1{font-size:16px;}
    .st2 .st_con .txt2{font-size:24px;}

    .st4 .st_con {font-size:36px;}
	.st4 .st_con h2 {font-size:25px;}
	.st4 .st_con .bg_txt {font-size:20px;}
 
    
    .st5 .inner .mboard {float:left; width:50%; margin:0}
    .st5 .inner .bn_cs {float:left; width:50%; margin:0}
    .st5 .inner .bn_map {width:100%; }
}

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


@media (max-width: 767px) {
    .st1,.st2,.st3,.st4,.st5 {padding:80px 0 70px;}
    
    .mvis .slider .item .mtxt .mtxt1 span {font-size:38px; font-weight:700;}
    .mvis .slider .item .mtxt .mtxt2 span {font-size:24px; font-weight:500;}
    .mvis .slider .item .mtxt .mtxt3 span {font-size:12px; font-weight:100;}

    .st1 .st_con dl {padding:20px 10px; min-height:80px;}
    .st1 .st_con dl dt {font-size:18px; }
    .st1 .st_con dl dd {font-size:13px; }
    
    .st2 .st_con {width:100%; z-index:1;}
    .st2 .st_con .txt1{font-size:18px;}
    .st2 .st_con .txt2{font-size:28px;}
    .st2 .st_vis {position:relative; width:100%;}
    .st2 .st_vis:after {display:block; position:absolute; left:0; top:0;  width:100%; height:100%; background:rgba(0,0,0,0.5); content:"" }
    .st2 .st_vis .item {position:relative; z-index:2;}
    
	.st4 {background-attachment:scroll;}
    .st4 .st_con {font-size:28px;}
	.st4 .st_con h2 {font-size:22px;}
	.st4 .st_con .bg_txt {font-size:17px;}

    .st5 {}
    .st5 .inner .mboard,
    .st5 .inner .bn_cs,
    .st5 .inner .bn_map {width:100%; }

    .st5 .inner .mboard .lt_title,
    .st5 .inner .bn_cs dt { font-size:18px;}

    .st5 .inner .bn_cs dd span { font-size:16px;}

}



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

@media (max-width: 479px) {
    #header .tnb_info {display:none; }
    .mvis .slider .item { padding-top:60%;}
    .mvis .slider .item .mtxt .mtxt1 span {font-size:24px; font-weight:700;}
    .mvis .slider .item .mtxt .mtxt2 span {font-size:18px; font-weight:500; display:none;}
    .mvis .slider .item .mtxt .mtxt3 span {font-size:11px; font-weight:100; display:none;}

 	.mvis .slider .item .mtxt {padding:0% 13%;}
	.mvis .slider .item .mtxt img {width: 83%;}
	
	.st4 .st_con h2 {font-size:22px;}
	.st4 .st_con .bg_txt {display:none;}

    .st1 .st_con dl {min-height:auto;}
    .st1 .st_con dl dd {display:none; }
    
    .st2 .st_con {width:100%; z-index:1;}
    .st2 .st_con .txt1{display:none;}
    .st2 .st_con .txt2{font-size:18px;}
}