/* CSS Document */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul li {
	list-style: none;
}

img {
	max-width: 100%;
	display: block;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: auto;
	background:#F1F1F1;
	font-size: 14px;
	color: #333;
}

a {
	text-decoration: none;
}

.flex {
	display: flex !important;
	display: -webkit-flex;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

.flex.j-end {
	justify-content: flex-end;
}

.flex.a-center {
	align-items: center;
}

.flex.col {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}

.flex .fx1 {
	flex: 1;
}

.full {
	height: 100%;
}

.container {
	width: 1303px;
	margin: auto;
   
}

.container_a {
	width: 1405px;
	margin: auto;
}

.header {
	width: 100%;
	border-bottom: 2px solid #f1f1f1; 
	margin-top:10px;
}

.headerContainer {
	padding: 0px 40px;
}

.logo {
	width: 327px;
	height: 75px;
}

.rightPhone {
	padding-right: 20px;
}

.rightPhone h4 {
	font-weight: 400;
	color: #666;
	font-size: 14px;
	padding-right: 10px;
}

.rightPhone .icon {
	width: 55px;
	height: 55px;
	background: url(../img/telIcon.png) no-repeat;
}

.phoneText {
	font-size: 20px;
	color: #024088;
	padding-left: 10px;
}

.menu {
	width: 100%;
	height: 39px;
	background: #142c68;
}

.menu a {
	color: #fff;
	font-weight: 400;
	display: block;
	padding: 0px 20px;
}
.menu h4{font-size: 16px;}
.banner img {
	width: 100%;
}

.curriculum {
	width: 100%;
	background: url(../img/curriculum_beijing.jpg) no-repeat;
	height: auto;
	padding: 6% 0;
}

.curriculum_tatle {
	text-align: center;
	color: #003399;
	font-weight: 600;
	font-size: 32px;
}

.curriculum_box {
	margin-top: 30px;
}

.curriculum_biaoti {
	overflow: hidden;
	width: 92%;
	margin: 0 auto;
	border-bottom: 1px solid #a0a0a0;
}


.wenzi {
	color: #0d2960;
	
	font-weight: 400;
	display: block;
	padding: 20px 30px;
	position: relative;
	cursor: pointer;
	font-size: 24px;
	float: left;
	padding-bottom: 20px;
}

.wenzi:hover,
.wenzi.active {
	color: #b01f24;
}

.wenzi.active::before {
	content: '';
	width: 60%;
	height: 7px;
	background: #b01f24;
	position: absolute;
	bottom: 0;
	left: 20%;
}

.line {
	width: 92%;
	background: #a0a0a0;
	height: 1px;
	margin: 2% auto;
}

.cont {
	display: none;
}

.cont_a {
	overflow: hidden;
	width: 94%;
	margin: 0 auto;
}

.cont_a li {
	width: 23%;
	background: #fff;
	border: 1px solid #d2d2d2;
	float: left;
	margin: 1%;
}

.cont_a_riqi {
	overflow: hidden;
	width: 80%;
	margin: 10px auto;
	margin-top: 18px;
}

.cont_a_riqi em {
	border-bottom: 1px solid #d2d2d2;
	width: 30%;
	float: left;
}

.cont_a_riqi span {
	float: left;
	color: #999;
}

.cont_a li p {
	color: #333;
	text-align: center;
	width: 80%;
	margin: 10px auto;
	font-size: 17px;
	margin-bottom: 18px;
}
.swiper-pagination-bullet{
	opacity: 1;
	background: none;
	border: 1px solid #007aff;
}
.swiper-pagination-bullet-active{
	background: #007aff !important;
}
.chakan {
	border-radius: 5px;
	font-size: 18px;
	border: 2px solid #a0a0a0;
	text-align: center;
	width: 92%;
	margin: 0px auto;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
}

.chakan a {
	color: #b01f24;
}

.guanggaowei img {
	width: 100%;
}

.class {
	margin-top: 5%;
}
.newsLeft .swiper-pagination-bullet-active{color: #fff !important; border:1px solid #007aff !important;}
.huixian_a {
	width: 92%;
	height: 1px;
	margin: 0 auto;
	border-bottom: 1px solid #a0a0a0;
	margin-top: 20px;
	position: relative;
}

.hongxian_a {
	width: 10%;
	height: 7px;
	margin-top: 0%;
	position: absolute;
	left: 45%;
	margin-top: -3px;
	background: #b01f24;
	top: -3px;
}

.huixian_a a {
	color: #b01f24;
	position: absolute;
	right: 0;
	top: -33px;
}

.class_box {
	/* overflow: hidden; */
	width: 94%;
	margin: 3% auto;
	overflow: hidden;
}

.class_box li {
	width: 23%;
	border: 1px solid #d2d2d2;
	float: left;
	margin: 3% 1%;
	box-shadow: 3px 3px 3px #b7b5b5;
}


.class_box_a {
	background: #b01f24;
	text-align: center;
	width: 23%;
	padding: 2%;
	margin-top: -10%;
	margin-left: 5%;
	padding: 4% 0;
}

.class_box_a h3 {
	color: #fff;
	font-size: 24px;
}

.class_box_a p {
	color: #fff;
}

.class_box_a_wenzi {
	font-size: 21px;
	margin: 5% 5%;
}

.class_box li a {
	font-size: 12px;
	margin: 5% 5%;
	color: #b01f24;
	display: block;
}

.special {
	width: 100%;
	height: 70px;
}

.specialLeft {
	flex: 1;
	padding-right: 20px;
	font-size: 14px;
}

.specialSearch {
	width: 276px;
	height: 27px;
	background: #e5e5e5;
}

.specialSearch input {
	flex: 1;
	border: 0;
	outline: none;
	color: #999;
	height: 100%;
	background: none;
}

.specialSearch .btn {
	width: 28px;
	height: 27px;
	background: url(../img/search.png) no-repeat;
	cursor: pointer;
}

.specialLeft h4 {
	color: #003399;
}

.specialLeft a {
	color: #333;
	padding: 0px 15px;
}

.specialLeft a:hover {
	color: #003399;
}

.news {
	height: 441px;
	margin: 20px auto;
}

.newsLeft {
	width: 652px;
	height: 441px;
}

.newsLeft .swiper-container,
.newsLeft .swiper-wrapper,
.newsLeft .swiper-slide {
	width: 100%;
	height: 100%;
}

.newsLeft .swiper-slide img {
	width: 100%;
	height: 344px;
}

.newsLeft .swiper-slide .bottom {
	width: 100%;
	height: 91px;
	background: #0d2960;
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}

.newsLeft .swiper-slide .bottomDate {
	width: 88px;
	border-top: 6px solid #B01F24;
	height: 100%;
	font-size: 14px;
	background: #003399;
}

.newsLeft .swiper-slide .bottomDate h4 {
	font-size: 36px;
}
.newsLeft .swiper-slide .bottomDate span{
	padding-bottom: 0.1rem;
}
.newsLeft .swiper-slide .bottomInfo {
	flex: 1;
	padding: 0px 26px;
	height: 100%;
	font-size: 18px;
	line-height: 160%;
}

.newsLeft .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: auto;
	top: 310px;
	padding-right: 10px;
}

.newsLeft .swiper-pagination-bullet {
	width: 24px;
	opacity: 1 !important;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 22px;
	height: 24px;
	border: 1px solid #fff;
	background: none;
	border-radius: 3px;
}

.newsLeft .swiper-pagination-bullet-active {
	background: #fff;
	color: #333;
}

.newsRight {
	width: 620px;
}

.newsRightTitle {
	width: 100%;
	height: 71px;
	border-bottom: 1px solid #a0a0a0;
}

.newsRightTitle .item {
	width: 124px;
	font-weight: 600;
	margin-right: 40px;
	padding-bottom: 12px;
	cursor: pointer;
	height: 70px;
	position: relative;
	font-size: 30px;
	color: #003399;
}

.newsRightTitle .item.active::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 7px;
	background: #b01f24;
}

