@charset "utf-8";
/*技术热点页*/
.hotspot-box{background-color: #fff;}
.hotspot-box *{box-sizing: border-box;}
.hotspot-box .top-banner{padding-top: 55%;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: .4rem;}
.hotspot-box .top-brief{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 3rem 0;border-bottom: 1px solid #ACACAC;}
.hotspot-box .top-brief > .con-l{width: 55.7%;}
.hotspot-box .top-brief > .con-r{width: 40.7%;color: #676767;}
.hotspot-box .hotspot-content{display: flow-root;margin-top: 2rem;}
.hotspot-box .hotspot-content > .con-l{float: left;width: 48%;}
.hotspot-box .hotspot-content > .con-r{float: right;width: 48%;}
.hotspot-box .hotspot-content .section{margin-bottom: 2rem;}
.hotspot-box .hotspot-content .section > .title{display: flex;align-items: center;padding-bottom: .5em;margin-bottom: 1em;border-bottom: 1px solid #cfcfcf;font-family: 'Poppins-Medium';line-height: 1.35;text-transform: capitalize;}
.hotspot-box .hotspot-content .section > .title span{vertical-align: top;margin-right: .2em;font-size: 2.4rem;font-weight: normal;color: #999;}
.hotspot-box .hotspot-content .section > .title.blue{color: #0F5ADE;}
.hotspot-box .hotspot-content .section > .title.blue span{color: #0F5ADE;}
.hotspot-box .hotspot-content .section > .content{line-height: 1.33;}
.hotspot-box .hotspot-content .section > .content p{margin-bottom: 1em;}
.hotspot-box .hotspot-content .section > .content img{display: inline-block;}
.hotspot-box .hotspot-content .section > .content i{color: #0F5ADE;}
.hotspot-box .hotspot-content .font-blue{color: #0F5ADE;}
.hotspot-box .hotspot-content .special-wrap{padding: 10px;border: 1px solid #0F5ADE;color: #0F5ADE;}
.hotspot-box .hotspot-content .special-wrap > .title{margin-bottom: 0.5rem;}
.hotspot-box .hotspot-content .special-wrap > .content{font-size: 0;}
.hotspot-box .hotspot-content .special-wrap > .content .item{display: inline-block;vertical-align: top;width: 33.33%;padding-right: 5%;font-size: 14px;}
.hotspot-box .hotspot-content .special-wrap > .content .item .tit{margin-bottom: 0.5rem;}
.hotspot-box .hotspot-content .special-wrap > .content .item .list li{position: relative;padding-left: 1.25rem;margin-bottom: 0.5rem;line-height: 1rem;}
.hotspot-box .hotspot-content .special-wrap > .content .item .list li:before{content: "";position: absolute;left: 0;top: 0.25rem;width: 0.5rem;height: 0.5rem;background-color: #0F5ADE;border-radius: 50%;}
.hotspot-box .hotspot-content .table-wrap{margin: 20px 0;overflow-x: auto;}
.hotspot-box .hotspot-content .table-wrap .table-name{padding: 0.5rem 0;line-height: 1rem;text-align: center;}
.hotspot-box .hotspot-content .table-wrap .table-name em{margin-right: 6px;color: #c41c00;}
.hotspot-box .hotspot-content .table-wrap table{width: 100%;border-collapse: collapse;}
.hotspot-box .hotspot-content .table-wrap table th{padding: 0.5rem;background-color: #0F5ADE;border: 1px solid #ccc;line-height: 1rem;font-weight: normal;color: #fff;word-break: break-word;}
.hotspot-box .hotspot-content .table-wrap table td{padding: 0.5rem;border: 1px solid #ccc;line-height: 1rem;text-align: center;word-break: break-word;}
.hotspot-box .hotspot-content .table-wrap table .bg td{background-color: #e5f1f7;}
.hotspot-box .hotspot-content .table-wrap table .gray th{background-color: #a0a1a3;}
.hotspot-box .hotspot-content .table-wrap table .gray{background-color: #a0a1a3;}
.hotspot-box .hotspot-content .table-wrap table .red{background-color: #e61d25;}
.hotspot-box .hotspot-content .table-wrap table .yellow{background-color: #faef33;}
.hotspot-box .hotspot-content .table-wrap table .green1{background-color: #a4d055;}
.hotspot-box .hotspot-content .table-wrap table .green2{background-color: #53b351;}
.hotspot-box .hotspot-content .table-wrap table .red-yellow{background-image: linear-gradient(90deg,#e61d25,#faef33);}
.hotspot-box .hotspot-content .table-wrap table .yellow-green{background-image: linear-gradient(90deg,#faef33,#53b351);}
.hotspot-box .hotspot-content .pic-wrap{margin: 1rem 0;}
.hotspot-box .hotspot-content .pic-wrap .pic-name{padding-bottom: 1rem;line-height: 1rem;text-align: center;}
.hotspot-box .hotspot-content .pic-wrap .pic-name em{margin-right: 0.3rem;color: #c41c00;}
.hotspot-box .hotspot-content .info-list{}
.hotspot-box .hotspot-content .info-list li{margin-bottom: 0.5rem;line-height: 1.4rem;}
.hotspot-box .hotspot-content .info-list li span{position: relative;display: inline-block;padding-left: 1rem;color: #0F5ADE;}
.hotspot-box .hotspot-content .info-list li span:before{content: "";position: absolute;left: 0;top: 0.45rem;width: 0.5rem;height: 0.5rem;background-color: #0F5ADE;border-radius: 50%;}
.hotspot-box .hotspot-content .pic-text-wrap{overflow: hidden;}
.hotspot-box .hotspot-content .pic-text-wrap > .con-l{float: left;width: 32rem;}
.hotspot-box .hotspot-content .pic-text-wrap > .con-r{margin-left: 34rem;}
.hotspot-box .hotspot-content .pic-text-wrap p{line-height: 2.3rem!important;}
.hotspot-box .blue-line{height: 1.5rem;border-top: 0.8rem solid #0F5ADE;border-bottom: 0.3rem solid #0F5ADE;}
.hotspot-box .bottom-func-wrap{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin-top: 1rem;color: #3D3D3D;}
.hotspot-box .bottom-func-wrap > .con-l{width: 45%;}
.hotspot-box .bottom-func-wrap > .con-r{width: 45%;display: flex;justify-content: flex-end;align-items: center;padding-top: 1rem;}
.hotspot-box .bottom-func-wrap .related-links .tit{font-weight: bold;}
.hotspot-box .bottom-func-wrap .related-links .list li{margin-top: .5rem;}
.hotspot-box .bottom-func-wrap .related-links .list li a{display: inline-flex;border-bottom: 1px solid rgba(15,90,222,.5);line-height: 2rem;color: #0F5ADE;transition: .3s;}
.hotspot-box .bottom-func-wrap .related-links .list li a:hover{transform: translateX(.3em);}
.hotspot-box .bottom-func-wrap .item{display: inline-flex;align-items: center;margin-left: 3rem;}
.hotspot-box .bottom-func-wrap .item:first-child{margin-left: 0;}
.hotspot-box .bottom-func-wrap .item .tit{margin-right: .8rem;}
.hotspot-box .bottom-func-wrap .item .icon{position: relative;width: 2rem;height: 2rem;}
.hotspot-box .bottom-func-wrap .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;margin: auto;filter: grayscale(1);opacity: .5;}
.hotspot-box .bottom-func-wrap .item .icon.youtube{width: 2.6rem;}
.hotspot-box .bottom-func-wrap .item.share .icon{margin-left: .8rem;transition: .3s;}
.hotspot-box .bottom-func-wrap .item.share .icon:first-child{margin-left: 0;}
.hotspot-box .bottom-func-wrap .item.share .icon:hover img{filter: none;opacity: 1;}

/*20240326新增*/
/*顶部标题*/
.hotspot-box .top-title{display: flex;flex-direction: column;align-items: flex-start;overflow: hidden;padding: .5em 0;margin-bottom: 1em;border-top: 1px solid #0F5ADE;border-bottom: 1px solid #0F5ADE;font-size: 1.2rem;line-height: 1.4;font-weight: bold;color: #0F5ADE;}
.hotspot-box .top-title span:first-child{position: relative;}
.hotspot-box .top-title span:first-child::after{content: '';display: none;position: absolute;left: calc(100% + .5em);top: .5em;width: 1000px;height: 2px;background-color: currentColor;}
/*简介*/
.hotspot-box .brief{margin: 1.5em 0;line-height: 1.33;}
/*介绍信息*/
.hotspot-box .intro-wrap{margin-bottom: 50px;}
.hotspot-box .intro-wrap .pic{float: left;width: 50%;margin: 0 2em .5em 0;overflow: hidden;}
.hotspot-box .intro-wrap .pic em{display: block;padding-top: 66.6%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.hotspot-box .intro-wrap .txt{line-height: 1.33;}
.hotspot-box .intro-wrap .txt p{margin-bottom: 1em;}
/*人员简介*/
.hotspot-box .person-brief{display: flex;align-items: center;flex-wrap: wrap;}
.hotspot-box .person-brief > .con-l{width: 47%;box-sizing: border-box;padding: 0 2.5rem;}
.hotspot-box .person-brief > .con-r{width: 53%;}
.hotspot-box .person-brief .info .tit{margin-bottom: 1em;}
.hotspot-box .person-brief .info .tit i{margin-right: .6em;color: #0F5ADE;}
.hotspot-box .person-brief .info .txt{line-height: 1.33;}
.hotspot-box .person-brief .pic{border-radius: .4rem;overflow: hidden;}
.hotspot-box .person-brief .pic em{display: block;padding-top: 66.6%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*技术热点页*/
	.hotspot-box{padding: 0;}
	.hotspot-box .top-brief{padding: 1rem 0;}
	.hotspot-box .top-brief > .con-l{width: 100%;}
	.hotspot-box .top-brief > .con-r{width: 100%;margin-top: 1rem;}
	.hotspot-box .hotspot-content{margin-top: 1rem;}
	.hotspot-box .hotspot-content > .con-l{float: none;width: 100%;}
	.hotspot-box .hotspot-content > .con-r{float: none;width: 100%;}
	.hotspot-box .hotspot-content .section{margin-bottom: 1.5rem;}
	.hotspot-box .hotspot-content .section > .title{margin-bottom: 1rem;line-height: 1.2;}
	.hotspot-box .hotspot-content .section > .title span{font-size: 1.4rem;margin-right: 0.15rem;}
	.hotspot-box .hotspot-content .section > .content p{margin-bottom: 1em;}
	.hotspot-box .hotspot-content .special-wrap > .content .item{width: 100%;}
	.hotspot-box .hotspot-content .table-wrap table th{padding: 0.25rem;}
	.hotspot-box .hotspot-content .table-wrap table td{padding: 0.25rem;}
	.hotspot-box .hotspot-content .pic-text-wrap > .con-l{float: none;width: 100%;}
	.hotspot-box .hotspot-content .pic-text-wrap > .con-r{margin-left: 0;}
	.hotspot-box .hotspot-content .pic-text-wrap p{line-height: 1.4rem!important;}
    .hotspot-box .bottom-func-wrap > .con-l{width: 100%;}
    .hotspot-box .bottom-func-wrap > .con-r{width: 100%;justify-content: flex-start;padding-top: 0;}
    .hotspot-box .bottom-func-wrap .related-links{margin-bottom: 2rem;}
    .hotspot-box .bottom-func-wrap .related-links .list li a{line-height: 1.2rem;}
	.hotspot-box .bottom-func-wrap .item{margin-left: 1rem;}
	.hotspot-box .bottom-func-wrap .item .tit{margin-right: .4rem;}
	.hotspot-box .bottom-func-wrap .item .icon{width: 1.5rem;height: 1.5rem;}
	.hotspot-box .bottom-func-wrap .item.share .icon{margin-left: .4rem;}

	/*20240326新增*/
	.hotspot-box .top-title{font-size: 1rem;}
	/*介绍信息*/
	.hotspot-box .intro-wrap{margin-bottom: 1rem;}
	.hotspot-box .intro-wrap .pic{float: none;width: 100%;margin: 0 0 1em;}
	/*人员简介*/
	.hotspot-box .person-brief{flex-direction: column-reverse;margin-bottom: 1.5rem;}
	.hotspot-box .person-brief > .con-l{width: 100%;padding: 0;margin-top: 1rem;}
	.hotspot-box .person-brief > .con-r{width: 100%;}
	.hotspot-box .person-brief .info .tit{text-align: center;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    
}