@charset "utf-8";
html{scroll-behavior: smooth;}
body{overflow-x: hidden;}




/* 展开导行 */
.sidebar-wrapper {position:relative;height:100%;overflow:auto;display:none;}
#dowebok {background-color:rgba(0,0,0,.6);}
#dowebok .nav {margin-top:80px;list-style-type:none;color:#fff;}
#dowebok .nav li {display:block;line-height:50px;font-size:14px;position:relative;}
#dowebok .nav li a {display:block;padding:0 20px;height:100%;border-bottom:1px solid #666;}
#dowebok .nav a:hover {background-color:#000;}
#dowebok .nav li .n2btn {width:35px;height:55px;display:inline-block;position:absolute;right:0;top:0;color:#fff;background:url(../images/more.svg) no-repeat left center;background-size:auto 24px;z-index:10;}
#dowebok .nav li .nav2 {display:none;}
#dowebok .nav li .nav2 li {font-size:16px;}
#dowebok .nav li .nav2 li a {padding-left:50px;}
[data-simplersidebar='active'] {box-shadow:3px 0px 3px 0px rgba(0,0,0,0.5);}




/* .hdProp {

} */




.header {
	color: #fff;
	font-size: 17px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all ease-in-out .4s;
	border-bottom: 1px solid rgba(255 , 255 , 255 , .3);
}

