/*初始化页面样式*/
 body,ul,li,dt,dl,dd,input,form,button,h3,*{
     margin: 0px;
     padding: 0px;
     list-style:none;
}
 ul,li{
     list-style: none;
}
 body{
     font-size: 12px;
     background-color: #F2F2F2;
}
 img{
     border:0px;
}
 a{
     text-decoration: none;
}
 a:hover{
     text-decoration: underline;
}
/*定义常用功能*/
 .clear{
     clear: both;
     margin-top: 5px;
}
/*定义页面宽度*/
 .topMain,.head,.main,.navMain,.crumbs{
     width: 1100px;
     margin: 0px auto;
}
 .head,.crumbs,.main{
     background-color: #ffffff;
     box-shadow: 0px 5px 10px #cccccc;
}
 .main{
     padding-bottom:10px;
}
/*页面顶部样式*/
 .top{
     width: 100%;
     height: 30px;
     line-height: 30px;
     color:#ffffff;
     background-color: #333333;
}
 .top a{
     color: #ffffff;
}
 .topRight{
     float: right;
}
/*页面头部样式*/
 .head{
     height: 90px;
     background-color: #ffffff;
}
 .logo{
     float: left;
}
 .logo img{
     margin-top:14px;
}
 .topAd{
     float: left;
     width: 680px;
     height: 100%;
     text-align: center;
     line-height:90px;
     font-size: 60px;
     color: #dddddd;
}
/*头部搜索样式*/
 .topSearch{
     float: right;
     height: 30px;
     margin: 30px 0px;
     width: 230px;
}
 .searchInput{
     height: 28px;
     line-height: 28px;
     border:1px solid #1B8DE6;
	 padding-left:5px;
	 box-sizing:border-box;
}
 .searchButton{
     height: 30px;
     line-height: 30px;
     border:0px;
     background-color: #1B8DE6;
     color: #ffffff;
     padding: 0px 10px;
}
/*页面导航样式*/
 .nav{
     width: 100%;
     height: 45px;
     line-height: 45px;
     background-color: #1B8DE6;
}
 .navMain{
     padding: 0px;
}
 .navMain li{
     float: left;
}
 .navMain li h3{
     height:45px;
}
 .navMain h3 a{
     padding: 0px 15px;
     color: #ffffff;
     font-size: 16px;
     font-family: "微软雅黑","黑体";
     display:inline-block;
     font-weight:100;
}
 .navMain h3 a:hover,.navMain h3 .navOn{
     background-color: #1372DE;
     text-decoration: none;
}
 .nextNav{
    width:108px;
     position:fixed;
     background-color:#ffffff;
     border-left:1px solid #dddddd;
     border-right:1px solid #dddddd;
     display:none;
}
 .nextNav a{
     width:100%;
     text-align:center;
     clear:both;
     float:left;
     height:30px;
     line-height:30px;
     border-bottom:1px solid #eeeeee;
     color:#446A88;
}
 .nextNav a:hover{
     text-decoration:none;
     background-color:#fafafa;
}
/*面包屑导航样式*/
 .crumbs{
     height: 35px;
     line-height: 35px;
     color: #636363;
     background-color: #ffffff;
	 margin-top:10px;
	 padding-left:10px;
	 box-sizing:border-box;
}
 .crumbs a{
     color: #636363;
}
/*首页主图位置*/
 .indexMainTop{
     overflow: hidden;
}
 .indexImg{
     width: 270px;
     height: 200px;
     float: left;
}
 .indexMainRight{
     width: 820px;
     float: right;
}
 .hotUlLeft{
     width: 400px;
     float: left;
}
 .hotUlRight{
     width: 410px;
     float: right;
}
 .hotUlLeft,.hotUlRight{
     line-height: 24px;
     border: 1px solid #1B8DE6;
}
 .hotUlLeft ul,.hotUlRight ul{
     padding: 2px 0px;
}
 .hotUlLeft span,.hotUlRight span{
     width: 18px;
     height: 18px;
     line-height: 18px;
     text-align: center;
     display: inline-block;
     margin:0px 15px;
     background-color: #FA8F05;
     color: #ffffff;
}
/*首页列表*/
.indexList{
    width: 362.5px;
    float: left;
    margin-right: 6px;
    line-height: 28px;
    margin-bottom: 15px;
	height:350px;
}
.indexList:nth-child(3n){
	margin-right:0;
}
 .indexList ul{
     padding: 10px 0px;
}
 .indexList li{
     border-bottom: 1px dashed #dddddd;
     padding-left: 9px;
}
 .indexList li a{
     color: #333333;
}
 .indexList li span{
     float: right;
     padding-right: 4px;
}
 .last{
     float: right;
     margin-right: 0px;
     width: 269px;
}

