/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
/*a:link{text-decoration:none;}*/
/*a:visited{text-decoration:none;}*/
/*a:hover{text-decoration:none;}*/
img{vertical-align:top;border:none; }
ol,ul,li{list-style:none;}
li{float:left;}
a{ text-decoration: none}
table{border-collapse:collapse; }
.clearit{clear:both;*display:inline;}
.h_10{float: left;height: 10px;width: 100%}
.h_20{float: left;height: 20px;width: 100%}
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
/*-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;*/

.wrap{
    width: 100%;
    height: 1637px;
    background: url("../img/wrap.jpg") no-repeat center top;
}
.wrapper{
    width: 1280px;
    height: 1637px;
    margin: 0 auto;
}
.top{
    width: 1280px;
    height: 783px;
    float: left;
    background: url("../img/top.jpg") no-repeat center top;
}
.logo{
    display: block;
    width: 179px;
    height: 177px;
    margin:55px 0 0 70px;
}
.navbox{
    width: 747px;
    height: 87px;
    margin: 340px 0 0 270px;
}
.navbox a{
    float: left;
    width: 226px;
    height: 87px;
    line-height: 87px;
    text-align: center;
    font-size: 30px;
    color: #fffff8;
    margin-right: 23px;
    background: url("../img/navbg.png") no-repeat center top;
}
.main{
    width: 100%;
    height: 854px;
    margin: 0 auto;
    float: left;
    position: relative;
    background: url("../img/main.jpg") no-repeat center top;
}
.container{
    width: 1000px;
    height: 854px;
    margin: 0 auto;
}
.B_box{
    float: left;
    width: 490px;
    height: 233px;
    position: relative;
}
.box1{
    margin-right: 20px;
}
.S_box{
    float: left;
    width: 320px;
    height: 232px;
    position: relative;
}
.box3{
     margin-top: 42px;
     margin-right: 20px;
 }
.box4{
    margin-top: 42px;
    margin-right: 20px;
}
.box5{
    margin-top: 42px;
}
.box6{
    margin-top: 43px;
    margin-right: 20px;
}
.box7{
    margin-top: 43px;
    margin-right: 20px;
}
.box8{
    margin-top: 43px;
}
.ren{
    position: absolute;
    left: 2px;
    bottom: 2px;
    z-index: 1;
}

.B_box:hover .ren1{
    animation:x1 1s 0s ease both;-webkit-animation:x1 1s 0s ease both;
}
@keyframes x1{
    0%{opacity:1;filter:alpha(opacity=100);transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    100%{opacity:0;filter:alpha(opacity=0);transform:scale3d(1.5,1.5,1); -moz-transform:scale3d(1.5,1.5,1); -ms-transform:scale3d(1.5,1.5,1); -webkit-transform:scale3d(1.5,1.5,1);}
}
@-webkit-keyframes x1{
    0%{opacity:1;filter:alpha(opacity=100);transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    100%{opacity:0;filter:alpha(opacity=0);transform:scale3d(1.5,1.5,1); -moz-transform:scale3d(1.5,1.5,1); -ms-transform:scale3d(1.5,1.5,1); -webkit-transform:scale3d(1.5,1.5,1);}
}
.B_box:hover .ren2{
    opacity:0;filter:alpha(opacity=0);
    left: 250px;
    animation:x2 0.5s ease-in both;
}
@keyframes x2{
    0%{opacity:0;filter:alpha(opacity=0);left:250px;}
    100%{opacity:1;filter:alpha(opacity=100);left:2px; }
}
@-webkit-keyframes x2{
    0%{opacity:0;filter:alpha(opacity=0);left:250px;}
    100%{opacity:1;filter:alpha(opacity=100);left:2px; }
}
.S_box:hover .s_ren{
    animation:x3 1s 0s ease both;-moz-animation:x3 1s 0s ease both;-webkit-animation:x3 1s 0s ease both;-ms-animation:x3 1s 0s ease both;
}
@keyframes x3{
    100%{opacity:1;filter:alpha(opacity=100);transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    0%{opacity:0;filter:alpha(opacity=0);transform:scale3d(1.8,1.8,1); -moz-transform:scale3d(1.8,1.8,1); -ms-transform:scale3d(1.8,1.8,1); -webkit-transform:scale3d(1.8,1.8,1);}
}
@-webkit-keyframes x3{
    0%{opacity:1;filter:alpha(opacity=100);transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    100%{opacity:0;filter:alpha(opacity=0);transform:scale3d(1.5,1.5,1); -moz-transform:scale3d(1.5,1.5,1); -ms-transform:scale3d(1.5,1.5,1); -webkit-transform:scale3d(1.5,1.5,1);}
}
.ren6{
    left: -40px;
    bottom: 2px;
}
.title1{
    position: absolute;
    width: 270px;
    height: 63px;
    right: 18px;
    top: 60px;
    font-size: 42px;
    letter-spacing: 3px;
    font-weight: bold;
    text-align: center;
    line-height: 63px;
    color: #ffffff;
    background: url("../img/txtbg1.png") no-repeat center bottom;
    z-index: 2;
}
.txtbox1{
    width: 135px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #6f2900;
    background: url("../img/tbg1.png") no-repeat center top;
    position: absolute;
    right: 118px;
    bottom: 56px;
    z-index: 2;
}
.title2{
    position: absolute;
    width: 179px;
    height: 53px;
    right: 18px;
    top: 60px;
    font-size: 32px;
    letter-spacing: 3px;
    font-weight: bold;
    text-align: center;
    line-height: 53px;
    color: #4f1e07;
    background: url("../img/txtbg2.png") no-repeat center bottom;
    z-index: 2;
}
.txtbox2{
    width: 104px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    font-size: 12px;
    color: #ffbf9b;
    background: url("../img/tbg2.png") no-repeat center top;
    position: absolute;
    right: 95px;
    bottom: 70px;
    z-index: 2;
}

/*弹窗*/
#overlay {
    width:100%;
    height:100%;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;
    position:absolute;
    background:#000000;
    top:0; left:0;
    z-index:3000;
    display:none;
}
.overlay{position:absolute;z-index:5000;display:none;width:1406px;height: 727px; top:730px; left:50%;margin:-50px 0 0 -800px;background: url("../img/popbg.png") no-repeat center top}
.overlay .close{cursor: pointer; height:65px;width:65px;display: block; position: absolute;right:0;top:120px;background: url("../img/close.png") no-repeat center top}

.conCon{
    width: 730px;
    height: 420px;
    float: left;
    margin: 250px 0 0 630px;
    overflow:auto;
}
.conCon p{
    font-size: 18px;
    color: #030000;
    line-height: 30px;
}
span.t_box{
    width: 89px;
    height: 28px;
    display: inline-block;
    font-size: 18px;
    color: #860d00;
    line-height: 28px;
    text-align: center;
    border: 2px solid #860d00;
    margin: 0px 15px 0 0;
}
.conCon li{
    position: relative;
    width: 600px;
    margin-left: 30px;
}
.conCon li p{ margin: 0;}
.conCon img{ margin: 20px 0 0 0}
li span{
    display: block;
    position: absolute;
    left: -30px;
    top: 5px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    background: url("../img/numbg.png") no-repeat center top;
}

table tr td{ text-align:center; vertical-align:middle;padding:10px; border: solid 2px #4e4e4e;}