﻿/*头部样式*/
#Header {width:100%;background:url(../images/head_bg.jpg) repeat-x left top;height:100px; }
	.header_con {position:relative}
	.logo,.logotext,.topdl,.quicknav,.hottel,.shoppingcart {position:absolute;}
	.logo { left:0; top:20px; width:180px; height:75px;}
	.logotext {left:190px;top:12px; }
	.logotext .biaoyu{ float:left; padding-top:0}
	.logotext .biaoyu2{ float:left; color:#fff;padding-top:2px; margin-top:15px}
	.logotext .biaoyu2 .l,.logotext .biaoyu2 .m,.logotext .biaoyu2 .r { background:url(../images/biaoyu_bg.gif) no-repeat;height:19px;line-height:19px;float:left}
	.logotext .biaoyu2 .l{width:10px;}
	.logotext .biaoyu2 .r{ background-position:-4px -38px;width:10px; }
	.logotext .biaoyu2 .m{ background-position:left -19px; background-repeat:repeat-x}
	
	.topdl {left:190px; top:60px;color:#8e8e8e; width:450px; float:left; line-height:30px; height:30px; }
	.topdl .memberAccount{position:absolute; top:-13px;*top:-21px; left:118px;z-index:2;background:url(../images/memberlogin_bg.gif) no-repeat left 0;line-height:20px; height:20px; padding-bottom:6px; padding-left:8px; display:inline-block}
	.topdl .memberAccount a{ float:left}
	.topdl .memberAccount a.closed{ display:block; width:22px; height:20px;background:url(../images/memberlogin_bg.gif) no-repeat right -26px; float:left; text-indent:-500px; overflow:hidden; margin-left:5px;}
	.topdl .memberAccount a,.topdl .memberAccount a:hover{color:#fa5818;}
	.topdl span.tt {float:left; line-height:23px; margin-top:3px;}
	.topdl span.input_loginform { margin-top:3px;background:url(../images/form_bg.gif) no-repeat left -30px;height:23px; display:block; width:70px; line-height:23px; float:left;padding:0 5px;}
	.topdl span.input_loginform input{height:18px; width:65px;line-height:18px; color:#8e8e8e; border:0; background-color:transparent;}
	
	.quicknav {right:0; top:0; width:355px;}
	.quicknav a{color:#8d8d8d}
	.quicknav .l,.quicknav .r,.quicknav .m{ width:35px; height:34px; background:url(../images/quicknav_bg.gif) no-repeat;float:left}
	.quicknav .l{ background-position:right 0;}
	.quicknav .r{ background-position:right -68px;}
	.quicknav .m{ width:285px; background-position:left -34px; background-repeat:repeat-x;}
	.quicknav .m li{ float:left; color:#bebaba; line-height:34px; margin-right:3px}
	
	.hottel { right:0; top:40px;  background:url(../images/icon_tel.gif) no-repeat;  height:26px; padding-left:48px; font-size:15px; font-weight:bold; color:#363636}
	.hottel .tlt { padding-top:5px; float:left}
	.hottel .tlt span{ color:#e61d16; padding-top:10px;}
	.hottel .num { float:left;color:#e61d16;}
	
	.shoppingcart { right:0; top:70px; height:26px;}
	.shoppingcart .l,.shoppingcart .r,.shoppingcart .m{ height:26px; background:url(../images/shoppingcart_bg.gif) no-repeat; float:left}
	.shoppingcart .l { width:32px; overflow:hidden}
	.shoppingcart .r { width:10px; overflow:hidden; background-position:-22px -52px;}
	.shoppingcart .m {background-position:0 -26px; background-repeat:repeat-x; height:26px; line-height:22px; color:#202020; padding-left:5px;}
	.shoppingcart .m b{ color:#f00; padding:0 2px; line-height:22px; font-family:Arial;}
	.shoppingcart .m a.btn_buy{background:url(../images/shoppingcart_bg.gif) no-repeat 0 -78px; display:inline-block; padding-left:18px; height:26px; color:#202020; margin-left:3px; float:left}
	.shoppingcart .m a.shopping_list{ float:left;height:26px;color:#202020}
	.shoppingcart .m a.shopping_list:hover{ color:#202020}
	
	
#topNav { width:100%; background:url(../images/nav_bg2.gif) repeat-x; height:72px;}
	.navArea {width:960px;margin:0 auto;position: relative; z-index:998}
	.mainNav { height:37px; line-height:37px; font-family: Verdana}
	.mainNav li { float:left; display: block; width:94px; height:37px; text-align:center; position:relative}
	.mainNav li span.icon_hot,.mainNav li span.icon_new{ position:absolute; top:-12px; right:0;}
	.mainNav li a{display: block; width:94px; height:37px; }
	.mainNav li a,.mainNav li a:hover{color:#fffafa;}
	.mainNav li.c_menu{ background:url(../images/nav_onmouse.gif) no-repeat; color:#e62119; font-weight:bold; }
	.mainNav li.c_menu a,.mainNav li.c_menu a:hover{ color:#e62119;}
	.mainNav li.dotline{ float:left; display: block; width:2px; height:37px;  background:url(../images/nav_bg.gif) no-repeat -4px -37px;}
	
	.subNav { height:34px; position:absolute; top:37px; left:0}
	.subNav .l,.subNav .m,.subNav .r{ background:url(../images/subnav_bg.gif) no-repeat; width:9px; height:34px;line-height:34px; float:left}
	.subNav .l{ background-position:left top; }
	.subNav .r{background-position:left -68px;}
	.subNav .m{ background-position:left -34px; background-repeat:repeat-x;width:937px;padding-left:5px;}
	.homeNav .news{ background:url(../images/icon_laba.gif) no-repeat 8px center; padding-left:32px; float:left; width:330px;}
	.homeNav .search{ float:left; width:560px; overflow:hidden; height:34px;}
	.homeNav .search span{ _padding-top:0px; }
	.homeNav .search .input_prosearch { background:url(../images/form_bg.gif) no-repeat left 0; height:24px; width:180px; line-height:22px; padding:0 5px; border:0;color:#8e8e8e; padding-left:23px}
	
	.secondNav { position:absolute; top:0; left:0; z-index:998; }
	.secondNav ul{ padding-top:5px; clear:both}
	.secondNav li { float:left}
	.secondNav li a{ display:block; width:74px; height:28px; line-height:28px; float:left; text-align:center; margin-right:1px}
	.secondNav li a.jtdown{ background:url(../images/jt_down.gif) no-repeat center 22px; }
	.secondNav li a.navcur{ background:url(../images/nav_onmousebg2.gif) no-repeat; font-weight:bold; color:#ffffff}
	.secondNav li a:hover,.secondNav li a.jtdown:hover,.secondNav li a.navcur:hover{ background:url(../images/nav_onmousebg2.gif) no-repeat; font-weight:bold; color:#ffffff}
	
	.thirdNav {position:absolute; left:0; top:33px; background:#fff; width:597px; z-index:998}
	.thirdNav .text{ width:380px; padding:15px; line-height:20px; float:left;border:1px #cf1f18 solid; border-right:none; height:204px; overflow:hidden}
	.thirdNav .text .proinfo{background:url(../images/dash2.gif) repeat-x left bottom; padding-bottom:2px; margin-bottom:2px}
	.thirdNav .text .dotline{ background:#e5e5e5; height:1px; overflow:hidden; width:100%; margin:5px 0}
	.thirdNav .text .prolist { margin-bottom:10px; }
	.thirdNav .text .prolist a{ display:block; width:168px; height:20px;line-height:20px; text-align:left;  float:left; background:url(../images/jt2.gif) no-repeat left -8px; padding-left:12px; }
	.thirdNav .text .prolist a:hover{font-weight: normal; color:#ff1010 }
	.thirdNav .img{ float:left;border:1px #cf1f18 solid;  border-left:1px #e5e5e5 solid; width:184px; height:234px; }
	.thirdNav .navBottom{ height:7px;clear:both; overflow:hidden }
	.thirdNav .navBottom .bl{ background:url(../images/nav_bottombg.gif) no-repeat left top; width:8px; height:7px; float:left }
	.thirdNav .navBottom .bm{ background:#bd0a04;height:7px; float:left; width:581px}
	.thirdNav .navBottom .br{ background:url(../images/nav_bottombg.gif) no-repeat right -7px; width:8px;height:7px; float:left }

/*页面底部*/
#Bottom { width:960px; clear:both; margin:0 auto; }
	.botNav .l,.botNav .r,.botNav .m{ width:14px; height:32px; background:url(../images/botnav_bg.gif); float:left}
	.botNav .l{background-position:0 0}
	.botNav .r{ background-position:0 -64px; }
	.botNav .m{ width:932px; background-position:0 -32px; line-height:32px; text-align:center; color:#fff; position:relative}
	.botNav .m span{display:block; float:right; position:absolute; top:8px; right:20px}
	.botNav .m ul{ width:850px; padding-left:50px; height:32px; overflow:hidden; float:left}
	.botNav .m li {display:block; float:left; width:75px; height:32px; text-align:center}
	.botNav .m li a{ color:#fff;}
	.botNav .m li a:hover{color:#fff;font-weight:bold}
	.botNav .m li.dotline{ background:url(../images/botnav_bg.gif) left bottom; width:14px;}
	
	.payWay { clear:both; overflow:hidden}
	.payWay .l,.payWay .r,.payWay .m{ width:13px; height:154px; background:url(../images/payway_bg.gif) no-repeat; float:left}
	.payWay .l{background-position:0 0}
	.payWay .r{ background-position:right 0; }
	.payWay .m{ width:934px ; background-position:left -154px; background-repeat:repeat-x}
	.payWay .m .paywayList{ width:215px; height:140px; padding-top:8px; float:left; margin:0 7px}
	.payWay .m .paywayList h1.tlt1,.payWay .m .paywayList h1.tlt2,.payWay .m .paywayList h1.tlt3,.payWay .m .paywayList h1.tlt4{ font-size:14px; border-bottom:1px #ccc solid; text-align:left; line-height:30px; height:30px;background:url(../images/payway_icon.png) no-repeat 0 -3px; padding-left:28px; }
	.payWay .m .paywayList h1.tlt2{ background-position:0 -32px}
	.payWay .m .paywayList h1.tlt3{ background-position:0 -62px}
	.payWay .m .paywayList h1.tlt4{ background-position:0 -92px}
	.payWay .m .paywayList .text{ padding-left:28px;height:80px;line-height:25px;}
	
	.frinkLink { margin-top:8px; clear:both}
	.frinkLink .t,.frinkLink .t .l,.frinkLink .t .r,.frinkLink .b,.frinkLink .b .l,.frinkLink .b .r{width:9px; height:7px;display:block; overflow:hidden}
	.frinkLink .t,.frinkLink .t .l,.frinkLink .t .r{ background:url(../images/friendlink_tbg.gif); }
	.frinkLink .b,.frinkLink .b .l,.frinkLink .b .r{ background:url(../images/friendlink_bbg.gif); }
	.frinkLink .t,.frinkLink .b{background-position:0 -7px; width:100%}	
	.frinkLink .t .l,.frinkLink .b .l{background-position:0 0; float:left}	
	.frinkLink .t .r,.frinkLink .b .r{background-position:0 -14px; float:right}	
	.frinkLink .m{ width:958px; border:1px #ccc solid; border-top:none; border-bottom:none; }
	.frinkLink .m ul{ clear:both; }
	.frinkLink .m ul li{ float:left; margin:0 5px; _margin:0 4px;line-height:25px}
	.frinkLink .m .dotline{ background:url(../images/dash2.gif) repeat-x ; height:1px; overflow:hidden; width:98%; margin:2px auto; clear:both}
	
	.contact { clear:both; margin-top:5px; color:#8f8f8f; line-height:25px; }
	.contact .l{ width:525px; float:left }
	.contact .r{ width:435px; float:right; text-align:right; background:url(../images/dash3.gif) repeat-y; }
	
	/*==底部显示地图==*/ 
	.list{position:relative;}
	.list span img{ /*CSS for enlarged image*/
	border-width: 0;margin:0 auto;}
	.list span{ position: absolute;padding: 3px;border: 1px solid gray;display: none;background-color:#FFF;}
	.list:hover{background-color:transparent;}
	.list:hover span{display:block;top:-432px; left:-300px;}
	.list_icp:hover span{display:block;top:-502px; left:-50px;}
