@charset "utf-8";
/* 通用 */
body {font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;line-height: 1.6;background: #f0f0f0;color: #333;font-size-adjust: none;-webkit-text-size-adjust: none;}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p,td, textarea, th, ul {margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
button,input,optgroup,option,select,textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:400}
fieldset,iframe,img {border:0}
li,ol,ul {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;font-size:100%;}
ul {display:inline-block}
img,ul {vertical-align:top}
img{ width:auto; height:auto; max-width:100%; max-height:100%;border:none;}
a {color: #333;text-decoration: none;}
a:hover{color: #666;text-decoration: underline;}
q:after,q:before {content:""}
*,:before,:after {box-sizing: inherit;}
code {background: rgba(255,51,51,0.05);color: #c27070;font-family: Menlo,Monaco,Consolas,"Courier New","Noto Sans CJK SC","Source Han Sans CN",SimHei;padding: 1px 3px;margin: 0 2px;border-radius: 3px;font-size: 15px;}
pre {padding: 10px 10px 10px 35px;font-size: 13px;line-height: 18px;background-color: #f6f6f6;font-family: "Lucida Console", Consolas, Monaco;white-space: pre-wrap;word-break: break-all;position: relative;overflow: hidden;border-radius:5px;}

/* 清除浮动 */
.after:after {content:"";display:block;height:0;clear:both;visibility:hidden}

/* 主体居中 */
.wrap {max-width: 1200px;margin: 0 auto;}

/* 左右定位 */
.left{float: left;}
.center{float: left;}
.right{float: right;}

/* 内容主体定位 */
.header {width: 100%;background-color: #212529;}
.main {width: 100%;height: auto;margin:20px auto;display: grid;grid-template: auto / 200px auto;}

/* 头部 */
.i-top {position: absolute;top: 0;left: 0px;z-index: 100;width: 100%;height: 62px;background: rgba(0,0,0,.18);}
.header-left{display: block;background: rgba(0,0,0,.18);padding: 0 15px;}
.header-center {overflow: hidden;}
.header-right{margin-right: 15px;display: block;}
.header-left span {display: block;float: left;}

.logo {width: 40px;height: 32px;margin: 15px auto;border-radius: 9px;background-image: url("/d/style/logo/4.svg");background-repeat: no-repeat;background-position: center center;background-size: 24px;background-color: #fff;}
.logo-txt {height: 62px;line-height: 62px;color: #fff;padding-left: 10px;font-size: 18px;}
.header-center ul{vertical-align: middle;}
.header-center li {float: left;width: 100px;display: block;text-align: center;}
.nav {background: rgba(0,0,0,.18);height:0px;overflow:hidden;transition:height 0.7s;-moz-transition:height 0.7s;/* Firefox 4 */ -webkit-transition:height 0.7s;/* Safari and Chrome */}
.nav a {height: 40px!important;line-height: 40px!important;}
.header-center li:hover .nav {height:auto;}
.header-center li:nth-child(3):hover .nav {}
.header-center a {height: 62px;line-height: 62px;color: #fff;padding: 0 15px;display: block;transition:all 0.7s;}
.header-center a:hover {background: rgba(0,0,0,.18);text-decoration: none;transition:all 0.7s;}

/* 搜索 */
.search {height: 30px;width: 30px;margin-top: 15.5px;padding-left: 15px;float: right;color: #fff;}
.search a{float: right;display: block;width: 30px;height: 30px;background-image: url("/d/style/i-search.svg");background-repeat: no-repeat;background-position: center center;background-size: 20px;}
.search a:hover{text-decoration: none;}

/* 目录 */
.menu {margin-top: 18px;margin-left: 15px;float: right;color: #fff;width: 25px;height: 25px;background:url('/d/style/menu.svg') no-repeat;background-size: 20px;background-position:center;cursor: pointer;vertical-align: middle;}
#hidebg {position:fixed;left:0px;top:0px;background-color:rgba(0,0,0);width:100%;filter:alpha(opacity=30);opacity:0.3;display:none;z-Index:200;}
#hidebox {position:fixed;display:none;}
.modal {display: block;overflow-x: hidden;overflow-y: auto;}
.modal {background: rgba(255,255,255,0.95);z-index: 200;top: 62px;right: 0;bottom: 0;left: 0;}
.modal dl {margin: 15px;border-bottom: 1px dotted #333;padding-bottom: 10px;}
.modal dt {padding: 10px;line-height: 1;border-left: 3px solid #333;}
.modal dt a {color: #333;}
.modal dd {width: 100%;padding: 10px 0;}
.modal dd a {color: #333;width: 10%;display: block;float: left;line-height: 2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* 首页搜索 */
.i-search {max-width: 100%;height: 520px;background-image: url("https://123rfchina.shenbipie.com/banner/banner_74b2ece268ac818998a78c54e3630d5b.jpg");background-repeat: no-repeat;background-size: cover;background-position: 50% center;}
.i-search-i {max-width: 790px;height: 60px;padding: 253px 0;text-align: center;margin: auto;}
.i-search-box {background: #fff;max-width: 790px;height: 52px;position: relative;overflow: hidden;border: 4px solid rgba(0,0,0,.1);background-clip: border-box;background-clip: padding-box;background-clip: content-box;border-radius: 6px;margin: auto;opacity: 0.9;}
.i-search form {display: block;padding-left: 15px;}
.i-search-shuru {display: block;width: 100%;float: left;height: 52px;line-height: 52px;font-size: 13px;color: #333;outline: medium;background-color: #fff;border: 0;}
.i-search a{float: right;display: block;width: 52px;height: 52px;position: absolute;top: 0px;right: 0px;background-image: url("/d/style/search.svg");background-repeat: no-repeat;background-position: center center;background-size: 30px;background-color: #f3cc47;}
.i-search a:hover{text-decoration: none;}
.i-search-shuru:placeholder {color: #6c757d;opacity: 1;}

/* 内容主体定位 */
.main-left{float: left;max-width:100%;margin-right: 20px;}
.main-right{float: right;max-width:100%;}

.position {line-height: 2;margin-top: 20px;}

.main-left-nav {background: #fff;font-size: 16px;}
.main-left-nav ul {width: 100%;padding: 10px 0;}
.main-left-nav li a {display: block;text-align: center;line-height: 3;}

.main-right-con {background: #fff;font-size: 16px;line-height: 1.8;padding: 20px 30px;}
.main-right-con dt {color: #333;font-size: 18px;line-height: 2;}
.main-right-con dd{color: #666;}
.hr20 {border-top: 1px solid #999;margin: 20px 0;}

.main-right-ul {width: 100%;padding: 10px 0;}
.main-right-ul li {display: block;}
.main-right-ul li a {display: block;float: left;line-height: 2;padding: 0 5px;}

.FindLink a {padding: 0 10px 0 0;color: #666;}

/* 内容标题主体 */
.main-bt {background-color: #ffffff;border-radius: 12px;padding: 20px 0px;margin-bottom: 20px;overflow: hidden;word-break: break-word;word-wrap: break-word;}
.main-bt h1 {margin-bottom: 10px;color: #1f1f1f;font-size: 18px;line-height:22px;}

/* 提示 */
.hb-nav {display: none;height: auto;}

/* footer */
.footer {background: #f9f9f9;line-height: 1;}
.footer-slogan {background: #424242;height: 75px;text-align: center;line-height: 75px;letter-spacing: 1.09px;color: #fff;font-size: 25px;}
.footer-wrap {padding-top: 40px;display: grid;grid-template: auto / 25% 25% 25% 25%;}
.footer-header {padding-bottom: 20px!important;font-size: 14px!important;color: #333!important;}
.footer-info li {padding-top: 10px;padding-bottom: 9px;font-size: 13px;color: #bebebe;}
.footer-info a {text-decoration: none;color: #5e5e5e;font-size: 13px;}
.footer-info a:hover {text-decoration: underline;color: #333;}
.copyright {text-align: center;margin-top: 55px;height: 60px;line-height: 60px;max-width: 100%;color: #000;font-size: 12px;font-weight: 400;border-top: 1px dotted #767676;}
.footer-btn {float: right;}
.footer-btn li {width: 90%;margin: auto;}
.footer-btn a {display: block;background: #f3cc47;-webkit-box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);box-shadow: 0 2px 4px 0 rgba(178,140,19,.5);border-radius: 2px;width: 145px;height: 42px;line-height: 42px;text-align: center;color: #000;}
.footer-btn a:hover {background: #b28c13;color: #fff;-webkit-box-shadow: none;box-shadow: none;text-decoration: none;}
.footer-btn a.btn-become {display: block;background: #fff;border: 1px solid #000;border-radius: 2px;text-align: center;color: #000;-webkit-box-shadow: none;box-shadow: none;}
.footer-btn a.btn-become:hover {background: #000;color: #fff;-webkit-box-shadow: none;box-shadow: none;text-decoration: none;}

/* Link */
.friendship-Link {padding: 72px 0;background: #f0f2f5;}
.friendship-Link-wrapper h4 {font-size: 16px;color: #3c3c3c;line-height: 21px;margin-bottom: 20px;position: relative;padding-left: 14px;font-weight: 700 !important;}
.friendship-Link-wrapper h4:before {content: "";display: inline-block;width: 6px;height: 17px;background: #f3cc47;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;}
.links {min-height: 84px;padding-left: 14px;}
.links a {font-size: 14px;color: #5e5e5e;line-height: 28px;position: relative;margin: 0 12px 12px 0;display: inline-block;height: 100%;cursor: pointer;}
.links a:after {content: "";display: inline-block;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;border-bottom: 1px dotted #5e5e5e;}

@media screen and (max-width:1250px){
.wrap {max-width: 100%;margin: auto 8px;}

/* 顶部 */
.header-center {width: 0px;}
.i-top {height: 50px;}
.logo {margin: 9px auto;}
.logo-txt {height: 50px;line-height: 50px;}
.header-center a {height: 50px;line-height: 50px;}
.search {margin-top: 9.5px;}

/* 目录 */
.menu {margin-top: 13px;}
#hidebox{left: auto;width: -moz-available;width: -webkit-fill-available;max-width: 100%;top: 50px;bottom: 100px;}
.modal dd a {width: 25%;}

.i-search {height: 260px;}
.i-search-i {padding: 131px 0 81px;height: auto;}
.i-search-box {height: 40px;max-width: 60%;}
.i-search-shuru {height: 40px;line-height: 40px;font-size: 12px;}
.i-search a {width: 40px;height: 40px;background-size: 15px;}

.main {width: auto;border-radius: 0px;display: block;}

/* 内容标题主体 */
.main-bt {padding: 13px;margin: 8px auto;}
.main-bt h1 {margin: 2px 0px 5px;}

.position {margin: 8px;}
.main-left {float: none; max-width: 100%;margin: 8px 0;}
.main-left-nav li {float: left;width: 33%;}
.main-left-nav li a {line-height: 2;}

/* footer */
.footer-slogan {height: 50px;line-height: 50px;font-size: 18px;}
.footer-wrap {padding-top: 15px;grid-template: auto / 20% 20% 25% 35%;}
.footer-header {padding-bottom: 10px !important;}
.footer-btn {max-width: 90%;}
.footer-btn a {max-width: 100%;height: 32px;line-height: 32px;margin: auto;}
.copyright{margin-top: 20px;height: 40px;line-height: 40px;overflow: hidden;}

/* 提示 */
.hb-nav {color: #858585;font-size: 13px;display: block;}
.hb-nav .trigger-menu-wrapper {line-height: 35px;position: fixed;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;z-index: 100;transition: all .35s ease-in-out;background: transparent;}
.hb-nav .trigger-menu {display: flex;align-items: center;margin-bottom: 32px;padding: 0 16px;background: #fff;border-radius: 40px;-webkit-box-shadow: 1px 3px 10px rgba(0,0,0,.25);box-shadow: 1px 3px 10px rgba(0,0,0,.25);overflow: hidden;z-index: 101;}
.hb-nav .trigger-menu-wrapper {position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:100;transition:all .35s ease-in-out;background:transparent;}
.scroll-down .trigger-menu-wrapper {transform:translate3d(0,100%,0);opacity:0;}
.scroll-up .trigger-menu-wrapper {transform:none;opacity:1;}
.hb-nav .trigger-menu {display:flex;align-items:center;margin-bottom:32px;padding:0 16px;background:#fff;border-radius:40px;-webkit-box-shadow:1px 3px 10px rgba(0,0,0,.25);box-shadow:1px 3px 10px rgba(0,0,0,.25);overflow:hidden;z-index:101;}
}