html { font-size:calc(100vw/1920) !important; }
*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#000000;text-decoration:none; }
a:hover{color:#C6A76E;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }

.clearfix:after { display: block; content: ''; clear: both;}

body{ color:#000000; background: #ffffff; font-size: 16rem; line-height: 1.8; font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }

.wow { visibility: hidden; }

.wrap { overflow: hidden; padding-top: 80rem; }

.ep_t { cursor: pointer; user-select: none;}
.ep_m { position: absolute; left: 0; background: #FFFFFF; box-shadow: 0 4rem 20rem rgba(13,66,122,0.1); border-radius: 16rem; border: 1rem solid #dddddd; display: none; padding: 10rem 0;}

.mainbox { width: 1200rem; margin: 0 auto; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}

.header { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; box-shadow: 0 0 10rem rgba(0, 0, 0, 0.1); }

.topbox { height: 80rem; position: relative; background: #ffffff; }

.head_logo { float: left; padding: 9rem 0;}
.head_logo img { display: block; float: left; height: 62rem; }
.head_logo p { float: left; margin-left: 12rem; line-height: 26rem; font-size: 22rem; font-weight: bold; padding: 5rem 0;}
.head_logo span { display: block;}
.head_logo a:hover p { color: #000;}

.head_lang { float: right; margin-top: 20rem; position: relative; }
.head_lang .t { border: 1rem #dddddd solid; border-radius: 20rem; position: relative; padding: 0 34rem 0 50rem; line-height: 38rem; font-size: 14rem; color: #666666; background: url('../img/lang.png') 19rem center no-repeat; background-size: 20rem auto;}
.head_lang .t:after { display: block; content: ''; position: absolute; right:19rem; top: 50%; width: 9rem; height: 5rem; background: url('../img/d.png') center center no-repeat; background-size: contain; margin-top: -2rem;}
.head_lang .m { width: 100%;}
.head_lang .m ul li a { display: block; padding: 5rem 0 5rem 50rem; line-height: 24rem; font-size: 14rem; }
.head_lang .m ul li a:hover { color: #0764df;}
.head_lang .m ul li a.on { color: #0764df;}

.ibanner{ position: relative; z-index: 1; }

.ibanner_img img{ display: block; width: 100%; height: 800rem; object-fit: cover; }

.login_box { position: absolute; right: 50%; top: 50%; margin-right: -600rem; margin-top: -233rem; width: 420rem; border-radius: 10rem; border: 2rem #fff solid; background: linear-gradient(#dbeaff,#ffffff); padding: 38rem; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.1);}
.login_box .tit { text-align: center; line-height: 30rem; font-size: 26rem; color: #0764df; font-weight: bold; }
.login_box .tit:after { display: block; content: ''; width: 40rem; height: 4rem; border-radius: 2rem; background: #0764df; margin: 10rem auto 0 auto;}
.login_box .item { position: relative; margin-top: 30rem; }
.login_box .item img { display: block; position: absolute; left: 12rem; top: 50%; margin-top: -12rem; height: 24rem;}
.login_box .input { display: block; width: 100%; border: 1px #e5e5e5 solid; height: 50rem; background: #ffffff; line-height: 48rem; text-indent: 45rem; border-radius: 4rem; font-size: 16rem;}
.login_box .input:focus { border: 1px #3790f1 solid;}
.login_box .tool { padding: 15rem 0 25rem 0; line-height: 20rem; height: 20rem; box-sizing: content-box; font-size: 14rem;}
.login_box .tool label { float: left; color: #666; cursor: pointer;}
.login_box .tool label input { float: left; margin-top: 2rem; border-radius: 4rem; border: 1rem #dedede solid; width: 16rem; height: 16rem; background: #fff; margin-right: 8rem;}
.login_box .tool a { float: right; cursor: pointer; color: #0764DF;}
.login_box .tool a:hover { color: #ff6600;}
.login_box .btnbox { }
.login_box .btnbox .btn { display: block; cursor: pointer; width: 100%; border: none; height: 50rem; background: linear-gradient(to right,#0764DF,#4090FF); color: #fff; line-height: 50rem; text-align: center; border-radius: 4rem; font-size: 16rem; margin-bottom: 20rem;}
.login_box .btnbox .btn:hover { transform: translateY(-3px); color: #fff; opacity: 0.9;}
.login_box .btnbox .btn2 { border: 1rem #0764DF solid; color: #0764DF; line-height: 48rem; margin-bottom: 0; background: none; }
.login_box .btnbox .btn2:hover { color: #0764DF; opacity: 0.9;}


.imain { transition:all 300ms ease; position: relative; }

.inotice_main { background: #f1f4f7; position: relative; }
.imain1 { padding: 100rem 0 100rem 0; background: #f1f4f7; z-index: 20; }
.imain2 { background: url('../img/fbg.jpg') center center no-repeat; background-size: cover; padding: 100rem 0;}

.inotice { margin-top: -45rem; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.03); border-radius: 10rem; background: url('../img/notice.png') 30rem center no-repeat #fff; background-size: 52rem auto; padding: 20rem 30rem 20rem 95rem; position: relative; z-index: 10; }
.inotice .con { display: block; line-height: 50rem; height: 50rem; font-size: 18rem; color: #666666;}


.ilist1 { display: flex; gap: 30rem; }
.ilist1 .item { margin-bottom: 20rem; flex: 1;}
.ilist1 .item_m { display: block; position: relative; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.03); border-radius: 10rem; padding-bottom: 164rem; transition:all 300ms ease; }
.ilist1 .item_m .imgbox { position: relative;}
.ilist1 .item_m .imgbox .img { background: #000; border-radius: 10rem 10rem 0 0; overflow: hidden; position: relative; z-index: 1;}
.ilist1 .item_m .imgbox .img img { display: block; width: 100%; object-fit: cover; height: 200rem; opacity: 0.4;}
.ilist1 .item_m .imgbox .icon { position: absolute; left: 0; right: 0; top: 50%; margin-top: -30rem; z-index: 10;}
.ilist1 .item_m .imgbox .icon img { display: block; height: 60rem; margin: 0 auto;}
.ilist1 .item_m .textbox { position: absolute; left: 0; right: 0; bottom: 0; z-index: 20; background: #fff; border-radius: 10rem; padding: 25rem 20rem 20rem 20rem; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.03);}
.ilist1 .item_m .textbox .t { margin-bottom: 10rem; line-height: 28rem; color: #333; font-weight: bold; font-size: 18rem;}
.ilist1 .item_m .textbox .m { height: 40rem; line-height: 20rem; font-size: 16rem; color: #777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20rem;}
.ilist1 .item_m .textbox .f { height: 32rem;}
.ilist1 .item_m .textbox .f span{ float: right; line-height: 32rem; font-size: 14rem; color: #0764DF; padding-right: 14rem; background: url('../img/r.png') right center no-repeat; background-size: 7rem auto; cursor: pointer;}
.ilist1 .item_m .textbox .f span:hover { color: #ff6600;}

.ilist1 .item_m .textbox:hover .m{ height: auto; display: block;}

.ilist1 .item_m:hover { transform: translateY(-5rem);}


.ititle { position: relative; text-align: center; margin-bottom: 100rem;}
.ititle b { line-height: 80rem; font-size: 40rem; color: #ffffff; position: relative; z-index: 2;}
.ititle span { position: absolute; left: 0; right: 0; text-align: center; color: #E5E5E5; font-size: 50rem; line-height: 1; text-transform: uppercase; opacity: 0.1; z-index: 1;}
.ititle:after { display: block; content: ''; width: 80rem; height: 8rem; border-radius: 4rem; background: #0764df; margin: 0 auto;}

.ilist2 { display: flex; gap: 30rem; align-items: stretch;}
.ilist2 .item { margin-bottom: 20rem; flex: 1;}
.ilist2 .item_m { display: block; position: relative; height: 100%; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.03); border-radius: 10rem; padding-left: 130rem;}
.ilist2 .item_m .imgbox { position: absolute; left: 0; top: 0; bottom: 0; width: 130rem; border-radius: 10rem 0 0 10rem; background: #2c4096; transition:all 300ms ease;}
.ilist2 .item_m .imgbox img { display: block; height: 60rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ilist2 .item_m .textbox { height: 100%; padding: 24rem 30rem; background: #ffffff; border-radius: 0 10rem 10rem 0; }
.ilist2 .item_m .textbox .t { color: #333333; font-size: 20rem; line-height: 52rem; font-weight: bold; position: relative;}
.ilist2 .item_m .textbox .t:before { display: block; content: ''; position: absolute; left: 0; right: 20rem; bottom: 0; height: 2rem; background: #E6E6E6;}
.ilist2 .item_m .textbox .t:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 80rem; height: 2rem; background: #2c4096;}
.ilist2 .item_m .textbox .m { padding: 10rem 0; color: #205DD0; font-size: 16rem; line-height: 30rem; font-weight: bold; transition:all 300ms ease;}
.ilist2 .item_m .textbox .m a{ color: #205DD0; transition:all 300ms ease;}
.ilist2 .item_m .textbox .m a:hover { color: #ff6600; }

.ilist2 .item_m:hover .imgbox { background: #189aee; }
.ilist2 .item_m:hover .textbox .t:after { background: #189aee; }
.ilist2 .item_m:hover .textbox .m { color: #189aee; }
.ilist2 .item_m:hover .textbox .m a{ color: #189aee; }


.footer { padding: 20rem 0; background: #000; font-size: 14rem; line-height: 24rem; color: #B3B5C4; text-align: center;}
.footer a { color: #fff; text-decoration: underline; margin-left: 20rem;}
.footer a:hover { opacity: 0.7;}
.footer span { margin-left: 100rem;}

.page_box { padding: 50rem 100rem;}
.page_t { font-size: 20rem; line-height: 1.75; text-align: center; font-weight: bold;}
.page_m { font-size: 16rem; color: #333; line-height: 1.75; padding: 20rem 0; min-height:60vh;}


.etip { position: fixed; left: 50%; top: 50%; width: 240rem; margin-left: -120rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 15rem; text-align: center; font-size: 16rem; line-height: 2; border-radius: 10rem; z-index: 9999991;}


@media (min-width:2200px){
html { font-size:1px !important; }
}

@media (max-width:999px){
html{ font-size: calc(100vw/480) !important; }
body { font-size: 18rem;}

.mainbox { width: auto; margin: 0 14rem; }

.head_logo { padding: 12rem 0;}
.head_logo img { height: 56rem; }
.head_logo p { margin-left: 10rem; line-height: 22rem; font-size: 20rem; padding: 5rem 0;}
.head_logo p span { font-size: 11rem;}

.ibanner_img { overflow: hidden;}
.ibanner_img img{ height: 70vw; margin-right: -40%; width: 140%; }

.login_box { position: relative; right: auto; top: auto; margin-right: 0; margin-top: 0; width: auto; border-radius: 0; border: none; padding: 38rem; }


.imain1 { padding: 60rem 0 60rem 0; }
.imain2 { padding: 60rem 0;}

.inotice { margin-top: 0; background: url('../img/notice.png') 14rem center no-repeat #fff; background-size: 42rem auto; padding: 15rem 20rem 15rem 70rem;}
.inotice .con { line-height: 30rem; height: 30rem; font-size: 16rem; }

.ilist1 { display: block; gap: 0; }
.ilist1 .item_m { padding-bottom: 0;}
.ilist1 .item_m .textbox { position: relative; border-radius: 0 0 10rem 10rem;}
.ilist1 .item_m .textbox .f { display: none;}
.ilist1 .item_m .textbox .m{ height: auto; display: block;}


.ititle { margin-bottom: 50rem;}
.ititle b { line-height: 60rem; font-size: 30rem; }
.ititle span { font-size: 40rem; }
.ititle:after { width: 60rem; height: 6rem; border-radius: 3rem; }

.ilist2 { display: block; gap: 0;}
.ilist2 .item { margin-bottom: 20rem; }
.ilist2 .item_m .textbox { padding: 14rem 30rem; }

.footer i { display: block;}
.footer a { margin: 0 10rem;}
.footer span { display: block; margin-left: 0;}

.page_box { padding: 50rem 0rem;}

}

/*滚动条*/
::-webkit-scrollbar-corner { background-color:#ffffff;}
::-webkit-scrollbar{width: 6rem; height:6rem; border-radius:3rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.4); border-radius:3rem; }