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

	.mvis .slider .item .mtxt {width:60%;}

	.st2 .st_con span.line {display:none;}
	.st2 .st_con .txt1 {margin-bottom:16px;}
    .st2 .st_con .txt2  {font-size:30px;}

}

/*===============================
	md
===============================*/
@media (max-width: 1280px)  {

    .mvis .slider .item { padding-top:40%;}

	.st2 .st_con img {display:none;}
	.st2 .st_con span.line {display:none;}
	.st2 .st_con .txt1{margin-bottom:20px;}
    .st2 .st_con .txt2  {font-size:26px;}
    
}
/*===============================
	sm 
===============================*/
@media (max-width: 991px) {
    .st1,.st2,.st3,.st4,.st5 {padding:100px 0 90px;}

 
 	.mvis .slider .item .mtxt {width:70%;}
    .st1 .st_con li {width:50%; margin-bottom:20px;}

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

    .st1 .st_con dl {padding:10px 10px; min-height:80px;}
    .st1 .st_con dl dt {font-size:18px;  font-weight:500;}
    .st1 .st_con dl dd {font-size:12px;; font-weight:300; line-height:1.2;}
    
    .st2 .st_con {width:100%; z-index:1;}
	.st2 .st_con img {display:inline-block;margin-top:0; margin-bottom:10px;}
    .st2 .st_con .txt1{font-size:18px; color:#ffffff;}
	.st2 .st_con span.line {background:#ffffff;}
	.st2 .st_con .txt2 span {color:#ffffff;}
    .st2 .st_con .txt2 {font-size:28px; color:#ffffff;}
    .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%;}
 
    .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;}

	.st4 .st_con span {font-size:35px;}
}