﻿/* CSS Document */
*{ margin:0; padding:0;}
body{ font:12px Arial, Helvetica, sans-serif; color:#252525; background:#c2eaff url(../images/index-bg.jpg) no-repeat top center;}
ul{ list-style:none;}
img{ border:none;}
div#wrapper{ width:100%; margin:0 auto; }
div#layout{ width:922px; padding:0 39px; height:1%; overflow:hidden; margin:0 auto; }
.clear {clear: both;height:1px;overflow:hidden;margin-top:-1px;}
a{ color:#252525; text-decoration:none;}
a:hover{ color:#298fc5; text-decoration:underline;}
/*******HEADER START*********/
#header{ width:922px; height:501px; }
.top{ width:922px; height:108px; position:relative;}
.top .logo{ float:left;}
.top .tel{ position:absolute; right:17px; top:8px;}
#qucik-nav{ position:absolute; right:10px; top:38px;}
.jsth{ width:912px; height:384px; border:5px solid #fff;}

.menu{ width:670px; height:38px; background:url(../images/menu_bg.jpg) no-repeat; position:absolute; right:2px; bottom:10px;}
.menu ul li{ float:left;}
.menu ul li a{ height:38px; line-height:38px; outline:none; display:block; outline:none; text-align:center; text-indent:-9999px;}
.menu ul li #a{ width:105px;}
.menu ul li #b{ width:81px;}
.menu ul li #c{ width:81px;}
.menu ul li #d{ width:81px;}
.menu ul li #e{ width:81px;}
.menu ul li #f{ width:81px;}
.menu ul li #g{ width:80px;}
.menu ul li #h{ width:80px;}
.menu ul li #a:hover,.menu ul li #a.current {
background:url(../images/menu_bg.jpg) no-repeat 0 -38px;
}
.menu ul li #b:hover,.menu ul li #b.current {
background:url(../images/menu_bg.jpg) no-repeat -105px -38px;
}
.menu ul li #c:hover,.menu ul li #c.current {
background:url(../images/menu_bg.jpg) no-repeat -186px -38px;
}
.menu ul li #d:hover,.menu ul li #d.current {
background:url(../images/menu_bg.jpg) no-repeat -267px -38px;
}
.menu ul li #e:hover,.menu ul li #e.current {
background:url(../images/menu_bg.jpg) no-repeat -348px -38px;
}
.menu ul li #f:hover,.menu ul li #f.current {
background:url(../images/menu_bg.jpg) no-repeat -429px -38px;
}
.menu ul li #g:hover,.menu ul li #g.current {
background:url(../images/menu_bg.jpg) no-repeat -510px -38px;
}
.menu ul li #h:hover,.menu ul li #h.current {
background:url(../images/menu_bg.jpg) no-repeat -590px -38px;
}

/********CONTENT START*********/
.content{ width:922px; height:274px;}
.left{ float:left; width:188px; height:138px; padding:24px 0 0 13px; margin-right:15px;}

.center{ float:left; width:431px; height:161px; padding:14px 0 0; margin-right:17px;}
.content .title{ display:block; border-bottom:1px dashed #b4b4b4; height:26px; line-height:26px; font:14px "微软雅黑";color:#1b87c1; font-weight:bold;}
.content .title .more{ float:right; font-size:12px; font-weight:normal; padding-top:3px;}

.center ul{ padding-top:10px;}
.center ul li{ height:22px; line-height:22px; background:url(../images/arrow.gif) no-repeat 4px center; padding-left:16px;}
.center ul li a{ color:#252525; text-decoration:none;}
.center ul li a:hover{ color:#298fc5;}
.center ul li span{ float:right; padding-right:5px;}

.right{ float:left; width:244px; padding-top:14px;}
.right .order{ float:left; width:234px; height:104px; background:url(../images/orderbg.jpg) no-repeat; margin:15px 0 0 5px;}
.right .order p{ display:block; line-height:24px; padding:18px 15px 0 75px;}
.right .btnorder{ padding:9px 0 0 30px;}
.right .btnorder img{ margin-right:13px;}
.friendlink{ clear:left; width:922px;}

.d1 {
 width:922px;
 height:72px;
 overflow:hidden;
 white-space:nowrap;
}
.d2 {
 margin:0px auto;
}
.div2 {
 width:auto !important;
 width:1000px;
 min-width:1000px;
 height:72px;
 font-size:12px;
 float:left;
 overflow:hidden;
}

ul.piclist{ padding-top:16px;}
ul.piclist li{ float:left; margin-left:12px;}
ul.piclist li a{ width:88px; height:31px; display:block; border:1px solid #fff;}
/******bottom*****/
#bottom{ width:100%; background-color:#97dbff;}
#bottom .bottom{ width:945px; height:60px; margin:0 auto; background:url(../images/bottomlogo.gif) no-repeat top right; padding:15px 0 0 55px; line-height:24px;}
#bottom .bottom a{ color:#252525; padding:0 8px;}
#bottom .bottom a:hover{ color:#298fc5; text-decoration:underline;}
#bottom .bottom a.about{ padding-left:0;}













