* {	margin:0; padding:0; font-family:Arial, "黑体"; font-size:24px; color:#000; border:none; outline:none; resize:none; }
html, body { margin:0 auto; width:640px; background:#f1f1f1; }
a { color:#215f8b; text-decoration:none; cursor:pointer; }
a:hover { color:#00142a; text-decoration:none; }
a.selected { color:#00142a; font-weight:bold; }
img { border:0; vertical-align:middle; }
input,select,textarea { vertical-align:middle; }

#body { position:relative; width:640px; margin:0 auto; -background:#fff; }
#banner { min-height:1024px; height:100%; background:url(../img/banner.jpg) top no-repeat; }
#footer { position:fixed; bottom:0; width:640px; height:130px; background:#fff; }
#footer #logo { position:absolute; top:20px; right:20px; width:263px; height:88px; background:url(../img/logo.jpg) no-repeat; }
#masker { position:absolute; bottom:130px; width:100%; min-height:200px; background:url(../img/mask.png) repeat; }
#portal { width:540px; margin:50px auto 20px auto; }
#portal td { padding:10px; font-size:28px; color:#fff; }
#portal td.field { width:100px; }
#portal a { line-height:56px; font-size:24px; color:#fff; }
#portal a.link { height:56px; line-height:56px; font-size:28px; }
#portal td.btn { padding:20px 10px; white-space:nowrap; }
#portal td.msg { height:40px; padding:0 10px; font-size:24px; line-height:40px; color:#fff; background:#e2001a; -white-space:nowrap; }
#portal input.text { width:400px; font-size:28px; line-height:28px; }
#entry { position:relative; padding-bottom:20px; -background:#fff; }
#entry a { width:288px; height:278px; float:left; -border:2px solid #888; background:#fff; position:relative; margin:20px 0 0 20px; text-align:center; font-size:32px; color:#000; border-radius:20px; -webkit-border-radius:20px; box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); }
#entry img { width:144px; padding-top:50px; padding-bottom:20px;}
#exc { position:relative; padding-bottom:20px; -background:#fff; }
#exc a { width:288px; height:310px; float:left; -border:2px solid #888; background:#fff; position:relative; margin:20px 0 0 20px; text-align:center; font-size:32px; color:#000; border-radius:20px; -webkit-border-radius:20px; box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); }
#exc img { width:240px; padding-top:50px; padding-bottom:20px;}
#exc span { font-size:32px; padding-left:5px;}

#menu { position:fixed; bottom:0px; width:640px; height:90px; background:url(../img/navi_bg.jpg) repeat-x; z-index:99; }
#menu a { display:block; position:relative; float:left; width:135px; height:60px; margin:15px 0 15px 20px; line-height:60px; font-size:32px; font-weight:bold; color:#ccc; text-align:center; cursor:pointer; }
#menu a.a { color:#fff; background:url(../img/bg_menu.png) repeat; border-radius:12px; -webkit-border-radius:12px; cursor:pointer; }
#menu .hover { position:absolute; bottom:90px; width:240px; height:auto; background:#f1f1f1; -border-top-left-radius:8px; -border-top-right-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); display:none; }
#menu #menu1 { left:120px; }
#menu #menu2 { left:280px; }
#menu #menu3 { left:400px; }
#menu .hover a { display:block; width:100%; margin:0; padding:24px 0; font-size:32px; font-weight:normal; color:#000; text-align:center; border-top:1px solid #e1e1e1; }

#nav { position:fixed; top:0; width:640px; height:90px; background:url(../img/navi_bg.jpg) left top repeat-x; background-size:100% 100%; z-index:98; }
#nav #prev { position:absolute; top:0px; left:0px; }
#nav #title { width:100%; float:left; margin-top:14px; text-align:center; font-size:34px; font-weight:bold; color:#fff; height:60px; line-height:60px; }
#nav #title #cnt { font-size:28px; color:#fff; }
#nav #next { position:absolute; top:0px; right:0px; }
#nav a.link { float:left; height:60px; line-height:60px; padding:0 25px 0 25px; font-size:28px; color:#f1f1f1; border:2px solid #ccc; border-radius:8px; -webkit-border-radius:8px; }
#nav -a.linkb { padding:0 25px 0 35px; background:url(../img/arrow_left_white_b.png) left no-repeat; background-position:12px 16px; background-size:11px 24px; }
#nav a.icon { display:block; width:90px; height:90px; padding:0px 0px; line-height:80px; text-align:center; cursor:pointer; }
#nav a.icon img { width:32px; height:32px; }
#nav .hover { position:absolute; top:90px; right:0; width:200px; height:auto; background:#f1f1f1; -border-bottom-left-radius:8px; -border-bottom-right-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); display:none; }
#nav .hover a.link { display:block; width:100%; margin:0; padding:16px 0; font-size:28px; font-weight:normal; color:#000; text-align:center; border:none; border-bottom:2px solid #e1e1e1; border-radius:0; -webkit-border-radius:0; background:none; }
#nav .hover a.ro { color:#ccc; }
#con { position:relative; margin:90px 0; padding:0; }
#con #msg { position:relative; padding:20px 20px; min-height:40px; font-size:24px; line-height:40px; color:#fff; border-bottom:1px solid #e1e1e1; background:#e2001a; }

#filter { position:fixed; top:90px; width:640px; height:80px; background:url(../img/navi_bg.jpg) left top repeat-x; background-size:100% 100%; z-index:98; }
#filter a { float:left; width:140px; height:80px; line-height:80px; color:#f1f1f1; text-align:center; background:url(../img/navi_split.jpg) right no-repeat; background-size:2px 60px; }
#filter a span { color:#f1f1f1; background:url(../img/arrow_down_white.png) right no-repeat; padding-right:30px; }
#filter a span.s {  background:url(../img/magnifier_white.png) center no-repeat; background-size:24px 24px; }
#filter a.a { background:#fff url(../img/navi_active.jpg) left top repeat-x; }
#filter a.a span { color:#000; background:url(../img/arrow_down.png) right no-repeat; }
#filter a.a span.s {  background:url(../img/magnifier.png) center no-repeat; background-size:24px 24px; }
#filter .hover { position:absolute; top:80px; width:100%; height:90px; border-bottom:1px solid #e1e1e1; background:#fff; box-shadow:0 5px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 4px rgba(0,0,0,0.2); display:none; }
#filter .hover input.text { width:600px; margin:20px 20px; }
#filter .hover select.select { width:280px; margin:20px 20px; margin-right:0; }
#list { padding-top:80px; }
#listnav { position:relative; top:80px; padding:10px 25px; min-height:40px; font-size:24px; line-height:60px; color:#fff; border-bottom:1px solid #e1e1e1; background:#888; }
#listnav a.link { margin-top:4px; margin-bottom:4px; margin-right:10px; height:56px; line-height:56px; }
#listnav div.search { float:left;color:#fff; }
#filterx { position:fixed; top:90px; width:640px; height:90px; background:url(../img/navi_bg.jpg) left top repeat-x; background-size:100% 100%; z-index:98; }
#listx { padding-top:90px; }

#mask { position:fixed; width:640px; height:100%; background:#000; opacity:0.5; z-index:99; display:none; }
#viewer { position:fixed; width:640px; height:100%; background:url(../img/bg_dark.png) repeat; z-index:21; display:none; }
#viewer .close { position:absolute; top:21px; right:21px; width:80px; height:80px; line-height:72px; font-size:60px; color:#fff; text-align:center; -border:1px solid #fff; -border-radius:10px; -background:#fff; background:url(../img/bg_mask.png) repeat; z-index:22; }
#viewer .img { position:relative; width:600px; top:20px; left:20px; right:20px; margin:auto; border:1px solid #fff; }

a.link { display:block; float:left; height:56px; line-height:56px; margin:0; padding:0 30px; font-size:24px; font-weight:bold; color:#fff; background:url(../img/bg_btn.jpg) repeat-x; background-size:100% 100%; cursor:pointer; border-radius:8px; -webkit-border-radius:8px; }
a.linkx { height:50px; line-height:50px; color:#215f8b; border:2px solid #215f8b; background:none; }
a.linkr { position:absolute; top:15px; right:0; }
a.minw { border:1px solid #fff; background:none; padding:0 20px; }
a.minb { color:#00142a; border:1px solid #00142a; background:none; padding:0 20px; }

input.text { width:100%; padding:10px 0; font-size:24px; line-height:24px; border:1px solid #999; background:#fff; border-radius:12px; -webkit-border-radius:12px; }
textarea.text { width:100%; padding:10px 0; font-size:24px; line-height:24px; border:1px solid #999; background:#fff; border-radius:12px; -webkit-border-radius:12px; }
select.select { padding:10px 0; font-size:24px; line-height:24px; border:1px solid #999; background:#fff; border-radius:12px; -webkit-border-radius:12px; }

table.list { width:100%; background:#fff; }
table.listx { background:#f1f1f1; }
table.list td { padding:40px 25px; font-size:28px; vertical-align:top; border-bottom:1px solid #e1e1e1; }
table.list td div { font-size:28px; margin-bottom:10px; }
table.list td .b { font-size:30px; font-weight:bold; }
-tr.list td { background:#fff; }
-tr.listx td { background:#fff; }
tr.listi td { padding:20px 20px 20px 0; }
tr.click td { background:#e1e1e1; }

table.listi { width:100%; }
table.listi td { padding:20px 20px; font-size:24px; vertical-align:top; border-bottom:none; }

table.view { width:100%; background:#fff; }
table.viewx { background:#f1f1f1; }
table.view td { padding:40px 20px; vertical-align:top; border-bottom:1px solid #e1e1e1; }
table.view td.field { width:35%; line-height:40px; font-size:32px; font-weight:bold;  }
table.view div.field { height:60px; font-size:32px; font-weight:bold; }
table.view td.view { line-height:40px; font-size:28px; }
table.view td.viewx { padding:20px; vertical-align:middle; }
table.view td.desc { padding:40px 60px; line-height:40px; font-size:28px; }

table.viewi { width:100%; }
table.viewi td { padding:20px 20px; vertical-align:top; border-bottom:none; }
table.viewi td.field { font-size:32px; font-weight:bold;  }
table.viewi td.view { font-size:32px; }

div.title { width:100%; padding:30px 0; font-size:36px; font-weight:bold; text-align:center; -border-top:10px solid #f1f1f1; border-bottom:1px solid #e1e1e1; color:#aaa; background:#f1f1f1; }
div.pagenav { width:100%; padding:30px 0; font-size:30px; text-align:center; color:#ccc; background:#888; }
div.info { font-size:32px; font-weight:bold; }
div.text { margin-top:10px; }

#search { position:relative; width:600px; height:60px; line-height:56px; margin:15px auto; border-radius:12px; -webkit-border-radius:12px; background:#fff; }
#search input.text { width:530px; margin-left:10px; padding:0; border:none; -color:#aaa; }
#search a.icon { position:absolute; display:block; top:0px; right:20px; width:32px; height:32px; line-height:56px; margin:0; padding:0; }
#search a img { width:32px; height:32px; }

#success { position:relative; width:100%; margin:80px auto; padding-top:360px; padding-bottom:80px; text-align:center; font-size:48px; color:#3c6; background:#fff url(../img/success.png) no-repeat; background-position:center 80px; background-size:240px 240px; }
#error { position:relative; width:100%; margin:80px auto; padding-top:360px; padding-bottom:80px; text-align:center; font-size:48px; color:#c93; background:#fff url(../img/error.png) no-repeat; background-position:center 80px; background-size:240px 240px; }
#coming { position:relative; width:100%; margin:0 auto; margin-top:480px; text-align:center; font-size:48px; -font-weight:bold; color:#ccc; }

#result { position:fixed; left:0; top:0; right:0; bottom:0; margin:auto; width:280px; height:280px; background:url(../img/bg_mask.png); z-index:100; border-radius:20px; -webkit-border-radius:20px; box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); display:none; }
#result div { position:relative; width:200px; height:200px; margin:0 auto; }
#result div.success { background:url(../img/success_white.png) center no-repeat; background-size:120px 120px; }
#result div.error { background:url(../img/error_white.png) center no-repeat; background-size:120px 120px; }
#result p { position:relative; width:100%; font-size:30px; line-height:40px; color:#fff; text-align:center; }

#loading { position:fixed; left:0; top:0; right:0; bottom:0; margin:auto; width:64px; height:64px; background:url(../img/loading.gif) no-repeat; background-size:100%; z-index:100; display:none; }

#file { display:none; }
.attach { display:block; position:relative; width:60px; height:80px; text-align:center; -background:url(../img/attach.png) center no-repeat; background-size:50% 50%; }
.avatar { width:80px; height:80px; background:url(../img/avatar.png) center no-repeat; background-size:100% 100%; }
.message { width:80px; height:80px; background:url(../img/msg.png) center no-repeat; background-size:100% 100%; }
.notes { float:right; margin-right:20px; font-size:24px; font-weight:normal; color:#aaa; }

#alert { position:absolute; left:120px; top:300px; width:400px; border-radius:20px; background:#fff; z-index:99; overflow:hidden; }
#alert .text { position:relative; width:300px; padding:50px; text-align:center; }
#alert .ok { position:relative; float:left; width:100%; height:80px; outline:1px solid #ccc; line-height:80px; text-align:center; }
#confirm { position:absolute; left:120px; top:300px; width:400px; border-radius:20px; background:#fff; z-index:99; overflow:hidden;  }
#confirm .text { position:relative; width:300px; padding:50px; text-align:center; }
#confirm .ok { position:relative; float:left; width:50%; height:80px; outline:1px solid #ccc; line-height:80px; text-align:center; }
#confirm .cancel { position:relative; float:right; width:50%; height:80px; outline:1px solid #ccc; line-height:80px; text-align:center; }

.pro-list{ position:relative; width:600px; padding:40px 20px; }
.pro-list .pro-list-item { position:relative; width:600px; margin-bottom:20px; border-bottom:1px solid #c3c3c4; }
.pro-list .pro-list-item:last-child {margin-bottom:0px; border-bottom: none; padding-bottom:0px; }

.pro-list .pro-list-item:after { display: table; content: " "; clear: both; visibility: hidden; overflow: hidden; }
.pro-list .pro-list-item .pro-list-tit{ position:relative; width:560px; text-align:left; font-weight:bold;font-size:32px; line-height:32px; padding:20px;  background:#FFFFFF; margin-bottom:20px; border-radius:10px; }

.pro-list .pro-list-item .pro-list-tit .pro-list-tit-icon{ margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; }
.pro-list .pro-list-item .pro-list-tit .pro-list-tit-icon .tit-dot-box{ width: 0.6em; display: inline-block; vertical-align: middle; box-sizing: border-box; }
.pro-list .pro-list-item .pro-list-tit .pro-list-tit-icon .tit-dot-box .dot01{ width: 0.6em; height: 0.6em; display: block; opacity: 0.2; box-sizing: border-box; background-color: rgb(33, 95, 139); }
.pro-list .pro-list-item .pro-list-tit .pro-list-tit-icon .tit-dot-box .dot02{ width: 0.6em; height: 0.6em; display: block; opacity: 0.6; margin-top: 2px; margin-bottom: 2px; box-sizing: border-box; background-color: rgb(33, 95, 139); }
.pro-list .pro-list-item .pro-list-tit .pro-list-tit-icon .tit-dot-box .dot03{width: 0.6em; height: 0.6em; display: block; opacity: 1; box-sizing: border-box; background-color: rgb(33, 95, 139); }
.pro-list .pro-list-item .pro-list-tit .pro-list-tit-icon .tit-txt{ display: inline-block; vertical-align: middle; font-size: 26px; padding-left: 5px; box-sizing: border-box; }

.pro-list .pro-list-item .pro-list-tit .pro-list-info{ position: relative; width:560px; padding:0px; font-size:20px; line-height:30px; height:30px; color:#a5a6a7; font-weight:normal; padding-top:10px; }
.pro-list .pro-list-item a{ position:relative; display:block; margin-bottom:20px; width: 250px; float:left; background:#FFFFFF; margin-right:20px; padding:20px; border-radius:10px; }
.pro-list .pro-list-item a.nomr{ margin-right:0px; }

.pro-list .pro-list-item a span{ position:relative; display:block; font-size:24px; line-height:34px; margin-top:10px; }
.pro-list .pro-list-item a:after { display: table; content: " "; clear: both; visibility: hidden; overflow: hidden; }
.pro-list .pro-list-item a img{ position:relative; width:250px; }




.m20, a.m20 { margin-left:20px; }
.m40, a.m40 { margin-left:40px; }
.m60, a.m60 { margin-left:60px; }
.m80, a.m80 { margin-left:80px; }
.p15, a.p15 { padding:0 15px; }
.p30, a.p30 { padding:0 30px; }
.p60, a.p60 { padding:0 60px; }
.p90, a.p90 { padding:0 90px; }

.w100, input.w100, select.w100, textarea.w100 { width:100px; }
.w150, input.w150, select.w150, textarea.w150 { width:150px; }
.w200, input.w200, select.w200, textarea.w200 { width:200px; }
.w250, input.w250, select.w250, textarea.w250 { width:250px; }
.w300, input.w300, select.w300, textarea.w300 { width:300px; }
.w350, input.w350, select.w350, textarea.w350 { width:350px; }
.w400, input.w400, select.w400, textarea.w400 { width:400px; }
.w450, input.w450, select.w450, textarea.w450 { width:450px; }
.w500, input.w500, select.w500, textarea.w500 { width:500px; }