@charset "gb2312";
/* CSS Document */
body{  background:#e72313; 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;}
.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_y_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_y_02.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:200px; overflow:hidden;}
.header03{background-attachment: scroll; background-image:url(images/banner_y_03.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:224px; overflow:hidden;}
/*.header04{background-attachment: scroll; background-image:url(images/banner_04.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:160px; 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: ".";
}

.clearfix {
    zoom: 1;
}

.fk_main{  padding: 0 22px 22px 22px;  border-radius: 0 0 15px 15px; }
h1{ background:url(images/bg_con_y.png) no-repeat center center; height:140px; line-height: 140px;  color:#fff;  font-size: 46px; text-align: center; margin-bottom: 15px; }
.mainBan h1 span{color: #e82916;}
.mainBan{ width:1200px; margin:0 auto;  }
.main_con{ padding:15px 20px; margin:15px 20px; position: relative;}
.m_bg{ border-radius: 20px; padding: 10px 0; margin-bottom: 30px; background-image: linear-gradient(180deg, #fff, #ffdcb1);  }
.main_right{ float:left; margin-left:20px; width:490px; position:relative; height:284px;}
.main_left{ float:left; width:566px;}
.main_right h2{ position:relative; font-size:54px;  height:60px; line-height:60px;  color: #cb0717; margin-top: 100px;}
.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;}
.jieshao{ display:block; font-size:26px; line-height: 38px; margin-top:15px; color:#666; border-top: 1px solid #e9233a;border-bottom: 1px solid #e9233a; padding: 12px 0;}
.sale{ background:url(images/kc_btn.png) no-repeat; width: 400px; height: 140px; margin: 0 auto; padding-top: 35px;padding-left: 30px; margin-top: 40px;}
.sale b{ float:left; font-size:20px; font-weight: normal; color:#fffdfb; height: 62px;}
.sale b font{ font-size:70px;  }
.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;}
.kgt_con h2{ text-align: center;}
.kgt_con .m_bg{ float: left; width: 568px; height: 900px; }
.kgt_con .main_con{ margin: 0px; padding: 25px;}
.kgt_con .main_left,.kgt_con .main_right{ float: none; }
.kgt_con .main_right h2{ margin-top: 20px;}
.kgt_con .m_bg:nth-child(odd){
margin-right: 20px;
}
.kgt_con .sale{ margin-top: 20px; }


.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;}
.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: 50px;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:10px;top:-37px}
.kgt_con .main_con .xztj{ left:26px;top:-22px}


/*?¡ê¡è2?|¨¬?¨¢2?1¡§???¡ì2?|¨¬¡ê¡è*/
.logbox{width:100%; height:36px;_height:36px; border-bottom:solid 1px #cccccc; background:#f7f7f7;position:fixed;top: 0; z-index:3000; _position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
.login{width:1200px; margin:0 auto;padding-top:5px; font-size: 14px;}
.login input.text{width:70px; height:18px; border:solid 1px #c4c4c4; line-height:18px; padding:2px 5px; font-size:12px; color:#666; margin-left:5px;}
.login input.btnLogin {height:23px;width: 50px;color:#fff;cursor: pointer;background:#2084f4; font-size:12px;line-height:21px;border: solid 1px #1474e0;margin-left: 6px;border-radius: 3px;}
.login input.btnLogin:hover{ background:#3896ff;}
.topmenu_L{width:430px;height:24px;line-height:22px;}
.topmenu {float:right;width: 300px;height:18px; padding-top:6px;}
.topmenu li{float:right;height: 13px;padding-left:15px; line-height:12px;}
.footer{background: none;width:1200px;height:153px;font-size:12px;line-height:24px; text-align:center; color:#fff; margin:0 auto; padding-top:60px; border-top: 1px dotted #f1f9ec;}
.footer a{color:#fff;}
.footer a:hover{color:#fff; text-decoration:underline;}
.footer img{display:inline;}
/*end*/