/* logo和导航*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

.nav-container {
    height: 91px;
    background: #fff;
}

.nav li{
	padding: 0 20px;
}
.nav li a {
    display: block;
    font-size: 18px;
    color: #333;
    height: 91px;
    line-height: 91px;
    text-align: center;
    white-space: nowrap;
	border-bottom: 4px solid #fff;
}

.nav .language-item {
	display: flex;
	align-items: center;
	height: 91px;
}

.language-select {
	height: 36px;
	border: 1px solid #d8e4ec;
	border-radius: 18px;
	padding: 0 12px;
	background: #fff;
	color: #333;
	font-size: 14px;
	outline: none;
	cursor: pointer;
}

.language-select:focus {
	border-color: #0099d9;
	box-shadow: 0 0 0 3px rgba(0,153,217,.12);
}
.nav li:hover>a, .nav li>a.active {
    color: #0099d9;
	border-bottom: 4px solid #0099d9;
}
.logo img {
    width: 227px;
    height: 91px;
}
/* banner*/
.yinying {
    height: 89px;
	background: url('../images/bannerbg.jpg') repeat-x top left;
	margin-top: 4px;
}
.banner{	
width: 100%;
height:533px;
background: url('../images/banner.jpg') center;
position: relative;
}

/* 倒计时*/		
.daojishi_box{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.daojishi{
	width: 1200px;
	margin: 0 auto;
	height: 155px;
	display: flex;	
}
.title{
	font-size: 48px;
	font-weight: bold;
	text-align: center;
}
.org{
	color: #ff9900;
}
.shijian{
	color: #ff9900;
	font-size: 60px;
}
.time{
	color: #585858;
	font-size: 48px;
	padding: 0 5px;
}
.lingqu{
	margin-top: 10px;
}

#daojishibg{
	margin: 0 50px;
}

.main{
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}
/* 学习资料*/	
.xxzl{
	display: flex;
	height: 520px;
	margin-top: 30px;
}

.xxzl .l{
	width: 910px;
}

.row{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap
}
.xxzl .row li .inner-line{
	width: 280px;
	height: 220px;
	background: #c5fdff url(../images/01.jpg) no-repeat center 36px ;
	margin: 20px 0;
}
.xxzl .row li:nth-child(2) .inner-line{
	background: #d4e4ff url(../images/02.jpg) no-repeat center 36px ;
}
.xxzl .row li:nth-child(3) .inner-line{
	background: #d5ffeb url(../images/03.jpg) no-repeat center 36px ;
}
.xxzl .row li:nth-child(4) .inner-line{
	background: #fad4ff url(../images/04.jpg) no-repeat center 36px ;
}
.xxzl .row li:nth-child(5) .inner-line{
	background: #ffdbdb url(../images/05.jpg) no-repeat center 36px ;
}
.xxzl .row li:nth-child(6) .inner-line{
	background: #fff1dc url(../images/06.jpg) no-repeat center 36px ;
}

.xxzl .row li .inner-line h3 {
    font-size: 24px;
    padding-top: 100px;
    line-height: 54px;
	text-align: center;
}
.xxzl .row li .inner-line a{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 20px;
	min-height: 36px;
	width: 76%;
	line-height: 1.25;
	padding: 8px 12px;
	margin: 0 auto;
	border: 1px solid #268c90;
	font-size: 18px;
	box-sizing: border-box;
	overflow-wrap: anywhere;
}
.xxzl .row li:nth-child(2) a{
	border: 1px solid #89aae5;
}
.xxzl .row li:nth-child(3) a{
	border: 1px solid #6abf98;
}
.xxzl .row li:nth-child(4) a{
	border: 1px solid #b87dbf;
}
.xxzl .row li:nth-child(5) a{
	border: 1px solid #e59f9f;
}
.xxzl .row li:nth-child(6) a{
	border: 1px solid #cea970;
}
.inner_r{
	height: 460px;
	width: 280px;
	background: #ccddff url(../images/07.jpg) no-repeat center 136px ;
	margin: 20px 0 0 27px;
	padding: 10px 0;
}
.xxzl .inner_r h3 {
    font-size: 24px;
    padding-top: 200px;
    line-height: 54px;
	text-align: center;
}
.xxzl .inner_r a{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 20px;
	min-height: 36px;
	width: 76%;
	line-height: 1.25;
	padding: 8px 12px;
	margin: 0 auto;
	border: 1px solid #85a8ed;
	font-size: 18px;
	box-sizing: border-box;
	overflow-wrap: anywhere;
}
/* 大学课程*/
.kecheng_box{
	background: #eff6fb;
	padding: 10px 0;
	margin-top: 50px;
}
.kecheng{
	margin: 30px 0;
}
.kecheng li{
	margin: 20px 0;
}
.kecheng p a{
	width: 100%;
	background-color: #ff9900;
	min-height: 36px;
	line-height: 1.25;
	display: inline-block;
	font-size: 20px;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	margin-top: 5px;
	padding: 8px 14px;
	box-sizing: border-box;
	overflow-wrap: anywhere;
}