.header.active,
.header:hover
{
	color: #333;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

.header .item {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.header h1 {
	width: 140px;
	height: 74px;
	background: url(../images/logo.png) no-repeat left center/contain;
}

.header.active h1,
.header:hover h1
{
	background: url(../images/logo2.png) no-repeat left center/contain;
}

.header h1 a {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.header .nav {
	display: flex;
	margin-left: auto;
}

.header .nav li {
	line-height: 100px;
	height: 100px;
	margin: 0 30px;
	position: relative;
	z-index: 999;
}

/* .header .nav li.active, */
.header:hover .nav li.active,
.header.active .nav li.active,
.header .nav li:hover {
	color: var(--theme-color)!important;
	font-weight: bold;
}

.header.active .nav li.active a,
.header .nav li:hover a {
	color: inherit;
}

/* .header>.item>.nav>li.active a {
	font-weight: bold;
} */

/* .header.active>.item>.nav>li.active a,
.header>.item>.nav>li:hover a {
	color: var(--theme-color)!important;
	font-weight: bold;
} */

.header .nav li::after {
	content: '';
	width: 0;
	height: 4px;
	top: auto;
	transform: translate(-50% , 0);
	bottom: -2px;
	transition: all ease-in-out .4s;
	background: #fff;
}

.header.active .nav li::after,
.header:hover .nav li::after
{
	background: var(--theme-color);
}

.header .nav li.active::after,
.header .nav li:hover::after
{
	width: 100%;
}

.header .nav li a {
	height: 100%;
	display: inline-block;
}

.header .nav li .nav2 {
	text-align: center;
	line-height: 85px;
	width: 100%;
	height: 85px;
	display: none;
	position: fixed;
	top: 101px;
	left: 0;
	background: #fff;
}

.header .nav li .nav2 .li {
	font-size: 17px;
	display: inline-block;
	position: relative;
}

.header .nav li .nav2 .li:not(:last-child) {
	margin-right: 45px;
}

.header .nav li .nav2 .li a {
	color: #666!important;
	font-weight: normal;
	height: 100%;
	display: inline-block;
}

.header .nav li .nav2 .li:hover a {
	color: var(--theme-color)!important;
	font-weight: bold;
}

.header .nav li .nav2 .li::after {
	content: '';
	width: 0;
	height: 4px;
	top: auto;
	transform: translate(-50% , 0);
	bottom: 0;
	transition: all ease-in-out .4s;
	background: var(--theme-color);
}

.header .nav li .nav2 .li:hover::after {
	width: 100%;
}

.header .button {
	height: 100%;
	display: flex;
	margin: 0 25px 0 150px;
}

.header .button span {
	cursor: pointer;
	width: 22px;
	height: 22px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}

.header .button .search {
	background-image: url(../images/search.png);
}

.header.active .button .search,
.header:hover .button .search
{
	background-image: url(../images/search2.png);
}


.header .button .menu {
	display: none;
	background-image: url(../images/menu.png);
}

.header.active .button .menu,
.header:hover .button .menu
{
	background-image: url(../images/menu2.png);
}

.header .button .menu.active {
	background-image: url(../images/close.png);
}

.header:hover .button .menu.active,
.header.active .button .menu.active 
{
	background-image: url(../images/close2.png);
}

.header .form {
	font-size: 0;
	width: 100%;
	padding: 20px 0;
	display: none;
	position: fixed;
	left: 0;
	top: 101px;
	background: #fff;
}

.header .form form {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
}

.header .form input {
	color: #333;
	font-size: 16px;
	width: 100%;
	height: 50px;
	padding-right: 35px;
	border-bottom: 1px solid #dcdcdc;
}

.header .form button {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: url(../images/search2.png) no-repeat right center/contain;
}




@media(max-width:1600px) {
	.header .item {
		padding: 0 15px;
	}
}

@media(max-width:1500px) {
	.header {
		font-size: 15px;
	}
	
	.header h1 {
		width: 125px;
		height: 65px;
	}
	
	.header .nav li {
		line-height: 80px;
		height: 80px;
		margin: 0 25px;
	}
	
	.header .nav li .nav2 {
		top: 81px;
	}
	
	.header .nav li .nav2 .li {
		color: #666;
		font-size: 17px;
	}
	
	.header .nav li .nav2 .li:not(:last-child) {
		margin-right: 45px;
	}
	
	.header .nav li .nav2 .li:hover {
		color: var(--theme-color);
	}
	
	.header .button {
		margin: 0 20px 0 100px;
	}
	
	.header .form {
		padding: 18px 0;
		top: 81px;
	}
	
	.header .form form {
		max-width: 500px;
	}
	
	.header .form input {
		font-size: 15px;
	}
}

@media(max-width:1400px) {
	.header h1 {
		width: 120px;
		height: 60px;
	}

	.header .nav li {
		line-height: 70px;
		height: 70px;
		margin: 0 20px;
	}

	.header .button {
        margin: 0 20px 0 70px;
    }

	.header .form {
		padding: 14px 0;
		top: 71px;
	}

	.header .form input {
        font-size: 14px;
    } 

	.header .form form {
		max-width: 400px;
	}

	.header .form input {
		height: 45px;
		padding-right: 30px;
	}

	.header .nav li .nav2 {
		line-height: 70px;
		height: 70px;
		top: 70px;
	}
	
	.header .nav li .nav2 .li {
		font-size: 15px;
	}
	
	.header .nav li .nav2 .li:not(:last-child) {
		margin-right: 30px;
	}
}

@media(max-width:1200px) {
	.header {
		font-size: 14px;
	}

	.header h1 {
		width: 100px;
		height: 55px;
	}

	.header .nav li {
		margin: 0 15px;
	}

	.header .button {
        margin: 0 20px 0 70px;
    }

	.header .button span {
		width: 20px;
		height: 20px;
	}

	.header .form form {
		max-width: 350px;
	}

	.header .nav li .nav2 {
		line-height: 65px;
		height: 65px;
	}
	
	.header .nav li .nav2 .li {
		font-size: 14px;
	}
	
	.header .nav li .nav2 .li:not(:last-child) {
		margin-right: 25px;
	}
}

@media(max-width:991px) {
	.header {
		font-size: 20px;
		padding: 10px 0;
	}

	.header .nav {
		display: none;
	}

	.header .button {
        margin: 0 0 0 auto;
    }

	.header .button span{
		margin-right: 21px;
		position: relative;
	}

	.header .button span::after {
		content: '';
		width: 1px;
		height: 100%;
		height: 20px;
		left: auto;
		right: -10px;
		background: #fff;
	}

	.header.active .button span::after,
	.header:hover .button span::after
	{
		background: #afafaf;
	}

	.header .button .menu {
		display: block;
	}

	.header .switch {
		height: 20px;
	}

	.header .form {
		top: 76px;
	}

	.header .form form {
		max-width: 280px;
	}

	.header .form input {
        font-size: 13px;
    } 

	.header .form button {
		width: 18px;
		height: 18px;
	}
}

@media(max-width:768px) {
	.header h1 {
        width: 85px;
        height: 45px;
    }

	.header .form {
		top: 66px;
	}

	.header .form form {
		max-width: 240px;
	}

	.header .form input {
		height: 40px;
	}
}

@media(max-width:430px) {
	.header .form form {
		max-width: 180px;
	}

	.header .form input {
		font-size: 12px;
		height: 35px;
	}

	.header .form button {
		width: 16px;
		height: 16px;
	}
}




.mb-nav{
	width: 100%;
	height: 100vh;
	padding-top: 100px;
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 99;
	transition: all ease-in-out .5s;
	background: var(--theme-color);
}
.mb-nav.active{
	left: 0;
}
.mb-nav ul li{
	color: #fff;
	font-size: 16px;
	margin: 0 15px;
	position: relative;
	/* border-bottom: 1px solid #fff; */
}
/* .mb-nav ul li:not(:last-child){
	border-bottom: 1px solid #fff;
} */
.mb-nav ul .line {
	position: relative;
	border-bottom: 1px solid rgba(255 , 255 , 255 , .5);
	height: 50px;
}

.mb-nav ul li a {
	line-height: 50px;
	width: auto;
	height: 50px;
	display: inline-block;
	box-sizing: border-box;
}
.mb-nav ul li .icon {
	width: 18px;
	height: 2px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 10;
	transition: all ease-in-out .4s;
	background: #fff;
}

.mb-nav ul li .icon::after {
	content: '';
	width: 2px;
	height: 18px;
	margin-top: -9px;
	margin-left: -1px;
	transform: rotate(-180deg);
	transition: all ease-in-out .3s;
	background: #fff;
}

.mb-nav ul li .icon.active::after {
   	transform: rotate(-90deg);
}

.mb-nav ul li a {
	height: 100%;
	display: inline-block;
}

.mb-nav ul li>.nav2 {
	display: none;
}

.mb-nav ul li>.nav2>li {
	font-size: 14px;
	margin: 0 15px;
	border-bottom: 1px solid #fff;
}

.mb-nav ul li>.nav2>li>a {
	width: 100%;
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
}




@media(max-width:430px){
	.mb-nav {
		padding-top: 80px;
	}

	.mb-nav ul li {
		font-size: 15px;
	}
	
	.mb-nav ul li a {
		line-height: 50px;
	}

	.mb-nav ul li>.nav2>li {
		font-size: 12px;
		margin: 0 10px;
	}

	.mb-nav ul li>.nav2>li>a {
		line-height: 38px;
		height: 38px;
	}

	.mb-nav ul li .icon {
		width: 14px;
	}

	.mb-nav ul li .icon::after {
		height: 14px;
		margin-top: -7px;
	}
}




.footer {
    color: #9b9b9b;
    font-size: 16px;
    padding-top: 85px;
    background: #232323;
}

.footer .container {
    display: flex;
    margin-bottom: 96px;
}

.footer .logo {
    width: 140px;
    height: 75px;
    display: block;
    background: url(../images/f-logo.png) no-repeat left center/contain;
}

.footer .logo a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.footer .nav {
    display: flex;
    margin-left: 225px;
}

.footer .nav dl:not(:last-child) {
    margin-right: 120px;
}

.footer .nav dt {
    color: #fff;
    margin-bottom: 20px;
}

.footer .nav dt:hover {
    color: var(--theme-color)!important;
    font-weight: bold;
}

.footer .nav dd {
    line-height: 32px;
}

.footer .nav dd a {
    height: 100%;
    display: inline-block;
}

.footer .nav dd:hover a {
    text-decoration: underline;
}

.footer .code {
	font-size: 0;
    margin-left: auto;
}

.footer .code img {
    width: 130px;
    height: 130px;
}

.footer .code p {
	font-size: 16px;
    text-align: center;
    margin-top: 15px;
	transition: all .2s;
}

.footer .code:hover p {
	color: var(--theme-color);
}

.footer .copy {
    line-height: 32px;
    padding: 25px 0;
    border-top: 1px solid #3f3f3f;
}




@media(max-width:1500px) {
	.footer .nav {
		margin-left: 200px;
	}

	.footer .nav dl:not(:last-child) {
		margin-right: 100px;
	}
}

@media(max-width:1400px) {
	.footer {
		font-size: 15px;
		padding-top: 70px;
	}

	.footer .container {
		margin-bottom: 85px;
	}

	.footer .logo {
		width: 130px;
		height: 65px;
	}

	.footer .nav {
		margin-left: 170px;
	}

	.footer .nav dl:not(:last-child) {
		margin-right: 90px;
	}

	.footer .nav dt {
		margin-bottom: 15px;
	}

	.footer .nav dd {
		line-height: 30px;
	}

	.footer .code img {
		width: 115px;
		height: 115px;
	}

	.footer .code p {
		font-size: 15px;
		margin-top: 13px;
	}

	.footer .copy {
		padding: 20px 0;
	}
}

@media(max-width:1200px) {
	.footer {
		font-size: 14px;
		padding-top: 50px;
	}

	.footer .container {
        margin-bottom: 78px;
    } 

	.footer .logo {
		width: 110px;
		height: 60px;
	}

	.footer .nav {
		margin-left: 130px;
	}

    .footer .nav dl:not(:last-child) {
        margin-right: 60px;
    }
	
	.footer .code img {
		width: 110px;
		height: 110px;
	}

	.footer .code p {
		font-size: 14px;
	}

	.footer .copy {
		line-height: 27px;
		padding: 15px 0;
	}
}

@media(max-width:991px) {
	.footer {
		font-size: 13px;
		padding-top: 20px;
	}

	.footer .container {
		margin-bottom: 20px;
	}

	.footer .logo {
		width: 100px;
		height: 50px;
		margin: 0 auto;
	}

	.footer .nav,
	.footer .code 
	{
		display: none;
	}

	.footer .copy {
		text-align: center;
		line-height: 25px;
	}
}

@media(max-width:768px) {
	.footer {
		font-size: 13px;
		padding-top: 15px;
	}

	.footer .container {
		margin-bottom: 15px;
	}

	.footer .logo {
		width: 70px;
		height: 40px;
	}

	.footer .copy {
		padding: 10px 0;
		line-height: 23px;
	}

}




.p-news .listbox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 70px;
}

.p-news .list {
    font-size: 16px;
}

.p-news .list .img {
    height: 290px;
    margin-bottom: 38px;
    position: relative;
    z-index: 10;
}

.p-news .list .img::before,
.p-news .list .img::after
{
    content: '';
    opacity: 0;
    position: absolute;
    transition: all .3s;
}

.p-news .list .img::before {
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0 , 130 , 235 , 0.8);
}

.p-news .list .img::after {
    width: 56px;
    height: 56px;
    z-index: 9;
    background-image: url(../images/n-search.png);
}

.p-news .list:hover .img::before,
.p-news .list:hover .img::after
{
    opacity: 1;
}

.p-news .list h4 {
    color: #333;
    font-size: 20px;
    line-height: 32px;
    min-height: 64px;
    margin-bottom: 15px;
}

.p-news .list p {
    color: #888;
    line-height: 26px;
    margin-bottom: 24px;
}

.p-news .list span {
    color: #666;
}

.p-news .list:hover h4,
.p-news .list:hover span 
{
    color: var(--theme-color);
    font-weight: bold;
}




@media(max-width:1400px) {
	.p-news .listbox {
		gap: 40px 25px;
	}

	.p-news .list {
		font-size: 14px;
	}

	.p-news .list .img {
		margin-bottom: 25px;
	}

	.p-news .list .img::after {
		width: 50px;
		height: 50px;
	}

	.p-news .list h4 {
		font-size: 17px;
		line-height: 28px;
		min-height: 56px;
		margin-bottom: 13px;
	}

	.p-news .list p {
		line-height: 24px;
		margin-bottom: 18px;
	}
} 

@media(max-width:1200px) {
	.p-news .listbox {
		gap: 35px 10px;
	}

	.p-news .list {
		font-size: 13px;
	}

	.p-news .list .img {
		height: 260px;
	}

	.p-news .list .img::after {
		width: 45px;
		height: 45px;
	}

	.p-news .list h4 {
		font-size: 16px;
		line-height: 26px;
		min-height: 52px;
		margin-bottom: 10px;
	}

	.p-news .list p {
		line-height: 22px;
		margin-bottom: 14px;
	}
}

@media(max-width:991px) {
	.p-news .listbox {
		grid-template-columns: 1fr 1fr;
	}

	.p-news .list .img {
		height: 250px;
		margin-bottom: 20px;
	}

	.p-news .list .img::after {
		width: 42px;
		height: 42px;
	}

	.p-news .list h4 {
		font-size: 15px;
		line-height: 24px;
		min-height: 48px;;
	}
}

@media(max-width:430px) {
	.p-news .listbox {
		grid-template-columns: 1fr;
		gap: 35px 0;
	}

	.p-news .list .img {
		height: 230px;
	}

	.p-news .list .img::after {
		width: 38px;
		height: 38px;
	}

	.p-news .list h4 {
		min-height: auto;
	}
}




.news {
    padding-top: 100px;
}

.news .page-con {
    padding: 100px 0 100px 0;
}




@media(max-width:1400px) {
	.news {
		padding-top: 90px;
	}

	.news .page-con {
		padding: 90px 0;
	}
}

@media(max-width:1200px) {
	.news {
		padding-top: 85px;
	} 

	.news .page-con {
		padding: 85px 0;
	}
}

@media(max-width:768px) {
	.news {
		padding-top: 45px;
	}

	.news .page-con {
		padding: 45px 0 45px 0;
	}
}


.newsv{
	color: #666;
	padding-top: 120px;
	padding-bottom: 100px;
}

.newsv h2{
	color: #282828;
	font-size: 26px;
    text-align: center;
    margin-bottom: 40px;
}

.newsv .text{
	font-size: 15px;
	line-height: 32px;
	padding-bottom: 70px;
	margin-bottom: 45px;
	border-bottom: 1px solid #d2d2d2;
}

.newsv .agrop{
	text-align: center;
}

.newsv .agrop a{
	color: #666;
	font-size: 16px;
	display: inline-block;
	position: relative;
}

.newsv .agrop a:not(:last-child){
	padding-right: 50px;
    margin-right: 50px;
}

.newsv .agrop a::after{
	content: '';
	position: absolute;
	top: 50%;
    left: auto;
	right: 0;
	width: 1px;
	height: 16px;
    transform: translate(0 , -50%);
	background-color: #bfbfbf;
}

.newsv .agrop a:last-child::after{
	display: none;
}

.newsv .agrop a:hover{
	color: var(--theme-color);
	text-decoration: underline;
}




@media (max-width:1500px){
	.newsv {
		padding-top: 100px;
	}
}

@media (max-width:1400px){
	.newsv {
		padding: 80px 0;
	}
	
	.newsv .text {
		padding-bottom: 80px;
	}
}
@media (max-width:1200px){
	.newsv {
		padding: 60px 0;
	}

	.newsv .tit h2 {
		font-size: 22px;
	}

	.newsv .text {
        line-height: 30px;
		padding-bottom: 60px;
	}

	.newsv .agrop a:not(:last-child) {
		padding-right: 40px;
		margin-right: 40px;
	}
}
@media (max-width:991px){
	.newsv {
		padding: 50px 0;
	}

	.newsv h2 {
		font-size: 20px;
		margin-bottom: 35px;
	}

	.newsv .text {
		font-size: 14px;
		line-height: 25px;
		padding-bottom: 40px;
		margin-bottom: 35px;
	}

	.newsv .agrop a {
		font-size: 16px;
	}

    .newsv .agrop a:not(:last-child) {
        padding-right: 30px;
		margin-right: 30px;
    }
}
@media (max-width:768px){
	.newsv {
		padding: 40px 0 50px 0;
	}

	.newsv h2 {
        font-size: 16px;
		margin-bottom: 30px;
	}

	.newsv .agrop a {
		font-size: 14px;
	}

    .newsv .agrop a:not(:last-child) {
        padding-right: 20px;
		margin-right: 20px;
    }

	.newsv .text {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
}
@media (max-width:430px){
	.newsv h2 {
		margin-bottom: 15px;
	}

	.newsv .text {
		font-size: 13px;
		line-height: 25px;
		padding-bottom: 25px;
        margin-bottom: 25px;
	}

	.newsv .agrop a {
		font-size: 13px;
	}

    .newsv .agrop a:not(:last-child) {
        padding-right: 10px;
		margin-right: 10px;
    }
}
@media (max-width:380px){
	.newsv .agrop {
		display: flex;
	}

	.newsv .agrop a {
		font-size: 13px;
		color: #fff!important;
		line-height: 35px;
		width: 32%;
		height: 35px;
		padding-right: 0;
		margin-right: 2%!important;
		border-radius: 5px;
		background: var(--theme-color);
	}

	.newsv .agrop a:not(:last-child) {
        padding-right: 0;
    }

	.newsv .agrop a:hover {
        color: #fff!important;
		text-decoration: none;
		background: #048efd;
	}

	.newsv .agrop a::after {
		display: none;
	}
}




.contact {
	padding: 100px 0 100px;
}

.contact .theme-title {
	margin-bottom: 70px;
}

.contact .listbox {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 80px 95px;
}

.contact .list {
	padding-bottom: 80px;
	position: relative;
}

.contact .list .name {
	color: #222;
	font-size: 30px;
	display: flex;
	align-items: center;
	padding-bottom: 24px;
	margin-bottom: 28px;
	position: relative;
	transition: all .2s;
	border-bottom: 1px solid #dcdcdc;
}

.contact .list:hover .name {
	color: var(--theme-color);
}

.contact .list .name::after {
	content: '';
	width: 45px;
	height: 1px;
	top: auto;
	left: 0;
	transform: translate(0);
	bottom: -1px;
	background: var(--theme-color);
}

.contact .list .name .icon {
	width: 45px;
	height: 45px;
	display: block;
	background-position: left center;
}

.contact .list .name span {
	width: calc(100% - 62px);
	display: block;
	margin-left: auto;
}

.contact .list .text {
	color: #666;
	font-size: 16px;
	line-height: 36px;
	/* margin-bottom: 37px; */
}

.contact .list .text p {
	padding-left: 35px;
	position: relative;
}

.contact .list .text p::after {
	content: '';
	width: 22px;
	height: 24px;
	top: 6px;
	left: 0;
	transform: translate(0);
	background-position: left center;
}

.contact .list .text p:nth-child(1):after {
	background-image: url(../images/con-ic1.png);
}

.contact .list .text p:nth-child(2):after {
	background-image: url(../images/con-ic2.png);
}

.contact .list .text p:nth-child(3):after {
	background-image: url(../images/con-ic3.png);
}

.contact .list .button {
	color: #fff;
	font-size: 15px;
	line-height: 45px;
	width: auto;
	height: 45px;
	display: inline-block;
	padding: 0 35px;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 50px;
	transition: all .4s;
	background: var(--theme-color);
}

.contact .list .button:hover {
	background: var(--theme-touch-color);
}




@media (max-width:1400px) {
	.contact {
		padding: 90px 0 100px;
	}

	.contact .theme-title {
		margin-bottom: 60px;
	}

	.contact .listbox {
		gap: 60px 40px;
	}

	.contact .list {
		padding-bottom: 70px;
	}

	.contact .list .name {
		font-size: 20px;
		margin-bottom: 22px;
	}

	.contact .list .name::after {
		width: 42px;
	}
	
	.contact .list .name .icon {
		width: 42px;
		height: 42px;
	}

	.contact .list .name span {
		width: calc(100% - 55px);
	}

	.contact .list .text {
		font-size: 14px;
	}

	.contact .list .text p {
		padding-left: 30px;
	}

	.contact .list .text p::after {
		width: 20px;
		height: 22px;
		top: 7px;
	}

	.contact .list .button {
		font-size: 14px;
		line-height: 42px;
		height: 42px;
	}
}

@media (max-width:1200px) {
	.contact {
		padding: 70px 0 100px;
	}

	.contact .theme-title {
		margin-bottom: 45px;
	}

	.contact .listbox {
		gap: 50px 25px;
	}

	.contact .list {
		padding-bottom: 65px;
	}

	.contact .list .name {
		font-size: 17px;
		padding-bottom: 20px;
	}

	.contact .list .name::after {
		width: 35px;
	}

	.contact .list .name .icon {
        width: 35px;
        height: 35px;
    }

	.contact .list .name span {
        width: calc(100% - 43px);
    }
	
	.contact .list .text {
		line-height: 34px;
	}

	.contact .list .text p {
		padding-left: 22px;
	}

	.contact .list .text p::after {
        width: 16px;
        height: 18px;
        top: 8px;
    }

	.contact .list .button {
        line-height: 38px;
        height: 38px;
    } 
}


@media (max-width:991px) {
	.contact .listbox {
		grid-template-columns: 1fr 1fr;
        gap: 45px 20px;
    }

	.contact .list .name {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
}

@media (max-width:768px) {
	.contact {
		padding: 60px 0 92px;
	}

	.contact .theme-title {
        margin-bottom: 36px;
    }

	.contact .listbox {
		grid-template-columns: 1fr;
        gap: 40px 0;
    }

	.contact .list {
		padding-bottom: 52px;
	}

	.contact .list .name {
		font-size: 16px;
	}

	.contact .list .name::after {
		width: 30px;
	}

	.contact .list .name .icon {
        width: 30px;
        height: 30px;
    } 

	.contact .list .name span {
        width: calc(100% - 38px);
    }

	.contact .list .text {
		font-size: 13px;
	}
	
	.contact .list .button {
		font-size: 13px;
        line-height: 35px;
        height: 35px;
		padding: 0 30px;
    }
}




.strength {
	padding: 100px 0 50px 0;
}

.strength .theme-title {
	margin-bottom: 70px;
}




@media (max-width:1400px) {
	.strength {
		padding: 90px 0 45px 0;
	}

	.strength .theme-title {
		margin-bottom: 45px;
	}	
}

@media (max-width:1200px) {
	.strength {
		padding: 70px 0 35px 0;
	}

	.strength .theme-title {
		margin-bottom: 30px;
	}	
}

@media (max-width:768px) {
	.strength {
		padding: 45px 0 22px 0;
	}

	.strength .theme-title {
		margin-bottom: 22px;
	}	
}




.patent {
	padding: 50px 0 100px 0;
}

.patent .theme-title {
	margin-bottom: 71px;
}

.patent-slide .swiper-wrapper {
	margin-bottom: 60px;
}

.patent-slide .img {
	height: 520px;
	padding: 35px 25px;
	background: #f4f4f4;
}




@media (max-width:1400px) {
	.patent {
		padding: 40px 0 90px 0;
	}

	.patent-slide .swiper-wrapper {
		margin-bottom: 60px;
	}

	.patent-slide .img {
		height: 440px;
		padding: 30px;
	}
}

@media (max-width:1300px) {
	.patent-slide .img {
		height: 410px;
	}
}

@media (max-width:1200px) {
	.patent {
		padding: 30px 0 80px 0;
	}

	.patent .theme-title,
	.patent-slide .swiper-wrapper
	{
		margin-bottom: 50px;
	}
	
	.patent-slide .img {
		height: 377px;
		padding: 25px;
	}
}

@media (max-width:768px) {
	.patent {
		padding: 25px 0 70px 0;
	}

	.patent .theme-title,
	.patent-slide .swiper-wrapper
	{
		margin-bottom: 40px;
	}

	.patent-slide .img {
		height: 320px;
		padding: 20px;
	}
}

@media (max-width:480px) {
	.patent-slide .img {
		height: 296px;
	}
}

@media (max-width:430px) {
	.patent {
		padding: 22px 0 45px 0;
	}

	.patent .theme-title,
	.patent-slide .swiper-wrapper
	{
		margin-bottom: 35px;
	}

	.patent-slide .img {
		height: 263px;
		padding: 15px;
	}
}

@media (max-width:380px) {
	.patent-slide .img {
		height: 226px;
	}
}




.introd {
	padding: 100px 0 50px 0;
}

.introd .theme-title {
	margin-bottom: 70px;
} 




@media (max-width:1400px) {
	.introd {
		padding: 90px 0 40px 0;
	}
	
	.introd .theme-title {
		margin-bottom: 50px;
	} 
}

@media (max-width:1200px) {
	.introd {
		padding: 70px 0 40px 0;
	}
	
	.introd .theme-title {
		margin-bottom: 35px;
	} 
}

@media (max-width:768px) {
	.introd {
		padding: 60px 0 30px 0;
	}
	
	.introd .theme-title {
		margin-bottom: 32px;
	} 
}

@media (max-width:430px) {
	.introd {
		padding: 45px 0 22px 0;
	}
	
	.introd .theme-title {
		margin-bottom: 22px;
	} 
}




.pro {
	padding-top: 50px;
}

.pro .bg-pic {
	padding: 295px 0 255px 0;
	background-image: url(../images/probg.jpg);
}

.pro .theme-title {
	color: #fff;
	font-family: sy-b;
	max-width: 1600px;
	margin: 0 auto;
}

.pro .container {
	padding-bottom: 100px;
	border: 1px solid #f4f4f4;
	background: #f4f4f4;
}

.pro .listbox {
	max-width: 1600px;
	margin: -195px auto 0 auto;
}

.pro .list {
	display: flex;
	flex-wrap: wrap;
	padding: 65px;
	border-radius: 20px;
	background: #fff;
}

.pro .list:not(:last-child) {
	margin-bottom: 25px;
}

.pro .list .img {
	width: 38.096%;
	height: 370px;
	border-radius: 15px;
}

.pro .list .item {
	width: 57.824%;
	padding-top: 6px;
	margin-left: auto;
}

.pro .list h4 {
	color: #222;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 22px;
	transition: all .2s;
}

.pro .list:hover h4 {
	color: var(--theme-color);
}

.pro .list .text {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 46px;
}

.pro .list .picture {
	display: flex;
}

.pro .list .picture .li {
	width: 150px;
	height: 105px;
	overflow: hidden;
	border-radius: 10px;
	border: 2px solid var(--theme-color);
}

.pro .list .picture .li:not(:last-child) {
	margin-right: 15px;
}

.pro .list .picture .li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}




@media (max-width:1600px) {
	.pro .bg-pic {
		padding: 295px 15px 255px 15px;
	}

	.pro .listbox {
		max-width: calc(100% - 30px);
	}
}

@media (max-width:1400px) {
	.pro .bg-pic {
		padding: 180px 15px 210px 15px;
	}

	.pro .listbox {
		margin: -170px auto 0 auto;
	}

	.pro .list {
		padding: 30px;
		border-radius: 15px;
	}

	.pro .list:not(:last-child) {
		margin-bottom: 20px;
	}

	.pro .list .img {
		height: 350px;
		border-radius: 10px;
	}

	.pro .list h4 {
		font-size: 26px;
	}

	.pro .list .text {
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 40px;
	}

	.pro .list .picture .li:not(:last-child) {
		margin-right: 10px;
	}
}

@media (max-width:1200px) {
	.pro {
		padding-top: 40px;
	}

	.pro .bg-pic {
		padding: 150px 15px 210px 15px;
	}

	.pro .list {
		border-radius: 10px;
	}

	.pro .list .img {
		height: 300px;
	}

	.pro .list h4 {
        font-size: 22px;
    }

	.pro .list .text {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 35px;
	}

	.pro .list .picture .li {
		width: 120px;
		height: 80px;
		border-radius: 8px;
	}
}

@media (max-width:768px) {
	.pro .container {
		padding-bottom: 90px;
	}

	.pro .bg-pic {
        padding: 110px 15px 180px 15px;
    }

	.pro .listbox {
        margin: -150px auto 0 auto;
    }

	.pro .list {
		padding: 20px;
		border-radius: 6px;
	}

	.pro .list .img {
		width: 100%;
		height: 280px;
		margin-bottom: 20px;
		border-radius: 6px;
	}

	.pro .list .item {
		width: 100%;
		margin-left: 0;
	}

	.pro .list h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.pro .list .text {
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	.pro .list .picture .li {
		border-radius: 5px;
	}

	.pro .list .picture .li:not(:last-child) {
		margin-right: 8px;
	}
}

@media (max-width:430px) {
    .pro {
        padding-top: 22px;
    }

	.pro .bg-pic {
        padding: 70px 15px 140px 15px;
    }

	.pro .container {
        padding-bottom: 45px;
    }

	.pro .listbox {
        margin: -120px auto 0 auto;
    }

	.pro .list {
		padding: 15px;
		border-radius: 5px;
	}

	.pro .list:not(:last-child) {
        margin-bottom: 15px;
    }

	.pro .list .img {
		height: 230px;
		margin-bottom: 15px;
	}

	.pro .list h4 {
		font-size: 16px;
	}

	.pro .list .text {
		font-size: 13px;
		line-height: 22px;
	}

	.pro .list .picture {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 6px;
	}

	.pro .list .picture .li {
	   width: auto;	
       height: 75px;
	   margin-right: 0!important;
    } 

}




.invest {
	padding-top: 100px;
}

.invest .theme-title {
	margin-bottom: 70px;
}

.invest .container {
	display: flex;
	flex-wrap: wrap;
}

.invest .listbox {
	width: 64.0625%;
	height: 100%;
	border-top: 1px dashed #dcdcdc;
	border-bottom: 1px dashed #dcdcdc;
}

.invest .list {
	font-size: 16px;
}

.invest .list:not(:last-child) {
	border-bottom: 1px dashed #dcdcdc;
}

.invest .list .item {
	display: flex;
	align-items: center;
	padding: 20px 0;
}

.invest .list p {
	color: #666;
	line-height: 26px;
	padding-left: 45px;
	position: relative;
}

.invest .list p::after {
	content: '';
	width: 24px;
	height: 26px;
	top: 50%;
	left: 0;
	transform: translate(0 , -50%);
	background-image: url(../images/invest.png);
}

.invest .list span {
	color: #888;
	margin-left: auto;
}

.invest .list:hover span,
.invest .list:hover p {
	color: var(--theme-color);
	font-weight: bold;
}

.invest .tips {
	color: #666;
	font-size: 16px;
	width: 30%;
	height: 537px;
	padding: 65px 50px;
	margin-left: auto;
	background-image: url(../images/investbg.jpg);
}

.invest .tips .num {
	margin-bottom: 43px;
}

.invest .tips .num span {
	color: #ee0006;
	font-size: 60px;
	font-weight: bold;
	display: inline-block;
	padding-right: 40px;
	margin-bottom: 8px;
	position: relative;
}

.invest .tips .num span::after {
	content: '';
	width: 17px;
	height: 44px;
	top: 50%;
	left: auto;
	right: 0;
	transform: translate(0 , -50%);
	background-position: right center;
	background-image: url(../images/top.png);
}

.invest .tips .text {
	line-height: 30px;
}

.invest .page-con {
	padding: 100px 0 100px 0;
}

.invest .mb-page {
	display: none;
}




@media(max-width:1400px) {
	.invest {
		padding-top: 85px;
	}
	
	.invest .theme-title {
		margin-bottom: 65px;
	}

	.invest .list {
		font-size: 15px;
	}
	
	.invest .list .item {
		padding: 18px 0;
	}
	
	.invest .list p {
		line-height: 24px;
		padding-left: 38px;
	}
	
	.invest .list p::after {
		height: 24px;
	}
	
	.invest .tips {
		font-size: 15px;
		height: 489px;
		padding: 40px 30px;
	}
	
	.invest .tips .num {
		margin-bottom: 40px;
	}
	
	.invest .tips .num span {
		font-size: 50px;
		padding-right: 30px;
		margin-bottom: 3px;
	}
	
	.invest .tips .num span::after {
		width: 15px;
		height: 38px;
	}
	
	.invest .page-con {
		padding: 90px 0;
	}
}

@media(max-width:1200px) {
	.invest {
		padding-top: 70px;
	}
	
	.invest .theme-title {
		margin-bottom: 55px;
	}

	.invest .list {
		font-size: 14px;
	}
	
	.invest .list .item {
		padding: 15px 0;
	}
	
	.invest .list p {
		padding-left: 35px;
	}
	
	.invest .tips {
		font-size: 14px;
		height: 441px;
		padding: 35px 20px;
	}
	
	.invest .tips .num span {
		font-size: 40px;
		padding-right: 20px;
	}
	
	.invest .tips .num span::after {
		width: 13px;
		height: 32px;
	}

	.invest .tips .text {
		line-height: 25px;
	}
	
	.invest .page-con {
		padding: 90px 0;
	}
}

@media(max-width:768px) {
	/* .invest {
		padding-top: 60px;
	} */
	.invest {
		padding: 60px 0 65px 0;
	} 
	
	.invest .theme-title {
		margin-bottom: 42px;
	}

	.invest .listbox {
		width: 100%;
		/* margin-bottom: 30px; */
		/* order: 2; */
	}

	.invest .list {
		font-size: 13px;
	}
	
	.invest .list .item {
		padding: 13px 0;
	}
	
	.invest .list p {
		width: 100%!important;
		padding-left: 30px;
	}

	.invest .list p::after {
		width: 20px;
		height: 20px;
	}

	.invest .list span {
		display: none;
	}
	
	.invest .tips {
		font-size: 13px;
		width: 100%;
		height: auto;
		/* order: 1; */
		padding: 35px 15px 160px 15px;
		margin-bottom: 13px;
	}
	
	.invest .tips .num span {
		font-size: 35px;
		padding-right: 15px;
	}
	
	.invest .tips .num span::after {
		width: 10px;
		height: 30px;
	}

	.invest .tips .text {
		line-height: 24px;
	}
	
	/* .invest .page-con {
		padding: 60px 0 75px;
	} */

	.invest .page-con {
		padding: 55px 0;
	}

	.invest .pc-page {
		display: none;
	}

	.invest .mb-page {
		width: 100%;
		display: flex;
	}
}

@media(max-width:430px) {
	/* .invest {
		padding-top: 50px;
	} */
	.invest {
		padding: 50px 0 55px 0;
	} 

	.invest .theme-title {
		margin-bottom: 35px;
	}

	.invest .list .item {
		padding: 10px 0;
	}

	.invest .list p {
		font-size: 13px;
	}

	.invest .list p::after {
		width: 18px;
		height: 18px;
	}

	.invest .tips {
		padding: 30px 15px 140px 15px;
		margin-bottom: 10px;
	}

	.invest .tips .num {
		margin-bottom: 38px;
	}

    .invest .tips .num span {
        font-size: 28px;
    }

	.invest .tips .num span::after {
		height: 22px;
	}

	.invest .page-con {
		padding: 45px 0;
	}
}




.report {
	padding-top: 100px;
}

.report .theme-title {
	margin-bottom: 65px;
}

.report .listbox {
	display: grid;
	grid-template-columns: repeat(4 , 1fr);
	gap: 30px;
}

.report .list {
	position: relative;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 10px #f3f6fa;
	transition: all .4s;
}

.report .list:hover {
	background: var(--theme-color);
}

.report .list a {
	padding: 43px 30px 150px 30px;
}

.report .list h4 {
	color: #222;
	font-size: 20px;
}

.report .list span {
	color: #0082eb;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	padding-right: 40px;
	position: absolute;
	left: 30px;
	bottom: 47px;
}

.report .list:hover h4,
.report .list:hover span
{
	color: #fff;
}

.report .list span::after {
	content: '';
	width: 23px;
	height: 19px;
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	transform: translate(0);
	background-position: right bottom;
	background-image: url(../images/download.png);
}

.report .list:hover span::after {
	-webkit-filter: grayscale(100%) brightness(500%);
	filter: grayscale(100%) brightness(500%);
}

.report .page-con {
	padding: 110px 0;
}




@media (max-width:1400px) {
	.report {
		padding-top: 80px;
	}

	.report .theme-title {
		margin-bottom: 50px;
	}
	
	.report .listbox {
		gap: 20px;
	}
	
	.report .list {
		border-radius: 7px;
		box-shadow: 0px 0px 10px 5px #f3f6fa;
	}
	
	.report .list a {
		padding: 30px 20px 145px 20px;
	}
	
	.report .list h4 {
		font-size: 17px;
	}
	
	.report .list span {
		font-size: 15px;
		padding-right: 27px;
		left: 20px;
		bottom: 32px;
	}
	
	.report .list span::after {
		width: 20px;
		height: 18px;
	}
	
	.report .page-con {
		padding: 95px 0;
	}
}

@media (max-width:1200px) {
	.report {
		padding-top: 70px;
	}

	.report .theme-title {
		margin-bottom: 45px;
	}
	
	.report .listbox {
		gap: 15px;
	}
	
	.report .list {
		border-radius: 5px;
		box-shadow: 0px 0px 8px 4px #f3f6fa;
	}
	
	.report .list a {
		padding: 25px 20px 140px 20px;
	}
	
	.report .list h4 {
		font-size: 15px;
	}
	
	.report .list span {
		font-size: 14px;
		padding-right: 25px;
		left: 20px;
		bottom: 30px;
	}
	
	.report .list span::after {
		width: 18px;
		height: 16px;
	}
	
	.report .page-con {
		padding: 85px 0;
	}
}

@media (max-width:991px) {
	.report .listbox {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width:768px) {
	.report {
        padding-top: 65px;
    }

	.report .listbox {
		grid-template-columns: 1fr 1fr;
		gap: 13px;
	}

	.report .list {
		box-shadow: 0px 0px 6px 3px #f3f6fa;
	}

	.report .list a {
        padding: 25px 15px 140px 15px;
    }

	.report .list span {
		left: 15px;
	}

	.report .page-con {
        padding: 80px 0;
    }
}

@media (max-width:430px) {
	.report {
        padding-top: 50px;
    }

	.report .theme-title {
		margin-bottom: 40px;
	}

	.report .listbox {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.report .list a {
        padding: 15px 15px 110px 15px;
    }

	.report .list span {
		padding-right: 20px;
		bottom: 19px;
	}

	.report .list span::after {
        width: 16px;
        height: 14px;
    }

	.report .page-con {
		padding: 68px 0;
	}
}




.about {
	padding: 100px 0 100px 0;
}

.about .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1600px;
	margin: 0 auto;
}

.about .theme-title {
	margin-bottom: 62px;
}

.about .content {
	width: 46.5625%;
	padding-top: 13px;
}

.about .media {
	width: 46.875%;
	margin-left: auto;
}

.about .media .img {
	height: 570px;
	border-radius: 13px;
	position: relative;
	z-index: 10;
}

.about .media .img::before,
.about .media .img::after
{
	content: '';
	position: absolute;
}

.about .media .img::before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
	background: rgba(0 , 0 , 0 , .1);
}

.about .media .img::after {
	width: 80px;
	height: 80px;
	z-index: 9;
	background-image: url(../images/play.png);
}




@media (max-width:1600px) {
	.about {
		padding: 105px 15px 120px 15px;
	}
}

@media (max-width:1400px) {
	.about {
		padding: 90px 15px 100px 15px;
	}
	
	.about .theme-title {
		margin-bottom: 45px;
	}
	
	.about .media .img {
		height: 530px;
		border-radius: 10px;
	}
	
	.about .media .img::after {
		width: 70px;
		height: 70px;
	}
}

@media (max-width:1200px) {
	.about {
		padding: 80px 15px;
	}

	.about .theme-title {
        margin-bottom: 35px;
    }

	.about .content {
		padding-top: 10px;
	}

	.about .media .img {
        height: 490px;
        border-radius: 6px;
    }

	.about .media .img::after {
		width: 62px;
		height: 62px;
	}
}

@media (max-width:768px) {
	.about {
        padding: 45px 15px 45px 15px;
    }

	.about .theme-title {
        margin-bottom: 22px;
    }

	.about .content {
		width: 100%;
		padding-top: 0;
		margin-bottom: 30px;
	}

	.about .media {
		width: 100%;
		margin-left: 0;
	}

	.about .media .img {
        height: 380px;
        border-radius: 5px;
    }

	.about .media .img::after {
        width: 52px;
        height: 52px;
    } 
	
}

@media (max-width:480px) {
	.about .media .img {
        height: 260px;
    }

	.about .media .img::after {
        width: 45px;
        height: 45px;
    } 
}




.course {
	padding: 100px 0 0 0;
	background: #f4f4f4;
}

.course .theme-title {
	margin-bottom: 65px;
}

.course .thumb {
	display: flex;
	margin-bottom: 35px;
}

.course .thumb .swiper-button-prev,
.course .thumb .swiper-button-next 
{
	width: 50px;
	height: 50px;
	margin-top: 45px;
	position: relative;
	border-radius: 50%;
	background: #fff;
}

.course .thumb .swiper-button-prev::after,
.course .thumb .swiper-button-next::after
{
	content: '';
	width: 11px;
	height: 17px;
}

.course .thumb .swiper-button-prev::after {
	background-image: url(../images/pp.png);
}

.course .thumb .swiper-button-next::after {
	background-image: url(../images/pn.png); 
}

.course .thumb .swiper-button-prev:hover::after {
	background-image: url(../images/pp2.png);
}

.course .thumb .swiper-button-next:hover::after {
	background-image: url(../images/pn2.png); 
}

.course .thumb-slide {
	/* width: calc(100% - 150px); */
	height: 100%;
	padding-bottom: 9px;
	margin: 0 auto;
	position: relative;
}

.course .thumb-slide::after {
	content: '';
	width: 100%;
	height: 1px;
	top: auto;
	left: 0;
	transform: translate(0);
	bottom: 9px;
	background: #d2d2d2;
}

.course .thumb-slide .swiper-slide {
	color: #888;
	font-size: 20px;
	text-align: center;
	line-height: 70px;
	cursor: pointer;
	height: 70px;
	position: relative;
	z-index: 10;
}

.course .thumb-slide .swiper-slide.active
/* .course .thumb-slide .swiper-slide-active */
{
	color: var(--theme-color);
	font-size: 30px;
	font-weight: bold;
}

.course .thumb-slide .swiper-slide::after {
	content: '';
	width: 4px;
	height: 18px;
	opacity: 0;
	top: auto;
	transform: translate(-50% , 0);
	bottom: -8px;
	transition: all .3s;
	background: var(--theme-color);
}

.course .thumb-slide .swiper-slide.active::after
/* .course .thumb-slide .swiper-slide-active::after */
{
	opacity: 1;
}

.course .gallery-slide .swiper-wrapper {
	margin-bottom: 60px;
}

.course .gallery-slide .swiper-slide {
	height: auto;
	padding: 33px 35px 45px 35px;
	border-radius: 15px;
	background: #fff;
}

.course .gallery-slide .year {
	color: var(--theme-color);
	font-size: 46px;
	margin-bottom: 13px;
	font-weight: bold
}

/* .course .gallery-slide .swiper-slide-active .year {
	color: var(--theme-color);
	font-size: 46px;
	font-weight: bold;
} */

.course .gallery-slide .text {
	color: #666;
	font-size: 16px;
	line-height: 30px;
}

.course .gallery-slide .text p {
	padding-left: 25px;
	position: relative;
}

.course .gallery-slide .text p::after {
	content: '';
	width: 10px;
	height: 10px;
	top: 10px;
	left: 0;
	transform: translate(0 , 0);
	background: #c6c6c6;
}

.course .gallery-slide .swiper-slide-active p::after {
	background: var(--theme-color);
}




@media (max-width:1400px) {
	.course {
		padding: 100px 0 110px 0;
	}

	.course .theme-title {
		margin-bottom: 50px;
	}

	.course .gallery-slide .swiper-slide {
		padding: 30px 25px 45px 25px;
		border-radius: 8px;
	}
	
	.course .gallery-slide .year {
		font-size: 30px;
		margin-bottom: 10px;
	}
	
	.course .gallery-slide .swiper-slide-active .year {
		font-size: 40px;
	}
	
	.course .gallery-slide .text {
		font-size: 15px;
		line-height: 28px;
	}
	
	.course .gallery-slide .text p {
		padding-left: 20px;
	}
	
	.course .gallery-slide .text p::after {
		width: 8px;
		height: 8px;
		top: 10px;
	}
}

@media (max-width:1200px) {
	.course {
		padding: 80px 0 100px 0;
	}

	.course .theme-title {
		margin-bottom: 40px;
	}

	/* .course .thumb-slide {
		width: calc(100% - 120px);
	}	 */

	.course .thumb .swiper-button-prev,
	.course .thumb .swiper-button-next 
	{
		width: 45px;
		height: 45px;
		margin-top: 30px;
	}

	.course .thumb-slide .swiper-slide {
		font-size: 18px;
		line-height: 60px;
		height: 60px;
	}

	.course .thumb-slide .swiper-slide::after {
		width: 3px;
		height: 16px;
		bottom: -8px;
	}

	.course .thumb-slide .swiper-slide.active
	/* .course .thumb-slide .swiper-slide-active */
	{
		font-size: 24px;
	}

	.course .gallery-slide .swiper-slide {
		padding: 30px 25px 45px 25px;
		border-radius: 8px;
	}
	
	.course .gallery-slide .year {
		font-size: 28px;
		margin-bottom: 10px;
	}
	
	.course .gallery-slide .swiper-slide-active .year {
		font-size: 36px;
	}
	
	.course .gallery-slide .text {
		font-size: 14px;
		line-height: 28px;
	}
	
	.course .gallery-slide .text p {
		padding-left: 20px;
	}
	
	.course .gallery-slide .text p::after {
		width: 8px;
		height: 8px;
		top: 10px;
	}
}

@media (max-width:768px) {
	.course {
		padding: 65px 0 100px 0;
	}

	.course .theme-title {
		margin-bottom: 30px;
	}

	/* .course .thumb-slide {
		width: calc(100% - 110px);
	}	 */

	.course .thumb .swiper-button-prev,
	.course .thumb .swiper-button-next 
	{
		width: 40px;
		height: 40px;
		margin-top: auto;
	}

	.course .thumb .swiper-button-prev::after, 
	.course .thumb .swiper-button-next::after 
	{
		width: 9px;
		height: 15px;
	}

	.course .thumb-slide .swiper-slide {
		font-size: 16px;
		line-height: 50px;
		height: 50px;
	}

	.course .thumb-slide .swiper-slide::after {
		height: 14px;
		bottom: -7px;
	}

	.course .thumb-slide .swiper-slide.active
	/* .course .thumb-slide .swiper-slide-active */
	{
		font-size: 20px;
	}

	.course .gallery-slide .swiper-wrapper {
		margin-bottom: 35px;
	}

	.course .gallery-slide .swiper-slide {
		padding: 28px 15px 42px 15px;
		border-radius: 6px;
	}
	
	.course .gallery-slide .year {
		font-size: 24px;
		margin-bottom: 10px;
	}
	
	.course .gallery-slide .swiper-slide-active .year {
		font-size: 28px;
	}
	
	.course .gallery-slide .text {
		font-size: 13px;
		line-height: 26px;
	}
	
	.course .gallery-slide .text p {
		padding-left: 18px;
	}
	
	.course .gallery-slide .text p::after {
		top: 9px;
	}
}

@media (max-width:430px) {
	.course {
		padding: 45px 0 45px 0;
	}

	.course .theme-title {
		margin-bottom: 28px;
	}

	/* .course .thumb-slide {
		width: calc(100% - 100px);
	}	 */

	.course .thumb .swiper-button-prev,
	.course .thumb .swiper-button-next 
	{
		width: 38px;
		height: 38px;
	}

	.course .thumb .swiper-button-prev::after, 
	.course .thumb .swiper-button-next::after 
	{
		width: 7px;
		height: 13px;
	}

	.course .thumb-slide .swiper-slide {
		font-size: 15px;
		line-height: 45px;
		height: 45px;
	}

	.course .thumb-slide .swiper-slide::after {
		height: 13px;
		bottom: -6px;
	}

	.course .thumb-slide .swiper-slide.active
	/* .course .thumb-slide .swiper-slide-active */
	{
		font-size: 18px;
	}

	.course .gallery-slide .swiper-slide {
		padding: 25px 15px 35px 15px;
		border-radius: 5px;
	}
	
	.course .gallery-slide .year {
		font-size: 20px;
		margin-bottom: 8px;
	}
	
	.course .gallery-slide .swiper-slide-active .year {
		font-size: 24px;
	}
	
	.course .gallery-slide .text {
		font-size: 13px;
		line-height: 24px;
	}
	
	.course .gallery-slide .text p {
		padding-left: 15px;
	}
	
	.course .gallery-slide .text p::after {
		width: 6px;
		height: 6px;
		top: 9px;
	}
}




.about2 {
	background-image: url(../images/bgpic.png);
}




@media (max-width:768px) {
	.about2 {
		background-color: #f2f2f2;
		background-image: none;
	}
}




.culture {
	padding: 113px 0 16px 0;
}

.culture .theme-title {
	margin-bottom: 72px;
}

.culture .listbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.culture .list {
	width: 31.625%;
	padding: 48px 45px 70px 45px;
	margin-bottom: 40px;
	border-radius: 15px;
	transition: all .5s;
	background: #fff;
}

.culture .list:not(:nth-child(3n)) {
	margin-right: 2.5625%;
}

.culture .list:hover {
	background: var(--theme-color);
}

.culture .list .icon {
	width: 75px;
	height: 65px;
	margin-bottom: 25px;
	background-position: left center;
}

.culture .list:hover .icon {
	-webkit-filter: grayscale(100%) brightness(500%);
	filter: grayscale(100%) brightness(500%);
}

.culture .list h4 {
	color: var(--theme-color);
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 23px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

.culture .list:hover h4 {
	color: #fff;
	border-bottom: 1px solid #bfd0de;
}

.culture .list p {
	color: #666;
	font-size: 20px;
	line-height: 30px;
}

.culture .list:hover p {
	color: #fff;
}




@media (max-width:1400px) {
	.culture {
		padding: 90px 0 16px 0;
	}
	
	.culture .theme-title {
		margin-bottom: 60px;
	}
	
	.culture .list {
		padding: 40px 30px 65px 30px;
		margin-bottom: 35px;
		border-radius: 10px;
	}
	
	.culture .list .icon {
		width: 60px;
		height: 60px;
	}
	
	.culture .list h4 {
		font-size: 24px;
	}
	
	.culture .list p {
		font-size: 17px;
	}
}

@media (max-width:1200px) {
	.culture {
		padding: 80px 0 16px 0;
	}
	
	.culture .theme-title {
		margin-bottom: 50px;
	}
	
	.culture .list {
		width: 32.4%;
		padding: 35px 20px 60px 20px;
		margin-bottom: 16px;
		border-radius: 8px;
	}

	.culture .list:not(:nth-child(3n)) {
		margin-right: 1.4%;
	}
	
	.culture .list .icon {
		width: 50px;
		height: 50px;
		margin-bottom: 20px;
	}
	
	.culture .list h4 {
		font-size: 20px;
	}
	
	.culture .list p {
		font-size: 15px;
		line-height: 26px;
	}
}

@media (max-width:768px) {
	.culture {
		padding: 62px 0 15px 0;
	}
	
	.culture .theme-title {
		margin-bottom: 40px;
	}

	.culture .listbox {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	
	.culture .list {
		width: auto;
		padding: 30px 15px 50px 15px;
		margin-right: 0!important;
		margin-bottom: 0;
		border-radius: 5px;
	}
	
	.culture .list .icon {
		width: 40px;
		height: 40px;
		margin-bottom: 14px;
	}
	
	.culture .list h4 {
		font-size: 17px;
		padding-bottom: 18px;
		margin-bottom: 13px;
	}
	
	.culture .list p {
		font-size: 14px;
		line-height: 24px;
	}
}

@media (max-width:768px) {
	.culture {
		padding: 0px 0 0px 0;
	}
	
	.culture .theme-title {
		margin-bottom: 38px;
	}

	.culture .listbox {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	
	.culture .list {
		padding: 25px 15px 45px 15px;
	}
	
	.culture .list .icon {
		width: 35px;
		height: 35px;
		margin-bottom: 10px;
	}
	
	.culture .list h4 {
		font-size: 17px;
		padding-bottom: 15px;
		margin-bottom: 11px;
	}
	
	.culture .list p {
		font-size: 13px;
		line-height: 23px;
	}
}




.honor {
	padding: 36px 0  100px 0;
	background-position: bottom center;
}

.honor .theme-title {
	margin-bottom: 70px;
}

.honor-slide .swiper-wrapper {
	margin-bottom: 45px;
}

.honor-slide .img {
	height: 240px;
	margin-bottom: 39px;
}

.honor-slide h4 {
	color: #222;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
	white-space:pre-wrap;
	word-wrap: break-word;
	transition: all .3s;
}

.honor-slide .swiper-slide:hover h4 {
	color: var(--theme-color);
}




@media (max-width:1400px) {
	.honor {
		padding: 50px 0  100px 0;
	}
	
	.honor .theme-title {
		margin-bottom: 50px;
	}
	
	.honor-slide .img {
		height: 200px;
		margin-bottom: 28px;
	}
	
	.honor-slide h4 {
		font-size: 15px;
	}
}

@media (max-width:1200px) {
	.honor {
		padding: 50px 0  90px 0;
	}
	
	.honor .theme-title {
		margin-bottom: 40px;
	}

	.honor-slide .swiper-wrapper {
		margin-bottom: 40px;
	}
	
	.honor-slide .img {
		height: 175px;
		margin-bottom: 20px;
	}
	
	.honor-slide h4 {
		font-size: 13px;
	}
}

@media (max-width:768px) {
	.honor {
		padding: 45px 0 80px 0;
	}
	
	.honor .theme-title,
	.honor-slide .swiper-wrapper
	{
		margin-bottom: 35px;
	}

	.honor-slide .img {
		height: 160px;
		margin-bottom: 15px;
	}
}

@media (max-width:430px) {
	.honor {
		padding: 45px 0 45px 0;
	}
	
	.honor .theme-title {
		margin-bottom: 30px;
	}

	.honor-slide .swiper-wrapper {
		margin-bottom: 22px;
	}

	.honor-slide .img {
		height: 130px;
		margin-bottom: 10px;
	}
}




/* .develbox {
	background-image: linear-gradient(
	-100deg,
	#c8e4fb 0%,
	#fff 50%,
	#c4e2fa 100%
	);
} */




.devel1 {
	padding: 100px 0 50px 0;
	/* background-color: #f5f5f5; */
}

.devel1 .theme-title {
	margin-bottom: 70px;
}

.devel1 .listbox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 45px;
}

.devel1 .list {
	padding: 55px 60px 77px 60px;
	border-radius: 15px;
	transition: all .5s;
	box-shadow: 0px 0px 10px 6px #f9f9f9;
	background: #fff;
}

.devel1 .list:hover {
	background: var(--theme-color);
}

.devel1 .list .icon {
	width: 80px;
	height: 68px;
	margin-bottom: 27px;
	background-position: left center;
}

.devel1 .list:hover .icon {
	-webkit-filter: grayscale(100%) brightness(500%);
	filter: grayscale(100%) brightness(500%);
}

.devel1 .list h4 {
	color: var(--theme-color);
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 22px;
	margin-bottom: 18px;
	border-bottom: 1px solid #dcdcdc;
}

.devel1 .list:hover h4 {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.devel1 .list p {
	color: #666;
	font-size: 16px;
	line-height: 30px;
}

.devel1 .list:hover p {
	color: #fff;
}




@media(max-width:1400px) {
	.devel1 {
		padding: 85px 0 50px 0;
	}

	.devel1 .theme-title {
		margin-bottom: 60px;
	} 

	.devel1 .listbox {
		gap: 20px;
	}
	
	.devel1 .list {
		padding: 40px 30px 60px 30px;
		border-radius: 10px;
	}
	
	.devel1 .list .icon {
		width: 70px;
		height: 60px;
		margin-bottom: 20px;
	}
	
	.devel1 .list h4 {
		font-size: 26px;
		padding-bottom: 20px;
		margin-bottom: 16px;
	}
	
	.devel1 .list p {
		font-size: 15px;
	}
}

@media(max-width:1200px) {
	.devel1 {
		padding: 65px 0 50px 0;
	}

	.devel1 .theme-title {
		margin-bottom: 52px;
	} 

	.devel1 .listbox {
		gap: 13px;
	}
	
	.devel1 .list {
		padding: 32px 20px 50px 20px;
		border-radius: 7px;
	}
	
	.devel1 .list .icon {
		width: 50px;
		height: 50px;
		margin-bottom: 15px;
	}
	
	.devel1 .list h4 {
		font-size: 22px;
		padding-bottom: 17px;
		margin-bottom: 14px;
	}
	
	.devel1 .list p {
		font-size: 14px;
		line-height: 27px;
	}
}

@media(max-width:768px) {
	.devel1 {
		padding: 52px 0 50px 0;
		background: #f5f5f5;
	}

	.devel1 .theme-title {
		margin-bottom: 42px;
	} 

	.devel1 .listbox {
		gap: 10px;
	}
	
	.devel1 .list {
		padding: 25px 15px 40px 15px;
		box-shadow: 0px 0px 10px 6px transparent;
		border-radius: 5px;
	}
	
	.devel1 .list .icon {
		width: 50px;
		height: 35px;
		margin-bottom: 10px;
	}
	
	.devel1 .list h4 {
		font-size: 18px;
		padding-bottom: 13px;
		margin-bottom: 10px;
	}
	
	.devel1 .list p {
		font-size: 13px;
		line-height: 25px;
	}
}

@media(max-width:430px) {
	.devel1 {
		padding: 45px 0 45px 0;
	}

	.devel1 .theme-title {
		margin-bottom: 35px;
	} 

	.devel1 .listbox {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	
	.devel1 .list {
		padding: 25px 15px 35px 15px;
	}
	
	.devel1 .list .icon {
		width: 30px;
		height: 30px;
		margin-bottom: 9px;
	}
	
	.devel1 .list h4 {
		font-size: 17px;
		margin-bottom: 8px;
	}

	.devel1 .list p {
        font-size: 13px;
        line-height: 24px;
    } 
}




.devel2 {
	padding: 50px 0;
}

.devel2 .theme-title {
	margin-bottom: 70px;
}

.devel2-slide .swiper-wrapper {
	margin-bottom: 50px;
}

.devel2-slide .swiper-slide {
	width: 800px;
}

.devel2-slide .img {
	margin-bottom: 30px;
	position: relative;
	border-radius: 18px;
}

.devel2-slide .img::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0);
	background: rgba(255 , 255 , 255 , .4);
}

.devel2-slide .swiper-slide-active .img::after {
	background: rgba(255 , 255 , 255 , 0);
}

.devel2-slide h4 {
	color: #666;
	font-size: 16px;
	text-align: center;
	opacity: 0;
}

.devel2-slide .swiper-slide-prev h4,
.devel2-slide .swiper-slide-next h4,
.devel2-slide .swiper-slide-active h4 {
    opacity: 1;
}




@media(max-width:1400px) {
	.devel2 .theme-title {
		margin-bottom: 60px;
	}

	.devel2-slide .swiper-slide {
		width: 700px;
	}

	.devel2-slide .img {
		border-radius: 10px;
	}
}

@media(max-width:1200px)  {
	.devel2 {
		padding: 40px 0;
	}

	.devel2 .theme-title {
		margin-bottom: 50px;
	}

	.devel2-slide .swiper-slide {
		width: 680px;
	}

	.devel2-slide .swiper-wrapper {
		margin-bottom: 40px;
	}
}

@media(max-width:991px) {
	.devel2-slide {
		display: none;
	}
} 

@media(max-width:768px) {
	.devel2 {
        padding: 45px 0 0 0;
    }

	.devel2 .theme-title {
		margin-bottom: 30px;
	}
}




.mb-devel2-slide {
	display: none;
}

.mb-devel2-slide .swiper-wrapper {
	margin-bottom: 30px;
}

.mb-devel2-slide .img{
	height: 450px;
	margin-bottom: 15px;
	border-radius: 5px;
}

.mb-devel2-slide h4 {
	color: #222;
	font-size: 18px;
	/* font-size: 16px; */
	text-align: center;
}




@media(max-width:991px) {
	.mb-devel2-slide {
		display: block;
	}
}

@media(max-width:768px) {
	.mb-devel2-slide .img{
		height: 350px;
	}

	.mb-devel2-slide h4 {
		font-size: 16px;
	}
}

@media(max-width:430px) {
	.mb-devel2-slide .swiper-wrapper {
		margin-bottom: 25px;
	}
	
	.mb-devel2-slide .img{
		height: 230px;
		margin-bottom: 13px;
	}

	.mb-devel2-slide h4 {
		font-size: 14px;
	}
}




.devel3 {
	padding: 50px 0;
}

.devel3 .theme-title {
	margin-bottom: 70px;
}

.devel3-slide .swiper-wrapper {
	margin-bottom: 40px;
}

.devel3-slide .swiper-slide {
	text-align: center;
}

.devel3-slide .img {
	height: 300px;
	margin-bottom: 25px;
	border-radius: 18px;
}

.devel3-slide h4 {
	color: #222;
	font-size: 20px;
	margin-bottom: 5px;
	transition: all .3s;
}

.devel3-slide .swiper-slide:hover h4 {
	color: var(--theme-color);
	font-weight: bold;
}

.devel3-slide p {
	color: #666;
	font-size: 15px;
	line-height: 30px;
}




@media(max-width:1400px) {
	.devel3 {
		padding: 50px 0;
	}
	
	.devel3 .theme-title {
		margin-bottom: 45px;
	}

	.devel3 .swiper-wrapper {
		margin-bottom: 35px;
	}
	
	.devel3-slide .img {
		margin-bottom: 20px;
		border-radius: 10px;
	}
	
	.devel3-slide h4 {
		font-size: 18px;
	}
}

@media(max-width:1200px) {
	.devel3 {
		padding: 45px 0;
	}
	
	.devel3 .theme-title {
		margin-bottom: 40px;
	}

	.devel3 .swiper-wrapper {
		margin-bottom: 30px;
	}
	
	.devel3-slide .img {
		height: 280px;
		margin-bottom: 18px;
		border-radius: 8px;
	}
	
	.devel3-slide h4 {
		font-size: 18px;
	}

	.devel3-slide p {
		font-size: 14px;
		line-height: 28px;
	}
}

@media(max-width:768px) {
	.devel3 {
		padding: 35px 0;
	}

	.devel3 .theme-title {
		margin-bottom: 37px;
	}
	
	.devel3-slide .img {
		height: 250px;
		margin-bottom: 15px;
		border-radius: 5px;
	}
	
	.devel3-slide h4 {
		font-size: 16px;
	}

	.devel3-slide p {
		font-size: 13px;
		line-height: 26px;
	}
}

@media(max-width:430px) {
	.devel3 .theme-title {
		margin-bottom: 32px;
	}

	.devel3 .swiper-wrapper {
		margin-bottom: 17px;
	}
	
	.devel3-slide .img {
		height: 230px;
		margin-bottom: 13px;
	}

	.devel3-slide h4 {
		font-size: 15px;
	}

	.devel3-slide p {
		font-size: 13px;
		line-height: 24px;
	}
}




.devel4 {
	padding: 0px 0 100px 0;
}

.devel4 .theme-title {
	margin-bottom: 45px;
}

.devel4 .listbox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px 100px;
}

.devel4 .list {
	color: #222;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 3px solid;
	border-image: linear-gradient(
	to right,
	#00d26e,
	#0082eb
	)3 stretch;
}

.devel4 .list:hover {
	color: var(--theme-color);
}

.devel4 .list a {
	padding: 23px 0;
}

.devel4 .list p {
	white-space:pre-wrap;
	word-wrap: break-word;
	float: left;
	transition: all .3s;
}

.devel4 .list span {
	color: var(--theme-color);
	float: right;
	display: block;
	padding-right: 40px;
	margin-left: auto;
	position: relative;
}

.devel4 .list span::after {
    content: '';
    width: 23px;
    height: 19px;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    transform: translate(0);
    background-position: right bottom;
    background-image: url(../images/download.png);
}




@media(max-width:1400px) {
	.devel4 {
		padding: 35px 0 110px 0;
	}

	.devel4 .theme-title {
		margin-bottom: 40px;
	}
	
	.devel4 .listbox {
		gap: 15px 60px;
	}
	
	.devel4 .list {
		font-size: 15px;
	}
	
	.devel4 .list a {
		padding: 17px 0;
	}

	.devel4 .list span {
		padding-right: 26px;
	}
	
	.devel4 .list span::after {
		width: 20px;
		height: 16px;
		bottom: 2px;
	}
}

@media(max-width:1200px) {
	.devel4 {
		padding: 30px 0 110px 0;
	}

	.devel4 .theme-title {
		margin-bottom: 35px;
	}
	
	.devel4 .listbox {
		gap: 10px 30px;
	}
	
	.devel4 .list a {
		padding: 15px 0;
	}
}

@media(max-width:768px) {
	.devel4 {
		padding: 25px 0 100px 0;
	}

	.devel4 .theme-title {
		margin-bottom: 25px;
	}
	
	.devel4 .listbox {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.devel4 .list {
        font-size: 13px;
		border-bottom: 2px solid;
    } 

	.devel4 .list a {
		padding: 13px 0;
	}
}

@media(max-width:430px) {
	.devel4 {
		padding: 5px 0 45px 0;
	}

	.devel4 .theme-title {
		margin-bottom: 20px;
	}

	.devel4 .list {
        font-size: 13px;
    } 

	.devel4 .list a {
		padding: 13px 0;
	}

	.devel4 .list span {
		padding-right: 22px;
	}

	.devel4 .list span::after {
        width: 18px;
        height: 14px;
    } 
}




.banner {
	position: relative;
}

.banner .button {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 5;
}

.banner .button .item {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.banner .swiper-button-prev,
.banner .swiper-button-next
{
	width: 75px;
	height: 66px;
	position: relative;
}

.banner .swiper-button-prev {
	background-image: url(../images/prev.png);
}

.banner .swiper-button-next {
	background-image: url(../images/next.png);
}

.banner .text {
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
} 

.banner .text  h4 {
	font-size: 50px;
	font-family: sy-b;
	margin-bottom: 19px;
}

.banner .text p {
	font-size: 20px;
}




@media(max-width:1600px) {
	.banner .button .item {
		max-width: calc(100% - 30px);
	}
}

@media(max-width:1400px) {
	.banner .swiper-button-prev, .banner .swiper-button-next {
		width: 65px;
		height: 65px;
	}

	.banner .text  h4 {
		font-size: 38px;
		margin-bottom: 13px;
	}
	
	.banner .text p {
		font-size: 18px;
	}
}

@media(max-width:1200px) {
	.banner .swiper-button-prev, .banner .swiper-button-next {
		width: 58px;
		height: 58px;
	}

	.banner .text  h4 {
		font-size: 34px;
		margin-bottom: 10px;
	}
	
	.banner .text p {
		font-size: 17px;
	}
}

@media(max-width:768px) {
	.banner .button {
		display: none;
	}

	.banner .text {
		width: 100%;
		padding: 0 15px;
		left: 0;
		transform: translate(0 , -50%);
	}

	.banner .text  h4 {
		font-size: 22px;
		margin-bottom: 8px;
	}
	
	.banner .text p {
		font-size: 15px;
		line-height: 24px;
	}
}

@media(max-width:430px) {
	.banner .text  h4 {
		font-size: 18px;
	}
	
	.banner .text p {
		font-size: 13px;
		line-height: 22px;
		padding: 0 30px;
	}
}




.navbar {
	position: relative;
	z-index: 66;
}

.navbar .item {
	width: 100%;
	top: -80px;
	position: absolute;
	left: 0;
}

.nav-slide {
	max-width: 1600px;
	padding: 30px 0;
	margin: 0 auto;
	border-radius: 18px;
	background: #fff;
}

.nav-slide .swiper-slide {
	text-align: center;
	height: auto;
}

.nav-slide .swiper-slide:not(:nth-child(6n)) {
	border-right: 1px solid #d8d8d8;
}

.nav-slide a {
	width: 100%;
	display: inline-block;
	padding: 0 30px;
}

.nav-slide .icon {
	width: 80px;
	height: 60px;
	margin: 0 auto 20px auto;
	transition: all ease-in-out .4s;
	background-position: center;
}

.nav-slide .swiper-slide:hover .icon {
	transform: translateY(-5px);
}

.nav-slide h4 {
	color: #222;
	font-size: 18px;
	margin-bottom: 10px;
}

.nav-slide .swiper-slide:hover h4 {
	color: var(--theme-color);
}

.nav-slide p {
	color: #888;
	font-size: 16px;
	line-height: 24px;
}




@media(max-width:1600px) {
	.nav-slide {
		max-width: calc(100% - 30px);
	}
}

@media(max-width:1400px) {
	/* .navbar .item {
		top: -70px;
	} */
	
	.nav-slide {
		padding: 25px 0;
		border-radius: 13px;
	}
	
	.nav-slide .swiper-slide:not(:nth-child(4n)) {
		border-right: 1px solid #d8d8d8;
	}

	.nav-slide .swiper-slide:nth-child(5n) {
		border-right: 1px solid transparent;
	}
	
	.nav-slide a {
		padding: 0 25px;
	}
	
	.nav-slide .icon {
		width: 70px;
		height: 50px;
		margin: 0 auto 15px auto;
	}
	
	.nav-slide p {
		font-size: 15px;
	}
}

@media(max-width:1200px) {
	.nav-slide {
		padding: 20px 0;
		border-radius: 8px;
	}
	
	.nav-slide a {
		padding: 0 20px;
	}
	
	.nav-slide .icon {
		width: 60px;
		height: 40px;
		margin: 0 auto 13px auto;
	}
	
	.nav-slide h4 {
		font-size: 16px;
		margin-bottom: 8px;
	}
		
	.nav-slide p {
		font-size: 14px;
	}
}

@media(max-width:768px) {
	/* .navbar {
		margin: 60px 0;;
	} */

	/* .navbar .item {
		position: static;
	} */

	/* .nav-slide {
		box-shadow: 0px 0px 10px 10px #f2f2f2;
	} */

	.navbar .item {
		top: -45px;
	}

	.nav-slide {
		padding: 15px 0;
	}
	
	.nav-slide .swiper-slide:not(:nth-child(3n)) {
		border-right: 1px solid #d8d8d8;
	}

	.nav-slide .swiper-slide:nth-child(4n) {
		border-right: 1px solid transparent;
	}

	.nav-slide a {
		padding: 0 15px;
	}

	.nav-slide .icon {
		width: 50px;
		height: 35px;
		margin: 0 auto 10px auto;
	}
	
	.nav-slide .swiper-slide:hover .icon {
		transform: translateY(0);
	}

	.nav-slide h4 {
		font-size: 15px;
	}

	.nav-slide p {
		font-size: 13px;
		line-height: 22px;
	}
}

@media(max-width:640px) {
	.nav-slide .swiper-slide:not(:nth-child(3n)) {
		border-right: 1px solid #d8d8d8;
	}

	.nav-slide .swiper-slide:nth-child(3n) {
		border-right: 1px solid transparent;
	}
}

@media(max-width:430px) {
	.navbar .item {
		top: -40px;
	}

	.nav-slide {
		display: none;
		/* padding: 25px 0;
		border-radius: 7px; */
		/* box-shadow: 0px 0px 10px 5px #f2f2f2; */
	}

	.nav-slide .swiper-slide:not(:nth-child(3n)) {
		border-right: 1px solid #d8d8d8;
	}

	.nav-slide .swiper-slide:nth-child(3n) {
		border-right: 1px solid transparent;
	}

	.nav-slide .icon {
		width: 35px;
		height: 28px;
		margin: 0 auto 8px auto;
	}

	.nav-slide p {
		display: none;
	}
}




.iprofile {
	overflow: hidden;
	padding: 300px 0 100px 0;
	background-image: url(../images/iprofileBg.jpg);
}

.iprofile .top-content {
	width: 40.625%;
	margin-bottom: 50px;
}

.iprofile .theme-title {
	margin-bottom: 34px;
}

.iprofile .hd {
	display: flex;
	flex-wrap: wrap;
}

.iprofile .hd li {
	cursor: pointer;
	transition: all .3s;
}

.iprofile .hd li:not(:last-child) {
	margin-right: 35px;
}

.iprofile .hd li.on,
.iprofile .hd li:hover
{
	color: var(--theme-color);
}

.iprofile .bd .li {
	display: flex;
	flex-wrap: wrap;
}

.iprofile .bd .content {
	width: 40.625%;
}

.iprofile .bd h4 {
	color: #333;
	font-size: 32px;
	margin-bottom: 21px;
}

.iprofile .bd .text {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 46px;
}

.iprofile .bd .picture {
	width: 50%;
	height: 600px;
	margin-top: -325px;
}

.iprofile .bd .picture .img {
	width: 960px; 
	margin-left: 160px;
}




@media(max-width:1400px) {
	.iprofile {
		padding: 300px 0 130px 0;
	}

	.iprofile .theme-title {
		margin-bottom: 30px;
	}
	
	.iprofile .hd li:not(:last-child) {
		margin-right: 20px;
	}
	
	.iprofile .bd h4 {
		font-size: 25px;
		margin-bottom: 18px;
	}
	
	.iprofile .bd .text {
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 42px;
	}
	
	.iprofile .bd .picture {
		height: 550px;
	}
	
	.iprofile .bd .picture .img {
		margin-left: 130px;
	}
}

@media(max-width:1200px) {
	.iprofile {
		padding: 240px 0 120px 0;
	}
	
	.iprofile .top-content {
		margin-bottom: 45px;
	}
	
	.iprofile .bd h4 {
		font-size: 23px;
		margin-bottom: 18px;
	}
	
	.iprofile .bd .text {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 38px;
	}
	
	.iprofile .bd .picture {
		height: 500px;
		margin-top: -280px;
	}
	.iprofile .bd .picture .img {
        margin-left: 70px;
    }
}

@media(max-width:768px) {
	.iprofile {
		padding: 170px 0 110px 0;
	}

	.iprofile .top-content {
		width: 100%;
		margin-bottom: 35px;
    }

	.iprofile .theme-title {
		margin-bottom: 10px;
	}

	.iprofile .bd .content {
		width: 100%;
		margin-bottom: 40px;
	}

	.iprofile .bd h4 {
		margin-bottom: 12px;
	}
	
	.iprofile .bd .text {
		margin-bottom: 20px;
	}

	.iprofile .bd .picture {
		width: 100%;
		height: 450px;
		margin-top: 0;
	}
	
	.iprofile .bd .picture .img {
		width: 100%;
		margin-left: 0;
	}
	
}

@media(max-width:430px) {
	.iprofile {
		padding: 180px 0 0 0;
	}

	.iprofile .content {
		margin-bottom: 48px;
    }

	.iprofile .theme-title {
		margin-bottom: 10px;
	}
	
	.iprofile .bd h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.iprofile .bd .content {
		margin-bottom: 30px;
	}
	
	.iprofile .bd .text {
		font-size: 13px;
		line-height: 22px;
	}
	
	.iprofile .bd .picture {
		height: 280px;
	}
}




.iab {
	overflow: hidden;
	padding: 100px 0;
}

.iab .item {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.iab .picture {
	width: 50%;
	height: 600px;
}

.iab .picture .img {
	width: 960px;
	margin-left: -160px;
}

.iab .content {
	width: 50%;
	padding: 72px 15px 0 115px;
	margin-left: auto;
}

.iab .content .theme-title {
	margin-bottom: 35px;
}

.iab .content .i-infor {
	margin-bottom: 21px;
}

.iab .content .text {
	color: #666;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 38px;
}

.iab .content .text p {
	padding-left: 28px;
	position: relative;
}

.iab .content .text p::after {
	content: '';
	width: 8px;
	height: 8px;
	top: 13px;
	left: 0;
	transform: translate(0);
	background: #444;
}




@media(max-width:1400px) {
	.iab .picture {
		height: 550px;
	}
	
	.iab .picture .img {
		width: 100%;
		margin-left: 0;
	}
	
	.iab .content {
		padding: 50px 15px 0 90px;
		margin-left: auto;
	}
	
	.iab .content .theme-title {
		margin-bottom: 30px;
	}
	
	.iab .content .i-infor {
		margin-bottom: 18px;
	}
	
	.iab .content .text {
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 35px;
	}
	
	.iab .content .text p {
		padding-left: 22px;
	}
	
	.iab .content .text p::after {
		width: 6px;
		height: 6px;
	}
}

@media(max-width:1200px) {
	.iab .picture {
		height: 480px;
	}
	
	.iab .content {
		padding: 40px 15px 0 40px;
	}
	
	.iab .content .theme-title {
		margin-bottom: 20px;
	}
	
	.iab .content .i-infor {
		margin-bottom: 18px;
	}
	
	.iab .content .text {
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 30px;
	}
	
	.iab .content .text p {
		padding-left: 20px;
	}
	
	.iab .content .text p::after {
		width: 6px;
		height: 6px;
		top: 11px;
	}
}

@media(max-width:768px) {
	.iab {
		padding: 100px 15px;
	}

	.iab .picture {
		width: 100%;
		height: 420px;
	}
	
	.iab .content {
		width: 100%;
		padding: 35px 15px 0 0;
		margin-left: 0;
	}
	
	.iab .content .text {
		font-size: 13px;
		line-height: 28px;
	}
	
	.iab .content .text p {
		padding-left: 18px;
	}
}

@media(max-width:430px) {
	.iab {
		padding: 45px 15px;
	}

	.iab .picture {
		height: 280px;
	}
	
	.iab .content {
		padding: 30px 15px 0 0;
		margin-left: 0;
	}

	.iab .content .theme-title {
        margin-bottom: 15px;
    }
	
	.iab .content .i-infor {
        margin-bottom: 15px;
    }
	
	.iab .content .text {
		font-size: 13px;
		line-height: 26px;
		margin-bottom: 25px;
	}
	
	.iab .content .text p {
		padding-left: 15px;
	}

	.iab .content .text p::after {
		top: 10px;
	}
}




.icourse {
	color: #fff;
	text-align: center;
	padding: 138px 0 160px 0;
	position: relative;
	z-index: 10;
	background-image: url(../images/icourseBg.jpg);
}

.icourse::after {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: translate(0);
	z-index: -1;
	background: rgba(19 , 66 , 104 ,  .1);
}

.icourse .theme-title {
	color: #fff;
	font-size: 42px;
	margin-bottom: 115px;
}

.icourse .listbox {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 115px;
}

.icourse .list {
	padding-top: 8px;
}

.icourse .list:not(:last-child) {
	border-right: 1px solid rgba(255 , 255 , 255 , .4);
}

.icourse .list .year {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 16px;
}

.icourse .list p {
	font-size: 20px;
	line-height: 32px;
}

.icourse .i-more {
	color: #fff;
	border: 1px solid #fff;
}




@media(max-width:1400px) {
	.icourse {
		padding: 110px 0 160px 0;;
	}

	.icourse .theme-title {
		margin-bottom: 90px;
	}
	
	.icourse .list {
		padding-top: 6px;
	}
	
	.icourse .list .year {
		font-size: 28px;
		margin-bottom: 10px;
	}
	
	.icourse .list p {
		font-size: 18px;
		line-height: 30px;
	}
}

@media(max-width:1200px) {
	.icourse {
		padding: 90px 0 140px 0;;
	}

	.icourse .theme-title {
		margin-bottom: 70px;
	}

	.icourse .listbox {
		margin-bottom: 100px;
	}
	
	.icourse .list {
		padding-top: 6px;
	}
	
	.icourse .list .year {
		font-size: 26px;
	}
	
	.icourse .list p {
		font-size: 16px;
		line-height: 28px;
	}
}

@media(max-width:768px) {
	.icourse {
		padding: 70px 0 120px 0;;
	}

	.icourse .theme-title {
		margin-bottom: 35px;
	}

	.icourse .listbox {
		grid-template-columns: 1fr;
		gap: 25px 0;
		margin-bottom: 60px;
	}
	
	.icourse .list {
		padding-top: 5px;
		border: none!important;
	}

	.icourse .list .year {
		font-size: 18px;
		margin-bottom: 5px;
	}
	
	.icourse .list p {
		font-size: 14px;
		line-height: 26px;
	}
}

@media(max-width:430px) {
	.icourse {
		padding: 65px 0 110px 0;;
	}

	.icourse .theme-title {
		margin-bottom: 32px;
	}

	.icourse .listbox {
		gap: 20px 0;
		margin-bottom: 40px;
	}
	
	.icourse .list {
		border: none!important;
	}

	.icourse .list .year {
		font-size: 18px;
		margin-bottom: 6px;
	}
	
	.icourse .list p {
		font-size: 14px;
		line-height: 24px;
	}
}




.inews {
	padding: 100px 0;
}

.inews .title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 66px;
}




@media(max-width:1200px) {
	.inews .title {
		margin-bottom: 55px;
	}
}

@media(max-width:430px) {
	.inews {
		padding: 45px 0 45px 0;
	}	

	.inews .title {
		margin-bottom: 45px;
	}
}



.iment {
	padding-top: 100px;
	background: #f4f4f4;
}

.iment .theme-title {
	max-width: 1600px;
	margin: 0 auto 31px auto;
}

.iment .item {
	border-top: 1px solid #d2d2d2;
}

.iment .container {
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.iment .content {
	width: 80%;
	padding: 13px 40px 105px 0;
} 

.iment .list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 40px;
	margin-bottom: 50px;
}

.iment .list li {
	color: #666;
	font-size: 16px;
	padding: 22px 0;
	transition: all .2s;
	border-bottom: 1px dashed #dcdcdc;
}

.iment .list li:hover {
	color: var(--theme-color);
	font-weight: bold;
}

.iment .list li a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 100%;
}

.iment .tips {
	color: #666;
	font-size: 16px;
	width: 20%;
	padding: 27px 25px 100px 40px;
	border-left: 1px solid #d2d2d2;
}

.iment .tips .num {
	margin-bottom: 43px;
}

.iment .tips .num span {
	color: #ee0006;
	font-size: 60px;
	font-weight: bold;
	display: inline-block;
	padding-right: 40px;
	margin-bottom: 8px;
	position: relative;
}

.iment .tips .num span::after {
	content: '';
	width: 17px;
	height: 44px;
	top: 50%;
	left: auto;
	right: 0;
	transform: translate(0 , -50%);
	background-position: right center;
	background-image: url(../images/top.png);
}

.iment .tips .text {
	line-height: 30px;
}




@media(max-width:1600px) {
	.iment .theme-title,
	.iment .container
	{
		padding: 0 15px;
	}	
}

@media(max-width:1400px) {
	.iment .content {
		padding: 13px 20px 95px 0;
	}

	.iment .list {
		gap: 0 20px;
		margin-bottom: 45px;
	}

	.iment .list li {
		font-size: 15px;
		padding: 20px 0;
	}

	.iment .tips {
        font-size: 15px;
		padding: 25px 20px 40px 20px;
    }

	.iment .tips .num span {
        font-size: 50px;
        padding-right: 30px;
        margin-bottom: 3px;
    } 

	.iment .tips .num span::after {
        width: 15px;
        height: 38px;
    }
}

@media(max-width:1200px) {
	.iment .content {
		padding: 10px 15px 100px 0;
	}

	.iment .list {
		gap: 0 15px;
		margin-bottom: 40px;
	}

	.iment .list li {
		font-size: 14px;
		padding: 16px 0;
	}

	.iment .tips {
        font-size: 14px;
		padding: 20px 15px 40px 15px;
    }

	.iment .tips .num span {
        font-size: 40px;
        padding-right: 20px;
    }

    .iment .tips .num span::after {
        width: 13px;
        height: 32px;
    }
}

@media(max-width:768px) {
	.iment {
		padding-top: 45px;
	}
	
	.iment .theme-title {
		max-width: 100%;
		margin-bottom: 25px;
	}

	.iment .content {
		width: 100%;
        padding: 15px 15px 110px 0;
    } 

	.iment .list {
		margin-bottom: 50px;
	}

	.iment .list li {
		font-size: 13px;
		padding: 15px 0;
	}

	.iment .tips {
       display: none;
    }
}

@media(max-width:430px) {
	.iment .content {
		width: 100%;
        padding: 15px 15px 60px 0;
    } 

	.iment .list {
		grid-template-columns: 1fr;
		margin-bottom: 40px;
	}

	.iment .list li {
		font-size: 13px;
	}
}




.downward {
	color: green!important;
}

.downward::after {
	transform: translate(0, -50%) rotate(180deg)!important;
	background-image: url(../images/down.png)!important;
}




/* 2025/1/6 New styles */
.mb-nav-slide {
	text-align: center;
	display: none;
	grid-template-columns: repeat(3 , 1fr);
	gap: 20px 0;
	width: calc(100% - 30px);
	padding: 25px 0;
	margin: 0 auto;
	border-radius: 7px;
	background: #fff;
}

.mb-nav-slide li:not(:nth-child(3n)) {
	border-right: 1px solid #d8d8d8;
}

.mb-nav-slide li a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.mb-nav-slide li .icon {
	width: 35px;
	height: 28px;
	margin: 0 auto 8px auto;
}

.mb-nav-slide li h4 {
	color: #222;
	font-size: 15px;
}




@media(max-width:430px) {
	.mb-nav-slide {
		display: grid;
	}
}