/***
@author:xuanjie
@design:qishifeng
@update:2013-04-35
***/
@-webkit-keyframes scale{from{opacity:1;-webkit-transform:scale(1)}75%{opacity:0;-webkit-transform:scale(1.3)}to{opacity:1;-webkit-transform:scale(1)}}
@-moz-keyframes scale{from{opacity:1;-moz-transform:scale(1)}75%{opacity:0;-moz-transform:scale(1.3)}to{opacity:1;-moz-transform:scale(1)}}
@-ms-keyframes scale{from{opacity:1;-ms-transform:scale(1)}75%{opacity:0;-ms-transform:scale(1.3)}to{opacity:1;-ms-transform:scale(1)}}
@-o-keyframes scale{from{opacity:1;-o-transform:scale(1)}75%{opacity:0;-o-transform:scale(1.3)}to{opacity:1;-o-transform:scale(1)}}

.wp{ padding-top:60px; _padding-top:0px; background:url(../img/bg.jpg) no-repeat center 60px; _background-position:center top;}
.main{ width:960px; margin:0 auto;}
.btn_obtain,.btn_off{ background:url(../img/spr.png) no-repeat; overflow:hidden;}

.ban01{ background:url(../img/banner01.jpg) no-repeat center top; height:250px; position:relative;}
.ban02{ background:url(../img/banner02.jpg) no-repeat center top; height:280px; position:relative; overflow:hidden;}