/* 常见问题*/
.changjian{
	margin-top: 50px;
}
.changjian .row
{
	display: flex;
	 justify-content: center;
	flex-wrap:wrap
}
.changjian .row li{
	width: 250px;
	min-height: 220px;
	box-shadow:0 0 9px 3px #ededed; 
	margin:  25px;
	
	}
.changjian .row li .inner-line{
	width: 250px;
	min-height: 220px;
	background: url(../images/14.jpg) no-repeat center 36px ;
	border-top: 2px solid #3379ff;
	box-sizing: border-box;
	padding-bottom: 24px;
}
.changjian .row li:nth-child(2) .inner-line{
	background:  url(../images/15.jpg) no-repeat center 36px ;
}
.changjian .row li:nth-child(3) .inner-line{
	background:  url(../images/16.png) no-repeat center 36px ;
}
.changjian .row li:nth-child(4) .inner-line{
	background:  url(../images/17.jpg) no-repeat center 36px ;
}
.changjian .row li:nth-child(5) .inner-line{
	background:  url(../images/18.jpg) no-repeat center 36px ;
}
.changjian .row li:nth-child(6) .inner-line{
	background:  url(../images/19.jpg) no-repeat center 36px ;
}
.changjian .row li:nth-child(7) .inner-line{
	background:  url(../images/20.jpg) no-repeat center 36px ;
}

.changjian .row li .inner-line h3 {
    font-size: 24px;
    padding-top: 90px;
    line-height: 1.35;
	text-align: center;
	min-height: 66px;
	margin: 0 12px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-wrap: anywhere;
}
.changjian .row li .inner-line a{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #ff9900;
	min-height: 40px;
	width: auto;
	min-width: 138px;
	max-width: calc(100% - 32px);
	line-height: 1.25;
	padding: 10px 16px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	color: #202020;
	border-radius: 22px;
	box-shadow: 0 8px 18px rgba(255,153,0,.28);
	box-sizing: border-box;
	overflow-wrap: anywhere;
	
}

/* 快速抢占市场*/
.qzsc{
	height: 542px;
	padding-top: 30px;
	background: url(../images/bg2.jpg) center center no-repeat;
	margin-top: 30px;
}
.qzsc .row_list{
	
}
.qzsc .bor{
	width: 383px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	height: 172px;
	margin-top: 50px;
}
.qzsc .biaoti{
	width: 180px;
	height: 100%;
	text-align: center;
	color: #23a5f9;
	font-size: 18px;
	margin-right: 15px;
	margin-top: 10px;
}
.qzsc .biaoti span
{
	font-size: 36px;
	
}
.qzsc .biaoti p{
	font-size:18px ;
	line-height: 30px;
	margin-top: 10px;
	color: #202020;
	text-align: center;
	padding:  0 8px;
}

/* 为什么选择我们*/
.xuanze .row {
	flex-wrap: nowrap;
}

.xuanze .row li .inner-line{
	width: 320px;
	height: 370px;
	background: url(../images/24.jpg) no-repeat center 280px #fbfbfb ;
	border-radius: 20px;
	margin: 40px 30px;
	
}
.xuanze .row li:nth-child(2) .inner-line{
	background:  url(../images/25.jpg) no-repeat center 280px #fbfbfb  ;
}
.xuanze .row li:nth-child(3) .inner-line{
	background:  url(../images/26.jpg) no-repeat center 280px #fbfbfb  ;
}
.xuanze .row li:nth-child(4) .inner-line{
	background:  url(../images/27.jpg) no-repeat center 280px #fbfbfb  ;
}
.xuanze .row li:nth-child(5) .inner-line{
	background:  url(../images/28.jpg) no-repeat center 280px #fbfbfb  ;
}
.xuanze .tit{
	height: 90px;
	background: #0cb6e1;
	border-radius: 20px 20px 0 0 ;
	font-size: 36px;
	color: #fff;
	font-weight: bold;
text-align: center;	
line-height: 90px;
}
.xuanze .row li .inner-line p{
	font-size: 18px;
	text-align: center;
	line-height: 36px;
	padding-top: 40px;
}

/* 营销方案*/
.xxff{
	background: url(../images/bg3.jpg) center top no-repeat #ebf8fa;
	height: 360px;

	}
	
.xxff .main{
	margin-top: 0;
}
.xxff .title{
	padding-top:160px;
}
.xxff .row{
	 justify-content:center;
	 height: 98px;
	 line-height: 98px;
	 font-size: 36px;
}
.banquan{
 
 background-color: #232f3f;
text-align: center;
color: #fff;
padding: 40px 0;

}

