@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;background-color: #fff;font-family: 'PingFang SC','Microsoft YaHei','Source Han Sans CN';font-size: 14px;-webkit-font-smoothing: antialiased;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;vertical-align: top;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei','Source Han Sans CN';font-size: 14px;color: #333;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei','Source Han Sans CN';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei','Source Han Sans CN';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 6px;height: 6px;background: #eee;border-radius: 3px;}
body *::-webkit-scrollbar-thumb{background: #CF2020;border-radius: 3px;}
/*常用宽度*/
.w1800{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1800px;}
.w1700{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1700px;}
.w1600{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1600px;}
.w1500{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1500px;}
.w1440{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1440px;}
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用字号*/
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}

/*技术热点页*/
.hotspot-box{background-color: #fff;font-family: 'Source Han Sans CN';}
.hotspot-box *{box-sizing: border-box;-webkit-box-sizing: border-box;}
.hotspot-box .top-banner{padding-top: 55%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.hotspot-box .top-brief{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 60px 0;border-bottom: 1px solid #ACACAC;line-height: 1.6;}
.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: 30px;}
.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: 40px;}
.hotspot-box .hotspot-content .section > .title{display: flex;align-items: center;padding-bottom: .5em;margin-bottom: 1em;border-bottom: 1px solid #cfcfcf;font-size: 24px;line-height: 1.6;font-weight: bold;text-transform: capitalize;}
.hotspot-box .hotspot-content .section > .title span{vertical-align: top;margin-right: .2em;font-size: 48px;font-weight: normal;color: #999;}
.hotspot-box .hotspot-content .section > .title.blue{color: #009ADC;}
.hotspot-box .hotspot-content .section > .title.blue span{color: #009ADC;}
.hotspot-box .hotspot-content .section > .content{line-height: 1.6;text-align: justify;}
.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: #009ADC;}
.hotspot-box .hotspot-content .font-blue{color: #009ADC;}
.hotspot-box .hotspot-content .special-wrap{padding: 10px;border: 1px solid #009ADC;color: #009ADC;}
.hotspot-box .hotspot-content .special-wrap > .title{margin-bottom: 10px;}
.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: 10px;}
.hotspot-box .hotspot-content .special-wrap > .content .item .list{}
.hotspot-box .hotspot-content .special-wrap > .content .item .list li{position: relative;padding-left: 25px;margin-bottom: 10px;line-height: 20px;}
.hotspot-box .hotspot-content .special-wrap > .content .item .list li:before{content: "";position: absolute;left: 0;top: 5px;width: 10px;height: 10px;background-color: #009ADC;border-radius: 50%;}
.hotspot-box .hotspot-content .table-wrap{margin: 20px 0;overflow-x: auto;}
.hotspot-box .hotspot-content .table-wrap .table-name{padding: 10px 0;line-height: 20px;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: 10px;background-color: #009ADC;border: 1px solid #ccc;line-height: 20px;font-weight: normal;color: #fff;word-break: break-word;}
.hotspot-box .hotspot-content .table-wrap table td{padding: 10px;border: 1px solid #ccc;line-height: 20px;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: 20px 0;}
.hotspot-box .hotspot-content .pic-wrap .pic-name{padding-bottom: 20px;line-height: 20px;text-align: center;}
.hotspot-box .hotspot-content .pic-wrap .pic-name em{margin-right: 6px;color: #c41c00;}
.hotspot-box .hotspot-content .info-list{}
.hotspot-box .hotspot-content .info-list li{margin-bottom: 10px;line-height: 28px;}
.hotspot-box .hotspot-content .info-list li span{position: relative;display: inline-block;padding-left: 20px;color: #009ADC;}
.hotspot-box .hotspot-content .info-list li span:before{content: "";position: absolute;left: 0;top: 9px;width: 10px;height: 10px;background-color: #009ADC;border-radius: 50%;}
.hotspot-box .hotspot-content .pic-text-wrap{overflow: hidden;}
.hotspot-box .hotspot-content .pic-text-wrap > .con-l{float: left;width: 640px;}
.hotspot-box .hotspot-content .pic-text-wrap > .con-r{margin-left: 680px;}
.hotspot-box .hotspot-content .pic-text-wrap p{line-height: 46px!important;text-align: justify;}
.hotspot-box .blue-line{height: 30px;border-top: 16px solid #009ADC;border-bottom: 6px solid #009ADC;}

/*20240326新增*/
/*顶部标题*/
.hotspot-box .top-title{display: flex;flex-direction: column;align-items: flex-start;overflow: hidden;margin-bottom: .6em;font-size: 36px;line-height: 1;font-weight: bold;color: #009ADC;}
.hotspot-box .top-title span{margin-bottom: .4em;}
.hotspot-box .top-title span:first-child{position: relative;}
.hotspot-box .top-title span:first-child::after{content: '';position: absolute;left: calc(100% + .5em);top: .5em;width: 1000px;height: 2px;background-color: currentColor;}
/*简介*/
.hotspot-box .brief{margin: 1.5em 0;line-height: 2;}
/*介绍信息*/
.hotspot-box .intro-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
.hotspot-box .intro-wrap > .con-l{width: 52%;}
.hotspot-box .intro-wrap > .con-r{width: 44%;}
.hotspot-box .intro-wrap .pic{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 .info .txt{line-height: 2;}
.hotspot-box .intro-wrap .info .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 50px;}
.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: #009ADC;}
.hotspot-box .person-brief .info .txt{line-height: 2;}
.hotspot-box .person-brief .pic{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){
	/*常用字号*/
	.fz16{font-size: 14px;}
	.fz18{font-size: 16px;}
	.fz20{font-size: 18px;}
	.fz22{font-size: 20px;}
	.fz24{font-size: 22px;}
	.fz26{font-size: 24px;}
	.fz28{font-size: 26px;}
	.fz30{font-size: 28px;}
	.fz32{font-size: 30px;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*常用字号*/
	.fz16{font-size: 14px;}
	.fz18{font-size: 16px;}
	.fz20{font-size: 16px;}
	.fz22{font-size: 18px;}
	.fz24{font-size: 18px;}
	.fz26{font-size: 20px;}
	.fz28{font-size: 20px;}
	.fz30{font-size: 22px;}
	.fz32{font-size: 22px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    /*常用字号*/
    .fz16{font-size: 14px;}
    .fz18{font-size: 14px;}
    .fz20{font-size: 16px;}
    .fz22{font-size: 16px;}
    .fz24{font-size: 18px;}
	.fz26{font-size: 18px;}
	.fz28{font-size: 20px;}
	.fz30{font-size: 20px;}
	.fz32{font-size: 20px;}

	/*技术热点页*/
	.hotspot-box{padding: 0;}
	.hotspot-box .hotspot-content{margin-top: 10px;}
	.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: 30px;}
	.hotspot-box .hotspot-content .section > .title{margin-bottom: 10px;font-size: 16px;line-height: 1.2;}
	.hotspot-box .hotspot-content .section > .title span{font-size: 28px;margin-right: 3px;}
	.hotspot-box .hotspot-content .section > .content p{margin-bottom: .5em;}
	.hotspot-box .hotspot-content .special-wrap > .content .item{width: 100%;}
	.hotspot-box .hotspot-content .table-wrap table th{padding: 5px;}
	.hotspot-box .hotspot-content .table-wrap table td{padding: 5px;}
	.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: 28px!important;}

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