@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{font:12px "微软雅黑";-webkit-text-size-adjust:100%; padding:55px 0 65px 0;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input{ font-family:"微软雅黑";}
a:hover{text-decoration:none}
em,i{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
/*header*/
header{ height:55px; background-color:#1c4ea7; max-width:780px; margin:0 auto; position:fixed; width:100%; top:0; left:0; right:0; z-index:100}
header .logo{ float:left; margin:4px 0 0 5px;}
header .logo img{ display:block; width:185px;}


/* Default navigation icon */
.nav__trigger {  display: block;  position:fixed;  width: 30px;  height: 25px;  right: 10px;  top: 17px; z-index: 10000;}
.nav--active .nav__trigger {  opacity: 0.5;}
.nav__icon { display: inline-block;  position: relative;  width: 30px;  height: 3px;  background-color: #FFFFFF; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform;  -webkit-transition-duration: 300ms;          transition-duration: 300ms;}
.nav__icon:before,.nav__icon:after {  content: '';  display: block;  width: 30px;  height:3px;  position: absolute;
  background: #FFFFFF;  -webkit-transition-property: margin, -webkit-transform;  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;  transition-property: margin, transform, -webkit-transform;  -webkit-transition-duration: 300ms;          transition-duration: 300ms;}
.nav__icon:before {  margin-top: -10px;}
.nav__icon:after { margin-top: 10px;}
/* Don't nest if you don't have to. */
.style-1 .nav {  -webkit-transform: translateX(-100%);          transform: translateX(-100%);  width: 100%;  height: 100%;}
.style-1 .nav__link { opacity: 0;  -webkit-transition-delay: 500ms;          transition-delay: 500ms;}
.style-1 .nav--active .nav__link {  opacity: 1;}
.style-1 .nav--active .nav { -webkit-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;  -webkit-transform: translateX(0); transform: translateX(0); position:fixed; height:100%; width:100%; background-color:#1074bc; max-width:780px; left:0; right:0; margin:0 auto; z-index:250}
.style-1 .nav--active .nav__icon {  background: rgba(0, 0, 0, 0);}
.style-1 .nav--active .nav__icon:before {  margin-top: 0;  -webkit-transform: rotate(45deg);          transform: rotate(45deg);}
.style-1 .nav--active .nav__icon:after {  margin-top: 0; -webkit-transform: rotate(-45deg);         transform: rotate(-45deg);}
.style-1 .nav--active .nav ul { padding:35px 5px 0 5px}
.style-1 .nav--active .nav ul li{ line-height:40px; border-bottom:1px dashed #ccc; padding-top:6px;}
.style-1 .nav--active .nav ul li a{ font-size:16px; color:#fff; display:block}


/*footer*/
footer{ background-color:#1c4ea7; position:fixed; left:0; bottom:0; width:100%; z-index:2500; overflow:hidden;}
footer ul{ overflow:hidden}
footer ul li{ float:left; width:33.3%}
footer ul li a{ border-right:1px solid #3267c5; text-align:center; display:block; color:#fff; padding:2px 0 6px 0;}
footer ul li .fa{ display:block; font-size:30px;margin:2px auto 3px auto}
footer ul li .fa-id-card{ font-size:26px;}
footer ul li .fa-photo,footer ul li .fa-tty{ font-size:26px; margin-top:7px;}
footer ul li .fa-tty{ font-size:29px; margin-top:4px;}
footer ul li em{ display:block; padding-top:5px;}








































