body, input, button, input, select, textarea {
   font-family:SourceHanSansCN-Regular,"Hiragino Sans GB","Heiti SC","Microsoft Yahei","WenQuanYi Micro Hei",sans-serif;
}

.pd-box {
	padding: 100px 0 80px 0
}
img {
	max-width: 100%
}
/*banner*/
.solu-banner {
	background:url(../images/1.jpg) no-repeat;
	height: 834px;
}
.solu-banner .solu-title {
	font-size:51px;
	color:#fff;
	text-shadow: 5px 5px 5px rgba(0,0,0,.15)
}
.solu-banner .solu-title:before{
	display:none
}
.solu-right {
	float:right;
}
.solu-title {
	font-size: 45px;
	font-weight: 400;
	line-height: 46px;
	text-align: left;
	margin-bottom: 15px;
	letter-spacing: 4px;
	color: #23231F;
	position: relative;	
	
}
.solu-title:before{
	position: absolute;
	content: '';
	left: -20px;
	width:9px;
	height: 50px;
	background: #ffe919
}
.solu-title .title-icon {
	position:absolute;
	top: -17px;
    left: -47px;
	z-index: 0
		
}
.solu-s-title {
	font-size:16px;
	color: #999;
	margin-bottom: 70px;
	text-align: center
}

.school-mode7 .intro-list .intro-item {
   text-align: center;
    padding: 50px 15px;
    border: 1px solid #eee;
    max-width: 80%;
    box-sizing: border-box;
    margin: 0 auto 60px;
	border-radius: 10px;
	height: 219px
}
.school-mode7 .intro-list  .intro-iinfo {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 75px;
	color:#999
}
.school-mode7 .intro-list .intro-iname {
    font-size: 16px;
    font-weight: bold;   
	margin: 15px 10px;
	color:#4f4f4f
}
.school-mode7 .intro-list .col-2 {
	width:20%
}
.school-mode7 .intro-hover {
	display: none
}
.school-mode7 .intro-item:hover {
	background:#FFB600;
	color:#fff
}
.school-mode7 .intro-item:hover .intro-hover {
	display: block;
	margin: 0 auto
}
.school-mode7 .intro-item:hover .intro-show {
	display:none
}
.school-mode7 .intro-item:hover .intro-iname {
	color:#fff
}
.solu-banner .solu-s-title {
	font-size:35px;
	color: #fff;
	margin: 30px 0;
	text-shadow: 5px 5px 5px rgba(0,0,0,.15);
		
}
.solu-banner .solu-s-title {
	text-align:left
}
.solu-banner .solu-txt {
	height: 600px;
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.solu-mt {
	margin-top:110px
}
.solu-mb {
	margin-bottom:110px
}
 .solu-btn-box {
	margin-top:20px;
}

.solu-btn {
	display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #39AEFE;
    border: 1px solid #39AEFE;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
	height:52px;
	width: 165px;
	font-size: 16px;
	box-sizing: border-box;
}
.btn-vedio {
	color:#333;
	background:#fedc76;
	border-color:#fedc76;
	margin-left: 20px
	
}
.btn-active {
	color:#fff;
	background: #333;
	border-color:#333
}

.solu-active:hover {
	background: #fbbe01;
    border-color: #fbbe01;
    color: #fff;
}
.solu-banner .solu-list li {
	width: 14%;
	float: left;
	position: relative
}
 .solu-banner .solu-list li .solu-item {
	text-align: center;
	 position: relative
}
 .solu-banner.solu-list li .solu-icon img{
	max-width: 100%;
	display:block;
	margin: 0 auto
}

 .solu-banner .solu-list li .solu-name {
	position: relative;
	margin-top: 15px;
	font-size: 16px
}

.solu-banner .solu-list li .solu-name .circle-right {
	position: absolute;
	right: 0;	
	top: 50%;
	margin-top: -12px
}
 .solu-banner .solu-list ul {
	padding: 20px;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0,0,0,0.16);
	border-radius: 10px
}
.solu-banner .solu-list {
	position: relative;
	top: -75px;
	
}
.solu-banner .solu-list li .solu-hover {
    background: #fbbe01;
    color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
	display: none;
	position: absolute;
	width: 100%;
	left: -20px;
	top: -50px;
	transition: all ease-in 0.3s
}
.solu-banner .solu-list li:hover .solu-hover {
	display: block;
	transform: scale(1.1);	
	transition: all ease-in 0.3s
}


.school-mode1 {
	background: url(../shcool/8.jpg) no-repeat;
	background-size: 100% 100%;
}

.school-mode1 .school-item-box .school-txt{
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	padding: 0 80px
	
}
.school-mode1 .school-item-box  .school-img{
	overflow: hidden;
	cursor: pointer;
	transition: all 0.6s ease-in;
	max-height: 265px;
}

