@charset "utf-8";

/*----------------------------------------------------
                 Procyon - CSS File
------------------------------------------------------*/
ul,li,p{
	padding:0px;
	margin:0px;
	list-style: none;
}
a{
	text-decoration: none;
}
body {
	font-size: 14px;
	min-width: 1400px;
	padding: 0px;
	margin: 0;
	background: #f4f3f4;
	font-family: "Microsoft Yahei", "微软雅黑";
-moz-user-select:none; /* Firefox私有属性 */

-webkit-user-select:none; /* WebKit内核私有属性 */

-ms-user-select:none; /* IE私有属性(IE10及以后) */

-khtml-user-select:none; /* KHTML内核私有属性 */

-o-user-select:none; /* Opera私有属性 */

user-select:none; /* CSS3属性 */
}
::-webkit-scrollbar{
	width:6px;
	height: 5px;
	background:#ddd;/* 鏁翠釜婊氭潯鑳屾櫙 */
}
::-webkit-scrollbar-thumb{
	-webkit-border-radius:4px;
	border-radius:2px;
	background:#fc5859; /* 婊氭潯鍐呭祵棰滆壊 */
}
::-webkit-scrollbar-button {
	background-color:#ddd;/* 涓よ竟绔寜閽鑹� */
	display: none;
}
/*banner*/
.banner {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}
.banner .swiper-slide img{
	width: 100%;
}
.banner .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 15px;
}
img{
	vertical-align: middle;
}
.banner .swiper-pagination-bullet{
	width:15px;
	height:15px;
	background:#fff;
	border-radius:50%;
}

