@charset "gb2312";
/* CSS Document */
body{  /*background-image: linear-gradient(180deg, #e8151e, #df4930);*/  background: #ad1c29; color:#333;}
body, button, input, select, textarea {font: 12px/24px tahoma,arial,Î¢ÈíÑÅºÚ;}
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,table{ margin: 0; padding: 0;}
img, iframe{ display:block; border:0;}
ul, li{ list-style:none;}
a {color:#444;text-decoration:none}  
a:active,a:hover {text-decoration:none; color:#2084f4;}  
a:hover {color:#2084f4;} 
.fr{ float:right;}
.djs_span1{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:1px;}
.djs_span5{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:5px;}

.djs_span10{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:10px;}
.djs_span20{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:20px;}

.header01{background-attachment: scroll; background-image:url(images/banner_01.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.mainlogo{ width:1150px; margin:0 auto;  margin-top: 50px;}
.header02{background-attachment: scroll; background-image:url(images/banner_02.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header03{background-attachment: scroll; background-image:url(images/banner_03.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header04{background-attachment: scroll; background-image:url(images/banner_04.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header05{background-attachment: scroll; background-image:url(images/banner_05.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header06{background-attachment: scroll; background-image:url(images/banner_06.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:1114px; overflow:hidden;}
.banner_zt {position: absolute;top: 165px;left: 50%;width: 812px;margin-left: -23%;height: 483px;background: url(images/banner_zt.png) no-repeat center;background-size: 90%;animation: ztzdd infinite 3s linear;font-size: 0;z-index:0;}

@keyframes ztzdd{
0%{transform: translate(0);}
89%{transform: translate(0);}
90%{transform: translate(8px,-8px);}
92%{transform: translate(0px,0px);}
94%{transform: translate(8px,-4px);}
96%{transform: translate(0px,0px);}
98%{transform: translate(8px,-2px);}
100%{transform: translate(0px,0px);}
}

.clear {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    background: none;
    border: 0;
    font-size: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.m_20{ margin-top: 30px;}
.clearfix {
    zoom: 1;
}
h1{ background:url(images/tit_con.png) no-repeat; width: 550px;margin: 0 auto; margin-bottom: 40px; margin-top: 50px; height: 113px; line-height: 100px;  font-weight:600; color: #feeee2;   font-size: 42px; text-align: center;  }
h1 span{ display: inline-block;}
.fk_main h1 span{ color: #fff;  }
.mainBan{ width:1200px; margin:0 auto; margin-top:20px; }
.main_con{  width: 545px;  margin-right:10px; position: relative;}

.main01{ background:url(images/m01_bg.png) no-repeat; padding:0 45px; margin-top: -1050px;min-height: 920px;}

.main01 .main_right a{ float: left; margin-left: 35px; margin-top: 20px;}
.main01 p.sjz{ text-align: center;}
.main01 p.sjz img{ display: inline-block; margin-bottom: 30px}
.main01 p.sjz span{ color: #fff; font-size: 18px; display: inline-block; margin-bottom: 10px;letter-spacing: 1.3px;}
.main01 p.sjz span:nth-of-type(1){ margin-right: 230px; }
.main01 .m_bg{ margin-bottom: 30px; float: left;}
.main02 .m_bg{ margin-bottom: 30px; float: left;}
.main02 .main_con{ background: #fff; border-radius: 10px; width: 359px; padding:15px 13px; margin-right:20px; position: relative;}
.main_right h2{ font-size:26px; text-align: center;height:60px; line-height:60px;  color: #333;}
.main_right h2 b{ position:absolute; width:195px; text-indent:1.1em; background:url(images/icon01.jpg) no-repeat; font-size:16px; color:#fff; font-weight:normal; height:32px; line-height:30px; }
.main_right h2 b.icon01{ width:151px; background:url(images/icon.jpg) no-repeat !important; text-indent: 1.8em;}
.sale{  background-image: linear-gradient(0deg, #f85d5e, #cf0a0a); width:323px; height:38px; line-height: 38px; margin: 0 auto; padding: 10px 0 10px 35px; box-shadow: 0 5px 10px #f6bdbd;border-radius: 30px;   margin-top: 15px;}
.sale b{ float:left; font-size:16px; font-weight: normal; color:#fffdfb; height: 62px;}
.sale b font{ font-size:34px; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";}
.sale em{ float:left; font-size:20px; font-weight: normal; color:#fffdfb; text-decoration:line-through; font-style:normal; height: 62px; line-height: 60px; margin:0 15px;}
.sale img{ display: inline-block; margin-left: 20px; margin-top: px;}
.kgt_con h2{ text-align: center;}
.kgt_con .m_bg{ float: left;  position: relative;}
.kgt_con .main_left,.kgt_con .main_right{ float: none; }
.checkTyp{ display:inline-block; border:none; width:25px; height:25px; background:url(images/checkImg.jpg) no-repeat;}
.footer{ width:1200px; line-height:24px; text-align:center;  color:#fff; margin:0 auto; border-top:dotted 1px #fff; padding-top:20px; margin-top:30px;background:none;}
.footer a{color:#fff;}
.footer a:hover{color:#1d5271; text-decoration:underline;}

/*daojishi*/


.date-select-a{margin-right:5px;}
.data-show-box {
    font-size: 20px;
    line-height: 47px;
    color: #fff;
    width: 1200px;
    background: #ec023c;
    padding: 10px 0;
    text-align: center;
    margin: 10px auto;

}

.date-tiem-span {

    border: 1px solid #fff;
    margin-right: 5px;
    font-size: 20px;

}

.date-tiem-span, .date-s-span {

    display: inline-block;
    width: 32px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    border-radius: 5px;

}
.banner_feixu{position: absolute;top:60px;left: 200px;width: 1547px;height: 520px;animation: fd2 .5s linear;}
.banner_feixu>i{display: block;width: 100%;height: 100%;background: url(images/banner_feixu.png) no-repeat;animation: yd4 infinite 2s alternate linear;}
@keyframes fd2{
0%{transform: scale(0);-webkit-transform: scale(0);opacity: 0;}
100%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}
@keyframes yd4{
0%{transform: translateY(0px);-webkit-transform: translateY(0px);}
100%{transform: translateX(18px);-webkit-transform: translateX(18px);}
}

.xztj{ position:absolute;right:12px;top:-8px;z-index: 5;}
.kgt_con .main_con .xztj{ right:12px;top:-8px;}
.dj_con div{ float:left; width: 240px; }
.dj_con .fdj{ background-image: linear-gradient(180deg, #e8151e, #df4930);margin-top: 19px; float: left;height: 48px; line-height: 48px; padding: 0 18px; margin-right: 8px; border-radius: 25px; color: #fff; font-size: 16px;}

.xztj img{ width: 90px;width: 110px;}