.banner-copy {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1200px;
	max-width: calc(100% - 40px);
	transform: translate(-50%, -50%);
	color: #fff;
}

.banner-copy h1 {
	font-size: 56px;
	line-height: 1.18;
	font-weight: bold;
	max-width: 680px;
	text-shadow: 0 4px 18px rgba(0,0,0,.38);
}

.banner-copy p {
	max-width: 560px;
	font-size: 24px;
	line-height: 1.7;
	margin-top: 22px;
	text-shadow: 0 3px 12px rgba(0,0,0,.34);
}

.hero-btn,
.contact-cta {
	display: inline-block;
	margin-top: 28px;
	border: 3px solid #ff9950;
	border-radius: 50px;
	padding: 12px 30px;
	background: #ff9900;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.about-company {
	background: linear-gradient(180deg, #fff 0%, #f6fbff 100%);
	padding: 12px 0 58px;
}

.about-layout {
	display: flex;
	gap: 34px;
	align-items: stretch;
	margin-top: 32px;
}

.about-text {
	flex: 1;
	background: #fff;
	border: 1px solid #e7eef6;
	border-radius: 16px;
	padding: 34px 36px;
	box-shadow: 0 16px 36px rgba(28, 73, 104, .08);
}

.about-text p {
	font-size: 20px;
	line-height: 2;
	color: #263746;
	margin-bottom: 16px;
	text-align: justify;
}

.about-feature {
	width: 430px;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 16px 36px rgba(28, 73, 104, .12);
	background: #fff;
}

.about-feature img {
	width: 100%;
	height: 100%;
	min-height: 360px;
	object-fit: cover;
	display: block;
}

.company-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin-top: 24px;
}

.company-gallery img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	border-radius: 12px;
	box-shadow: 0 10px 24px rgba(28, 73, 104, .1);
	background: #fff;
}

.fixed-contact {
	position: fixed;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 238px;
}

.fixed-contact a {
	display: block;
	padding: 12px 14px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0,0,0,.18);
	color: #1d2b36;
	border-left: 5px solid #0099d9;
}

.fixed-contact a:hover {
	transform: translateX(-4px);
}

.fixed-contact strong {
	display: block;
	font-size: 15px;
	color: #0099d9;
	margin-bottom: 4px;
}

.fixed-contact span {
	display: block;
	font-size: 14px;
	line-height: 1.35;
	word-break: break-all;
}

.fixed-contact .contact-whatsapp {
	border-left-color: #25d366;
}

.fixed-contact .contact-whatsapp strong {
	color: #1a9f4a;
}

.fixed-contact .contact-email {
	border-left-color: #ff9900;
}

.fixed-contact .contact-email strong {
	color: #d47b00;
}

@media (max-width: 1220px) {
	.wrap,
	.main,
	.banner-copy {
		width: calc(100% - 40px);
	}

	.nav li {
		padding: 0 8px;
	}

	.nav li a {
		font-size: 15px;
	}
}

