@charset "UTF-8";

.banner {

  width: 100%;

  height: 500px;

  text-align: center;

  background: url(../images/xggsswsj-img/banenr.html) no-repeat center; }



.swsj {

  width: 100%;

  text-align: center;

  clear: both; }

  .swsj h2 {

    font-size: 32px;

    font-weight: normal;

    color: #034794;

    padding-top: 100px; }



.swsj2 ul {

  width: 1200px;

  height: 275px;

  margin: 0 auto;

  margin-top: 10px; }

  .swsj2 ul li {

    width: 275px;

    height: 100px;

    float: left;

    border: 2px solid #00a0e9;

    border-radius: 30px;

    margin-top: 40px; }

    .swsj2 ul li div {

      font-size: 18px;

      width: 230px;

      height: 100px;

      margin: 0 auto;

      line-height: 30px;

      text-align: center;

      display: table; }

      .swsj2 ul li div p {

        vertical-align: middle;

        display: table-cell; }

  .swsj2 ul .sjyhone {

    margin-left: 28px; }

.swsj2 .mcbys {

  clear: both;

  color: #00a0e9;

  font-size: 18px;

  margin-top: 38px; }



.swsj3 ul {

  width: 1200px;

  margin: 0 auto;

  margin-top: 64px; }

  .swsj3 ul li {

    width: 400px;

    height: 350px;

    float: left; }

    .swsj3 ul li p {

      font-size: 24px;

      width: 369px;

      margin: 0 auto;

      line-height: 34px;

      margin-top: 30px;

      line-height: 40px; }

.swsj3 .yzx {

  width: 151px;

  height: 60px;

  line-height: 60px;

  border: 3px solid #00a0e9;

  clear: both;

  margin: 0 auto;

  font-size: 24px;

  color: #00a0e9;

  border-radius: 10px;

  cursor: pointer;

  transition: 0.3s; }

