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

}

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

/*===============================
	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:16px;}
    .st2 .st_con .txt2{font-size:24px;}

    .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:35px; 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 dl {padding:10px 10px; min-height:80px; background:#01417f;}
    .st1 .st_con dl dt {font-size:18px; color:#fff; font-weight:500;}
    .st1 .st_con dl dd {font-size:12px; color:#badeff; 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{color:#fff;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;}

    .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:28px; font-weight:700;}

    .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;}
}