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

.no-scroll{height:100%;width:100%; overflow:hidden}
.an-btn2-close{ position:absolute;right:10px;top:10px; width:60px; text-align:center; height:40px; line-height:40px; font-size:14px;color:#fff; background:#5f220a;z-index:99;padding:0 20px;border-radius:5px}
.san-animate{position:fixed;top:0px;left:0px; width:100%;height:100%;z-index:999;background:url("../images/san/san-bg.jpg") repeat-x;}

.san-anBox{width:1024px;margin:0 auto; position:relative;height:100%}
.sanL{float:left;width:57%; position:relative;height:100%;margin-top:60px;}
.sanL>div{ position:absolute;width:51%;left:0;right:0;top:20%;margin:0 auto;}
.sanL>div.san-inner{top:20.2%;text-align:center;}
.sanL>div.san-middle{top:21%;}
.sanL>div.san-middle .san-mid-top{ position:relative;top:-2px;z-index:-1;text-align:center;}
.sanL>div.san-middle .san-mid-bottom{ position:relative;top:14px;text-align:center;}
.sanL>div.san-outer{top:20.2%;}
.sanL>div.san-outer .san-outer-top{ position:relative;z-index:-1;top:4px;text-align:center;}
.sanL>div.san-outer .san-outer-bottom{position:relative;top:14px;text-align:center; }
.san-middle-cap, san-outer-cap{}

.sanL .san-win{ width:220px; text-align:center; display:none; position:absolute; left:50%;margin-left:-110px;top:6%;margin-top:-40px;}

.sanR{float:left;width:43%; position:relative;height:100%}
.sanR .san-title{ position:absolute;top:58%;height:180px; line-height:60px;width:100%;left:0px; }
.sanR .san-title:after{position:absolute; content:"\20"; left:-10px;top:2px; z-index:3; width: 180px; height:56px; border:2px dashed #fff;}
.sanR .san-title:before{ position:absolute; content:"\20"; left:-34px;top:22px; z-index:3; width: 0; 
    height: 0;
    border-top: 10px solid transparent;
    border-right: 16px solid #fff;
    border-bottom: 10px solid transparent;}
.sanR .san-ul{position:absolute;top:-120px;left:0px;width:100%}
.sanR .san-ul li{font-size:2.875em;color:#fff;font-weight:700;}
.ad-san{font-size:2em;color:#fff; position:absolute;top:26%;width:100%;left:0px; overflow:hidden;}

/*.sanR .san-title:before{-webkit-animation:bsize .8s ease infinite;animation:bsize .8s ease infinite;}*/

@-moz-keyframes bsize{
    0%{-moz-transform:translateX(8px)}
    100%{-moz-transform:translateX(6px)}
}

@-webkit-keyframes bsize{
    0%{-webkit-transform:translateX(8px)}
    100%{-webkit-transform:translateX(6px)}
}

@media screen and (max-width:1360px) 
{
    
.sanL .san-win{top:3%;margin-top:-40px;}
}
@media screen and (max-width:980px) 
{
    .san-anBox{max-width:100%;width:100%;}
    .sanL{width:100%; height:50%}
    .sanL img{max-width:95%; }
    .sanR{width:100%; height:50%; text-align:center }
    .sanR .san-title{top:28%;width:100%}
    .sanR .san-ul li{font-size:2em;}
    .ad-san{font-size:1.8em;top:20%;}
    
}

@media screen and (max-width:414px) 
{
    .san-anBox{max-width:100%;width:100%;}
    .sanL{width:100%; height:60% }
    .sanL img{max-width:90%; }
    .sanL>div.san-inner{top:21.5%;text-align:center;}
    .sanL>div.san-middle{top:21.5%;text-align:center;}
    .sanR{width:100%; box-sizing:border-box;padding-right:10px ;height:40%}
    .sanR .san-title{top:25%;}
    .sanR .san-ul li{font-size:1.5em;}
    .ad-san{font-size:1.5em;top:20%;}
    
}
@media screen and (max-width:375px) 
{
 .an-btn2-close{width:auto; font-size:.75em;padding:0 10px; height:36px; line-height:36px;}   
 .an-btn-close{width:auto; font-size:.75em;padding:0 10px; height:36px; line-height:36px;} 
}
@media screen and (max-width:320px) 
{
   .sanL>div.san-inner{top:22.8%;}
   .sanL img{max-width:80%; }
   .sanR .san-ul li{font-size:1.25em;}
   .ad-san{font-size:1.25em;top:20%;}
    
}