.school-mode1 .school-item-box  .school-img img {
	max-width: 100%;
	display: block;
	float: right;
	transition: all 0.6s ease-in;
	
}
.school-mode1 .school-item-box  .school-img:hover img{
	transform: scale(1.2);
}
.school-mode1 .school-item-box .col-6{
	display: table
}
.school-mode1 .shcool-item-title {
	font-size:32px;
	color: #fff
}
.school-mode1 .school-txt p {
	margin-top: 20px;
	font-size: 32px;
	color: #fff;
	text-align: right
}
.school-mode1 .core-co1 {
	background: #FFB600
}
.school-mode1 .core-co2 {
	background: #333
}

.school-mode4 .school-txt {
	margin-top: 100px
}
.school-mode4 .school-txt li {
	padding: 20px 30px;
	cursor: pointer
}
.school-mode4 .school-txt li .school-title {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
	position: relative;
	color: #222
}
.school-mode4 .school-txt li .school-title:before{
	content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #FFE919;
    left: -20px;
    margin-top: -5px;
    top: 50%;
}

.school-mode4 .school-txt li:hover .school-title:before {
	background:#FFE919
}
.school-mode4 .school-txt li:hover  {
	box-shadow: 0 1px 10px rgba(0,0,0,.15);
	border-radius:5px
	
}
.school-mode4 .school-txt li p {
	color: #767676;
	font-size: 14px
}
.school-mode4 .school-mt4 li {
	margin-top: 30px;

}
.school-mode4 .school-img img{
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.school-mode4 .school-img {
	position:relative;
}

.school-mode4 .school-img li {
	position:absolute
}
.school-mode4 .school-img li:nth-of-type(1) {
    top: 200px;
    left: 60px;
    z-index: 2;
}
.school-mode4 .school-img li:nth-of-type(2) {
    top: 100px;
    z-index: 1;
}
.school-mode4 .school-img li:nth-of-type(3) {
    top: 130px;
    z-index: 0;
    left: 127px;
}

.core-mode1 {
	background: url(../images/18.png) no-repeat;
    min-height: 750px;

}
.core-mode1 .solu-title {
	color:#fff
}

.core-mode1 .core-list li .core-box {
	background: #fff;
	box-sizing: border-box;
	padding: 20px 30px;
	text-align: center;
	border-radius: 5px
}
.core-mode1 .core-list li .core-line {
	max-width: 80%;	
	padding: 15px;
	border:1px solid #FFE919;
	margin-bottom: 30px;
	border-radius: 5px
	
}
.core-mode1 .core-list li .core-box .core-title{
	font-size:18px;
	color:#403D3D;
}
.core-mode1 .core-list li .core-box .core-info {
	color:#6C6C6C;
	font-size: 14px;
	height: 50px;
	overflow: hidden
}
.core-mode1 .solu-mb {
	margin-bottom: 60px
}
.core-mode1 .core-icon {
	height: 60px
		
}
.core-mode2 .core-balance{
	background:url(../images/44.png) no-repeat;
	background-size: 100% 100%;
	height: 427px;
	
}
.core-mode2 .core-pol {

   	padding:18% 18% 0 35%
}
.core-mode2 .core-por {
	padding: 18% 34% 0 26%;
}

.core-mode2 .core-pol .core-title {
	font-size: 25px;
	color:#333;
	position: relative
}
.core-mode2 .core-por .core-title {
	color:#FFB600
} 
.core-mode2 .core-pol .core-title:before{
	position: absolute;
	content: '';
	left: -25px;
    top: 15px;
	width: 15px;
	height: 15px;
	display: block;
	border:1px solid #fff;
	border-radius: 50%
}
.core-mode2 .core-box {
	cursor:pointer
	
}
.core-mode2 .core-box:hover .core-title:before {
	background:#ffe919
}
.core-mode2 .core-pol .core-info {
	color:#fff;
	font-size: 14px
}
.core-mode2 .core-pol  .core-box {
	margin-bottom: 15px
}

.core-mode3 .core-box {
	max-width:85%;
	padding-bottom: 40px;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0 1px 5px rgb(255, 228, 24,0.5);
}
.core-mode3 .core-img {

    background: url(../images/25.png) no-repeat;
    background-size: 100% 100%;
    padding: 60px 0;
	height: 390px;
	box-sizing: border-box
}
.core-mode3 .core-img img {
	display: block;
	margin: 0 auto;
	max-width: 90%;
}
.core-mode3  .core-title {
	font-size: 20px;
	color:#333;
	margin-top: 30px
}
.core-mode3  .core-info {
	font-size: 14px;
	color:#5a5a5a;
	line-height: 28px;
	margin: 0 auto;
	margin-top: 10px;
	max-width: 80%;
	overflow: hidden
}
.core-mode4 .core-txt {
	
	max-width: 80%;
	margin: 20% auto 0;
	font-size: 35px;
	color:#b3b3b3
}
.core-mode5 {
	background: url(../images/31.png) no-repeat;
	text-align: center;
	background-size: 100% 100%
}
.core-mode5 .core-title {
    text-align: center;
    font-size: 32px;
    max-width: 60%;
    margin: 80px auto 0;
    color: #fff;
	text-shadow: 5px 5px 5px rgba(0,0,0,.15);
}
.mobile-right {
	float:right
}
.pc-right {
	float: right
}
@media screen and (max-width: 992px) {
	.container, .mainbox {
		padding:0 15px;
		box-sizing: border-box
	}
	.school-mode7 .intro-list .col-md-4 {
		width:33.33333%
	}
}
@media screen and (max-width: 768px) { 
	.solu-title {
		font-size:36px
	}
	.core-mode3 .core-box {
		margin-bottom:30px
	}
	.pd-box {
		padding: 50px 0 40px 0
	}
	
	.solu-banner {
		height:auto
	}
	.solu-banner .solu-title {
		font-size:36px
	}
	.solu-banner .solu-s-title {
		font-size:24px
	}
	.solu-banner  img {
		margin-top:120px
	}
	
	.school-mode1 .shcool-item-title {
		font-size:28px
	}
	.school-mode1 .school-txt p {
		font-size:24px
	}
	.school-mode1 .school-item-box .school-img {
		max-height:165px
	}
	.school-mode4 .school-txt {
		margin-top:0
	}
	.core-mode2 .core-pol .core-title {
		font-size: 16px
	}
	.core-mode2 .core-balance {
		height:328px
	}
	.core-mode2 .core-balance {
		height:310px
	}
	.core-mode2 .core-pol .core-info {
		font-size:12px;
		height: 48px
	}
	.core-mode4 .core-txt {
		margin-top:10%
	}
	.solu-title:before,.solu-title .title-icon {
		display:none;
	}
	.school-mode1 .school-item-box .school-txt {
		padding:0 20px
	}
	
}

@media screen and (max-width: 480px) {
	img {
		max-width:100%;
	}
	.pd-box {
		padding: 50px 0 40px 0
	}
	.solu-mt {
		margin-top:35px;
	}
	.solu-mb {
		margin-bottom:35px
	}
	.solu-title {
		font-size:30px;
               text-align:center
		
	}
	.solu-title:before {
		position: absolute;
		content: '';
		left: -3px;
		width: 4px;
		top: 11px;
		height: 25px;
		background: #ffe919;
	}
	.solu-title .title-icon {
		position: absolute;
		top: -1px;
		left: -18px;
		width: 118px;
		z-index: 0;
	}
	
	.solu-s-title {
		margin-bottom: 35px
	}
	.container {
		padding:0 15px
	}
	.solu-banner {
		height:auto;
	
	}
	.solu-banner img {
		margin-top: 0
	}
	
	.solu-banner .solu-title {
		margin-top:15px;
		font-size:30px;
		text-align:center;		
	}
	

	.solu-banner .solu-txt {
               margin-top:45px;
		height:auto;
		display:block;
		text-align:center
	}
	.solu-banner .solu-s-title {
		font-size:18px;
		text-align:center;
		margin:15px 0
	}
	.solu-btn {
		width:120px;
		font-size:14px;
		height: 36px;
		padding: 10px 20px;
		
	}
	
	.school-mode1 .school-item-box .school-txt {
		display:block;
		padding: 20px;
		height: auto!important
	}
	.school-item-box {
		margin-bottom:30px
	}
	.school-mode1 .shcool-item-title {
		font-size: 20px
	}
	.school-mode1 .school-txt p {
		margin-top: 10px;
		font-size: 20px;
		text-align:left
	}
	
	.school-mode4 .school-txt {
		margin-top: 0px;
		height:auto!important
	}
	.core-mode1 {
		height:auto
	}
	.core-mode1 .core-list li .core-box .core-info {
		overflow: hidden
	}
	.core-mode1 .solu-mb {
		margin-bottom: 40px;
		margin-top: 100px
	}

	.core-mode4 .core-txt {
		font-size: 20px;
		margin-top:30px;
		margin-bottom: 30px
	}
	.core-mode5 {
		background-size: auto;
	}
	.school-mode7 .intro-list .intro-item {
		max-width:90%;
		height: 200px;
		margin: 0 auto 20px
	}
	.school-mode7 .intro-list .col-sm-6 {
		width:50%
	}
	.core-mode5 .core-title {
		max-width: 90%;
		margin: 40px auto;
		font-size: 24px
	}
	
	.core-mode2 .core-balance {
		background: none;
		height: auto
	}
	.core-mode2 .core-pol {
		padding: 0
	}
	.core-mode2 .core-pol .core-info {
		color:#333
	}
	.core-mode3 .core-box {
		margin-bottom: 30px
	}
	.core-mode3 .core-img {
		padding: 30px 0;
		height: 330px
	}
	.btn-vedio {
		margin-left: 0;
		background: #fff;
		border-color: #fff;
			
	}
	.core-mode1 {
		background: #333 url(../images/18.png) no-repeat;
	}
	.core-mode1 .solu-mb {
		margin-bottom:20px;
		margin-top:50px
	}
	.core-mode1 .core-list li .core-line {
		max-width:75%;
		margin: 0 auto 30px
	}
	.core-mode1 .core-list li .core-box {
		padding: 20px
	}
	.core-mode2 .core-pol .core-box {
		box-shadow: 0 1px 10px rgba(0,0,0,.15);
		padding: 10px
	}
}