.newsRight ul li {
	height: 30px;
	margin: 10px 0px;
}

.newsRight ul li .icons {
	width: 10px;
	height: 10px;
	background: url(../img/newsIcon.png) no-repeat;
	margin-right: 10px;
}

.newsRight ul li p {
	flex: 1;
	padding-right: 20px;
	font-size: 17px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.newsRight ul li span {
	color: #999;
	font-size: 14px;
}

.moreNews {
	color: #B01F24;
	font-size: 16px;
	margin-top: 15px;
}

.case {
	width: 100%;
	padding-top: 65px;
	height: 510px;
	background: url(../img/bg3.png) no-repeat -24px 0px;
	background-size: 100% 100%;
}
.case .container{margin-top: 20px;}
.case h4 {
	text-align: center;
	line-height: 80px;
	color: #003399;
	font-size: 30px;
}

.case .swiper-container {
	width: 100%;
	height: 210px;
	box-sizing: content-box;
	padding: 20px 0px;
	padding-bottom: 90px;
}

.case .swiper-slide {
	transition: 300ms;
	transform: scale(0.8);
	background: #fff;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.4);
}
.case .swiper-slide img{width: 100%; height: 100%;}
.case .swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1.2);
}
.footerHeader{background: #0d2960; color: #fff; font-size: 14px; padding: 50px 0px;}
.footerHeader dl{width: 253px; margin-left: 50px;}
.footerHeader dl dt{font-size: 17px; margin-bottom: 10px; line-height: 60px; border-bottom: 1px solid #fff;}
.footerHeader dl dd a{color: #fff; line-height: 30px; display: block;}
.footerBottom{background: #202020; color: #fff; height: 99px; line-height: 1.7;}
.footerBottom a{color: #fff;}
.fotIcon{width: 45px; margin: 0px 5px; cursor: pointer; height: 45px; border-radius: 50%; border: 1px solid #393939; border-radius: 50%;}
.fotIcon b{display: block; width: 27px; height: 27px;}
.fotIcon b.i1{background: url(../img/fotIcon_01.png);}
.fotIcon b.i2{background: url(../img/fotIcon_02.png);}
.fotIcon b.i3{background: url(../img/fotIcon_03.png);}
.fotIcon b.i4{background: url(../img/fotIcon_04.png);}
.fotIcon b.i5{background: url(../img/fotIcon_05.png);}
.zz{position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; font-size: 16px; line-height: 1.8; background: rgba(2,28,54,0.57);}
.swiper-slide-flexwrap{ position: absolute; transition: all; 0.4s z-index: 10; display: flex; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; font-size: 16px; line-height: 1.8;}
.slide-item{width: 50%; height: 100%; background: #044082; font-size: 16px; color: #fff; text-align: center;}
.slide-item.on{background: #004796;}
.picMarquee-left ul li{float: left; border-right:1px solid #333; white-space: nowrap;}
.picMarquee-left span{float: left;}
.swiper-slide-active .swiper-slide-flexwrap{opacity: 0;}



	/* 案例展示 */
	.caseBanner{
		/* margin-bottom: .2rem; */
		background: url(../img/bannerTop.jpg) no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: auto;
		/* padding: .7rem 1rem; */
	}
	
	.caseDes {
		background: rgba(255,255,255,0.6);
		/* height: 100%; */
		height: 4.4rem;
		padding: .8rem .6rem;
	}

	.caseDes h2 {
		font-size: .46rem;
		font-weight: bold;
		color: #142c68;
		margin-bottom: .1rem;
		border-bottom: .04rem solid #142c68;
		display: inline-block;
		padding-bottom: .1rem;
	}

	.caseDes p {
		padding-top: .15rem;
		font-size: .22rem;
		line-height: .32rem;
	}

	.caseDes .btnBox {
		position: relative;
	}
	.caseDes .classBtn {
		position: absolute;
		display: inline-block;
		border: .02rem solid #142c68;
		color: #142c68;
		font-size: .3rem;
		padding:.05rem .4rem;
		right: 0;
		margin-top: .3rem;
	}

	.caseDes .classBtn:hover{
		background: #142c68; 
		color: #fff;
	}
    /* 系统分类和省份分类 */
    .content-class{
        padding: .2rem 0 0 0;
       /* margin-top:28px ; */
        width: 100%;
        height: 250px;
        background: #FFFFFF;
    }
    .top_out{
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .line_item{
        position: relative;
        background-color: #C1C1C1;
       width: 2px;
       height: 30px;
       margin: 50px  0 0 56px;
    }
  .top{
        margin: .3rem .3rem 0 .1rem;
        width: 90%;
        height: 70px;
        background: #FFFFFF;
        box-shadow: 2px 1px 5px 0px rgba(164, 161, 161, 0.25);
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .title{
        margin-left: 10px;
        width: 4.2vw;
        font-size: 1vw;
        font-weight: 600;
    }
    
 .opt-swiper {
 	width: 90%;
 	margin: 0 auto;
 	margin-top: 30px;
 	position: relative;
 }
 
 .opt-swiper .swiper-container-opt {
 	display: block !important;
 	/* position: relative; */
 	/* width: 75%; */
 	margin: -24px auto;
 	position: relative !important;
 	overflow: hidden !important;
 	list-style: none;
 	padding: 0;
 	z-index: 1;
 }
 
 .opt-swiper .swiper-wrapper {
 /* 	padding-left: 18.2667vw; */
 }
 
 .swiper-container-opt .swiper-slide {
 	width: 70px !important;
 	text-align: center;
 	box-sizing: border-box;
 	margin-right: 2vw !important;
 }
 

 
 .swiper-slide-con p {
 	font-size: 1vw;
 	font-weight: 620;
 	/* margin-top: 1.3333vw; */
 }
 
 .swiper-slide-con p:nth-child(3) {
 	display: none !important;
 }
 
 .opt-swiper #one,
.opt-swiper .swiper-button-prev {
 	display: block !important;
 	outline: none;
 	font-size: 20px;
} 
 

 
.opt-swiper #onePrev {
    background-size: 10px 15px; !important;
   	right:-1vw;
   	margin: -36px -10px 0 -40px !important;
   }
 
 .opt-swiper #one {
    background-size: 10px 15px; !important;
 	right: -1vw ;
    margin: -36px -10px 0 -62px!important;
 }
 /*  .title{
       width: 10%;
       font-weight: 700;
   }
  .top_content{
       width: 85%;
      
       display: flex;
       flex-direction: row;
   }
   .top_content dl{
       text-align: center;
       position: relative;
       width: 12%;
      
   }
   .more{
       width: 5%;
   } */
   .bottom_out{
       width: 100%;
       display: flex;
       flex-direction: row;
   }
    
   .bottom{
        
        margin: .3rem .3rem 0 0.1rem;
        width: 90%;
        height: 70px;
        background: #FFFFFF;
        box-shadow: 2px 1px 5px 0px rgba(164, 161, 161, 0.25);
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
  .bottom-swiper {
   	width: 90%;
   	margin: 0 auto;
   	margin-top: 30px;
   	position: relative;
   }
   
   .bottom-swiper .swiper-container-bot {
   	display: block !important;
   	/* position: relative; */
   	/* width: 75%; */
   	margin: -24px auto;
   	position: relative !important;
   	overflow: hidden !important;
   	list-style: none;
   	padding: 0;
   	z-index: 1;
   }
   
   .bottom-swiper .swiper-wrapper {
   /* 	padding-left: 18.2667vw; */
   }
   
   .swiper-container-bot .swiper-slide {
   	width: 70px !important;
   	text-align: center;
   	box-sizing: border-box;
   	margin-right: 2vw !important;
   }
   
  
   
   .swiper-slide-con p {
   	font-size: 1vw;
   	font-weight: 600;
   	/* margin-top: 1.3333vw; */
   }
   .swiper-slide-con p a {
       color: #000000;
   }
   .swiper-slide-con p:nth-child(3) {
   	display: none !important;
   }
   
   .bottom-swiper .#two,
   .bottom-swiper .swiper-button-prev {
   	display: block !important;
   	outline: none;
   	font-size: 20px;
   }
   
   
  .bottom-swiper #twoPrev {
    background-size: 10px 15px; !important;
   	right:-1vw !important;
   /* 	top: 35%; */
    margin: -36px -10px 0 -40px!important;
   }
   
   .bottom-swiper #two {
      background-size: 10px 15px; !important;
      right: -1vw !important;
      margin: -36px -10px 0 -62px!important;
     /* transform: rotate(90deg); */
   }
    
    .act{
        border-radius: 10px !important;
        border: #007AFF 1px solid !important;
        /* color:red !important; */
    }
 
   @media screen and (min-width: 1029px){
       
        .content-class{
            height: 280px !important;
        }
       .swiper-slide-con p {
       	font-size: 0.8vw;
       	font-weight: 600;
       	/* margin-top: 1.3333vw; */
       }
        .top_out{
            margin-left: 50px;
        }
        .bottom_out{
            margin-left: 50px;
        }
        .line_item{
            margin: 50px 0 0 6px;
        }
        .opt-swiper {
        	width: 80%;
        	margin: 0 auto;
        	margin-top: 30px;
        	position: relative;
        }
        .bottom-swiper {
        	width: 80%;
        	margin: 0 auto;
        	margin-top: 30px;
        	position: relative;
        }
     
        
    }
	@media screen and (max-width: 992px) {
		.line_item{
             margin: 50px  0 0 6px;
        }
	}
    @media screen and (max-width: 768px) {
        .line_item{
            margin: 40px 0 0 6px;
        }
        /*  */
        .opt-swiper #onePrev {
           background-size: 10px 15px; !important;
            right: -6vw !important;
          margin: -61px -10px 0 82vw!important;
           transform: rotate(90deg);
        }
        .opt-swiper #one {
           background-size: 10px 15px; !important;
        	right: -6vw !important;
           margin: -13px -10px 0 -62px!important;
           transform: rotate(90deg);
        }
       .bottom-swiper #twoPrev {
          background-size: 10px 15px; !important;
          right: -6vw !important;
          margin: -61px -10px 0 82vw!important;
          transform: rotate(90deg);
       }
        .bottom-swiper #two {
           background-size: 10px 15px; !important;
           right: -6vw !important;
           margin: -13px -10px 0 -62px!important;
           transform: rotate(90deg);
        }
    }
    @media (min-width:540px) and (max-width:756px) {
        .opt-swiper #onePrev {
            background-size: 10px 15px; !important;
             right: -6vw !important;
           margin: -61px -10px 0 82vw!important;
            transform: rotate(90deg);
         }
        .bottom-swiper #twoPrev {
           background-size: 10px 15px; !important;
           right: -6vw !important;
           margin: -61px -10px 0 82vw!important;
           transform: rotate(90deg);
        }
    }
    @media (min-width:340px) and (max-width:540px) {
        .content-class{
            height: 220px !important;
        }
        .opt-swiper #onePrev {
           background-size: 10px 15px; !important;
            right: -6vw !important;
          margin: -61px -10px 0 80vw!important;
           transform: rotate(90deg);
        }
       .bottom-swiper #twoPrev {
          background-size: 10px 15px; !important;
          right: -6vw !important;
          margin: -61px -10px 0 80vw!important;
          transform: rotate(90deg);
       }
    }
    @media screen and (max-width:340px) {
        .opt-swiper #onePrev {
            background-size: 10px 15px; !important;
             right: -6vw !important;
           margin: -61px -10px 0 78vw!important;
            transform: rotate(90deg);
         }
        .bottom-swiper #twoPrev {
           background-size: 10px 15px; !important;
           right: -6vw !important;
           margin: -61px -10px 0 78vw!important;
           transform: rotate(90deg);
        }
    }
   
  /* 系统分类和省份分类 */
  
	.iconGroup {
		padding: .3rem .7rem .5rem .7rem;
		overflow: hidden;
		color: #333;
	}
	.iconGroup dl {
		position: relative;
		width: 25%;
		float: left;
		padding-left: .7rem;
	}
	.iconGroup dt span{
		font-size: .36rem;
		font-weight: 400;
	}
	.iconGroup dl.one img {
		width: .64rem;
		height: .64rem;
		position: absolute;
		left: 0;
		top: .15rem;
	}
	.iconGroup .line{
		width: 2px;
    position: absolute;
    top: .35rem;
    right: .5rem;
    height: .2rem;
    border-right: 1px solid #707070;
	}

	.caseMain {
		width: 70%;
		padding-right: .3rem;
	}

	.caseRight {
		width: 30%;
	}

	/* .caseMain {
		float:left;width:calc(100% - 3.7rem);height:100px;
		padding-right: .5rem;
	}

	.caseRight {
		float:left;
		width:3.7rem;
	} */
	.s_type {
		margin-top: .1rem;
		background: #fff;
		box-shadow: 0px 0px 3px rgba(34, 35, 58, 0.2);
		overflow: hidden;
	}

	.s_type ul li {
		width: 50%;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		float: left;
		padding: .12rem 0;
		text-align: center;
	}
	.s_type ul li a {
		font-size: 0.16rem;
		color: #3f3f40;
	}
	.s_type ul li a:hover {
		color: #142c68;
	}
	.s_type ul li:nth-child(even){ 
		border-right:  0;
	}   



	.bg_gray {
		background: #f0f0f0;
		padding:.4rem 0rem;
	}

	.outer {
		margin-top: .2rem;
		display: flex;
		flex-direction:row;
	}

	.case_title {
		overflow: hidden;
		margin-bottom: .15rem;
	}

	.case_title span {
		font-size: .3rem;
		color: #142c68;
		padding-bottom: .1rem;
		border-bottom: 1px solid #142c68;
		display: inline-block;
		font-weight: bold;
	}
	.case_title a{float: right; color: #b01f24; margin-top: .15rem;}

	.banner_ad{
		height: 0.94rem;
		margin-bottom: 0.1rem;
	}

	/* img and text swiper */
	.blog-slider{
		width: 100%;
		max-width: 884px;
		position: relative;
		margin:10px auto;
		background: #fff;
		box-shadow: 0px 0px 3px rgba(34, 35, 58, 0.2);
		overflow: hidden;
	}
	
	.img-slider {
		width: 95%;
		position: relative;
		max-width: 800px;
		margin:10px auto;
		background: #fff;
	}
	
	@media screen and (max-width: 992px) {
		.blog-slider {
			max-width: 680px;
			height: 400px;
		}
	}
	@media screen and (max-width: 768px) {
		.blog-slider {
			/* min-height: 500px; */
			height: auto;
		}
		.j-c {
			justify-content:center;
		}
	}
	@media screen and (max-height: 500px) and (min-width: 992px) {
		.blog-slider {
			height: 350px;
		}
	}
	.blog-slider__item {
		display: flex;
		align-items: center;
	}
	@media screen and (max-width: 768px) {
		.blog-slider__item {
			flex-direction: column;
		}
	}
	.blog-slider__item.swiper-slide-active .blog-slider__img img {
		opacity: 1;
		transition-delay: 0.3s;
	}
	.blog-slider__item.swiper-slide-active .blog-slider__content > * {
		opacity: 1;
	}
	.blog-slider__img {
		width: 4.7rem;
		flex-shrink: 0;
		height: 2.66rem;
		overflow: hidden;
	}
	
	.blog-slider__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
   
	@media screen and (max-width: 768px) {
		.blog-slider__img {
			/* transform: translateY(-50%); */
			width: 100%;
		}
	}
	@media screen and (max-width: 576px) {
		.blog-slider__img {
			width: 100%;
		}
	}
	@media screen and (max-height: 500px) and (min-width: 992px) {
		.blog-slider__img {
			height: 270px;
		}
	}
	.blog-slider__content {
		padding:0 25px;
	}
	@media screen and (max-width: 768px) {
		.blog-slider__content {
			/* margin-top: -80px; */
			text-align: center;
			padding: 10px 20px;
		}
	}
	@media screen and (max-width: 576px) {
		.blog-slider__content {
			padding: 20px 10px;
		}
	}
	.blog-slider__content > * {
		opacity: 0;
		transition: all 0.4s;
	}
	.blog-slider__code {
		color: #7b7992;
		margin-bottom: 15px;
		display: block;
		font-weight: 500;
	}
	.blog-slider__title {
		font-size: 24px;
		font-weight: 700;
		color: #142c68;
		margin-bottom: 20px;
	}
	.blog-slider__text {
		color: #4e4a67;
		margin-bottom: 30px;
		line-height: 1.5em;
	}
	.blog-slider__button {
		display: inline-flex;
		background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
		padding: 15px 35px;
		border-radius: 50px;
		color: #fff;
		box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
		text-decoration: none;
		font-weight: 500;
		justify-content: center;
		text-align: center;
		letter-spacing: 1px;
	}
	@media screen and (max-width: 576px) {
		.blog-slider__button {
			width: 100%;
		}
	}
	.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
		bottom: 10px;
		left: 0;
		width: 100%;
	}
	.blog-slider__pagination {
		position: absolute;
		z-index: 21;
		transform: translateX(-50%);
		left: 5.1rem !important;
		bottom: .2rem !important;
		width: 100% !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	@media screen and (max-width: 768px) {
		.blog-slider__pagination {
			transform: translateX(-50%);
			left: 50% !important;
			bottom: .2rem !important;
			width: 100% !important;
		}
	}
	.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
	}
	@media screen and (max-width: 768px) {
		.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
			margin: 0 5px;
		}
	}
	.blog-slider__pagination .swiper-pagination-bullet {
		width: 11px;
		height: 11px;
		display: block;
		border-radius: 10px;
		/* background: #062744; */
		border: 2px solid #007aff;
		background: #fff;
		opacity: 0.2;
		transition: all 0.3s;
	}
	.blog-slider__pagination .swiper-pagination-bullet-active {
		opacity: 1;
		background: #007aff;
		/* height: 30px; */
		box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
	}
	@media screen and (max-width: 768px) {
		.blog-slider__pagination .swiper-pagination-bullet-active {
			height: 11px;
			/* width: 30px; */
		}
	}


	.timeIcon {
		width: 12px;
		margin-right: 5px;
		height: 12px;
		background: url(../img/date.gif) no-repeat;
		background-size: 100% 100%;
	}
	
	.yanIcon {
		width: 14px;
		margin-right: 5px;
		margin-left: 40px;
		height: 12px;
		background: url(../img/view.gif) no-repeat;
		background-size: 100% 100%;
	}	

	.cards {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.cards_item {
		display: flex;
		padding-top: .1rem;
		padding-right: .1rem;
	}
    .more{
        margin-top:20px;
        width: 99%;
        height: 34px;
        border: 1px solid #BFBFBF;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .more p{
        width: 70px;
        height: 14px;
        font-size: 14px;
        font-family: AlibabaPuHuiTi;
        font-weight: 300;
        color: #B31111;
       
    }
    .more img{
        margin:3px 0 0 10px;
        width: 8px;
        height: 16px;
        transform: rotate(0deg);
    }
  
	.card, .topic_list{
		background: #ffffff;
		box-shadow: 0px 0px 3px rgba(56, 56, 56, 0.2);
	}

	.topic_list a, .card_text a {color: #333;}

	.card_content {
		padding: .2rem;
	}



	.card_top {color: #b01f24;}
	.card_title {color: #153060; font-size: 18px; padding: .1rem 0;}
	.card_foot {margin-top: .1rem;}

	.topic {margin-top: .3rem;}
	
	.topic_img p {
		display: block;
		margin: .08rem 0rem;
		font-size: .24rem;
		color: #fff;
		text-align: center;
	}
	.topic_img p::before{
		display: inline-block;
		content: "";
		height: 100%;
		vertical-align: middle;
}

	.topic_img .type1, .topic_img .type2, .topic_img .type3 {
		width: 100%;
		height: .7rem;
		vertical-align: middle;
	}
	.topic_img .type1 {
		background: url(../img/topicBg1.jpg) no-repeat; background-size: 100% 100%;
	}
	.topic_img .type2 {
		background: url(../img/topicBg2.jpg) no-repeat; background-size: 100% 100%;
	}
	.topic_img .type3 {
		background: url(../img/topicBg3.jpg) no-repeat; background-size: 100% 100%;
	}
	.topic_img a {color: #fff;}

	.topic_list {
		margin-top: .1rem;
		padding:.15rem .3rem;
	}

	.topic_list ul li {
		padding: .08rem 0;
	}
	.topic_list .date {
		color: #b01f24;
	}

	.s-slide-main {margin-top: .2rem;}


	.small-slider {
		margin-top: .2rem;
		width: 100%;
		position: relative;
		transition: all 0.3s;
		padding-bottom: 35px;
	}
	
	.small-slider__item {
		align-items: center;
		position: relative;
	}
	
	.slider_text {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		text-align: center;
		color: #fff;
		margin-top: 100px;
	}
	
	.s-title {font-size: 28px; padding-bottom: 10px;}
	.s-des {font-size: 20px; padding: 10px 20px 0px 20px; border-top: 1px solid #fff; display: inline-block;}
	
	.small-slider__img {
		width: 100%;
		flex-shrink: 0;
		height: 300px;
		overflow: hidden;
	}
	
	.small-slider__img:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 300px;
		background-image: linear-gradient(147deg, #16287d 0%, #0b1029 74%);
		opacity: 0.6;
	}
	.small-slider__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	.small-slider__title {
		font-size: 24px;
		font-weight: 700;
		color: #0d0925;
		margin-bottom: 20px;
	}
	.small-slider__text {
		color: #4e4a67;
		margin-bottom: 30px;
		line-height: 1.5em;
	}
	
	.small-slider__pagination {
		position: absolute;
		z-index: 21;
		bottom: 15px !important;
		width: 100% !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.news_group .box{flex: 1;}

	.s_type ul li.p-l-hide {border-bottom: 0;}

	.cards_item {width: 33.3333%;}


@media screen and (max-width: 750px) {
	.case .container{margin-top: 5px;}
	.container {
		width: 100%;
		overflow: hidden;
        
	}

	.container_a {
		width: 100%;
	}

	.headerContainer {
		padding: 0px 0.3rem;
		height: 1.02rem;
	}

	.rightPhone {
		display: none !important;
	}

	.logo {
		width: 3.27rem;
		height: 0.71rem;
	}

	.menu {
		height: 0.64rem;
		overflow: auto;
	}

	.menu ul {
		width: 230%;
	}

	.menu a {
		font-size: 0.26rem;
		padding: 0px 0.2rem;
		white-space: nowrap;
		flex-shrink: 0;
	}

	.banner {
		display: none;
	}

	.guanggaowei {
		display: none;
	}

	.cont_a li {
		width: 48%;
		margin: 2% 1%;
		background: #fff;
		box-shadow: 0px 3px 0px #c1c1c1;
	}

	.cont_a_riqi em {
		width: 23%;
	}
	.cont_a_riqi{margin-bottom: 0px;}
	.cont_a li p {
		font-size: 12px;
		margin-top: 0.12rem;
	}

	.curriculum_biaoti {
		overflow: hidden;
		width: 94%;
		margin: 0 auto;
		border: 0px;
	}

	.wenzi {
		color: #f4f8ff;
		font-weight: 400;
		display: block;
		padding: 3% 0;
		font-size: 0.28rem;
		float: left;
		background: #0d2960;
		width: 24%;
		margin: 0.5%;
		text-align: center;
	}

	.wenzi.active {
		background: #e5e5e5;
		color: #003399;
	}

	.wenzi.active::before {
		content: '';
		display: none;
	}

	.huixian {
		width: 92%;
		height: 1px;
		margin: 0 auto;
		border-bottom: 1px solid #a0a0a0;
		margin-top: 2%;
		position: relative;
	}

	.hongxian {
		width: 26%;
		height: 6px;
		margin-top: 2%;
		position: absolute;
		left: 37%;
		background: #b01f24;
		top: -10px;
	}
	.huixian,.huixian_a{margin-top: 5px;}
	.hongxian_a {
		width: 26%;
		height: 6px;
		margin-top: 2%;
		position: absolute;
		left: 37%;
		background: #b01f24;
		top: -10px;
	}

	.curriculum_tatle {
		margin-bottom: 3%;
	}

	.class_box li {
		width: 100%;
		border: 1px solid #d2d2d2;
		margin: 0.1rem 1%;
		overflow: hidden;
	}

	.class_box_a {
		background: #b01f24;
		text-align: center;
		width: 23%;
		padding: 0.24rem 0;
		float: left;
		margin-top: 0%;
		margin-left: 0%;
	}

	.class_box_a_wenzi {
		font-size: 0.28rem;
		height:1.48rem;
		margin: 0px 10px;
		display: flex; align-items: center;
		float: left;
		width: 70%;
	}

	.class_box li a {
		display: none;
	}

	.cont_a_riqi span {
		font-size: 0.24rem;
		white-space: nowrap;
	}

	.chakan {
		background: #003399;
		color: #fff;
		margin-top: 0.3rem;
		border: 0px;
	}

	.chakan a {
		color: #fff !important;
	}

	.curriculum_tatle {
		font-size: 0.42rem;
	}

	.class_box {
		height: 6.9rem;
		overflow: hidden;
	}

	.special {
		display: none;
	}

	.news {
		height: auto !important;
	}

	.newsLeft {
		width: 100%;
		padding: 0px 0.3rem;
		height: auto !important;
	}

	.newsLeft .swiper-slide img {
		height: 3.69rem;
	}

	.newsLeft .swiper-slide .bottom {
		height: 1.23rem;
	}

	.bottomDate {
		width: 1.43rem !important;
		font-size: 0.26rem !important;
	}

	.bottomDate h4 {
		font-size: 0.4rem !important;
	}

	.bottomInfo {
		font-size: 0.26rem !important;
		padding: 0px 0.26rem !important;
	}

	.newsRight {
		width: 100%;
		padding: 0.3rem;
	}

	.newsRightTitle {
		display: none !important;
	}

	.newsRight ul li {
		overflow: hidden; font-size: 0.24rem; height: 0.53rem; margin: 3px 0px;
	}
	.newsRight ul li p{font-size: 0.26rem; max-width: 100%;}
	.newsRight ul li>div{max-width: 78%;}
	.newsRight ul li span{font-size: 0.24rem;}
	.moreNews{font-size: 0.26rem; display: block; padding-top: 0.2rem; margin-top: 0px; padding-left: 0.35rem;}
	.newsRight ul li .icons{width: 0.16rem; height: 0.16rem; background: url(../img/newsIcon.png) no-repeat; background-size: 100% 100%;}
	.case{
		    padding-top: 0.3rem;
		    height: 5.36rem;
		    background: url(../img/bg3.png) no-repeat center center #e2e2e2;
		    background-size: 19.2rem 100%;
	}
	.case .container{margin-top: 0.3rem !important;}
	.case h4{font-size: 0.3rem; line-height: 0.5rem; display: none;}
	.case .swiper-container{height: 2.44rem; width: 180%; margin-left: -40%;}
	.case .swiper-container{padding-bottom: 1.1rem;}
	#qita,.fotIconWrap{display: none !important;}
	.footerHeader dl{width: 28.33%; margin-left: 4%;}
	.footerBottom{font-size: 0.2rem; height: auto !important; padding:10px 0.3rem;}


		/* 案例展示 */
		.caseBanner{
			padding: .4rem .3rem;
			height: auto;
		}
	    .caseBanner img{
			display: none !important;
		}
		.caseDes {
			background: rgba(255,255,255,0.6);
			height: 100%;
			padding: .3rem;
		}
	
		.caseDes h2 {
			text-align: center;
			display: block;
		}
	
		.caseDes .classBtn {
			position:relative;
			display: block;
			text-align: center;
			margin-top: .2rem;
		}
	
		.iconGroup {
			padding: .3rem .2rem;
			overflow: hidden;
		}
	
		.iconGroup dl {
			display: block;
			width: 50%;
			padding-top: .2rem;
			padding-bottom: .2rem;
		}
	
		.iconGroup dl.one img {
			top: .4rem;
		}
	
		.outer {
			padding: 0 .2rem;
		}
	
		.caseMain {
			width: 100%;
			padding-right: 0;
		}
	
		.caseRight {
			width: 100%;
		}
	
		.s_type ul li.m-l-hide {border-bottom: 0;}
	
		.cards_item {width: 100%;}
	
		.outer {
			flex-direction:column;
		}
	
		.case_link {margin-top: .2rem;}
}