@charset "utf-8";
/* CSS Document */

/*通用样式*/
ul, li { list-style: none;}
.gray{ color: #767676}
.am-breadcrumb{ margin-top: 1rem; margin-bottom: 1rem}
.field-main .am-img-responsive{ max-width: none !important}

/********广告************/
.article-ad {
    width: 1280px;
    margin: 0 auto 20px;
}
a.blue:link {
  color: #71d1ff;
  text-decoration: none;
}
a.blue:visited {
  color: #71d1ff;
  text-decoration: none;
}
a.blue:active, a.blue:hover {
  color: #71d1ff;
  text-decoration: underline;
}
.gray {
  color: #96b6df;
}
a.gray:link {
  color: #96b6df;
  text-decoration: none;
}
a.gray:visited {
  color: #96b6df;
  text-decoration: none;
}
a.gray:active, a.gray:hover {
  color: #96b6df;
  text-decoration: underline;
}
/***********文库导航整体************/
/****导航通用****/
.wk-nav{border: 0px solid #D8D8D8;  }

.wk-nav ul{ margin: 0}
.lm_tit{ background: #0068ff; color: #fff !important; font-weight: 600;text-align: center;padding: 0 1em}
.lm_tit a,.lm_tit a:hover{background: #0068ff; color: #fff !important}
.wk-nav li{ font-size:16px; line-height: 58px; }

.wk-nav .am-nav > li > a { padding: 0 1em;}
.wk-nav .am-nav > li > a:hover{font-weight: bold}
.wk-nav .am-nav .lm_tit  > a{padding: 0;}
.wk-nav .am-nav .lm_tit  > a:hover {font-weight: inherit;}
.wk-nav .am-nav .lm_tit  > a:visited {font-weight: inherit;}

@media only screen and (min-width:769px) { /*PC端*/
	.wk-nav {display: flex; justify-content: space-between;align-items: center;height: 60px;margin-bottom: 20px;}
	.lm_tit{font-size:24px !important;}
}

@media only screen and (max-width:768px) { /*手机端*/
	.wk-nav{width: 100%; overflow-x: auto; overflow-y: auto}
	.wk-nav .am-nav{ width: 600px;}
	.wk-nav li {font-size: 14px;line-height: 34px;}
	.lm_tit{font-size:16px !important;}
}
/****导航专用****/
.menu-item{margin-bottom: 20px;}
@media only screen and (max-width:768px) { /*手机端*/
.wk-nav .am-nav{ width: 1200px;}	
	
.wk-nav-item{display: flex; justify-content: space-between  }
.wk-nav-left{width: 90%;}
.wk-nav-right{
	width: 10%;
	text-align: center;
  border: 1px solid #dfdede;
  background-color: #dfdede;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
    align-items: center;
    justify-content: center;
	}

	.wk-nav-right img {width: 27px;margin-top: 1px;}
}
	@media only screen and (min-width:769px) { /*PC端*/
	.wk-nav-right{display: none;}
}

/* 搜索 start */
/* .tool_bar .selectbox{
    width: 200px;
    height: 42px;
    border-radius: 6px;
    opacity: 1;
    box-sizing: border-box;
    border: 2px solid #D8D8D8;
} */
/* 搜索 end */

/* 轮播banner start */
.am-slider .am-slides > li{
    background: #060606;
}


.am-slider .am-slides img{
    width: auto;
    margin: 0 auto;
    display: block;
}
/* 轮播banner end */


/*文库导航 两层级*/
.article-nav-item{margin-bottom: 3rem;}
 .article-nav-item .zlnav .warp ul{
    display: flex;
   justify-content: space-between;;
    align-items: center;
	
  }

.article-nav-item .clearfix{
    background: #002253;
    }

.zlnav {
	/* border: #D8D8D8 1px solid; */
	margin-top: 15px;
	}
.zlnav ul{ margin-top: 0; margin-bottom: 0;padding-left: 0}
.zlnav li{ height: 60px;text-align: center}
.zlnav li a{display: block;padding: 0 1em;height: 60px; line-height: 60px}

.zlnav li a:hover {
    text-decoration: none;
    background-color: #002253;
}

.zlnav .on a{border-bottom:3px solid #e43030;color:#FBB957;}



.lm_bt{background: #0068ff;
  color: #fff !important;
  font-weight:bold;
  border: #002253;
}
.lm_bt a{color: #fff !important;}
.zlnav .lm_bt a{margin-right: 0;}
.zlnav .lm_bt a:hover {
  text-decoration: none !important;
  background-color: #f86a24 !important; 
}
.zlnav li a{
	display:block;
	margin-right:18px;
	font-size:14px;
	cursor:pointer;
	position: relative;
	}

@media only screen and (min-width:769px) { /*PC端*/
.zlnav .lm_bt a{
    font-size: 24px !important;
  }
}

@media only screen and (max-width:768px) { /*手机端*/
	.zlnav li{height: 40px;}
	.zlnav li a{font-size:14px;
  height: 40px;
  line-height: 40px;}
	.zlnav .lm_bt a{
    font-size: 16px !important;
  }
}
.zlnav2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
	margin-top:15px;
	}
.zlnav2 li {
	float:left;
	}
.zlnav2 li span {
	display:block;
	padding-left:5px;
	padding-right:5px;
	margin-right:18px;
	font-size:16px;
	height:36px;
	line-height:34px;
	cursor:pointer;
	}
.zlnav2 li span:hover {
	color:#0171c3;
	border-bottom:3px solid #0171c3;
	}
.zlnav2 .on span {
	border-bottom:3px solid #0171c3;
	color:#0171c3;
	}

.hybw {background-color:#eaedf2; padding-top: 15px; padding-bottom:15px}
.article-nav-item .hybw .warp ul{
 display: flex;
   justify-content: space-between;;
    align-items: center;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
}


.hybw li {
	float:left;
	width:11.1111111%;
	font-size:14px;
	}
.hybw li a  {
	color:#494848;
	padding-left:10px;
	padding-right:10px;
	display:block;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow:ellipsis;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d4d4d4;
	
	}
.hybw li:last-child a{ border: none!important}
.hybw li a:hover      {
	color:#0073ff;
	-webkit-filter: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
	}
.hybw .on a      {
	color:#0073ff;
	font-weight:bold;
	}
@media only screen and (max-width: 768px) { /*手机端*/
.hybg {
    margin-top: 20px;
    margin-bottom: 20px;
	margin-left:10px;
	margin-right:10px;
    }
.hybg-main {
	margin-left:-5px;
	margin-right:-5px;
	}
.hybg .hot_list li {
    float: left;
    width: 100%;
}
	
	.article-nav-item .hybw .warp ul{flex-wrap: wrap}
	
	.article-nav-item .hybw .warp li{ margin-bottom: 5px}
.hyhot , .hytop {
	margin-left:10px;
	margin-right:10px;
	}
.hyhot li {
	float:left;
	width:50%;
	font-size:14px;

	}
.hyhot li a , .hyhot li span  {
	margin-right:10px;
	margin-bottom:10px;
	}
.hyhot-sm .hyhot-tit {
	width:100%;
	margin-bottom:15px;
	}
.hyhot-sm  li {
	float:left;
	width:33.333%;
	font-size:12px;
	}
.hyhot-sm  li a {
	line-height:30px;
	}
.hyhot .hyhot-tit ,.hyhot .hyhot-tit i {
	font-size:20px;
	}
.hytop-left , .hytop-right {
	width:100%;
	}
.hytop-left {
	margin-bottom:20px;
	}
.hytop-img2 , .hytop-txt2  {
	width:100%;
	}
.hytop-txt2 h3 , .hytop-txt h3 {
	margin-top:0%;
	font-size:14px;
	margin-bottom:0px;
	}
.hytop-txt {
    padding: 10px;
}
.hytop-txt2 {
    padding-top: 10px;
	padding-bottom: 10px;
}
.hytop-txt2 h3 ,  .hytop-txt2 p {
    padding-left: 10px;
}
.hyc-ss .textbox-2 {
	width:100px;
}
.hybw li {
	width:33.33%;
	font-size:12px;
	}
}

@media only screen and (max-width: 768px) {
  .zlnav {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
	 .zlnav .warp {
    width: 1200px;
  }
	  .zlnav li span {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 20px;
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    cursor: pointer;
  }
}

/************文库主体布局*****************/
.wk-main{ margin-bottom: 20px}
.wk-right{background: #002253;
    /* border: 1px solid #D8D8D8;  */
    padding: 10px}

@media only screen and (min-width:768px) {
	.wk-main{width: 100%; display: flex; justify-content: space-between; }
	.wk-right{width: 75%;padding: 20px}
	.wk-left{width: 23.5%;margin-right: 1.5%; }	
}

@media only screen and (max-width:768px) {
.wk-left{display: none}
}

/* 条件搜索框位置 start */
/* .am-container .flex_box .selectbox:first-child{
	margin-left: 0;
} */
/* 条件搜索框位置 end */

/**************文库列表左1 领域分类*******************/
.wk-left-list{ background: #ffffff;border: 1px solid #D8D8D8; margin-bottom: 20px;padding: 20px;}
.wk-left-list ul{margin-bottom: 0; }
.wk-left-list li{  font-size:18px; line-height: 2.5  }


@media only screen and (min-width:768px) {
	.wk-left-list ul{display: flex;flex-wrap: wrap; justify-content: space-between}
	.wk-left-list li{ list-style: none; width: 45%; }
	
}


/**************排行榜（通用）*******************/
.wk-left-rank{background: #002253}
.wk-left-rank .am-tabs{ margin: 0 }
.wk-left-rank .am-tabs-d2 .am-tabs-nav {background-color: #30468C;}
.wk-left-rank .am-tabs-d2 .am-tabs-nav > .am-active { border-bottom: 2px solid #e43030;}
.wk-left-rank .am-tabs-d2 .am-tabs-nav > .am-active{background: #30468C;}
.wk-left-rank .am-tabs-d2 .am-tabs-nav > .am-active a{ color: #FBB957}
.am-tabs-d2 .am-tabs-nav > .am-active::after{border-bottom: none;}
.am-tabs-nav{font-size:14px;}
.am-tabs-nav li{flex: auto !important;}

.rank-tab-tit{font-size:20px;font-weight: bold;line-height: 58px; }
.am-tabs-d2 .am-tabs-nav a,.am-tabs-d2 .am-tabs-nav > .am-active a {line-height: 58px;}
.am-tabs-d2 .am-tabs-nav li {height: 60px;}

.rank-content{padding-left: 0; }
.rank-content li{ list-style: none}
.wk-left-rank .am-nav > li > a{padding: 0.8em;}

.rank-row{font-size:14px;text-decoration: none;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 2.2}

.rank-order{padding-left: 5px; padding-right: 5px;font-weight: bold}

/* 左侧分类 start */

/* 左侧分类 end */

/**************文库列表左2 排行榜*******************/
.wk-left .wk-left-rank{ margin-bottom: 20px}


/*************文库左3 广告及微信***************/
.wk-left-ad{ margin-bottom: 20px}
.wk-left-wx{display: flex ; justify-content: space-between}
.wk-left-wx .wx-item{flex: 1}
.wx-name{ text-align: center}

/**************文库列表-右侧*******************/

.wk-right .wk-art-item{ padding-left: 0}
.wk-art-item{padding-bottom: 15px;border-bottom: 1px solid #30468C; margin-bottom: 15px;
}


.art-top-text > p > a{color: #C1D6FF}

.wk-art-bar span{
    color: #fff;
}

.art-bar-cont art-bar-key{
    color: #32ADE9;
}

.wk-art-item h2{font-size:18px; margin-top: 0;display: block;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;}
.wk-art-item p{
	font-size:14px; 
	color: #C1D6FF;
	overflow: hidden;
  display: block; height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.art-top-img{ float:left; margin-right: 15px;}
.art-top-img img{border: 1px solid #bcbdbd;}

/* 文库列表缩略图边框 start */
.wk-right .art-top-img img{
	border: 1px solid #30468C;
}
/* 文库列表缩略图边框 end */

.wk-art-bar{position: relative;color:#a7a7a7; font-size:12px;}

.art-bar-date,.art-bar-source,.art-bar-key{padding-right: 10px}
.wk-art-bar a{ color: #71d1ff}
.wk-art-bar a:hover{text-decoration: underline}
.art-bar-key a{margin-right: 5px;}

.pagination{display: flex; justify-content: space-between;align-items: center}
.page-l{ }

@media only screen and (max-width:768px) {
	.art-bar-message{ }
	.art-top-img {width: 120px;height: 101px;overflow: hidden;border: 1px solid #bcbdbd;}
	.wk-art-item h2{ font-size:16px; margin-bottom: 1rem}
	.art-top-text p{
		font-size:14px;
		margin-top: 0;
		overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;}
	.art-top-text-1 p{height: 59px;-webkit-line-clamp: 3 !important}
}

@media only screen and (min-width:769px) {
	.wk-art-item{ display: flex;
    justify-content: space-between; }
	
	.art-top-img{width: 60%;margin-right:2%}
	.art-top-img img{width: 100%; height: auto}
	.art-top-txt{width: 38%;}
	.art-bar-message{position: absolute;right: 0px;}
}


/*======== 领域页面 通用模板==========*/


/*第一行 编辑推荐*/
.field_lm{height: 60px; border:0px solid #30468C;background: #30468C;border-radius: 8px 8px 0px 0px;position: relative;}
.field_lm h2{line-height: 60px; text-align: center;font-size:22px;}


.field-bjtj .field-lm-box{height: 310px}
.field-lm-box img{border: 1px solid #bcbdbd;}

.bjtj-item{display: flex !important; justify-content:  flex-start; height: 310px;}
.bjtj-item img{ width: 440px !important; height: 310px;}

.bjtj-item-desc{width: 70%;background: #2B2E40; padding: 20px;width: 305px;}
.bjtj-item-desc h2{
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
	max-height: 60px;
	overflow: hidden;
	font-size:20px; 
	line-height: 1.5;	
}

.bjtj-item-desc p{
	line-height: 2;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}

.bjtj-item-desc a{text-decoration: none;color: #fff;}
.field-bjtj .am-slider-a1 .am-control-nav {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  line-height: 0;
  padding-left: 440px;
}
.bjtj-item-desc a.gray{color: #D8D8D8;}

.field-bjtj .am-slider-a1 .am-control-nav li a {width: 12px; height: 12px;background-color: rgba(255, 255, 255, 0.4); box-shadow: none}
.field-bjtj .am-slider-a1 .am-control-nav li a.am-active{background-color: #f86a24 }



/*第二行 典型案例、热门视频、精品资料*/

.field-lm-row2 .field-lm-sp-l{width: 44.5%;margin-right: 2%;}
.field-lm-row2 .field-lm-sp-r{width: 53.5%;}

.field-lm-box{margin-bottom: 20px}
.field-lm-row2 .field-lm-box{ height: 310px; }




.field-lm-sp{display: flex; }
.field-lm-sp-l{margin-right: 2%}
.field-lm-sp-r{ }
.field-lm-sp-l img{ width: 170px; height: 120px}

.field-lm-box a.gray{color: #D8D8D8;}
.article-tj .art-bar-message a{color: #a7a7a7}

.field-lm-sp-r p{
	height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	word-break: break-all;

  margin-top: 0px;
}
.article-tj .wk-art-item p {
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.gray-dotted-border{ border-bottom:2px dotted #D8D8D8; padding-top: 20px;  margin-bottom:   20px; }




.field-lm-box{background: #002253; border:0px solid #E5E5E5; border-top:0px;padding: 10px;border-radius: 0px 0px 8px 8px;line-height: 2;}
.field-lm-list{padding-left: 1em; margin-top: 0;margin-bottom: 0}
.field-imgtxt img{foat:left}
.field-lm-list li{ list-style: disc; line-height: 2;display: block;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }



/*领域中间广告位*/
.field-lm-sp h2 {
  font-size: 16px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 60px;
  overflow: hidden;
}
.field-middle-ad img{ width: 628px;height: 90px;margin-bottom: 20px;}


/*精品文章*/
.field-article-tj .am-tab-panel{background: #002253; padding: 20px 10px;}
.field-article-tj .wk-left-rank .am-tabs-d2 .am-tabs-nav{background: #30468C;border: 0px solid #ddd;}
.field-article-tj .wk-left-rank .am-tabs-d2 .am-tabs-nav > .am-active {background: #30468C;}
.field-article-tj .am-tabs-bd{background: #002253;}

.field-article-tj .wk-art-item{display: block;  padding-left: 0; padding-bottom: 18px; padding-bottom: 15px; margin-bottom: 18px;}
.field-article-tj .art-top-img{width: 24%;}
.field-article-tj .art-top-img img{ width:170px; height: 121px; }

.field-article-tj .art-top-text{width: 100%;}

.field-list-more{margin-top: 26px; margin-bottom: 26px; font-size:16px;}


/*EDA 领域精品文章*/
.field-article-tj .rank-tab-tit{position: absolute !important; left: 20px !important;z-index: 999;}
.field-article-tj .am-cf{ position: relative; padding-left: 100px; text-align: left}
.field-article-tj .am-cf li{ margin-left: 10px; display: inline-block; text-align: center;}


.EDA-tj .am-cf{display: block;}
.EDA-tj .am-tabs-nav{ height: 60px; overflow: hidden}
.EDA-tj .am-tabs-nav:hover{ height: 124px}

.EDA-tj .am-cf .am-active{ border: none !important}
.EDA-tj .am-cf li{height: 60px}
.EDA-tj .am-cf .am-active a{border-bottom: 2px solid #e43030; height:58px}
.EDA-tj .am-cf .am-active .underline-no{border:none !important}


/*产品大全*/
.cpdq-sp{display: flex; padding-left: 0}
.cpdq-sp-img{margin-right: 2%}
.cpdq-sp-tit{ display: flex; align-items: center}
.cpdq-sp-img img{width:150px; height: 104px;}
.field_lmtp_wbh{width: 170px;margin-top: -8px;}

/*责任编辑*/
.zrbj-item{display: flex; }
.zrbj-img{width: 34%;margin-right: 2%}
.zrbj-img img{ width:100px; height: 120px;  }
.zrbj-tit{width: 64%; display: flex; align-items: center}
.field-zrbj{position: relative}
.absolute-right{ position: absolute; right:5px;top:0}
.field-zrbj .am-btn{color: #fff;border-radius: 3px;}
.absolute-right a{font-size:12px;}



/*友情链接*/
.field-link .field_lm{position: relative}
.field-link a{padding-right: 10px;}

.field-link .field-lm-box{ padding: 20px; line-height: 1.8}

.bg-blue{background: #30468C  !important}
.bg-skin{background: #30468C}



/*======== 领域页面 通用模板2==========*/
.field2 [data-am-widget="tabs"] {margin: 0;}

.field2 .am-tabs-bd{ height: 310px; border: none}

.field2 .am-tabs-d2 .am-tabs-nav{ }


.field-lm-case .field_lm h3{font-size:1.8rem}


.field2 .field-lm-case .am-tabs-d2 .am-tabs-nav > .am-active{border-radius: 8px 8px 0px 0px;background-color: #0068ff;border-bottom: 2px solid #0068ff;color: #FFF;}
.field2 .field-lm-case .am-tabs-d2 .am-tabs-nav > .am-active a{color: #FFF;}

.field2 .field-middle-ad img {width: 1280px;height: 110px;}
.field2 .field-bottom-ad img{ width: 847px; height: 80px; margin-bottom: 20px;}
.field2 .field-lm-row3 .am-u-md-8{padding-left: 0; padding-right: 0}


.field2 .field-cpdq .field_lm h2{ text-align: left;padding-left: 10px;}



/*2025-10-14 EDA领域新增样式*/
.eda-cs img {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	}
.edalb img {
	width:100%;
	height:310px;
	}
.edalb .am-slider-default {
    margin: 0px;
}
.edalb .am-slider-default .am-control-nav li a {
    background-color: rgb(255 255 255 / 50%);
}
.edalb .am-slider-default .am-control-nav li a.am-active {
    background-color: #0e90d2;
}
.edalb .am-slider-default .am-control-nav {
    bottom: 15px;
    text-align: right;
}
.edalb .am-slider-default .am-slider-desc {
    font-size: 16px;
}

@media only screen and (max-width:768px) {
.field-middle-ad img , .field2 .field-bottom-ad img {
	width:100% !important;
	height:auto !important;
	}
.field_lm h2 {
    text-align: left;
    font-size: 20px;
    padding-left: 15px;
}
.field-article-tj .art-top-img {
    width: 45%;
}
.article-tj .wk-art-item p {
    height: 60px;
    -webkit-line-clamp: 3;
}
.bjtj-item {
    display: block !important;
    justify-content: flex-start;
    height: auto;
}
.bjtj-item img {
    width: 100% !important;
    height: auto;
}
.bjtj-item-desc {
    width: auto;
	margin-bottom: 20px;
}
.field-bjtj .am-slider-a1 .am-control-nav {
    bottom: 35px;
    padding-left: 0%;
}
.field_lm h2 {
    line-height: 48px;
}
.field_lm {
    height: 48px;
}
.field-lm-sp-l img {
    width: 150px;
    height: 110px;
}
.field-lm-sp-l {
    margin-right: 5%;
}
.field-lm-row2 .field-lm-sp-l {
   width:auto;
    margin-right: 5%;
}
}

@media screen and (min-width:769px) and (max-width:1366px) {
.field-middle-ad img {
    width: 100%;
    height: auto;
}
}