@CHARSET "UTF-8";
*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#454545 }
h1,h2,h3,h4,h5,h6{ font-size:12px;}
a{ text-decoration:none; color:#454545;}
a:hover{ text-decoration:underline; color:#ff0000;}
ul{ list-style:none;}
li{ list-style:none;}
.clear{ clear:both; width:100%; height:0; overflow:hidden;}
img{ border:none;}
em{ font-style:normal;}

.top{ background:url(bg1.jpg) repeat; height:120px; width:100%;}
.top_bar{ width:1000px; margin:0 auto}
.top_s {color:#fff;margin-top:20px;float:left;font-weight:bold;}
.top_s a {color:red;}
.logo{ width:328px; height:79px; float:left; background:url(logo.jpg) no-repeat}
.at1{ width:209px; height:30px; float:right; background:url(bg1.png) no-repeat; line-height:30px; color:#fff; margin:18px 0 0 0;}
.at1 span{display:block;margin-left:40px;}
.at1 a{color:#ccc;}
.at1 a:hover{color:#fff;}
.nav{ background:url(bg2.jpg) repeat-x; height:40px; line-height:40px;position:relative; z-index:10;}
.nav ul{ width:1000px; margin:0 auto; background:url(nav_s.jpg) no-repeat right 2px;}
.nav a{ display:block !important;}
.nav ul li{ float:left; background:url(nav_s.jpg) no-repeat left 2px; width:166px; text-align:center; font-size:14px; position:relative;}
.nav ul li a{ color:#ddd;width:166px; display:block;}
.nav ul li a:hover{ background:url(nav_h.jpg) no-repeat center 1px;text-decoration:none;}
.nav ul ul a:hover { color:#f60;}
.nav ul ul{ visibility:hidden; position:absolute; left:0px; top:40px;height:30px;}
.nav ul li:hover ul.second, .nav ul a:hover ul.second {visibility:visible;}
.nav ul ul li{ text-align:center; border-right:none; float:left; width:85px; height:30px;}
.nav ul ul li a{ font-weight:100; width:85px; height:30px; line-height:30px; font-size:12px; background:#1e1e1e;}
.nav ul ul li a:hover{ color:#f60; background:#fff;}
.content{width:100%;background:#939393 url(bg5.jpg) repeat-x;}
.main{ width:1000px; margin:0 auto; background:#f0f0f0; padding-bottom:20px;}


/*dibu*/
#footer { position: relative; height: 280px; overflow: hidden; background: url(bg1.jpg) 0 0 repeat #282828; border-bottom: solid #000 1px; z-index: 1;width:100%; }
#footer .wrapper * { font-size: 12px; color: #B6B6B6; }
#footer .wrapper { position: relative; height: 320px; width:1000px;margin:0 auto;}
#footer .corner { position: absolute; top: 0; right: 175px; height: 0; width: 0; border-color: #F2F2F2 transparent transparent; border-style: solid; border-width: 10px; cursor: pointer; }
#footer #navBottom { background: url(bgNavFooter.jpg) 0 0 no-repeat #444; width: 628px; height: 34px; line-height: 34px; position: absolute; left: 10px; top: 20px; text-align: center; }
#footer #navBottom a { padding: 0 5px; }
#footer #navBottom a:hover { color: #FFF; }
#footer .contact { position: absolute; top: 70px; left: 30px; width: 340px; height: 205px; overflow: hidden; line-height: 22px;}
#footer .contact .content_bb { padding-left: 15px;margin-top:20px;}
#footer #mapBtn { position: absolute; left: 370px; top: 80px; width: 245px; height: 185px; }
#footer #mapBtn img { border: solid 6px #6A6A6A; }
#footer .snsAndCopyright { position: absolute; right: 15px; top: 50px; height: 120px; width: 310px; text-align: center; }
#footer .snsBtn { padding-left: 64px; }
#footer .snsBtn a { display: block; width: 24px; height: 24px; text-indent: -999px; overflow: hidden; background: url(bgSNSBtn.gif) 0 0 no-repeat #036; margin-right: 7px; float: left; }
#footer .snsBtn a.snsBtn1 { background-position: 0px 0; }
#footer .snsBtn a.snsBtn2 { background-position: -30px 0; }
#footer .snsBtn a.snsBtn3 { background-position: -60px 0; }
#footer .snsBtn a.snsBtn4 { background-position: -90px 0; }
#footer .snsBtn a.snsBtn5 { background-position: -120px 0; }
#footer .snsBtn a.snsBtn6 { background-position: -150px 0; }
#footer #copyright { border-top: solid 1px #5C5C5B; line-height: 38px; height: 38px; margin-top: 15px; }
#qrCode { width: 132px; height: 117px; background: url(bgQRCode.gif) center center; position: absolute; right: 104px; top: 132px; text-align: center; padding-top: 15px !important; }
#qrCode img { width: 100px; height: 100px; position: absolute; top: 15px; left: 15px; }
#flink { line-height: 26px; overflow: hidden; background-color: #000; border-top: solid #626262 1px; padding: 5px 0; color: #ccc; }
#flink .wrapper { position: relative; height:auto; width:1000px;margin:0 auto;}
#flink a { padding: 0 5px; color: #666;font-size:12px; }
#flink a:hover { color: #ccc; }
.c{ padding:8px 0}
.c *{ vertical-align:middle}


/*kefu*/
#box-kefu { position: fixed; right: 0; top: 26%; z-index: 100; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100));
}
#box-kefu .kefu-open { position: absolute; top: 0; right: 0; width: 138px; padding: 46px 0 0 0; background: url(kf/kefu_icon.png) no-repeat -46px 0; _background-image: url(kf/kefu_icon.gif); overflow: hidden; }
#box-kefu .kefu-open .close { display: block; position: absolute; width: 22px; height: 22px; right: 0; top: 0; text-indent: -9999px; }
#box-kefu .kefu-open div { padding-bottom: 5px; background: url(kf/kefu_bg.png) no-repeat -268px bottom; width: 134px; }
#box-kefu .kefu-open ul { background: url(kf/kefu_bg.png) repeat-y 0 0 #939393; }
#box-kefu .kefu-open li{ height: 32px; line-height: 32px; padding: 0 15px 2px; }
#box-kefu .kefu-open li.yy{background: url(kf/kefu_bg.png) no-repeat -134px bottom;} 
#box-kefu .kefu-open li.yy a { color: #fff; display: block; position: relative; zoom: 1; padding-left: 35px; }
#box-kefu .kefu-open li.yy a:hover { text-decoration: none; }
#box-kefu .kefu-open li.yy a i { display: inline-block; position: absolute; left: 10px; top: 6px; width: 21px; height: 21px; background: url(kf/kefu_icon.png) no-repeat 9999px 9999px; _background-image: url(kf/kefu_icon.gif); }
#box-kefu .kefu-open li.yy a i.qq { background-position: -56px -56px; }
#box-kefu .kefu-open li.yy a i.online { background-position: -56px -56px; }
#box-kefu .kefu-open li.yy a i.txt { background-position: -86px -56px; }
#box-kefu .kefu-open li.gzfont{color:#fff;}
#box-kefu .kefu-close { position: absolute; top: 5px; right: 0; width: 0; height: 127px; padding: 0; background: url(kf/kefu_icon.png) no-repeat 0 0; _background-image: url(kf/kefu_icon.gif); cursor: pointer; overflow: hidden; }
#box-kefu .kefu-open #tel{ color:#fff; text-align:center; font-family: Tahoma, Geneva, sans-serif}

#backTop { position: fixed; bottom: 30px; right: 30px; }
#backTop a { width: 66px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */
-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#backTop a:hover { color: #000; }
/* arrow icon (span tag) */
#backTop span { width: 66px; height: 66px; display: block; margin-bottom: 7px; background: #777 url(../images/backtop.png) no-repeat center center; /* rounded corners */
border-radius: 5px; /* background color transition */
-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#backTop a:hover span { background-color: #ddd; }