.fangjia2017{position:absolute; right:0; width:247px; height:50px; top:-7px}
.logo{ position:relative}
.logif{ background: url(../images/2018/300x100.png) no-repeat center top; position:absolute; left:175px; top:0px; width:300px; height:100px;}
.fireworks, .fireworks2{ background:url(../images/2018/gg_animationico.png) no-repeat; z-index:55}
.fireworks{width:55px;height:55px;display:inline-block;overflow:hidden;background-position:0px 0px;position:absolute;left:260px;top:0px;animation:fireworksfn 3s infinite;-webkit-animation:fireworksfn 3s infinite;-moz-animation:fireworksfn 3s infinite;-ms-animation:fireworksfn 3s infinite;-o-animation:fireworksfn 3s infinite;}
.fireworks2{width:45px;height:45px;display:inline-block;overflow:hidden;background-position:-150px -150px;position:absolute;left:330px;top:15px;animation:fireworksfn2 3s infinite;-webkit-animation:fireworksfn2 3s infinite;-moz-animation:fireworksfn2 3s infinite;-ms-animation:fireworksfn2 3s infinite;-o-animation:fireworksfn2 3s infinite;}
@keyframes fireworksfn{0%,45%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
55%{opacity:1;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@keyframes fireworksfn2{0%,60%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}
/**banner处**/
.snow1,.snow2,.snow3,.snow4,.snow5,.snow6,.snow7,.snow8,.snow9,.snow10{ background:#fff; z-index:999}
.snow1{width:5px;height:5px;display:inline-block;overflow:hidden;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;position:absolute;left:150px;top:52px;animation:snowfn 6s linear infinite;-webkit-animation:snowfn 6s linear infinite;-moz-animation:snowfn 6s linear infinite;-ms-animation:snowfn 6s linear infinite;-o-animation:snowfn 6s linear infinite}
.snow2{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;opacity:.5;position:absolute;left:250px;top:55px;animation:snowfn 9s linear infinite;-webkit-animation:snowfn 9s linear infinite;-moz-animation:snowfn 9s linear infinite;-ms-animation:snowfn 9s linear infinite;-o-animation:snowfn 9s linear infinite}
.snow3{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;position:absolute;left:460px;top:54px;animation:snowfn 8s linear infinite;-webkit-animation:snowfn 8s linear infinite;-moz-animation:snowfn 8s linear infinite;-ms-animation:snowfn 8s linear infinite;-o-animation:snowfn 8s linear infinite}
.snow4{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;position:absolute;left:648px;top:76px;animation:snowfn 4.5s linear infinite;-webkit-animation:snowfn 4.5s linear infinite;-moz-animation:snowfn 4.5s linear infinite;-ms-animation:snowfn 4.5s linear infinite;-o-animation:snowfn 4.5s linear infinite}
.snow5{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;opacity:.6;position:absolute;left:890px;top:45px;animation:snowfn 8s linear infinite;-webkit-animation:snowfn 8s linear infinite;-moz-animation:snowfn 8s linear infinite;-ms-animation:snowfn 8s linear infinite;-o-animation:snowfn 8s linear infinite}
.snow6{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;opacity:.6;position:absolute;left:-60px;top:45px;animation:snowfnleft 8s linear infinite;-webkit-animation:snowfnleft 8s linear infinite;-moz-animation:snowfnleft 8s linear infinite;-ms-animation:snowfnleft 8s linear infinite;-o-animation:snowfnleft 8s linear infinite}
.snow7{width:5px;height:5px;display:inline-block;overflow:hidden;border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;opacity:.5;position:absolute;left:-140px;top:76px;animation:snowfnleft 9s linear infinite;-webkit-animation:snowfnleft 9s linear infinite;-moz-animation:snowfnleft 9s linear infinite;-ms-animation:snowfnleft 9s linear infinite;-o-animation:snowfnleft 9s linear infinite}
.snow8{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;position:absolute;right:10%;top:76px;animation:snowfnleft 4.5s linear infinite;-webkit-animation:snowfnleft 4.5s linear infinite;-moz-animation:snowfnleft 4.5s linear infinite;-ms-animation:snowfnleft 4.5s linear infinite;-o-animation:snowfnleft 4.5s linear infinite}
.snow9{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;position:absolute;left:75%;top:76px;animation:snowfnleft 6.5s linear infinite;-webkit-animation:snowfnleft 6.5s linear infinite;-moz-animation:snowfnleft 6.5s linear infinite;-ms-animation:snowfnleft 6.5s linear infinite;-o-animation:snowfnleft 6.5s linear infinite}
.snow10{width:4px;height:4px;display:inline-block;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;position:absolute;right:6%;top:76px;opacity:.6;margin-left:800px;animation:snowfnleft 8s linear infinite;-webkit-animation:snowfnleft 8s linear infinite;-moz-animation:snowfnleft 8s linear infinite;-ms-animation:snowfnleft 8s linear infinite;-o-animation:snowfnleft 8s linear infinite}

@keyframes snowfn{0%{transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);opacity:1}
100%{transform:translateY(448px);-ms-transform:translateY(448px);-moz-transform:translateY(448px);-webkit-transform:translateY(448px);-o-transform:translateY(448px);opacity:0}
}
@keyframes snowfnleft{0%{transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);opacity:1}
100%{transform:translateY(580px);-ms-transform:translateY(580px);-moz-transform:translateY(580px);-webkit-transform:translateY(580px);-o-transform:translateY(580px);opacity:0}
}
.fireworks3, .fireworks4,.fireworks5, .fireworks6{ background:url(../images/2018/gg_animationico.png) no-repeat; z-index:999}
.fireworks3{width:68px;height:68px;display:inline-block;overflow:hidden;background-position:0px -100px;position:absolute;left:2%;top:10px;animation:fireworksfn3 5s infinite;-webkit-animation:fireworksfn3 5s infinite;-moz-animation:fireworksfn3 5s infinite;-ms-animation:fireworksfn3 5s infinite;-o-animation:fireworksfn3 5s infinite}
.fireworks4{width:49px;height:49px;display:inline-block;overflow:hidden;background-position:0px -186px;position:absolute;left:7%;top:205px;animation:fireworksfn4 5s infinite;-webkit-animation:fireworksfn4 5s infinite;-moz-animation:fireworksfn4 5s infinite;-ms-animation:fireworksfn4 5s infinite;-o-animation:fireworksfn4 5s infinite}
.fireworks5{width:65px;height:65px;display:inline-block;overflow:hidden;background-position:0px -257px;position:absolute;right:8%;top:200px;animation:fireworksfn5 5s infinite;-webkit-animation:fireworksfn5 5s infinite;-moz-animation:fireworksfn5 5s infinite;-ms-animation:fireworksfn5 5s infinite;-o-animation:fireworksfn5 5s infinite}
.fireworks6{width:86px;height:86px;display:inline-block;overflow:hidden;background-position:0px -345px;position:absolute;right:4%;top:30px;animation:fireworksfn6 5s infinite;-webkit-animation:fireworksfn6 5s infinite;-moz-animation:fireworksfn6 5s infinite;-ms-animation:fireworksfn6 5s infinite;-o-animation:fireworksfn6 5s infinite}
@keyframes fireworksfn3{0%,40%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
80%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
}
@keyframes fireworksfn4{0%,60%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
}
@keyframes fireworksfn5{0%,50%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
65%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
}
@keyframes fireworksfn6{0%,70%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
85%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
}
.jiwarp{ width:1200px; overflow:hidden; height:430px; margin:0 auto;}
.jiwarp li{ margin:10px 0 0 10px; width:186px; height:200px; float:left; overflow:hidden;}
.jiwarp li img{transition:all .2s ease;}
.jiwarp li img:hover{transform:scale(1.02)}

.ji220x410{ width:220px !important;height:410px !important; margin-left:0 !important;}
.ji220x410 img{ width:220px !important;height:410px !important;}






/*gg*/
.topgg div{ width:1200px; margin:0 auto; height:auto; position:relative;}
.topgg div .close{ display:block; width:15px; height:15px; background:#000; color:#fff; line-height:12px; text-align:center; position:absolute; right:0px; top:0px; font-size:16px; font-family:Verdana}
 .topgg div .close:hover{text-decoration:none; background:#C00}
/***banner-style**/
.banner{ width:100%; margin:0 auto; height:448px;margin-bottom:17px; text-align:center; position:relative;}
.banner-wrapper{width:1200px; margin:0 auto;position: relative;}
.banner:hover .theon,.banner:hover .thedown{ display:block}
.theon,.thedown{ display: inline-block;height:90px; width:40px; line-height:90px;overflow: hidden; position:absolute;top:160px; z-index:999;background-image:url(../images/default/banner_num.png);  display:none;background-repeat:no-repeat;text-align:center; text-indent:-9999em;}
.theon{ background-position: 0 -42px;left:200px; }
.thedown{background-position: 0 -132px;left:913px;}
.banner-content{width:1200px; margin:0 auto;position: absolute; z-index:2;}
.bannerbj li{height: 448px;width: 100%;}
.banner-link{margin:0 auto;width:1200px; height:448px;}
.banner-link a{width:753px; height:448px;position:relative;z-index: 11;top: 0;overflow: hidden;display: block; margin-left:210px;}
.slide-num{bottom: 12px;height:15px;left: 0;position: absolute;text-align: center;width: 100%;z-index:22; margin-left:-23px;}
.slide-num a{display: inline-block;height:15px; width:15px; line-height:15px;overflow: hidden; color:#000; margin:0 2px; background:url(../images/default/banner_num.png) no-repeat left top; text-align:center; text-indent:-9999em}
.slide-num .hover {background:url(../images/default/banner_num.png) no-repeat left -18px;}

/**index-banner-right-panictime**/
.panicbuy{width:247px; height:448px; overflow:hidden; background:#fff; float:right}
.panicbuy .panictime{ height:48px; background:#333; color:#fff; font-size:12pt; line-height:48px !important;}
.panicbuy .panilist{ width:247px; height:400px; overflow:hidden}

.panicbuy .panilist li{ width:227px; margin-top:3px; border-bottom:1px dotted #ccc; text-align:left; line-height:24px !important; max-height:48px; overflow:hidden; padding:0 10px;}
.panicbuy .panilist li:hover{ background:none}
.panicbuy .panilist li a{ line-height:100% !important}

/***huadongmen-tab-ALLstyle**/
.tab-nav{ width:100%;}
.tab-nav li{float:left; text-align:center; } 
.tab-nav li:hover a{text-decoration:none !important} 
.tab-nr{ width:100%;}
.tab-nr li{width:100%; display: none }
.tab-nr li.show{ display:block}
/***huadongmen-tab-ALLstyle-end**/
/***MAIN-STYLE**/

.main .big-title{ width:1200px; height:100%; margin:17px auto; padding:0}
.main .big-title .left-list{ float:left; width:940px; height:268px; border:1px solid #eee;}
.main .big-title .left-list .in_four-title{ font-size:20px; color:#333; font-weight:normal; padding-left:10px; height:40px; line-height:40px; border-bottom:1px solid #eee}
.main .big-title .left-list .in_four-title span a{ display:block; padding-left:20px; font-size:12px;float:right; margin-right:10px;}
.main .big-title .left-list .in_four-title span a:hover{ color:#c00}
.in_four-pro{ padding:10px 0px;}
.in_four-pro dd{ width:188px; float:left;overflow:hidden; text-align:center; margin-top:10px; _display:inline}
.in_four-pro dd img{ width:150px; height:60px; overflow:hidden}
.in_four-pro dd:hover img{filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85; transition:all .2s ease;}
.in_four-pro dd:hover p a{ color:#d90000}
.in_four-pro dd p a{ font-size:14px; height:18px; margin:0; overflow:hidden; line-height:12px; line-height:21px;}
.in_four-pro dd p{ font-size:18px; color:#c00;height:24px; margin:0; margin-bottom:3px; overflow:hidden;padding:0 10px;}
.in_four-pro dd p i{font-size:12px; color:#999; font-style:normal; text-decoration:line-through; margin-left:10px;}
.main .big-title .right-list{float:right; width:221px; height:244px; overflow:hidden; border:1px solid #eee; padding:12px;}
.main .big-title .right-list h2{ font-size:14px; border-bottom:1px dashed #ccc; padding:0; margin:0; padding-bottom:10px;margin-bottom:5px; font-weight:bold}
.main .big-title .right-list h2 i{ float:right; font-style:normal; font-size:12px;}
.main .big-title .right-list a{ line-height:160%; color:#333; text-decoration:none}
.main .big-title .right-list a:hover{ color:#c00}
.main .big-title .right-list li{ height:30px; line-height:30px; font-size:12px; overflow:hidden; border-bottom:1px dashed #efefef;}
/**eight**/
.eight-block{width:1200px; height:403px; margin:17px auto 0px auto; padding-left:0px; }
.eight-block li{ width:199px; height:200px; border:1px solid #eee; margin-left:-1px; margin-bottom:-1px; float:left; overflow:hidden; position:relative; transition:border .2s ease-in}
.eight-block li.height400px{ height:401px;}
.eight-block li.float-r{ float:right; border-left:0px solid #eee}
.eight-block li.width400px{ width:399px;}
.eight-block li:hover{ z-index:999; border:1px solid #eee}
.eight-block li img{transition:all .3s ease-out}
.eight-block li img:hover{ margin-left:-5px;}
/**1200x100-gg**/
.gg1200-100{ width:1200px; height:100px; overflow:hidden; margin:17px auto 0px auto}
/**louceng**/
.floor{ width:1200px; height:100%; margin:17px auto 0px auto; }
.floor .title{ height:40px; line-height:40px; background:#eee;width:100%; margin-bottom:17px;}
.title-txt{padding-left:10px; font-size:21px; width:210px; float:left}
.floor .title a{font-size:16px; display:block;}
.floor .title .tab-nav{ float:left; width:980px;}
.floor .title .tab-nav li{ width:110px;}
.floor .title .tab-nav li:hover a{ color:#fff; }
.floor .leftnr{width:220px; float:left; height:503px; background:#F4F4F4; overflow:hidden}
.floor .leftnr .nr-left-yuan{ width:220px; margin:10px 6px 10px 6px; height:208px; overflow: hidden}
.floor .leftnr .nr-left-yuan li{ width:55px; height:55px; overflow:hidden; float:left; background-image:url(../images/default/sub_menu.png); background-repeat:no-repeat;text-align:center; line-height:55px; margin:7px;}
.floor .leftnr .nr-left-yuan li a{ font-size:12px; display:block; color:#000;}
.floor .leftnr .nr-left-yuan li a:hover{color:#fff; text-decoration:none}
.gg220x275{ width:220px; height:275px; overflow:hidden}

.floor .tab-nr{ float:left; width:980px;}
.floor .tab-nr li{width:980px;height:503px;}
.louf-pro-list{ width:100%; height:100%; }
.louf-pro-list dd{ float:left; width:195px; height:250px; text-align:center; border:1px solid #eee; position:relative; overflow:hidden; margin-left:-1px; margin-bottom:-1px; position:relative; padding:0px;}

.louf-pro-list dd p{ position: absolute;left:10px; overflow:hidden;width:175px; text-align:left; margin:0; }
.louf-pro-list dd .pro-title{top:20px; height:18px; z-index:333}
.louf-pro-list dd .pro-sale{ top:50px;font-size:16px; height:18px;line-height:18px; color:#c00; z-index:333}
.louf-pro-list dd .pro-img{bottom:20px; width:145px; height:145px;}
.louf-pro-list dd i:hover{filter:alpha(opacity=85);	-moz-opacity:0.85;	-khtml-opacity: 0.85;opacity: 0.85; transition:all .2s ease;}
.louf-pro-list dd:hover p a{ color:#d90000}
.louf-pro-list dd a:hover{ text-decoration:none}
.louf-pro-list dd .pro-title a{ font-size:14px; height:18px;line-height:18px; overflow:hidden}

/**1F**/
.title-one{color:#439f00}
.onef-tab li:hover{background: #54B30E; text-decoration:none}
.onef-tab li.active a{background:#54B30E;color:#fff }
.nr-one .nr-left-yuan li:hover{background-position:0 -63px;}
/**2F**/
.title-two{color:#FF6000}
.twof-tab li:hover{background: #FF6000}
.twof-tab li.active a{background:#FF6000;color:#fff }
.nr-two .nr-left-yuan li:hover{background-position:0 -126px;}
/**3F**/
.title-three{color:#088BB7}
.threef-tab li:hover{background: #088BB7}
.threef-tab li.active a{background:#088BB7;color:#fff }
.nr-three .nr-left-yuan li:hover{background-position:0 -189px;}
/**4F**/
.title-four{color:#FF639A}
.fourf-tab li:hover{background: #FF639A}
.fourf-tab li.active a{background:#FF639A;color:#fff }
.nr-four .nr-left-yuan li:hover{background-position:0 -252px;}
/**5F**/
.title-five{color:#6191E3}
.fivef-tab li:hover{background: #6191E3}
.fivef-tab li.active a{background:#6191E3;color:#fff }
.nr-five .nr-left-yuan li:hover{background-position:0 -315px;}
/**6F**/
.title-six{color:#FD2754}
.sixf-tab li:hover{background: #FD2754}
.sixf-tab li.active a{background:#FD2754;color:#fff }
.nr-six .nr-left-yuan li:hover{background-position:0 -378px;}


/**floor-roll-left**/
.floor-box{position: fixed;left: 50%;top:400px; margin-left:-660px;display: none;}
.floor-box ul li{width:50px;height: 30px; border:1px dashed #eee;text-align: center;	border-top:none;}
.floor-box ul li:first-child{border-top:1px dashed #eee;}
.floor-box ul li a:hover{ text-decoration:none}
.floor-box ul li .num{/*display: none;*/line-height:30px;}
.floor-box ul li .word{color: #799e3f; line-height:120%; padding:1px 0 ;}


.floor-box{
    width:54px;
    position: fixed;
    top:300px;
    left:50%;
    margin-left:-680px;
    background: #f5f5f5;
}
.floor-box li{
    color:#999;
    font:600 18px/50px "Microsoft Yahei";
    text-align: center;
    background: url(../images/line2.jpg) no-repeat 50% 100%;
}
.floor-box .current{background-color:#a30304;color:#fff;}
.floor-box .current a{
    color:#fff;
    background: #a30304;
}
.floor-box li a{
    display: block;
    position: relative;
}
.floor-box li p{
    position: absolute;
    left:54px;
    top:0;
    white-space:nowrap;
    font:400 16px/50px "Microsoft Yahei";
    background: #a30304;
    color:#fff;
    width:0;
    overflow: hidden;
}
.floor-box li:hover a{
    color:#fff;
    background: #a30304;

}