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

	.col-md-20p {
		float:left;
		width:20%;
		padding:0;
	}

	.nav_wrap {
		padding:5px 0;
	}

	#st4 .container {
		padding:0;
	}

	.foot_con {
		display:table;
		width:100%;
	}

	#footer .con_info {
		float:none;
		display:table-cell;
		vertical-align:middle;
	}

	#footer .con_info .cs p {
		line-height:25px;
	}

}



/*===============================
	md 
===============================*/ 
@media (min-width:992px) and (max-width:1199px) {

	.col-md-20p {
		float:left;
		width:20%;
		padding:0;
	}

	.mtxt {margin-top:110px;text-align:center;}
	.mtxt h2 {margin-bottom:20px;font-size:80px;}
	.mtxt p {font-size:22px;}
	.slick-list {height:600px;}

	#st1 img {
		margin:0 20px;
	}

	#st2 .st_con {
		width:50%;
	}

	#st2 .con_info {
		padding:0;
	}

	#st3 h2 {
		font-size:22px;
	}

	#st4 .container {
		padding:0;
	}

	#st3 .st_con:hover {
		background-position: center -17em;
	}

	#st5 {
		padding:130px 0;
	}

	.foot_con {
		display:table;
		width:100%;
	}

	#footer .con_info {
		float:none;
		display:table-cell;
		vertical-align:middle;
	}

	#footer .con_info .cs p {
		line-height:25px;
	}


}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {

	.col-md-20p {
		float:left;
		width:20%;
		padding:0;
	}

	.mtxt {margin-top:110px;text-align:center;}
	.mtxt h2 {margin-bottom:15px;font-size:60px;}
	.mtxt p {font-size:18px;}
	.slick-list, .slide {height:500px;}

	#svis .st_con h2 {
		padding: 75px 0;
		font-size: 25px;
	}

	#st1 {
		margin-top:-70px;
	}

	#st1 img {
		display:block;
		margin:0 auto;
	}

	#st1 .st_con {
		text-align:center;
	}

	#st1 .st_con:before, #st1 .st_con:after {
		top:96px;
	}

	#st1 .st_con p {
		font-size:14px;
	}

	#st2 .row div {
		text-align:center;
	}

	#st2 img {
		width:auto;
	}

	#st2 h2 {
		margin:25px 0;
		font-size:35px;
		line-height:40px;
	}

	#st2 p {
		font-size:18px;
	}

	#st2 a {
		margin-top:45px;
	}

	#st3 h2 {
		font-size:20px;
	}

	#st3 p {
		height:6.0em;
	}

	#st3 .container {
		width:100%;
	}

	#st3 .con_info {
		text-align:center;
	}

	#st3 .con_info a {
		left:0;
		right:0;
		bottom:30px;
	}

	#st3 .st_con:hover {
		background-position: center -18em;
	}

	#st4 .st_tit {
		margin-bottom:30px;
		padding:30px 0;
	}

	#st4 .st_tit img {
		display:none;
	}

	#st4 h2 {
		margin-top:0;
	}

	#st4 .con_left {
		padding:0 10px;
	}

	#st5 {
		padding:100px 0;
	}

	#st4 p {
		margin-top:10px;
	}

	#footer .con_info {
		padding: 0;
	}

	#footer .con_info h4 {
		padding:0 0 15px;
	}

	#footer .con_info .cs p {
		font-size:25px;
	}

	.foot_con {
		width:100%;
		padding:80px 0 60px;
	}

	.foot_con .cs,
	.foot_con .addr {
		margin-bottom:60px;
	}

	.foot_link ul li {
		padding:0 15px;
	}

}



