@charset "utf-8";
/* 公共样式的更改 */
.index-main .header-title{
	display: none !important;
}
.main {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
.modtitle .title-bg{
	text-align: center;
	height: 48px;
	line-height: 48px;
	width: 511px;
	background-size:511px 48px;
	background-image: url(../images/title-logo-bg.png);
	margin: 0 auto;
	font-size: 30px;
	font-weight:500;
}
.modhead {
	padding-top: 70px;
}
.modhead .modtitle {
	float: none;
}
/* 解决方案 */
.solution .modcon {
	padding: 50px 0 70px 0;
}
.solution_con {
	position: relative;
}
.solution_con>div {
	display: block;
}
.solution_con>div:nth-child(3) {
	margin: 30px 0;
}
.solution_con>div:nth-child(5) {
	position: absolute;
	bottom: 0;
	right: 0;
}
.solution_con>div {
	position: relative;
}
.solution_con>div .bg {
	position: absolute;
	width: calc(100% - 1.875rem);
	height: 100%;
	left: 0.9375rem;
	background: #00000030;
	opacity: 0;
	top: 0;
	z-index: 0;
}
.solution_con>div:nth-child(1) {
	width: 33.33333% !important;
}
.solution_con>div:nth-child(2) {
	width: 66.66667% !important;
}
.solution_con>div:nth-child(3) {
	width: 33.33333% !important;
}
.solution_con>div:nth-child(4) {
	width: 66.66667% !important;
}
.solution_con>div:nth-child(5) {
	width: 33.33333% !important;
}
.solution_div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 30px;
	font-weight: 500;
	color: #ffffff;
	z-index: 1;
	width: 100%;
	padding: 0px 60px;
}
.solution_div>a {
	text-align: center;
}
.knowledge{
	font-size: 24px;
	font-weight: 500;
}
.solution_div>span{
	display: block;
	text-align: center;
}
.solution_con>div:hover span{
	display: none!important;
}
.solution_con>div:hover  .bg{
	opacity: 0.4;
	background-color:#333
}
.solution_div>div{
	display: none;
}
.solution_con>div:hover .hd-hv {
	display: block;
}
.solution_div .solution_txt {
	font-size: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	padding-top: 20px;
	overflow: hidden;
	font-weight: 400;
	line-height: 28px;
}
.solution_div .btn-more {
	margin-top: 20px;
	font-size: 14px;
	padding: 5px 8px;
	display: inline;
	border: 1px solid #ffffff;
	border-radius: 4px;
	float: right;
}
.btn-more{
	color: #FFffff;
}
.bt-more{
	color: #808080;
	padding: 8px 10px;
	border: 1px solid  #808080;
	border-radius: 4px;
	float: right;
	margin-top: 40px;
	font-size: 14px;
	display: flex!important;
	align-items: center;
}
.abandon>a:hover{
	color: #808080;
}
.more-icon{
	width: 16px;
	height: 16px;
}
.product {
	background-image: url(../images/product-bg.png);
	background-size: cover;
}
.product .modhead{
	/*padding-top: 0px;*/
}
.product .modcon {
	position: relative;
	padding: 20px 0;
}
.product .modcon .product_con_1 {
	height: 700px;
}

