.s111 p{margin: 0;padding: 0}
.cl{clear: both !important;}
.left{float: left !important}
.right{float: right !important}
.w98{width: 98% !important;margin: 0 auto;}
.w48{width: 48% !important;}
.w85{width: 85% !important; margin: 0 auto;}
.w80{width: 80% !important; margin: 0 auto;}
.w75{width: 75% !important; margin: 0 auto;}
.w70{width: 70% !important; margin: 0 auto;}
.w65{width: 65% !important; margin: 0 auto;}
.w50{width: 50% !important; margin: 0 auto;}
.fz0 {font-size: 0;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.mt_6{margin-top: -6%;}
.mt2{margin-top: 2% !important;}
.mt3{margin-top: 3% !important;}
.mt4{margin-top: 4% !important;}
.mt5{margin-top: 5% !important;}
.mt6{margin-top: 6% !important;}
.mt7{margin-top: 7% !important;}
.mt8{margin-top: 8% !important;}
.mt9{margin-top: 9% !important;}
.mt10{margin-top: 10%;}
.mt13{margin-top: 13%;}
.mt25{margin-top: 25%;}
.ml2{margin-left: 2% !important;}
.mb5{margin-bottom: 5% !important;}
.mb7{margin-bottom: 7% !important;}
.mt25{margin-top: 25%;}
.mt18{margin-top: 37% !important;}
.mb18{margin-bottom: 37% !important;}
.mt15{margin-top: 15%;}
.mt20{margin-top: 20%;}
.s111b2a,.bgimg {position: relative;padding: 2%;}
.s111b2a1,.bgimg img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.s111a {position: relative;}
.s111{overflow:hidden;max-width:1230px;margin: 0 auto !important;font-family:Arial, Helvetica, sans-serif, "Hiragino Sans GB", "Microsoft Yahei" , Hei;padding: 0;color: darkgrey;font-size: 100px;}
.s111a2 {position: absolute;left: 6%;top: 8%;font-size: 0.14em;color:#29201c;}
.s111a12 {font-size: 0.14em;}
.s111a3 {font-size: 0.28em;color:#29201c;position: absolute;left: 39%;top: 9.7%;}
.s111a4 {position: absolute;left: 54%;top: 10.5%;}
.s111a5 {font-size: 0.34em;color:#29201c;position: absolute;left: 39.5%;top: 15.4%;letter-spacing: 0.6em}
.s111a6 {position: absolute;left: 40%;top: 24.5%;height: 5px;width: 35%;background: #000;}
.s111a7 {position: absolute;left: 40%;top: 26.7%;font-size: 0.28em;color: #b7a495;}
.s111a8 {position: absolute;left: 40%;top: 32%;font-size: 0.22em;color: #b7a495;}
.s111a9 {position: absolute;top: 22%;left: -2%;width: 13%;}
.s111a10 {color: #b7a495;font-size: 0.16em;top: 46%;left: 6%;position: absolute;letter-spacing: 4px;}
.s111a11 {color: #b7a495;font-size: 0.16em;position: absolute;top: 49%;left: 6%;letter-spacing: 4px;}
.s111a12 {color: #29201c;font-size: 0.14em;position: absolute;top: 54%;left: 6%;width: 24%;line-height: 100%;}
.s111b1 {width: 57%;}
.s111b2 {width: 40%;}
.s111b1c {width: 105%;float: right;position: relative;}
.s111b1c1 {position: absolute;right: 5%;top: 13%;width: 50%;}
.s111b2a {padding: 5%;}
.s111b2a2 {text-align: center;position: relative;}
.s111b2a3 {text-align: center;position: relative;}
.s111fz1 {font-size: 0.14em;color: #29201c;line-height: 115%;}
.s111b2a2 {font-size: 0.16em;color: #b7a495;letter-spacing: 0.5em;}
.s111b2a3 {font-size: 0.16em;color: #29201c;}
.s111b2c {font-size: 0.14em;color: #29201c;text-decoration: underline;}
.s111b2d {width: 30%;position: relative;z-index: 1;}
.s111b2c1 {font-size: 1.8em;background: #d5cac0;color: #fff;}
.s111b1c2 {position: absolute;bottom: 3%;right: 4%;}
.s111c1 {width: 21%;margin-left: 7%;}
.s111c2 {width: 70%;position: relative;margin-top: -8%;}
.s111c2a {position: absolute;left: 5%;bottom: 17%;width: 60%;line-height: 115%;font-size: 0.14em;color: #29201c;}
.s111c2b {position: absolute;left: 5%;bottom: 5%;}
.s111d1 {width: 30%;}
.s111d2 {width: 63%;margin-left: 2%;}
.s111d1a {position: relative;padding: 5%;}
.s111d2a {width: 40%;}
.s111d2b {width: 58%;}

.s111d1b {width: 70%;}
.s111d1c {width: 75%;}

.s111f1 {margin-left: 5%;width: 55%;margin-top: -10%;}
.s111f2 {width: 35%;position: relative;}
.s111f2b {position: absolute;width: 60%;left: 10%;bottom: 20%;}
.s111g1 {width: 34%;}
.s111g2 {width: 63%;}

.s111g1 {position: relative;}
.s111g1b {position: absolute;bottom: 10%;width: 80%;left: 10%;height:180px;overflow:auto}

.s111g2a {margin-left: -15%;width: 50%;padding: 5%;margin-top: -12%;}

.s111g2b {width: 52%;}
.s111g2c {width: 46%;}

.s111fz2 p{font-size: 0.18em;color: #29201c;text-align: center;}


.s111h1 {width: 16%;margin-left: 18%;}

.s111h2 {width: 30%;margin-left: 3%;}
.s111h3 {width: 22%;margin-right: 7%;margin-top: 3%;}

.s111i {margin: 8%;text-align: center;}
.s111i1 {font-size: 0.18em;text-align: center;color: #29201c;border-bottom:1px solid #000;display: inline-block;}
.s111i2 {font-size: 0.18em;text-align: center;color: #29201c;}
.s111a122 {height: 200px;overflow: auto;}
.s111b1c11 {height: 180px;overflow: auto;}
.s111c2aa {height: 80px;overflow: auto;}
.s111iii {margin: auto;margin-top: 10%;width: 65%;}
.s111a100 {letter-spacing: 2px;}
.s111a111 {letter-spacing: 2px;}
.s111f2bb {bottom: 10%;}
/* .s111c {margin-top: -6%;} */

@media all and (max-width: 1200px) {
    .s111{font-size: 90px}
}

@media all and (max-width: 1100px) {
    .s111{font-size: 88px}
    .s111b1c1 {top: 8%;}
    .s111c2a {bottom: 12%;}
    .s111f2b {bottom: 14%;}
    .s111g1b {bottom: 3%;}
}
@media all and (max-width: 1000px) {
    .s111{font-size: 84px}
    .s111a {width: 90% !important;}
    .s111b1c {width: 115%;}
    .s111f2 {width: 38%;}
    .s111g1 {width: 36%;}
}
@media all and (max-width: 900px) {
    .s111{font-size: 80px}
    .s111a4 {left: 55%;}
    .s111a {width: 98% !important;}
    .s111b1c {width: 119%;}
    .s111c2 {margin-right: -3%;width: 74%;}
    .s111c2a {bottom: 7%;}
    .s111f2b {bottom: 12%;}
    .s111g1 {width: 39%;margin-left: -2%;}
}

@media all and (max-width: 800px) {
    @-moz-document url-prefix(http://),url-prefix(https://) {   
        scrollbar-track-piece:horizontal {
          background-color: rgba(0, 0, 0, 0);
          border-left: 1px solid rgba(0, 0, 0, 0);
        }
        
        scrollbar {
          width: 7px;
          height: 10px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          background: #eee;
        }
        scrollbar-thumb {
          background-color: rgba(0, 0, 0, 0.5);
          background-clip: padding-box;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          min-height: 15px;
        }
        scrollbar-thumb:hover {
          background-color: rgba(0, 0, 0, 0.5);
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
        }
        scrollbar-button {
            display: block; 
        } 
        scrollbar-button:horizontal:single-button:start {
          width: 7px;
          height: 10px;
          background: url(../../images/newdesign/s111/btn.png) no-repeat;
          background-size: 100%;
        }
        scrollbar-button:horizontal:single-button:end {
          width: 7px;
          height: 10px;
          background: url(../../images/newdesign/s111/btn2.png) no-repeat;        
          background-size: 100%;
        }
    
        scrollbar-button:vertical:single-button:start {
          width: 7px;
          height: 10px;
          background: url(../../images/newdesign/s111/btn4.png) no-repeat;
          background-size: 100%;
        }
        scrollbar-button:vertical:single-button:end {
          width: 7px;
          height: 10px;
          background: url(../../images/newdesign/s111/btn3.png) no-repeat;        
          background-size: 100%;
        }
    
        scrollbar-button:horizontal:start:increment {
          display:none;
        }
        scrollbar-button:horizontal:end:decrement {
            display:none;
        }
        scrollbar-button:vertical:start:increment {
          display:none;
        }
        scrollbar-button:vertical:end:decrement {
            display:none;
        }  
    }
  
      
  
  
  
  
  
  
  
      
      *::-webkit-scrollbar-track-piece:horizontal {
        background-color: rgba(0, 0, 0, 0);
        border-left: 1px solid rgba(0, 0, 0, 0);
      }
      
      *::-webkit-scrollbar {
        width: 7px;
        height: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #eee;
      }
      *::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        background-clip: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        min-height: 15px;
      }
      *::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
      }
      *::-webkit-scrollbar-button {
          display: block; 
      } 
      *::-webkit-scrollbar-button:horizontal:single-button:start {
        width: 7px;
        height: 10px;
        background: url(../../images/newdesign/s111/btn.png) no-repeat;
        background-size: 100%;
      }
      *::-webkit-scrollbar-button:horizontal:single-button:end {
        width: 7px;
        height: 10px;
        background: url(../../images/newdesign/s111/btn2.png) no-repeat;        
        background-size: 100%;
      }
  
      *::-webkit-scrollbar-button:vertical:single-button:start {
        width: 7px;
        height: 10px;
        background: url(../../images/newdesign/s111/btn4.png) no-repeat;
        background-size: 100%;
      }
      *::-webkit-scrollbar-button:vertical:single-button:end {
        width: 7px;
        height: 10px;
        background: url(../../images/newdesign/s111/btn3.png) no-repeat;        
        background-size: 100%;
      }
  
      *::-webkit-scrollbar-button:horizontal:start:increment {
        display:none;
      }
      *::-webkit-scrollbar-button:horizontal:end:decrement {
          display:none;
      }
      *::-webkit-scrollbar-button:vertical:start:increment {
        display:none;
      }
      *::-webkit-scrollbar-button:vertical:end:decrement {
          display:none;
      }
      .s111b1c1 {height: 124px;overflow: auto;}
      .s111a12 {height: 165px;overflow: auto;}
      .s111g1b {height: 157px;overflow: auto;}
      .s111f2b {height: 150px;overflow: auto;}
    .s111a4 {width: 35%;}
    .s111{font-size: 77px}
    .s111a12 {width: 28%;left: 5%;}
    .s111a10,.s111a11 {left: 5%;}
    .s111a3 {font-size: 0.26em;}
    .s111a5 {font-size: 0.3em;}
    .s111a7 {font-size: 0.26em;}
    .s111a8 {font-size: 0.2em;}
    .s111c2 {width: 78%;margin-right: -6%;}
    .s111c2a {bottom: 4%;}
    .s111c2a {    height: 71px;overflow: auto;bottom: 18%;}
}

@media all and (max-width: 700px) {
    .s111{font-size: 71px}
    .s111a3 {font-size: 0.24em;}
    .s111a5 {font-size: 0.27em;}
    .s111a7 {font-size: 0.22em;}
    .s111a8 {font-size: 0.18em;}
    .s111a9 {top:18%;}
    .s111a11 {top: 43%;}
    .s111a12 {top: 51%;}
    .nncl {clear: both;}
    .nnclc {margin-top: 3%;}
    /* .s111f1 ,.s111f2, */
    .s111g1 ,.s111g2, .s111d1 ,.s111d2,.s111c2 ,.s111b2,.s111b1 {float: none !important;width: 80%;margin: auto;text-align: center;}
    .s111g1 {width: 55%;}
    .s111g2 {margin-top: 13%;}
    .s111g2d {margin-top: 7%;}
    .s111h2 {width: 55%;}
    .s111h3 {float: none !important;margin: auto;margin-top: 3%;}
    .s111h1 {width: 20%;margin-left: 11%;}
    .s111g2a {margin-left: -2%;}
    .s111f1 {width: 35%;}
    .s111f2 {width: 70%;margin-right: -5%;margin-top: -5%;}
    .s111d2b {position: relative;z-index: 1;}
    .s111f2b {bottom: 15%;}
    .s111d1c,.s111d1b {margin: auto;float: none !important;}
    .s111d1c {width: 50%;}
    .s111f1 {margin-top: 3%;}
    .s111f2 {width: 60%;}
    .s111c2 {width: 90% !important;margin-top: -5% !important;}
    .s111c2a {bottom: 7%;}
    .s111b1c {width: 116%;}
    .s111b2b {margin: auto;width: 60%;}
    .s111fz1,.s111b2c {font-size: 0.16em;}
    .s111b2d {margin-left: -15%;}
    .s111c1 {float: right !important;margin-top: -17%;position: relative;z-index: 1;margin-right: 10%;}
    .s111a10 {letter-spacing: 0}
    .s111a11 {letter-spacing: 0}
}

@media all and (max-width: 600px) {
    .s111{font-size: 69px}
    .s111a3 {font-size: 0.2em;}
    .s111a5 {font-size: 0.23em;}
    .s111a7 {font-size: 0.18em;}
    .s111a8 {font-size: 0.15em;}
    .s111a2 {top: 6%;}
    .s111a11 {top: 40%;}
    .s111a10 {top: 44%;}
    .s111a12 {height: 118px;overflow-y: auto;}
    .s111b1c {margin: auto;float: none !important;}
    .s111b1c {width: 141%;margin-left: -25%;}
    .s111c2 {width: 105% !important;}
    .s111f2 {width: 65%;}
    .s111f2b {bottom: 12%;}
    .s111g1 {width: 63%;}
    .s111b {width: 85% !important;}
}


@media all and (max-width: 500px) {
    .s111{font-size: 55px}
    .s111a3 {font-size: 0.18em;}
    .s111a5 {font-size: 0.21em;}
    .s111a7 {font-size: 0.16em;}
    .s111a12 {font-size: 0.2em;}
    .s111c2a {font-size: 0.2em}
    .s111a8 {font-size: 0.15em;}
    .s111fz1,.s111b2c {font-size: 0.22em;}
    .s111i2 {font-size: 0.22em;}
    /* .nnncl {clear: both;} */
    .s111a12 {height: 95px;}
    .s111b1c1 {height: 129px;overflow: auto;}
    .s111f2b {bottom:14%;height: 141px;overflow: auto;}
    .s111g1b {bottom: 8%;height: 120px;overflow: auto;}
    .s111g2b {width: 100%;display: inline-block;}
    .s111a2 {font-size: 0.18em;}
    .s111b2a3 {font-size: 0.2em;}
    
}

@media all and (max-width: 400px) {
    .s111{font-size: 50px}
    .s111a12 {height: 75px;}
    .s111b1c {width: 156%;margin-left: -30%;}
    .s111c2 {width: 120% !important;margin-left: -3%;}
    .s111f2 {width: 77%;margin-right: -18%;}
    .s111g1 {width: 72%;}
    .s111h2b {width: 160%;margin-left: -48%;}
}