@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; border:none;}
body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
div { margin: 0px auto; padding: 0px; border: 0px; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
small { font-size:12px; }
ul, ol, li { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
a {outline:none;}
img { display:block; }
.clear {clear:both;}

.top_bg {background: url(../images/top_bg.jpg) no-repeat center top;}
div.main { width: 1024px; overflow: hidden; clear: both; font-size: 0px; position:relative;}

.title, .Camels, .Panda, .GreatWalls, .YGA, .button_01, .button_02, .button_03, .button_04 {position:absolute; display:block;}
.title {position:absolute; left:22px; top:0px; width:930px; height:480px; margin:0 0 0 30px; cursor:pointer; background:url("../images/title.png") no-repeat center top; visibility:visible;-webkit-animation:bounceInUp 700ms ease 100ms both;animation:bounceInUp 700ms ease 100ms both}
@-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}75%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}75%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

.Camels, .Panda, .GreatWalls{position: absolute; background:no-repeat center top;}
.Camels {left: 0px; top: 555px; width: 271px; height: 241px; background-image: url("../images/Camels.png");visibility:visible;-webkit-animation:Camels 500ms ease 700ms both;animation:Camels 500ms ease 700ms both}
@-webkit-keyframes Camels{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes Camels{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
.Panda {left: 287px; top: 666px; width: 290px; height: 203px; background-image: url("../images/Panda.png");-webkit-animation:Panda 500ms ease 800ms both;animation:Panda 500ms ease 800ms both}
@-webkit-keyframes Panda{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes Panda{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
.GreatWalls { left: 729px; top: 578px; width: 212px; height: 179px; background-image: url("../images/GreatWall.png"); -webkit-animation: GreatWalls 500ms ease 900ms both; animation: GreatWalls 500ms ease 900ms both }
@-webkit-keyframes GreatWalls{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes GreatWalls{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
.YGA { left: 652px; top: 775px; width: 225px; height: 140px; background-image: url("../images/YGA.png"); -webkit-animation: GreatWalls 500ms ease 1000ms both; animation: GreatWalls 500ms ease 1000ms both }
@-webkit-keyframes YGA{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes GreatWalls{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
.button_01, .button_02, .button_03, .button_04{transition:all 0.3s ease; -moz-transition:all 0.3s ease; /* Firefox 4 */ -webkit-transition:all 0.3s ease; /* Safari and Chrome */ -o-transition:all 0.3s ease; /* Opera */ width:149px; height:149px;background:no-repeat;cursor: pointer; margin-left: 10px; position: absolute; cursor:pointer;}
.button_01{left: 363px; top: 834px; width: 139px; height: 36px; background: url("../images/cssSprites.png") no-repeat 0 0;}
.button_02{left: 90px; top: 761px; width: 139px; height: 36px; background: url("../images/cssSprites.png") no-repeat 0 -36px; }
.button_03{ left: 703px; top: 734px; width: 139px; height: 36px; background: url("../images/cssSprites.png") no-repeat 0 -72px; }
.button_04{ left: 617px; top: 901px; width: 139px; height: 36px; background: url("../images/cssSprites.png") no-repeat 0 -108px; }
.button_01:hover{top: 814px;}
.button_02:hover{top: 741px;}
.button_03:hover{top: 710px;}
.button_04:hover{top: 880px;}

.section {width:100%; background:#ffde48; position:relative;}

.section .sectionTitle00 { background:#ffde48;}
.section .sectionTitle01, .section .sectionTitle02, .section .sectionTitle03, .section .sectionTitle04, .section .sectionTitle05, .section .sectionTitle06, .section .sectionTitle07, .section .sectionTitle08, .section .sectionTitle09, .section .sectionTitle10{width:100%;  background: no-repeat center top; position:relative;}
.section .sectionTitle01 {height:115px; background-image:url("../images/indexTitle_01.jpg");}
.section .sectionTitle02 {height:130px; background-image:url("../images/indexTitle_02.jpg");}
.section .sectionTitle03 {height:130px; background-image:url("../images/indexTitle_03.jpg");}
.section .sectionTitle04 {height:130px; background-image:url("../images/indexTitle_04.jpg");}
.section .sectionTitle05 {height:130px; background-image:url("../images/indexTitle_05.jpg");}
.section .sectionTitle06 {height:130px; background-image:url("../images/indexTitle_06.jpg");}
.section .sectionTitle07 {height:200px; background-image:url("../images/indexTitle_07.jpg");}
.section .sectionTitle08 {height:120px; background-image:url("../images/indexTitle_08.jpg");}
.section .sectionTitle09 {height:120px; background-image:url("../images/indexTitle_09.jpg");}
.section .sectionTitle10 {height:120px; background-image:url("../images/indexTitle_10.jpg");}



.indexHead {width:100%; height:670px; background:url("../images/indexHead.jpg") no-repeat center top;}
.section {width:100%; }
.section .sectionTitle {width:460px; height:156px; margin:0 auto;}
.section .tabArea {width:1008px; margin:10px auto;}
.section .tabArea .S_tabNav {text-align:center; margin-bottom:10px;}
.section .tabArea .S_tabNav li {position:relative; top:0; display:inline; float:left; width:216px; height:51px; margin:0 5px; font:20px/50px "Microsoft YaHei", Simsun; cursor:pointer;border:#ff8a4a solid 2px; border-radius:8px; color:#7c2c00;}
.section6 .tabArea .S_tabNav li {width:116px; }
.section .tabArea .S_tabNav li:hover {background:#ff8a4a; color:#7c2c00;}
.section .tabArea .S_tabNav li.S_current {background:#ff8a4a; color:#7c2c00;}
.section .tabArea .S_tabContent {position:relative;}
.section .tabArea .S_tabContent .S_tabBlock {visibility:hidden; position:absolute; left:0; top:0;}
.section .tabArea .S_tabContent .S_show {visibility:visible;}
.section .tabArea .S_tabBlock .productList {display:inline-block;}




.section ul.product {width:1008px; height:100%; margin:0 auto; display:block; padding-top:25px;}
.section ul.product .blank{width:400px; height:100px; float:left; display:block;}
.section ul.product li{ float:left;font:22px/30px "Microsoft YaHei", Simsun; color:#522300; padding:15px 25px 15px 25px; margin:5px 25px 5px 5px; border:#fff44a dashed 1px; border-radius:8px; cursor:pointer;}
.section ul.product li:hover{ background:#fff44a;}

.section .productBg_01{ background:url(../images/indexBg_01.jpg) repeat-y center top; height:100%;}
.section .productBg_02{ background:url(../images/indexBg_02.jpg) center top; height:100%;}

.section .productWrap {width:1008px; height:100%; margin:0 auto; display:block;}

.section .productList {width:1040px; display:block; height:100%; position:relative;}

.section .productList li {float:left; width:316px; height:370px; margin:0 15px 20px; background:#fff; border-radius:8px; overflow:hidden; position:relative;}
.section .productList li a {display:block; width:100%; height:100%;}
.section .productList li a:hover {text-decoration:none; display:block;}
.section .productList li .photo { position:absolute;width:316px; height:210px; background:#666;border-bottom:#EDEDED solid 4px; display:block; overflow:hidden;}
.section .productList li .photo img {width:316px; height:210px;}
.section .productList li h2 {font:14px/30px "Microsoft YaHei", Simsun; color:#fff;position:absolute; right:0; top:175px; padding:0 10px 0px 10px; background:rgba(0,0,0,0.70);display:block;}
.section .productList li .tagArea {width:306px; height:54px; padding:10px 5px 0px; border-bottom:1px #ddd dashed; overflow:hidden; padding-top:220px;}
.section .productList li .tagArea b {display:inline-block; margin: 0 2px 5px; padding:0 5px; font:13px/22px "Microsoft YaHei", Simsun; color:#fff; border-radius:4px; background:#fc7905;}
.section .productList li .date {height:40px; overflow:hidden; font:16px/21px "Microsoft YaHei", Simsun; color:#333; padding:4px 5px;}
.section .productList li .price {position:absolute; left:5px; bottom:5px; padding:0 0 0 12px; font:22px/34px arial; color:#fc7905;}
.section .productList li .price span {position:absolute; left:0px; bottom:3px; font-size:14px; line-height:16px;}
.section .productList li .linkButton {position:absolute; right:5px; bottom:8px; width:105px; height:38px; font:18px/38px "Microsoft YaHei", Simsun; color:#462222; text-align:center; border-radius:6px; background:#ffe44d;}
.section .productList li .soldOut {background:#d0a234;}
.section .productList li.on .soldOut {background:#ffe44d;}


.section .productList2 {width:1040px; display:block; height:100%; position:relative;}
.section .productList2 li {float:left; width:250px; height:345px; margin:0 5px 20px; background:#fff; border-radius:8px; overflow:hidden; position:relative;}
.section .productList2 li a {display:block; width:100%; height:100%;}
.section .productList2 li a:hover {text-decoration:none;}
.section .productList2 li .photo {position:absolute;width:250px; height:175px; background:#666;border-bottom:#EDEDED solid 4px; display:block; overflow:hidden;}
.section .productList2 li .photo img {width:250px; height:175px;}
.section .productList2 li h2 {font:14px/30px "Microsoft YaHei", Simsun; color:#fff;position:absolute; right:0; top:140px; padding:0 10px 0px 10px; background:rgba(0,0,0,0.70);display:block;}
.section .productList2 li .tagArea {width:250px; height:55px; padding:10px 5px 0px; border-bottom:1px #ddd dashed; overflow:hidden; padding-top:190px;}
.section .productList2 li .tagArea b {display:inline-block; margin: 0 2px 5px; padding:0 5px; font:13px/22px "Microsoft YaHei", Simsun; color:#fff; border-radius:4px; background:#fc7905;}
.section .productList2 li .date {height:40px; overflow:hidden; font:16px/21px "Microsoft YaHei", Simsun; color:#333; padding:4px 5px;}
.section .productList2 li .feature {height:21px; overflow:hidden; font:14px/20px "Microsoft YaHei", Simsun; color:#999; padding:4px 5px;}
.section .productList2 li .price {position:absolute; left:5px; bottom:5px; padding:0 0 0 12px; font:22px/34px arial; color:#fc7905;}
.section .productList2 li .price span {position:absolute; left:0px; bottom:3px; font-size:14px; line-height:16px;}
.section .productList2 li .linkButton {position:absolute; right:5px; bottom:8px; width:105px; height:38px; font:20px/38px "Microsoft YaHei", Simsun; color:#462222; text-align:center; border-radius:6px;background:#ffe44d;}

.section4 { height:980px;}
.section5 { height:980px;}
.section6 { height:610px;}

.section .floatBox {position:absolute; left:51%; margin:0 0 0 500px; z-index:9999; width:152px; height:590px; background-image:url(../images/nav.png);}
.section .floatBox ul {position:absolute; left:0; top:160px; width:152px;}
.section .floatBox ul li a {width:100%; height:70px; display:block; cursor:pointer;}

.explain {text-align:center; color:#999; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); padding:10px 0 10px 0;}

.insert{height:0px;overflow:hidden;display:block;margin:0;}

/*blank*/
.clear { clear:both; font-size:0;}
.none_05 { height:5px; clear:both; font-size:0;}
.none_10 { height:10px; clear:both; font-size:0;}
.none_15 { height:15px; clear:both; font-size:0;}
.none_20 { height:20px; clear:both; font-size:0;}
.none_25 { height:25px; clear:both; font-size:0;}
.none_30 { height:30px; clear:both; font-size:0;}