/*===============================
	lg 
===============================*/
@media (min-width: 1200px) {

	.mvis .slider .item .mtxt {width:1170px; padding:0;}

}

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

@media (min-width:992px) and (max-width:1199px) {
	.st2 .st_con .txt1 {font-size:15px;}
	.st2 .st_con .txt2 {font-size:20px;line-height:30px;}
}
/*===============================
	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;}

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

    .st2 .st_con {}
    .st2 .st_con .txt1 {font-size:15px;}
	.st2 .st_con .txt2 {font-size:18px;line-height:30px;}
	.st2 .st_con .btn_wrap {margin-top:30px;}

    .st4 .st_con {font-size:36px;}
 
    
    .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:30px; font-weight:700;}
    .mvis .slider .item .mtxt .mtxt2 span {font-size:24px; font-weight:500; margin-bottom:0;}
    .mvis .slider .item .mtxt .mtxt3 span {font-size:12px; font-weight:100;}

    .st1 .st_con dl {padding:10px 10px; min-height:80px; background:#333;}
    .st1 .st_con dl dt {font-size:18px; color:#fff; font-weight:500;}
    .st1 .st_con dl dd {font-size:12px; color:#cfcfcf; font-weight:300; line-height:1.2;}
    
    .st2 .st_con {width:100%; z-index:1;}
    .st2 .st_con .txt1{font-size:18px;}
    .st2 .st_con .txt2{font-size:20px;}
    .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:22px;word-break:keep-all;font-weight:300;}

    .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;margin-bottom:20px;}

    .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 {text-align: center;}
    .mvis .slider .item .mtxt .mtxt1 span {font-size:20px; 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;}
 
    .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:16px;line-height:22px;}

	.st4 {background-attachment:scroll;}


	.svis {height:150px;line-height:150px;}
	.svis .stit {font-size:30px;font-weight:500;}
}