<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

a:hover{text-decoration: none}
.l_d0_rizhi{width: 50%;padding: 10px;}

.l_d0_rz_hz{background: url(../images/diwen.png)#fafafa  no-repeat right top}
.l_d0_rizhi:nth-child(3){width: 100%}
.l_d0_rz_hz{padding: 45px 0}
.l_d0_four_box{margin-top: 0}
.l_d0_rztit{text-align: center;font-size: 24px;}
.l_b4_more{text-align: center;background: #102d62;width: 180px;color: #fff;border-radius: 30px;margin: 0 auto;padding: 5px}
.l_d0_4rzlbox{width: 100%}

.l_d2_yb_list .wujiaox{margin-left: 5px;}
.l_d2_yb_list .wujiaox img{width: 14px;}


.l_b5_tit_1{border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px;
    
   }

.l_b5_title{font-size: 18px;}

.zhuyi01{color:#ccc;margin-bottom: 5px;display: block;text-align: left;margin-right: -15px;
    margin-left: -15px;padding: 0 40px}

.l_g1_qy_le{width: 58px;}
.l_g1_one{margin-bottom: 0}
.l_g1_qywh{margin-bottom: 20px}
.left-menu{background: #1b1f79;color:#fff}

.left-menu a{color:#fff}
.left-menu:before{display: none}
.header .content .tools_box .box .search{display: none}

.header .content .tools_box .box .lang .lang_btn::after{display: none}



.cta-boxes-grid {
    display: flex;
    flex-flow: row;
}

.mix-grid_wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.u-background_light {
    background-color: #e6e3dc;
}
.card {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.sectionWrapper .contentWrapper .m12 {
    padding: 37px 64px;
}
.m12 {
    padding: 20px;
    text-align: center;
}
.cta-boxes-grid .m12 .m12-hd:first-child {
    margin-bottom: 12px;
}
.cta-boxes-grid .m12 .m12-hd {
    margin-bottom: 23px;
}

.m12-bd, .m12-hd {
    margin-bottom: 20px;
}

.m12-container {
    padding-bottom: 40px;
}
@media (min-width: 768px){
.grid_gutter {
    margin-left: -20px;
    margin-right: -20px;
}
.m12 {
    padding: 60px;
}
.grid_gutter &gt; .grid-col {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
}
	
.grid-col_6of12 {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}	
	
	
	
.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}	
	
	
	
	
}	
	
.denglubox{    position: absolute;
    bottom: 28px;
    top: 0px;
    width: 100%; }

.denglubox .biaodanbox{position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    min-height: 290px;
    min-width: 320px;
    max-width: 412px;
    height: auto;
    padding: 36px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    border: 1px solid rgba(0, 0, 0, 0.4);}


#brandingWrapper {
    background-color: #4488dd;
    height: 100%;
    width: 100%;
}


#branding {
    background-color: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.illustrationClass {
    background-image: url(../images/bgbiaodan.jpg);
}



#footer{

background-color: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    box-sizing: border-box;
    clear: both;
    color: rgb(38, 38, 38);
    direction: ltr;
    display: block;
    filter: none;
    font-size: 15px;
    font-weight: normal;
    height: 28px;
    line-height: 20px;
    overflow-x: visible;
    overflow-y: visible;
    position: fixed;
    text-align: left;
    text-size-adjust: 100%;
    width: 100%;
}

#copyright {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    direction: ltr;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
    margin-right: 8px;
    text-align: left;
    text-size-adjust: 100%;
}












	.form-horizontal{
		background: #fff;
		padding-bottom: 40px;
		border-radius: 15px;
		text-align: center;
	}
	.form-horizontal .heading{
		display: block;
		font-size: 25px;
		font-weight: 700;
		padding: 35px 0;
		border-bottom: 1px solid #f0f0f0;
		margin-bottom: 30px;color:#151515
	}
	.form-horizontal .form-group{
		padding: 0 40px;

		position: relative;
	}
	.form-horizontal .form-control{
		background: #f0f0f0; border:1px solid #e4e3e3;
		border-radius: 5px;
		box-shadow: none;
		padding: 0 20px 0 45px;
		height: 40px;
		transition: all 0.3s ease 0s;
	}
	.form-horizontal .form-control:focus{
		background: #e0e0e0;
		box-shadow: none;
		outline: 0 none;
	}
	.form-horizontal .form-group i{
		position: absolute;
		top: 12px;
		left: 60px;
		font-size: 17px;
		color: #c8c8c8;
		transition : all 0.5s ease 0s;
	}
	.form-horizontal .form-control:focus + i{
		color: #1b1f79;
	}
	.form-horizontal .fa-question-circle{
		display: inline-block;
		position: absolute;
		top: 12px;
		right: 60px;
		font-size: 20px;
		color: #808080;
		transition: all 0.5s ease 0s;
	}
	.form-horizontal .fa-question-circle:hover{
		color: #000;
	}
	.form-horizontal .main-checkbox{
		float: left;
		width: 20px;
		height: 20px;
		background: #1b1f79;
		border-radius: 50%;
		position: relative;
		margin: 5px 0 0 5px;
		border: 1px solid #1b1f79;
	}
	.form-horizontal .main-checkbox label{
		width: 20px;
		height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	.form-horizontal .main-checkbox label:after{
		content: "";
		width: 10px;
		height: 5px;
		position: absolute;
		top: 5px;
		left: 4px;
		border: 3px solid #fff;
		border-top: none;
		border-right: none;
		background: transparent;
		opacity: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.form-horizontal .main-checkbox input[type=checkbox]{
		visibility: hidden;
	}
	.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
		opacity: 1;
	}
	.form-horizontal .text{
		float: left;
		margin-left: 7px;
		line-height: 30px;
		padding-top: 5px;
		text-transform: capitalize;
	}


.form-horizontal .text a{color:#3239d0}




.tijiao{margin-top: 20px}

.input-val {
    width: 65%;
    background: #ffffff;
    height: 38px;
	line-height: 40px;
    border-radius: 5px;
    border: none;
    padding: 0 0 0 12px;
    border: 1px solid rgba(0, 0, 0, .2);
}


#canvas{   float: right;
    
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}


.layui-input-block{margin-right: -15px;
    margin-left: -15px;padding: 0 40px;
    position: relative;}

	.form-horizontal .btn{
		
		font-size: 14px;
		color: #fff;
		background: #1b1f79;
		border-radius: 5px;
		padding: 8px 30px;
		border: none;
		width: 100%;
		text-transform: capitalize;
		transition: all 0.5s ease 0s;
	}
	@media only screen and (max-width: 479px){
		.form-horizontal .form-group{
			padding: 0 25px;
		}
		.form-horizontal .form-group i{
			left: 45px;
		}
		.form-horizontal .btn{
			padding: 10px 20px;
		}
	}


.xinnavk{display: block;margin-left: 40px}

.l_publick_left_dh a{display: block;}
	


.list ul li .active{background: #161650;color: #fff;}


.list ul li .active:before{height: 0}


.list ul li .active:hover{color: #fafafa}

.kehuzhuanqu  ul .last a{height:35px;line-height: 35px ;padding-left: 50px;}

.kehuzhuanqu ul li ul{padding-top: 9px;padding-bottom: 9px}


.list ul .last a:before{content: '';
    position: absolute;
    top: 50%;
    left: 26px;
    width: 20px;
    height: 1px;
    background: rgba(102, 102, 102, 0.3);
    transition: all 1s;
}

.l_d0_onlm a {
    padding-left: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.list ul li .active{    background: url(../images/onwhite.png) #161650 no-repeat 184px center;
}




.downloadBtn {
	background-color: #f8f8f8;
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 9px 20px;
	position: relative;

	-moz-transition: 0.2s ease-in-out all 0s;
	-o-transition: 0.2s ease-in-out all 0s;
	-webkit-transition: 0.2s ease-in-out all 0s;
	transition: 0.2s ease-in-out all 0s;
	
	background: -moz-linear-gradient(top, #fdfdfd, #fafafa 50%, #f8f8f8 50.1%, #ededed);
	background: -ms-linear-gradient(top, #fdfdfd, #fafafa 50%, #f8f8f8 50.1%, #ededed);
	background: -o-linear-gradient(top, #fdfdfd, #fafafa 50%, #f8f8f8 50.1%, #ededed);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), color-stop(0.5, #fafafa), color-stop(0.51, #f8f8f8), to(#ededed) );
	background: -webkit-linear-gradient(top, #fdfdfd, #fafafa 50%, #f8f8f8 50.1%, #ededed);
	background: linear-gradient(top, #fdfdfd, #fafafa 50%, #f8f8f8 50.1%, #ededed);
	
	-khtml-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	
	-khtml-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
}

.downloadBtn:hover {
	background-color: #f2f2f2;
	
	-khtml-box-shadow: 0px 1px 4px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.1);	
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.1);	
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.1);	
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.1);
}

.downloadBtn:active, .downloadBtn:focus {
	background-color: #ededed;
	
	background: -moz-linear-gradient(top, #ededed, #f8f8f8 50%, #fafafa 50.1%, #fdfdfd);
	background: -ms-linear-gradient(top, #ededed, #f8f8f8 50%, #fafafa 50.1%, #fdfdfd);
	background: -o-linear-gradient(top, #ededed, #f8f8f8 50%, #fafafa 50.1%, #fdfdfd);
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(0.5, #f8f8f8), color-stop(0.51, #fafafa), to(#fdfdfd) );
	background: -webkit-linear-gradient(top, #ededed, #f8f8f8 50%, #fafafa 50.1%, #fdfdfd);
	background: linear-gradient(top, #ededed, #f8f8f8 50%, #fafafa 50.1%, #fdfdfd);
	
	-khtml-box-shadow: 0px 1px 0px rgba(255,255,255,0.45),  0px 2px 3px rgba(0,0,0,0.1) inset, 0px 0px 3px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.45), 0px 2px 3px rgba(0,0,0,0.1) inset, 0px 0px 3px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0px 1px 0px rgba(255,255,255,0.45), 0px 2px 3px rgba(0,0,0,0.1) inset, 0px 0px 3px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.45), 0px 2px 3px rgba(0,0,0,0.1) inset, 0px 0px 3px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.45), 0px 2px 3px rgba(0,0,0,0.1) inset, 0px 0px 3px rgba(0,0,0,0.2) inset;
}

	.downloadBtn span {
		background: transparent url("../images/wujiaoxing.png") no-repeat scroll top left;
		color: #808080;
		display: block;
		padding: 0px 10px 0px 46px;
		text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
	}

		.downloadBtn span strong {
			display: block;
			font-size: 15px;
			font-weight: bold;
			line-height: 22px;
		}

.l_d2_gjc{line-height: 35px;width: 95%}
.l_d2_gjcinp{width: 70%;border:1px solid #d4d4d4;background: #eee}
.l_d2_gjc input{width: 100%;line-height: 35px}
.l_d2_gjxtext{line-height: 35px}
.l_b5_some_fx{width: 100%}
.xiazaibtn{background: #0055CC}
.shoubtn{background: #c42505}
.effect {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  padding: 4px 0px;
  width: 90px;
	    height: 34px;
    line-height: 28px;
  border-radius: 5px;
  overflow: hidden;text-align: center
}

.effect.effect-1 {
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.effect.xiazaibtn:hover {
 color: #fff;background: #0245a2;
}


.effect.shoubtn:hover {
 color: #fff;background: #ac1f02;
}


.button-effect{line-height: 38px;}


.effect.effect-1:hover:before {
  opacity: 1;
  text-indent: 0px;
}

.l_b5_threeh{font-size: 16px;color:#333}

.l_publick_mbx a{font-size: 12px;}
.l_publick_mbx a{color:#8f8f8f}
.l_publick_mbx_home{margin-right: 5px}








.material-icons {
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.54);
  vertical-align: middle;
  line-height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.app-canvas {

  justify-content: center;
}

.menubox {
  position: relative;
  display: inline-block;
  background: white;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  overflow: hidden;
  border-radius: 6px;

  transition: border-radius .25s ease-in-out;
}
.menubox:focus, .menubox:focus-within {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
}
.menubox.menubox--collapsed {
  border-radius: 50px;
}
.menubox__label {
  position: relative;
  color: #595959;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
  padding: 0.625rem 5rem 0.625rem 0.75rem;

  -webkit-transform-origin: top center;
          transform-origin: top center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.menubox__label-text {
  line-height: 100%;
  vertical-align: middle;
  position: relative;
  left: 0.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.menubox__label::after {
  content: '';
  width: 1px;
  height: 1px;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  display: inline-block;
  border-top: 5px solid #595959;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}
.menubox--collapsed .menubox__label::after {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}
.menubox__contents {
  padding: 0.5rem 0;
  -webkit-transform-origin: top center;
          transform-origin: top center; 
}
.menubox__options {
  list-style-type: none;
}
.menubox__option {
  position: relative;
}
.menubox__option:not(:first-child) {
  margin-top: 1px;
}
.menubox__option-label {
  position: relative;
  transition: all .35s ease-out;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.menubox__option-toggle {
  display: block;
  font-weight: 400;
  font-size: 13px;color: #999;
  padding: 0.5rem 4rem 0.5rem 1rem;
  cursor: pointer;
  -webkit-animation: entrance .4s ease-out;
          animation: entrance .4s ease-out;
}
.menubox__option-toggle::before {
  content: '';
  position: absolute;
  width: calc(100% - 0.25rem - 1px);
  height: calc(100% - 2px);
  left: 0;
  top: 0;
  border-radius: 0 50px 50px 0;
  border: 1px solid #f9f9f9;
  border-left: 0;
  opacity: 0;
  background: #f9f9f9;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: opacity .25s ease-out, -webkit-transform .25s ease-out;
  transition: opacity .25s ease-out, transform .25s ease-out;
  transition: opacity .25s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out;
}
@-webkit-keyframes entrance {
  from {
    opacity: 0;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes entrance {
  from {
    opacity: 0;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.menubox__option-toggle:hover::before, .menubox__option-toggle:focus-within::before {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.menubox__option-toggle:hover .menubox__option-label, .menubox__option-toggle:focus-within .menubox__option-label {
}
.menubox__option-toggle:hover::before {
  border-color: #e8e8e8;
}
.menubox__option-toggle:focus-within::before {
  background: whitesmoke;
}
.menubox__option-toggle input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(1px 1px 1px 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
}
.menubox__option-toggle input[type=checkbox] ~ .menubox__option-toggle-check {
  position: absolute;
  top: 0;
  right: 0.375rem;
  width: 2rem;
  height: 100%;
}
.menubox__option-toggle input[type=checkbox]:checked ~ .menubox__option-label {
  color: #606060;
  font-weight: 500;
}
.menubox__option-toggle input[type=checkbox]:checked ~ .menubox__option-toggle-check {
  -webkit-animation: tick 1s ease-out 25ms backwards;
          animation: tick 1s ease-out 25ms backwards;
}
@-webkit-keyframes tick {
  0% {
    -webkit-clip-path: inset(0 60% 50% 0);
            clip-path: inset(0 60% 50% 0);
  }
  60%, 100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes tick {
  0% {
    -webkit-clip-path: inset(0 60% 50% 0);
            clip-path: inset(0 60% 50% 0);
  }
  60%, 100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
.menubox__option-toggle input[type=checkbox]:checked ~ .menubox__option-toggle-check, .menubox__option-toggle input[type=checkbox] ~ .menubox__option-toggle-check.unchecking {
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2MWJmOWUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center/45% no-repeat;
}
.menubox__option-toggle input[type=checkbox] ~ .menubox__option-toggle-check.unchecking {
  -webkit-animation: untick .35s ease-out backwards;
          animation: untick .35s ease-out backwards;
}
@-webkit-keyframes untick {
  0% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  60% {
    -webkit-clip-path: inset(0 60% 0 0);
            clip-path: inset(0 60% 0 0);
  }
  80%, 100% {
    -webkit-clip-path: inset(0 100% 100% 0);
            clip-path: inset(0 100% 100% 0);
  }
}
@keyframes untick {
  0% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  60% {
    -webkit-clip-path: inset(0 60% 0 0);
            clip-path: inset(0 60% 0 0);
  }
  80%, 100% {
    -webkit-clip-path: inset(0 100% 100% 0);
            clip-path: inset(0 100% 100% 0);
  }
}

.menubox__contents{display: none}
.menubox:hover .menubox__contents{display: block}








</pre></body></html>