.protectivebox{position:fixed; width:100%;height:100%; top:0; left:-100%; z-index: 99999; background-color:rgba(0, 0, 0, .4);display:flex;
    justify-content: center;
	align-items: center;}
.protectivebox .videobox{width: 100%;max-width: 850px;}
.protectivebox iframe{width:100%; max-width: 850px; min-height:550px;margin:0 auto}
.protectivebox .videobox a{display:block;width:40px; height:40px; border-radius:20px; background:#fff; font-size:20px; color:#1c3353; text-align: center; line-height: 43px; margin:10px auto}
@media (max-width: 768px){
    .protectivebox .videobox{max-width: 560px;}
    .protectivebox iframe{max-width: 560px; min-height:250px;}
}
/* 寒武纪总体介绍 statr */
.intro{
	background: #fff;
	padding-bottom: 5.6rem !important;
}

.intro .intro-right{
	background-image: url(../image/bg_shape3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	position: absolute;
	    width: 6rem;
    height: 6rem;
        right: -1rem;
    top: -3rem;
}
.intro .swiper-container,.intro .media{
	/*overflow: visible !important;*/
}
.intro .list .media-left{
	padding-right: 0;
	position: relative;
}
.intro .g-play-btn{
	width: 56px;
    height: 56px;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    margin: auto;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10;
    background: url(../image/video-play.png) 50% no-repeat;
    background-size: contain;
}
.intro .list .media-left .mtitle{
	display: none;
}
.intro .position{
	position: relative;
}
.intro .row{
	/* opacity:0; */
	/*position: relative;*/
}
.intro .position .ggleft{
	width: 6rem;
	height: 6rem;
	bottom: 2.5rem;
	left: -3rem;
}

.intro .list{
	position: relative;
}
.intro .list .titles{
	color: #0E1B3F;
	font-size: 1.8rem;
	margin-top: .4rem;
}
.intro .list .titles:hover{
	color: #437CEE;
}
.intro .list .media .media-left img{
	width: 100%;
	height: 336px;
}
.intro .list .media .media-right{
	box-shadow: 0 8px 30px 8px #e6f4ff;
    -webkit-box-shadow: 0 8px 30px 8px #e6f4ff;
    -moz-box-shadow: 0 8px 30px 8px #e6f4ff;
    -o-box-shadow: 0 8px 30px 8px #e6f4ff;
}

.intro .list .text{
	font-size: 1.4rem;
	color: #7E8894;
	line-height: 2.33rem;
	cursor: default;
	margin-top: 1.2rem;
	
	/*display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;*/
	/*overflow:hidden;*/
	
}
.intro .list .related-goods{
	font-size: 1.4rem;
	color: #666;
	position: absolute;
	bottom: .2rem;
}
.intro .list .related-goods div{
	display: inline-block;
}
.intro .list .related-goods .goods-list div:first-child{
	margin-left: 0;
}
.intro .list .related-goods .goods-list div{
	border: 1px solid #EBEEF0;
	border-radius: 12px;
	padding: .1rem .45rem;
	margin-left: .5rem;
}

.intro .list .related-goods .goods-list div:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
}
.intro .list{
	
}


.swiper-container-horizontal>.swiper-pagination1{
	position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 2.25rem !important;
    left: 0;
    width: 50% !important;
    margin: 0 auto;
}
.intro .list .media-left{
	float: left;
	margin: 1%;
    margin-right: 0;
    width: 50%;
}
.intro .list .media .media-right {
    display: block;
    margin: 1% !important;
    margin-left: 0 !important;
    box-shadow: 0 0 15px rgb(0 48 110 / 15%);
    -webkit-box-shadow: 0 0 15px rgb(0 48 110 / 15%);
    -moz-box-shadow: 0 0 15px rgb(0 48 110 / 15%);
    -o-box-shadow: 0 0 15px rgb(0 48 110 / 15%);
    float: left !important;
    width: 48%;
    padding: 1.5% 4%;
    height: 336px;
}
.intro .list .titles{
	font-weight: 550;
	color: #000;
	font-size: 2rem;
}
@media screen and (min-width: 1200px) and (max-width: 1319px){
	.intro .list .media .media-right{
		padding: 2% 3.34%;
	}
	.intro .list .text{
		line-height: 2.44rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
	.intro .list .media .media-right{
		padding: 1% 2%;
	}
	.intro .list .text{
		line-height: 1.95rem;
    	margin-top: 0.5rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.intro .list .media .media-right{
		padding: 1% 2%;
	}
	.intro .list .text{
		line-height: 1.95rem;
    	margin-top: 0.5rem;
    	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 8;
	    overflow: hidden;
	}
}
/* 寒武纪总体介绍 end */ 
/* 寒武纪开发者成长之旅 start */
.growth_journey{
	background: #f8f9fa;
}
.growth_journey .list .list-p{
	padding: 1.5rem 1rem;
}
.growth_journey .list .list-p a{
	padding: 2rem 0;
    display: block;
}
.growth_journey .list .img_wrap{
    margin: 0 auto;
    width: 90%;
}
.growth_journey .list .img{
	width: 59.54%;
    height: 141px;
    overflow: hidden;
    margin: 0 auto;
}
.growth_journey .list .des{

}
.growth_journey .list .des .title{
	text-align: center;
    font-size: 1.8rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    position: relative;
}
.growth_journey .list .des .tit_intro{
	text-align: center;
	margin-top: 8px;
	font-size: 1.4rem;
}
.growth_journey .list .des .item_underline {
    position: absolute;
    height: 2px;
    bottom: 1px;
    left: 43%;
    background: #437CEE;
    width: 3rem;
}
.growth_journey .list .list-p:hover a{
	background: #437CEE;
	
}
.growth_journey .list .list-p:hover .img_wrap{
	background: #fff;
}
.growth_journey .list .list-p:hover .item_underline{
	background: #fff;
}
.growth_journey .list .list-p:hover .des .title{
	color: #fff;
}
.growth_journey .list .list-p:hover .des .tit_intro{
	color: #fff;
}
/* 寒武纪开发者成长之旅 end */
/* 最新活动&课程&博客 start */
.new_activity{
	background: #fff;
}
.right_new {
	padding-right: 0;
}

.lebg .detail_intro{
	background: #f5f5f5;
	line-height: 2.2rem;
    padding: 0.5rem 0.3rem;
}
.lebg .detail_intro .tit{
	color: #000;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.lebg .detail_intro .des{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.right_new .lebg img{
	width: 100%;
	height: 280px;
}

.right_new .lebg .detail_intro .tit{
	font-size:1.5rem ;
}
.right_new .lebg .detail_intro .des{
	font-size:1rem ;
}
.left_new{
	padding-left: 0;
}
.left_new .lebg img{
	width: 100%;
	height: 129px;
}

.left_new>div:first-child{
	padding-right: 0;
}
.left_new>div .lebg:first-child{
	margin-bottom: 12px;
}
.left_new .lebg .detail_intro{
	padding: 0.5rem 0.8rem;
}
.left_new .lebg .detail_intro .tit{
	font-size: 1.3rem;
}
.more_activity{
	margin: 3rem auto;
    display: block;
    color: #fff;
    background: var(--clay-background,rgba(0,0,0,.0005));
    border-radius: var(--clay-border-radius,32px);
    box-shadow:var(--clay-shadow-outset,8px 8px 16px 0 rgba(0,0,0,.05)),inset var(--clay-shadow-inset-primary,-8px -8px 16px 0 rgba(0,0,0,.05)),inset var(--clay-shadow-inset-secondary,8px 8px 16px 0 hsla(0,0%,100%,.1));
    --clay-background: rgb(74 129 239);
    --clay-border-radius: 2rem;
    width: fit-content;
    font-size: 1.4rem;
    padding: 0.8rem 2rem;
    
}
.more_activity:hover,.more_activity:focus{
	color: #fff;
}
.swiper-container-horizontal>.swiper-pagination2 {
    position: absolute;
   /* text-align: center;*/
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 6rem !important;
    left: 12px;
    width: 58rem !important;
}
.swiper-pagination2 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px)) !important;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px)) !important;
    display: inline-block !important;
    border-radius: 50% !important;
    border: 3px solid #828a90 !important;
    background: #fff !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
	border: 3px solid #437cee !important;
}


