﻿.header{background-color:#054b9f;text-align:center}
.headtop{padding:10px 0}
.headtop ul{display:flex}
.headtop ul li{margin-right:10px}
.headtop ul li a{color:#ccc}
.headmid{margin-top:30px;padding-bottom:90px;display:flex;justify-content:space-between;align-items:center}
.fontlogo img{width:440px}
#formsub{position:relative;width:395px;height:42px;font-size:16px;border:0;background:#fff;border-radius:21px}
#formsub .text{position:absolute;left:0;width:320px;border-radius:21px;height:40px;text-indent:1em}
.submit{position:absolute;right:0;width:75px;height:42px;background:#f98500;border:0;color:#fff;border-top-right-radius:21px;border-bottom-right-radius:21px}
.naver{width:100%;background-color:#06438a}
.navmod{display:flex}
.navmod li{text-align:center;width:25%;padding:15px 0}
.navmod li a{display:inline-block;height:26px;line-height:26px;width:100%;color:#fff;font-size:19px;border-left:1px solid #fff}
.navmod .active{background-color:#205490}
.navmod li:last-child a{border-right:1px solid #fff}
.navmod li a img{width:23px;vertical-align:middle;margin-right:10px}
.mianer{background:#f6f6f6}
.mianmod{padding:15px 30px;background:#fff}
.news-topmain{height:100%;margin:0 auto}
.news-top1{width:100%;text-align:center}
.news_top{background:#f6f6f6;padding-top:25px}
.news-top1 a{font-size:38px;font-weight:700;color:#015293}
.topstyle{margin-top:10px;text-align:center;display:flex;justify-content:space-around;padding-bottom:25px}
.topstyle a{color:#015293;font-size:18px;line-height:24px}
.mr-15{margin-right:15px}
.ml-15{margin-left:15px}
.scollmod{margin-top:20px}
.slider-container{width:100%;max-width:49%;height:400px;position:relative;overflow:hidden;float:left}
.slider{display:flex;transition:transform .5s ease-in-out}
.slide{min-width:100%;position:relative}
.slide img{width:100%;height:400px;object-fit:cover}
.caption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.442);color:#fff;padding:10px 10px;font-size:16px}
.slider-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:3px 5px;border:none;cursor:pointer;font-size:25px;transition:background .3s}
.slider-control:hover{background:rgba(0,0,0,.8)}
.prev{left:0;border-radius:0 5px 5px 0}
.next{right:0;border-radius:5px 0 0 5px}
.frbox{width:49%}
.tab-title{height:46px}
.tab-title .active{background-color:#e0edfd;font-weight:700}
.tab-title .active a{color:#015293}
.tab-title li{flex:1;font-size:20px;line-height:44px;max-width:50%}
.tab-title a{display:block;padding:0 14px}
.tab-content ul{display:none;margin-top:4px}
.tab-content ul.active{display:block}
.tab-content li{padding:2px 100px 0 5px;position:relative;line-height:43px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tab-content li a{color:#444;font-size:16px}
.tab-content li a::before{content:"";display:inline-block;width:4px;height:4px;background:#868686;margin-right:10px;vertical-align:middle}
.tab-content li a:hover{color:#015293}
.tab-content li span{position:absolute;right:0;color:#999}
.mianmod h4{position:relative;font-size:24px;text-indent:14px;background:url(../images/bg_line.png) bottom no-repeat;padding-bottom:18px}
.mianmod h4:before{content:"";position:absolute;top:4px;left:0;width:4px;height:22px;background-color:#205eaf}
.titlemod:not(:last-child)::after{content:'';position:absolute;top:50%;transform:translateY(-50%);left:-8px;width:8px;height:8px;background-color:#c4e1f0;border-radius:50%}
.titlemod{position:relative;float:right;margin-left:24px}
.titlemod a{font-size:18px;color:#015293;line-height:32px}
.top20{margin-top:20px}
.mianmod h4 img{width:30px;vertical-align:bottom;margin-right:10px}
.mobTab{height:46px;border-bottom:1px solid #ccc}
.mobTab .active{border-bottom:3px solid #0178d2}
.mobTab li{flex:1;font-size:18px;line-height:44px;width:50%}
.mobTab a{display:block;padding:0 8px;font-weight:700;text-align:center}
.mobTabCon ul{display:none;margin-top:4px;position:relative}
.mobTabCon ul.active{display:block}
.mobTabCon li{padding:2px 100px 0 5px;position:relative;line-height:43px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobTabCon li a{color:#444;font-size:16px}
.mobTabCon li a:hover{color:#4788d7}
.mobTabCon li span{position:absolute;right:0;color:#999}
.mobBox33 li{width:20%}
.mobBox25 li{width:25%}
.more{position:absolute;right:5px;top:-35px}
.more a{color:#054b9f}
.titlebox{margin-bottom:15px}
.listbox{width:49%}
.fastbox{width:49%}
.fastbox ul li{display:flex;float:left;width:176px;height:89px;background-color:#edf5ff;margin-right:15px;margin-bottom:21px;border:1px solid #e8e8e8;border-radius:6px;justify-content:center;align-items:center;font-size:17px}
.fastbox ul li:hover{background-color:#548cd4}
.fastbox ul li a{color:#07438a}
.fastbox ul li:hover a{color:#fff}
.fastbox ul li a img{margin-right:10px}
.fastbox ul li:nth-child(3n){margin-right:0}
.fastbox ul li:nth-child(7){margin-bottom:0}
.fastbox ul li:nth-child(8){margin-bottom:0}
.fastbox ul li:nth-child(9){margin-bottom:0}
.w60{width:59%}
.fastbox2{width:39%}
.fastbox2 .mobTab li{width:33%}
.fastmod2{margin-top:15px}
.fastmod2 ul li{display:flex;float:left;width:136px;height:163px;margin-right:18px;border-radius:6px;text-align:center;justify-content:center;align-items:center}
.fastmod2 ul li a{width:100%;display:flex;flex-direction:column;align-items:center}
.fastmod2 ul li a span{font-size:18px;color:#07438a}
.fastmod2 ul li a img{width:50px;margin-bottom:10px}
.fastmod2 ul li:nth-child(1){background:url(../images/fastmod3.png) no-repeat top left}
.fastmod2 ul li:nth-child(2){background:url(../images/fastmod3.png) no-repeat top left -154px}
.fastmod2 ul li:nth-child(3){background:url(../images/fastmod3.png) no-repeat top left -308px}
.fastmod2 ul li:last-child{margin-right:0}
.fastmod3{margin-top:12px;border-top:1px solid #ccc;padding-top:15px}
.fastmod3 h4{margin-bottom:10px}
.fastmod3 ul li{text-align:center;line-height:110px;font-size:32px;font-weight:700;float:left;width:271px;height:110px;margin-right:18px;border-radius:6px;border:1px solid #e7e7e7}
.fastmod3 ul li a{background:linear-gradient(90deg,#004dff,#e52ede);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}
.fastmod3 ul li a:hover{font-size:38px;transition:all .6s}
.fastmod3 ul li:nth-child(1){background:url(../images/hdbgc.png) no-repeat top left}
.fastmod3 ul li:nth-child(2){background:url(../images/hdbgc.png) no-repeat top left -289px}
.fastmod3 ul li:nth-child(3){background:url(../images/hdbgc.png) no-repeat top left -578px}
.fastmod3 ul li:nth-child(4){background:url(../images/hdbgc.png) no-repeat top left -867px}
.fastmod3 ul li:last-child{margin-right:0}
.vxmod{position:relative}
.vxmod span img{position:absolute;z-index:999;width:0;left:30px;top:-40px}
.vxmod a:hover span img{width:200px;transition:all .6s}
.content{width:100%}
.content ul{display:none;margin-top:4px}
.content ul.active{display:block}
.content li{padding:2px 100px 0 5px;position:relative;line-height:43px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dotted #ccc}
.content li a{color:#444;font-size:16px}
.content li a:hover{color:#4788d7}
.content li span{position:absolute;right:0;color:#999}
.listbox04{width:49%}
.listbox05{width:49%}
.listbox05 ul{margin-top:15px}
.listbox05 ul li{display:flex;float:left;width:271px;height:106px;margin-bottom:15px;margin-right:15px;border-radius:8px;justify-content:center;align-items:center;overflow:hidden;border:1px solid #e7e7e7;background:url(../images/fastmod_bg.png)}
.listbox05 ul li a{display:flex;align-items:center}
.listbox05 ul li span{font-size:16px;font-weight:400;color:#555}
.listbox05 ul li a{font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}
.listbox05 ul li a:hover span{font-size:28px;color:#06438a;transition:all .6s}
.listbox05 ul li a span{font-size:24px;font-weight:700}
.listbox05 ul li:nth-child(1){width:100%;height:100%;background-color:#fef0ed}
.listbox05 ul li:nth-child(1) img{width:558px;height:107px;background-color:#fef0ed;border-radius:8px}
.listbox05 ul li a:hover img{transform:scale(1.1);transition:all .6s}
.listbox05 ul li:nth-child(2){background-color:#f2f7fe}
.listbox05 ul li:nth-child(3){background-color:#fae0ff}
.listbox05 ul li:nth-child(4) img{width:271px;height:106px;border-radius:8px}
.listbox05 ul li:nth-child(5){padding:20px;background-color:#fff}
.listbox05 ul li:nth-child(5) img{width:100%}
.listbox05 ul li:nth-child(2n+1){margin-right:0}
.listbox05 ul li:nth-child(4){margin-bottom:0}
.listbox05 ul li:nth-child(5){margin-bottom:0}
.spcolumn{margin-top:10px}
.banner{width:100%;height:100%;position:relative;overflow:hidden;border-radius:6px}
.banner *{margin:0;padding:0;list-style-type:none;text-decoration:none}
.banner ul{width:100%;height:100%;position:relative;left:-100%;top:0;transition:.5s;font-size:0;-webkit-text-size-adjust:none;white-space:nowrap}
.banner ul.active{transition:0s}
.banner ul li{width:100%;height:100%;position:relative;display:inline-block;vertical-align:top}
.banner ul li img{width:100%;height:352px;border:none;display:block;border-radius:6px}
.banner ul li p{position:absolute;bottom:0;left:0;padding-top:35px;line-height:40px;width:100%;background:url(https://www.pds.gov.cn/images/site2021/banner-bg.png) left bottom repeat-x;box-sizing:border-box;padding-right:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:15px;text-indent:10px}
.banner ol{position:absolute;right:10px;bottom:15px;height:10px;z-index:10}
.banner ol li{width:10px;height:100%;background:#fff;display:inline-block;margin-right:8px;cursor:pointer;vertical-align:top;border-radius:10px;transition:.5s}
.banner ol li.active{background:#c50018;width:40px}
.banner .next,.banner .prev{position:absolute;z-index:20;top:0;bottom:0;margin:auto;width:30px;height:50px;background:url(https://www.pds.gov.cn/images/site2021/icon.png);cursor:pointer;opacity:.3;transition:opacity .3s}
.banner:hover .next,.banner:hover .prev{opacity:1}
.banner .prev{left:10px;background-position:left bottom}
.banner .next{right:10px}
.banner.fade ul{left:0}
.banner.fade ul li{position:absolute;top:0;left:0;opacity:0;transition:opacity .5s linear}
.banner.fade ul li.active{z-index:1;opacity:1}
.banner.lot .lotBox{width:25%;height:100%;position:relative}
.banner.lot ul li{padding:0 3%;box-sizing:border-box}
.banner.lot ul li p{position:static;padding:0;background:0 0;text-indent:0;color:#333;text-align:center}
.banner.updown ul{left:0;top:-100%}
.banner.updown ul li{display:block}
.banner.updown ol{left:50%;right:auto;margin-left:-60px}
.links_scroll li a{display:block;position:relative;height:111px;color:#5069a9;white-space:normal;overflow:hidden;border-radius:6px}
.links_scroll li a img{width:100%;height:100%;border-radius:6px;border:1px solid #e5e5e5}
.links_scroll li a:hover img{transform:scale(1.1);transition:all .6s}
.spcolumn .banner{width:102%;margin-left:-12px}
.newlist .listbox{width:49%}
.newlist .listbox .titlebox{padding-bottom:10px;border-bottom:1px solid #ccc}
.newlist .listbox .title{font-size:20px;font-weight:700;letter-spacing:2px}
.newlist .listbox .list02{background:#fff;margin-top:10px;padding:0}
.friend-link{background:#8d8d8d;padding:10px 0}
.friend-link .links{display:flex;justify-content:space-between}
.friend-link select{width:299px;height:26px;background:0 0;color:#fff;text-align:center;border:none;border-left:2px solid #959595;font-size:15px}
.friend-link select:last-child{border-right:2px solid #959595}
.webfoot{background-color:#4488c7;padding-top:30px}
.frsfooter .w1200 ul{display:flex;justify-content:space-between;padding-bottom:30px}
.frsfooter .w1200 ul li{display:flex;width:130px;background-color:#ffffff35;height:120px;align-content:center;justify-content:center;align-items:center}
.frsfooter .w1200 ul li a{text-align:center;color:#fff}
.frsfooter .w1200 ul li a p{color:#fff}
.frsfooter .w1200 ul li a img{margin-bottom:7px;width:50px}
.frsfooter .w1200 ul .textox{width:280px}
.frsfooter .w1200 ul .textox p{line-height:32px;text-align:left}
.frsfooter .w1200 ul .w150{width:400px}
.channel{background:#fff;padding:0 20px}
.path{line-height:50px;border-bottom:1px solid #e6e6e6;font-size:16px}
.path a{font-size:16px}
.channel-wrap{margin-top:25px}
.channel-list{width:290px;line-height:60px;text-align:center}
.channel-list p{color:#fff;font-size:22px;line-height:55px;background-image:linear-gradient(to right,var(--red),#a0cfff)}
.channel-list a{display:block;margin:0 auto;border-bottom:1px solid #fff;background:#f6f6f6;font-size:18px;text-align:left;padding:0 20px;position:relative;transition:all .3s}
.channel-list a:after{display:block;content:" ";position:absolute;right:7%;top:50%;width:6px;height:11px;margin-top:-5px;background:url(../images/channelList.png) no-repeat}
.channel-list a.active,.channel-list a:hover{color:var(--red);padding-left:35px;background:#dadada}
.channel-list a.active:after,.channel-list a:hover:after{display:block;content:"";position:absolute;width:0;height:0;border:8px solid var(--red);border-color:transparent transparent transparent var(--red);right:4%;top:50%;margin-top:-5px;background:0 0}
.channel-contents{width:860px;padding-right:20px}
.channel-title{height:45px;box-sizing:border-box;border-bottom:1px solid #e6e6e6}
.channel-title span{display:inline-block;font-size:20px;color:#2a65b3;font-weight:600;padding:0 5px;border-bottom:3px solid;line-height:43px}
.channel-title i img{width:20px;vertical-align:text-bottom}
.content-list{padding:20px 0}
.content-list li{line-height:43px;padding-left:15px;background:url(../images/li-bg.png) left center no-repeat;transition:all .2s}
.content-list li span{float:right;font-size:14px;color:#adadad}
.content-list li:hover{padding-left:20px;box-shadow:0 0 11px -2px #cbcbcb}
.page-nav{text-align:center;font-size:15px;padding:10px 0}
.page-nav a{display:inline-block;padding:3px 7px;margin:0 2px;border:1px solid #e0e0e0;border-radius:14px}
.page-nav a.on{border:none;color:var(--red);font-weight:600}
.mianbody{background:#f2f2f2}
.search-result{padding:36px;background-color:#fff}
.search-list li{margin-bottom:10px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc}
.search-list li+li .partitions{border-top:1px solid #d3d3d3}
.search-list h2{margin-bottom:15px;font-size:20px;color:#025293;line-height:36px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-list h2 em{padding:0 8px;color:#166fc6;font-size:14px;display:inline-block;border:1px solid #166fc6;border-radius:3px;margin-right:12px;line-height:24px;vertical-align:middle;font-style:normal}
.search-list .des{overflow:hidden}
.search-list .des>img{float:left;width:173px;height:115px;margin-right:15px;object-fit:contain}
.search-list .des>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:57px;text-overflow:ellipsis;line-height:26px;color:#333;margin-bottom:10px}
.search-list .des>img+p{margin-top:10px}
.search-list .des>span{color:#999;margin-top:10px;display:inline-block;font-size:14px;line-height:20px}
.search-list .des>span+span{float:right}
.search-none{width:300px;margin:0 auto}
.search-none .title{margin-top:38px;font-weight:700;color:#333;line-height:22px;margin-bottom:12px}
.search-none li{font-size:14px;font-weight:400;color:#666;line-height:30px}
.search-loading{text-align:center;padding:50px 0;line-height:50px}
.maintext{padding:20px}
.maintext h4{padding:20px 0;font-size:25px;width:755px;margin:0 auto;text-align:center;margin-bottom:20px;line-height:1.5em}
.maintext .times{padding:10px;background-color:rgb(237 236 236);text-align:center;margin-bottom:20px;font-size:14px;color:#666}
.maintext img{max-width:95%!important}
.mainp{padding:20px}
.moremods{padding:40px 0;overflow:hidden;border-bottom:1px solid #ccc;color:#666}
.moremods .dayin{margin-left:40px;color:#666}
.abtext,.moremods,.nxtext{margin-bottom:20px}
.channel-title i{display:inline-block;font-size:18px;color:var(--font-gray);font-weight:600;padding:0 5px;line-height:43px;font-weight:400;margin-left:18px}
.channeltable ul{overflow:hidden}
.channeltable ul .thead span{display:block;font-weight:700;background-color:#e6e6e6;border:1px transparent #000}
.channeltable .w1{width:10%}
.channeltable .w2{width:50%;padding:0 5px;overflow:hidden}
.channeltable .w3{width:25%}
.channeltable .w4{width:15%}
.channeltable ul li span{float:left;display:block;width:341px;height:50px;text-align:center;line-height:50px;border:1px solid #e6e6e6}
.wza-box{margin-top:10px;margin-bottom:10px;min-width:200px;display:flex;flex-direction:row-reverse}
.wza-box a{display:block;height:38px;line-height:38px;padding:0 16px;font-size:18px;letter-spacing:.32px}
.wza-box a.wza{background:#fff;color:#f76b00;border:1px solid #fc740d;border-radius:2px 0 0 2px}
.wza-box a.oldman{background:#f79600;color:#fff;border:1px solid #f79600;border-radius:0 2px 2px 0}
/* letter_content start*/
.letter-msg,
.reply-msg{
    margin-bottom: 25px;
}
.letter-msg p,
.reply-msg p{
    line-height: 45px;
    height: 45px;
    background: #0666B0;
    color: #fff;
    font-size: 18px;
    padding: 0 15px;
}

.letter-msg table,
.reply-msg table{
    width: 100%;
}
.letter-msg table td,
.reply-msg table td{
    line-height: 30px;
    padding: 7px;
}
.letter-msg table td.msg-title,
.reply-msg table td.msg-title{
    width: 10%;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    text-align: center;
}
.letter-msg table td.msg-value,
.reply-msg table td.msg-value{
    width: 90%;
    border: 1px solid #d6d6d6;
    border-top: none;
    word-break: break-all;
}

/* letter_content end */


.tab-pane.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

.tabs-header a{
    padding: 10px;
}

.tabs-header .active{
    color: #054B9F;
}