/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {

	.topbar ul {
		text-align:center;
	}

	.topbar ul li {
		margin:3px 8px;
	}

	.topbar ul li span {
		display:none;
	}

	.topbar ul li a {
		font-weight:normal;
	}

	.logo img {
		height:70px;
	}

	.nav_wrap .container {
		padding:0;
	}

	#svis .st_con h2 {
		padding: 60px 0;
		font-size: 22px;
		font-weight:normal;
	}

	.st .btn {
		padding:10px 35px;
		font-weight:normal;
	}

	.mtxt {margin-top:50px;text-align:center;}
	.mtxt h2 {margin-bottom:10px;font-size:40px;}
	.mtxt p {font-size:14px;}
	.mtxt img {width:45%;}
	.slick-list, .slide {height:400px;}
	.slick-arrow, .slick-dots, .slick-slider:hover .slick-arrow {display:none !important;}

	#st1 {
		padding:15px 0;
	}

	#st1 img {
		margin:0 15px;
	}

	#st1 .st_con {
		margin:8px 0;
		padding:10px 0;
	}

	#st1 .st_con:before, #st1 .st_con:after {
		display:none;
	}

	#st1 .st_con p {
		font-size:14px;
	}

	#st2 {
		padding:30px 0;
	}

	#st2 h2 {
		margin:20px 0;
		font-size:25px;
		line-height:30px;
		font-weight:bold;
	}

	#st2 p {
		font-size:16px;
		word-break:keep-all;
	}

	#st2 .con_info {
		text-align:center;
	}

	#st3 h2 {
		font-size: 20px;
		margin-bottom:8px;
	}

	#st3 p {
		height:2.8em;
		line-height:1.4em;
		color:#232323;
	}

	#st3 .st_con {
		height:300px;
		margin:20px 15px;
		padding:0;
		overflow:hidden;
		background-position:left;
		background-size:60% auto;
	}

	#st3 .st_con .con_info {
		display:block;
		width:40%;
		height:100%;
		right:0;
		padding:100px 13px;
		text-align:center;
		background:#cec6aa;
	}

	#st3 .st_con:hover {
		background-position:left;
	}

	#st3 .con_info a {
		display:block;
		float:none;
		position:relative;
		right:0;
		bottom:0;
		margin-top:45px;
	}

	#st4 {
		padding:40px 0 30px;
	}

	#st4 .con_left {
		padding:0 10px;
	}

	#st4 .st_tit {
		margin-bottom:15px;
		padding:30px 0;
	}

	#st4 .st_tit img {
		display:none;
	}

	#st4 h2 {
		margin-top:0;
		font-size:25px;
	}

	#st4 p {
		margin-top:5px;
	}

	#st5 {
		padding:60px 0;
		background-attachment: unset;
		background-size: cover;
	}

	#st5 h2 {
	    font-size:20px;
		margin-bottom:10px;
	}

	#st5 p {
		font-size:14px;
		margin-bottom:35px;
	}

	#st6 .st_con {
		height:auto;
	}

	#st6 .con_info {
		position:relative;
		width:100%;
		height:100%;
		text-align:center;
	}

	#st6 .con_info p {
		font-size:14px;
		line-height:22px;
	}

	#st6 h2 {
		font-size:20px;
	}

	#st6 .con_img {
		position:absolute;
		width:100%;
		height:100%;
	} 

	#footer .con_info {
		padding: 0;
	}

	#footer .con_info h4 {
		padding:0 0 15px;
		font-size:18px;
	}

	#footer .con_info ul li {
		margin: 0 10px;
	}

	#footer .con_info .cs p {
		font-size:25px;
	}

	.foot_logo {
		margin-bottom:20px;
	}

	.foot_con {
		width:100%;
		padding:80px 0 60px;
	}

	.foot_con .cs,
	.foot_con .addr {
		margin-bottom:60px;
	}

	.foot_link {
		margin:0;
	}

	.foot_link ul {
		display:block;
	}

	.foot_link ul li {
		line-height: 35px;
		width: 50%;
		padding: 0;
	}


}



/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {

	.mtxt h2  {margin-bottom:10px;font-size:30px;}
	.mtxt p {font-size:13px;}
	.bx-wrapper .bx-controls-direction a {display:none;}
	.bx-wrapper .bx-pager {display:none;}

	#st3 p {
		height: 4.0em;
		line-height: 1.3em;
		color:#fff;
	}

	#st3 .con_info a,
	#st3 .st_con:hover .con_info a,
	#st3 .st_con:hover p {
		color:#c6c6c6;
	}


	#st3 .st_con {
		height:250px;
		background-position:center;
		background-size: cover;
	}

	#st3 .st_con .con_info {
		width:100%;
		height:100%;
		padding:60px 30px;
		text-align:left;
		background: rgba(0,0,0,0.2);
	}

	#st3 .st_con:hover {
		background-position:center;
	}

	#st3 .st_con:hover .overlay {
		background:rgba(0, 0, 0, 0.37);
	}

	#st3 .con_info a {
		margin-top:15px;
	}

	.slide {
		height:400px;
		background-size:cover;
	}

}