*{
margin:0;padding:0;
}
html,body{
height:100%;
width:100%;
overflow:hidden;
scrollbar-face-color:#25b0c8;
scrollbar-track-color:#b8dce1;
scrollbar-shadow-color:#18758a;
scrollbar-arrow-color:#18758a;
}
body{
background:#fff url(../img/picture1.jpg) fixed no-repeat;
background-size:100% 100%;
font:12px Arial,Helvetica,sans-serif;
line-height:1.8;
color:#227f94;
width:100%;
overflow-x:auto;
}
a{
text-decoration:none;
color:#369dbc;
}
.picdiv{
margin-top:40px;
margin-bottom:40px;
width:100%;
}
.picdiv img{
width:100px;
padding:10px;
border:groove;
border-radius:10px;
margin:12px;
box-shadow:rgba(0,0,0,0.3) 10px 10px;
background-color:#fff;
}
.gmaps{
position:relative;
padding-bottom:50%;
width:100%;
height:0;
overflow:hidden;
}
.gmaps iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.hlpbtn{
width:100px;
height:auto;
border-radius:10px;
box-shadow:rgba(0,0,0,0.5) 10px 10px;
}
.mainbox{
width:1024px;
left:50%;
margin-left:-512px;
position:fixed;
height:100%;
overflow:auto;
}
.topbox{
width:1024px;
margin-left:-512px;
position:fixed;
top:0;
left:50%;
z-index:500;
background-color:rgba(37,166,200,0.75);
border-bottom:1px solid;
}
.toplogo{
height:100px;
width:auto;
margin-top:10px;
margin-left:20px;
}
.toplogo2{
position:absolute;
width:auto;
height:100px;
margin-left:50px;
margin-top:10px;
}
.topmenubox{
position:relative;
width:100%;
height:34px;
left:1px;
margin-top:5px;
}
.dwar{
position:absolute;
top:10px;
right:5px;
}
.riar{
position:absolute;
top:5px;
right:5px;
}
.lefttab{
border-spacing:0px 50px;
text-align:center;
float:left;
margin-right:50px;
margin-top:-20px;
}
.middlebox{
position:fixed;
top:10%;
height:90%;
width:1024px;
margin-left:-512px;
left:50%;
background-color:#e0f0ff;
overflow-y:auto;
overflow-x:hidden;
z-index:450;
}
.midxcenter{
position:absolute;
width:924px;
margin-left:-462px;
left:50%;
height:94%;
top:3%;
overflow-x:hidden;
padding-right:50px;
}
#reset{
position:absolute;
width:512px;
height:auto;
left:50%;
margin-left:-256px;
border-radius:0px;
box-shadow:none;
}
#reset:hover{
position:absolute;
width:512px;
height:auto;
left:50%;
margin-left:-256px;
border-radius:0px;
box-shadow:none;
margin-top:auto;
margin-right:auto;
margin-bottom:auto;
}
.teltx{
 width:50%;
left:0;
position:absolute;
margin-top:70px;
font-weight:700;
}
.miimg{
width:256px;
height:auto;
border-radius:10px;
border:groove;
box-shadow:rgba(0,0,0,0.3) 10px 10px;
opacity:.99;
}
.miimg:hover{
margin-left:1px;
margin-top:1px;
margin-right:-1px;
margin-bottom:-1px;
box-shadow:rgba(0,0,0,0.99) 7px 7px;
opacity:.3;
}
.miimg2{
width:110px;
height:auto;
border-radius:10px;
border:groove;
box-shadow:rgba(0,0,0,0.3) 10px 10px;
opacity:.99;
}
.miimg2:hover{
margin-left:1px;
margin-top:1px;
margin-right:-1px;
margin-bottom:-1px;
box-shadow:rgba(0,0,0,0.99) 7px 7px;
opacity:.3;
}
.txtfrm{
position:absolute;
display:table-cell;
height:5px;
top:45%;
text-align:center;
width:100%;
height:20px;
color:#000;
}
.midxcenterk{
position:absolute;
width:924px;
margin-left:-462px;
left:50%;
height:90%;
top:5%;
overflow-x:auto;
padding-right:50px;
}
.midxcenterk img{
width:100px;
height:auto;
border-radius:10px;
box-shadow:rgba(0,0,0,0.5) 10px 10px;
}
.midxcenterk img:hover{
margin-left:1px;
margin-top:1px;
margin-right:-1px;
margin-bottom:-1px;
box-shadow:rgba(0,0,0,0.7) 8px 8px;
}
.bottombox{
position:fixed;
width:1024px;
margin-left:-512px;
left:50%;
bottom:0;
height:50px;
background-color:rgba(37,166,200,0.75);
border-top:1px solid;
}
.bnav{
height:24px;
width:auto;
vertical-align:middle;
margin-left:5px;
}
.topbtn{
position:fixed;
left:10px;
border:groove;
border-radius:20px;
box-shadow:rgba(0,0,0,0.4) 10px 10px;
bottom:15px;
width:20px;
height:20px;
z-index:500;
background-color:#fff;
padding-top:2px;
}
.topbtn:hover{
bottom:10px;
box-shadow:rgba(0,0,0,0.4) 5px 5px;
}
.cblock{
text-align:justify;
margin-left:360px;
}
.h1top{
margin-top:160px;
}
.h1tope{
margin-top:120px;
}
h1{
font-size:22px;
}
h2{
font-size:18px;
}
h3{
font-size:14px;
}
h4{
font-size:10px;
}
hr{
border-top:solid #369dbc 1px;
}
#nav{
list-style:none inside;
margin:0;
padding:0;
font-size:12px;
}
#nav li{
display:block;
position:relative;
float:left;
background:#b8dce1;
}
#nav li.active{
background:#e0f0ff;
}
#nav li a{
display:block;
padding:0;
text-decoration:none;
width:146px;
line-height:24px;
color:#369dbc;
z-index:700;
}
#nav li a:hover{
color:#227f94;
text-shadow:1px 1px 5px #fff;
}
#nav li li a{width:136px;text-align:left;margin-left:10px;z-index:600}
#nav li:hover{background:#eaf8ff}
#nav ul{
position:absolute;
padding:0;
left:0;
display:none;
}
#nav li:hover ul ul{display:none}
#nav li:hover ul{display:block}
#nav li li:hover ul{
display:block;
margin-left:136px;
margin-top:-24px;
}
#fnav{
list-style:none inside;
margin:0;
padding:0;
text-align:left;
font-size:12px;
}
#fnav li{
display:block;
position:relative;
float:left;
background:#b8dce1;
}
#fnav li.active{
background:#e0f0ff;
}
#fnav li a{
display:block;
padding:0;
text-decoration:none;
width:90px;
line-height:24px;
color:#369dbc;
z-index:700;
}
#fnav li a:hover{
color:#227f94;
text-shadow:1px 1px 5px #fff;
}
#fnav li li a{width:110px;text-align:left;margin-left:10px;z-index:600}
#fnav li:hover{background:#eaf8ff}
#fnav ul{
position:absolute;
padding:0;
left:0;
display:none;
}
#fnav li:hover ul ul{display:none}
#fnav li:hover ul{display:block}
#fnav li li:hover ul{
display:block;
margin-left:120px;
margin-top:-24px;
}

