@charset "utf-8";
/* CSS Document */
*{
      padding: 0;
      margin: 0;
   }
html{height:100%;    -webkit-tap-highlight-color: transparent;
    text-size-adjust: 100%;-webkit-text-size-adjust:100%;font-size: 16px;}
body{height:100%;position:relative;margin:0;padding:0;background:#fff;-webkit-font-smoothing: antialiased;color:#242424;font-size: 14px;
    font-weight: 400;
text-rendering: optimizeLegibility;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
*, ::after, ::before {
    box-sizing: border-box;
}
textarea:focus, input:focus{
    outline: none;
}
.color1{color:rgb(0,44,111);}
h1,h2,h3,h4,h5,h6,ul,form,dl{padding:0;margin:0;}
a{text-decoration:none;color:#242424}
a:hover{text-decoration:none;color:#0044c3}
ul{list-style:none;}
ol{padding-left:18px;}
ol ol{padding:8px 0 8px 18px;}
img{border:0;}
.w{margin:0 auto;width:95%;max-width:1300px;width:1300px\9;}
.w1{margin:0 auto;max-width:1124px;width:100%;}
.w2{margin:0 auto;width:952px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;height:0;line-height:0; overflow:hidden;}
.clear{clear:both;height:0px;line-height:0px;font-size:0px;overflow:hidden;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.m_d_t{display:none;}

#top{border-bottom: 1px solid #e5e5e5;padding:1rem 0;}
#top #topNav{display: flex;
    justify-content: space-between;align-items:center;}
#top .navcontent{height:120px;position:absolute;left:0;right:0;bottom:0;z-index:2;display: flex;    justify-content: space-around;}
#top #logo{font-size: 22px;font-weight: bold;}
#nav{height:100%;display:flex;justify-content:flex-end;align-items:center;transition: all .7s cubic-bezier(.43,.195,.02,1);position:relative;}
#nav>li>a{display:block;padding:16px 42px;font-weight: 600;font-size:20px;}
#nav li{position:relative;}
#nav ul{display: none;left: 0;position:absolute;top:100%;}
#nav ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}
#nav li:hover>ul{display:block;}
#nav>li{white-space: nowrap;height:100%;display:flex;align-items: center;}
#nav li>a{text-transform:uppercase;transition: all .6s cubic-bezier(0.15,.8,.5,1);}
#nav li>a span.arrow{background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000000' d='M174.081 283.648l-59.008 57.225 396.929 399.479 396.924-399.476-59.004-57.228-337.92 335.872z'/%3E%3C/svg%3E") no-repeat right center;padding-right:22px;}

#topMenu{display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
#topMenuCon{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#topMenuCon .imgPart{    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    top: -100%;background:#f4f4f4;}
#topMenuCon .imgPart .text{    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);font-weight: bold;font-size: 600%;line-height: 100%;}
#topMenuCon .imgPart .text span{font-size: 70%;text-transform: uppercase;;}
#topMenuCon .textPart{    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    background-color: #fff;
    text-align: left;
    padding: 0 2.6rem 0 8rem;
    overflow: auto;
    top: -100%;}

#topMenuCon .textPart>ul>li>a{font-size: 24px;}
#topMenuCon .textPart>ul>li{margin-bottom:3rem;}
#topMenuCon .textPart ul li ul{display: flex;
    align-items: flex-start;
    flex-wrap: wrap;}
#topMenuCon .textPart ul li ul li {margin: 1rem 2rem 0 0;}


#topMenuBtn{position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s;}
#topMenuBtn div{width: 24px;
    height: 20px;
    cursor: pointer;}
#topMenuBtn div i{    position: relative;
    display: block;
    height: 2px;
    background: #6c757d;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
#topMenuBtn div  i:nth-child(2) {
    width: 22px;
    margin: 6px 0;
}

body.mopen #topMenuBtn div i:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.mopen #topMenuBtn div i:nth-child(2) {
    opacity: 0;
}
body.mopen #topMenuBtn div i:nth-child(3) {
    bottom: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#logo{background:url(/images/logo.png) no-repeat center center;background-size: auto 100%;width:200px;height:40px;text-indent: -1000000000px;;}
#searchBtn{}


#rmdType{overflow-y:hidden;display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding:12px 0;
    overflow-x: hidden;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;}
#rmdType span{font-weight: bold;;}
#rmdType a{padding:0 12px 0 0;color:#6c757d!important}

#saCon{
    background-color: #e9ecef;
    border-radius: .3rem;}
#saCon div{padding:2rem;font-size: 90%;;}

.ul1{padding:2rem 0;}
.ul1 h2{padding-bottom: 1rem;}
.ul1>li{padding-bottom: 2rem;;}
.ul1 ul{display: flex; flex-wrap: wrap; padding:1rem 0;;}
.ul1 ul li{width:25%;}
.ul1 ul li a{display: flex;flex-direction: column;border-radius: .3rem;align-items: center;background:#e9ecef;margin:12px;overflow: hidden;padding-bottom: 1rem;}
.ul1 ul li a span{width:100%;height: 140px; text-align: center;    display: flex;
    align-items: center;
    justify-content: center;    box-sizing: content-box;padding-bottom: 12px;}
.ul1 ul li a span img{    object-fit: cover;
    width: 100%;
    height: 100%;}
.ul1 ul li a span.loading img{width:auto;height:auto;object-fit: none;}
.ul1 ul li a:hover{background:#f6fafd}

.content h1{padding:2rem 0;}
.content .con{line-height: 190%;}
.content .con h3{padding:1rem 0;}
.content .con ol{padding:1rem;padding-left:2rem;}
.content .con ol li{padding:0.3rem;}

.tag{display: flex;flex-wrap: wrap;padding:2rem 0;}
.tag a{margin:0 1rem 1rem 0;padding:0.7rem;background: #e9ecef;border-radius: .3rem;}