*{margin:0; padding:0;} *, ::after, ::before {box-sizing: border-box;}
html{font-family:"PingFang SC-Regular",Arial, Helvetica, sans-serif;font-size:14px;}
body{margin:0;padding:0;margin:auto;overflow-x:hidden;overflow-y:auto;word-wrap:break-word;}
a{text-decoration:none;color:#000000;}

.bigbk{background:url(https://www.100ppi.com/images/2025/bj.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100vh;}
.thead{background:#fff;width:100%;}
.theadbox{margin:auto;width:950px;padding:7px 0;display:flex;justify-content:space-between;font-size:13px;color:#656565;}
.theadbox a{font-size:13px;color:#656565;}
.topgnbox{display:flex;flex-direction:row;align-items:center;}
.topgnbox span{color:#c3c3c3;}
.topdyewm{display:none;position:absolute;top:24px;left:-10px;z-index:3;box-shadow:0px 5px 5px 1px #d2d4d6;}
.dyewm02{top:40px;left:150px;}
.topdyewm img{width:200px;}
.topewmbox:hover .topdyewm{display:block;}
.topewmbox{position:relative;}

.logotop{width:950px;height:115px;margin:auto;padding:30px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
.logotop .logobox{display:flex;flex-direction:row;align-items:center;}
.logotop .logobox .topline01{height:4rem;width:1px;background:#ccc;margin:0 30px;}
.logotop .userbox .name{color:#656565;}
.logotop .userbox .name a{text-decoration:underline;color:#2148B8;}
.logotop .userbox .out{border:1px solid #dedede;color:#656565;padding:2px 6px;margin-top:4px;cursor:pointer;}
.logbox{margin:0 auto;width:950px;height:580px;display:flex;flex-direction:row;box-shadow:0px 3px 6px 1px #D6E3F5;border-radius:10px;}
.logbox .gptbk{background:url(https://www.100ppi.com/images/2025/logleft-gpt-nw.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px;}
.logbox .qhtbk{background:url(https://www.100ppi.com/images/2025/logleft-qht-nw.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px;}
.logbox .xhtbk{background:url(https://www.100ppi.com/images/2025/logleft-xht-nw.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px;}
.logbox .left h2{font-size:20px;font-weight:normal;color:#fff;text-align:center;margin-bottom:30px;}
.logbox .left p{font-size:16px;color:#fff;line-height:30px;text-align:justify;}
.logbox .xhtbk p{font-size:14px;line-height:24px;}
.logbox .right{background:#fff;width:50%;height:auto;border-radius:0 10px 10px 0;position:relative;}
.logbox .right .box{padding:70px 62px 20px 62px;}
.logbox .right .box h2{font-size:20px;text-align:center;}
.logbox .right .box .logipt{position:relative;}
.logbox .right .box .logipt img{position:absolute;top:46px;left:20px;}
.logbox .right .box .logipt input{width:350px;height:50px;font-size:14px;background:#FFFFFF;border-radius:4px;border:1px solid #CCCCCC;padding:15px 15px 15px 46px;outline:none;margin-top:30px;}
.logbox .right .box .logipt .btn01{background:#2866DB;color:#fff;padding:0 !important;}
.logbox .right .box .logipt .btn01:hover{background:#4d89f8;}
.logbox .right .box .regfor{display:flex;justify-content:space-between;margin-top:10px;}
.logbox .right .box .forget{/*text-align:right;margin-top:10px;*/}
.logbox .right .box .register{/*text-align:center;margin-top:20px;*/color:#999;}
.logbox .right .dlewm{display:flex;justify-content:center;position:absolute;width:100%;bottom:20px;}
.logbox .right .dlewm .ewmbox{/*position:relative;cursor:pointer;*/display:flex;flex-direction:column;align-items:center;}
.logbox .right .dlewm .ewmbox span{display:flex;align-items:center;}
.logbox .right .dlewm .ewmbox span img{margin-right:6px;}
/*.logbox .right .dlewm .ewmbox .ewmimg{display:none;position:absolute;bottom:40px;left:-40px;}*/
.logbox .right .dlewm .ewmbox .ewmimg img{width:100px;}
/*.logbox .right .dlewm .ewmbox:hover .ewmimg{display:block;}*/
.logbox .right .kefubox{float:right;margin-top:18px;}
.logbox .right .kefubox .kefulink{display:flex;align-items:center;flex-direction:row;margin-right:24px;}
.logbox .right .kefubox .kefulink img{width:20px;margin-left:8px;}
.ylbox{margin:60px auto;display:flex;justify-content:center;}
.ylbox img{padding:10px 4px 16px 4px;background:rgba(255, 255, 255, 0.3);border-radius:10px;box-shadow:0px 1px 6px 1px #D6E3F5;width:950px;}
.foot{/*position:fixed;bottom:0;*/margin-top:80px;width:100%;font-size:12px;}
.foot .fbk{width:100%;height:20px;background:#E1EAF9;text-align:center;}
.foot p{padding:8px;text-align:center;}
.foot-b{position:fixed;bottom:0;}

.zxkf{display:flex;align-items:baseline;justify-content:center;}
.sekefu{cursor:pointer;position:relative;}
.sekefu p{display:flex;align-items:center;}
.sekefu:hover .kfmp{display:block;}
.kfmp{display:none;width:220px;position:absolute;bottom:40px;left:0;}

.main01{display:flex;flex-direction:row;justify-content:center;}
.protobox img{height:auto;max-width:100%;}
.servtext{width:380px;margin:41px 0 0 20px;}
.servtext .bigtit{font-weight:600;font-size:2rem;border-left:4px solid #124CD8;line-height:2rem;margin-bottom:1.5rem;}
.servtext p{font-size:1.14rem;line-height:2.3rem;}
.servtext .p01{color:#666666;}
.servtext .p01 span{color:#124CD8;}
.servtext .p02{font-weight:600;}
.main02{display:flex;flex-direction:column;justify-content:center;width:950px;margin:auto;}
.security h2{text-align:center;margin-bottom:1.5rem;}
.security table{border-collapse:collapse;width:100%;}
.security table th{background:#21469F;color:#fff;font-weight:normal;padding:10px;border:1px solid #C6D8FE;white-space:nowrap;}
.security table td{background:#fff;text-align:center;padding:10px;border:1px solid #C6D8FE;}
.security .mflist{width:280px;text-align:left;}
.security .mflist li{width:50%;float:left;list-style:none;}
.xqcontrast .tdiv01{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.xqcontrast .tdiv01 .xqtit{font-weight:600;font-size:1.55rem;border-left:4px solid #124CD8;line-height:1.55rem;}
.xqcontrast .tdiv01 .date{border-radius:2px;border:1px solid #DDDDDD;height:30px;width:150px;padding:4px;text-align:center;}
.xqcontrast table{border-collapse:collapse;width:100%;border:1px solid #C6D8FE;background:#fff;}
.xqcontrast table th{background:#21469F;color:#fff;font-weight:normal;padding:10px;}
.xqcontrast table td{text-align:center;padding:10px;}
.xqcontrast table tr:nth-child(odd) {background:#E7F0FC !important;}
.xqcontrast table .sp{overflow:hidden;text-overflow:ellipsis;max-width:11rem;white-space:nowrap;}
.xqcontrast table a{color:#21469F;}
.location{color:#656565;}
.fboxrow{display:flex;flex-direction:row;}
.fboxrow-sb{display:flex;flex-direction:row;justify-content:space-between;}
.fboxcolumn{display:flex;flex-direction:column;}
.fboxcolumn-sb{display:flex;flex-direction:column;justify-content:space-between;}
.conbox{background:#fff;border:1px solid #ddd;}
.con01{width:280px;height:520px;}
.con01 p{padding:20px;line-height:20px;}
.con01 p .tit{color:#124CD8;}
.con02{width:660px;height:50px;display:flex;align-items:center;justify-content:space-evenly;}
.con02 .act{background:#2866DB;border-radius:15px;padding:5px 20px;color:#fff;}
.con03{width:660px;height:460px;padding:16px 30px;}
.datebox input{width:120px;height:30px;background:#F2F2F2;border-radius:2px;border:1px solid #DDDDDD;padding:4px 8px;text-align:center;margin-right:12px;}
.datebox .btnk{width:60px;height:30px;background:#2866DB;color:#fff;}
.datebox .btng{width:60px;height:30px;background:#919EB7;color:#fff;}
.curvebox{position:relative;}
.curvebox:hover .curveif{display:block;}
.curveif{display:none;position:absolute;}
.curveif-qx{right:20px;top:-100px;}
.curveif-qx iframe{width:350px;height:240px;outline:none;border:1px solid #C6D8FE;}
.curveif-gp{right:-400px;top:-200px;}
.curveif-gp iframe{width:400px;height:300px;outline:none;border:1px solid #C6D8FE;}
.curvetd{display:flex;align-items:center;justify-content:center;}
.curvetd .curvebox{margin-left:6px;}
.psbox{position:relative;height:100vh;}
.psbox .psmb{background:rgba(0, 0, 0, .2);width:100%;height:100%;position:absolute;top:0;}
.psbox .prompt{background:#fff;width:620px;height:280px;border-radius:10px;padding:40px 60px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.psbox .prompt h1{font-size:16px;}
.psbox .prompt h1 span{color:#124CD8;}
.psbox .prompt p{line-height:28px;margin:26px 0 48px 0;}
.psbox .prompt a{display:flex;align-items:center;justify-content:center;width:300px;height:40px;background:#124CD8;color:#fff;border-radius:6px;margin:auto;}
.psbk{display:flex;align-items:center;justify-content:center;padding-top:20px;}


.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.fr{float:right;}
.fl{float:left;}

.mr-auto, .mx-auto {margin-right: auto !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}
.mr-2, .mx-2{margin-right:1rem !important;}
.ml-2, .mx-2{margin-left:1rem !important;}

@media (max-width: 991px){
	.bigbk{padding:0 1.5em;}
	.thead{display:none;}
	.logotop{width:100%;height:5rem;margin:auto;padding:1.5em 0;}
	.logotop img{height:3em;}
	.logotop .topline01{margin:0 1em;}
	.logobox{width:100%;height:60%;margin-top:2em;}
	.logobox .left{display:none;}
	.logobox .right{width:100%;border-radius:10px;background:rgba(255, 255, 255, 0.5);}
	.logobox .right .box{padding:2em;}
	.logobox .right .box .logoipt input{width:100%;}
	.logobox .right .dlewm{display:none;}
	.foot{display:none;}
	
	.main01{flex-direction:column;}
	.protobox{order:2;margin-top:2rem;}
	.servtext{width:auto;margin:3rem 1.5rem 0 1.5rem;}
}