.product .modcon .icon {
	position:absolute;
	right: 120px;
	height: 58px;
	width: 58px;
}
.product_con_1 .swiper {
	width: 85%;
	height: 100%;
	overflow: hidden;
}
.product-swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* background: #fff; */

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.learn {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product-swiper .swiper-pagination-bullets {
	right: 120px;
}
.product-swiper .swiper-pagination-bullet {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	/* color: #000; */
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin-bottom: 50px !important;
}

.product-swiper .swiper-pagination-bullet-active {
	transform: scale(1.5) ;
}
.product-swiper .swiper-slide{
	text-align: left;
}
.product-swiper .large-5 {
	padding-left: 100px;
	height: 100%;
	padding-top: 200px;
}
.product-swiper .title {
	color: #333333;
	font-size: 28px;
	font-weight: 500;
}
.product-swiper .con {
	margin-top: 15px;
	font-size: 18px;
	line-height: 28px;
	color: #808080;
}
.product-swiper .fg {
	border: 2px solid #999999;
	width: 48px;
	height: 3px;
	border-radius: 2px;
	margin-top: 50px;
}
.product-swiper .list:nth-child(1) {
	/*margin-top: 0px;*/
}
.list-wrapper {
	max-height: 185px;
	margin-top: 30px;
	overflow-y: scroll;
}
.list-wrapper::-webkit-scrollbar {
	width:3px;
}
.product-swiper .list>a {
	display: list-item;
	list-style: inside;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333333;
	padding-right: 20px;
	margin-bottom: 10px;
        float: left !important;
}
.news-swiper {
	height: 600px;
}
.news-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #00000020;
	z-index: -1;
	opacity: 0;
}
.news-swiper {
	position: relative;
}
.news_con {
	padding-top: 150px;
	overflow-y: hidden;
}
.news-swiper .swiper-slide:hover .news-time>div:nth-child(1),.news-swiper .swiper-slide:hover .news-more{
	color: #ff9853;
}
.news-swiper .hover .news-time>div:nth-child(1),.news-swiper .hover .news-more{
	color: #ff9853;
}
.news-swiper .swiper-slide:hover .news-time>div:nth-child(1),.news-swiper .swiper-slide:hover .more-icon:nth-child(1){
	display: none;
}
.news-swiper .hover .news-time>div:nth-child(1),.news-swiper .hover .more-icon:nth-child(1){
	display: none;
}
.news-swiper .swiper-slide:hover .news-time>div:nth-child(1),.news-swiper .swiper-slide:hover .more-icon:nth-child(2){
	display: inline-block !important;
}
.news-swiper .hover .news-time>div:nth-child(1),.news-swiper .hover .more-icon:nth-child(2){
	display: inline-block !important;
}
.news-swiper .swiper-slide:hover .news-time {
	color: #ff9853;
}
.news-swiper .hover .news-time {
	color: #ff9853;
}
.news-swiper .hover .news-txt{
	color: #333333;
}
.news-swiper .swiper-button-prev {
	width: 100px;
	height: 100px;
	left: -50px;
	top:30%;
	border-radius: 50%;
	background: #33333370;
	color: #ffffff;
	opacity: 0;
}
.news-swiper .swiper-button-next {
	width: 100px;
	height: 100px;
	right: -50px;
	top:30%;
	border-radius: 50%;
	background: #33333370;
	color: #ffffff;
	opacity: 0;
}
.news-swiper .swiper-button-next:hover,.news-swiper .swiper-button-prev:hover{
	opacity: 1;
}
.news-swiper .swiper-button-next::after{
	position: relative;
	left: -20px;
}
.news-swiper .swiper-button-prev::after {
	position: relative;
	right: -20px
}
.news-swiper .swiper-slide:hover .news-wrapper {
	top: -70px;
	/* width: calc(100% + 30px); */
}
.news-swiper .hover .news-wrapper {
	top: -70px;
	/* width: calc(100% + 30px); */
}
.news-swiper .swiper-slide:hover .news-bg {
	opacity: 1;
}
.news-swiper .hover .news-bg {
	opacity: 1;
}
.news-swiper .swiper-slide:hover .news-header{

	/* background-image: url(images/newsimg.png); */
	border-radius: 0px 23px 0px 0px;
	padding-top: 115px;
	color: #ffffff;
	padding-bottom: 0px;
}

.news-swiper .hover .news-header {

	/* background-image: url(images/newsimg.png); */
	border-radius: 0px 23px 0px 0px;
	padding-top: 115px;
	color: #ffffff;
	padding-bottom: 0px;
}
.news-header a {
	display: block;
	height: 77px;
	color: #333333!important;
	margin-bottom: 10px;
}

.news-img {
	position: absolute;
	width: 100%;
	opacity: 0;
}
.news-img img {
	width: 100%;
	height: 100%;
}
.news-swiper .swiper-slide:hover .news-header .news-img {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
}

