/*===============================
	lg 
===============================*/
@media (max-width: 1900px)  {
.mvis .slider .item .mtxt img {margin-left:8%;}
}
@media (max-width: 1500px)  {
.mvis .slider .item .mtxt img {margin-left:2%;}
}

@media (min-width: 1200px) {

}

/*===============================
	md
===============================*/
@media (max-width: 1280px)  {
    .mvis .slider .item { padding-top:40%;}
    .mvis .slider .item .mtxt img {margin-left:0%;}
    
}
/*===============================
	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 p{font-size:36px;}
	.st4 p img{width:80%;}

    .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;}
	.st_tit h2{font-size:30px;}
    
    .mvis .slider .item .mtxt img {width:65%;}
    .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:10px 10px; min-height:80px; /*background:#333;*/}
    .st1 .st_con dl dt {font-size:18px; /*color:#11c0a7;*/ font-weight:500;}
    .st1 .st_con dl dd {font-size:12px; /*color:#ffffff;*/ 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:24px; color:#fff;}
    .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 p{font-size:25px;}

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

	.st_tit h2{font-size:26px;}

    .mvis .slider .item { padding-top:60%;}
    .mvis .slider .item .mtxt img {width:80%;}
    .mvis .slider .item .mtxt .mtxt1 {text-align: center;}
    .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;}
 
    .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 p{font-size:18px; letter-spacing:-1px;}
}