.ban01 h1{ position:absolute; top:-9999em;}
.ban01 .dropbox{ position:absolute; right:1px; top:10px; width:136px; height:28px; background-color:#fff;}
.ban01 .dropbox input{ width:90px; padding:2px 0 0 12px; _padding-top:0; height:24px; line-height:24px; border:none; background:none;}
.ban01 .dropbox .a_drop{ position:absolute; right:0; top:0; display:block; width:22px; height:28px; background:url(../img/spr.png) no-repeat -166px 5px #d8d8d8; text-indent:-999em;}
.ban01 .dropbox .a_drop:hover{ filter:alpha(opacity=80); opacity:.8;}
.abs_dropbox{ position:absolute; left:0; top:29px;}
.abs_dropbox ul{ width:136px; background-color:#fff;}
.abs_dropbox ul li{ height:22px; line-height:22px; vertical-align:top; overflow:hidden;}
.abs_dropbox ul li a{ display:block; padding-left:12px; color:#000;}
.abs_dropbox ul li a:hover{ background-color:#f1f1f1; text-decoration:none;}

.ban02 h2{ position:absolute; left:-9999em; top:-9999em;}
.ban_info{ float:right; width:170px; padding:110px 0 0 0; font-family:\5B8B\4F53;}
.tranbg{ width:160px; height:84px; padding:2px 0; background-color:#fedbec; border-radius:4px; box-shadow:0 0 6px #ef68b0; }
.tranbg h3{ font:15px/1.6 \5FAE\8F6F\96C5\9ED1; text-align:center; color:#d82f7f;}
.ban_info p{ white-space:nowrap;}
.ban_info p a{ text-decoration:underline;}
.pbtn{ padding:4px 0 6px;}
.btn_obtain,.btn_off{ width:104px; height:29px; display:block; margin:0 auto; text-align:center; font:16px/29px \5FAE\8F6F\96C5\9ED1; color:#fff; text-decoration:none!important;}
.btn_obtain:hover{ background-position:0 -30px; border-radius:3px; text-decoration:none; color:#fff; box-shadow:0 0 6px #eea312;}
.btn_off{ background-position:0 -196px; color:#dcdcdc; cursor:default;}
.p_link1{ margin:2px 0 0; padding:0 0 0 4px;}
.p_link1 a{ color:#d82f7f; padding:0 12px 0 0;}
.p_link2,.p_link3{ padding:5px 0 0; line-height:1.4;}
.p_link2 a,.p_link3 a{ color:#fff;}

.probox{ padding:0 0 40px; position:relative; font:14px/16px \5FAE\8F6F\96C5\9ED1; border-bottom:1px solid #929292; *zoom:1;}
.probox img{ display:block;}
.probox h3{ position:absolute; top:-9999em;}
.tbox{ position:absolute;}
.p_name a{ color:#707070; position:relative; display:block;}
.p_name a:hover{ -webkit-animation:scale .3s linear;-moz-animation:scale .3s linear;-ms-animation:scale .3s linear;-o-animation:scale .3s linear;}
.p_price span{ line-height:1.2;}
.p_price .price_new{ color:#e6117f;}
.p_price .price_new em{ font-size:22px;}
.abs_pic{ position:absolute; display:block; background:url(blank:none);}

.t1{ left:411px; top:37px;}
.t2{ left:230px; top:451px;}
.t3{ left:425px; top:372px;}
.t4{ left:757px; top:336px;}
.t5{ left:94px; top:913px;}
.t6{ left:382px; top:964px;}
.t7{ left:668px; top:931px;}
.t8{ left:204px; top:1324px;}
.t9{ left:591px; top:1260px;}
.t10{ left:742px; top:1205px;}
.t11{ left:282px; top:1478px;}
.t12{ left:194px; top:1726px;}
.t13{ left:838px; top:2014px;}
.t14{ left:24px; top:2276px;}
.t15{ left:292px; top:2276px;}
.t16{ left:524px; top:2276px;}
.t17{ left:790px; top:2276px;}
.t18{ left:465px; top:2592px;}
.t19{ left:771px; top:2669px;}
.t20{ left:740px; top:2777px;}
.t21{ left:90px; top:3049px;}
.t22{ left:273px; top:3139px;}
.t23{ left:31px; top:3356px;}
.t24{ left:330px; top:3356px;}
.t25{ left:577px; top:3356px;}
.t26{ left:776px; top:3356px;}

.a1{ width:398px; height:205px; top:-106px; left:-400px;}
.a2{ width:213px; height:257px; top:-50px; left:-217px;}
.a3{ width:182px; height:222px; top:-226px; left:-10px;}
.a4{ width:330px; height:300px; top:-309px; left:-139px;}
.a5{ width:347px; height:114px; top:62px; left:-82px;}
.a6{ width:246px; height:271px; top:-365px; left:-74px;}
.a7{ width:161px; height:161px; top:-246px; left:20px;}
.a8{ width:196px; height:323px; top:-82px; left:-196px;}
.a9{ width:228px; height:316px; top:-180px; left:-228px;}
.a10{ width:162px; height:188px; top:-190px; left:-12px;}
.a11{ width:213px; height:123px; top:47px; left:-10px;}
.a12{ width:270px; height:242px; top:30px; left:-12px;}
.a13{ width:208px; height:259px; top:-284px; left:-160px;}
.a14{ width:170px; height:212px; top:-227px; left:0;}
.a15{ width:272px; height:193px; top:-208px; left:-65px;}
.a16{ width:176px; height:158px; top:-170px; left:26px;}
.a17{ width:172px; height:140px; top:-142px; left:0;}
.a18{ width:280px; height:240px; top:-240px; left:-102px;}
.a19{ width:248px; height:320px; top:-326px; left:-56px;}
.a20{ width:192px; height:154px; top:-94px; left:-208px;}
.a21{ width:153px; height:244px; top:-403px; left:-30px;}
.a22{ width:138px; height:204px; top:-211px; left:14px;}
.a23{ width:199px; height:154px; top:-163px; left:-6px;}
.a24{ width:159px; height:128px; top:-139px; left:-10px;}
.a25{ width:159px; height:228px; top:-384px; left:-40px;}
.a26{ width:200px; height:280px; top:-354px; left:-46px;}

.hot{ width:960px; height:290px; padding:0 0 10px; margin:1px 0; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; overflow:hidden;}
.hot_tit{ padding:14px 0 10px;}
.hot_tit h3{ font:bold 24px/1.2 \9ED1\4F53; color:#e60c64;}
.hot_list:after{ visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.hot_list{ *zoom:1;}
.hot_list li{ float:left; display:inline; margin:0 13px 0 0;}
.hot_list li a img{ display:block;}
.hot_list li a:hover img{ filter:alpha(opacity=90); opacity:.9;}
.co_company{ padding-top:42px; height:88px;}
.co_company .hot_tit{ float:left; padding:20px 0;}

.coul{ float:right; height:94px;}
.coul li{ margin:0 0 0 50px;}
.coul li a{ display:block; border:1px solid #e0e0e0;}
.coul li a:hover{ -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; border-color:#142236;}
.acul{ width:973px;}

.flonav{ position:fixed; _position:absolute; right:20px; top:200px;}
.flonav dl{ width:160px;}
.flonav dl dt{ height:37px; margin:0 0 1px;}
.flonav dl a{ display:block; width:160px; height:37px; text-align:center; font:18px/36px \5FAE\8F6F\96C5\9ED1; color:#fff; background:url(../img/spr.png) no-repeat 0 -98px;}
.flonav dl a:hover{ text-decoration:none; filter:alpha(opacity=90); opacity:.9;} 
.flonav dl dt a{ background-position:0 -60px; text-indent:-999em;}
.flonav dl dd{ margin:0 0 1px;}

/*footer*/
.sys_footer{ font:12px/1.6 tahoma,\5B8B\4F53; border-top:1px solid #929292;;}
.sys_footer .foot .links,.sys_footer .foot .links a,.sys_footer .foot p,.sys_footer .foot p a{ color:#6c6c6c !important;}

/*layer*/
.flo_bg{ background:#000;position:fixed; _position:absolute; left:0; top:0; right:0; bottom:0; z-index:1000; filter:alpha(opacity=50); opacity:.5; width:100%; _height:4446px;}
.flo_minbg{ background:#fff; filter:alpha(opacity=0); opacity:0; _height:4446px; margin:0 auto; _width:960px; z-index:1000;}

.ico_dl dd p:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.ico_dl dd p{*zoom:1;}
.shopping_p{ color:#000; padding:10px 0 0 20px; line-height:1.8;}
.ico_dl{ margin:0 auto;}
.ico_dl dt{ color:#a52d2d; font-weight:bold; text-align:center; margin:0 0 20px;}
.ico_dl dd{ width:300px; margin:0 auto;}
.ico_dl dd p{ clear:both;}
.ico_dl dd p i{ float:left; width:42px; height:42px; margin:0 7px 7px 0; display:block; background:url(../img/spr.png) no-repeat;}
.ico_dl dd p .male{ background-position:-43px -153px;}
.ico_dl dd p .male_on{ background-position:0 -153px;}
.ico_dl dd p .female{ background-position:-129px -153px;}
.ico_dl dd p .female_on{ background-position:-86px -153px;}
.ctr_p{ text-align:center!important; padding-left:0!important;}