/* 最新活动&课程&博客 end */
@media (max-width: 768px){
	.column .text {
	    display: block; 
	}
	#banner .banner .text{
		width: 60%;
	}
	#banner .banner .des{
		margin-bottom: 2.2rem;
	}
	#banner .banner .des br{
		display: none;
	}
	.swiper-pagination2 ,.swiper-pagination{
		display: none;
	}
	.intro .list .media-left{
		float: inherit;
		width: 95%;
	    margin: 0 auto;
	    display: block;
	}
	.intro .row .col-xs-12{
		padding: 0!important;
	}
	.intro .list .media .media-right{
		margin: 0 auto !important;
		margin-bottom: 3% !important;
	    float: inherit !important;
	    width: 95%;
	    padding-bottom: 4%;
	}
	.swiper-container-horizontal>.swiper-pagination1{
    	width: 100% !important;
		top: 19rem !important;
	}
	.mobile-ghost-hover,.mobile-solution .borders{
		background: #f5f5f5;
	}
	/*,.growth_journey .list:nth-child(2n) .list-p,.growth_journey .list:nth-child(2n+1) .list-p*/
	.growth_journey .list:nth-child(2n){
		padding-right: 0;
	}
	.growth_journey .list:nth-child(2n+1){
		padding-left: 0;
	}
	.growth_journey .list .img{
		height: 81px;
	}
	.right_new{
		width: 100%;
		padding-right: 15px;
	}
	.left_new{
		width: 100%;
		padding-left: 15px;
		margin-top: 15px;
	}
	.left_new>div:first-child{
		padding-left: 0;
	}
	.left_new>div:last-child{
		padding-right: 0;
	}
	.growth_journey .list:nth-child(2n) .list-p{
		padding-left: 0;
		padding-right: 5px;
	}
	.growth_journey .list:nth-child(2n+1) .list-p{
		padding-right: 0;
		padding-left: 5px;
	}
	.growth_journey .list:nth-child(4) .list-p,.growth_journey .list:nth-child(5) .list-p{
		padding-top: 0;
	}
	.growth_journey .list .des .tit_introP
	{
		font-size: 1.3rem;
	}
	.intro .list .media .media-left img{
	    height: 220px;
	}
	.intro .list .text br{
	    display: none;
	}
}