@charset "utf-8";.btn{ display: inline-block;color: #fff;padding: 0 8px;line-height: 22px;text-align: center} .btn img{ vertical-align: -2%} .btn.btn-blue{ background-color: #0099d5} .btn:hover{ color: #fff;opacity: .7} .text_nowrap{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden} .ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all} .text-right{ text-align: right} .fz13{ font-size: 13px} .fstart{ justify-content: flex-start} .w50{ width: 48%} .w30{ width: 30%} .w80{ width: 80%} .mt10{ margin-top: 10px} .mt20{ margin-top: 20px} .mt30{ margin-top: 30px} @media screen and (max-width:991px){ .m-100{ width: 100%!important } .m-hide{ display: none!important } .m-mt10{ margin-top: 10px!important } .m-mt20{ margin-top: 20px!important } .m-mt30{ margin-top: 30px!important } .m-hauto{ height: auto!important }}.crumb{ line-height: 25px;padding: 15px 0} .crumb p{ padding-left: 24px;background: url(../images/public/ico1.gif) 2px no-repeat;color: #999} .crumb form{ width: 220px;position: relative;float:right;} .crumb form input[type=text]{ width: 100%;line-height: 23px;height:25px;padding: 0 10px;border: #c8c8c8 solid 1px} .crumb form .btn1{ position: absolute;width: 25px;height: 25px;background: url(../images/public/btn1.gif) no-repeat;top: 0;right: 0;cursor: pointer} @media (max-width:1020px){ .crumb .flex{ padding: 10px 0 }}.main{ position: relative} .mainLeft{ width: 240px} .mainContent{ width: 750px;width: calc(100% - 270px);padding-top: 150px} @media (max-width:991px){ .mainContent{ padding-top: 10px }}.sidebar{ color: #fff} .sidebar a{ color: #fff;display: block;padding-left: 30px} .sidebar h1{ background-color: #0f70aa;font-size: 16px;line-height: 38px;height: 39px;font-weight: 400;border-bottom: 3px solid #0067a5} .sidebar .level-1{ background: #0099d6 url(../images/public/ico2.gif) no-repeat 15px;height: 40px;line-height: 40px;border: 1px solid transparent} .sidebar .level-1:hover{ background: #0087c4 url(../images/public/ico2.gif) no-repeat 15px;border: #0166a3 solid 1px} .sidebar .active .level-1,.sidebar .on .level-1{ background: #0087c4 url(../images/public/ico2.gif) no-repeat 15px;border: #0166a3 solid 1px} .sidebar .on .sub{ display: block} .sidebar .sub{ padding: 6px 0;background: #f0f0f0;display: none} .sidebar .sub a{ color: #333;height: 28px;line-height: 28px;padding-left: 28px;border: transparent solid 1px;background: url(../images/public/ico5.gif) 16px center no-repeat} .sidebar .sub a.on,.sidebar .sub a:hover{ color: #0099d6;background: #e3e4e6 url(../images/public/ico5.gif) 16px center no-repeat;border: #d8d8d8 solid 1px} @media (max-width:991px){ .sidebar{ color: #333;padding: 10px 0;padding-left: 30px;position: relative;border-bottom: 1px dotted #717071 } .sidebar:after{ content: "";position: absolute;width: 0;height: 0;border-top: 12px solid transparent;border-right: 12px solid #2d458d;border-bottom: 12px solid transparent } .sidebar::after{ left: 10px;top: 50%;margin-top: -12px } .sidebar a{ color: #333;display: inline-block;padding: 0 5px;font-size: 14px } .sidebar h1{ background: 0 0;border-bottom: none;display: inline-block;line-height: 20px;height: 20px;padding-right: 0 } .sidebar h1::after{ content: ">" } .sidebar ul{ display: inline } .sidebar .level-1{ background: 0 0;line-height: 20px;height: 20px } .sidebar li{ display: inline-block;line-height: 20px;position: relative } .sidebar li:not(:last-child)::after{ content: "";position: absolute;width: 1px;top: 3px;height: 16px;background-color: #aaa }}.column-banner{ position: absolute;top: 0;right: 0;z-index: 3;width: calc(100% - 270px)} @media (max-width:991px){ .column-banner{ position: relative }}.page_title{ font-size: 15px;color: #0f70aa;padding: 0 0 0 15px;height: 30px;line-height: 20px;border-bottom: #88b2dd dashed 1px;margin-bottom: 15px;background: url(../images/public/ico3.gif) 2px 8px no-repeat} .newslist li{ line-height: 30px;height: 30px;position: relative;border-bottom: #d5d5d5 dashed 1px} .newslist li span.date{ position: absolute;right: 0;top: 0;color: #999} .newslist li a.title{ width: 100%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all} .newslist li i{ font-style: normal;color: #bc1b2d} .newslist.h40 li{ line-height: 40px;height: 40px} .newslist.MD li{ padding-right: 4em} .newslist.YMD li{ padding-right: 6em} .newslist.ico li{ padding-left: 20px} .newslist.ico li:before{ content: "";position: absolute;width: 6px;height: 1px;background-color: #999;top: 50%;left: 6px} @media screen and (max-width:768px){ .newslist li{ line-height: 32px!important;height: 32px!important;background-position: 0 13px } .newslist li a{ line-height: 32px!important }}.hd{ font-size: 0;border-left: #d2dfeb solid 1px} .hd a{ display: inline-block;height: 29px;line-height: 29px;text-align: center;overflow: hidden;border: #d2dfeb solid 1px;background: #f2f4f9;font-size: 13px;padding: 0 15px;color: #014375;border-left: 0;cursor: pointer} .hd a.on{ color: #fff;background-color: #289cd2;background-image: linear-gradient(#38aadf,#289cd2,#168cc3)} .faqTitle{ padding: 0 5px 0 0;height: 50px;background: url(../images/service/faqTitle.gif) repeat-x left 30px;position: relative} .faqTitle span{ font-size: 15px;color: #0f70aa;padding-left: 15px;background: url(../images/public/ico3.gif) 2px 7px no-repeat} .faqTitle .more{ position: absolute;color: #1867a0;top: 3px;right: 0} .leftTitle{ height: 40px;padding-left: 13px;font-size: 14px;color: #00578d;background: url(../images/public/ico6.gif) left 8px no-repeat} .tab{ position: relative} .tab .hd{ position: relative} .bd>.c{ display: none;transition: all .3s} .bd>.on{ display: block} .bd{ padding: 10px 14px 5px 14px;border: #d2dfeb solid 1px} .column-more{ line-height: 40px;height: 40px;padding-left: 6px} .column-more a{ color: #999} .column-more a:hover{ color: #0099d6} .imb{ position: relative} .imb dd{ position: absolute;left: 0;bottom: 0;height: 35px;width: 100%} .imb dd a{ display: block;padding: 0 2%;font-size: 15px} dl.flex.ddright{ padding: 20px 0} dl.flex.ddright dt.border img{width:238px;height:158px; } .PublicationShow dl.flex.ddright dt.border img{width:225px;height:144px; } dl.flex.ddright dd{ width: 495px;width: calc(100% - 255px)} dl.flex.ddright dd h4{ font-size: 16px;line-height: 24px;font-weight: 400} dl.flex.ddright dd h5{ line-height: 20px;font-weight: 400;padding-bottom: 8px} .fwjs dl.flex.ddright dd h5{border-bottom: #d5d5d5 dashed 1px;} dl.flex.ddright dd .memo{ line-height: 20px} .borderb{ border-bottom: #d5d5d5 dashed 1px} .border img{ border: #e5e5e5 solid 1px;padding: 2px} @media (max-width:991px){ dl.flex.ddright dt.border img,.PublicationShow dl.flex.ddright dt.border img{max-width: 100%;width: calc(100% - 6px);height:auto;}.fwjs dl.flex.ddright dd h5 a{font-size:16px;}}