@charset "utf-8";
/* CSS Document */

#banner{background:url(images/coffee_02.jpg) no-repeat top;height:583px;overflow:hidden;}
#bannert{width:100%;margin:0 auto;height:auto;}
#banner-t1{width:375px;height:202px;margin:50px auto 0 auto;padding-left:200px;-webkit-animation:mymovet1 2.5s ;-o-animation:mymovet1 2.5s ;-moz-animation:mymovet1 2.5s ; /*Safari and Chrome*/animation:mymovet1 2.5s ;}
#banner-t2{background:url(images/bannerpc_07.jpg) no-repeat center;width:1355px;height:251px;margin:80px auto 0 auto;-webkit-animation:mymovet2 2.5s ; /*Safari and Chrome*/-o-animation:mymovet1 2.5s ;-moz-animation:mymovet1 2.5s ; /*Safari and Chrome*/animation:mymovet2 2.5s ;}
@keyframes mymovet1
{
from {margin-top:0px;opacity: 0;}
to {margin-top:50px;opacity: 1;}
}

@-o-keyframes mymovet1 /*opera and Chrome*/
{
from {margin-top:0px;opacity: 0;}
to {margin-top:50px;opacity: 1;}
}
@-moz-keyframes mymovet1 /*Firefox and Chrome*/
{
from {margin-top:0px;opacity: 0;}
to {margin-top:50px;opacity: 1;}
}
@-webkit-keyframes mymovet1 /*Safari and Chrome*/
{
from {margin-top:0px;opacity: 0;}
to {margin-top:50px;opacity: 1;}
}
@keyframes mymovet2
{
    from {opacity: 0;}/*初始状态 透明度为0*/  
    to {opacity: 1;}/*结束状态 透明度为1*/  
}

@-webkit-keyframes mymovet2 /*Safari and Chrome*/
{
    from {opacity: 0;}/*初始状态 透明度为0*/  
    to {opacity: 1;}/*结束状态 透明度为1*/  
}
@-o-keyframes mymovet2 /*opera and Chrome*/
{
    from {opacity: 0;}/*初始状态 透明度为0*/  
    to {opacity: 1;}/*结束状态 透明度为1*/  
}
@-moz-keyframes mymovet2 /*Firefox and Chrome*/
{
    from {opacity: 0;}/*初始状态 透明度为0*/  
    to {opacity: 1;}/*结束状态 透明度为1*/  
}
#p1{background:url(images/coffee_04.jpg) no-repeat center;height:594px;margin-top:20px;}
#p1c{width:1140px;margin:0 auto;overflow:hidden;height:594px;}
#p1l{width: 600px;margin: 250px 0 0 0;font-size: 20px;letter-spacing: 1px;line-height: 180%;color: #520e05;text-indent: 2em;}
.zxa a{-webkit-transition-property: background-color;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;font-size:30px;vertical-align:bottom;font-weight:normal;line-height:40px;background-color:#520e05;color:#fff;border:2px solid #520e05;padding:.2em 1em;border-radius:999em;}
.zxa{;margin:20px;text-align:center;clear: both;}
.zxa a:hover{background:none;border:2px solid #520e05;color:#520e05;}
hr{width: 70%;border-style: dashed;border-color: #777;}
.hr-l{width:1440px;;margin:0px auto;overflow:hidden;}
.hr-r{width:1440px;;margin:0px auto;overflow:hidden;}
.hr-l hr{float:left;}.hr-r hr{float:right;}
#p2{background:url(images/coffee_06_01.jpg) no-repeat top;height:350px;overflow:hidden;}
#p2c{width: 720px;margin: 150px auto 0 auto;overflow:hidden;height:200px;font-size:20px;line-height: 180%;letter-spacing: 2px;color:#520e05;}
#p2c p{margin:0;}
#p3{background:url(images/coffee_06_02.jpg) no-repeat top;height:687px;overflow:hidden;}
#p3c{width: 1140px;margin: 200px auto 0 auto;overflow:hidden;height:487px;font-size:20px;line-height: 180%;letter-spacing: 2px;color:#520e05;}
#p4{background:url(images/coffee_11.jpg) no-repeat center;height:481px;overflow:hidden;}
.zxb{margin-top: 150px;}
.zxb a{-webkit-transition-property: background-color;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;font-size:30px;vertical-align:bottom;font-weight:normal;line-height:40px;background:none;color:#fff;border:2px solid #fff;padding:.2em 1em;border-radius:999em;}
.zxb a:hover{background:#520e05;color:#fff;}
#p5{width:1140px;height:481px;overflow:hidden;text-align: center;margin:0 auto;}
#p6{background:url(images/coffee_19.jpg) no-repeat center;height:354px;margin: 0 auto;}
a:link, a:visited, a:hover, a:active {
    color: none;
}