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

.ban{ position:relative;margin:0 auto; overflow:hidden;width:100%}
.ban-inner{ text-align:center}
.ban-inner img{max-width:100%;}

.pro-index{padding:50px 0;max-width:1920px;margin:0 auto}
.proList a{display:block; position:absolute; height:100%;width:100%;z-index:9;text-indent:-999em}
.proList img{max-width:100%;transition:all 0.25s ease-in 0s; }
.proList a:before{ position:absolute;width:100%;height:100%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;left:0px;top:0px;content:"";box-sizing:border-box}
.o-l{float:left;width:25.5%;margin-left:1.8%; position:relative; overflow:hidden}
.o-l a{overflow:hidden; text-indent:-999em}
.o-l img{transition:all 0.3s ease 0s;}
.p-inner{ position:absolute;top:5%;width:95%;left:5%; height:95%;z-index:2}
.p-inner h4{font-size:2.25em;color:#6a6f68}
.p-inner p{font-size:1.125em;color:#acacac;margin-top:10px}
.p-inner .pimg{ position:absolute;bottom:5px;width:97%;right:0px; text-align:right; overflow:hidden;padding:10px 2% 5px 1%}
.p-inner .pimg img{max-width:100%}
.o-m{float:left;width:35.5%}
.o-m .o-item{float:left;width:50%; position:relative}
.o-m .o-item1{width:100%; overflow:hidden}
.o-m .o-item1 img{transition:all 0.3s ease 0s;}
.o-mr{float:left;width:17.7%}
.o-mr .o-item{width:100%; position:relative}
.o-mr .o-item4 a:before{border-top:1px solid #ccc}
.o-r{float:left;width:17.7%;margin-right:1.8%}
.o-r .o-item{float:left;width:100%; position:relative }
.o-r .o-item8 a:before{border-top:1px solid #ccc}
.o-l:hover img{transform:scale(1.05);transition:all 0.3s ease 0s;}
.o-m .o-item:hover img{transform:scale(1.1);}
.proList .o-item{ overflow:hidden}
.proList .o-item:hover .pimg img{transform:scale(1.1);}
.o-l .p-inner h4, .o-item1 .p-inner h4{color:#fff}
.o-l .p-inner p, .o-item1 .p-inner p{color:#fff;}
.o-item8 .p-inner .pimg{ bottom:0px;padding:10px 2% 0px 1%}


.pro-wrap{}

.pro-hd{ position:relative;padding-top:80px;border-top:1px solid #dbdbdb}
.hd-img{float:left;width:385px; text-align:right; position:relative; bottom:-18px;z-index:3}
.hd-img img{max-width:100%}
.pro-intr{float:left;width:460px;margin-left:50px;padding:30px 0 40px; position:relative}
.pro-n{font-size:3.75em;color:#76aa5b; border-top:5px solid #76aa5b;padding:15px 0 0}
.pro-txt{padding-top:20px;}
.pro-txt p{font-size:1.125em;color:#444; line-height:1.5em;}
.pro-intr .animate-b2{ position:absolute;right:0px;bottom:0px;padding:0 20px; height:30px; line-height:30px; color:#fff; background:#76aa5b;font-size:.875em;transition:all 0.3s ease-in 0s; cursor:pointer; }
.pro-intr .animate-b2:hover{ background:#292f27;}

.pro-mid{position:relative}
.pro-caption{max-width:1280px;margin:0 auto;padding:0 20px}
.pro-caption .img{ color:#fff; margin-bottom:20px;}
.pro-caption .img p{margin-top:20px;}
.pro-mid .centerB{ width:100%; height:100%; position:absolute;left:0px; top:0%; overflow:hidden; }
.cap-item{padding-bottom:20px;width:70%}
.cap-item .cap-hd{border-top:3px solid #fff;padding:10px 0 15px;font-size:2.5em;color:#fbfffa;max-width:400px}
.cap-item .cap-txt{color:#fff; font-size:1em; line-height:1.5;padding-left:20px;}
.cap-item .cap-txt ul li{ list-style-type:disc; list-style-position:outside}
.pro-mid-bg{text-align:center}
.table{ width:100%; height:100%;}
.table td{ height:100%;}
.pro-mid-bg img{width:100%}
.pro-bot{padding:160px 0 200px; background:#76aa5b;}
.cup-left{float:left;width:383px; position:relative; text-align:center}
/*拆分动画*/
.down-ac .cup-layer{ position:absolute;width:100%;left:0px; top:0px;transition:all 0.5s ease-in 0.5s; }
.down-ac .cup-inner3{top:20px;}
.down-ac .cup-inner4,.down-ac .cup-inner1{top:61px; }
.down-ac .cup-inner5,.down-ac .cup-inner2{top:60px}
.down-ac .cup-inner6{top:510px;z-index:-1}
.down-ac .cup-inner1 img{position:relative;top:-20px}
.down-ac .cup-inner2 img{ position:relative;top:-20px}
/*.down-ac .cup-inner1{top:-20px;}
.down-ac .cup-inner2{top:20px; }
.down-ac .cup-inner3{top:20px}
.down-ac .cup-inner4{top:408px;}
.down-ac .cup-inner5 img{position:relative;top:-22px}
.down-ac .cup-inner6 img{ position:relative;top:-22px}*/
/*fade动画*/
.fade-ac .cup-layer{ position:absolute;width:100%;left:0px; top:0px;transition:all 0.5s ease-in 0.5s; }
.fade-ac .cup-inner1{top:20px;z-index:2}
.fade-ac .cup-inner2{top:350px;}

.cup-right{float:right;width:470px; overflow:hidden}
.cup-right .hd{font-size:2.5em;color:#fefefe;padding-bottom:0px;margin-bottom:25px; position:relative;}
/*.cup-right .hd:after{position:absolute;left:0px;bottom:-7px; content:"";border:7px solid #bbd5ad;border-radius:7px;}*/
.cup-pro-item{ position:relative;border-bottom:1px solid #bbd5ad;padding:0 0 15px 20px;color:#fff;margin-bottom:40px;opacity:0;left:100%/* transform:translate(50px,0px);transition:all 0.5s ease 0s;opacity:0*/}
.cup-pro-item:after{ position:absolute;left:0px;bottom:-7px; content:"";border:7px solid #bbd5ad;border-radius:7px;}
.cup-pro-item p{ line-height:1.65; font-size:1em; }

.pro-relative{padding:70px 0 55px}
.pro-relative h2{font-size:3.75em;color:#76aa5b; text-align:center;margin-bottom:30px}
.pro-re-table{width:100%;}
.pro-re-table {border:1px solid #e7e7e7}
.pro-re-table  td, .pro-re-table th{border:1px solid #e7e7e7; text-align:center;width:20%}
.pro-re-table th{ background:#f7f7f7; height:48px;color:#699b50;font-size:1.125em;font-weight:700}
.pro-re-table td{height:42px;color:#444; font-size:0.875em;padding:5px 10px}
.pro-re-table tr:hover{ background:#f8f8f8;}
.pro-re-table img{max-width:100%}

.active{}
.active .down-ac .cup-inner1{top:40px}
.active .down-ac .cup-inner2{top:80px;}
.active .down-ac .cup-inner3{top:-40px;}
.active .down-ac .cup-inner4{top:40px;}
.active .down-ac .cup-inner5{top:80px;}
.active .down-ac .cup-inner6{top:530px;z-index:1}
/*.active .down-ac .cup-inner1{top:-80px}
.active .down-ac .cup-inner2{top:10px;}
.active .down-ac .cup-inner3{top:60px;}
.active .down-ac .cup-inner4{top:530px;}*/
/*.active .cup-pro-item{transform:translate(0px,0px);opacity:1}*/

.active .fade-ac .cup-inner1{top:-20px}
.active .fade-ac .cup-inner2{top:450px}
/*杯盖*/
.lid-detail{ position:relative;}
.lid-l{float:left;width:50%; height:580px; }
.lid-r{float:right;width:50%;height:580px;}
.lid-caption{max-width:420px;float:right;padding:90px 0;}
.lid-s{font-size:3.75em;margin-bottom:15px}
.cap-lid{margin-bottom:40px}
.cap-lid h4{font-size:1.875em;margin-bottom:10px}
.cap-lid p{font-size:1.125em;margin-bottom:15px}
.lid-l .lid-caption{float:right;padding-right:60px}
.lid-r .lid-caption{float:left;padding:90px 0 0 60px}
.lid-r .lid-s{color:#fff}
.lid-r .cap-lid h4{color:#fff}
.lid-r .cap-lid p{color:#fff}
/*单一杯盖*/
.dan-mid{padding:40px 0}
.dan-hd{text-align:center;margin-bottom:100px}
.dan-hd .dan-tit{display:inline-block; position:relative;padding-bottom:5px}
.dan-hd .dan-tit>em{font-size:3.75em;color:#76aa5b;}
.dan-hd .dan-tt{ position:absolute;left:0px;top:100%;width:100%; text-align:center}
.dan-hd .dan-tt em{ font-size:1.125em;color:#888888;display:inline-block;height:30px; background:#fff;padding:0 15px}
.dan-hd .dan-tt:before{ position:absolute;content:"";height:1px;left:0px;top:50%;width:100%; background:#ccc;z-index:-1}
.dan-l{float:left;width:50%;}
.dan-l .dan-l-in{padding-right:40px}
.dan-r{float:right;width:50%;}
.dan-r .dan-r-in{padding-left:40px}
.dan-l p.img-d{text-align:center}
.dan-l p, .dan-r p{max-width:415px;margin-top:20px;font-size:0.875em;color:#888}

/*cool*/
.pro-midT{padding:70px 0;background:#fafafa;border-top:1px solid #eff2ee}
.cool-avd1{}
.cool-avd1 dl{float:left;width:29%;padding:0 2%;border-left:1px solid #e4e4e3}
.cool-avd1 dl:first-child{border:none}

.ed-titPro{ text-align:center; font-size:2.2em; color:#333;margin-bottom:40px}

.cool-avd1 dl dt{font-size:1.8em;color:#646962;text-align:center;margin-bottom:40px}
.cool-avd1 dl dd p{float:left;width:50%;text-align:center}
.cool-avd1 dl dd p img{max-width:100%}
.cool-avd1 dl dd p span{display:block;font-size:1em;color:#444;margin-top:10px; }
.pro-midT .adv1-txt{padding-top:70px; text-align:center; font-size:1.125em;color:#444; }

.p-loading{ position:fixed;left:0px; top:0px;width:100%; height:100%; background:url("../images/pro/loading-bg.png") repeat; text-align:center;z-index:99}
.p-loading .load-img{ position:absolute;top:50%;left:50%;width:47px;height:100px;margin:-50px 0 0 -23px; text-align:center; background:url("../images/pro/load-d.png") no-repeat center bottom;}

/*san new add*/
.san-avd1{}
.san-avd1 dl{float:left;width:50%; text-align:center; position:relative}
.san-avd1 dl:before{ position:absolute;right:0px;top:0px;height:100%;content:"";width:1px; background:#e4e4e3}
.san-avd1 dl.dl2:before{display:none}
.san-avd1 dl .dt{margin-bottom:20px}
.san-avd1 dl .dt h4{font-size:3em;color:#444;padding-bottom:10px}
.san-avd1 dl .dt p{color:#828780;font-size:1.375em}
.san-avd1 dl .dd p{display:inline-block;padding:0 20px;}
.san-avd1 dl .dd p span{display:block;font-size:1.125em; color:#6e6f6e}
.san-avd1 dl .dd p em{display:block;font-size:1em;color:#6e6f6e}
.san-avd1 dl .dl2 .dd p{margin:0 10px}
.san-adv-txt{margin-top:40px; text-align:center}
.san-adv-txt p{font-size:1em;color:#444; line-height:1.7}

@media screen and (max-width:1680px) 
{
  .p-inner .pimg img{max-width:50%}
  .p-inner .pimg2 img{max-width:65%}
  .p-inner h4{font-size:1.8em;}
  .p-inner p{font-size:0.875em;margin-top:5px}
  .pro-mid-bg img{ width:100%;} 
  

  .p-inner .pimg img{max-width:45%}
  .p-inner .pimg2 img{max-width:58%}

  .pro-mid .centerB{}
  .pro-caption {max-width: 1024px;}
  .cap-item .cap-hd { font-size: 1.8em;padding: 10px 0 5px;} 
  .cap-item .cap-txt {font-size:0.875em}
  .cap-item {width: 50%}
  
  .cup-right .hd {font-size:2em}
  .cup-pro-item p {font-size: 1em; line-height: 1.5;}
  .pro-re-table td {height:30px;}
}
@media screen and (max-width:1200px) 
{
   


}
@media screen and (max-width:980px) 
{
  .ban{margin-top:50px}
  .pro-index{padding:30px 0}
  .p-inner h4 {font-size: 1em;}
  .p-inner p { font-size: 0.75em; margin-top: 5px;}
  
  .pro-hd{ position:relative;padding-top:50px;border-top:1px solid #dbdbdb}
  .hd-img{width:30%; text-align:center; bottom:-20px;z-index:3}
  .hd-img img{max-width:80%}
  .pro-intr{width:65%;margin-left:0px;}
  .pro-n{font-size:2.75em;}
  .pro-txt{padding-top:10px;}
  .pro-txt p{font-size:1em;}
  .dan-mid{padding:80px 0 20px}
  .dan-hd{text-align:center;margin-bottom:50px}
  .dan-hd .dan-tit>em{font-size:2.75em;}
  .dan-hd .dan-tt em{ font-size:1em;padding:0 5px}
  .dan-l{box-sizing:border-box;padding:0 10px; text-align:center}
  .dan-l .dan-l-in{padding-right:0px}
  .dan-r{box-sizing:border-box;padding:0 10px;text-align:center}
  .dan-r .dan-r-in{padding-left:0px}
  .dan-l img, .dan-r img{max-width:90%}
  .cool-avd1 dl dt{font-size:2.75em;}
  .cool-avd1 dl dd p span{font-size:0.875em; }

  .pro-caption {max-width: 100%;}
  .cap-item{width:80%;padding:0 0 10px 20px; box-sizing:border-box}
  .cap-item .cap-hd { font-size: 1em;max-width:200px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);border-width:2px} 
  .cap-item .cap-txt {font-size:0.75em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);padding-left:15px}
  .pro-midT .adv1-txt{ font-size:0.75em; }
  
  .pro-bot{padding:60px 0 50px; background:#76aa5b;}
  .cup-left{max-width:30%;width:30%}
  .cup-left img{max-width:75%}
 
  .pro-relative{padding:20px 0 25px}
  .pro-relative h2{font-size:2.75em;margin-bottom:20px}
  
.cup-right {float: right; overflow: hidden;width:65%;max-width:65%}
.cup-right .hd{font-size:2.75em;padding-bottom:0px;margin-bottom:10px; }
/*.cup-right .hd:after{position:absolute;left:0px;bottom:-7px; content:"";border:7px solid #bbd5ad;border-radius:7px;}*/
.cup-pro-item{ position:relative;border-bottom:1px solid #bbd5ad;padding:0 0 15px 20px;color:#fff;margin-bottom:20px;opacity:0;left:100%/* transform:translate(50px,0px);transition:all 0.5s ease 0s;opacity:0*/}
.cup-pro-item:after{ position:absolute;left:0px;bottom:-7px; content:"";border:7px solid #bbd5ad;border-radius:7px;}
.cup-pro-item p{ line-height:32px; font-size:1em; }
 
 /*拆分动画*/

.down-ac .cup-inner3{top:45px;}
.down-ac .cup-inner4,.down-ac .cup-inner1{top:61px; }
.down-ac .cup-inner5,.down-ac .cup-inner2{top:60px}
.down-ac .cup-inner6{top:228px;z-index:-1}
.down-ac .cup-inner6 img{max-width:57%}
.down-ac .cup-inner1 img{position:relative;top:-10px}
.down-ac .cup-inner2 img{ position:relative;top:-10px}
 /*fade动画*/
.fade-ac .cup-layer{ position:absolute;width:100%;left:0px; top:0px;transition:all 0.5s ease-in 0.5s; }
.fade-ac .cup-inner1{top:30px;z-index:2}
.fade-ac .cup-inner2{top:220px;padding-left:2px}
.fade-ac .cup-inner2 img{max-width:52%}

.active .down-ac .cup-inner1{top:60px}
.active .down-ac .cup-inner2{top:100px;}
.active .down-ac .cup-inner3{top:10px;}
.active .down-ac .cup-inner4{top:60px;}
.active .down-ac .cup-inner5{top:100px;}
.active .down-ac .cup-inner6{top:350px;z-index:1}

.active .fade-ac .cup-inner1{top:0px}
.active .fade-ac .cup-inner2{top:230px}

/*杯盖*/

.lid-s{font-size:2.75em;}
.cap-lid h4{font-size:1.5em;}
.cap-lid p{font-size:1em;}
.lid-caption{max-width:100%}
.lid-caption img{max-width:100%}
.lid-l .lid-caption{padding:40px 20px 20px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.lid-r .lid-caption{padding:40px 20px 20px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*san new add*/

.san-avd1 dl .dt h4{font-size:2.75em;}
.san-avd1 dl .dt p{font-size:1em}
.san-avd1 dl .dd p{float:left;padding:0 10px;margin:0px;width:50%; box-sizing:border-box;}
.san-avd1 dl .dd p img{max-width:100%}
.san-avd1 dl .dd p span{display:block;font-size:1em; color:#6e6f6e}
.san-avd1 dl .dd p em{display:block;font-size:0.875em;color:#6e6f6e}
.san-avd1 dl.dl2 .dd p{padding:0 0 0 10px;margin:0px;float:left;width:33%}
.san-adv-txt{margin-top:40px; text-align:center}
.san-adv-txt p{font-size:1em;color:#828780; line-height:1.7}
}

@media screen and (max-width:640px) 
{
 .pro-mid {padding:0px}   
 .pro-mid .centerB{ position:static;}
 .pro-caption {max-width: 100%;padding:20px 15px}
 .cap-item{width:100%;padding:0 0 10px 0px; box-sizing:border-box}
 .cap-item .cap-hd{border-top:3px solid #666; color:#666;font-size:1.25em; text-shadow:none}
 .cap-item .cap-txt{color:#666;text-shadow:none;font-size:0.875em; line-height:1.75;}



 
}

@media screen and (max-width:414px) 
{
  .pro-index{padding:10px 0}
  .proList{padding:0 10px}
  .o-l{width:100%;box-sizing:border-box;margin:0 auto;}
  .o-m{width:100%;box-sizing:border-box;margin:0 auto;}
  .o-m .o-item{border:1px solid #ccc;box-sizing:border-box;border-top:none;}
  .o-m .o-item1{border:none}
  .o-m .o-item3{border-left-color:#fff}
  .o-mr{width:100%;box-sizing:border-box;margin:0 auto;}
  .o-mr .o-item{border:1px solid #ccc;border-top:none;box-sizing:border-box;}
  .o-r{width:100%;box-sizing:border-box;margin:0 auto;}
  .o-r .o-item{border:1px solid #ccc;box-sizing:border-box;border-top:none;}
  .proList a:after{display:none}
  .proList a:before{display:none}
  .p-inner h4 {font-size: 1.5em;}
  .p-inner .pimg img {max-width: 70%;}
  
  .pro-hd{ position:relative;padding-top:50px;border-top:1px solid #dbdbdb}
  .hd-img{width:30%; text-align:center; bottom:-20px;z-index:3}
  .hd-img img{max-width:80%}
  .pro-intr{width:65%;margin-left:0px;}
  .pro-n{font-size:1.5em;border-width:2px;padding:10px 0}
  .pro-txt{padding-top:0px;}
  .pro-txt p{font-size:0.85em;}
  .dan-mid{padding:80px 0 20px}
  .dan-hd{text-align:center;margin-bottom:50px}
  .dan-hd .dan-tit>em{font-size:2.75em;}
  .dan-hd .dan-tt em{ font-size:1em;padding:0 5px}
  .dan-l{box-sizing:border-box;padding:0 10px; text-align:center}
  .dan-l .dan-l-in{padding-right:0px}
  .dan-r{box-sizing:border-box;padding:0 10px;text-align:center}
  .dan-r .dan-r-in{padding-left:0px}
  .dan-l img, .dan-r img{max-width:90%}
  .pro-bot {padding: 30px 0;}
 .cup-left{max-width:100%;width:100%;height:270px; overflow:hidden}
 .cup-left img{max-width:35%}
 .cup-right {float: right; overflow: hidden;width:100%;max-width:100%;padding:0 10px; box-sizing:border-box}
 .cup-right .hd{font-size:1.5em;padding-bottom:0px;margin-bottom:10px; }
 /*.cup-right .hd:after{bottom:-4px; border:4px solid #bbd5ad;border-radius:4px;}*/
 .cup-pro-item:after{bottom:-4px; border:4px solid #bbd5ad;border-radius:4px;}
 .cup-pro-item{padding:0 0 10px 10px;margin-bottom:10px;}
 .cup-pro-item p{ line-height:1.5em; font-size:0.875em; }
 
  /*fade动画*/
.fade-ac .cup-inner1{top:20px;}
.fade-ac .cup-inner2{top:160px;}
.fade-ac .cup-inner2 img{max-width:24%}

 /*.active .down-ac .cup-inner1{top:10px}
.active .down-ac .cup-inner2{top:60px;}
.active .down-ac .cup-inner3{top:-80px;}
.active .down-ac .cup-inner4{top:10px;}
.active .down-ac .cup-inner5{top:60px;}
.active .down-ac .cup-inner6{top:530px;z-index:1}*/
.down-ac .cup-inner3{top:50px;}
.down-ac .cup-inner6 img{max-width:26%}

.active .fade-ac .cup-inner1{top:10px}
.active .fade-ac .cup-inner2{top:210px}
.active .down-ac .cup-inner6{top:260px;z-index:1}

.active .down-ac .cup-inner1{top:30px}
.active .down-ac .cup-inner2{top:50px;}
.active .down-ac .cup-inner3{top:0px;}
.active .down-ac .cup-inner4{top:30px;}
.active .down-ac .cup-inner5{top:50px;}
.active .down-ac .cup-inner6{top:230px;z-index:1}

.pro-relative{padding:20px 0 25px}
.pro-relative h2{font-size:1.5em;margin-bottom:20px}

.pro-re-table th{font-size:1em;}
.pro-re-table td{ font-size:0.75em;}

.pro-midT { padding: 20px 0;}
.cool-avd1 dl dt{font-size:1.5em;margin-bottom:20px}
.cool-avd1 dl dd p span{font-size:0.75em; }
.pro-midT .adv1-txt{ font-size:0.75em;padding:30px 10px 0px }
.cool-avd1 dl:first-child dd p img{max-width:85%}

/*杯盖*/
.lid-l{width:100%;height:auto}
.lid-r{width:100%;height:auto}
.lid-s{font-size:1.5em;}
.cap-lid h4{font-size:1em;}
.cap-lid p{font-size:0.875em;}
.lid-l .lid-caption{padding:20px; }
.lid-r .lid-caption{padding:20px;}
.dan-hd .dan-tit>em{font-size:1.5em;}

.san-avd1 dl{width:100%;margin-bottom:20px}
.san-avd1 dl:before{display:none}
.san-avd1 dl .dt{margin-bottom:10px}
.san-avd1 dl .dt h4{font-size:1.5em;}
.san-avd1 dl .dt p{font-size:0.75em}
.san-avd1 dl .dd p{padding:0 10px;}
.san-avd1 dl .dd p span{font-size:0.75em; color:#6e6f6e}
.san-avd1 dl .dd p em{font-size:0.65em;color:#6e6f6e}
.san-avd1 dl.dl2 dd p{padding:0 0 0 10px;width:33%}
.san-adv-txt{margin-top:10px; }
.san-adv-txt p{font-size:0.75em;}
}


@media screen and (max-width:375px) 
{   
 .pro-n{font-size:1em;padding:5px 0}
 .pro-txt p{font-size:0.75em;}
 .cap-item .cap-hd {font-size: 1em; } 
 .cap-item .cap-txt {font-size: 0.75em; }
 .fade-ac .cup-inner2{top:125px;}
 
 .cool-avd1 dl dt{font-size:1em;}

 .cup-right .hd{font-size:1em;padding-bottom:0px;margin-bottom:15px; }
 .cup-pro-item p { font-size: 0.75em}
 .pro-midT .adv1-txt{ padding:20px 10px 0px }
 .pro-relative h2 {font-size: 1em;margin-bottom: 20px}
 .pro-re-table th { font-size: 0.75em;}
 
 .down-ac .cup-inner6 {top:180px}
 
 .lid-s{font-size:1em;}
 .cap-lid h4{font-size:0.875em;}
 .cap-lid p{font-size:0.75em;}
 .lid-l .lid-caption{padding:15px; }
 .lid-r .lid-caption{padding:15px;}
 .dan-hd .dan-tit>em{font-size:1.25em;}
 .dan-hd .dan-tt em { font-size: 0.75em;}
 
.san-avd1 dl .dt h4{font-size:1em;}
.san-avd1 dl .dd p img{max-width:33%}
.san-avd1 dl.dl2 .dd p img{max-width:50%}
}

@media screen and (max-width:320px) 

{ 
 .pro-caption {padding:20px 10px}
 .pro-bot {padding: 30px 0;}
 
 .down-ac .cup-inner3{top:54px;}

  
 .fade-ac .cup-inner1 { top:30px;}
 .fade-ac .cup-inner2 { top:100px;}
 
 /*.active .fade-ac .cup-inner1{top:20px}
 .active .fade-ac .cup-inner2{top:180px}
 .active .down-ac .cup-inner6{top:240px;}*/
 

}