@media (max-width: 900px) {
	body {
		padding-bottom: 168px;
	}

	.nav-container {
		height: auto;
		display: block;
		padding-bottom: 10px;
	}

	.logo img {
		display: block;
		margin: 0 auto;
	}

	.nav {
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 8px;
	}

	.nav li {
		padding: 0 4px;
	}

	.nav li a {
		height: 38px;
		line-height: 38px;
	}

	.nav .language-item {
		height: 38px;
	}

	.banner {
		height: 430px;
	}

	.banner-copy h1 {
		font-size: 36px;
	}

	.banner-copy p {
		font-size: 18px;
	}

	.xxzl {
		height: auto;
		display: block;
	}

	.xxzl .l,
	.xxzl .row li .inner-line,
	.inner_r {
		width: 100%;
	}

	.xxzl .row {
		gap: 18px;
		justify-content: center;
	}

	.xxzl .row li {
		width: calc(50% - 9px);
	}

	.xxzl .row li .inner-line {
		height: auto;
		min-height: 220px;
		margin: 0;
	}

	.inner_r {
		margin-left: 0;
		height: auto;
		min-height: 360px;
	}

	.kecheng .row,
	.changjian .row {
		justify-content: center;
		gap: 20px;
	}

	.kecheng li {
		width: calc(50% - 10px);
		margin: 0;
	}

	.kecheng li div img {
		width: 100%;
		display: block;
	}

	.changjian .row li,
	.changjian .row li .inner-line {
		width: min(100%, 280px);
	}

	.changjian .row li {
		margin: 0;
	}

	.kecheng img,
	.qzsc img {
		max-width: 100%;
	}

	.qzsc {
		height: auto;
		padding: 28px 0 36px;
		background-size: cover;
	}

	.qzsc .main {
		margin-top: 22px;
	}

	.qzsc .main > .row {
		gap: 20px;
		justify-content: center;
	}

	.qzsc .bor {
		width: 100%;
		max-width: 430px;
		height: auto;
		margin-top: 0;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		overflow: hidden;
	}

	.qzsc .row_list {
		width: 46%;
		flex: 0 0 46%;
	}

	.qzsc .row_list img {
		width: 100%;
		height: 100%;
		min-height: 172px;
		object-fit: cover;
		display: block;
	}

	.qzsc .biaoti {
		width: 54%;
		margin: 0;
		padding: 12px 10px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.qzsc .biaoti p {
		line-height: 1.5;
		margin-top: 6px;
	}

	.about-layout {
		display: block;
	}

	.about-feature {
		width: 100%;
		margin-top: 18px;
	}

	.company-gallery {
		grid-template-columns: repeat(2, 1fr);
	}

	.xuanze .row {
		flex-wrap: wrap;
		justify-content: center;
		gap: 22px;
	}

	.xuanze .row li {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.xuanze .row li .inner-line {
		width: min(100%, 360px);
		height: auto;
		min-height: 360px;
		margin: 0;
		background-position: center calc(100% - 28px);
		background-size: 58px auto;
		padding-bottom: 96px;
		box-sizing: border-box;
	}

	.xuanze .tit {
		min-height: 82px;
		height: auto;
		line-height: 1.2;
		padding: 18px 18px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow-wrap: anywhere;
	}

	.xuanze .row li .inner-line p {
		padding: 30px 20px 0;
		line-height: 1.75;
	}

	.fixed-contact {
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		transform: none;
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
		background: #fff;
		box-shadow: 0 -8px 24px rgba(0,0,0,.12);
	}

	.fixed-contact a {
		border-radius: 0;
		box-shadow: none;
		border-left: 0;
		border-top: 1px solid #edf1f5;
		padding: 10px 16px;
	}
}

@media (max-width: 560px) {
	body {
		padding-bottom: 150px;
	}

	.wrap,
	.main,
	.banner-copy {
		width: calc(100% - 24px);
	}

	.logo img {
		width: 184px;
		height: auto;
	}

	.nav {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
		margin-top: 6px;
	}

	.nav li {
		padding: 0;
		min-width: 0;
	}

	.nav li a {
		font-size: 14px;
		height: 34px;
		line-height: 34px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.nav .language-item {
		grid-column: 1 / -1;
		justify-content: center;
	}

	.language-select {
		max-width: 132px;
	}

	.yinying {
		height: 24px;
		margin-top: 0;
	}

	.banner {
		height: 165px;
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
	}

	.title {
		font-size: 28px;
		line-height: 1.22;
	}

	.main {
		width: calc(100% - 32px);
		margin-top: 34px;
	}

	.xxzl .row li,
	.kecheng li,
	.changjian .row li {
		width: 100%;
	}

	.xxzl .row li .inner-line,
	.inner_r {
		max-width: 360px;
		margin: 0 auto;
	}

	.inner_r {
		min-height: 320px;
		background-position: center 96px;
	}

	.xxzl .inner_r h3 {
		padding-top: 166px;
	}

	.kecheng .row,
	.changjian .row {
		gap: 18px;
	}

	.changjian .row li,
	.changjian .row li .inner-line {
		max-width: 320px;
		width: 100%;
	}

	.qzsc .bor {
		display: block;
		max-width: 386px;
	}

	.qzsc .row_list {
		width: 100%;
	}

	.qzsc .row_list img {
		height: 160px;
		min-height: 0;
	}

	.qzsc .biaoti {
		width: 100%;
		min-height: 164px;
		padding: 14px 18px 18px;
	}

	.qzsc .biaoti span {
		font-size: 34px;
	}

	.qzsc .biaoti h3 {
		line-height: 1.2;
	}

	.qzsc .biaoti p {
		font-size: 17px;
	}

	.xuanze .tit {
		font-size: 30px;
	}

	.xuanze .row {
		padding: 0 16px;
		box-sizing: border-box;
	}

	.xuanze .row li .inner-line {
		width: 100%;
		max-width: 360px;
	}

	.xxff {
		height: auto;
		padding: 70px 0 54px;
		background-size: cover;
	}

	.xxff .title {
		padding-top: 0;
	}

	.xxff .row {
		height: auto;
		line-height: 1.3;
	}

	.contact-cta {
		font-size: 20px;
		padding: 10px 22px;
	}

	.company-gallery {
		grid-template-columns: 1fr;
	}

	.about-text {
		padding: 22px;
	}

	.about-text p {
		font-size: 17px;
	}
}