.pgs .nwsrch{ background: #f2f2f2; padding: 25px; margin-bottom: 5%;} .pgs .nwsrch .cnt{ width: 100%; max-width: 100%; white-space: nowrap;} .pgs .nwsrch .item{ height: 50px; line-height: 50px; width: 25%; display: inline-block; vertical-align: middle;} .pgs .nwsrch .item .ipt{ width: 100%; max-width: 100%; height: 48px; border: 1px solid #b4b4b4; text-indent: 24px; font-size: 16px; background: #FFF;} .pgs .nwsrch .item .drdm{ margin: 0 6%; } .pgs .nwsrch .item select{ width:88%; max-width: 100%; height: 48px; border: 0; border-bottom: 1px solid #9d9d9d; font-size: 18px; background: #f2f2f2; margin: 0 6%;} .pgs .nwsrch .item select option{ font-size: 16px; line-height: 140%;} .subs{ background: #FFF; width: 14%; -moz-box-shadow: 2px 5px 2px rgba(0,0,0,.3); -webkit-box-shadow: 2px 5px 2px rgba(0,0,0,.3); box-shadow: 2px 5px 2px rgba(0,0,0,.3);} .subs ul{ max-height: 300px; overflow: auto;} .subs ul li{ height: 30px; line-height: 30px; padding: 0 10px; color: #999; } .subs ul li:hover{ background: #d8d8d8; color: #333;} .pgs .nwsrch .item .ipt2{border: none; border-bottom: 1px solid #b4b4b4; background: url(../../img/news/arw_up.png) no-repeat right; text-indent: 0;} .pgs .nwsrch .subtn{ display: block; color: #FFF; font-size: 18px; background: url(../../img/news/srch_btn_bg.png) #333 no-repeat right; background-size: auto 100%; text-align: center; transition: all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; width: 100%; max-width: 100%; height: 50px;line-height: 50px; border: none;} .pgs .nwsrch .subtn:hover{ background: url(../../img/news/srch_btn_bg.png) #1f1f1f no-repeat right;} .nwlst{border-top: 1px solid #cfcfcf; margin-bottom: 5%;} .nwlst .lst{ border-bottom: 1px solid #cfcfcf; position: relative;} .nwlst .lst a.ncgry{ position: absolute; left: 0; top: 0; height: 60px; line-height: 60px; } .nwlst .lst a.ncgry span{ background: #FFF; border: 1px solid #cfcfcf; height: 28px; line-height: 28px; text-align: center; font-size: 14px; width: 82px; display: inline-block;} .nwlst .lst a.ncgry,.nwlst .lst a.ncgry:visited{ color: #999;} .nwlst .lst a.ncgry:hover span{ background: #cc3333; color: #FFF; border: 1px solid #cc3333;} .nwlst .lst .iconfont{ color: #e21f31; vertical-align: middle; font-size: 14px; margin-right: 18px; } .nwlst .lst .lst_r{ margin-left: 120px;} .nwlst .lst .lnk{ position: relative; height: 60px; line-height: 60px; display: block;} .nwlst .lst .lnk .ftn_01{ position: absolute; left: 0; top: 0; width: 140px; font-size: 16px;} .nwlst .lst .lnk .ftn_02{ margin-left:150px; overflow: hidden; text-overflow: ellipsis; height: 60px; font-size: 16px;} .nwlst .lst .lnk .time{ color: #999; margin-right: 4%; } .nwlst .lst .lnk:hover,.nwlst .lst .lnk:hover .time{ color: #cc3333;} .nwlst .lst .lst_r .lnk span{ white-space: nowrap; display: inline-block;} .dtl_tit{ border-left: 8px solid #cc3333; padding-left: 2%; margin-bottom: 5%;} .dtl_tit h1{font-weight: bold; font-size: 30px; line-height: 120%;} .dtl_tit p{ font-size: 16px; color: #999; padding-top: 1%;} .dtl_tit .pub_time{ margin-right: 1.5%;} .dtl_tit .ftno,.dtl_tit .ftns{ margin-right: 1%;} .dtl_tit .ftno,.dtl_tit .ftns,.dtl_tit .ftnt{ cursor: pointer; display:inline-block;} .nwdtl .phg img{ display: block; margin: 0 auto; max-width: 100%;} .nwdtl .phg .img{ padding: 2% 0;} .nwdtl .phg{ line-height: 180%; font-size: 16px;} .nwdtl .phg.font14{ font-size: 14px;} .nwdtl .phg.font16{ font-size: 16px;} .nwdtl .phg.font18{ font-size: 18px;} .nwdtl .phg .fnts01{ font-size: 24px; font-weight: bold;} .nwdtl .phg .fnts02{ font-size: 18px; font-weight: bold;} .nwdtl .phg img.img_icon{ display: inline-block; vertical-align: middle; margin: 0 5px 0 05px; } .nwdtl .bck{ text-align: center; padding: 3% 0 2% 0; } .nwdtl .bck a.lnk{ display: block; width: 28%; margin: 0 auto; font-size: 24px; position: relative; background: #FFF; border: 2px solid #000; padding:0.8% 0; transition: all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; } .nwdtl .bck a.lnk .iconfont{ position: absolute; right: 3%; font-size:30px;} .nwdtl .bck a.lnk:hover{ background: #cc3333; border: 2px solid #cc3333; color: #FFF;} .nwdtl .nw_cgy{ padding: 3% 0;} .nwdtl .nw_cgy ul{border-top: 1px solid #bfbfbf; padding: 2% 0 0 0;} .nwdtl .nw_cgy ul li{ display: inline-block; font-size: 16px; margin-bottom: 15px;} .nwdtl .nw_cgy ul li a{ display: block; padding-right: 30px; } .nwdtl .nw_cgy ul li a .iconfont{ color: #cc3333; font-size: 12px; vertical-align: middle; margin-right: 5px; } @media screen and (max-width: 1680px) { .subs{ width: 18%;} .nwdtl .bck{ padding: 5% 0 2% 0; } } @media screen and (max-width: 1440px) { .pgs .nwsrch .item { height: 45px; line-height: 45px;} .pgs .nwsrch .item .ipt { height: 43px;} .pgs .nwsrch .item select{ height: 43px;} .nwdtl .bck a.lnk{font-size: 18px;} .nwdtl .bck a.lnk .iconfont{ font-size: 24px;} } @media screen and (max-width: 1024px) { .pgs .nwsrch .cnt{ white-space: normal;} .pgs .nwsrch .item{ width: 33%;} .pgs .nwsrch .item2{ width: 100%; max-width: 100%; padding-top: 2%;} .pgs .nwsrch .item2 .subtn{ width: 40%; margin: 0 auto;} .subs{ width:26%;} .dtl_tit h1{ font-size: 24px;} .dtl_tit p{ font-size: 14px;} #nav .fnt:hover span.ln, #nav .crt span.ln{ display: none;} } @media screen and (max-width: 960px) { .pgs .nwsrch .item{ width: 32%;} .pgs .nwsrch .item2{ width: 100%; max-width: 100%; padding-top: 2%;} .pgs .nwsrch .item2 .subtn{ width: 40%; margin: 0 auto;} .subs{ width:26%;} } @media screen and (max-width: 768px) { .pgs .nwsrch .item{ width: 100%; max-width: 100%; padding: 0 0 1% 0;} .pgs .nwsrch .item2{ width: 100%; max-width: 100%; padding-top:2%;} .pgs .nwsrch .item2 .subtn{ width: 100%; margin: 0 auto;} .subs{ width:86%;} .pgs .nwsrch .item .drdm{ margin: 0;} .pgs .nwsrch .item .ipt{ text-indent: 10px;} .pgs .nwsrch .item select{ text-indent: 10px; margin: 0; width: 100%;} .pgs .nwsrch .subtn{ text-indent: 0; text-align: center;} .nwlst .lst .lst_r{ margin-left: 100px;} .nwlst .lst .iconfont { margin-right: 10px;} .nwdtl .phg{ font-size: 14px;} .nwdtl .phg .fnts01{ font-size: 18px;} .nwdtl .phg .fnts02{ font-size: 16px;} .nwdtl .bck a.lnk{ width: 50%;} .nwdtl .phg.font14{ font-size: 14px;} .nwdtl .phg.font16{ font-size: 16px;} .nwdtl .phg.font18{ font-size: 18px;} } @media screen and (max-width: 680px) { .nwlst .lst a.ncgry{ position: static; left: auto; top: auto; display: block; padding: 15px 0 0 150px;} .nwlst .lst .lst_r { margin-left: 0;} .nwlst .lst a.ncgry{ height: auto; line-height: 100%; } .dtl_tit h1{ font-size: 18px;} .dtl_tit p{ font-size: 12px;} .subs{ width:85%;} } @media screen and (max-width: 600px) { .pgs .nwsrch .item select{ font-size: 16px;} } @media screen and (max-width: 500px) { .nwlst .lst .iconfont{ font-size: 12px; margin-right: 10px; } } @media screen and (max-width: 550px) { .nwlst .lst .lst_r .lnk span.time{ display: none;} .nwlst .lst a.ncgry{ padding: 10px 0 0 0;} .nwlst .lst .lnk .ftn_02{ margin-left: 25px;} .pgs .nwsrch .subtn { font-size: 16px; } .nwdtl .nw_cgy ul li a{ display: block; padding-right: 20px; } .nwdtl .nw_cgy ul li{ font-size: 14px;} .dtl_tit{ border-left: 6px solid #cc3333; } .dtl_tit{ padding-left: 4%;} } @media screen and (max-width: 450px) { .nwlst .lst .lnk .ftn_02 { font-size: 14px;} .nwtit h2{ font-size: 16px;} .nwlst .lst .iconfont,.nwlst .lst a.ncgry span{ font-size: 12px;} .nwdtl .bck{ padding: 10% 0 4% 0 } .nwdtl .nw_cgy ul{ padding: 5% 0 3% 0; } } @media screen and (max-width: 450px) { .nwdtl .nw_cgy ul li{ font-size: 12px;} .nwdtl .nw_cgy ul li a .iconfont{ webkit-transform-origin-x: 0; -webkit-transform: scale(0.60); transform:scale(0.6);} .nwdtl .nw_cgy ul li a{ padding-right: 10px; } .nwdtl .bck a.lnk{ width: 100%; padding: 2% 0; font-size: 16px; } } @media screen and (max-width: 414px) { .pgs .nwsrch .item .ipt{ font-size: 14px;} .pgs .nwsrch .item select{ font-size: 14px;} .nwlst .lst .lnk .ftn_02 { font-size: 12px;} .dtl_tit h1{ font-size: 16px;} .nwdtl .bck a.lnk .iconfont{ font-size: 20px;} }