@media (min-width:800px) and (max-width:1023px){
.mainbox{
width:800px;
margin-left:-400px;
}
.topbox{
width:800px;
margin-left:-400px;
}
.toplogo{
height:75px;
margin-top:15px;
margin-left:15px;
}
.toplogo2{
height:75px;
margin-top:15px;
margin-left:30px;
}
.topmenubox{
height:30px;
margin-top:10px;
left:1px;
}
.middlebox{
width:800px;
margin-left:-400px;
}
.midxcenter{
width:700px;
margin-left:-350px;
}
#reset{
width:460px;
height:auto;
left:50%;
margin-left:-230px;
border-radius:0px;
box-shadow:none;
}
#reset:hover{
width:460px;
height:auto;
left:50%;
margin-left:-230px;
border-radius:0px;
box-shadow:none;
margin-top:auto;
margin-right:auto;
margin-bottom:auto;
}
.teltx{
margin-top:49px;
font-size:10px;
font-weight:700;
}
.miimg{
width:200px;
}
.miimg2{
width:85px;
height:auto;
}
.midxcenterk{
width:700px;
margin-left:-350px;
}
.midxcenterk img{
width:80px;
}
.bnav{
height:20px;
}
.bottombox{
width:800px;
margin-left:-400px;
height:50px;
}
.cblock{
margin-left:290px;
}
.h1top{
margin-top:60px;
}
.h1tope{
margin-top:40px;
}
h1{
font-size:20px;
}
h2{
font-size:16px;
}
h3{
font-size:12px;
}
h4{
font-size:8px;
}
#nav{
font-size:10px;
}
#nav li a{
width:114px;
line-height:20px;
}
#nav li li a{width:104px;margin-left:10px}
#nav li li:hover ul{
margin-left:114px;
margin-top:-20px;
}
#fnav{
font-size:10px;
}
#fnav li a{
width:70px;
line-height:10px;
}
#fnav li li a{width:100px;margin-left:10px}
#fnav li li:hover ul{
margin-left:100px;
margin-top:-20px;
}
}