/* 文章更新*/
.indexList-new{
    width: 720px;
    float: left;
    margin-right: 6px;
    line-height: 28px;
    margin-bottom: 15px;
	height:350px;
}

 .indexList-new ul{
     padding: 10px 0px;
}
 .indexList-new li{
     border-bottom: 1px dashed #dddddd;
     padding-left: 9px;
}
 .indexList-new li a{
     color: #333333;
}
 .indexList-new li span{
     float: right;
     padding-right: 4px;
}

/*热门点击*/
.indexList-hot{
    width: 374px;
    float: left;
    line-height: 28px;
    margin-bottom: 15px;
	height:350px;
}

 .indexList-hot ul{
     padding: 10px 0px;
}
 .indexList-hot li{
     border-bottom: 1px dashed #dddddd;
     padding-left: 9px;
}
 .indexList-hot li a{
     color: #333333;
}
 .indexList-hot li span{
     float: right;
     padding-right: 4px;
}
 .listTitle-hot{
     height: 35px;
     line-height: 35px;
     background-color: #1B8DE6;
     color: #ffffff;
     padding: 0px 15px;
}

/* 两列列表布局 */
.two-column-list {
    display: flex;
    flex-wrap: wrap;
}
.two-column-list li {
    width: 50%;
    box-sizing: border-box;
}
.two-column-list li:nth-child(odd) {
    padding-right: 5px;
}
.two-column-list li:nth-child(even) {
    padding-left: 5px;
}

 .listTitle-new{
     height: 35px;
     line-height: 35px;
     background-color: #1B8DE6;
     color: #ffffff;
     padding: 0px 15px;
}



