.header{height: 110px;width: 100%;
	background: -webkit-gradient(linear, 0 0, right 0, from(#0a3679), to(#020a17));
	background: -ms-linear-gradient(left, #0a3679 0%,#020a17 100%);/** IE9 IE10 **/
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#0a3679',endcolorstr='#020a17',gradientType=1);}
.logo{display: inline-block; width: 77px;height: 81px;background: url('../imagese/logo2.png') no-repeat center;vertical-align: middle;margin-left: 40px;}
.header h1{display: inline-block;width: 700px;height: 110px; text-indent:-9999px; white-space:nowrap; line-height:0;background: url('../imagese/text2.png') no-repeat 0 center;vertical-align: middle;margin-left: 10px;}
.pic_show{min-height: 564px;width: 64%; overflow: hidden;
	background: -webkit-gradient(linear, 0 0, right 0, from(#00d2ff), to(#0089ff));
	background: -ms-linear-gradient(left, #00d2ff 0%,#0089ff 100%);/** IE9 IE10 **/
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#00d2ff',endcolorstr='#0089ff',gradientType=1);
}
.pic_show h4, .pic_show h6{width: 87%; font: 28px/50px YH;color: #fff;text-align: center;}
.pic_show h4{margin-top: 6%;animation: fadein2 2s;position: relative;}
.pic_show h6{font: 14px/36px YH;animation: fadein3 2s;position: relative;}
.illstration{width: 88%; text-align: center;margin-top: 4%; animation: fadein1 2s;position: relative;}
.illstration img{width: 52%;max-width: 548px;}

.login_con{position: absolute; top: 0px; right: 0px; width: 36%;background: #fff;min-height: 660px;}
.tri{position: absolute; top: 0px; left: -110px; width: 0;height: 0;border-width: 354px 57px;border-style: solid;border-color: transparent #fff #fff transparent;filter: drop-shadow(-14px 0px 10px rgba(0,0,0,.2))}
.login_con h5{font: 22px/24px YH;color: #7da0ff;border-left: 6px solid #7da0ff;text-indent: 14px;margin: 42px 0 0 30px;}
.signUp{position: absolute; right: 20px; display: inline-block; padding: 0 34px 0 0px;background: #7da0ff; color: #fff;font: 16px/32px YH;border-radius: 100px;vertical-align: middle;}
.signUp:after{content: '';position: absolute; right: 4px; top: 4px; display: inline-block; width: 24px;height: 24px;background: url('../imagese/go.png') no-repeat center 0;border-radius: 100px;overflow: hidden;}
.signUp:hover{background: #2a55c9;}
.userType{margin-top: 44px;}
.userType li{float: left;width: 50%;height: 40px;background: #061f45;color: #fff;font: 16px/40px YH; position: relative;text-align: center; cursor: pointer;}
li i.slice{width: 19px;height:40px; background: #061f45;position: absolute;top: 0;left: -18px;}
li i.slice:before{content: '';width: 0;height: 0;border-width: 20px 3px;border-style: solid;border-color: transparent #061f45 #061f45 transparent;position: absolute;left: -5px;}
.userType li.current{background: #2a55c9;text-indent: 48px;}
li.current i.slice{background: #2a55c9;}
li.current i.slice:before{border-color: transparent #2a55c9 #2a55c9 transparent;}
.userType li.current:before{content: '';display:block; width: 57px; height: 57px;background: url('../imagese/person.png') no-repeat center; position: absolute;left: 22%;bottom: 0px;}
.userType li.current:after{content: '';display:block; width: 0; height: 0;position: absolute;left: 57%;bottom: 0px;border-width: 6px 7px;border-style: solid;border-color: transparent transparent #fff transparent;}
.userType li.sec:before{background-image: url('../imagese/company.png');}
.input_area{width: 270px;margin: 4% auto;}
.input_area label{display: block; font: 14px/18px YH;margin: 16px 0 4px 0;color: #333;}
.input_area input[type="text"], .input_area input[type="password"]{width: 100%;height: 30px; border: 1px solid #c6c6c6; border-radius: 4px;text-indent: 8px;}
.send_info{font: 12px/18px "simsun"; float: right;color: #999;}
.input_area input[type="button"]{height: 32px;border: 1px solid #0099ff;border-radius: 4px;color: #0099ff;text-align: center;background: #fff;cursor: pointer;}
.input_area input[type="button"]:hover{background: #0099ff;color: #fff;}
.input_area input.fullSize{width: 100%;border: none;height: 40px; background: #2a55c9;border-radius: 6px; font: 16px/40px YH; color: #fff;}
.input_area a{font: 12px/18px "simsun"; color: #666;margin: 12px 0 32px 0;}
a.blue{color: #2a55c9;}

.normal, .qrcode{
	font: 14px/18px yh;
	background: url('../imagese/normal.png') no-repeat 0 center;
	padding-left: 16px;
}
.qrcode{
	color: #0099ff;
	background-image: url('../imagese/qr.png');
}

.entry{position: absolute;left: -14%; bottom: 100px; width: 114%;border-top: 1px solid #ccc;padding: 10px 0;}
.entry h6{display: inline-block; font: 14px/18px YH; background: #fff;position: absolute;left: 0;top: -9px;padding-right: 14px; color: #666;}
ul.port{margin-top: 20px;}
ul.port li{float: left; margin-right: 80px;}
ul.port li.end{margin: 0;}
ul.port li i{display: inline-block; width: 40px;height: 40px; background: url('../imagese/business.png') no-repeat 0 0;}
ul.port li i.excel{background-image: url('../imagese/excel1.png');}
ul.port li i.widget{background-image: url('../imagese/widget.png');}
ul.port li p{display: inline-block;font:16px/18px YH;color: #666;vertical-align: top;margin-left: 8px;}
ul.port li span{display: inline-block; font: 12px/18px "simsun";color: #999;vertical-align: top;margin-top: 4px;}
ul.port li:hover i{background-position: -40px 0;}
ul.port li:hover p{color: #008fff;}

.footer{width: 100%;height: 50px;position: fixed; bottom: 0;text-align: center;font: 12px/20px "simsun"; color: #666;background: #d6ddf0;padding-top: 10px;}

@keyframes fadein1{
	from {top:14%;opacity: 0;}
	to {top:0;opacity: 1;}
}

@keyframes fadein2{
	from {top:-6%;opacity: 0;}
	to {top:0;opacity: 1;}
}

@keyframes fadein3{
	from {top:-6%;opacity: 0;}
	to {top:0;opacity: 1;}
}
/*2021-07-14*/
.header_nw { width: 100%; height:95px; background: url("../images/header_bg.png"); background-size: cover; position: relative; z-index: 800; }
.header_nw h1 { height: 95px; padding-left: 100px; background: url("../images/logo.png") no-repeat 20px center; line-height: 95px; color: #fff; text-align: left; box-sizing: border-box; }
.header_nw h1 span, .header_nw h1 b { display: inline-block; float: left; }
.header_nw h1 span { margin-right: 15px; padding-top: 18px; line-height: 30px; }
.header_nw h1 span strong { height: 40px; font-size: 30px; font-weight: bold; line-height: 40px; text-shadow: -2px 0 2px rgba(0,0,0,.5); letter-spacing: 4px; display: block; }
.header_nw h1 span i { font-style: normal; font-family: Arial; font-size: 14px; font-weight: normal; line-height: 18px; text-shadow: -2px 0 2px rgba(0,0,0,.5); letter-spacing: 1.5px; display: block; }
.header_nw h1 b { height: 40px; margin-top: 27px; padding: 0 15px; border-left: 2px solid #6491c4; font-size: 28px; font-weight: normal; line-height: 38px; }
.login_info { padding: 0 5px 0 0; color:#fff; line-height: 94px; position: absolute; top: 0; right: 0; }
.login_info span { padding: 0 10px; font-size: 16px; display: inline-block; }
.login_info i { display: none; }
.login_info a { color:#fff; }
.footer_nw { width: 100%; height:98px; margin-top: 60px; background: #20232b; }
.footer_box { width:1100px; margin: 0 auto; text-align: center; }
.cprt, .dzjg { margin-top: 12px; vertical-align: top; display: inline-block; }
.cprt { color:#bbb; text-align: center; }
.cprt p { height: 22px; line-height: 22px; }
.cprt i { margin: 0 5px; vertical-align: top; display: inline-block; }
.dzjg { padding-left: 15px; }
.footer_nw span { margin: 0 20px; font-size: 12px; color: #999; line-height: 40px; display: inline-block; }
.pst_b { margin: 0; position: fixed; left: 0; bottom: 0; }
.login_con { padding-top: 90px; }