@charset "utf-8";

/* Layout *************************************************************************************************************/
.viewport{width:100%;max-width:640px;margin:0 auto;}
.content-m-b-10{margin-bottom:10px;}
.content-m-b-15{margin-bottom:15px;}
.content-m-b-70{margin-bottom:70px;}
.content-m-b-90{margin-bottom:90px;}

/* 通用 */
.btn{display:inline-block;padding:2px 5px;color:#fff;background:#0daaea;font-size:14px;}
.box{background:#fff;position:relative;}
.pic img{width: 100%;}
.l-line{border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px;}
.iClr{color: #0daaea;}
.bgfff{background: #fff}
.input{height: 35px; line-height: 35px; border: 1px solid #bdbdbd; font-size: 14px;padding-left: 10px;width: 100%;display: inline-block; box-sizing: border-box;}
.select{height: 35px; line-height: 35px; border: 1px solid #bdbdbd; font-size: 14px;padding-left: 10px;width: 100%;display: inline-block;box-sizing: border-box;}
.textarea{height: 200px; line-height: 28px; border: 1px solid #bdbdbd; font-size: 14px;padding-left: 10px;width: 100%;display: inline-block;box-sizing: border-box; color: #A9A9A9;}

/* Header *************************************************************************************************************/
.index-header{position:relative; overflow:hidden; background-color:#033491;padding:0 10px 0 0;}
.index-header img{ padding:12px; width:35%;}
.index-header .menu{ margin-top:5%; margin-right:2%;}
.index-header .menu i{ font-size:1.4rem; margin-top:33%; color:#fff;}

.index-header .p-center{margin-right:20px;}
.index-header .logo{display:inline-block;color:#333;font-size:18px;width:70%;}

/* 底部 *************************************************************************************************************/
.footer-fixed{position:relative;z-index:10;position:fixed;bottom:0;z-index:10;width:100%;max-width:640px;height:60px;}

/* footer */
.footer{ background:#144f83;color: #fff; padding-top:5px;}
.f-phone{ font-size: 20px; font-family: arial; padding-left:5px;padding-top:10px;}
.f-phone a { color:#fff; margin-right:6px; text-align:center; display:inline-block;}
.f-phone li{ float:left;width:46%; margin:2%;}
.f-phone li img{width:100%;}
.f-phone dl{width:100%; overflow:hidden;}
.f-phone dl img{ margin:1%;}
.f-phone .item.on { color: #fff; border-bottom:#fff 2px solid;}
.f-contact{border-bottom: 1px solid #333;font-size:14px;line-height:28px; padding:10px; margin-top:12px;}
.f-contact p { margin-bottom:10px;}
.f-contact p img { width:20px; margin-right:10px;}
.copyright { padding-top:10px; background:#000; padding-left:10px; padding-bottom:10px;}
.end_t li{ float:left;width:45%; margin:2% 2%;}
.end_t li img{width:100%;}
/*栏目*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(icons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.sidenav {
	background: #212121;
	box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	left: 0;
	position: fixed;
	overflow: auto;
	transform: translate(-306px,0);
	transition: transform .3s;
	top: 0;
	width: 300px;
	z-index: 100
}

.sidenav.show {
	transform: translate(0,0)
}

.sidenav-brand {
	background: #033491;
	color: #FAFAFA;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	padding: 10px 24px 9px
}
.sidenav-brand img{ text-align:center; padding:10px 5px; width:45%}
.sidenav-dropdown,.sidenav-header {
	border-bottom: 1px solid #424242;
	margin: 0
}

.sidenav-header {
	background: 0 0;
	color: #757575;
	font-size: 19.2px;
	line-height: 32px;
	padding: 16px 24px 15px
}

.sidenav-header small {
	display: block;
	font-size: 14.4px;
	line-height: 16px
}

.sidenav-menu {
	list-style: none;
	margin: 0;
	padding: 0
}

.sidenav-menu li {
	display: block;
	position: relative
}

.sidenav-menu a {
	background: 0 0;
	color: #BDBDBD;
	display: block;
	line-height: 24px;
	padding: 13px 32px;
	text-decoration: none
}

.sidenav-menu a:hover {
	background: #616161
}

.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon {
	color: #FAFAFA
}

.sidenav-dropdown-icon,.sidenav-link-icon {
	color: #757575;
	position: absolute;
	text-align: center;
	top: 16px
}

.sidenav-link-icon {
	display: block;
	height: 24px;
	left: 24px;
	width: 24px
}

.sidenav-link-title {
	display: block;
	padding: 0 16px 0 30px
}

.sidenav-dropdown {
	display: none;
	list-style: none;
	padding: 0
}

.sidenav-dropdown a {
	background: #191919;
	padding-left: 72px
}

.sidenav-dropdown a:hover {
	background: #616161
}

.sidenav-dropdown li:first-child a {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.sidenav-dropdown-icon {
	display: none;
	height: 16px;
	right: 22px;
	width: 16px
}

.sidenav-dropdown-icon.show {
	display: block
}

.sidenav-overlay {
	background: rgba(255,255,255,.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99
}

.sidenav-no-scroll {
	overflow: hidden!important
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block;
}

audio,canvas,video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}[hidden] {
	display: none;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

a:focus {
	outline: thin dotted;
}

a:active,a:hover {
	outline: 0;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

code,kbd,pre,samp {
	font-family: monospace,serif;
	font-size: 1em;
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
	font-size: 80%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,input {
	line-height: normal;
}

button,select {
	text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],html input[disabled] {
	cursor: default;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*返回顶部*/
.gotop-btn {position: fixed; right: 2%;bottom: 10%; display:block; width:50px; height:50px;}