.swsj3 .yzx:hover {

  background: #00a0e9;

  color: #FFFFFF; }



.swsj4 .zzzbsul {

  width: 1200px;

  margin: 0 auto;

  margin-top: 70px;

  color: #FFFFFF; }

  .swsj4 .zzzbsul .zzzbsulli {

    width: 240px;

    height: 400px;

    background: #00a0e9;

    float: left;

    transition: 0.5s;

    cursor: pointer; }

    .swsj4 .zzzbsul .zzzbsulli .zdlldzp1 {

      font-size: 80px;

      font-weight: bold;

      margin-top: 40px;

      margin-bottom: 40px; }

    .swsj4 .zzzbsul .zzzbsulli .zdlldzp2 {

      font-size: 20px;

      font-weight: bold;

      width: 150px;

      text-align: left;

      margin-top: 13px;

      margin-left: 73px; }

    .swsj4 .zzzbsul .zzzbsulli .cydezi {

      color: #222222;

      width: 208px;

      margin: 0 auto;

      margin-top: -200px;

      line-height: 30px;

      opacity: 0;

      transition: 0.5s; }

  .swsj4 .zzzbsul .zzzbsulli2:hover {

    background: #FFFFFF;

    box-shadow: 0 0 20px #222222; }

  .swsj4 .zzzbsul .zzzbsulli2:hover .cydezi {

    opacity: 1; }

  .swsj4 .zzzbsul .zdlli2 {

    background: #0088df; }

  .swsj4 .zzzbsul .zdl {

    width: 720px; }

    .swsj4 .zzzbsul .zdl .zdlp1 {

      width: 100%;

      height: 50%;

      background: #0178d4;

      transition: 0.5s; }

      .swsj4 .zzzbsul .zdl .zdlp1 ul {

        width: 500px;

        height: 100px;

        margin: 0 auto;

        position: relative;

        top: 50px; }

        .swsj4 .zzzbsul .zdl .zdlp1 ul li {

          float: left; }

          .swsj4 .zzzbsul .zdl .zdlp1 ul li .zdlldzp3 {

            font-size: 20px;

            font-weight: bold;

            width: 180px;

            text-align: left;

            margin-top: 13px;

            margin-left: 73px; }

        .swsj4 .zzzbsul .zdl .zdlp1 ul .yqsz {

          font-size: 80px;

          font-weight: bold; }

      .swsj4 .zzzbsul .zdl .zdlp1 .cydezi2 {

        color: #222222;

        clear: both;

        width: 650px;

        margin-left: 40px;

        text-align: left;

        transition: 0.5s;

        line-height: 24px;

        position: relative;

        top: -50px;

        opacity: 0; }

    .swsj4 .zzzbsul .zdl .zdlp1:hover {

      background: #FFFFFF;

      box-shadow: 0 0 20px #222222; }

    .swsj4 .zzzbsul .zdl .zdlp1:hover .cydezi2 {

      opacity: 1; }

    .swsj4 .zzzbsul .zdl .zdlp2 {

      width: 100%;

      height: 50%;

      background: #0369b8;

      transition: 0.5s; }

      .swsj4 .zzzbsul .zdl .zdlp2 ul {

        width: 500px;

        margin: 0 auto;

        position: relative;

        top: 45px; }

        .swsj4 .zzzbsul .zdl .zdlp2 ul li {

          float: left; }

          .swsj4 .zzzbsul .zdl .zdlp2 ul li .zdlldzp3 {

            font-size: 20px;

            font-weight: bold;

            width: 260px;

            text-align: left;

            margin-top: 13px;

            margin-left: 73px; }

        .swsj4 .zzzbsul .zdl .zdlp2 ul .yqsz {

          font-size: 80px;

          font-weight: bold; }

      .swsj4 .zzzbsul .zdl .zdlp2 .cydezi2 {

        color: #222222;

        clear: both;

        width: 650px;

        margin-left: 40px;

        text-align: left;

        opacity: 0;

        transition: 0.5s;

        line-height: 24px;

        position: relative;

        top: -65px; }

    .swsj4 .zzzbsul .zdl .zdlp2:hover {

      background: #FFFFFF;

      box-shadow: 0 0 20px #222222; }

    .swsj4 .zzzbsul .zdl .zdlp2:hover .cydezi2 {

      opacity: 1; }



.swsj5 .lbtx {

  width: 100%;

  height: 75%;

  margin: 0 auto; }

.swsj5 .lbtx img {

  width: 100%;

  cursor: pointer; }

.swsj5 li .lbtxp1 {

  font-size: 26px;

  margin-top: 30px; }

.swsj5 li .lbtxp2 {

  font-size: 20px;

  width: 185px;

  margin: 0 auto;

  text-align: left;

  line-height: 32px;

  margin-top: 30px; }

.swsj5 li .lbtxp3 {

  font-size: 20px;

  width: 157px;

  height: 49px;

  line-height: 49px;

  color: #FFFFFF;

  margin: 0 auto;

  margin-top: 30px;

  background: url(../images/xggsswsj-img/juxkb.png) no-repeat center; }

.swsj5 li .lbtxp2 {

  width: 198px;

}

.swsj6 {

  background: #f5f5f5;

  height: 1280px;

  margin-top: 50px; }

  .swsj6 .swlc {

    width: 1200px;

    height: 400px;

    margin: 0 auto;

    margin-top: 62px; }

    .swsj6 .swlc li {

      float: left; }

      .swsj6 .swlc li p {

        font-size: 22px;

        margin-top: 40px; }

    .swsj6 .swlc .ddtt {

      margin-left: 9.8px;

      margin-right: 9.8px;

      height: 155px;

      display: flex; }

    .swsj6 .swlc .ddtt img {

      align-self: center; }

  .swsj6 .xdzi {

    width: 1200px;

    height: 444px;

    margin: 0 auto;

    font-size: 18px;

    background: url(../images/xggsswsj-img/SJFWLC-7.png) no-repeat center; }

    .swsj6 .xdzi ul {

      width: 1200px;

      margin: 0 auto; }

      .swsj6 .xdzi ul li {

        width: 1200px;

        height: 100.5px;

        line-height: 88.5px; }

    .swsj6 .xdzi .xdzili1 {

      margin-left: -60px; }

    .swsj6 .xdzi .xdzili2 {

      padding-left: 100px; }

    .swsj6 .xdzi .xdzili3 {

      padding-left: 200px; }

      .swsj6 .xdzi .xdzili3 p {

        margin-top: -60px;

        margin-left: -200px; }

    .swsj6 .xdzi .xdzili4 {

      padding-left: 340px; }

      .swsj6 .xdzi .xdzili4 p {

        margin-top: -60px;

        margin-left: -265px; }

    .swsj6 .xdzi .xdzili5 {

      padding-left: 340px; }

  .swsj6 .yzx {

    width: 151px;

    height: 60px;

    line-height: 60px;

    border: 3px solid #00a0e9;

    clear: both;

    margin: 0 auto;

    font-size: 24px;

    color: #00a0e9;

    border-radius: 10px;

    cursor: pointer;

    transition: 0.3s;

    margin-top: 70px; }

  .swsj6 .yzx:hover {

    background: #00a0e9;

    color: #FFFFFF; }



.swsj7 {

  height: 1465px; }

  .swsj7 .swtiao {

    width: 1200px;

    margin: 0 auto;

    margin-top: 190px; }

    .swsj7 .swtiao .swdsy {

      width: 600px;

      height: 530px;

      float: left; }

    .swsj7 .swtiao .swdsy1 {

      background: url(../images/xggsswsj-img/DSY-5.png) no-repeat left;

      background-position-y: -2px; }

    .swsj7 .swtiao .swdsy2 {

      background: url(../images/xggsswsj-img/DSY-6.png) no-repeat center;

      background-position-y: 0px;

      background-position-x: 90px; }

    .swsj7 .swtiao .swdsy3 {

      background-position-y: 50px;

      background-position-x: 0; }

    .swsj7 .swtiao .swdsy4 {

      background-position-y: 50px;

      background-position-x: 90px; }

    .swsj7 .swtiao .swdsyjut1 {

      width: 285px;

      height: 393px;

      background: #FFFFFF url(../images/xggsswsj-img/DSY-8.png) no-repeat center; }

      .swsj7 .swtiao .swdsyjut1 .swdsyjutp1 {

        width: 232px;

        height: 172px;

        border-radius: 50px;

        margin: 0 auto;

        background: url(../images/xggsswsj-img/DSY-1.png) no-repeat center;

        position: relative;

        top: -86px; }

      .swsj7 .swtiao .swdsyjut1 .swdsyjutp2 {

        background: url(../images/xggsswsj-img/DSY-2.png) no-repeat center; }

      .swsj7 .swtiao .swdsyjut1 .swdsyjutp3 {

        background: url(../images/xggsswsj-img/DSY-3.png) no-repeat center; }

      .swsj7 .swtiao .swdsyjut1 .swdsyjutp4 {

        background: url(../images/xggsswsj-img/DSY-4.png) no-repeat center; }

      .swsj7 .swtiao .swdsyjut1 ul {

        width: 276px;

        margin: auto;

        margin-top: -86px; }

        .swsj7 .swtiao .swdsyjut1 ul li {

          height: 69px;

          line-height: 69px;

          font-size: 18px; }

        .swsj7 .swtiao .swdsyjut1 ul .swshld1 {

          font-size: 24px;

          font-weight: bold; }

        .swsj7 .swtiao .swdsyjut1 ul .swshld2 {

          background: #f5f5f5; }

      .swsj7 .swtiao .swdsyjut1 .yzx {

        width: 151px;

        height: 60px;

        line-height: 60px;

        border: 3px solid #00a0e9;

        clear: both;

        font-size: 24px;

        color: #00a0e9;

        border-radius: 10px;

        cursor: pointer;

        transition: 0.3s;

        position: absolute;

        font-weight: bold;

        background: #FFFFFF;

        margin-left: 65px; }

      .swsj7 .swtiao .swdsyjut1 .yzx:hover {

        background: #00a0e9;

        color: #FFFFFF; }

    .swsj7 .swtiao .swdsyjut2 {

      margin-left: 457px; }

    .swsj7 .swtiao .swdsyjut3 {

      margin-top: -60px; }

    .swsj7 .swtiao .swdsyjut4 {

      margin-left: 315px;

      margin-top: 335px; }

    .swsj7 .swtiao .swdsyjut5 {

      margin-top: 175px;

      margin-left: -143px; }



.swsj8 ul {

  width: 1200px;

  margin: auto;

  margin-top: 60px; }

  .swsj8 ul li {

    float: left;

    width: 300px;

    height: 225px;

    background: url(../images/xggsswsj-img/fengexian2.png) no-repeat right;

    background-position-y: 70px; }

    .swsj8 ul li .swsjsjwtp1 {

      color: #00A0E9;

      font-size: 24px; }

    .swsj8 ul li .swsjsjwtp2 {

      font-size: 18px;

      letter-spacing: 1px;

      margin-top: 6px; }

    .swsj8 ul li .swsjsjwtp3 {

      margin-top: 40px; }



.swsj9 .cjwtp1 {

  font-size: 14px;

  margin-top: 10px; }

.swsj9 ul {

  width: 1200px;

  margin: auto;

  margin-top: 50px; }

  .swsj9 ul li {

    width: 600px;

    height: 140px;

    float: left; }

    .swsj9 ul li .wjwtdiv1 {

      width: 449px;

      height: 100px;

      background: url(../images/xggsswsj-img/fengexian1.png) no-repeat center;

      margin: auto;

      text-align: left; }

    .swsj9 ul li .cjwtp2 {

      font-size: 18px;

      width: 100%;

      height: 57px;

      line-height: 65px; }

    .swsj9 ul li .cjwtp3 {

      font-size: 14px;

      line-height: 23px; }



.swsj10 ul {

  width: 1200px;

  margin: auto;

  height: 300px;

  text-align: center;

  margin-top: 60px; }

  .swsj10 ul li {

    float: left;

    margin-left: 62px; }

    .swsj10 ul li p {

      font-size: 24px;

      margin-top: 25px; }

  .swsj10 ul .wntgjh {

    margin-left: 52px;

    margin-right: -5px;

    margin-top: 60px; }

.yhkh10{padding-bottom: 25px;}
.swsj10 .yzx,.yhkh10 .yzx {

  width: 151px;

  height: 60px;

  line-height: 60px;

  border: 3px solid #00a0e9;

  clear: both;

  margin: 0 auto;

  font-size: 24px;

  color: #00a0e9;

  border-radius: 10px;

  cursor: pointer;

  transition: 0.3s;

  background: #FFFFFF; }

.swsj10 .yzx:hover {

  background: #00a0e9;

  color: #FFFFFF; }



.swsj11 h2 {

  padding-top: 58px; }

.swsj11 ul {

  width: 1200px;

  margin: auto;

  margin-top: 62px; }

  .swsj11 ul li {

    float: left; }

    .swsj11 ul li .xzwdiv1 {

      width: 190px;

      height: 190px;

      border-radius: 100px;

      margin: 30px auto;

      background: url(../images/xggsswsj-img/XZWM-1.png) no-repeat center; }

    .swsj11 ul li .xzwdiv2 {

      background: url(../images/xggsswsj-img/XZWM-2.png) no-repeat center; }

    .swsj11 ul li .xzwdiv3 {

      background: url(../images/xggsswsj-img/XZWM-3.png) no-repeat center; }

    .swsj11 ul li .xzwptm {

      font-size: 24px;

      margin-top: 50px; }

    .swsj11 ul li .xzwpxd {

      font-size: 17px;

      margin-top: 7px; }

    .swsj11 ul li .xzwpxd2 {

      margin-top: 40px; }

  .swsj11 ul .xzwmdyy1 {

    letter-spacing: 1px;

    margin-top: 35px;

    width: 336px;

    height: 494px;

    background: url(../images/xggsswsj-img/YY-xiao.png) no-repeat center; }

  .swsj11 ul .xzwmdyy2 {

    letter-spacing: 1px;

    width: 398px;

    height: 566px;

    background: url(../images/xggsswsj-img/YY-da.png) no-repeat center;

    margin-left: 65px;

    margin-right: 65px; }



.swsj12 ul {

  width: 1200px;

  margin: auto;

  height: 300px;

  margin-top: 62px; }

  .swsj12 ul li {

    float: left;

    width: 198px;

    height: 228px;

    background: url(../images/xggsswsj-img/GDFW.png) no-repeat center;

    cursor: pointer; }

    .swsj12 ul li p {

      width: 200px;

      height: 228px;

      line-height: 228px;

      color: #FFFFFF;

      font-size: 24px; }

  .swsj12 ul .swzhyd {

    margin-left: 52.5px; }



.swsj13 ul {

  width: 1200px;

  height: 460px;

  margin: auto;

  margin-top: 70px; }

  .swsj13 ul li {

    float: left; }

    .swsj13 ul li div {

      color: #FFFFFF;

      height: 215px;

      background: #000;

      background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8));

      background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);

      /*FireFox*/

      background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);

      /* Opear */

      background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8));

      /*IE10及IE10+*/

      filter: progid:DXImageTransform.Microsoft.alpha(Opacity=0, FinishOpacity=100, Style=0, StartX=0, StartY=0, FinishX=1200, FinishY=80);

      margin-top: 191px;

      border-bottom-left-radius: 50px;

      border-bottom-right-radius: 50px;

      transition: 0.6s;

      -moz-transition: 0.6s;

      /* Firefox 4 */

      -webkit-transition: 0.6s;

      /* Safari 和 Chrome */

      -o-transition: 0.6s;

      /* Opera */ }

      .swsj13 ul li div .zxp1 {

        font-size: 30px;

        font-weight: bold;

        padding-top: 60px; }

      .swsj13 ul li div .zxp2 {

        font-size: 18px;

        width: 440px;

        height: 200px;

        margin: auto;

        text-align: left;

        margin-top: 20px;

        line-height: 32px; }

      .swsj13 ul li div .yxlr {

        opacity: 0;

        transition: 0.6s;

        -moz-transition: 0.6s;

        /* Firefox 4 */

        -webkit-transition: 0.6s;

        /* Safari 和 Chrome */

        -o-transition: 0.6s;

        /* Opera */ }

    .swsj13 ul li .zxp3 {

      background: #034794;

      color: #FFFFFF;

      width: 140px;

      height: 40px;

      line-height: 40px;

      margin: auto;

      font-size: 18px;

      border-radius: 10px;

      cursor: pointer;

      position: relative;

      top: -58px;

      opacity: 0;

      transition: 0.6s;

      -moz-transition: 0.6s;

      /* Firefox 4 */

      -webkit-transition: 0.6s;

      /* Safari 和 Chrome */

      -o-transition: 0.6s;

      /* Opera */ }

  .swsj13 ul li:hover div {

    margin-top: 0;

    border-top-left-radius: 50px;

    border-top-right-radius: 50px;

    height: 407px; }

  .swsj13 ul li:hover div .slh {

    display: none; }

  .swsj13 ul li:hover div .yxlr {

    opacity: 1; }

  .swsj13 ul li:hover .zxp3 {

    opacity: 1; }

  .swsj13 ul .rmzb {

    width: 531px;

    height: 407px; }

  .swsj13 ul .zjd {

    width: 138px; }

    .swsj13 ul .zjd img {

      margin-top: 175px; }



.swsj14 {

  background: #F5F5F5;

  height: 630px; }

  .swsj14 h2 {

    padding-top: 50px; }

  .swsj14 ul {

    width: 1200px;

    margin: auto;

    margin-top: 70px; }

    .swsj14 ul li {

      float: left; }

      .swsj14 ul li .gbtc {

        font-size: 24px;

        color: #034794;

        line-height: 42px;

        letter-spacing: 1px; }

      .swsj14 ul li .gbtc2 {

        font-size: 16px;

        width: 300px;

        margin: auto;

        line-height: 27px; }

    .swsj14 ul .gbli1 {

      margin-left: 52px; }



/*# sourceMappingURL=xggsswsj.css.map */

.sub-menu {

  height: 100px;

  width: 1200px;

  line-height: 60px;

  text-align: center;

  margin: auto

}

.sub-menu a {

  width: 156px;;

  /*height: 60px;*/

  margin: 0 20px;

  color: #000;

  -webkit-transition: padding-left ease .3s;

  transition: padding-left ease .3s;

  /*line-height: 60px;*/

  text-align: center;

  font-size: 18px;

  font-weight: bold;

  float: left;

}

.sub-menu a img {

  width: 25%;

  height: 35%;;

  display: block;

  margin: 10px auto;

}

.sub-menu a div {

  line-height: 18px;

  font-size: 18px;

  width: 160px;

}



.yhkh {

  width: 100%;

  text-align: center;

  clear: both;

}

.yhkh h2 {

  font-size: 32px;

  color: #222222;

}

.yhkh10 .wsm {

  width: 600px;

  height: 60px;

  border-radius: 20px;

  line-height: 60px;

  margin: 0 auto;

  font-size: 32px;

  color: #000;

  position: relative;

  top: 80px;

  text-align: center;

}

.yhkh10 .ywys {

  width: 1200px;

  height: 600px;

  margin: 0 auto;

  margin-top: 120px;

}

.yhkh10 .ywys .ywysul1 {

  width: 1200px;

  margin: 0 auto;

}

.yhkh10 .ywys .ywysul1 li {

  width: 215px;

  height: 200px;

  margin-left: 70px;

  float: left;

  margin-top: 80px;

  text-align: center;

  cursor: pointer;

}

.yhkh10 .ywys .ywysul1 li .ywysp1 {

  color: #FFFFFF;

  font-size: 26px;

  font-weight: bold;

  margin-top: 12px;

  text-align: center;

}

.yhkh10 .ywys .ywysul1 li .ywysp2 {

  color: #FFFFFF;

  font-size: 17px;

  margin-top: 30px;

  line-height: 25px;

  text-align: center;

}





.pre_banner_3d{

  margin:auto;

  width:1200px;

  height:550px;

  position:relative;

  -webkit-user-select:none;

  -moz-user-select:none;

  -ms-user-select:none;

  user-select:none;

}

.contrves{

  width:100%;

  height:auto;

  position:absolute;



}

.nav_banners{

  width:100%;

  height:auto;

  border-bottom: 1px solid #f2f2f2;

  display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content:space-between;

}

.nav_banners>li{

  display:inline-block;

  padding:5px 16px;

  margin:12px 0;

  border-radius: 5px;

  font-size:14px;

  cursor: pointer;

}

.blue_nav{

  background:#63B504;

  color:#fff;

}

.banner_tree{

  width:100%;

  height:550px;

  position:absolute;

  bottom:0;

  overflow: hidden;

}

.show_phone_s{

  width:414px;

  height:736px;

  position:absolute;

  top:0;

  left:0;

  bottom: 0;

  right:0;

  margin:auto;

  z-index: 10

}

.color_font{

  background: url(../images/xggsswsj-img/KF-ZUO.png) no-repeat center;

  color:#fff;

  width: 45px;

  height: 100px;

  font-size:24px;

  text-align: center;

  line-height: 100px;

  border-radius: 5px;

  font-weight: 700;

  position:absolute;

  top:0;bottom:0;

  margin:auto;

  z-index: 50;

  cursor: pointer;

}

.right_btn{

  background: url(../images/xggsswsj-img/KF-YOU.png) no-repeat center;

}

.left_btn{

  left:0;

}

.right_btn{

  right:0;

}

.img_phone{

  width:100%;

  height:100%;

}

.show_s_ui{

  width:100%;

  height:100%;

  position:relative;

}

.show_s_ui>li{

  width:186px;

  height:362px;

  position:absolute;

  top:0;

  bottom:0;

  margin:auto;

  z-index: 30;

  cursor: pointer;

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

  opacity: 0;

  font-size:40px;

}



.show_s_ui>li>img{

  width:100%;

  height:100%;

}

#middel_shows{

  width:246px;

  height:462px;

  left:40.5%;

  /*top: 10%;*/

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

  opacity:1;

}

#left_shows{

  left:8%;

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);

  opacity: 1;

}

#right_shows{

  left:73%;

  opacity: 1;

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);

}

#small_left,#small_right{

  width:154px;

  height:249px;

  opacity: 0;

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

}

