@charset "utf-8";
/*调试*/
.t_SiteMaster_header{height: 95px; margin: 0 auto;}
body #s4-workspace,body #s4-mainarea{_height:100%;}
body #s4-bodyContainer,body #MSO_ContentTable{_position:static!important;}
body #s4-mainarea{font-family:"Microsoft Yahei"; }
.t_SiteMaster_mainBody{overflow: hidden;zoom:1; margin: 0 auto;}
*{
	margin: 0;
    padding: 0;
    font-family:"Microsoft Yahei";
}
div {
    margin: 0;
    padding: 0;
    font-family:"Microsoft Yahei";
}
ul {
    list-style-type: none;
    font-family:"Microsoft Yahei";
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
li {
    margin: 0;
    padding: 0;
}
/*布局-----在每行第一个布局加clear:both 解决错位问题*/
.components1{width: 1400px;margin: 0 auto;}
/* .components31{ width:1200px; float:left;}
.components32{width:288px; float:left;}
.components33{width:888px; float:left;padding-left:24px;}
.components34{width:576px; float:left;padding-left:24px;}
.components35{width:288px; float:left;padding-left:24px;}
.components36{width:1200px; float:left;} */

/*
.components1{width:px; float:left;}
.components2{width:px; float:left;}
.components3{width:px; float:left;}
.components4{width:px; float:left;}
.components5{width:px; float:left;}
.components6{width:px; float:left;}
.components7{width:px; float:left;}
.components8{width:px; float:left;}
.components9{width:px; float:left;}
.components10{width:px; float:left;}
.components11{width:px; float:left;}
.components12{width:px; float:left;}
.components13{width:px; float:left;}
.components14{width:px; float:left;}
.components15{width:px; float:left;}
.components16{width:px; float:left;}
.components17{width:px; float:left;}
.components18{width:px; float:left;}
.components19{width:px; float:left;}
.components20{width:px; float:left;}
*/


/*页头*/
.ptr_header {background:url("../Images/logo.jpg") no-repeat left; }
/* 轮播图 */
.t_SiteMaster_Carousel{  margin-bottom: 50px;    position: relative;}
.slideBox{ width:100%; height:848px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:10%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px;border-radius: 50%;  line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ff9100; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;  width: 100%;height: 848px; }
.slideBox .bd li{ zoom:1; vertical-align:middle; width: 100%;height: 100%;}
/* 搜索条 */
.search-container {
    position: absolute;
    top: 70%;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    z-index: 998;
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* padding: 20px; */
    border-radius: 10px;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    /* text-align: center; */
    width: 100%;
    /* max-width: 600px; */
  }

  .search-bar {
    width: 600px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px;
    margin: 0 auto;    margin-top: 24px;
  }

  .search-bar input[type="text"] {
    flex: 1;
    padding: 10px;
    border: none;
    outline: none;
    font-size: 16px;
    border-left: 0px solid #ccc;
    margin-left: 9px;
    height: 10px;
  }

  .search-bar select {
    padding: 10px;
    border: none;
    /* border-right: 1px solid #ccc; */
    /* margin-right: 10px; */
    font-size: 16px;
    background-color: transparent;
    outline: none;
    color: #575757cc;
    padding-right: 0px;
    width: 98px;
  }

  .search-bar button {
    padding: 10px 20px;
    background-color: #ffffff;;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    display: flex;
    align-items: center;
  }

  .search-bar button i {
    margin-right: 5px;
  }

/*页脚*/
/* .ptr_footer{border-top:2px solid #c22a2e;}  */
.ptr_footer a:hover{color:#c22a2e;}
.ptr_footer {
    height: 78px;
   padding-top: 0px; 
    margin-top: 15px;
}
/*导航*/
.ptr_nav{color:#5d5d5d;}
.ptr_nav ul li a{color:#3e3e3e;    font-size: 16px;}
/* .ptr_nav ul li:hover{background-color:#bfac94;} */
 /* 温馨提示限号 */
 /*图片链接*/
.link{ width:800px; padding:0 5px; height:82px; background:#F6F6F6; float:left;}
dl {
    margin: 0;
    padding: 0;
}
dd {
    margin: 0;
    padding: 0;
}
.link dl{ width:72px; float:left; text-align:center;}
.link dt{ height:45px; padding-top:12px; }
.link dl .dt1{ display:block;}
.link dl .dt2{ display:none;}
.link dl:hover .dt1{ display:none;}
.link dl:hover .dt2{ display:block;}
.link dd{ height:20px; font-family:"微软雅黑"; font-size:12px;  color:#999999}

.link dd a:link,.link dd a:visited{ color:#999999; text-decoration:none;}
.link dd a:hover{ color:#cc0000; text-decoration:none;}
.link dl:hover a{ color:#cc0000; }
/*————————————————温馨提示————————————————/*
.wxts{ width:285px; height:82px; float:left; margin-left:5px; font-family:"宋体"; font-size:12px;  color:#999999; background:#F6F6F6 url(../images/wxts1.jpg) 12px 8px no-repeat; }*/
.wxts{ width:285px; height:82px; float:left; margin-left:5px; font-family:"宋体"; font-size:12px;  color:#999999; background:#F6F6F6 url(../../Images/2022/wxts.png) no-repeat; }
/*.wxts .rq{ width:285px; height:32px; line-height:32px; text-indent:90px; float: left;}*/
.wxts .rq{ width:285px; height:32px; line-height:32px; text-indent:90px; float: left;    font-size: 14px;    margin-top: 8px;}
.wxts .tq{ width:175px; height:35px;  float: left; position:relative; top: -2px; left:14px;}
#mobile4 .wtleft {width: 52px!important;}

/* .wxts .xx{ width:90px; height:50px; float: left; line-height:25px; text-align:center; padding-left: 20px;} */
.wxts .xx{float: left; line-height:25px; text-align:center; padding-left: 101px;font-size:14px}
.wxts .xx span{ color:#cc0000; font-size:20px; padding:5px;}

.gdxs-left{ width:1100px; height:24px; overflow:hidden; line-height:24px; float:left; margin:5px auto; background:#F6F6F6; font-family:"宋体"; font-size:12px;  color:#996666; }
.gdxs ul{ width:1100px; height:24px;}
.gdxs li{float:left;height:24px;width:1100px;overflow:hidden;}

 /* ————————————————温馨提示限号结束———————————————— */

 /* 部门导航开始 */
 /*————————————————站点导航————————————————*/
.zddh{ width:292px; border:1px solid #D6D6D6; }
.zddh .title{ height:38px; line-height:38px; font-size:18px; font-family:"微软雅黑"; color:#cc0000; margin-bottom:5px; background:#ECECEC url(../../Images/2022/line5.jpg) 0 0 no-repeat; text-indent:25px;}
.zddh ul{ padding:7px 0 7px 18px;}
.zddh li{ height:24px; line-height:24px; font-size:12px;font-family:"宋体";}
.zddh a:hover,.zddh a:visited,.zddh a:link{ color:#999; text-decoration:none;}
.w135 li{ width:135px; float:left;}
.clear {
    clear: both;
}

 /* ————————————————部门导航结束———————————————— */
 
/*下拉菜单公用样式*/
.ptr_dorpmenu{}
/* .ptr_dorpmenu li .sub a:hover{background-color:#c22a2e;color:#fff;} */

/*多级下拉菜单公用样式*/
.ptr_multilayer li ul{width:70px;} /*这是第二级菜单*/
.ptr_multilayer li ul ul{left:70px;} /*从第三级菜单开始,所有的子级菜单都相对偏移*/

/*导航条-站点导航*/
 li.ptr_menu{}

/*日期*/
.ptr_date{}

/*搜索*/
.ptr_search{}
.ptr_search .search-button:hover{background-color:#ff3c00;}


/*文字导航*/
.ptr_topnav{height:80px;}
.ptr_topnav ul{padding:0 17px;width:204px;}
.ptr_topnav a{padding:0 6px;}


/*图文导航*/
/*图标做背景用*/
.ptr_subnav{padding:10px;background-color:#f5f5f5; }
.ptr_subnav ul li{width:78px;padding-left:30px;}
.ptr_subnav ul li a:hover{color:#c22a2e;}
.ptr_subnav li.icon01{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 0;}
.ptr_subnav li.icon01:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 0;}
.ptr_subnav li.icon02{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -25px;}
.ptr_subnav li.icon02:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -25px;}
.ptr_subnav li.icon03{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -50px; }
.ptr_subnav li.icon03:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -50px;}
.ptr_subnav li.icon04{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -75px; }
.ptr_subnav li.icon04:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -75px;}
.ptr_subnav li.icon05{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -100px; }
.ptr_subnav li.icon05:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -100px;}
.ptr_subnav li.icon06{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -125px; }
.ptr_subnav li.icon06:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -125px;}
.ptr_subnav li.icon07{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -150px; }
.ptr_subnav li.icon07:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -150px;}
.ptr_subnav li.icon08{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -175px; }
.ptr_subnav li.icon08:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -175px;}
.ptr_subnav li.icon09{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -200px; }
.ptr_subnav li.icon09:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -200px;}
.ptr_subnav li.icon10{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -225px; }
.ptr_subnav li.icon10:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -225px;}
.ptr_subnav li.icon11{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -250px; }
.ptr_subnav li.icon11:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -250px;}
.ptr_subnav li.icon12{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -250px; }
.ptr_subnav li.icon12:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -250px;}
.ptr_subnav li.icon13{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -275px; }
.ptr_subnav li.icon13:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -275px;}
.ptr_subnav li.icon14{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -300px; }
.ptr_subnav li.icon14:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -300px;}
.ptr_subnav li.icon15{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -325px; }
.ptr_subnav li.icon15:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -325px;}
.ptr_subnav li.icon16{ background:url(../../Images/2021/naverbg.jpg) no-repeat 0 -350px; }
.ptr_subnav li.icon16:hover{ background:url(../../Images/2021/naverbg2.jpg) no-repeat 0 -350px;}

/*图标使用png格式，两张背景颜色图当背景来切换*/
.ptr_subnavp{padding:10px 20px;}



/*静态栏目*/
.ptr_Scolumn {}
.ptr_Scolumn h3{background-color:#f5f5f5;}
.ptr_Scolumn h3 .ptr_title{background-color:#c22a2e;color:#fff;} 
.ptr_Scolumn ul{padding:10px;border:1px solid #e2e2e2;}
.ptr_Scolumn ul li a:hover{color:#c22a2e;}
/*下拉补充样式*/
.ptr_Scolumn .nLi .sub{top:22px;}
/*副标题样式*/
.ptr_subtitle span{border-bottom:3px solid #c22a2e;}
/*统一给padding值*/
ul.pl1 li a{padding-left:6px;}
ul.pl2 li a{padding-left:22px;}
ul.pl3 li a{padding-left:45px;}
ul.pl4 li a{padding-left:90px;}
/*单独给某个a一个padding值*/
ul li a.ptr_pl0{padding-left:0;}
ul li a.pl5{padding-left:50px;}
/*同一布局下多个静态栏目浮动样式*/
.ptr_boxw{width:280px;}
.ptr_boxw h3 .ptr_title{background:none;color:#333;}



/* 标签切换 */
.ptr_switchnews{}
.ptr_switchnews .hd{background-color:#f5f5f5;}
.ptr_switchnews .hd ul li.on{background-color:#c22a2e;color:#fff;}
.ptr_switchnews .bd p span{padding:0 20px;}
.ptr_switchnews .bd li .vier{padding:0 10px;}

/* 内层无缝滚动 */
.ptr_Marquee .txtMarquee{width:141px;}
/*切换栏目数不同宽度调整*/
.boxw .txtMarquee{width:170px;}




/*微动态+下拉*/
.ptr_newmedia{}
.ptr_newmedia h3{height:36px;border-bottom:4px solid #e2e2e2;line-height:36px;}
.ptr_newmedia h3 .ptr_title{letter-spacing:1px;color:#c22a2e;border-bottom:4px solid #c22a2e;}
.ptr_newmedia h3 .ptr_more{margin-top:6px;}
.ptr_newmedia h3 .ptr_more a:hover{color:#c22a2e}



/*系统图标*/
.ptr_Sysicon{padding:0 14px;height:150px;}
.ptr_Sysicon li{width:130px;height:160px;}
.ptr_Sysicon li a.pic{top:39px;left:39px;}
.ptr_Sysicon li a.txt{width:130px;top:100px;}/*宽改同li宽*/



/*相关链接*/
.ptr_links {}
/*相关链接-下拉*/
.ptr_links .links_ul{}
/*相关链接-普通*/
.ptr_links .Clicklinks{padding:0 15px;}
.ptr_links .Clicklinks li a{padding:0 15px;}  
.ptr_links .Clicklinks li a:hover{color:#333;}
/*访问统计*/
.ptr_webvisit{padding:0 10px;}



/*乱飘飘窗*/
.ptr_imgv1{position:fixed;left:0;top:0;z-index:13;cursor:pointer;}/*多一个飘窗添加一个class名称，逗号隔开*/


/* ————————————————————————————————飘窗—————————————————————————————— */

/* ————————————————————————————————飘窗结束—————————————————————————————— */
/*车辆限行*/
.ptr_Infotips{}


/* 侧边导航 */
.ptr_sidebar{width:55px;}
.ptr_sidebar li{width:55px;}
.ptr_sidebar .menu_head{width:55px;}
.ptr_sidebar .menu01 div{left:-172px;}
.ptr_sidebar .menu02 div{left:-524px;width:512px;}
.ptr_sidebar .menu03 div{left:-492px;width:480px;}
.ptr_sidebar .menu_head{cursor:pointer;height:20px; background:url("../../Images/2021/+.jpg") center no-repeat;}
.ptr_sidebar .current{ background:url(../../Images/2021/-.jpg) center no-repeat;}


/*html5鼠标指上图片特效 */
/*鼠标指上图片特效--图文变化*/
.ptr_pic{}



/* cnpc_tab_pic 部件加后缀名cbleft 将上下改为左右效果 */
.cbleft .hd ul{width: 196px;background-color:#e2e2e2 ; padding-top:16px; height:220px;margin-left: -102px;margin-top:44px;}
.cbleft .hd ul li{height:49px;line-height:49px;padding-left:52px;width:129px;}
.cbleft .hd ul li a{color:#666; }
.cbleft .hd ul li.on{background-color:#c22a2e; width:160px;font-weight:bold;}
.cbleft .hd ul li.on a{color:#fff;}
.cbleft .bd{padding-left:205px;}


/* 解释处理 */
.components1,.components2,.components3{overflow: hidden; border-bottom: 0px solid #eaeaea; padding-bottom: 50px;}


.jscl li{float: left;width: 437px;}
.jscl li h2{font-size: 22px;color: #303030;font-weight: bold; background: url(../Images/ico_jt.png) no-repeat 422px 10px;border-bottom:1px solid #dfe0e1 ;height:32px;padding: 0px 5px;}
.jscl li #jsjs_tabqh img{padding: 40px 0px;width: 100%;height: 229px;}
.jscl li .p1{line-height: 27px;color: #787878; font-size: 16px;height: 110px;}
.jscl li .p2{width: 95px;height: 29px;line-height: 29px;text-align: center;color: #e0423f; border: 1px solid #e0423f;border-radius: 10px; margin-top: 40px;}
.jscl li .p2 a{color: #e0423f;}
#jsjs_tabqh1,#jsjs_cljs1,#jsjs_tabrjpt1{  width: 407px;height: 480px; border: 1px solid #e6e6e6; border-top: 0px; padding: 40px 16px; padding-bottom: 0px;padding-top: 10px; font-size: 14px;    padding-left: 12px;}
#jsjs_tabqh1 ul li{ font-size: 16px;color: #929292;float: left;width: 171px;line-height:41px ;border-bottom: 1px solid #dadada;    background: url(../Images/jscl_icojt.jpg) no-repeat 4px 21px;text-indent: 0px;    padding-top: 4px;height: 46px;padding-left: 15px;    margin-left: 13px;}
#jsjs_tabqh1 ul li a{color: #929292;}
#jsjs_tabqh1 ul li:nth-child(2n){margin-left: 13px;}
/* #jscl_span{display:inline-block;width: 40px;height: 20px;float: right;} */
/* 处理技术 */
.jscl li #jsjs_cljs img,.jscl li #jsjs_tabrjpt img{padding: 40px 0px;width: 100%;height: 229px;}
#jsjs_cljs1 ul li{ font-size: 16px;color: #929292;float: left;width: 186px;line-height:48px ;border-bottom: 1px solid #dadada;    background: url(../Images/jscl_icojt.jpg) no-repeat 6px 19px;text-indent: 20px;margin-left: 13px;}
#jsjs_cljs1 ul li a{color: #929292;}
#jsjs_cljs1 ul li:nth-child(2n){margin-left: 30px;}
.jscl_li h2 span{display:inline-block;width: 40px;height: 20px;float: right;}
/* 软件平台 */
#jsjs_tabrjpt1 ul li{    font-size: 16px;color: #929292;float: left;width: 175px;line-height:48px ;border-bottom: 1px solid #dadada;    background: url(../Images/jscl_icojt.jpg) no-repeat 6px 19px;text-indent: 0px;padding-left: 15px;    margin-left: 13px;}
#jsjs_tabrjpt1 ul li a{color: #929292;}
#jsjs_tabrjpt1 ul li:nth-child(2n){margin-left: 13px;}
/* 划入效果 */
.hidden {  
    display: none;  
}  
  
.visible {  
    display: block; /* 或者根据需要使用 flex, inline-block 等 */  
}
/* 产品商城 */
.components2{ margin-top: 59px;}

.cp_bt{    margin-top: 90px;}
.components2 .cp_bt p{ font-size: 28px; color: #383838;border-bottom: 4px solid #196ece;height: 51px; width: 116px;}
.components3 .cp_bt p{ font-size: 28px; color: #ffffff;border-bottom: 4px solid #ffffff;height: 51px; width: 116px;}
.cp_nr{margin-top:60px}
.cp_nr ul li{float: left;margin-left:28px ;}
.cp_nr ul li:first-child{margin-left:0px ;}
.cp_nr ul li .cp_img{border: 1px solid #e6e6e6;width: 327px;height: 264px;}
.cp_nr ul li .cp_img img{padding: 10px 10px 0px 10px; width: 307px;height: 247px;}
.cp_nr ul li .cp_nr_bt{height: 90px;padding-left: 11px;}
.cp_nr ul li .cp_zx{padding-left: 11px;}
.cp_nr ul li .cp_nr_bt h2{color:#383838;font-size: 18px;font-weight: 600;line-height: 46px;}
.cp_nr ul li .cp_nr_bt span{color:#7e7e7e;font-size: 16px;}
.cp_nr ul li .cp_zx span a{color: #2065ba;}
.cp_nr ul li .cp_zx span{color:#2065ba;border:1px solid #2065ba;padding: 3px 10px;border-radius:7px;}
.cp_nr ul li .cp_zx  .cp_zx_span a{color: #fd7100;}
.cp_nr ul li .cp_zx  .cp_zx_span{color: #fd7100;border:1px solid #fd7100;margin-left: 13px;}

/* 应用领域 */
.components3{ background: url(../Images/yyly_bj.jpg)no-repeat;height: 719px;}

.dxyy_nr{    margin-top: 60px;}
.dxyy_nr li{float: left;width: 328px;position: relative; margin-left: 29px;}
.dxyy_nr ul li:first-child{margin-left:0px ;}
.dxyy_img{width: 328px;height: 185px;margin: 0 auto;position: relative;}
.dxyy_img img{width: 328px;height: 185px;}
/* .dxyy_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 29, 29, 0.5); 
    z-index: 1; 
  } */
.dxyy_btnr { bottom: 1px;width: 328px;     /*background-color: rgb(56 53 53  / 50%);*/left:3px;margin-top: 1px;}
.dxyy_btnrp{width: 326px;margin: 0 auto;}
.dxyy_btnr p{color: #fff;}
.dxyy_btnrp .p1{    font-size: 20px; line-height: 35px; margin-top: 50px;font-weight: bold;}
.dxyy_item .dxyy_btnr_p2{line-height: 30px;margin-bottom: 9px;    font-size: 14px;margin-top: 20px;}
/* 鼠标划入样式 */
/* .dxyy_nr .active .dxyy_div1{border:2px solid  #196ece} */
/* .active .dxyy_btnr_p2{display: block;} */
/* .dxyy_nr .active .dxyy_btnr{ background-color: rgb(4 102 211 / 78%);} */

.active .dxyy_img{width: 324px;height: 181px;border:2px solid  #196ece;
    /* opacity: 1; */
}
/* .active .dxyy_img::after {
  
    background-color: rgba(29, 29, 29, 0); 
    z-index: 0; 
  } */
.active .dxyy_img img{width: 324px;height: 183px;}
/* .active .dxyy_btnr { bottom: 4px;}  */
  /*技术支持*/

  .jszc_wrap {
    width: 100%;
    background: #f2f2f2;
    height: 604px;
    padding-top: 12px;

}

.jszc_cont {
    width: 1605px;
    margin: 0 auto;
    overflow: hidden;

}

.jszc_list {
    margin-top: 48px;
}

.jszc_list li {
    background: #fff;
    margin-right: 22px;
    height: 356px;
    width: 337px;
    float: left;
    border-radius: 10px;
}

.jszc_list li h4 {
    color: #1e1311;
    font-weight: bold;
    font-size: 16px;
    line-height: 33px;
    margin-top: 15px;
    margin-left: 17px;
}

.jszc_list li p {
    color: #686868;
    background: #f3f3f3;

    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 0 16px;
    display: inline-block;
    margin-left: 17px;
    margin-top: 15px;

}

.jszc_side_list {
    height: 356px;
    background: #fff;
    width: 444px;
    padding-left: 30px;
    padding-right: 12px;
    border-radius: 10px;
}

.jszc_side_tit {
    margin-top: 66px;
    margin-left: 51px;
    margin-bottom: 41px;
}

.jszc_side_tit p {
    float: left;
    color: #fff;
    line-height: 28px;
    padding: 0 18px;
    background: #3076d5;
    margin-right: 8px;
    cursor: default;
}

.jszc_side_list {
    display: none;
}

.jszc_side_list li {
    border-bottom: 1px solid #d2d2d2;
    height: 86px;
}

.jszc_side_list li:last-child {
    border-bottom: none;
}

.jszc_side_bt {
    font-size: 16px;
    color: #464646;
    font-weight: bold;
    padding-top: 8px;
    line-height: 40px;
}

.jszc_side_date {

    color: #333;
    line-height: 38px;
    background: url(../Images/jszc_tb.png) no-repeat left center;
    padding-left: 32px;

}

.jszc_side_date span {

    color: #cacaca;
    margin-left: 28px;

}

.jszc_side {
    margin-left: 10px;
}
.jszc_side_tit p {
    cursor: pointer;
    transition: color 0.3s ease;
    background: #3076d5; /* 默认颜色 */
}

.jszc_side_tit p.active,
.jszc_side_tit p:hover {
    background: #852ee6; /* 激活/悬停颜色 */
    font-weight: 500;
}
/*最新动态*/
.zxdt_wrap {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
   
    padding-top: 50px;
    padding-bottom: 90px;
}

.zxdt_tit {
    color: #383838;
    font-size: 28px;
    border-bottom: 4px solid #196ece;
    display: inline-block;
    line-height: 62px;
    margin-top: 20px;
}

.zxdt_cont {
    height: 486px;
    overflow: hidden;
    margin-top: 50px;
}

.zxdt_side,
.zxdt_list {
    background: #ffffff;
    width: 437px;
    height: 486px;
}
.zxdt_side:nth-child(2){margin-left: 30px;}
.zxdt_list {
    width: 469px;
}

.zxdt_side_img {
    width: 100%;
    height: 244px;
}

.zxdt_side_text {
    width: 381px;
    /* margin-left: 12px; */
    padding: 32px 28px 36px;
}

.zxdt_side_text dt {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 77px;
    font-size: 1em;
    line-height: 1.625em;
    margin-bottom: 10px;
}

.zxdt_side_text dd {
    color: #666;
    line-height: 24px;
    font-size: 15px;
    letter-spacing: 1px;
}

.zxdt_side_text .color1 {
    color: #666;
    margin-top: 30px;
}

.zxdt_list_tit {
    width: 114px;
    height: 36px;
    background: #1f76ec;
    color: #fff;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    /* margin-bottom: 38px; */

}
.zxdt_list_news{    overflow-y: auto;
    height: 450px;
    scrollbar-width: thin;
    scrollbar-color: #808080 #f1f1f1;}
    /* 修改 SimpleBar 滚动条样式（始终显示） */
    .zxdt_list_news::before {
    background-color: #808080; /* 滑块颜色 */
    width: 2px; /* 滚动条宽度 */
    opacity: 1 !important; /* 强制显示滚动条 */
}
    /* WebKit 浏览器（Chrome、Safari、Edge） */
.zxdt_list_news::-webkit-scrollbar {
    width: 2px;    /* 垂直滚动条宽度 */
    height: 2px;   /* 水平滚动条高度 */
}

.zxdt_list_news::-webkit-scrollbar-track {
    background: #f1f1f1;  /* 轨道背景色 */
}

.zxdt_list_news::-webkit-scrollbar-thumb {
    background: #808080;  /* 滑块颜色（灰色） */
    border-radius: 2px;   /* 圆角 */
}

.zxdt_list_news::-webkit-scrollbar-thumb:hover {
    background: #606060;  /* 悬停时稍深的灰色 */
}

.zxdt_list_news li {
    line-height: 27px;
    color: #002a76;
    font-size: 18px;
    font-size: 1em;
    
    font-weight: bold;
    margin: 26px 9px 15px 30px;
}
.zxdt_list_news li a{    color: #333;}
/* .zxdt_list_news li:hover{color:#0050e0} */
.zxdt_list_news li a:hover{color:#0050e0}
.zxdt_list_news li span {color: #666;  font-size: 15px;font-weight: 500;}

.zxdt_side_img {
    position: relative;
}

.zxdt_side_img em {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 16px;
    background: #2fbd21;
    padding: 10px 26px;
}

.zxdt_side_img .pink {

    background: #f33958;

}

/*最新动态 end*/

/*页尾*/
.footer {
   
    width: 100%;
   
    background: #f1f1f1;
    margin-top: 20px;
   
}
.foot_L{float: left;width: 414px;height: 273px;border-right: 1px solid #d5d5d5;}
.foot_L div{margin-bottom: 35px;padding-top: 10px;}
.foot_L p{line-height: 27px;width: 400px;height: 27px;text-align: left;color: #666666;font-size: 14.2px;}
.foot_d{width: 1400px;height: 270px;margin: 0 auto;padding-top: 50px;    padding-bottom: 50px;    text-align: left;}
.foot_R{float: right;width: 871px;height: 273px;    padding-top: 10px;}
.foot_R ul li{float: left;text-align: left;margin-right: 67px;}
.foot_R ul li h3{color: #333333;font-size: 16px;padding-bottom: 34px;font-weight: bold;}
.foot_R ul li p{ color: #666666;font-size: 14px;line-height: 26px;}
.footR_d1{width: 100%; height: 248px;}
.footR_d2{color: #444444;font-size: 14px;}


.clearfix {
    zoom: 1
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}
.fl {
    float: left;
}

.fr {
    float: right;
}

em {
    font-style: normal;
}

/* 首页导航栏样式 */
nav {
    background: #fff;

    position: relative;
    z-index: 1000;
}

.nav-container {
    position: relative;
    /* width: 1545px; */
    margin: 0 auto;
    padding: 0 30px;
}

.primary-nav {
    display: flex;
    height: 95px;
    align-items: center;
    max-width: 1400px;
  width: 1400px;
    margin: 0 auto;
}
.nav-head {
    margin-right: 78px;
}
.nav-righ {
    margin-left: 86px;
}
.nav-item {
    color: #333;
    padding: 0 20px;
    height: 100%;
    display: flex;
    /* align-items: center; */
    cursor: pointer;
    position: relative;
    transition: color 0.3s;
    background: url(../Images/ico_jt.png) no-repeat 97px 46px;
    line-height: 95px;
    font-size: 18px;
}
.nav-item1{background: none;}
.nav-item.active {
    /* color: var(--huawei-red); */
    border-bottom: 5px solid #1b7cff;
    line-height: 98px;
    background: url(../Images/ico_jt.png) no-repeat 97px 48px;
}

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    /* border-top: 1px solid #cccc; */
    padding-bottom: 30px;
    z-index: 999;
    height: 430px;
}

.dropdown.active {
    display: block;
   animation: slideDown 0.3s ease;

   width: 1400px;
   margin: 0 auto;

}

.columns {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    /* padding: 0 30px; */
    padding: 0px;
    /* padding-left: 30px; */
}
.columns1{  grid-template-columns: repeat(1, 1fr);}
.category h3 {
    /* color: var(--huawei-red); */
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    height: 37px;
    font-family: 'Microsoft YaHei', sans-serif;color: #242424;
}

.category ul {
    list-style: none;
    padding: 0;
}

.category li {
    margin: 19px 0;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.3s;
    float: left;
    width: 258px;
    color: #434343;
}

.jsjs_category li {
    width: 311px;

}

.category ul a {
    color: #1d1d1d;
}

/* .category li:hover {
    color: var(--huawei-red);
} */
.rjcp_nav li{width: 344px;border-bottom: 1px solid #ccc;    height: 35px;margin-right: 102px;}
.footer-links {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    gap: 40px;
}

.footer-links>div {
    color: var(--huawei-red);
    cursor: pointer;
    font-size: 14px;
}

.close-btn {
    position: absolute;
    top: -30px;
    top: -7px;
    right: 63px;
    font-size: 35px;
    cursor: pointer;
    color: #666;
    z-index: 1001;
}

.overlay {
    display: none;
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0.3); */
    z-index: 998;
}

.Dropdown_d1 {
    width: 1600px;
    margin: 0 auto;
    position: relative;
}

/* 软件产品 */
 .columns_rjcp {
    /* grid-template-columns: repeat(3, 1fr);
    padding-left: 93px; */

} 

.columns_rjcp .category li {
    width: 198px!important;
    line-height: 28px;
}

/* 服务支持 */
.columns_fwzc {
    grid-template-columns: repeat(3, 1fr);    padding-right: 84px;
}
.columns_fwzc .category h3{border-bottom: 0px solid #ccc; }
.columns_fwzc .category li {
    width: 222px!important;
    line-height: 28px;
}
.columns_fwzc .category li { width: 222px!important;line-height: 15px;margin: 8.7px 0px;}
.fwzc——ul{margin-top: -12px;}
.fwzc——ul li{font-size: 20px;}
.columns_fwzc .category {
    width: 423px;
}
/* 关于我们 */
.columns_gywm {
    /* grid-template-columns: repeat(5, 1fr); padding-right: 0px; */
}
.columns_gywm .category {
    width: 423px;
    float: left;
}
.columns_gywm .category li{width: 192px;}
.category-gywm_ztzl li{width: 426px;}
.category-gywm_ztzl li p{margin-top: 15px;}
.category-gywm_ztzl li  a{color:#196aff;font-size: 14px;}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 导航切换 */
.dzsj {width: 1400px;}
.dzsj .hd {width: 311px;height: 459px; line-height: 30px;background: #eef7ff url(../Images/nav_Ljsys.jpg)no-repeat bottom;float: left;}
.dzsj .hd ul { width: 245px; height:388px; font-size: 18px; font-family: "微软雅黑"; float: left; padding: 32px;}
.dzsj .hd ul li {height: 44px;line-height: 44px;text-indent: 15px; color: black;font-size: 16px;font-weight: bold;
    font-family: "Microsoft YaHei UI", "Microsoft YaHei", 微软雅黑, SimSun, sans-serif;}

.dzsj .hd ul li.on {
    /* border-bottom: 3px solid #3393ff; */
    /* font-weight: 600; */
    background: url(../Images/gsjs/dzsj_on.jpg)no-repeat;
    color: #1fa8ff;
}
.dzsj .bd{float: left; width: 1089px;height: 460px;}
.dzsj-list {  width: 983px; padding: 50px; padding-top: 25px;}
.dzsj-list h3{font-size: 16px;width: 983px;line-height: 40px;border-bottom: 1px solid #ccc;font-weight: bold; margin-bottom: 15px;}
.dzsj-list li {
    width: 245px;
     height: 42px; 
    line-height: 21px;
    font-size: 16px;
    margin-top: 18px;
    float: left;
    color: #434343;
}
.dzsj-list a{  color: #434343;}
.dzsj-list .title {
    float: left;
    text-indent: 7px;
    width: 421px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dzsj-list .title a:visited,
.dzsj-list .title a:link {
    color: #181818;
    text-decoration: none;
}