.news-swiper .hover .news-header .news-img {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
}
.news-swiper .swiper-slide:hover {
	height: calc(100% + 70px);
}
.news-swiper .hover {
	height: calc(100% + 70px);
}
.news-swiper .swiper-slide:hover .news-header a{
	color: #FFffff!important;
}
.news-swiper .hover .news-header a{
	color: #FFffff!important;
}
.news-wrapper {
	position: relative;
	border-radius: 0 23px 0 23px;
	box-shadow: 5px 0 30px 0px rgba(128, 128, 128, 0.13);
}
/*.news-wrapper .news-con a{*/

/*}*/
.news-header {
	position: relative;
	padding: 45px 45px;
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	line-height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding-bottom: 0;
	/* padding-top: 45px;
    margin-bottom: 45px; */
}
.news-con {
	border-top: 1px solid #F7F7F7;
	padding: 30px 45px 45px 45px;
}
.news-time {
	font-size: 16px;
	color: #B3B3B3;
}
.news-time>div:nth-child(1) {
	color: #B3B3B3;
	font-size: 48px;
	line-height: 42px;
	font-weight: 700;
	margin-bottom: 5px;
}
.curriculums_wrap {
	padding: 0 10px;
}
.news-txt {
	margin-top: 40px;
	color: #808080;
	line-height: 28px;
	font-size: 18px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom: 100px;
}
.news-more {
	color: #B3B3B3;
	margin-top: 100px;
	font-size: 14px;
}
.btn-more img{
	width: 16px;
	height: 16px;
}
.news_more {
	color: #FF9853;
	font-size: 18px;
	text-align: center;
	margin-bottom: 70px;
}
.news_con a:hover{
	color: #FF9853!important;
}
.news_con_con a{
	color: #FF9853;
}
.more-icon{
	width: 16px;
	height: 16px;
}
.swiper-slide:hover .news-wrapper {
	width: calc(100% );
	position: relative;
}
.hover .news-wrapper {
	width: calc(100% );
	position: relative;
}

