/* lg */ 
@media (min-width:1200px) {
	#st1 .container {
		
	}

	#st1 .st_con2_bn {
		padding:38px 0 42px;
	}

	#st1 .col-md-7 {
		width:700px;
		padding:0;
	}

	#st1 .col-md-5 {
		float:right;
		width:442px;
		padding:0;
	}

	#st1 .col-md-12 {
		padding:0;
	}

	#st1 .st_con2 p {
		padding:33px 15px 0;
		line-height:1.2em;
		height:2.4em;
	}

	#st1 .bn1 h2 {
		font-size:35px;
	}

	#st1 .bn3 h2 {
		margin: 0 0 38px;
		font-size: 40px;
	}

	#st1 .bn3 .con_info p {
		padding:0;
		text-align:center;
	}

	#st1 .bn2 h2 {
		font-size:35px;
	}

	#st2 .container{
		padding:0;
	}

	#st4 .con_right p,
	#st4 .con_right h4 {
		width:206px;
	}

	#st4 .container .row .col-md-4 {
		width:31.7%;
	}

	#st4 .container .row .col-md-8 {
		width:68%;
	}

	#st4 .con_info {
		
	}

	#st4 .con_left .con_info {
		padding:0 0 0 33px;
	}

	#st4 .con_right .con_info {
		display:inline-block;
		padding:0 33px 0 0;
		text-align:right;
	}

	#st5 .bn01, #st5 .bn02 {
		width:49.6%;
		min-height:93px;
	}

	#st5 .bn01 {
		margin-right:3px;
	}

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

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

}



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

	#svis .st_con h2 {
		padding:85px 0;
	}

	.mtxt {height:600px;}
	.mtxt h2 {font-size:3.8em;}
	.mtxt p {font-size:1.3em;}
	.mtxt span {font-size:1.6em;}
	.slick-list, #mvis {height:600px;}

	#st1 .bn1, #st1 .bn2 {
		width:100%;
	}

	#st1 .bn3 p {
		text-align:center;
	}

	#st1 .st_con2 p {
		line-height:1.2em;
		height:2.4em;
	}

	#st1 .st_con2_bn {
		padding:31px 0;
	}

	#st3 .con_info {
		padding:40px;
	}

	#st3 .con_info h2 {
		font-size:25px;
		line-height:32px;
	}

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

	#st3 .st_con {
		height:324px;
	}

	#st3 .button {
		width: 160px;
		height: 40px;
		margin:20px 0 0;
	}

	#st4 .con_left {
		margin:0;
		right:32%;
	}

	#st4 .con_left .con_info{
		margin-left: 20px;
	} 

	#st4 .con_right {
		float:right;
		margin:0;
	}

	#st4 .con_right .con_img {
		float:right;
		position: relative;
		margin-left: 20px;
	}

	#st4 .con_right .con_info {
		display: table;
		text-align: right;
	}

	#st4 .con_info {
		padding:0;
	}

	#st4 .st_img {
		left:34%;
		width:32%;
	}

	#st5 .con_left {
		margin-left: 0;
		width: 50%;
	}

	#st5 .con_right {
		width: 45%;
		margin-left: 30px;
	}

	#st5 .bn01, #st5 .bn02 {
		width:49.6%;
		min-height:95px;
		padding: 28px 20px;
	}

	#st5 .bn01 {
		margin-right:3px;
	}

	#st5 .info {
		margin-left:5px;
	}

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

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

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


}



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

	.topbar ul {
		text-align:center;
		line-height:25px;
	}

	.topbar ul li {
		margin:0 10px;
	}

	.topbar ul li span {
		display:none;
	}
	
	.nav_wrap .container {
		width:100%;
		margin:0;
		padding:0;
	}

	#web_cate_ul1_box {
		padding:0;
	}

	.web_cate_ul1 {
		border:0;
		border-radius:0;
	}

	.mtxt {height:500px;}
	.mtxt img{width: 50%}
	.mtxt h2 {font-size:3.3em;}
	.mtxt p {font-size:1.3em;}
	.mtxt span {font-size:1.5em;}
	.slick-list, #mvis {height:500px;}

	#st1 .bn1, #st1 .bn2 {
		width:100%;
	}

	#st1 button {
		width:150px;
	}

	#st1 h2 {
		font-size:25px;
	}

	#st1 .bn2 {
		background-position:center;
	}
	#st1 .bn3 .con_info p{
		text-align:center;
	}
	#st1 .st_con1_1, #st1 .st_con1_2  {
		display:table;
	}

	#st1 .con_img {
		width:100%;
	}

	#st1 .con_info {
		display:table-cell;
		width:50%;
		vertical-align:middle;
	}

	#st1 .btn-sm {
		padding: 8px 26px;
		font-size: 13px;
		margin-top: 35px;
	}

	#st2 h1 {
		font-size:25px;
		font-weight:500;
	}

	#st2 .con_info {
		padding:76px 15px;
	}

	#st3 .con_info h2 {
		font-size:25px;
	}

	#st3 .con_info p {
		font-size:14px;
	}

	#st3 .st_con {
		height:870px;
	}

	#st4 .con_left {
		margin:0;
	}

	#st4 .con_right {
		float:right;
		margin:0 -15px 0 0;
	}

	#st4 .con_right .con_img {
		float:right;
		position:relative;
	}

	#st4 .con_right .con_info {
		display:inline-block;
		text-align:right;
	} 

	#st4 .con_info {
		padding:0 15px;
	}

	#st4 .st_img {
		left:3%;
		width:auto;
	}

	#st4 .con_info p {
		width:206px;
	}

	#st5 {
		margin:60px 0;
	}

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

	#st5 .con_left {
		padding: 0;
	}

	#st5 .st_con {
		margin:0;
	}

	#st5 .info {
		text-align: center;
	}

	#st5 .icon {
		top:-5px;
		text-align: center;
	}

	#st5 .icon .fa {
		float: none;
		padding:0;

	}

	#st5 .con_right {
		margin:0;
	}

	#st5 .board {
		padding:30px 0;
	}

	#st5 .bn01, #st5 .bn02 {
		width:49.6%;
		min-height:99px;
		padding:30px;
		text-align: center;
	} 

	#st5 .bn01 {
		margin-right:5px;
	}

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

	#vis {
		height:410px;
	}

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

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

	#footer .con_info {
		padding:0;
	}

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

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

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

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


}



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

	.topbar ul {
		text-align:center;
		line-height:25px;
	}

	.topbar ul li {
		margin:0 10px;
	}

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

	.logo img {
		padding:10px 0;
		height:70px;
	}

	.nav_wrap .container {
		padding:0;
	}

	#web_cate_ul1_box {
		padding:0;
	}

	.web_cate_ul1 {
		border:0;
		border-radius:0;
	}

	.mtxt {height:400px;}
	.mtxt img{width: 50%}
	.mtxt h2 {font-size:2.4em;font-weight:400;}
	.mtxt p {font-size:1.0em; letter-spacing:0.5em;}
	.mtxt span {font-size:1.3em;}
	.slick-list, #mvis {height:400px;}
	.slick-arrow, .slick-dots, .slick-slider:hover .slick-arrow {display:none !important;}

	#hd_stick_cont {
		padding:0;
	}

	.st {
		margin: 50px 0;
	}

	.st_tit {
		font-weight:normal;
	}

	.st_tit h1 {
		font-size:25px;
	}

	#st1 {
		margin:60px 0;
	}

	#st1 button, #st3 .button {
		width:130px;
		height:40px;
		margin: 25px 0 0;
		font-size:12px;
	}

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

	#st1 .con_info p {
		font-size:13px;
		text-align:left;
	}

	#st1 .bn1 {
		margin-bottom: 30px;
	}

	#st1 .bn1, #st1 .bn2, #st1 .bn3 {
		display:block;
		width:100%;
		height:auto;
		background-size:cover;
	}

	#st1 .bn3 .con_info {
		text-align:left;
	}

	#st1 .st_con1_1, #st1 .st_con1_2  {
		display:table;
	}

	#st1 .st_con2 p {
		font-size:14px;
		line-height:1.2em;
		height:2.4em;
	}
	
	#st1 .st_con2_bn {
		padding:20px 0;
	}

	#st1 .con_img {
		width:100%;
	}

	#st1 .con_info {
		display:table-cell;
		width:50%;
		padding:40px 30px;
		vertical-align:middle;
	}

	#st1 .btn-sm {
		padding: 7px 22px;
		font-size: 13px;
		margin-top: 20px;
	}
	
	#st2 {padding:50px 0; margin:0;}
	#st2 .con_info {
	    margin: 21px 15px;
		padding:40px 15px;
	}

	#st2 h1 {
		font-size:20px;
	}

	#st3 {
		padding:60px 20px;
	}

	#st5 .slide, #st5 .slick-list {height:280px;}

	#st3 .st_con {
		height:auto;
		box-shadow:none;
	}

	#st3 .con_info {
		padding:20px;
		background:#fff;
	}

	#st3 .con_info h2 {
		font-size:20px;
		line-height:30px;
	}

	#st3 .con_info p {
		height:auto;
		margin:0;
		font-size:14px;
		line-height:24px;
	}

	#st4 .con_info {display:block;}

	#st4 .con_info a {
		font-size: 14px;
	}

	#st4 .con_right {
		margin:0;
	}

	#st4 {
		margin-bottom:0;
	}

	#st4 .con_left,
	#st4 .con_right {
		margin:0;
	}

	#st4 .con_right .con_img {
		float:none;
		position:relative;

	}

	#st4 .con_info h4 {
		text-align:center;
	}

	#st4 .st_con {
		float:left;
		display:block;
		width:50%;
		text-align:center;
	}

	#st4 .con_img {
		display:block;
	}

	#st4 .con_info {
		position:relative;
		width: 100%;
		padding:15px;
		text-align: center;
	}

	#st4 .con_info p {
		margin-bottom: 15px;
		text-align:center;
		line-height: 1.5em;
		height: 5.5em;
	}

	#st4 .con_info h2 {
		font-size:20px;
	}

	#st4 .st_img {
		left:0;
		padding:15px;
		width:auto;
		text-align:center;
	}

	#st5 {
		margin:60px 0;
	}

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

	#st5 .con_right {
		margin:0 15px;
	}

	#st5 .bn01, #st5 .bn02 {
		min-height:69px;
		margin:5px 0;
		padding: 15px;
		text-align: center;
	}

	#st5 .board {
		padding: 40px 0;
	}

	#st5 .st_con {
		margin:0;
		padding: 20px;
	}

	#st5 .info {
		float: none;
		text-align: center;
	}

	#st5 .icon {
		text-align: center;
	}

	#st5 .icon .fa {
		padding:0;

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

	#footer .con_info {
		padding:0;
	}

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

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

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

	.foot_link {
		margin:0;
	}

	.foot_link ul {
		display:block;
	}

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

	.foot_con {
		padding:80px 0 60px;
	}

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

	#return-to-top {
		right:1.5em;
		bottom:1.5em;
	}


}



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

	.mtxt{width: 80%;}
	.mtxt img{width: 80%;}
	.mtxt h2 {font-size:22px;}
	.mtxt p {margin-bottom:10px;}

	#st1 .st_con1_1, #st1 .st_con1_2 {
		display:block;
	}

	#st1 .st_con2 p {
		font-size:13px;
		line-height:1.2em;
		height:2.4em;
		padding:30px 15px;
	}
	
	#st1 .st_con2_bn {
		padding:30px 0;
	}

	#st2 .con_info {
	    margin: 21px 15px;
		padding:40px 15px;
	}

	.con_info h4 {
		text-align:center;
	}

	#st4 .con_info h4 {
		margin:8px 0; 
	}

	#st4 .con_info p {
		height: auto;
		min-height:0;
	}

	#st4 .st_con {
		display:block;
		width:100%;
		padding:0;
		text-align:center;
	}

	#st4 .st_img img {
		width:70%;
	}

	.foot_link {
		margin:0;
	}

	.foot_link ul li {
		line-height:35px;
		width:100%;
	}

}