@media screen and (max-width: 1200px){
	body {overflow-x: hidden;}
	body, .wrap {width: 100%;}
    #header .hea_left {width: 61%;}
	#header .hea_left > a > p {width: 23%;}
	#header .hea_left > a > h1 {font-size: 26px; width:60%; line-height:49px; padding: 25px 0px;}
	#header .hea_left > a {width: 100%;}


	#content1 .slide_box {width: 100%;}
	#content1 .content_txt {left: 20px; width:85%;}
	#content1 .content_txt .con_txt_inner a {width:100%;}
	.peo_in_img {height: auto;}
	.peo_txt_box {height: auto;}
	
	#content2 {margin-top: 0px;}
	#content2 .big_box {height: auto;}
	#content2 .big_box.box2 {width: 80%;}
	#content2 .big_box.box1 {width: 80%; margin: 30px 100px;}
	#content2 .big_box.box1 .con_in_img > a > img {width: 100%; height: auto; transform: translateY(-30%);}
	#content2 .people_box {width: 47%; height: auto; display: inline-block; vertical-align: top; margin-right: 2%;}
	#content2 .people_box:nth-of-type(2) {margin-top: 0px;}
	.peo_in_img {width: 100%;}


	#content3 .left_box {margin-left: 30px;}
	
	
	#content4 ul li.culBox:nth-child(1) {margin-left: 30px;}
	#content4 ul li.culBox {width:calc((100% - 30px) / 2);}
	#content4 .title {margin-left: 30px;}
	#content4 .con4_left {margin-left: 30px; width: 20%;}
	#content4 .right {width: 70%; padding: 0 30px;}
	#content4 .right a {width: 32%;}
	#content4 .right a .con4_culture {width: 100%;}
	#content4 .right a .con4_culture .con4_cul_txt {width: 100%;}


	#content5 .title {margin-left: 30px;}
	#content5 .left {margin-lefT: 30px; width: 5%;}
	#content5 .right {width: 80%;}
	#content5 .right .news_big_box:nth-child(1) {margin-top: 30px;}
	#content5 .right .news_big_box .news_m_box {width: calc((100% - 4%) / 2); overflow: hidden;}
	#content5 .right .news_big_box > div > a > .txt_box {background: none;}
	#content5 .bottom {overflow: hidden;}
	#content5 .bottom > div > a > .txt_box {width: 90%; }



	.width-auto {width: 95%; padding: 10px;}

	.text_banner > .title {margin-left: 30px;}
	.text_banner > div:nth-child(2) {left: 30px;}
  
  }
  @media screen and (max-width: 1050px){
	#header .hea_left > a > h1 {font-size:22px;}

	

  }
  @media screen and (max-width: 950px){
	
	#header .hea_left {width:75%;}

	.title {margin-left: 45px;}
	.tit_margin {margin-top: 10px;}
	#content2 .big_box:nth-of-type(1) {margin-left: 45px;}
	#content2 .big_box.box1 {width: 88%; margin: 30px 45px;}
	#content2 .big_box.box2 {width: 90%;}
	#content2 .people_box:nth-of-type(2) {margin-top: 0px;}


	#content4 {height: auto;}
	#content4 .con4_left {margin-top: 20px; width: 40%;}
	#content4 .right{width: 90%; float: none; margin-top: 20px;}
	#content4 .right a .con4_culture {display: inline-block; float: none; width: 100%; vertical-align: top;}
	#content5 .bottom.bottom-type3 > div a {width: 100%;}

	#content5 .right .news_big_box .news_m_box {width: 100%; margin-bottom: 10px;}

	.txt_box {width: 100%;}
	#content5 .bottom {height: auto; margin-top: 60px;}
	#content5 .bottom.bottom-type3 > div {width: 100%; margin-bottom: 10px; height: auto;}
	#content5 .bottom > div > a > .txt_box { height: auto;}


	/*hotplace*/
	.hotp_b_box {height:280px;}
	.hotp_viewbox {width: 90%; height: auto;}

	/*¹®È­°¡ ÀÖ´Â ³¯*/
	.newsletter-floor {background-size: auto 100%; margin-top: 0px;}
	.width-auto { width: 96%; }
	.width-auto ul .date strong {width: 54px; line-height:54px; font-size:30px;}
	.width-auto ul li { display: block; text-align: center; margin: 10px 0;}
	.width-auto ul li.title img {width: 60%;}
	
  }
  @media screen and (max-width: 750px) {
  	body {overflow-x: hidden; overflow: -webkit-hidden-x;}
	#content5 .bottom > div > a > .txt_box {width: 65%; height: auto;}
  }
  @media screen and (max-width: 750px) {
  	body {overflow-x: hidden; overflow: -webkit-hidden-x;}

	.background {display: none;}
	#header {width: 100%; }
	#header .hea_left {width: 65%; }
  	#header .hea_left > a > p {display:none;}
	#header .hea_left > a > h1 {font-size: 18px; width: 63%; line-height: 26px; padding: 30px 40px 20px;}
	#header .hea_right {width: 33%; padding: 10px 0px; float: right;}
	#header .hea_right > a {width: auto; height: auto;}
	#header .hea_right > a > .link_box {width: 30px; height: 30px; margin-right: 5px;}
	
	.title {margin-left: 30px;}

	#content2 .big_box {margin-top: 15px;}
	#content2 .big_box.box1 {width: 100%; margin-left: 0px; margin-right: 0px;}
	#content2 .big_box.box1 .con_in_img {height: 321px;}
	#content2 .big_box.box1 .con_in_img > a {width:88%; margin: 0 auto; display: block;}
	#content2 .big_box.box1 .con_in_img > a > img {transform: translateY(0px);}
	#content2 .big_box.box1 .con2_txt_box {margin-left: 30px;}
	#content2 .big_box.box2 {margin-left: 0px; }
	#content2 .big_box.box2 {width: 100%;}
	#content2 .people_box {width: 100%;}
	#content2 .people_box:nth-of-type(2) {margin-top: 20px;}
	#content2 .peo_txt_box {width: 88%; margin-left: 30px;}
	#content2 .peo_in_img {width: 100%;}
	#content2 .peo_in_img > a {width: 88%; margin: 0 auto; display: block;}
	#content2 .peo_in_img > a > img {width: 100%; }

	#content3 {height: 750px;}
	#content3 .left_box {z-index: 100; width: 80%; height: 40px; }
	#content3 .left_box > .con_txt_inner {transform: translate(0px); color: #fff; }
	#content3 .left_box > .con_txt_inner.black {color: #333;}
	#content3 .left_box a {transform: translate(0px);}
	#content3 .right_box {width: 100%; height: auto;}
	.cont3_1_right { height: auto;}
	#content3 > .background {top: 400px !important;}
	
	#content4 ul li.culBox:nth-child(1) {margin-left: 10px;}
	#content4 ul li.culBox {width:calc((100% - 10px) / 2);}
	#content4 .title {width: 80%;}
	#content4 .con4_left {width: 88%; margin-top: 50px;}
	#content4 .con4_left > .s_txt {margin-top: 0px;}
	#content4 .con4_left .btn {vertical-align: top; height: 100%; margin-top: 15px;}
	#content4 .right0 {height: 360px;}
	#content4 .right {width: 100%; margin-top: 20px; background: #f9f8f3;overflow-x: scroll; overflow-y: hidden;}
	#content4 .right div.scroll {width: 200%;}
	#content4 .right.youtube a {width:250px;}
	#content4 .right a {width: 200px; vertical-align: top;}
	#content4 .right a .con4_culture {width: 200px;}
	#content4 .right_no {background: none; overflow-x: auto; width:86%;}

	#content4 .right .table2 a {width: 100%; margin-right: 0px;}
	#content4 .right .table2 a div {width: 100%; height: auto; margin-bottom: 20px;}

	#content4 > .background {top: 700px; left: 90px;}
	
	.video {height: 375px !important;}
	

	#content5 { margin-top: 50px; background: #f9f8f3;}
	#content5 .title {width: 80%;}
	#content5 .left {margin-left: 0px; display: none;}
	#content5 .right {width: 90%; padding: 0px 18px;}
	#content5 .right .news_big_box {width: 100%;}
	#content5 .right .news_big_box .news_m_box {width: 100%; margin-bottom: 10px; margin-right: 0px;}
	#content5 .right .news_big_box:nth-child(2) .news_m_box:nth-child(2){margin-left: 0px; }
	#content5 .right .s_txt {font-size: 14.5px;}
	#content5 .bottom {height: auto; margin-top: 40px;}
	#content5 .bottom.bottom-type3 > div {width: 100%; height: auto;}
	
	.bottom > div {width: 100%; margin-bottom: 10px;}
	.bottom > div a {width: 100%;}
	#content5 .bottom > div > a > .txt_box {width: 80%; height: auto;}

	.txt_content_body .img_box table {width: 100% !important;}
	.txt_content_body .img_box table tr td img {width: 100% !important;}
	.text_banner > div:nth-child(2) {width: 85%;}

	.people_sc {overflow-x: scroll;}
	table.people_table { min-width: 660px;}
	table.people_table tr td {padding: 10px 0px;}

	.click_box {width: 60px; height: 60px;}

	/*hotplace*/
	.hotplace-top {height: auto;}
	.hotp_t_left {width: 100%; border-right: 0px; border-bottom: 1px solid #333333; margin-left: 10px; padding-bottom: 30px;}
	.hotp_t_right {width: 80%; margin-left: 10px;}
	.hotp_b_box {height: auto; margin-bottom: 0px;}
	.hotp_b_box > div {width: 50%; float: none; margin: 0 auto; margin-bottom: 10px;}
	.hotp_b_box > div:nth-child(3) {margin-right: auto;}
	.hotp_img {height: 417px;}

	.width-auto ul li.title img {width: 90%;}
  }
 @media screen and (max-width: 500px) {
	.s_txt{font-size:16px;}
	.small_tit {font-size:18px;}
	.m_txt {font-size: 20px;}
	.big_tit {font-size:30px;}
	
	.tit_margin {margin-top: 0px;}
	.content_txt > h1{font-size:25px;}
	
 	.hotp_b_box > div {width: 100%; float: none; margin: 0 auto; margin-bottom: 10px;}
	.hotp_img {height: 207px;}
	
	#content1 {height: 720px;}
	#content2 .s_txt {font-size: 14px;}
	#content1 .click1 {right: 30px; bottom: 30px;}
	

	.con2_txt_box{width:88%;}
	#content2 .big_box.box1 {margin-top: 20px;}
	
	/*ÀͽºÇ÷η¯ ½ºÅ©·Ñ*/
	#content4 {margin-top: 10px;}
	/*---*/
	
	#content4 .con4_left{margin-top: 10px;}
	#content4 .right div.scroll {width: 230%;}
	.video {height: 325px !important;}

	#content5{margin-top: 20px;}
	#content5 .bottom > div:nth-child(1),#content5 .bottom > div:nth-child(2) {margin-right:0px;}

	.hotp_t_left .small_tit {font-size: 16px;}
	.hotp_t_left .big_tit {font-size:24px;}
	.hotp_t_right .big_tit {font-size:24px; line-height:30px;}
	.hotp_txt_box {margin: 15px 20px;}

	.text_banner > div:nth-child(2) {bottom: 30px;}

	.width-auto ul .date strong{width: 34px; line-height:34px; font-size:20px;}

 }