@media (min-width:640px) and (max-width:799px){
.mainbox{
width:640px;
margin-left:-320px;
}
.topbox{
width:640px;
margin-left:-320px;
}
.toplogo{
height:50px;
margin-top:7px;
margin-left:10px;
}
.toplogo2{
height:50px;
margin-top:7px;
margin-left:15px;
}
.topmenubox{
height:30px;
left:5px;
margin-top:5px;
}
.middlebox{
width:640px;
margin-left:-320px;
}
.midxcenter{
width:540px;
margin-left:-270px;
}
#reset{
width:380px;
height:auto;
left:50%;
margin-left:-190px;
border-radius:0px;
box-shadow:none;
}
#reset:hover{
width:380px;
height:auto;
left:50%;
margin-left:-190px;
border-radius:0px;
box-shadow:none;
margin-top:auto;
margin-right:auto;
margin-bottom:auto;
}
.teltx{
margin-top:49px;
font-size:8px;
font-weight:400;
}
.miimg{
width:120px;
}
.miimg2{
width:50px;
height:auto;
}
.midxcenterk{
width:540px;
margin-left:-270px;
}
.midxcenterk img{
width:60px;
}
.bottombox{
width:640px;
margin-left:-320px;
height:50px;
}
.cblock{
margin-left:190px;
}
.h1top{
margin-top:10px;
}
.h1tope{
margin-top:0px;
}
h1{
font-size:16px;
}
h2{
font-size:14px;
}
h3{
font-size:10px;
}
h4{
font-size:8px;
}
.bnav{
height:20px;
}
#nav{
font-size:8px;
}
#nav li a{
width:90px;
line-height:20px;
}
#nav li li a{width:80px;margin-left:10px}
#nav li li:hover ul{
margin-left:90px;
margin-top:-20px;
}
#fnav{
font-size:10px;
}
#fnav li a{
width:70px;
line-height:20px;
}
#fnav li li a{width:70px;margin-left:10px}
#fnav li li:hover ul{
margin-left:70px;
margin-top:-20px;
}
}

@media (max-width:639px){
.mainbox{
width:100%;
margin:0px;
left:0;
overflow-x:auto;
overflow-y:hidden;
}
.topbox{
position:relative;
width:640px;
margin-left:0px;
left:0;
}
.toplogo{
height:50px;
margin-top:7px;
margin-left:10px;
}
.toplogo2{
height:50px;
margin-top:7px;
margin-left:15px;
}
.topmenubox{
height:30px;
left:5px;
margin-top:5px;
}
.bnav{
height:20px;
}
.middlebox{
position:relative;
width:640px;
margin-left:0px;
margin-top:0;
left:0;
}
.midxcenter{
width:560px;
margin-left:20px;
left:0;
}
#reset{
width:380px;
height:auto;
left:50%;
margin-left:-190px;
border-radius:0px;
box-shadow:none;
}
#reset:hover{
width:380px;
height:auto;
left:50%;
margin-left:-190px;
border-radius:0px;
box-shadow:none;
margin-top:auto;
margin-right:auto;
margin-bottom:auto;
}
.teltx{
margin-top:49px;
font-size:8px;
font-weight:400;
}
.miimg{
width:120px;
}
.miimg2{
width:55px;
height:auto;
}
.midxcenterk{
width:540px;
margin-left:-270px;
}
.midxcenterk img{
width:60px;
}
.bottombox{
position:relative;
width:640px;
margin-left:0px;
left:0;
height:50px;
margin-bottom:16px;
}
.cblock{
margin-left:190px;
}
.h1top{
margin-top:10px;
}
.h1tope{
margin-top:0px;
}
h1{
font-size:16px;
}
h2{
font-size:14px;
}
h3{
font-size:10px;
}
h4{
font-size:8px;
}
#nav{
font-size:8px;
}
#nav li a{
width:90px;
line-height:20px;
}
#nav li li a{width:80px;margin-left:10px}
#nav li li:hover ul{
margin-left:90px;
margin-top:-20px;
}
#fnav{
font-size:10px;
}
#fnav li a{
width:70px;
line-height:20px;
}
#fnav li li a{width:70px;margin-left:10px}
#fnav li li:hover ul{
margin-left:70px;
margin-top:-20px;
}
}