@import "reset.css";

body{ min-width: 1200px; font: 28px '\5FAE\8F6F\96C5\9ED1';}
.fl{ float: left;}
.fr{ float: right;}
.ovf{ overflow: hidden;}
.clearfix{ clear: both;}
.wrap{ width: 1200px; margin: 0 auto;}


/*header*/
.header{ background: url("../images/banenr.jpg") no-repeat scroll center; width: 100%;}
.header img{ display: block;}
.header .wrap{ position: relative;}
.header .logo{ position: absolute; left: 0; top: 0; width: 180px; height: 160px;}


/*main*/
.main .bgGreen{ background: url("../images/bg.png") repeat-y scroll center -111px #006f34;}
.main .bgRed{ background: url("../images/bg.png") repeat-y scroll center #bb0c20;}
.main .title{ padding-bottom: 40px;}
.main .title .wrap{ position: relative;}
.main .title .wrap .th{ text-align: center; margin: 10px auto; position: relative;}
.main .title .wrap .th .time{ position: absolute; right: 0; bottom:0; color: #fff; font-size: 20px;}
.main .title .wrap .bt{ position: absolute;top: 133px; *top: 131px; left: 0; width: 100%; height: 6px; background: url("../images/btbg.png") no-repeat;}
.main .title .wrap div{ width: 398px; height: 141px; font-size: 0; line-height: 160px; text-align: center; margin-right: 3px;}
.main .title .wrap div i,.main .title .wrap div p{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;font-size: 24px; color: #fff;}
.main .title .wrap div i{ font-style: normal; background: url("../images/bandIcon.png") no-repeat; width: 66px; height: 69px; text-align: center; line-height: 69px; margin-right: 10px;}
.main .title .wrap div p{ height: 69px; line-height: 69px; }
.main .title .wrap div.snow1{background: url("../images/snow1.png") no-repeat;}
.main .title .wrap div.snow2{background: url("../images/snow2.png") no-repeat;}
.main .title .wrap div.snow3{background: url("../images/snow3.png") no-repeat; margin-right: 0;}

.main #agate{ background-position-y: -425px;}
.main .part .wrap{ position: relative; z-index: 2;}
.main .part .pTitle{ background: url("../images/pTbg.png") no-repeat center 6px; width: 1299px; height: 232px; margin-left: -101px; padding-top: 6px; position: relative;}
.main .part.bgRed .pTitle{ background: url("../images/pTbg2.png") no-repeat center 6px;}
.main .part .pTitle h3{ background: url("../images/partTlt1.png") no-repeat; width: 238px; height: 124px; color: #fff; text-indent: -9999px; position: absolute; top: 0; left: 151px;}
.main .part .details{ background: url("../images/ptCbg.png") repeat-y; margin-left: -18px;}
.main .part.bgRed .details{ background: url("../images/ptCbg2.png") repeat-y;}
.main .part .details ol{ margin-top: -75px; margin-left: 19px; position: relative; z-index: 2;}
.main .part .details ol li{ background: url("../images/liBg.png") no-repeat center -3px; width: 268px; height: 374px; overflow: hidden; float: left; padding: 6px; margin-right: 13px;}
.main .part .details ol li a{ display: block;}
.main .part .details ol li img{ width: 268px; height: 288px; display: block;}
.main .part .details ol li .con a{ font-size: 14px; color: #006f34; margin-top: 5px; height: 18px; line-height: 18px; overflow: hidden;}
.main .part .details ol li .con strike{ font-size: 16px; color: #666;}
.main .part .details ol li .con p{ line-height: 27px; margin-top: 12px;}
.main .part .details ol li .con span{ font-size: 14px; color: #006f34; font-weight: bold;}
.main .part .details ol li .con span font{ font-size: 24px; color: #d53636;}
.main .part .details ol li:hover{background: url("../images/liSelect.png") no-repeat center -3px;}
.main .part .details .bb{ background: url("../images/ptCbgb.png") no-repeat; width: 1200px; height: 24px; margin-top: -10px;}
.main .part.bgRed .details .bb{ background: url("../images/ptCbgb2.png") no-repeat;}
.main .part .pbb{ background: url("../images/pbbg.png") no-repeat scroll center; width: 100%; height: 307px; margin-top: -230px; position: absolute;}

.main .part#jewelry,.main .part#bracelet,.main .part#Mercy{ padding-top: 100px;}
.main .part#jewelry .pTitle h3{ background: url("../images/partTlt2.png") no-repeat; width: 269px; height: 124px;}
.main .part#bracelet .pTitle h3{ background: url("../images/partTlt3.png") no-repeat; width: 238px; height: 124px;}
.main .part#Mercy .pTitle h3{ background: url("../images/partTlt4.png") no-repeat; width: 269px; height: 124px;}

.main .part#Mercy{ padding-bottom: 110px;}

.main .part#agate ol{ padding-bottom: 12px;}
.main .part#jewelry ol{ padding-bottom: 10px;}
.main .part#bracelet ol{ padding-bottom: 4px;}
.main .part#Mercy ol{ padding-bottom: 2px; }

/*footer*/
.footer{ background: #006f34; text-align: center; font-size: 14px; color: #fff; line-height: 24px; padding: 20px 0;}

.backTop{ background: url("../images/backBg.png") no-repeat; width: 198px; height: 725px; position: fixed; z-index: 999; left: 50%; top: 50%; margin: -363px 0 0 600px;}
.backTop div{ position: relative; height: 725px;}
.backTop a{ position: absolute; width: 128px; height: 38px; left: 35px; text-indent: -9999px;}
.backTop a.a1{ top: 183px;}
.backTop a.a2{ top: 229px;}
.backTop a.a3{ top: 275px;}
.backTop a.a4{ top: 321px;}
.backTop a.a5{ top: 656px; left: 62px; width: 68px; height: 69px;}

body #newBridge .icon-right-center{ right: auto; left: 20px;}