@media screen and (max-width: 1050px){
	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;}
	#header .hea_left > a {width: 500px;}


	#content1 .slide_box {width: 100%;}
	#content1 .content_txt {left: 20px; width:85%;}
	#content1 .content_txt .con_txt_inner a {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: 50%;}
	#content4 .right {width: 90%; 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 .news_big_box:nth-child(1) {margin-top: 30px;}
	#content5 .right .news_big_box .news_m_box {width: calc((100% - 16%) / 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: 100%; }



	.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: 750px) {
  	body {overflow-x: hidden; overflow: -webkit-hidden-x;}
	#content5 .bottom > div > a > .txt_box {width: 65%; }
  }
  @media screen and (max-width: 500px) {
  	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: 37%; 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;}
	
	
	#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 {margin-top: 50px;}
	#content4 .right {background: #f9f8f3;}
	#content4 .right a {width: 49%;}
	#content4 .right .con4_culture {width: auto;}
	#content4 > .background {top: 700px; left: 90px;}
	
	#content5 {height: 690px; margin-top: 10px; background: #f9f8f3;}
	#content5 .title {width: 80%;}
	#content5 .left {margin-left: 0px;}
	
	#content5 .right .news_big_box .news_m_box {width: 90%; margin-bottom: 10px;}
	#content5 .right .news_big_box:nth-child(2) .news_m_box:nth-child(2){margin-left: 20px; }
	#content5 .right .s_txt {font-size: 14.5px;}
	.bottom {height: auto; margin-top: 90px;}
	.bottom > div {width: 100%; margin-bottom: 10px;}
	.bottom > div a {width: 100%;}
	#content5 .bottom > div > a > .txt_box {width: 80%;}


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