#small_left{

  left:-15%;

}

#small_right{

  left:102.5%;

}

@media screen and (max-width:1200px){

  .pre_banner_3d {width:1024px;height:763px;}

  #middel_shows {left: 35.5%;}

  .show_s_ui>li { width: 175px;height: 282px;}

  #small_left, #small_right {width: 131px;height: 194px;}

}

@media screen and (max-width:1024px){

  .pre_banner_3d {width: 875px;height: 765px;}

  .show_phone_s {width: 375px;height: 667px;}

  #middel_shows {left: 34.8%;}

  #middel_shows {width: 267px;height: 457px;}

}

@media screen and (max-width:879px){

  .pre_banner_3d {width: 746px;height: 735px;}

  #middel_shows {left: 31.8%;}

  #middel_shows {width: 269px;height: 457px;}

  .show_s_ui>li {width: 145px;height: 232px;}

}

@media screen and (max-width:768px){

  .pre_banner_3d {width: 675px;height: 586px;}

  .show_phone_s {width: 320px;height: 568px;}

  #middel_shows {left: 33.1%;}

  #middel_shows {width: 227px;height: 389px;}

  .show_s_ui>li {width: 138px;height: 215px;}

  #right_shows {left: 72%;}

  .banner_tree {height: 539px;}

}

@media screen and (max-width:685px){

  .color_font{display:none}

  #small_left {left: -55%;}

  .pre_banner_3d {width: 520px;}

  #small_right {left: 109.5%;}

  .show_phone_s {width: 300px;height: 496px;}

  #middel_shows {left: 29.7%;}

  #middel_shows {width: 213px;height: 340px;}

  #left_shows {left: 0%;}.show_s_ui>li {width: 106px;height: 190px;}

  #right_shows {left: 79.5%;}

}

@media screen and (max-width:521px){

  .pre_banner_3d {width: 359px;}

  #left_shows {left: -41%;}

  #right_shows {left: 107.5%;}

  #middel_shows {left: 20.4%;}

  #middel_shows {width: 214px;height: 340px;}

  .show_phone_s {width: 349px;height: 568px;}

  #middel_shows {left: 15.5%;}

  #middel_shows {width: 246px;height: 390px;}

}

@media screen and (max-width:359px){

  .pre_banner_3d {width: 320px;}

  .show_phone_s {width: 320px;height: 520px;}

  #middel_shows {left: 14.5%;}

  #middel_shows {width: 228px;height: 356px;}

}