@charset "utf-8";
html{
    margin:0px;
    padding:0px;
    z-index:1;
    overflow-x:hidden;
    height:100%;
}

body{
    margin:0 auto;
    padding:0px;
    font-size:12px;
    font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
    background:#fff;
    z-index:99;
    height:100%;
    width:100%;
    color:#585757;
}

a{
    font-size:12px;
    text-decoration:none;
}

a:hover{
    font-size:12px;
    color:#a30000;
    text-decoration:none;
}

p{
    padding:0px;
    margin:0px;
}

h1,h2,h3,h4,h5,h6{
    margin:0px;
    padding:0px;
    font-weight:normal;
}

dl,dt,dd,ul,li{
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-decoration:none;
}

input{
    outline:none;
}

img{
    border:0px;
    margin:0px;
    padding:0px;
}
em{
    font-style:normal;
}
tr{
    _border-top:1px solid #bfbfbf;
    _border-bottom:1px solid #bfbfbf;
}
h1,h2,h3,h4,h5,h6,b{ font-weight: normal;}

.clear{
    zoom: 1;
}
.clear::after{
    display: block;
    clear: both;
    content: '';
}



/*正式*/
.pc{width:100%;float:left;}
.sj{display:none;}
.body1{
    width:100%;
    height: 49px;
    
}

/*标题*/
.body1 .goodstitle{
    width:1170px;
    line-height: 50px;
    margin:0 auto;
}
.body1 .goodstitle .title>a{
    font-size: 20px;
}
/*头图*/
.pc .wid{
    width:1170px;
    height: 535px;
    margin: 0 auto;
}
.pc .wid .page1{
    width:100%;
    height: 100%;
    background: url('/templets/default/images/newimg/luowen_1.gif') no-repeat;
    position: relative;
}
.pc .wid .page1 .con h2{
    font-size: 30px;
    position: absolute;
    top:154px;
    animation: myh2 3s ease;
    -webkit-animation: myh2 3s ease;
}
@keyframes myh2
{
    from {top:184px; color:white;}
    to {top:154px; color: #585757}
}
@-webkit-keyframes myh2
{
    from {top:184px; color:white;}
    to {top:154px; color: #585757}
}

.pc .wid .page1 .con p{
    font-size: 18px;
    width: 404px;
    position: absolute;
    top: 218px;
    animation: myp 3s ease;
    -webkit-animation: myp 3s ease;
}
@keyframes myp
{
    from {top:248px;color:white;}
    to {top:218px;color: #585757}
}
@-webkit-keyframes myp
{
    from {top:248px;color:white;}
    to {top:218px;color: #585757}
}


.pc .wids{
    width: 100%;
    height: 676px;
}
.pc .wids .con{
    width:100%;
    height: 100%;
    background: url("/templets/default/images/newimg/luowen_2.gif") no-repeat center center;
    background-size: cover;
}

.pc .wid2{
    width: 1170px;
    height: 470px;
    margin: 0 auto;
}
.pc .wid2 .normal2{
    width:100%;
    height: 100%;
    background: url("/templets/default/images/newimg/luowen_3.gif") no-repeat center center;
}


/*推荐*/
.tj{width:100%;background:#f5f6f6; height: 550px;}
.tj .scrolltitle{
    height: 100px;
    width:1170px;
    margin: 0 auto;
    line-height: 120px;
    text-align: center;
}
.tj .scrolltitle{
    font-size: 32px;
}
.tj .scrolllist{
    height: 380px;
    width:1170px;
    margin: 0 auto;
}

.tj .scrolllist .pju{ margin:25px auto;height:380px;}
.tj .scrolllist .pju li{ width:280px;height:380px; float:left; background:#fff; margin-right:16px;box-sizing:border-box; padding:55px 40px 0 40px; position:relative;}
.tj .scrolllist .pju .li1{border:none;;}
.tj .scrolllist .pju .li4{ margin-right:0;}
.tj .scrolllist .pju li .txt{ text-align:center;}
.tj .scrolllist .pju li .txt h3{color:#1f1310; font-size:19px; margin-top:30px;}
.tj .scrolllist .pju li .txt p{color:#727171; font-size:14px; margin-top:10px;}
.tj .scrolllist .pju li .bq{ position:absolute; top:0; width:80px; height:25px; font-size:14px; color:#231815; text-align:center; line-height:25px; left:30px;}


