body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
body{ font: 12px "\5b8b\4f53",Tahoma,Arial; color: #333; background: #fafafa; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none; }
#head{ width: 100%; height: 33px; margin: 0px auto; background: #444444; }
#head div{ width: 1000px; height: 33px; margin: 0px auto; }
#head div p{ display: block; float: left; line-height: 33px; color: #cccccc; }
#head div p.toplogo{ text-indent: 34px; background: url(../images/picture/picture.png) no-repeat -124px -791px; }
#head div p a{ text-decoration: none; color: #cccccc; margin: 0px 3px; }
#head div p a.reg{ color: #ff5200; }
#head div span{ display: block; float: right; line-height: 33px; color: #ccc; border-right: 1px solid #585858; padding-right: 5px; }
#head div span a{ text-decoration: none; color: #ccc; margin: 0px 5px; }
#head div b{ display: block; float: right; font: normal 12px/33px "\5b8b\4f53"; text-indent: 32px; background: url(../images/picture/picture.png) no-repeat 11px -157px; }
#head div b a{ text-decoration: none; color: #ff5200; }
#head div a:hover{ color: #ff6600; text-decoration: underline; }
#top{ width: 100%; height: 88px; margin: 0px auto; }
.top{ width: 1000px; height: 88px; margin: 0px auto; position: relative; overflow: hidden; }
.top a.logo{ width: 150px; height: 40px; display: block; position: absolute; top: 25px; background: url(../images/picture/picture.png) no-repeat; }
.top ul{ display: block; position: absolute; top: 35px; right: -5px; }
.top ul li{ display: block; float: right; padding: 0px 5px; background: url(../images/picture/picture.png) no-repeat 100% -160px; }
.top ul li p{ float: left; height: 28px; display: inline; padding: 0 0 0 10px; }
.top ul li p b{ font-weight: normal; color: #555; float: left; height: 28px; padding: 0px 10px 0px 0; color: #fff; font-weight: bold; }
.top ul li p a{ height: 28px; display: inline-block; font: normal 18px/28px "Microsoft Yahei","simhei"; text-decoration: none; color: #333333; }
.top ul li.hot p{ background: url(../images/picture/picture.png) no-repeat 0 -118px; padding: 0 0 0 17px; }
.top ul li.hot b{ background: #fff url(../images/picture/picture.png) no-repeat 100% -118px; padding: 0px 17px 0px 0; }
.top ul li.hot p a{ color: #ff6600; }
.flashimg{ width: 1000px; height: 420px; margin: 0px auto; position: relative; overflow: hidden; }
.flashimg a.left{ width: 70px; height: 70px; display: block; position: absolute; top: 142px; left: 0px; z-index: 2; background: #fff; filter: alpha(opacity=70); opacity: 0.7; }
.flashimg a.right{ width: 70px; height: 70px; display: block; position: absolute; top: 142px; right: 0px; z-index: 3; background: #fff; filter: alpha(opacity=70); opacity: 0.7; }
.flashimg a.left-a{ width: 70px; height: 70px; display: block; position: absolute; top: 142px; left: 0px; z-index: 5; background: url(../images/picture/picture.png) no-repeat -31px -515px; }
.flashimg a.right-a{ width: 70px; height: 70px; display: block; position: absolute; top: 142px; right: 0px; z-index: 6; background: url(../images/picture/picture.png) no-repeat -31px -445px; }
.flashimg ul{ width: 1000px; display: block; position: absolute; z-index: 1; }
.flashimg ul li{ width: 1000px; height: 420px; display: block; float: left; position: relative; }
.flashimg ul li img{ width: 1000px; height: 420px; display: block; position: absolute; z-index: 1; }
.flashimg ul li p{ width: 1000px; height: 52px; font: normal 22px/52px "Microsoft Yahei","simhei"; display: block; position: absolute; z-index: 3; top: 368px; text-indent: 17px; overflow: hidden; }
.flashimg ul li p a{ text-decoration: none; color: #fff; }
.flashimg ul li em{ width: 1000px; height: 52px; display: block; position: absolute; z-index: 2; top: 368px; background: black; filter: alpha(opacity=70); opacity: 0.7; }
.flashimg b{ display: block; position: absolute; top: 390px; right: 20px; z-index: 4; }
.flashimg b a{ display: inline-block; width: 13px; height: 13px; background: #fff; margin: 0px 5px; color: #fff; cursor: pointer; }
.flashimg b a.hot{ background: #cc1b1b; color: #cc1b1b; }
.index{ width: 1000px; margin: 19px auto 0; }
.indexleft{ width: 663px; float: left; }
.indexleft ul{ width: 663px; display: block; float: left; }
.indexleft ul li{ width: 200px; display: block; float: left; padding: 11px 21px 11px 0; }
.indexleft ul li img{ width: 200px; height: 150px; display: block; float: left; }
.indexleft ul li p{ width: 168px; height: 119px; display: block; padding: 0px 13px 0 17px; line-height: 22px; border: 1px solid #eeeeee; border-top: 0px; background: #fff; overflow: hidden; }
.indexleft ul li p b{ font: bold 14px/24px "\5b8b\4f53"; padding: 12px 0 5px 0; display: block; height: 24px; overflow: hidden; }
.indexleft ul li p em{ width: 168px; height: 66px; display: block; float: left; overflow: hidden; color: #888888; font: normal 12px/22px "\5b8b\4f53"; }
.indexleft ul li p b a{ text-decoration: none; color: #333333; }
.indexleft ul li p b a:hover{ text-decoration: underline; color: #ff6600; }
.indexleft ul li.hot p{ background: #eee; }
.indexleft ul li.hot p em{ color: #333; }
.indexright{ width: 318px; float: right; padding: 11px 0 0 0; }
.indexright h3{ width: 318px; height: 31px; display: block; float: left; border-bottom: 3px solid #949494; background: url(../images/picture/picture.png) no-repeat 0 -77px; }
.indexright span{ width: 318px; height: 44px; display: block; float: left; font: normal 14px/44px "\5b8b\4f53"; text-indent: 29px; background: url(../images/picture/picture.png) no-repeat -137px -196px; }
.indexright span a{ text-decoration: none; color: #666666; }
.indexright img{ width: 150px; height: 112px; display: block; float: left; }
.indexright p{ width: 152px; display: block; float: right; line-height: 25px; color: #999999; padding: 5px 0 0 0; }
.indexright ul{ width: 289px; display: block; float: left; border-top: 1px solid #e2e2e2; margin-top: 18px; background: url(../images/picture/picture.png) no-repeat -137px -238px; }
.indexright ul li{ height: 37px; font: normal 14px/37px "\5b8b\4f53"; overflow: hidden; text-indent: 29px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #fff; }
.indexright ul li a{ text-decoration: none; color: #666666; }
.indexright ul li a:hover{ color: #ff6600; }
.pictitle{ width: 1000px; height: 42px; margin: 27px auto 0; border-top: 5px solid #949494; position: relative; }
.pictitle img{ display: block; position: absolute; top: 13px; left: 0px; }
.pictitle p{ display: block; position: absolute; top: 30px; right: 10px; width: 55px; height: 13px; }
.pictitle p a{ display: block; width: 55px; height: 13px; background: url(../images/picture/picture.png) no-repeat 0px -801px; }
.pictitle p a:hover{ background: url(../images/picture/picture.png) no-repeat -64px -801px; }
.picbox{ width: 1000px; margin: 0px auto; }
ul.picboxleft{ width: 500px; display: block; float: left; padding: 3px 0 0 0; }
ul.picboxleft li{ width: 500px; display: block; float: left; padding: 10px 0; }
ul.picboxleft li img{ width: 240px; height: 180px; display: block; float: left; }
ul.picboxleft li span{ width: 213px; height: 24px; display: block; float: right; font: bold 14px/24px "\5b8b\4f53"; overflow: hidden; margin: 20px 0 0 0; padding: 0px 30px 0 0; }
ul.picboxleft li span a{ text-decoration: none; color: #333333; }
ul.picboxleft li p{ width: 213px; display: block; float: right; font: normal 12px/22px "\5b8b\4f53"; color: #888888; margin: 10px 0 0 0; padding: 0px 30px 0 0; }
ul.picboxleft li p.time{ font: normal 12px/22px "Tahoma"; color: #bbbbbb; }
ul.picboxleft li a:hover{ color: #ff6600; }
.picboxright{ width: 500px; float: right; overflow: hidden; }
.picboxright ul{ width: 513px; display: inline; float: left; margin: 0px 0 0 -8px; }
.picboxright ul li{ width: 155px; height: 116px; display: inline; float: left; margin: 15px 8px 0 8px; position: relative; background: #dedede; }
.picboxright ul li img{ display: block; position: absolute; z-index: 1; width: 155px; height: 116px; }
.picboxright ul li p{ width: 155px; height: 24px; display: none; position: absolute; top: 92px; text-align: center; overflow: hidden; font: normal 14px/24px "\5b8b\4f53"; background: #ff5200; z-index: 2; }
.picboxright ul li p a{ text-decoration: none; color: #fff; }
.picboxright ul li.hot p{ display: block; }
.picboxright span{ display: block; position: absolute; top: 0px; left: 0px; font: normal 16px "Microsoft Yahei","simhei"; }
.picboxright span a{ text-decoration: none; color: #999999; width: 155px; height: 176px; text-align: center; padding: 40px 0 0 0; display: block; background: url(../images/picture/more.jpg) no-repeat; }
.picboxright span a:hover{ background: url(../images/picture/more_hover.jpg) no-repeat; color: #fff; }
.picboxright b{ display: block; position: absolute; text-align: center; top: 73px; width: 155px; }
.picboxright b a{ display: inline-block; width: 6px; height: 6px; overflow: hidden; margin: 0px 3px; background: #999999; }
.newproduct{ width: 1000px; overflow: hidden; margin: 0px auto; }
.newproduct ul{ width: 1012px; display: block; float: left; margin: 0px 0 0 -6px; padding: 10px 0 0 0; }
.newproduct ul li{ width: 190px; display: block; float: left; padding: 6px; }
.newproduct ul li table{ width: 190px; height: 142px; display: block; float: left; }
.newproduct ul li table tr td{ width: 190px; height: 142px; text-align: center; vertical-align: middle; border: 1px solid #eeeeee; background: #fff; }
.news{ width: 1000px; overflow: hidden; margin: 0px auto; }
.news ul{ width: 1012px; display: block; float: left; margin: 0px 0 0 -6px; padding: 10px 0 0 0; }
.news ul li{ width: 190px; height: 142px; display: inline; float: left; margin: 6px 6px; position: relative; }
.news ul li img{ width: 190px; height: 142px; display: block; position: absolute; z-index: 1; }
.news ul li p{ width: 190px; height: 24px; display: none; position: absolute; overflow: hidden; float: left; text-align: center; font: normal 14px/24px "\5b8b\4f53"; background: #ff5200; z-index: 2; top: 118px; }
.news ul li p a{ text-decoration: none; color: #fff; }
.news ul li.hot p{ display: block; }

.list{ width: 100%; margin: 0px auto; padding: 18px 0 0 0; background: url(../images/picture/picture.png) repeat-x 0 -828px; }
.location{ width: 1000px; margin: 0px auto; height: 24px; font: normal 14px/24px "\5b8b\4f53"; color: #666666; text-indent: 28px; background: url(../images/picture/picture.png) no-repeat -136px -607px; }
.location a{ text-decoration: none; color: #666666; margin: 0px 5px; }
.location a.orang{ color: #ff6600; }
.listbox{ width: 1000px; margin: 0px auto; overflow: hidden; }
.listbox ul{ width: 1020px; display: inline; float: left; margin-left: -10px; }
.listbox ul li{ width: 235px; height: 205px; display: inline; float: left; margin: 10px; position: relative; }
.listbox ul img{ display: block; position: absolute; width: 235px; height: 205px; z-index: 1; }
.listbox ul p{ width: 235px; height: 29px; text-align: center; position: absolute; display: block; overflow: hidden; font: normal 14px/29px "\5b8b\4f53"; background: #333333; z-index: 2; top: 176px; }
.listbox ul li.hot p{ background: #ff5200; }
.listbox ul p a{ text-decoration: none; color: #fff; }
.newpage{ width: 1000px; margin: 0px auto; padding: 27px 0 10px 0; text-align: center; }
.newpage a{ display: inline-block; width: 30px; height: 30px; text-align: center; text-decoration: none; color: #666666; margin: 0px 3px; font: normal 14px/30px "Tahoma"; background: url(../images/picture/page.png) no-repeat -74px -361px; vertical-align: middle; }
.newpage a.prev{ display: inline-block; width: 72px; height: 30px; text-indent: 20px; text-align: left; font: normal 14px/30px "\5b8b\4f53"; background: url(../images/picture/page.png) no-repeat 0 -361px; vertical-align: middle; }
.newpage a.prev:hover{ background: url(../images/picture/page.png) no-repeat 0 -457px; }
.newpage a.lt:hover{ background: url(../images/picture/page.png) no-repeat 0 -425px; }
.newpage a.on{ color: #fff; background: url(../images/picture/page.png) no-repeat -74px -393px; }
.newpage a.lt{ display: inline-block; width: 72px; height: 30px; text-indent: 11px; text-align: left; font: normal 14px/30px "\5b8b\4f53"; background: url(../images/picture/page.png) no-repeat 0 -393px; vertical-align: middle; }
.newpage span.jump{ display: inline-block; font: normal 12px/30px "Tahoma"; color: #666666; padding: 0px 14px; }
.newpage input{ width: 45px; height: 18px; border: 1px solid #dedede; display: inline-block; vertical-align: middle; margin-left: 8px; font: normal 12px/18px "Tahoma"; text-align: center; }
.newpage button{ width: 46px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 8px; cursor: pointer; border: 0px; background: url(../images/picture/page.png) no-repeat 0 -209px; }
.newpage a.ft{ display: none; }
.newpage a.next{ display: none; }
.newpage a:hover{ font: bold 14px/30px "Tahoma"; color: #366fb6; }
.newpage a.on:hover{ color: #fff; }
.picturetop{ width: 1000px; height: 77px; margin: 0px auto; position: relative; }
.picturetop a.play{ display: block; width: 60px; position: absolute; left: 10px; text-indent: 12px; text-decoration: none; color: #aaaaaa; line-height: 18px; background: url(../images/picture/picture.png) no-repeat 0 -322px; top: 35px; z-index: 2; }
.picturetop a.view{ display: block; width: 65px; position: absolute; text-indent: 15px; text-decoration: none; color: #aaaaaa; line-height: 18px; background: url(../images/picture/picture.png) no-repeat 0 -347px; top: 35px; left: 83px; z-index: 3; }
.picturetop a.stop{ display: block; width: 60px; position: absolute; left: 10px; text-indent: 12px; text-decoration: none; color: #aaaaaa; line-height: 18px; background: url(../images/picture/picture.png) no-repeat -37px -385px; top: 35px; z-index: 6; }
.picname{ width: 100%; display: block; position: absolute; top: 0px; left: 0px; color: #aaaaaa; overflow: hidden; font: normal 12px/24px "Tahoma"; z-index: 1; text-align: center; }
.picname table{ width: 80%; margin: 0px auto; }
.picname table tr td{ height: 88px; font: normal 12px/24px "Tahoma"; text-align: center; vertical-align: middle; }
.picname b{ display: inline-block; font: normal 24px "Microsoft Yahei","simhei"; color: #333; vertical-align: middle; padding: 0px 0px 0 0; }
.picturetop p{ display: block; position: absolute; top: 35px; right: 75px; color: #777777; z-index: 4; }
.picshow{ height: 100%; background: url(../images/picture/picture.png) repeat-x 0 -828px; margin: 0px auto; padding: 17px 17px 0px 17px; }
.left{ width: 303px; padding: 0px 0px 0 30px; float: right; position: relative; border-left: 1px solid #fff; z-index: 999; }
.right{ padding: 0 33px 0 0px; overflow: hidden; border-right: 1px solid #dbdbdb; z-index: 998; }
.righttop{ position: relative; padding-bottom: 17px; margin: 0 auto; width: 100%; }
.newsphoto{ text-align: center; width: 100%; position: absolute; z-index: 1; }
.righttop table{ width: auto; height: 800px; display: block; position: absolute; z-index: 1; }
.righttop table tr td{ width: 100%; height: 800px; text-align: center; vertical-align: middle; background: yellow; }
.leftimgbt{ width: 70px; height: 70px; display: block; top: 40%; left: 70px; z-index: 2; position: absolute; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.rightimgbt{ width: 70px; height: 70px; display: block; top: 40%; right: 70px; z-index: 3; position: absolute; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.righttop a.prveimg{ width: 70px; height: 70px; display: block; left: 70px; z-index: 4; position: absolute; background: url(../images/picture/picture.png) no-repeat -33px -513px; }
.righttop a.nextimg{ width: 70px; height: 70px; display: block; right: 70px; position: absolute; z-index: 5; background: url(../images/picture/picture.png) no-repeat -33px -444px; }
.left a.closeright{ width: 15px; height: 51px; display: block; top: 237px; left: -2px; position: absolute; z-index: 999; background: #fafafa url(../images/picture/picture.png) no-repeat -17px -381px; }
.lefthidden a.closeright{ width: 15px; height: 51px; display: block; top: 237px; left: -2px; position: absolute; z-index: 999; background: #fafafa url(../images/picture/picture.png) no-repeat 0px -381px; }
.lefthidden{ width: 15px; overflow: hidden; padding: 0px; }
.rightbot{ height: 164px; border: 1px solid #dddddd; background: #f2f2f2; margin: 0 auto; position: relative; }
.scroll{ width: 593px; height: 136px; margin: 17px auto 0; position: relative; }
.scroll a.scrollleft{ width: 20px; height: 63px; display: block; position: absolute; top: 14px; z-index: 1; background: url(../images/picture/picture.png) no-repeat 0 -447px; }
.scroll a.scrollright{ width: 20px; height: 63px; display: block; position: absolute; top: 14px; z-index: 2; right: 0px; background: url(../images/picture/picture.png) no-repeat 0 -517px; }
.scrollimg{ width: 540px; position: absolute; left: 25px; overflow: auto; z-index: 3; }
.scrollimg ul{ display: block; float: left; }
.scrollimg ul li{ width: 121px; display: block; float: left; padding: 0px 7px; }
.scrollimg ul li a{ width: 121px; height: 85px; display: block; float: left; padding: 5px 0 0 0; position: relative; }
.scrollimg ul li a img{ width: 121px; height: 85px; position: absolute; z-index: 1; }
.scrollimg ul li a i{ display: block; position: absolute; bottom: 3px; right: 3px; background: black; color: #fff; font: normal 11px "Tahoma"; z-index: 2; padding: 0px 3px; }
.scrollimg ul li.hot a{ background: url(../images/picture/scrollimg.png) no-repeat; padding: 8px 3px 3px 3px; width: 114px; height: 79px; }
.scrollimg ul li.hot a img{ width: 114px; height: 79px; float: ; }
.scroll span{ width: 525px; height: 1px; display: block; position: absolute; border-bottom: 1px solid #d0d0d0; left: 32px; top: 114px; z-index: 4; overflow: hidden; }
.scroll b{ width: 525px; height: 1px; display: block; position: absolute; border-bottom: 1px solid #fff; left: 32px; top: 115px; z-index: 5; overflow: hidden; }
.scrollbt{ width: 525px; height: 16px; position: absolute; left: 32px; top: 106px; z-index: 6; overflow: hidden; }
.scrollbt a{ width: 130px; height: 16px; display: block; background: url(../images/picture/picture.png) no-repeat -1px -653px; }
.leftadv{ width: 303px; float: left; }
.leftadv img{ width: 303px; float: left; }
.description{ margin:0 auto; position: relative; padding-bottom:15px; }
.imgtext{ width: 928px; height: 74px; margin:0 auto; overflow: auto;font: normal 14px/26px "\5b8b\4f53"; color: #666666; }
.no-4{ height: 172px; display: block; position: absolute; border-left: 1px solid #d0d0d0; left: 292px; top: 6px; z-index: 2; overflow: hidden; }
.no-5{ height: 172px; display: block; position: absolute; border-left: 1px solid #fff; left: 293px; top: 6px; z-index: 3; overflow: hidden; }
.scrolltext{ width: 16px; height: 79px; position: relative; z-index: 4; left: 284px; top: 6px; }
.scrolltext a{ width: 16px; height: 79px; display: block; background: url(../images/picture/scrolltext.png) no-repeat; }
.imgnumber{ width: 68px; height: 47px; float: left; position: relative; }
.no-1{ display: block; font: normal 38px "Tahoma"; font-style: italic; position: absolute; color: #ff6600; top: -5px; left: -10px; z-index: 2; width: 50px; text-align: center; letter-spacing: -5px; }
.no-3{ display: block; font: normal 16px "Tahoma"; font-style: italic; position: absolute; color: #333; top: 30px; left: 40px; z-index: 3; }
.no-2{ display: block; font: normal 35px "Tahoma"; font-style: italic; position: absolute; color: #333; top: 3px; left: 29px; z-index: 1; }
.imgtext a{ text-decoration: underline; color: #000182; }
.imgtext a:hover{ text-decoration: none; color: #ff6600; }
.other{ width: 282px; height: 263px; float: left; background: url(../images/picture/imgbox.jpg) no-repeat; padding: 9px 9px 0 9px; margin-top: 10px; }
.other p{ width: 282px; height: 37px; display: block; float: left; text-align: center; overflow: hidden; background: #585858; font: normal 14px/37px "Tahoma"; color: #bababa; }
.other p a{ text-decoration: none; color: #fff; }
.other p a:hover{ text-decoration: underline; color: #bababa; }
.other img{ width: 282px; height: 212px; float: left; }
.left h3{ width: 303px; height: 32px; display: block; float: left; margin: 20px 0 0 0; border-bottom: 3px solid #949494; font: normal 20px "Microsoft Yahei","simhei"; color: #333; }
.left ul{ width: 303px; display: block; float: left; background: url(../images/picture/picture.png) no-repeat -137px -200px; }
.left ul li{ height: 37px; font: normal 14px/37px "\5b8b\4f53"; overflow: hidden; text-indent: 29px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #fff; }
.left ul li a{ text-decoration: none; color: #666666; }
.left ul li a:hover{ color: #ff6600; }
.lefthidden .leftadv,.lefthidden .description,.lefthidden .other,.lefthidden h3,.lefthidden ul{ display: none; }
#bdshare{ position: absolute; right: 5px; top: 30px; z-index: 5; }
.jiathis_button_tools_1{ background: url(../images/picture/picture.png) no-repeat -137px -200px; }
#bdshare a{ display: inline-block; width: 20px; height: 20px; margin: 0px 2px; cursor: pointer; }
#bdshare a.sina{ background: url(../images/picture/picture.png) no-repeat 2px -597px; }
#bdshare a.zone{ background: url(../images/picture/picture.png) no-repeat -24px -596px; }
#bdshare a.weibo{ background: url(../images/picture/picture.png) no-repeat -50px -597px; }
#bdshare a.sina:hover{ background: url(../images/picture/picture.png) no-repeat 2px -621px; }
#bdshare a.zone:hover{ background: url(../images/picture/picture.png) no-repeat -24px -620px; }
#bdshare a.weibo:hover{ background: url(../images/picture/picture.png) no-repeat -50px -621px; }
dl.showovertop{ width: 900px; margin: 50px auto 0; }
dl.showovertop dt{ width: 765px; display: block; float: left; font: normal 12px/24px "Tahoma"; color: #aaaaaa; }
dl.showovertop dt b{ display: inline-block; font: normal 24px/36px "Microsoft Yahei","simhei"; color: #333; vertical-align: middle; padding: 0px 15px 0 0; }
dl.showovertop dd{ width: 125px; height: 36px; display: block; float: right; position: relative; overflow: hidden; }
dl.showovertop dd p{ display: block; position: absolute; line-height: 36px; color: #777777; left: 10px; }
.showoverbot{ width: 898px; height: 358px; margin: 20px auto 60px auto; border: 1px solid #d7d7d7; }
.showoverbotleft{ width: 500px; float: left; height: 358px; border-right: 1px solid #d7d7d7; position: relative; }
.showoverbotleft p{ display: block; position: absolute; font: normal 20px/36px "Microsoft Yahei","simhei"; color: #333; text-indent: 28px; background: url(../images/picture/view.jpg) no-repeat 0 50%; top: 118px; left: 157px; }
.showoverbotleft a.backhome{ display: block; position: absolute; width: 100px; height: 29px; font-size: 14px; line-height: 29px; color: #fff; text-decoration: none; text-indent: 32px; background: url(../images/picture/back.jpg) no-repeat; top: 163px; left: 148px; }
.showoverbotleft a.again{ display: block; position: absolute; color: #333; text-decoration: none; top: 172px; left: 261px; }
.showoverbotleft a.again:hover{ color: #0073bb; }
.showoverbotright{ width: 397px; height: 358px; float: right; position: relative; background: #f1f1f1; }
.showoverbotright span{ display: block; position: absolute; font-size: 14px; top: 34px; left: 32px; color: #333333; text-shadow: 1px 1px 1px #fff; }
.showoverbotright a.more{ display: block; position: absolute; top: 35px; right: 34px; text-decoration: none; color: #aaaaaa; }
.showoverbotright ul{ width: 362px; display: block; position: absolute; top: 55px; left: 18px; }
.showoverbotright ul li{ width: 181px; height: 144px; display: block; float: left; position: relative; }
.showoverbotright ul li img{ width: 150px; height: 112px; display: block; position: absolute; border: 1px solid #fff; top: 15px; left: 15px; z-index: 1; }
.showoverbotright ul li b{ display: block; position: absolute; width: 150px; height: 24px; z-index: 2; background: black; filter: alpha(opacity=50); opacity: 0.5; top: 104px; left: 16px; }
.showoverbotright ul li p{ display: block; position: absolute; width: 150px; height: 24px; z-index: 3; top: 104px; left: 16px; line-height: 24px; overflow: hidden; text-align: center; }
.showoverbotright ul li p a{ text-decoration: none; color: #fff; }
.showoverbotright ul li.hot{ background: url(../images/picture/like.jpg) no-repeat 50% 50%; }
.photomain{ float: left; width: 100%; }
.prephoto{ width: 163px; position: absolute; top: 0px; left: 30px; }
.nextphoto{ width: 163px; position: absolute; top: 0px; right: 30px; }
.prephoto dl,.nextphoto dl{ width: 163px; display: block; float: left; }
.prephoto dl dt,.nextphoto dl dt{ width: 140px; height: 89px; display: block; float: left; padding: 6px 0 0 23px; background: url(../images/picture/photos.png) no-repeat center top; }
.prephoto dl dt img,.nextphoto dl dt img{ width: 114px; height: 79px; float: left; }
.prephoto dl dd,.nextphoto dl dd{ width: 163px; display: block; float: left; text-align: center; line-height: 20px; margin-top: 8px; }
.prephoto dl dd a,.nextphoto dl dd a{ text-decoration: none; color: #333333; }
.prephoto dl dd a:hover,.nextphoto dl dd a:hover{ text-decoration: underline; color: #ff5200; }
.photonav{ width: 1000px; height: 130px; margin: 16px auto 0 auto; position: relative; }

#footer {
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	color: #818181;
	line-height: 24px;
	padding-bottom: 15px;
}
#footer .footNav {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	background-color: #0070ce;
	color: #fff;
	text-align: center;
}
#footer .footNav a {
	color: #fff;
	margin: 0 10px;
}
#footer span {
	display: inline-block;
	color: #333333;
	font: normal 14px/60px \5b8b\4f53;
}
#footer strong {
	font-weight: normal;
	margin: 0 30px 0 0;
	font-family: tahoma, "\5b8b\4f53";
}
#footer strong img {
	vertical-align: middle;
	margin-left: 3px;
}
#footer a:hover {
	text-decoration: underline;
	color: #ff6600;
}
ul.footImg {
	width: 810px;
	display: block;
	margin: 15px auto 0;
	background: url("/images/Index/2019/copyright.png") no-repeat 0 0;
}
ul.footImg li {
	width: 135px;
    float: left;
}
ul.footImg li a {
	width: 112px;
	height: 47px;
	display: block;
	float: left;
}

.backHome{ width:54px; position: relative;}
.backHome a{ width:54px; height:19px; display:block; float:left; background:#5b7648; text-align:center; font:normal 11px "Microsoft Yahei","simhei"; color:#fff; padding:35px 0px 0 0px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/index/rightBar.png) no-repeat 0 0; overflow: hidden; text-decoration: none; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/index/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/index/rightBar.png) no-repeat 0px -57px; }
.backHome a.rightWx{ background:url(../images/index/rightBar.png) no-repeat 0px -228px; }
.backHome img{
    position: absolute;
    right: 65px;
    top: 130px;
    display: none;
}
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:358px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none;font:normal 11px "Microsoft Yahei","simhei"; }
.toTop a,.toTop a:hover{ display:block; width:54px; height: 19px; padding:35px 0px 0 0px; background:url(../images/index/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); color: #fff; text-decoration: none; text-align: center; }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:124px; display:block; right:10px; z-index: 99999; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }