/* 清除默认边距 */
 * {
 	margin: 0;
 	padding: 0;
 }

 /* 整个网页添加背景图片 也可以设置颜色 box和box-in是浏览器变大，然后整个网页自动居中的设置*/
 body {
 	background-color: rgb(242, 231, 210);
 	position: relative;
 	height: auto;
 	min-height: 100%;
 }

 .box {
 	width: 100%;
 	margin: 0 auto;

 }

 .box>.box-in {

 	margin: 0 auto;

 	width: 100%;
 	min-width: 1280px;
 }



 /*header设置一个外边距 留出页面最上面的距离 */
 .header {
 	position: relative;
 	width: 100%;
 	height: 400px;
 	margin-bottom: 30px;
 }

 /* logo部分样式 */
 .logo {
 	height: 100%;
 	position: relative;
 	width: 100%;
 	margin-bottom: 20px;
 }

 /* logo图片设置 */

 .logo>img {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	/* 这个参数是设置图片缩放不变形的 */

 }




 /* 统一设置全文文字 颜色单独设因为不一定统一颜色 */
 a {
	text-decoration: none;}

 /* 导航条样式 */

 .header>.nav { 
 	position: absolute;
 	width: 100%;
 	height: 70px;
 	display: flex;
 	justify-content: center;
 	bottom: 20px;
 }
 

 /* 导航条部分 */
 .nav>ul {
 	/* margin-left: 310px; */
 	/* 这块想要居中的 暂未设 */
 	height: 70px;
 	/* 否则会有那个小圆点*/
 	list-style: none;
 }


 .nav>ul>li {
 	height: 80px;
 	padding: 0 35px;
 	/* background-color: #e46f71; */
 	float: left;

 }

 .nav>ul>li>a {
 	text-decoration: none;
 	font-size: 30px;
 	color: rgb(83, 35, 2);
 	line-height: 70px;
 	/* 等于导航条高度*/

 }







 /* 版心container部分 */
 .container {
 	width: 1300px;
 	/*占屏幕多少*/
 	height: 1900px;
 	/*temp 后期扩充内容以后就还要变高一点*/
 	/* background: #f2f5f7; */
 	/*往下挪一点（相对导航条那个div*/
 	margin: 0 auto;
 	/*居中*/
 }


 /* top1 start */

 .container>.top1 {margin: 0 auto;
 	overflow: hidden;
 	margin-top: 0px;
 	width: 90%;
 	height: 360px;
 	/*background-color: #8707ad;当设置完每个小模块的布局时这里的颜色可以去掉了原来只是为了看得明显*/
 	margin-bottom: 10px;
 }



 /* 先给 top1 的三个div 分配好 */


 .top1>.left {
 	/*background-color: #5d4cc0; */
 	/*高度记得跟它的上一级div一样*/
 	/* float:left;  */

 	height: 100%;
 	width: 53%;
 	float: left;
 	overflow: hidden;
 }

 .top1>.mid {
 	/*高度记得跟它的上一级div一样*/

 	/* float:left;  */
 	height: 100%;
 	width: 46%;
 	float: left;
 	overflow: hidden;
 	margin-left: 5px;
 }


 /* top1的left;  */
 .top1>.left>.theme1 {
 	width: 99%;
 	/*100%即横向填充，如果在height那里写100%就是竖向填充*/
 	height: 35px;
 	/*background-color: #f1dc19;设置完这一行就可以把颜色去掉了*/
 	border-bottom: 2px solid rgba(216, 88, 3, 0.897);
 	/*  边框 */
 	line-height: 35px;
 	/*  行高 */
 }

 .top1>.left>.theme1>.theme1_left {
 	font-size: larger;
 	font-weight: 800;
 	box-sizing: border-box;
 	padding-bottom: 8px;
 	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */

 }

 .top1>.left>.theme1>.theme1_right {
 	font-size: small;
 	font-style: italic;
 	/* 斜体*/
 	box-sizing: border-box;
 	padding-bottom: 8px;
 	float: right;
 }


 .top1>.left>.theme1>.theme1_right:hover a {
 	/* 光标移过去会变色 记得在大括号前加上标签名 a！！*/
 	color: #aad4e7
 }


 .top1>.left>ul {

 	width: 100%;
 	height: 350px;
 	margin-top: 5px;
 	margin-left: 0;
 	list-style: none;
 	/* 去掉li格式自带的原点*/
 	padding: 0 15px;
 	box-sizing: border-box;
 	overflow: hidden;
 	/*设置以后 在下面的list调上距的时候不会一起变*/
 }

 .top1>.left>ul>li:nth-of-type(1) {
 	/*第一个li距离顶端的距离*/
 	margin-top: 8px;
 }

 .top1>.left>ul>li {
 	margin-left: 1px;
 	font-size: 15px;
 	color: rgba(71, 68, 68, 0.932);
 	line-height: 32px;
 	/*  background-color: rgb(245, 241, 25);*/
 	padding-left: 2px;
 	/* 空出左边位置*/
 	/* background: url(../img/circle.png) no-repeat 0px 8px;*/
 }

 .top1>.left>ul>li>a {
    color:black;
 	margin-left: 0;
 	display: block;
 	width: 490px;
 	/* 这里的宽设小一点 不然会移行*/
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .top1>.left>ul>li>.time {
 	float: right;
 }


 .top1>.left>ul>li>a:hover {
 	/* 光标移过去会加上下划线 变色*/
 	text-decoration: underline;
 	color: #aad4e7;
 }

 /*top1中间图片滚动设置*/
 .top1>.mid>.swiper-container>.swiper-wrapper>.swiper-slide {
 	/* 光标移过去会加上下划线 变色*/
 	width: 100%;
 	height: 345px;
 	/*  background-color: #c4ee09;*/
 }


 .top1>.mid>.swiper-container>.swiper-wrapper>.swiper-slide>.img {

 	width: 100%;
 	height: 86%;
 }

 .top1>.mid>.swiper-container>.swiper-wrapper>.swiper-slide>.img img {

 	width: 100%;
 	height: 100%;
 }


 .top1>.mid>.swiper-container>.swiper-wrapper>.swiper-slide>.img_title {
 	width: 100%;
 	height: 100%;
 	font-size: 18px;
 }







 /*  top2 设置 */
 .top2 {width:90%;
 	height: 430px;margin: 0 auto;
 }

 .top2>.theme1 {
 	width: 99%;                   
 	/*100%即横向填充，如果在height那里写100%就是竖向填充*/
 	height: 35px;
 	/*background-color: #f1dc19;设置完这一行就可以把颜色去掉了*/
	 border-bottom: 2px solid rgba(216, 88, 3, 0.897);
 	/*  边框 */
 	line-height: 35px;
 	/*  行高 */
 }

 .top2>.theme1>.theme1_left {
 	font-size: larger;
 	font-weight: 800;
 	box-sizing: border-box;
 	padding-bottom: 8px;
 	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */

 }

 .top2>.theme1>.theme1_right {
 	font-size: small;
 	font-style: italic;
 	/* 斜体*/
 	box-sizing: border-box;
 	padding-bottom: 8px;
 	float: right;
 }


 .top2>.theme1>.theme1_right:hover a {
 	/* 光标移过去会变色 记得在大括号前加上标签名 a！！*/
 	color: #aad4e7
 }


 .top2>ul {
 	width: 100%;
 	height: 100%;
 	margin-top: 5px;
 	list-style: none;
 	/* 去掉li格式自带的原点*/
 	padding: 0 15px;
 	margin-left: 0;
 	box-sizing: border-box;
 	overflow: hidden;
 	/*设置以后 在下面的list调上距的时候不会一起变*/
 }

 .top2>ul>li:nth-of-type(1) {
 	/*第一个li距离顶端的距离*/
 	margin-top: 8px;
 }

 .top2>ul>li {
 	font-size: 15px;
 	color: rgba(71, 68, 68, 0.932);
 	line-height: 32px;
 	/*  background-color: rgb(245, 241, 25);*/
 	padding-left: 2px;
 	/* 空出左边位置*/
 	/* background: url(../img/circle.png) no-repeat 0px 8px;*/
 }

 .top2>ul>li>a {color:black;
 	display: block;
 	width: 650px;
 	/* 这里的宽设小一点 不然会移行*/
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .top2>ul>li>.time {
 	float: right;
 }


 .top2>ul>li>a:hover {
 	/* 光标移过去会加上下划线 变色*/
 	text-decoration: underline;
 	color: #aad4e7;
 }











 /*  top3 设置 */
 .top3 {width:90%; 
 	height: 330px;margin: 0 auto;
 }

 .top3>.theme1 {
 	width: 99%; 
 	/*100%即横向填充，如果在height那里写100%就是竖向填充*/
 	height: 35px;
 	/*background-color: #f1dc19;设置完这一行就可以把颜色去掉了*/
 	border-bottom: 2px solid rgba(216, 88, 3, 0.897);
 	/*  边框 */
 	line-height: 35px;
 	/*  行高 */
 }

 .top3>.theme1>.theme1_left {
 	font-size: larger;
 	font-weight: 800;
 	box-sizing: border-box;
 	padding-bottom: 8px;
 	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */

 }

 .top3>.theme1>.theme1_right {
 	font-size: small;
 	font-style: italic;
 	/* 斜体*/
 	box-sizing: border-box;
 	padding-bottom: 8px;
 	float: right;
 }


 .top3>.theme1>.theme1_right:hover a {
 	/* 光标移过去会变色 记得在大括号前加上标签名 a！！*/
 	color: #aad4e7
 }


 .top3>ul {
 	width: 100%;
 	height: 100%;
 	margin-top: 5px;
 	list-style: none;
 	/* 去掉li格式自带的原点*/
 	padding: 0 15px;
 	margin-left: 0;
 	box-sizing: border-box;
 	overflow: hidden;
 	/*设置以后 在下面的list调上距的时候不会一起变*/
 }

 .top3>ul>li:nth-of-type(1) {
 	/*第一个li距离顶端的距离*/
 	margin-top: 8px;
 }

 .top3>ul>li {
 	font-size: 15px;
 	color: rgba(71, 68, 68, 0.932);
 	line-height: 32px;
 	/*  background-color: rgb(245, 241, 25);*/
 	padding-left: 2px;
 	/* 空出左边位置*/
 	/* background: url(../img/circle.png) no-repeat 0px 8px;*/
 }

 .top3>ul>li>a {color:black;
 	display: block;
 	width: 480px;
 	/* 这里的宽设小一点 不然会移行*/
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .top3>ul>li>.time {
 	float: right;
 }


 .top3>ul>li>a:hover {
 	/* 光标移过去会加上下划线 变色*/
 	text-decoration: underline;
 	color: #aad4e7;
 }






 /* top4 start */

 .container>.top4 { 
 	overflow: hidden;
 	margin-top: 20px;
 	width: 100%;
 	height: 520px;
 	/*background-color: #8707ad;当设置完每个小模块的布局时这里的颜色可以去掉了原来只是为了看得明显*/
 	margin-bottom: 30px;
 }
 
 .top4>.top4mid>{ background-color: aqua;
 
}


 .top4>.top4mid>.theme1 {
	width: 99%;
	/*100%即横向填充，如果在height那里写100%就是竖向填充*/
	height: 35px;
	/*background-color: #f1dc19;设置完这一行就可以把颜色去掉了*/
	border-bottom: 2px solid rgba(216, 88, 3, 0.897);
	/*  边框 */
	line-height: 35px;
	/*  行高 */
}

.top4>.top4mid>.theme1>.theme1_left {
	font-size: larger;
	font-weight: 800;
	box-sizing: border-box;
	padding-bottom: 18px;
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */

}
 

 .container>.top4>.bg_pic {
		width: 100%;
 	height: 420px;
	background-image:  url(../img/top4_bg.png);
    background-size:cover;
    background-repeat: no-repeat;
 
}

.container>.top4>.bg_pic>.p1 { 
	width: 25%;
 height: 420px; 
 float:left;
 overflow: hidden;
}
.container>.top4>.bg_pic>.p1 img{ 
	width: 100%;
 height: 100%;  
}

 

.container>.top4>.bg_pic>.p2 { 
	width: 25%;
 height: 420px;  float:left;
 overflow: hidden;

}
.container>.top4>.bg_pic>.p2 img{ 
	width: 100%;
 height: 100%;  
}
 
.container>.top4>.bg_pic>.p3 { 
	width: 25%;
 height: 420px;  float:left;
 overflow: hidden;

}.container>.top4>.bg_pic>.p3 img{ 
	width: 100%;
 height: 100%;  
}

 
.container>.top4>.bg_pic>.p4 { 
	width: 25%;
 height: 420px;  float:left;
 overflow: hidden;

}
.container>.top4>.bg_pic>.p4 img{ 
	width: 100%;
 height: 100%;  
}




 /* top5 start */

 .container>.top5 {  
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	height: 520px;
	/*background-color: #8707ad;当设置完每个小模块的布局时这里的颜色可以去掉了原来只是为了看得明显*/
	margin-bottom: 40px;
}

.top5>.top5mid>{  

}


.top5>.top5mid>.theme1 {
   width: 99%;
   /*100%即横向填充，如果在height那里写100%就是竖向填充*/
   height: 35px;
   /*background-color: #f1dc19;设置完这一行就可以把颜色去掉了*/ 
   /*  边框 */
   line-height: 35px;
   /*  行高 */
}

.top5>.top5mid>.theme1>.theme1_left {
	font-size: larger;
	font-weight: 900;
	box-sizing: border-box;
	padding-bottom: 18px;
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */

}
 
.top5>.bg_pic>.p1 {float: left; margin-right: 40px;
	margin-left: 40px; width: 375px; height: 90px;
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */
 
 }
 .top5>.bg_pic>.p1  img{ width: 100%; height:  100%; 
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */
 
 }
  
 .top5>.bg_pic>.p2 {float: left; margin-right: 40px;
	width: 375px;height: 90px;
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */
 
 }
 .top5>.bg_pic>.p2  img{ width: 100%; height:  100%; 
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */
 
 }
 .top5>.bg_pic>.p3 {float: left;width: 375px;height: 90px;
 
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */
 
 }
 .top5>.bg_pic>.p3  img{ width: 100%; height:  100%; 
	/* border-bottom: 3px solid rgb(40, 6, 235); 边框 */
 
 }








 #swiper2 {
 	margin-top: 40px;
 }

 h1 {
 	text-align: center;
 	margin-bottom: 10px;
 }

 .swiper-slide>p {
 	font-size: 2px;
 	font-weight: 100;
 	text-align: center;
 	line-height: 60px;
 }





 /*底部*/


 .footer {
 	background: url("../img/red_footer.png");
 	width: 100%;
 	height: 520px;
 	padding: 60px 90px;
 	box-sizing: border-box;
 	justify-content: space-between;

 }

 .footer>img {
 	width: 100%;
 	height: 280px;
 }

 .footer>p {
 	text-align: center;
 	margin-top: 15px;
 }

 .footer>.footer_top {
 	width: 100%;
 	height: 200px;
 	color: rgb(196, 89, 2);
 	padding: 30px 90px;
 	box-sizing: border-box;
 	display: flex;
 }


 .footer_top>.left {
 	margin-left: 120px;

 	height: 100%;
 	;
 	width: 60%;
 	/* 左右的占比*/
 	/* background-color: #307885; */

 }

 .footer_top>.right {
 	height: 100%;
 	width: 40%;
 	/* 左右的占比*/
 	/* background-color: #e916e9; */
 }

 .footer_top>.left>.left_word {
 	width: 50%;
 	height: 100%;
 	float: left;
 }


 .footer_top>.left>.left_word {
 	width: 50%;
 	height: 100%;
 	float: left;
 }


 /* p的字体要专门写一个来设置 img同理*/
 .footer_top>.left>.left_word p {
 	font-size: 17px;
 	line-height: 25px;
 }


 .footer_top>.rightPic {
 	width: 50%;
 	height: 100%;
 	float: right;
 	/* background-color: #cf060a; */
 }

 .footer_top>.rightPic>div {
 	float: left;
 	width: 101px;
 }

 .footer_top>.rightPic>div>p {
 	text-align: center;
 }

 .footer_top>.rightPic img {
 	float: left;
 	/* 为什么margin-right不生效呢*/
 }

 .footer_top>.rightPic>img:nth-child(2) {
 	padding-top: 30px;
 	margin-left: 20px;
 }

 .footer_top>.rightPic>img:nth-child(3) {
 	padding-top: 20px;
 	margin-left: 20px;
 }