@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: 45%; height: auto; display: inline-block; vertical-align: top;}
	#content2 .people_box:nth-of-type(2) {margin-top: 0px;}


	#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: 950px){
	
	#header .hea_left {width:75%;}

	.title {margin-left: 45px;}
	#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 {vertical-align: top; width:48%;}
	#content2 .people_box:nth-of-type(2) {margin-top: 0px;}


	#content4 {height: auto;}
	#content4 .con4_left {margin-top: 20px; width: 40%;}
	#content4 .con4_left p:nth-child(2) {display: inline-block;}
	#content4 .con4_left .btn {margin-left: 10px;}
	#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;}
  }
  @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: 10px;}
	#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 > img {transform: translateY(0px);}
	#content2 .big_box.box1 .con2_txt_box {padding-left: 10px;}
	#content2 .big_box.box2 {margin-left: 0px; }
	#content2 .big_box.box2 {width: 100%;}
	#content2 .people_box {width: 100%;}
	#content2 .peo_txt_box {width: 100%}
	#content2 .peo_in_img {width: 100%;}
	#content2 .peo_in_img > a {width: 100%;}
	#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: 100%; margin-top: 50px;}
	#content4 .right0 {height: 360px;}
	#content4 .right {width: 100%; margin-top: 30px; 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;}
	#content4 .right a .con4_culture {width: 200px;}
	#content4 > .background {top: 700px; left: 90px;}
	

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