@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;}
/*正式*/
.tj{width:100%;float:left;background:#f5f6f6;}
.wid{width:1170px;margin:0 auto;}
.goodstitle{width:1170px;}
.page1{ width:100%; height:530px; background:url(/templets/default/images/newimg/zht_1.gif) no-repeat center center; display: inline-block;  background-size:cover;}
.con{ width:980px; margin:0 auto;}
.page1 .con h2{ font-size: 48px; text-align: center; margin:55px 0 15px 0;opacity:0;} 
.page1 .con p{ font-size: 18px;text-align: center; line-height: 37px;opacity:0;}
.page1 .con{ position: relative;}
.page1 .con img{ position:absolute; left:-20px; top:250px; opacity:0;}

.page2{ width:100%; height:680px; background:url(/templets/default/images/newimg/zht_2.gif) no-repeat center center; display: inline-block;  background-size:cover;}
.page2 .con p{ font-size: 18px;line-height: 37px; margin-top: 85px;opacity:0;}

.page3{ width:100%; height:590px; background:url(/templets/default/images/newimg/zht_3.gif) no-repeat center center; display: inline-block;  background-size:cover;}
.page3 .con h2{ font-size: 48px;  margin:110px 0 30px 0;opacity:0;}
.page3 .con p{ font-size: 18px; line-height: 37px;opacity:0;}
.wids{width:100%;margin:0 auto;float:left;}
.page4{ width:1170px; height:656px; margin:0 auto;background-color:#FFCD00;}
.page4 .con{ width:100%; height:680px; background:url(/templets/default/images/newimg//zht_4.gif) no-repeat center center; display: inline-block; background-size:cover;}

.page5{ width:100%; height:540px; background:url(/templets/default/images/newimg/zht_5.gif) no-repeat center center; display: inline-block; background-size:cover;}
.page5 .con h2{ font-size: 48px;  margin:110px 0 30px 0;opacity:0;}
.page5 .con p{ font-size: 18px; line-height: 37px;opacity:0;}
.page5 .con p b{font-size:30px;}
.page6{ width:100%; height:598px; background:url(/templets/default/images/newimg/zht_6.gif) no-repeat center center; display: inline-block; background-size:cover;}
/* div[class^="page"]{ transition:all 3s;} */
.pt-page-moveFromBottomFade {
    -webkit-animation: moveFromBottomFade 2.5s ease both;
    animation: moveFromBottomFade 2.5s ease both;
     behavior:url(/templets/default/newstyle/PIE.htc);
}


.pt-page-moveFromBottomFade1 {
    -webkit-animation: moveFromBottomFade 3.5s ease both;
    animation: moveFromBottomFade 3.5s ease both;
     behavior:url(/templets/default/newstyle/PIE.htc);
}
.pt-page-moveFromBottomFade2 {
    -webkit-animation: moveFromBottomFade 4.5s ease both;
    animation: moveFromBottomFade 4.5s ease both;
     behavior:url(/templets/default/newstyle/PIE.htc);
}

@-webkit-keyframes moveFromBottomFade {
    from { opacity: 0; -webkit-transform: translateY(100%); }
}
    to{opacity: 1; }
@keyframes moveFromBottomFade {
    from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }
    to{opacity: 1; }
}

@-webkit-keyframes moveFromBottomFade-1 {
    from { opacity: 0; -webkit-transform: translateY(200%); }
}
    to{opacity: 1; }
@keyframes moveFromBottomFade-1 {
    from { opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); }
    to{opacity: 1; }
}

.sj{display:none;}

/*推荐*/
.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;}