img,
a img {
  border: 0;
  margin: 0;
  padding: 0;
}
img {
  border: none;
  border: 0;
  max-width: 100%;
}
a {
  outline-style: none;
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
  -moz-outline: none;
}
/* 单行省略号 */
.elli-s1{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;position: absolute;}
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
	body {
		margin:0;
	}
	.outFrame{
		width:100%;
		height:935px;
	}
	.banner-top{
		width:100%;
		background-image: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.00) 80%, rgba(0,0,0,0.53) 100%);
	}
	.banner-text{
		position:absolute;
		top:74px;
		left:360px;
		width:130px;
		height:25px;
	}
	.bannerText-top {
		display: flex;
		margin-bottom: 10px;
		justify-content: space-between;
		position: absolute;
		left: 100px;
		top: 72px;
	}
	
	#bannerText-drop-down {
		height: 36px;
		position: relative;
	}
	
	#bannerText-drop-down-Box {
		display: none;
		position: absolute;
		left: 0;
		top: 35px;
		width: 130px;
		background: #fff;
		z-index: 1000;
		box-shadow: 0px 7px 8.28px 0.72px rgb(135 127 127 / 20%);
	}
	
	#bannerText-drop-down-icon {
		vertical-align: top;
		font-size: 18px;
	}
	
	#bannerText-drop-down-icon span{
		font-family: ArialMT;
		font-size: 18px;
		color: #FFFFFF;
		font-weight: 400;
	}
	
	#arrow-down {
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #FFFFFF;
		display: inline-block;
		margin-left: 0px;
		vertical-align: middle;
	}
	
	#bannerText-drop-down:hover #bannerText-drop-down-Box {
		display: block;
	}
	
	#bannerText-drop-down:hover #arrow-down {
		border-top: 0px;
		border-bottom: 6px solid #FFFFFF;
	}
	
	.lnglist {
		list-style: none;
		padding: 0px;
		text-align: center;
	}
	
	.lnglist li a {
		color: #000;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		background-color: white;
	}
	
	.lnglist li a:hover {
		background: #FAB07E;
	}
	.nav {
		display: flex;
		justify-content: center;
		gap: 36px;
		padding: 20px;
		font-family: ArialMT;
		font-size: 20px;
		color: #FFFFFF;
		font-weight: 400;
		position: absolute;
		top: 105px;
		right: 210px;
	}

	.nav a {
		color: white;
		text-decoration: none;
	}

	.nav a:hover,
	.nav a:focus {
	  text-decoration: underline;
	}
	 
	.nav a:active {
	  text-decoration: underline;
	}
	/*
	.nav{
		border:0;
		position:absolute;
		top:125px;
		left:435px;
	}
	.nav li{
		font-family: ArialMT;
		font-size: 20px;
		color: #FFFFFF;
		font-weight: 400;
		display:inline;
		margin-left:40px;
	}
	.nav li a {
            color: white;
            text-decoration: none;
        }
		
	.nav .active {
		text-decoration: underline;
	}
	*/
	.title{
		position:absolute;
		top:332px;
		left:556px;
		display: flex;
	}
	.wmt{
		width:408px;
		height:67px;
		font-family: ArialMT;
		font-size: 60px;
		color: #FFFFFF;
		font-weight: 400;
		margin-left:10px;
	}
	.ft{
		width:384px;
		height:100px;
		font-family: ArialMT;
		font-size: 90px;
		color: #FFFFFF;
		font-weight: 400;
		margin-top:-20px;
		margin-left:20px;
	}
	.search{
		width:626px;
		height:58px;
		position:absolute;
		top:532px;
		left:647px;
	}
	.sc{
		width:468px;
		height:52px;
		background: rgba(255,255,255,0.50);
		border: 3px solid rgba(255,255,255,1);
		border-radius: 8px;
	}
	.ssb{
		width: 157px;
		height:58px;
		font-family: ArialMT;
		font-size: 30px;
		color: #fff;
		font-weight: 400;
		background: #f76300;
		border-radius: 0px 8px 8px 0px;
		border:0;
		text-align: center;
		position:absolute;
	}
	.words{
		position:absolute;
		left:512px;
		top:830px;
	}
	.left{
		/*transform: scaleX(-1);*/
		width:44px;
		height:44px;
	}
	.wz{
		position: relative;
		margin-top: -35px;
		left: 235px;
		font-family: PingFangSC-Regular;
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
		font-weight: 400;
		width:500px;
	}
	.right{
		position: relative;
		left: 856px;
    	margin-top: -33px;
		width:44px;
		height:44px;
	}
	.picnews{
		width:100%;
		height:602px;
		background-image: url('../images/bg1.jpg'); 
	}
	.pic{
		width:700px;
		height:439px;
		position:relative;
		left:360px;
		top:55px;
			
	}
	.fanye{
		width: 8px;
		position:absolute;
		top:1039px;
		left:1170px;
	}
	.pic-next{
		width:8px;
		height:16px;
		transform: scaleX(1);
		border: 0px solid #F76300;
		position:absolute;
		top:1039px;
		left:1448px;
	}
	.picNews-item{
		width:264px;
		height:44px;
		position: relative;
    	top: -360px;
		margin-left:1174px;
	}
	.picNews-item ul li{
		width:44px;
		height:44px;
		display: inline-block;
  		margin-right: 20px;
		font-family: ArialMT;
		font-size: 24px;
		color: #F76300;
		font-weight: 400;
		background: rgba(255,255,255,0.30);
		border: 1px solid rgba(247,99,0,1);
		text-align: center; 
		line-height: 42px;
		border-radius: 50%;
	}
	.picNews-item ul li.highlight{background: #F76300;color: #fff;}
	.piccent{
		width:752px;
		height:422px;
		box-shadow: 0 2px 19px 0 rgba(247,99,0,0.15);
		background-image:url('../images/bg2.png');
		position:relative;
		left:840px;
		top:-340px;
	}
	.cent{
		width:670px;
		height:338px;
		font-family: ArialMT;
		font-size: 16px;
		color: #000000;
		line-height: 26px;
		font-weight: 400;
		display: flex;
  		justify-content: center; /* Horizontally centered */
  		align-items: center; /* Vertically centered */
		position: absolute;
    	top: 40px;
    	left: 45px;
	}
	.news{
		width:100%;
		height:594px;
		background: rgba(0,0,0,0.20);
		background-image:url('../images/News Focus1.png');
		background-position: center; /* The background image is centered */
  		background-repeat: no-repeat; /* The background image is not duplicated */
  		background-size: cover; /* The background image covers the entire element */
	}
	.newsTitle{
		width:105px;
		height:44px;
		font-family: Arial-BoldMT;
		font-size: 40px;
		color: #FFFFFF;
		text-align: center;
		font-weight: 700;
		position:absolute;
		left:907.5px;
		top:1580px;
	}
	.leftpic{
		width:600px;
		height:420px;
		position:absolute;
		margin-left:18.8%;
		margin-top:7.4%;
	}
	.righttext{
		background: #FFFFFF;
		width:600px;
		height:420px;
		position:relative;
		margin-left:49.92%;
		top:141px;
	}
	.news-list{
		width:580px;
		height:88px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position:relative;
		margin-bottom: 10px;
		margin-left: 10px;
		top:10px;
		transition: all 0.3s;
	}
	.news-list:hover {
		background: #F76300;
		width:580px;
		height:88px;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
		color: #FFFFFF;
	}
	.news-list:hover .news-list-time div{
		background: #F76300;
		width:96px;
		align-items: center;
		justify-content: space-between;
		color: #FFFFFF;
	}
	.news-list:hover .news-list-des a{
		background: #F76300;
		width:458px;
		align-items: center;
		justify-content: space-between;
		color: #FFFFFF;
	}
	.news-list-time{
		width:16.5%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-around;
		font-family: ArialMT;
		font-size: 16px;
		color: #333333;
		text-align: center;
		font-weight: 400;
		border-right: 1px solid #ccc;
	}
	.news-list-time div:last-child{
		font-family: Arial-BoldMT;
		font-size: 44px;
		color: #333333;
		text-align: center;
		font-weight: 700;
		white-space: nowrap;
   		overflow: hidden;
    	text-overflow: ellipsis;
	}
	.news-list-des{
		width:470px;
		line-height: 1.364;
	}
	.news-list-des a:first-child{
		width:468px;
		height:48px;
		font-family: Arial-BoldMT;
		font-size: 18px;
		color: #333333;
		line-height: 24px;
		font-weight: 700;
	}
	.news-list-des a:last-child{
		width:468px;
		height:16px;
		font-family: ArialMT;
		font-size: 13px;
		color: #999999;
		font-weight: 400;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.news-list-more{
		width:47px;
		height:22px;
		font-family: ArialMT;
		font-size: 16px;
		color: #F76300;
		text-align: right;
		font-weight: 400;
		position: absolute;
		right: 45px;
		bottom: 10px;
		z-index: 1000;
	}
	.text-underline{
	    position: absolute;
    	left: 26px;
    	top: 65px;
    	width: 64px;
    	height: 4px;
    	background: #F76300;
	}
	.explor{
		width:100%;
		height:770px;
	}
	.expTitle{
		width:354px;
		height:44px;
		font-family: Arial-BoldMT;
		font-size: 40px;
		color: #333333;
		text-align: center;
		font-weight: 700;
		position:absolute;
		left:791px;
		top:2179px;
	}
	
	.mid{
		width:100%;
		height:640px;
	}
	.mid .anleft{
		width:40px;
		height:40px;
		background: rgba(0,0,0,0.30);
		border: 0px solid rgba(255,255,255,1);
		position:relative;
		margin-left: 128px;
    	top: 444px;
		z-index:100;
	}
	.mid .anright{
		width:40px;
		height:40px;
		background: rgba(0,0,0,0.30);
		border: 0px solid rgba(255,255,255,1);
		position:relative;
		margin-left: 1745px;
    	top: 404px;
		z-index:100;
	}
	.midpic{
		width:100%;
		height:640px;
	}
	.midpic ul{
		width:100%;
		height:640px;
		display: block;
   		list-style-type: disc;
		text-align:center;
    	margin-block-start: 1em;
    	margin-block-end: 1em;
    	margin-inline-start: 0px;
    	margin-inline-end: 0px;
    	padding-inline-start: 0px;
	}
	.midpic ul li{
		background:none;
		float:left;
		width:33.33%;
		height:640px;
		position: relative;
		margin-top:50px;
    	/*left: -50px;*/
		list-style-type: none;
	}
	.midpic ul li img {
		width:634px;
		height:640px;
		background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.00) 70%, rgba(0,0,0,0.53) 100%);
        float: left;
		display: inline;
		/*margin-top:110px;*/
	}
	.midpic ul li span{
		width:590px;
		height:27px;
		font-family: Arial-BoldMT;
		font-size: 24px;
		color: #FFFFFF;
		text-align: center;
		font-weight: 700;
		position:relative;
		/*margin-left:100px;*/
		top:-90px;
	}
	.section5{
		width:100%;
		height:548px;
		
	}
	.section5 .title-4{
		width:100%;
		height:158px;
	}
	.section5 .title-4 ul{
		width:100%;
		height:158px;
		float: left;
		display: flex;
    	justify-content: space-between;
		list-style-type: none;
		/*list-style-type: disc;
    	margin-block-start: 1em;
    	margin-block-end: 1em;
    	margin-inline-start: 0px;
    	margin-inline-end: 0px;*/
    	padding-inline-start: 0px;
	}
	
	.section5 .title-4 ul li{
		text-decoration: none;
	}
	
	.section5 .title-4 ul li:first-child{
		width:50%;
		background: #FEF3EC;
		text-decoration: none;
		text-align: center;
	}
	.section5 .title-4 ul li:last-child{
		width:50%;
		background: #FFFFFF;
		text-decoration: none;
		text-align: center;
	}
	.section5 .title-4 ul li::before{
		content: '';
    	display: inline-block;
    	width: 64px;
    	height: 4px;
    	background: #F76300;
    	margin-top: 100px;
		position: relative;
   		z-index: 10;
	}
	
	.section5 .title-4 ul li.active::before {
		opacity: 1;
	}
	.section5 .title-4 ul li::before {
		opacity: 0;
	}
	/*
	.section5 .title-4 ul .li::after{
		content: '';
		width:960px;
		background: #FFFFFF;
		text-decoration: none;
		text-align: center;
	}
	
	.section5 .title-4 ul li::after{
		content: '';
		width:960px;
		height:158px;
		background: #fff;
	}
	.section5 .title-4 ul li:last-child::after{
		content: '';
		margin-top: 100px;
		position: relative;
		background: #fff;
		top: 0;
		z-index: 1;
	}*/
	
	.section5 .title-4 ul li a{
		width:500px;
		height:44px;
		font-family: Arial-BoldMT;
		font-size: 40px;
		color: #333333;
		text-align: center;
		font-weight: 700;
		display: block;
   		position: relative;
		top: -65px;
		left: 205px;
    	z-index: 10;
	}
	
	.newsIndex1{
		width:100%;
		height:395px;
		background: #FEF3EC;
	}
	.newsIndex1 .left1{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:40px;
		left:350px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex1 .left2{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:60px;
		left:350px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex1 .right1{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:-252px;
		left:960px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex1 .right2{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:-232px;
		left:960px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex1 .t1{
		
		height:24px;
		font-family: Arial-BoldMT;
		font-size: 18px;
		color: #FFFFFF;
		line-height: 24px;
		font-weight: 700;
		position:relative;
		text-align:center;
	}
	.newsMore{
		width:47px;
		height:22px;
		font-family: ArialMT;
		font-size: 16px;
		color: #F76300;
		text-align: right;
		font-weight: 400;
		position: relative;
		margin-top: -215px;
		margin-left: 1503px;
	}
	.newsMore a{color: #F76300;}
	.newsIndex2{
		width:100%;
		height:395px;
		background: #FEF3EC;
	}
	.newsIndex2 .left1{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:40px;
		left:350px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex2 .left2{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:60px;
		left:350px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex2 .right1{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:-252px;
		left:960px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex2 .right2{
		width:590px;
		height:128px;
		background: #F76300;
		border-radius: 8px;
		position:relative;
		top:-232px;
		left:960px;
		/*display: flex;*/
		align-items: center; /* Vertically centered */
		justify-content: center; /* The level is centered, if desired */
	}
	.newsIndex2 .t1{
		
		height:24px;
		font-family: Arial-BoldMT;
		font-size: 18px;
		color: #FFFFFF;
		line-height: 24px;
		font-weight: 700;
		position:relative;
		text-align:center;
	}
	.pdate{
		width:92px;
		height:24px;
		font-family: ArialMT;
		font-size: 16px;
		color: #FFFFFF;
		line-height: 24px;
		font-weight: 400;
		margin-top: 55px;
    	margin-left: 20px;
	}
	.foot{
		width:100%;
		height:82px;
		background: #575757;
		
	}
	.foot p{
		font-family: ArialMT;
		font-size: 14px;
		color: #FFFFFF;
		text-align: center;
		font-weight: 400;
		position: relative;
   		top: 35px;
	}
	
	@media (max-width: 1708px) {
		.outFrame{
			height:auto;
			width:100%;
		}
		.banner-top{
			width:100%;
			height:810px;
			background: white;
			/*background-image: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.00) 80%, rgba(0,0,0,0.53) 100%);*/
		}
		.banner-top  #bgImg{
			width:100%;
			height:779px;
		}
		.bannerText-top {
			left: 100px;
		}
		.nav {
			right: 100px;
		}
		.title{
			top:276px;
			left:420px;
		}
		.picnews{
			width:100%;
			height:640px;
		}
		.fanye{
			width:8px;
			height:16px;
			position:relative;
			top:-310px;
			left:1170px;
		}
		.pic-next{
			position:relative;
			top:-390px;
			left:1448px;
		}
		.newsTitle{
			position:relative;
			top:30px;
			left:790px;
		}
		.leftpic{
			margin-left: 13.8%;
			margin-top: 5.4%;
		}
		.righttext{
			margin-left:49.92%;
			top:90px;
		}
		.expTitle{
			position:relative;
			top:63px;
			left:665px;
		}
		.mid .anleft{
			margin-left:106px;
			top:386px;
		}
		.mid .anright{
			margin-left:1510px;
			top:346px;
		}
		
		.section5{
			height:558px;
			width:100%;
			background: #FEF3EC;
		}
		.section5 .title-4 {
			width: 100%;
			height: 120px;
		}
		.section5 .title-4 ul{
			height: 120px;
		}
		.newsIndex1{
			width:100%;
		}
		.newsIndex1 .left1 {
			top:80px;
			left:240px;
		}
		.newsIndex1 .left2 {
			top:80px;
			left:240px;
		}
		.newsIndex1 .right1 {
			top:-212px;
			left:860px;
		}
		.newsIndex1 .right2 {
			top:-212px;
			left:860px;
		}
		.newsIndex2{
			width:100%;
		}
		.newsIndex2 .left1 {
			top:80px;
			left:240px;
		}
		.newsIndex2 .left2 {
			top:80px;
			left:240px;
		}
		.newsIndex2 .right1 {
			top:-212px;
			left:860px;
		}
		.newsIndex2 .right2 {
			top:-212px;
			left:860px;
		}
		.newsMore{
			margin-top: -200px;
			margin-left:1380px;
		}
	}
	
	@media (max-width: 1680px) {
		.outFrame{
			height:auto;
			width:100%;
		}
		.banner-top{
			width:100%;
			height:810px;
			background: white;
			/*background-image: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.00) 80%, rgba(0,0,0,0.53) 100%);*/
		}
		.banner-top  #bgImg{
			width:100%;
			height:779px;
		}
		.bannerText-top {
			left: 100px;
		}
		.nav {
			right: 100px;
		}
		.title{
			top:276px;
			left:420px;
		}
		.picnews{
			width:100%;
			height:640px;
		}
		.fanye{
			width:8px;
			height:16px;
			position:relative;
			top:-310px;
			left:1170px;
		}
		.pic-next{
			position:relative;
			top:-390px;
			left:1448px;
		}
		.newsTitle{
			position:relative;
			top:40px;
			left:768px;
		}
		.leftpic{
			margin-left: 13.8%;
			margin-top: 5.4%;
		}
		.righttext{
			margin-left:49.92%;
			top:90px;
		}
		.expTitle{
			position:relative;
			top:60px;
			left:620px;
		}
		.mid .anleft{
			margin-left:106px;
			top:386px;
		}
		.mid .anright{
			margin-left:1510px;
			top:346px;
		}
		
		.section5{
			height:558px;
			width:100%;
			background: #FEF3EC;
		}
		.section5 .title-4 {
			width: 100%;
			height: 120px;
		}
		.section5 .title-4 ul{
			height: 120px;
		}
		.newsIndex1{
			width:100%;
		}
		.newsIndex1 .left1 {
			top:80px;
			left:230px;
		}
		.newsIndex1 .left2 {
			top:80px;
			left:230px;
		}
		.newsIndex1 .right1 {
			top:-211px;
			left:840px;
		}
		.newsIndex1 .right2 {
			top:-211px;
			left:840px;
		}
		.newsIndex2{
			width:100%;
		}
		.newsIndex2 .left1 {
			top:80px;
			left:230px;
		}
		.newsIndex2 .left2 {
			top:80px;
			left:230px;
		}
		.newsIndex2 .right1 {
			top:-211px;
			left:840px;
		}
		.newsIndex2 .right2 {
			top:-211px;
			left:840px;
		}
		.newsMore{
			margin-top: -200px;
			margin-left:1380px;
		}
	}
	
	/*1600*900px css*/
	@media only all and (max-width:1600px){
		.outFrame{
			height:auto;
			width:100%;
		}
		.banner-top{
			width:100%;
			height:780px;
			background: white;
			/*background-image: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.00) 80%, rgba(0,0,0,0.53) 100%);*/
		}
		.banner-top  #bgImg{
			width:100%;
			height:779px;
		}
		.bannerText-top {
			display: flex;
			margin-bottom: 10px;
			justify-content: space-between;
			position: absolute;
			left: 70px;
			top: 50px;
		}
		.nav {
			right: 60px;
		}
		/*
		.nav{
			top:100px;
			left:260px;
			
		}
		.nav li{
			margin-left: 20px;
		}
		*/
		.title{
			top:276px;
			left:330px;
		}
		.search{
			top:455px;
			left:534px;
		}
		.words{
			width:560px;
			position:relative;
			left:366px;
			top:-100px;
		}
		.wz{
			width:460px;
			height:25px;
		}
		.right{
			width:44px;
			height:44px;
			
		}
		.picnews{
			width:100%;
		}
		.fanye{
			width:8px;
			height:16px;
			position:relative;
			top:-327px;
			left:1030px;
		}
		.pic-next{
			position:relative;
			top:-402px;
			left:1356px;
		}
		.pic{
			left:230px;
		}
		.picNews-item{
			top:-375px;
			margin-left:1060px;
		}
		.piccent{
			width:720px;
			left:700px;
			top:-360px;
		}
		.cent{
			left:40px;
		}
		.news{
			width:100%;
		}
		.newsTitle{
			position:relative;
			top:30px;
			left:750px;
		}
		.leftpic{
			
			margin-left: 12.8%;
			margin-top: 5.5%;
		}
		.righttext{
			margin-left:50.1%;
			top:87px;
		}
		.explor{
			width:100%;
			height: 700px;
		}
		.expTitle{
			position:relative;
			top:60px;
			left:600px;
		}
		.mid{
			width:100%;
		}
		.mid .anleft{
			margin-left:106px;
			top:386px;
		}
		.mid .anright{
			margin-left:1446px;
			top:346px;
		}
		.midpic{
			width:100%;
			height:590px;
		}
		.midpic ul{
			width:100%;
			height:533px;
		}
		.midpic ul li {
			width:33.33%;
			height:533px;
		}
		.midpic ul li img{
			width:527px;
			height:533px;
		}
		.midpic ul li span{
			top:-80px;
		}
		
		.section5{
			width:100%;
		}
		.section5 .title-4 {
			width:100%;
			height: 148px;
		}
		.section5 .title-4 ul{
			width:100%;
			height:148px;
		}
		.section5 .title-4 ul li:first-child{
			width:50%;
		}
		.section5 .title-4 ul li:last-child{
			width:50%;
		}
		.section5 .title-4 ul li a{
			left:140px;
		}
		.newsIndex1{
			width:100%;
		}
		.newsIndex1 .left1 {
			left:190px;
		}
		.newsIndex1 .left2 {
			left:190px;
		}
		.newsIndex1 .right1 {
			left:810px;
		}
		.newsIndex1 .right2 {
			left:810px;
		}
		.newsIndex2{
			width:100%;
		}
		.newsIndex2 .left1 {
			left:190px;
		}
		.newsIndex2 .left2 {
			left:190px;
		}
		.newsIndex2 .right1 {
			left:810px;
		}
		.newsIndex2 .right2 {
			left:810px;
		}
		.newsMore{
			margin-left:1350px;
		}
		.foot{
			width:100%;
		}
		
	}
	/*1440px css*/
	@media only all and (max-width:1440px){
		.outFrame{
			height:auto;
			width:100%;
		}
		.banner-top{
			width:100%;
			height:690px;
			background: white;
			/*background-image: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.00) 80%, rgba(0,0,0,0.53) 100%);*/
		}
		.banner-top  #bgImg{
			width:100%;
			height:779px;
		}
		.bannerText-top {
			display: flex;
			margin-bottom: 10px;
			justify-content: space-between;
			position: absolute;
			left: 40px;
			top: 50px;
		}
		.nav {
			gap: 20px;
			right: 10px;
		}
		/*
		.nav{
			top:100px;
			left:90px;
			
		}*/
		.title{
			top:276px;
			left:310px;
		}
		.search{
			top:455px;
			left:400px;
		}
		.words{
			width:560px;
			position:relative;
			left:270px;
			top:-100px;
		}
		.wz{
			width:460px;
			height:25px;
		}
		.right{
			width:44px;
			height:44px;
			
		}
		.picnews{
			width:100%;
		}
		.fanye{
			width:8px;
			height:16px;
			position:relative;
			top:-327px;
			left:980px;
		}
		.pic-next{
			position:relative;
			top:-402px;
			left:1290px;
		}
		.pic{
			left:190px;
		}
		.picNews-item{
			margin-left:1000px;
		}
		.piccent{
			width:700px;
			left:656px;
			top:-360px;
		}
		.cent{
			left:32px;
			width:660px;
			font-size:14px;
		}
		.news{
			width:100%;
		}
		.newsTitle{
			position:relative;
			top:30px;
			left:660px;
		}
		.leftpic{
			
			margin-left: 120px;
			margin-top: 5.5%;
		}
		.righttext{
			margin-left:50.1%;
			top:78px;
		}
		.explor{
			width:100%;
			height: 700px;
		}
		.expTitle{
			position:relative;
			top:60px;
			left:540px;
		}
		.mid{
			width:100%;
		}
		.mid .anleft{
			margin-left:95px;
			top:360px;
		}
		.mid .anright{
			margin-left:1300px;
			top:320px;
		}
		.midpic{
			width:100%;
			height:590px;
		}
		.midpic ul{
			width:100%;
			height:480px;
		}
		.midpic ul li {
			width:474px;
			height:480px;
		}
		.midpic ul li img{
			width:474px;
			height:480px;
		}
		.midpic ul li span{
			top:-80px;
		}
		
		.section5{
			width:100%;
			height:538px;
		}
		.section5 .title-4 {
			width:100%;
			height: 138px;
		}
		.section5 .title-4 ul{
			width:100%;
			height:148px;
		}
		.section5 .title-4 ul li:first-child{
			width:50%;
		}
		.section5 .title-4 ul li:last-child{
			width:50%;
		}
		.section5 .title-4 ul li a{
			left:110px;
		}
		.newsIndex1{
			width:100%;
		}
		.newsIndex1 .left1 {
			left:110px;
		}
		.newsIndex1 .left2 {
			left:110px;
		}
		.newsIndex1 .right1 {
			left:720px;
		}
		.newsIndex1 .right2 {
			left:720px;
		}
		.newsIndex2{
			width:100%;
		}
		.newsIndex2 .left1 {
			left:110px;
		}
		.newsIndex2 .left2 {
			left:110px;
		}
		.newsIndex2 .right1 {
			left:720px;
		}
		.newsIndex2 .right2 {
			left:720px;
		}
		.newsMore{
			margin-left:1260px;
		}
		.foot{
			width:100%;
		}
		.foot p{
			width:1390px;
		}
		
	}
	/*1360px css*/
	@media only all and (max-width:1360px){
		.outFrame{
			height:auto;
			width:100%;
		}
		.banner-top{
			width:100%;
			height:650px;
			background: white;
		}
		.banner-top  #bgImg{
			width:100%;
			height:779px;
		}
		.bannerText-top {
			display: flex;
			margin-bottom: 10px;
			justify-content: space-between;
			position: absolute;
			left: 50px;
			top: 50px;
		}
		.nav {
			gap: 15px;
			right: 0px;
		}
		/*
		.nav{
			top:100px;
			left:120px;
		}
		.nav li{
			margin-left: 20px;
			font-size: 18px;
		}*/
		.title{
			top:276px;
			left:270px;
		}
		.search{
			top:455px;
			left:360px;
		}
		.words{
			width:560px;
			position:relative;
			left:230px;
			top:-100px;
		}
		.wz{
			width:460px;
			height:25px;
		}
		.right{
			width:44px;
			height:44px;
			
		}
		.picnews{
			width:100%;
		}
		.fanye{
			width:8px;
			height:16px;
			position:relative;
			top:-327px;
			left:930px;
		}
		.pic-next{
			position:relative;
			top:-402px;
			left:1210px;
		}
		.pic{
			left:140px;
		}
		.picNews-item{
			margin-left:940px;
		}
		.piccent{
			width:700px;
			left:600px;
			top:-360px;
		}
		.cent{
			left:32px;
			width:660px;
			font-size:14px;
		}
		.news{
			width:100%;
		}
		.newsTitle{
			position:relative;
			top:30px;
			left:620px;
		}
		.leftpic{
			margin-left: 80px;
			margin-top: 5.5%;
		}
		.righttext{
			margin-left:50.1%;
			top:74px;
		}
		.explor{
			width:100%;
			height: 700px;
		}
		.expTitle{
			position:relative;
			top:60px;
			left:490px;
		}
		.mid{
			width:100%;
		}
		.mid .anleft{
			margin-left:90px;
			top:340px;
		}
		.mid .anright{
			margin-left:1225px;
			top:300px;
		}
		.midpic{
			width:100%;
			height:510px;
		}
		.midpic ul{
			width:100%;
			height:453px;
		}
		.midpic ul li {
			width:33.33%;
			height:453px;
		}
		.midpic ul li img{
			width:100%;
			height:453px;
		}
		.midpic ul li span{
			font-size:22px;
			top:-80px;
		}
		
		.section5{
			width:100%;
		}
		.section5 .title-4 {
			width:100%;
			height:138px;
		}
		.section5 .title-4 ul{
			width:100%;
			height:148px;
		}
		.section5 .title-4 ul li:first-child{
			width:50%;
		}
		.section5 .title-4 ul li:last-child{
			width:50%;
		}
		.section5 .title-4 ul li a{
			left:70px;
		}
		.newsIndex1{
			width:100%;
		}
		.newsIndex1 .left1 {
			left:70px;
		}
		.newsIndex1 .left2 {
			left:70px;
		}
		.newsIndex1 .right1 {
			left:680px;
		}
		.newsIndex1 .right2 {
			left:680px;
		}
		.newsIndex2{
			width:100%;
		}
		.newsIndex2 .left1 {
			left:70px;
		}
		.newsIndex2 .left2 {
			left:70px;
		}
		.newsIndex2 .right1 {
			left:680px;
		}
		.newsIndex2 .right2 {
			left:680px;
		}
		.newsMore{
			margin-left:1210px;
		}
		.foot{
			width:100%;
		}
		.foot p{
			width:1300px;
		}
		
	}
	/*1280px css*/
	@media only all and (max-width:1280px){
		.outFrame{
			height:auto;
			width:100%;
		}
		.banner-top{
			width:100%;
			height:780px;
			background: white;
		}
		.banner-top  #bgImg{
			width:100%;
			height:779px;
		}
		.bannerText-top {
			display: flex;
			margin-bottom: 10px;
			justify-content: space-between;
			position: absolute;
			left: 50px;
			top: 50px;
		}
		.nav {
			gap: 20px;
			right: 0px;
		}
		/*
		.nav{
			top:100px;
			left:140px;
			
		}*/
		.title{
			top:276px;
			left:230px;
		}
		.search{
			top:455px;
			left:330px;
		}
		.words{
			width:560px;
			position:relative;
			left:200px;
			top:-100px;
		}
		.wz{
			width:460px;
			height:25px;
		}
		.right{
			width:44px;
			height:44px;
			
		}
		.picnews{
			width:100%;
		}
		.fanye{
			width:8px;
			height:16px;
			position:relative;
			top:-327px;
			left:930px;
		}
		.pic-next{
			position:relative;
			top:-402px;
			left:1210px;
		}
		.pic{
			left:90px;
		}
		.picNews-item{
			margin-left:940px;
		}
		.piccent{
			width:700px;
			left:550px;
			top:-360px;
		}
		.cent{
			left:32px;
			width:660px;
			font-size:14px;
		}
		.news{
			width:100%;
		}
		.newsTitle{
			position:relative;
			top:30px;
			left:580px;
		}
		.leftpic{
			margin-left: 40px;
			margin-top: 5.5%;
		}
		.righttext{
			margin-left:50.1%;
			top:70px;
		}
		.explor{
			width:100%;
			height: 700px;
		}
		.expTitle{
			position:relative;
			top:60px;
			left:450px;
		}
		.mid{
			width:100%;
		}
		.mid .anleft{
			margin-left:90px;
			top:340px;
		}
		.mid .anright{
			margin-left:1136px;
			top:300px;
		}
		.midpic{
			width:100%;
			height:510px;
		}
		.midpic ul{
			width:100%;
			height:453px;
		}
		.midpic ul li {
			width:33.33%;
			height:425px;
		}
		.midpic ul li img{
			width:100%;
			height:425px;
		}
		.midpic ul li span{
			font-size:20px;
			top:-80px;
		}
		.section5{
			width:100%;
		}
		.section5 .title-4 {
			width:100%;
			height:128px;
		}
		.section5 .title-4 ul{
			width:100%;
			height:148px;
		}
		.section5 .title-4 ul li:first-child{
			width:640px;
		}
		.section5 .title-4 ul li:last-child{
			width:640px;
		}
		.section5 .title-4 ul li a{
			left:50px;
		}
		.newsIndex1{
			width:100%;
			height: 410px;
		}
		.newsIndex1 .left1 {
			left:30px;
		}
		.newsIndex1 .left2 {
			left:30px;
		}
		.newsIndex1 .right1 {
			left:640px;
		}
		.newsIndex1 .right2 {
			left:640px;
		}
		.newsIndex2{
			width:100%;
			height: 410px;
		}
		.newsIndex2 .left1 {
			left:30px;
		}
		.newsIndex2 .left2 {
			left:30px;
		}
		.newsIndex2 .right1 {
			left:640px;
		}
		.newsIndex2 .right2 {
			left:640px;
		}
		.newsMore{
			margin-left:1180px;
		}
		.foot{
			width:100%;
		}
		.foot p{
			width:1240px;
		}
		
	}