@import url("base.css");

body { font-family: 微软雅黑; background-color: #000; background-repeat: repeat; }

.main { max-width: 1208px; margin: 0px auto; }
.top { background-position: center center; width: 100%; background-color: #000; height: 148px; border-bottom: 2px solid #bda05b; background-image: url(topbg.png); background-repeat: no-repeat; float: left; }
.logo { background-position: center center; display: block; height: 148px; width: 414px; background-image: url(logo.png); background-repeat: no-repeat; }
.top > div > ul { float: right; width: 765px; margin-top: 70px; }
.top > div > ul > li { width: 25%; float: left; height: 78px; line-height: 50px; text-align: center; font-size: 18px; }
.top > div > ul > li > a { color: #bda05b; text-decoration: none; height: 78px; display: block; }
.top > div > ul > li > a:hover { color: #fff; }

.head { background-color: #fff; width: 1208px;margin: 0px auto; }

.nav__menu-item { display: inline-block; position: relative; z-index:100;}
.nav__menu-item:hover .nav__submenu { display: block; }
.nav__submenu { text-transform: none; display: none; position: fixed; width: 100%; left: 0px; background-image: url(menubg.png); height: 490px; text-align: left; }
.nav__submenu-item:hover { background: rgba(0, 0, 0, 0.1); }
.nav__submenu > li { width: 800px; margin: 0px auto; height: 490px; }
.nav__submenu div { margin-top: 10px; }
.nav__submenu div.v1 { width: 309px; float: left; border-right: 1px solid #a09c9c; height: 460px; }
.nav__submenu div.v1 p { font-size: 22px; color: #bda05b; text-align: left; }
.nav__submenu div.v1 ul { width: 100%; }
.nav__submenu div.v1 ul li { width: 80%; float: left; border-bottom: 1px solid #fffef6; padding: 10px 0px; }
.nav__submenu div.v1 ul li a { text-decoration: none; }
.nav__submenu div.v1 ul li img { float: right; max-height: 100px; max-width: 70px; }
.nav__submenu div.v1 ul li dd.d1 { font-size: 18px; font-weight: bold; color: #fff; height: 30px; }
.nav__submenu div.v1 ul li dd.d2 { color: #bda05b; font-size: 14px; }

.nav__submenu div.v2 { width: 239px; float: left; border-right: 1px solid #a09c9c; height: 460px; margin-left: 20px; }
.nav__submenu div.v2 p { font-size: 22px; color: #fff; text-align: left; }
.nav__submenu div.v2 li { height: 30px; line-height: 30px; font-size: 14px; }
.nav__submenu div.v2 li a { text-decoration: none; color: #fff; }

.nav__submenu div.v3 { width: 209px; float: left; height: 460px; margin-left: 20px; }
.nav__submenu div.v3 p { font-size: 22px; color: #fff; text-align: left; }
.nav__submenu div.v3 li { height: 30px; line-height: 30px; font-size: 14px; }
.nav__submenu div.v3 li a { text-decoration: none; color: #fff; }

.pos { color: #caa702; height: 50px; line-height: 50px; font-size: 16px; width: 100%; float: left; }
.pos a { color: #caa702; }
.pos span { margin: 0px 10px; }
.singlepageinfo {  width: 100%; float: left; min-height: 768px; }
.aboutinfo { font-size: 16px;  line-height: 180%; }
.aboutinfo strong { font-size: 18px; }

/*产品中心*/
.productlist { width: 100%; float: left; background-color: #0d0a00; min-height: 700px; }
.producttitle { width: 100%; float: left; height: 100px; line-height: 180%; text-align: center; font-size: 16px; color: #fff; }
.producttitle b { font-size: 30px; }
.productclass ul { border-bottom: 2px solid #ffc600; width: 100%; float: left; padding-bottom: 50px; }
.productclass li { height: 50px; width: 100%; float: left; }
.productclass li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 20px; background-color: #fff; padding: 5px 10px; margin-right: 10px; text-decoration: none; min-width: 70px; display: block; float: left; text-align: center; height: 20px; line-height: 30px; color: #0d0a00; font-size: 14px; line-height: 20px; }
.productclass li a.on { background-color: #d69c00; }
.productclass li a.a1 { color: #563307; font-size: 16px; font-weight: bold; }
.productclass span { background-color: #0d0a00; position: absolute; text-align: center; display: block; min-width: 100px; height: 40px; margin-top: 280px; margin-left: 544px; line-height: 40px; font-size: 24px; color: #ffc600; padding: 0px 20px; }
.productlist2 { width: 100%; float: left; }
.productlist2 li { border: 1px solid #ffc600; width: 330px; height: 330px; background-image: url(productbg.png); float: left; margin-top: 45px; margin-left: 53px; }
.productlist2 li img { margin-left: 45px; margin-top: 25px; }
.productlist2 li p { margin-top: 70px; color: #fff2b5; line-height: 150%; margin-left: 20px; }
.productlist2 li p a { text-decoration: none; font-size: 14px; font-weight: bold; color: #fff2b5; }
.productlist2 li a.a1 { display: block; width: 70px; height: 70px; position: absolute; margin-top: -60px; margin-left: 255px; }
.productinfo { width: 100%; float: left; margin-bottom: 20px; min-height: 700px; }
.productleft { width: 566px; border: 1px solid #6a4619; float: left; height: 560px; }
.productright { width: 620px; margin-left: 20px; float: left; }
.productright li { width: 100%; float: left; min-height: 30px; color: #d69c00; line-height: 30px; font-size: 14px; }
.productright li b { margin: 5px 0px; float: left; font-size: 16px; }
.productright li.lt { font-size: 22px; }
.productright li.l1 span { margin-right: 20px; }
.productright li.l2 { line-height: 150%; }
.productright li span.price { font-size: 18px; color: #f00; }
.productright li span.oldprice { margin-left: 10px; text-decoration: line-through; }
.productright li a.buy { display: block; background-color: #780404; width: 120px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; text-decoration: none; margin-top: 20px; }

/*品牌动态*/
.pinpailist { width: 100%; float: left; }
.pinpailist li { float: left; width: 283px; margin-right: 90px; margin-left: 58px; border: 1px solid #cfa972; margin-bottom: 50px; }
.pinpailist li.last { margin-right: 0px; margin-left: 57px; }
.pinpailist li img { width: 283px; height: 280px; }
.pinpailist li a { text-decoration: none; color: #d69c00; }
.pinpailist li dd { padding: 2px 5px; line-height: 150%; min-height: 20px; }
.pinpailist li dd.d1 { text-align: center; height: 25px; line-height: 25px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.time { background-image: url(time.png); margin-right: 20px; text-indent: 20px; display: block; float: left; background-position: left center; background-repeat: no-repeat; }
.click { background-image: url(click.png); text-indent: 30px; display: block; float: left; background-position: left center; background-repeat: no-repeat; }
.page { height: 100px; line-height: 100px; width: 100%; float: left; }

/*内容浏览*/
.infopage{width:100%;float:left;}
.infoTitle { height: 80px; line-height: 80px; font-size: 20px; text-align: center; width: 100%; float: left; font-weight: bold; }
.infoTime { height: 40px; line-height: 40px; width: 100%; float: left; border-bottom: 1px solid #a7a7a7; }
.infoTime div { float: right; }
.infoTime span { margin-left:10px;}
.infoContent { width: 98%; float: left; padding: 10px 1%; font-size: 14px; line-height: 180%; }
.infoContent img { max-width: 100%; }
.nextpage { width: 100%; background-color: #dfc700; height: 40px; line-height: 40px; float: left; margin: 20px 0px; }
.nextpage span { text-align: center; width: 30%; float: left; display: block; font-size: 14px; }
.nextpage span a { text-decoration: none; display: block; width: 100%; }
.nextpage span.s1 { width: 39%; border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; border-right-color: #fff; border-left-color: #fff; }

.banner { background-position: center top; width: 100%; float: left; }
.banner img { width: 100%; height: auto; }
.footer { background-color: #000; text-align: center; height: 50px; padding-top: 10px; line-height: 150%; color: #f1d49e; float: left; width: 100%; }

.white{background-color:#fff;}

/*产品详情页浏览图片*/
.preview { width: 566px; height: 560px; }
/* smallImg */
.smallImg { position: relative; height: 102px; margin-top: 1px; padding: 6px 5px; width: 555px; overflow: hidden; float: left; }
.scrollbutton { width: 14px; height: 100px; overflow: hidden; position: relative; float: left; cursor: pointer; }
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(d_08.png) no-repeat; }
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { background: url(d_09.png) no-repeat; margin-left: 540px; margin-top: -100px; }
#imageMenu { height: 100px; width: 540px; overflow: hidden; margin-left: 0; float: left; }
#imageMenu li { height: 100px; width: 105px; overflow: hidden; float: left; text-align: center; }
#imageMenu li img { width: 98px; height: 98px; cursor: pointer;border:1px solid #959595; }
#imageMenu li#onlickImg img, #imageMenu li:hover img { width: 94px; height: 94px; border: 3px solid #959595; }
/* bigImg */
.bigImg { position: relative; float: left; width: 566px; height: 440px; overflow: hidden; }
.bigImg #midimg { width: 566px; height: 440px; }
.bigImg #winSelector { width: 235px; height: 210px; }
#winSelector { position: absolute; cursor: crosshair; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; background-color: #000; border: 1px solid #fff; }
/* bigView */
#bigView { position: absolute; border: 1px solid #959595; overflow: hidden; z-index: 999; }
#bigView img { position: absolute; }

.fullSlide {   position: relative; height: 760px; overflow: hidden; width:100%;float:left;}
.fullSlide .bd { position: relative; z-index: 0;  width:100%;float:left;}
.fullSlide .bd ul { width: 100% !important; float:left;}
.fullSlide .bd li { width: 100%; height: 1068px;float:left; }
.fullSlide .bd li .siteWidth { width: 1000px; position: relative; margin: 0 auto; height: 768px; }
.fullSlide .bd li a { position: absolute; width: 100%; height: 299px; display: block; z-index: 1; }
.fullSlide .bd .txt { position: absolute; width: 415px; top: 100px; left: 22px; font: normal 18px/30px "Microsoft YaHei"; }
.fullSlide .bd .btn { display: block; zoom: 1; margin-top: 8px; width: 72px; padding-right: 10px; height: 31px; line-height: 31px; text-align: center; color: #fff; font-size: 12px; background: url(banner-btn.png) 0 0 no-repeat; _background: url(banner-btn-ie6.png) 0 0 no-repeat; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 11px; height: 11px; margin: 4px; background: url(dot-black.png) 0 0; overflow: hidden; line-height: 9999px; filter: alpha(opacity=40); opacity: 0.4; }
.fullSlide .hd ul .on { filter: alpha(opacity=100); opacity: 1; }