@charset "utf-8";
/* CSS Document */
body{font-family:PingFangRegular,Arial, Helvetica, sans-serif;  font-size: 18px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle; height: auto; max-width: 100%; max-height: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#064589;}
a:focus,input:focus,button:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }
video{ display: block; }
html,body{ width: 100%; height: 100%;}
@font-face {
  font-family: 'OPPOSANS-B-2';
  src: url('fonts/OPPOSANS-B-2.ttf');
}
@font-face {
  font-family: 'PingFangRegular';
  src: url('fonts/PingFangRegular.ttf');
}
@font-face {
  font-family: 'PingFangMedium';
  src: url('fonts/PingFangMedium.ttf');
}
@font-face {
  font-family: 'PingFangLight';
  src: url('fonts/PingFangLight.ttf');
}
@font-face {
  font-family: 'PingFangHeavy';
  src: url('fonts/PingFangHeavy.ttf');
}
@font-face {
  font-family: 'PingFangExtraLight';
  src: url('fonts/PingFangExtraLight.ttf');
}
@font-face {
  font-family: 'PingFangBold';
  src: url('fonts/PingFangBold.ttf');
}
@font-face {
  font-family: "iconfont"; /* Project id 4556472 */
  src: url('fonts/iconfont.woff2?t=1716342812151') format('woff2'),
       url('fonts/iconfont.woff?t=1716342812151') format('woff'),
       url('fonts/iconfont.ttf?t=1716342812151') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xinlangweibo:before {
  content: "\e600";
}

.icon-qq:before {
  content: "\e7c3";
}

.icon-weixin:before {
  content: "\e62e";
}

.icon-dingtalk:before {
  content: "\e8d6";
}

.icon-shouji:before {
  content: "\eac3";
}

.icon-yanzhengma:before {
  content: "\e70b";
}

.icon-xiaoxi:before {
  content: "\e71c";
}



input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; }
.main{ background: #f8f8f8;  }
.warper{ width:1400px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px; z-index: 666; border-radius: 50px; background:#2f62b7 url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:0; text-indent:9999px; bottom:80px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}
.cl{ clear: both; }
/*登录*/
header{ position: fixed; width: 100%; top: 0; left: 0; height: 102px; z-index: 333; }
.logo{ position: absolute; top: 30px; left: -200px; }
.login_main{ width: 100%; height: 100%; background: url(images/login_bg.jpg) center no-repeat; background-size: cover; }
nav{ float: right; margin-top: 40px; }
.he_navul li{ float: left; margin-left: 25px; }
.he_navul li a{ font-size: 16px; color: #fff; }
.he_navul li:hover a{ text-decoration: underline; }
.login_main .warper{ height: 100%; }
.login_text{ width: 602px; position: absolute; top: 30%; left: -48px; }
.login_text h2{ color: #fff; font-size: 56px; font-family: PingFangHeavy; }
.login_text p{ color: #fff; font-size: 19px; margin-top: 12px; font-family: PingFangLight; line-height: 28px; }
.login_text a{ display: inline-block; margin-top: 22px; background: #b5d22c; color: #fff; font-size: 24px; border-radius: 50px; width: 234px; height: 64px; line-height: 64px; text-align: center; }
.login_text a:hover{ transform: translateX(10px); }

.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 688px; background: #fff; border-radius: 16px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.allhide{ opacity: 0; z-index: -3; }
.ge_tle{ float: left; width: 243px; border-top-left-radius: 16px; overflow: hidden; border-bottom-left-radius: 16px; }
.ge_tri{ margin-left: 243px; padding: 42px 40px 0; }
.ge_tri h3{ text-align: center; font-size: 32px; font-family: PingFangBold; }
.ge_form{ margin-top: 32px; }
.ge_form ul li{ margin-bottom: 12px; position: relative; display: flex; }
.ge_form ul li input[type="text"],.ge_form ul li input[type="password"]{ padding: 0 15px 0 32px; color: #333; width: 100%; height: 45px; font-size: 14px; font-family: PingFangMedium; line-height: 45px; border-radius: 10px; border: 2px solid #dedede; }
.captchas {border-radius: 10px;width: 100%;height: 100%;}
.captchasinput {width: 65% !important;}
.ge_tri.zhuce{display: none;}
.ge_form ul li input::-webkit-input-placeholder { color: #b2b2b2;}
.ge_form ul li input:-moz-placeholder {color: #b2b2b2;}
.ge_form ul li i{ position: absolute; top: 12px; left: 10px; font-size: 18px; color: #0aa6ff; }
.ge_form ul li label{ padding-left: 18px; font-size: 14px; font-family: PingFangMedium; }
.ge_form ul li label a{ color: #b2b2b2; }
.ge_form ul li label a:hover{ color: #0aa6ff; }
.uk-checkbox { position: absolute; top: 3px; left: 0;
    display: inline-block;
    height: 14px; 
    width: 14px; border-radius: 3px;
    overflow: hidden; 
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #dedede;
    transition: .2s ease-in-out;
    transition-property: background-color,border;
}
.uk-checkbox:checked {
    border:none;
    background: url(images/dh.png) center no-repeat #0aa6ff;
    background-size: 70%;
}
.ge_form ul li button{ opacity: 0.5; transition: all 0.3s; font-family: PingFangBold; font-size: 18px; cursor: pointer; width: 100%; border-radius: 50px; border: none; height: 46px; line-height: 46px; color: #fff; background: #0aa6ff; }
/*.ge_form ul li button:hover{ opacity: 0.9; }*/
.ge_form ul li:last-child{ margin-top: 22px; margin-bottom: 0; }
.ge_media{ margin-top: 20px; }
.ge_media a{ background: #fe7665; margin-right: 6px; text-align: center; color: #fff; display: inline-block; width: 28px; line-height: 28px; height: 28px; border-radius: 28px; }
.ge_media a:nth-of-type(2){ background: #00c9fc; }
.ge_media a:nth-of-type(3){ background: #00d762; }
.ge_media a:nth-of-type(4){ background: #3296fa; }
.ge_media a:hover{ opacity: 0.85; }
.reg_btn{ float: right; font-family: PingFangMedium; font-size: 14px; margin-top: 20px;}
.reg_btn:hover{ text-decoration: underline; }
.get_close,.get_closet{ cursor: pointer; transition: all 0.3s; position: absolute; right: -16px; top: -16px; display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px; border-radius: 32px; color: #fff; background: #0aa6ff; }
.get_close:hover,.get_closet:hover{ transform: rotate(360deg); }
.pro_tocol{ width: 800px; padding: 30px; background: #fff; border-radius: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.toc_pp{  height: 600px; overflow-y: auto; padding-right: 8px; }
.pro_tocol p{ text-indent: 2em; font-size: 16px; line-height: 26px; font-family: PingFangMedium; }
.toc_pp::-webkit-scrollbar{ width: 3px; height: 1px; border-radius: 3px; }
.toc_pp::-webkit-scrollbar-thumb{ border-radius: 0; background: #0aa6ff; }
.toc_pp::-webkit-scrollbar-track { border-radius: 0; background: #eee; }

/*首页*/
.index_main{ width: 100%; height: 100%; background: url(images/idx_bg.jpg) center no-repeat; background-size: cover; }
.page_head{ background: #fff; }
.page_head .he_navul li a{ color: #333; }
.in_box{ position: absolute; top: 300px; left: 0; width: 100%; }
.in_box h1{ font-size: 42px; text-align: center; font-weight: normal; font-family: OPPOSANS-B-2; }
.insoul{ display: flex; }
.insoul a{ width: 13.5%; margin-right: 1.5%; display: inline-block; overflow: hidden; height: 460px; background-repeat: no-repeat; background-size: cover; }
.insoul a:last-child{ margin-right: 0; }
.insoimg{ transition: all 0s; }
.insoimg img{ width: 100%; }
.insoul a.on{ width: 40%; }
.insoul a.on .insoimg{ display: none; }