/*页面main样式*/
 .indexMainAd{
     height: 90px;
     line-height: 90px;
     text-align: center;
}
 .listTitle{
     height: 35px;
     line-height: 35px;
     background-color: #1B8DE6;
     color: #ffffff;
     padding: 0px 15px;
}
 .mainLeft{
     width: 760px;
     min-height: 300px;
     border-top:2px solid #1790EB;
     float: left;
}
 .mainRight{
    width:330px;
     min-height: 300px;
     float: right;
     border-left:1px solid #dedede;
}
/*热门栏目样式*/
 .hotType{
     padding: 10px 0px 5px 10px;
     overflow: hidden;
}
 .hotType a{
     width: 100px;
     height: 25px;
     line-height: 25px;
     text-align: center;
     display: inline-block;
     float: left;
     background-color: #F2F2F2;
     margin-right: 5px;
     margin-bottom: 5px;
    color:red;
}
 .hotType a:hover{
     background-color: #BBDFFF;
     text-decoration: none;
}
/*列表页样式*/
 .listUl{
     color: #333333;
     font-size: 14px;
     padding: 10px;
     border-bottom: 1px dashed #C6C6C6;
}
 .listUl li{
     height: 30px;
     line-height: 30px;
}
 .listUl li span{
     float: right;
}
 .listUl a{
     color: #333333;
}
 .pageBox{
     padding: 14px 0px;
     height: 32px;
     text-align: center;
}
 .pageUl{
     overflow: hidden;
     width: 680px;
     margin: 0px auto;
}
 .pageUl li{
    float: left;
     height: 30px;
     line-height: 30px;
     border:1px solid #999999;
     color: #333333;
     margin-right: 5px;
     cursor:pointer;
     padding:0px 3px;
}
 .pageUl li a{
    display:inline-block;
     padding: 0px 8px;
     color:#333333;
}
 .pageUl li:hover,.pageUl .thisclass{
     background-color: #00aaff;
     color: #ffffff;
     display: block;
     border-color: #00aaff;
}
 .pageUl li:hover a{
     color:#ffffff;
     text-decoration: none;
}
 .pageUl .thisclass{
     padding:0px 10px;
}
/*文章页样式*/
 .mainLeft h1{
     text-align: center;
     padding:15px 0px;
}
 .author{
     font-size: 12px;
     color: #333333;
     width: 100%;
     display: inline-block;
     text-align: center;
     padding-bottom: 20px;
}
 .articleBody,.changYan,.sameMain{
     padding: 10px;
     overflow: hidden;
}
.sameMain{
	width:755px;
	height:250px;
	box-sizing:border-box;
	overflow:hidden;
}
.sameMain img{
	object-fit:cover;
	width:755px;
	height:250px;
}
 .articleBody{
    font-size: 14px;
     line-height: 24px;
}
.articleBody p{
	margin-bottom:15px;
}
.articleBody img{
	display:block;
	width:100%;
	max-width:700px;
	margin:0 auto;
}
.articleBody h2, .articleBody h3, .articleBody h4{
	margin-bottom:15px;
}
 .sameLeft{
     float: left;
     width: 300px;
     height: 250px;
}
 .sameRight{
     width: 430px;
     float: right;
     line-height: 25px;
     font-size: 14px;
}
 .sameRight a{
     color: #333333;
}
 .changYan{
     border-top: 2px solid #00aaff;
     padding-top: 0px;
}
 .prevNext{
     line-height: 30px;
     padding: 10px;
     font-size: 14px;
}
 .prevNext a{
     color: #000000;
}
/*软件页面样式*/
 .softTop{
     overflow: hidden;
     padding-bottom: 10px;
}
 .softLeft{
     width: 370px;
     height: 280px;
     float: left;
	 padding
}
.softLeft img{
	width:370px;
	height:280px;
	object-fit:cover;
}
 .softRight{
     width: 380px;
     float: right;
}
 .softRight dl{
     clear: both;
     border-bottom:1px solid #F0F0F0;
}
 .softRight dl dt,.softRight dl dd{
     float: left;
     height: 30px;
     line-height: 30px;
}
 .softRight dl dt{
     width: 70px;
     text-align: center;
     border-left: 1px solid #F0F0F0;
     border-right: 1px solid #F0F0F0;
}
 .softRight dl dd{
     padding-left: 10px;
}
 .downloadLink{
     padding: 15px 0px;
     overflow: hidden;
}
 .downloadLink li{
     float: left;
     margin-right: 10px;
}
 .downloadLink a{
     width: 150px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     display: inline-block;
     border: 1px solid #D8D8D8;
     color: #035CA0;
}
 .downloadLink a:hover{
     text-decoration: none;
     background-color: #f8f8f8;
}
 .downExp li{
     height: 30px;
     line-height: 30px;
}
/*列表、文章右侧样式*/
 .rightUl{
     padding: 10px;
}
 .rightUl a{
     color: #333333;
}
 .rightUl li{
     height: 35px;
     line-height: 35px;
     font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .rightUl li span{
     width: 18px;
     height: 18px;
     line-height: 18px;
     text-align: center;
     background-color: #FF8185;
     color: #ffffff;
     display: inline-block;
     margin-right: 10px;
}
/*友情链接样式*/
 .linkMain{
     height: 40px;
     line-height: 40px;
     padding:0px 15px;
}
 .linkMain a{
     color: #333333;
	 margin-right:10px;
}
/*页面底部样式*/
 .foot{
     width: 100%;
     min-height: 50px;
     text-align: center;
     padding: 20px 0px;
     background-color: #666666;
     color: #ffffff;
     line-height:28px;
}
 .foot a{
     color: #ffffff;
}
/*时间样式*/
 .newDate{
    color:red;
    font-style:normal;
	float:right;
}
/*QQ爱技术网修改仿制删除此行代码会失效 QQ爱技术网 唯一QQ1030984531*/
 em{
    font-style: normal
}

/*幻灯片样式*/
.slideshow-container {
    position: relative;
    width: 270px;
    height: 280px;
    overflow: hidden;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.slide.active {
    opacity: 1;
}

.flashnews {
    width: 100%;
    height: 100%;
}

.flashnews img {
    width: 270px;
    height: 280px;
    object-fit: cover;
}

.slideshow-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

.slideshow-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.slideshow-dots .dot.active {
    background-color: #fff;
}

.pagination{
	text-align:center;
	line-height: 50px;
	margin: 30px 0;
}
.pagination li{
	display:inline-block;
	margin-right: 10px;
}
.pagination li a{
	padding:5px 10px;
	border:1px solid #1B8DE6;
	text-decoration:none;
}
.pagination .active a, .pagination li a:hover{
	background:#1B8DE6;
	color:white;
	border:1px solid #1B8DE6;
}