body {color:#02454f; text-align:center; font-size: 14px; margin:0; padding:0; font-family: Times New Roman; background: url(/include/fon.jpg) left top repeat}

div.preall {background:url(/include/fon.gif) left top repeat-x}
.bottom {background:url(/include/bottom.gif) left bottom repeat-x}
.fon {width:1005px; margin:0 auto; text-align:left}
div.mob {display:none; color:red; padding:10px; font-weight:600}
div.mob3 {display:none; padding:10px}

.hmemutable {margin:0 auto; border-collapse:collapse; float:left}
.mobile-menu {display:none; width:100%; color:#ffffff; padding:11px; font-weight:600}
ul.hmenu {list-style:none; margin:0; padding:0}
ul.hmenu a {display:block; text-decoration:none; color:white}
ul.hmenu span a {line-height:42px; color:#999999; font-size:15px}
ul.hmenu li {position:relative; float:left; margin-right:2px}
ul.hmenu ul {position:absolute; top:50px; left:0; display:none; list-style:none; border-top:1px solid #e1bf7f; background:#5684ac; z-index:1000}
ul.hmenu ul li {position:relative; border-bottom:1px solid #e1bf7f; float:none;margin:0; text-align:left; width:150px}
ul.hmenu ul li a {display:block; padding:3px 7px 5px}
ul.hmenu ul ul {left:145px; top:-1px}
ul.hmenu span a {padding:0 20px}
ul.hmenu span a:hover, ul.hmenu .curent {color:#fff}
ul.hmenu span a.curent {}
ul.hmenu ul li a:hover {background:#c9252b}

#imageContainer {width:550; height:240px; margin: 30px auto; float:left}
#imageContainer img {position:absolute; display:none}
#imageContainer #im, #im {display:block}

div.lang {padding:10px 30px 0 0; text-align: right}
.lang1 {margin:0 10px 7px 0}

.clear {clear:both}
.clear30 {clear:both; height:10px; margin:0}

.top {height:318px}

.right-top {float:right; margin-top:30px; background: #fff; width:455px; height:240px}
.right-top p {color: #45484c; font-size:18px; padding-left:20px}
.right-top p.h1 {line-height: 35px; width: 80%; text-align:center; color:#fff; background: #45484c; font-size:17px; margin-left:71px}
.right-top p a {color: #45484c; text-decoration:none}
.phone {margin:0; color:#c9252b}
.code {font-size:15px}


.all {margin:15px 0 20px 305px; padding:0; background:#ededeb; border:1px solid #fff}

div.content {overflow:hidden; float:left; margin:0 -100% 0 0; width:100%}
.content p {text-align:justify; padding:0 10px 0 10px; color:#313335}
.content ul, .content ol {text-align:justify; color:#313335; padding-left:30px; font-size:14px}

div.left  {overflow: hidden; position:relative; width:290px; left:-310px; float:left; margin:0 0 20px}
div.left1 {background:#ededeb; border:1px solid #fff; margin-bottom:20px}
div.left1 p {text-align:justify; padding:7px}
div.left1 p.head, .content p.head, p.newshead {line-height: 30px; background:#45484c; color:#fff; width:80%; font-size:16px}
p.head a {color:#999999}
div.left1 img {margin:0 1px 3px 1px; vertical-align:bottom}

td {vertical-align:top; font-size:13px}
th {font-size:13px}
a {color:#5697CC}
a:hover {color:#45484C}

img {border:none; vertical-align:middle}

.center {text-align:center !important}
.center img, .center input, .center select {vertical-align:middle}
.tar {text-align:right !important}
.fl {float:left; margin-right:15px}
.fr {float:right; margin-left:15px}
.red {color:red; font-weight:bold}
img.fl {margin-right:15px; margin-bottom:10px}
img.fr {margin-left:15px; margin-bottom:10px}
.b, .bold {font-weight:bold}
h1, h2, h3 {color:#83806b; font-size:18px; line-height: 15px; border-left:5px solid #83806b; padding-left: 15px; margin-left:10px}

.frdate {font-weight:bold; float:right; margin:6px 10px 0 0}

#jsiMainBox {background:white; color:black; border:1px solid gray}

p.includefoto {text-align:left !important; margin:6px -3px 6px 0}
p.includefoto img {margin:3px 3px 3px 0; border:3px solid #d6eff4; width:115px}
p.futer, p.goback {clear:both; border-top:1px dotted; padding:10px 0 0}
p.goback {text-align:center}
.link {font-weight:bold}
.link a {font-weight:normal}
.date {font-weight:bold}

.small {font-size:11px}

div.futer {text-align:center; margin:0; padding:10px; font-size:12px; color:#999999}
div.futer p {padding:0}
div.futer a {color:#999999}
div.copiring {float:left; margin:0; padding:20px 0 0; width:250px; text-align:right}
div.copir {float:right; margin:0; padding:20px 0 0; text-align:left; width:250px}


@media screen and (max-width:800px) {
.fon {width: 100%; min-width:287px; margin:0 auto; text-align:left}
.top {height:100%;}
img {max-width:100%}
#imageContainer {display:none}

.all {margin:10px 5px; padding:0; background:#ededeb; border:1px solid #fff}
.right-top {margin:10px 5px 0 5px; padding:0; background: #fff; width:100%}
.right-top p {color: #45484c; font-size:14px}
.right-top p.h1 {line-height: 35px; text-align:left; color:#fff; background: #45484c; font-size:17px; margin:10px 0 0 0; padding:0 0 0 10px}
.right-top p a {color: #45484c; text-decoration:none}
.right-top p.phone {margin:0; font-size:20px; font-weight:bold}
.code {font-size:13px}
div.mob {display:block; font-size:15px; color:red; padding:10px 3px 5px 3px; text-align:center}
table.hmemutable {background:#45484C}
ul.hmenu {display:none; margin:0; z-index:10000; background:#45484C}
a.mobile-menu {text-decoration:none; padding:11px; background:#45484C; width:80%}
a.mobile-menu:hover {background:#000000; color:#ffffff; padding:11px; text-decoration:none; width:80%}
.mobile-menu {display:block;}
ul.hmenu li {position:relative; margin-right:2px; clear:both; background:#45484C}
ul.hmenu ul {position:absolute; top:50px; left:0; display:none; list-style:none; border-top:1px solid #e1bf7f; background:#5684ac; z-index:1000}
ul.hmenu ul li {position:relative; border-bottom:1px solid #e1bf7f; float:none;margin:0; text-align:left; width:150px}
ul.hmenu ul li a {display:block; padding:3px 7px 5px}
ul.hmenu ul ul {left:145px; top:-1px}
 
nav {margin:0}
p.mob1 {display:none}

div.mob3 {display:block;}
table.mob2 {display:none}

#jsiMainBox {background:#e6e0d9; color:#003366; border:1px solid grey; max-width:100%; margin:0; padding:0; max-height:100%}
#jsiMainBox img, #jsiBoxMainImageWrap img, #jsiBoxMainImageWrap {max-width:100%; margin:0; padding:0; max-height:100%}

div.content {overflow:hidden; margin:0 5px; max-width:100%}
div.content table {max-width:95%}
.content p {text-align:justify; padding:0 10px 0 10px; color:#313335}
.content ul, .content ol {text-align:justify; color:#313335; padding-left:30px; font-size:14px}

div.left  {overflow: hidden; position:relative; width:100%; margin:0 0 0 310px; clear:both;}
div.left1 {background:#ededeb; border:1px solid #fff; margin-bottom:20px}
div.left1 p {text-align:justify; padding:7px}
div.left1 p.head, .content p.head, p.newshead {line-height: 30px; background:#45484c; color:#fff; width:80%; font-size:16px}

.hmenu li {display:block; margin:0;}
ul.hmenu * {display:block; margin:0; padding:0}
div.futer {text-align:center; margin:0; padding:10px; font-size:9px; color:#999999}
div.futer p {padding:0}
div.futer a {color:#999999}
div.copiring {float:left; margin:0; padding:20px 0 0; width:110px; text-align:right}
div.copir {float:right; margin:0; padding:20px 0 0; text-align:left; width:110px}
    
}