/*头部logo*/
.top-logos{
	background: #fff;
}
.top-logos>div{
	width: 1200px;
	margin: auto;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top-phone{
	background: url("../images/phone.png")no-repeat;
	background-size: 35px 35px;
	background-position: left center;
	padding-left: 42px;
}
.top-phone>div:nth-child(1){
	font-size: 18px;
	line-height: 47px;
	color:#fc5859;
	font-weight: 700;
}


/*导航*/
.top-nav{
	background: #00a5a8;
}
.top-nav>div{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.top-nav>div>.title>a{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0 30px;
}
.top-nav>div>.title>a:hover,.top-nav>div>.title>a.active{
	background: #057476;
}

/*一体化建设*/
.index-yth{
	width: 1200px;
	margin: auto;
	margin-top: 85px;
}
.index-yth>div:nth-child(1){
	font-size: 36px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	text-align: center;
}
/*.index-yth>div:nth-child(2){*/
/*	font-size: 18px;*/
/*	font-weight: 400;*/
/*	color: #666666;*/
/*	line-height: 18px;*/
/*	margin-top: 15px;*/
/*	text-align: center;*/
/*}*/
.yth-item-box{
	display: flex;
	justify-content: space-between;
	margin-top: 13px;
}
.yth-item{
	width: 174px;
height: 204px;
background: #51ACFD;
	color: #fff;

	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.yth-item:hover{
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-10px);
	transform: translateX(-15px);
}
.yth-item>div:nth-child(1){
	margin-left: 17px;
	padding-top: 28px;
	line-height: 50px;

}
.yth-item>div:nth-child(1)>img{
    height:30px;
}
.yth-item>div:nth-child(2){
font-size: 26px;
font-weight: 400;
color: #FEFEFE;
line-height: 39px;
	margin-left: 17px;
	margin-top: 5px;
}
.yth-item>div:nth-child(3){
font-size: 26px;
font-weight: 400;
color: #FEFEFE;
line-height: 39px;
	margin-left: 17px;
}
.yth-item::after{
	content: "";
	width: 102px;
	height: 8px;
	background: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	top: 164px;
	left: 17px;
}

/*首页数字*/
.index-number{
	width: 1200px;
	height: 368px;
	background: #FFFFFF;
	margin: auto;
	margin-top: 28px;
	display: flex;
}
.number-item{
	width: 25%;
	height: 368px;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.number-item:hover{
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-10px);
	transform: translateY(-15px);
}
.number-item::after{
	content: "";
	width: 1px;
	height: 237px;
	background: #F2F2F2;
	left: 0;
	top: 79px;
	position: absolute;
}
.number-item:nth-child(1)::after{
	display: none;
}
.number-item>div:nth-child(1){
	font-size: 60px;
	font-weight: bold;
	color: #666666;
	line-height: 60px;
	padding-top: 50px;
}
.number-item>div:nth-child(2){
	line-height: 90px;
	height: 90px;
	margin-top: 46px;
}
.number-item>div:nth-child(3){
	font-size: 24px;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	margin-top: 43px;
}

/*首页中间*/
.index-main{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.main-left{
	width: 842px;
}
.min-left-item{
	height: 340px;
	background: #FFFFFF;
}
.ttt{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #00a5a8;
	margin:0 15px;
	line-height: 44px;
	align-items: center;
	padding-top: 12px;
}
.ttt>a:nth-child(1){
	font-size: 24px;
	font-weight: 400;
	color: #000000;
	position: relative;
}
.ttt>a:nth-child(1)::after{
	content: "";
	width: 100%;
	height: 3px;
	background: #00a5a8;
	left: 0;
	position: absolute;
	bottom: -1px;
}
.ttt>a:nth-child(2){
	width: 73px;
	height: 22px;
	background: #00a5a8;
	line-height: 22px;
	margin-top: 22px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
}

.min-content-box{
	display: flex;
	justify-content: center;
}
.min-content-box>a{
	width: 180px;
	margin: 0 15px;
}
.min-content-box>a>div:nth-child(1){
	width: 180px;
	height: 120px;
	margin-top: 12px;
	overflow: hidden;
}
.min-content-box>a>div:nth-child(1)>img{
	width: 180px;
	height: 120px;
	object-fit: cover;
	transition: all 0.6s;
}
.min-content-box>a>div:nth-child(1)>img:hover{
	transform: scale(1.4);
}
.min-content-box>a>div:nth-child(2){
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	margin-top: 18px;
}
.min-content-box>a>div:nth-child(3){
	height: 40px;
	line-height: 20px;
	font-size: 12px;
	overflow: hidden;
	color: #666;
	margin: 15px 0;
}
.min-content-box>a>div:nth-child(4){
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
}

.main-right{
	width: 352px;
	height: 1056px;
	background: #fff;
}
.min-right-item{
	width: 320px;
	margin: auto;
}
.min-right-item>a{
	margin-top: 16px;
	display: block;
}
.min-right-item>a>div:nth-child(1){
	width: 309px;
	height: 206px;
	overflow: hidden;
}
.min-right-item>a>div:nth-child(1)>img{
	width: 309px;
	height: 206px;
	object-fit: cover;
	transition: all 0.6s;
}
.min-right-item>a>div:nth-child(1)>img:hover{
	transform: scale(1.4);
}
.min-right-item>a>div:nth-child(2){
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	margin: 8px 0;
}

/*名师讲堂*/
.index-msjt{
	width: 1200px;
	height: 605px;
	background: #FFFFFF;
	margin: auto;
	margin-top: 16px;
}
.msjt-box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	height: 548px;
}
.msjt-box>a{
	width: 373px;
	margin: 0 12px;
}
.msjt-box>a>div:nth-child(1){
	width: 373px;
	height: 196px;
	overflow: hidden;
}
.msjt-box>a>div:nth-child(1)>img{
	width: 373px;
	height: 196px;
	object-fit: cover;
	transition: all 0.6s;
}
.msjt-box>a>div:nth-child(1)>img:hover{
	transform: scale(1.4);
}
.msjt-box>a>div:nth-child(2){
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	line-height: 14px;
	height: 14px;
	overflow: hidden;
	margin-top: 24px;
}

/*底部*/
.foot{
	background: #fff;
	margin-top: 15px;
}
.foot>div{
	width: 1200px;
	margin: auto;
}
.foot-box{
	display: flex;
	justify-content: center;
	padding-top: 47px;
	align-items: center;
}
.foot-box>div:nth-child(1){

}
.foot-box>div:nth-child(2){
	width: 193px;
	height: 193px;
	margin-left: 60px;
	position: relative;
}
.foot-box>div:nth-child(2)::after{
	content: "";
	width: 1px;
	height: 151px;
	background: #9CD0FF;
	position: absolute;
	top: 21px;
	left: -28px;
}
.foot-box>div:nth-child(2)>img{
	width: 193px;
	height: 193px;
}

.foot-wenzi{
	margin-left: 25px;
}
.foot-wenzi>div:nth-child(1){
	display: flex;
	justify-content: space-between;
	width: 290px;
	line-height: 16px;
	margin-top: 0;
	padding-bottom: 10px;
}
.foot-wenzi>div:nth-child(1)>a{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
}
.foot-wenzi>div{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
	margin-top: 15px;
}

.foot-ico{
	display: flex;
}
.foot-ico>a{
	margin-left: 24px;
}
.foot-ico>a:nth-child(1){
	margin-left: 0;
}
.bq{
	margin-top: 34px;
	text-align: center;
	padding-bottom: 40px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
}
.bq a{
	color: #333333;
}