@media only screen and (max-width: 1024px) {

	.modhead {
		padding-top: 25px;
	}
	.modtitle .title-bg {
		background-image: url(../images/title-logo-bg-mobile.png);
		background-size: 172px 17px;
		height: unset;
		width: unset;
		background-position: 50%;
		background-repeat: no-repeat;
		font-size: 24px;
	}
	.solution .modcon {
		padding: 25px 0;
	}
	.solution_con {
		padding: 0px 10px;
	}
	.solution_con>div{
		border-radius: 7px;
		overflow: hidden;
		padding-left: 5px;
		padding-right: 5px;
	}
	.solution_con .bg-img {
		border-radius: 7px;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.solution_con .columns {
	}
	.solution_con>div:nth-child(3) {
		margin: 0;
	}
	.solution_con .solution_div {
		/* display: none; */
		font-size: 18px;
		padding: 0;
	}
	.solution_con>div:nth-child(2),.solution_con>div:nth-child(3) {
		margin: 10px 0;
	}
	.solution_con>div:nth-child(1) {
		width: 100% !important;
	}
	.solution_con>div:nth-child(2) {
		width: 66.66667% !important;
	}
	.solution_con>div:nth-child(3) {
		width: 33.33333% !important;
	}
	.solution_con>div:nth-child(4) {
		width: 34.33333% !important;
	}
	.solution_con>div:nth-child(5) {
		width: 65.66667% !important;
		position: relative;
	}
	.solution_div span {
		white-space: nowrap;
	}
	.solution_con>div:hover span {
		display: inline-block;
	}
	.solution_con .solution_div>div{
		display: none;
	}
	.product {
		background-image: unset;
	}
	.product .modhead {
		padding-top: 0;
	}
	.product .modcon .product_con_1 {
		height: unset;
	}
	.product-list>a{
		margin-bottom: 20px;
		display: block;
	}
	.product-list>a .small-4 {
		height: 100%;
	}
	.product-list>a .small-8 {
		padding: 12px 0;
	}
	.product-list>a .small-5 {
		height: 100%;
	}
	.product-list>a .small-7 {
		padding: 12px 0;
	}
	.product-list>a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		border-radius: 3px;
	}
	.product .modcon {
		padding: 0;
	}
	.news_con {
		padding: 0;
	}
	.list-title {
		font-size: 16px;
	}
	.list-con {
		margin-top: 10px;
		font-size: 9px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.news-list a {
		color: #000000;
	}
	.news-list>a .small-3 {
		height: 100%;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.news-list>a .small-3 img {
		height: 70px;
		object-fit: cover;
		object-position: top;
		width: 100%;
	}
	.news-list>a .small-9 {
		padding-left: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.news-list>a .small-9>div {
		padding-left: 0.9375rem;
		border-left: 2px solid #FF9853;;
	}
	.news-list>a>div>.small-4 {
		height: 100%;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.news-list>a>div>.small-4 img {
		height: 70px;
		object-fit: cover;
		object-position: top;
		width: 100%;
	}
	.news-list>a>div>.small-8 {
		padding-left: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.news-list>a>div>.small-8>div {
		padding-left: 0.9375rem;
		border-left: 2px solid #FF9853;;
	}
	.news-list .list-title {
		font-weight: 500;

	}
	.news-list .list-title>div:nth-child(1){
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news-list .list-con {
		-webkit-line-clamp: 2;
	}
	.list-title .columns {
		padding: 0;
	}
	.list-time {
		text-align: right;
		font-size: 9px;
		color: #666666;
	}
	.news-list,.product-list {
		margin-top: 25px;
	}
	.news_more {
		text-align: right;
		font-size: 12px;
		margin: 20px 20px 30px 280px;
	}
	.video-txt>div:nth-child(1) {
		margin-bottom: 10px;
	}
	.video-txt>div:nth-child(2) span {
		padding: 15px 20px;
		font-size: 20px;
	}
	.video-txt>div {
		margin: 20px 0
	}
	.video-txt>div:nth-child(3) {
		padding: 10px 20px;
	}
	.video-txt {
		font-size: 12px;
	}
	.product-list>a>div>div:nth-child(2){
		color: #333333;
		padding-right: 15px;
	}
	.header {
		position: fixed;
	}
	.mobile-list i{
		color: #ffffff;
	}
	.fixed .mobile-list i {
		color: #000000;
	}
}
@media only screen and (max-width: 640px) {
	.mobile-list-on {
		background: #ffffff !important;
		color: #000000;
	}
	.mobile-list-on i{
		color: #000000;
	}
	.header-image .hide-for-small {
		display: block !important;
	}
	.fixed .header-image .hide-for-small {
		display: none !important;
	}
	.mobile-list-on .header-image .hide-for-small {
		display: none !important;
	}
	.header-image .hide-for-medium {
		display: none !important;
	}
	.btn-more a{
		color: #333333;
	}
	.mobile-list-on .header-image .hide-for-medium{
		display: block !important;
	}
	.fixed .header-image .hide-for-medium{
		display: block !important;
	}
    .knowledge{
     text-align:center;
    }
    .btn-more{
         margin-top: 0;
    margin-right: 10px;
    font-size: 12px;
    }
.solution_con>div:hover .hd-hv {
	display: none;
}
.solution_con>div .bg{
  display:none;
}
}
@media only screen and (max-width: 375px) {
	.solution_con>div:nth-child(4) {
		width:34% !important;
	}
	.solution_con>div:nth-child(5) {
		width:66% !important;
	}
}
@media only screen and (min-width:640px) and (max-width: 1024px){
	.list-title{
		font-size: 18px;
	}
	.list-con{
		font-size: 13px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){

	.news .modcon{
		padding-bottom: 50px;
	}
	.btn-more{
		max-width: 100% !important;
		padding-top: 20px;
	}
	.btn-more a{
		color: #333333!important;
	}
}
@media only screen and (max-width: 1024px) {
    .solution_con>div:hover .hd-hv{
       padding:28px;
    }
}