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

 /* 整个网页添加背景图片 也可以设置颜色*/
 body {
 	background: rgb(250, 219, 191);
 	position: relative;
 	height: auto;
 	min-height: 100%;
 }

 .box {
 	width: 100%
 }

 .box>.box-in {
 	width: 1200px;
 	position: relative;
 	margin: 0 auto
 }



 /*header设置一个外边距 留出页面最上面的距离 */
 .header {
 	height: 900px;
 	/*margin-top: 15px;*/
 }




 /* logo部分样式 */
 .logo {
 	width: 100%;
 	height: 120px;
 	background-color: #cf060a;
 }

 /* 导航条样式 */

 .nav {
 	width: 100%;
 	height: 70px;
 	background-color: #e92c2f;
 	display: flex;
 	justify-content: center;
 }


 /* 清除a标签的样式 否则默认是蓝色的会很丑*/

 a {
 	text-decoration: none;
 	color: #101111ce;
 }



 /* 导航条部分 */


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


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

 }



 .nav>ul>li>a {
 	font-size: 25px;
 	color: white;
 	line-height: 70px;
 	/* 等于导航条高度*/

 }

 /* logo图片设置 */
 .logo>img {
 	width: 320px;
 	/* height: 60px; */
 	float: left;
 	margin-left: 35px;
 	/* 外边距设置*/
 	margin-top: 35px;
 }

 /* logo 依法治校 专题网标签设置 */
 .logo>p {
 	font-size: 56px;
 	float: right;
 	margin-right: 200px;
 	color: white;
 	font-family: "华文行楷";
 	line-height: 120px;
 }




 /* banner 居中 滚动 暂未设*/
 /* .banner{width: 100%;
height: 800px;
background-color: #eb6112;
background: url(../img/banner_002.jpg) no-repeat;
background-size: 100% 600px; 
} */
 .banner-container>.banner-img-container {
 	width: 6000px;
 	height: 600px;
 	overflow: hidden;
 	position: absolute;
 	/* 开启弹性盒，让图片横向排列 */
 	display: flex;
 	animation: run 20s ease infinite;
 }

 .banner-container>.banner-img-container>li {
 	list-style: none;
 	/* 否则会有那个小圆点*/

 }

 .banner-container .banner-img-container img {
 	width: 1200px;
 	height: 100%;
 }



 /* 轮播图关键帧 */
 /* 自动轮播 */
 /* @keyframes run { */

 	/* 0%, */
 	/* 10% { */
 		/* margin-left: 0; */
 		/* transform: translateX(0); */
 	/* } */

 	/* 20%, */
 	/* 30% { */
 		/* margin-left: -1200px;; */
 		/* transform: translateX(-1200px); */
 	/* } */

 	/* 40%, */
 	/* 50% { */
 		/* margin-left: -2400px; */
 		/* transform: translateX(-2400px); */
 	/* } */

 	/* 60%, */
 	/* 70% { */
 		/* margin-left: -3600px; */
 		/* transform: translateX(-3600px); */
 	/* } */

 	/* 80%, */
 	/* 90% { */
 		/* margin-left: -4800px; */
 		/* transform: translateX(-4800px); */
 	/* } */

 	/* 100% { */
 		/* margin-left: 0; */
 		/* transform: translateX(0); */
 	/* } */
 /* }s */



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


 .container>.top1 {
 	overflow: hidden;
 	width: 100%;
 	height: 320px;
 	/*background-color: #08f808;当设置完每个小模块的布局时这里的颜色可以去掉了原来只是为了看得明显*/
 }

 .top1>.left {
 	/*高度记得跟它的上一级div一样*/
 	width: 580px;
 	height: 100%;
 	/*background-color: #f19a28;*/
 	float: left;
 	/*如果不加float div是默认从上往下排列的，然而现在需要水平*/
 	margin: 0 15px;
 }


 .top1>.right {
 	/*高度记得跟它的上一级div一样*/
 	/* width: 350px;
        height: 100%; */
 	margin-top: 50px;
 	background-color: #fa633e;
 	background: url(../img/law.jpg) no-repeat;
 	/* float:left;  */
 	height: 100%;
 	width: 340px;
 	overflow: hidden;
 	background-size: 100%;
 }


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


 .top1>.left>.theme1>.theme1_left {
 	font-size: 34;
 	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: 14;
 	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: 270px;
 	background-color: white;
 	margin-top: 15px;
 	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 {
 	font-size: 15px;
 	color: rgba(71, 68, 68, 0.932);
 	line-height: 32px;
 	/*  background-color: rgb(245, 241, 25);*/
 	padding-left: 25px;
 	/* 空出左边位置*/
 	background: url(../img/circle.png) no-repeat 0px 8px;
 }

 .top1>.left>ul>li>a {
 	display: block;
 	width: 430px;
 	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;
 }



 /* top2 start */

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

 .top2>.top2right {
 	/*高度记得跟它的上一级div一样*/
 	width: 520px;
 	height: 100%;
 	/* background-color: #f19a28; */
 	float: right;
 	/*如果不加float div是默认从上往下排列的，然而现在需要水平*/
 	margin: 0 15px;
 }


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

 	margin-top: 60px;
 	/* background-color: #fa633e; */
 	background: url(../img/open_resource.jpg) no-repeat;
 	/* float:left;  */
 	height: 100%;
 	width: 360px;
 	overflow: hidden;
 	background-size: 100%;
 	margin-left: 15px;
 }


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


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

 }



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



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


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


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

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

.top2>.top2right>ul>li>a {
 	display: block;
 	width: 375px;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

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


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

#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 {
 	width: 100%;
 	height: 280px;
 	background-color: #eb6112;
 	color: white;
 	padding: 30px 90px;
 	box-sizing: border-box;
 	justify-content: space-between
 }

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

 .footer>.footer_top {
 	width: 100%;
 	height: 200px;
 	background-color: #f19a67;
 	color: white;
 	padding: 30px 90px;
 	box-sizing: border-box;
 	display: flex;
 }


 .footer_top>.left {
 	height: 100%;
 	;
 	width: 70%;
 	/* 左右的占比*/
 	/* background-color: #307885; */

 }

 .footer_top>.right {
 	height: 100%;
 	width: 30%;
 	/* 左右的占比*/
 	/* 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: left;
 	/* 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;
 }