@charset "utf-8";
body{overflow: hidden;height: 100%;width: 100%;background-color:#00b9e0 }
.cont{position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 1;height: 100%;width: 100%;overflow: hidden;}
.span{position: absolute;top:100%;}
.span:first-child{top:0;}
#backhome{display: none}
#pageslider{width: 100%;height: 100%;}
#pageslider .span{width: 100%;height: 100%;}
.b-btn .b-btn{text-align: center;vertical-align: bottom;margin-top: 12%;opacity: 0;}
#span3 .b-btn{margin-top: 10%;}
.b-btn .btn {display: block;color: #fff;background-image: url("../img/circle-icon.png");background-repeat: no-repeat;width: 63px;height: 62px;vertical-align: middle;margin: auto;padding-top: 4px;}
.b-btn .btn {font-size: 40px;font-size:4.0rem;font-size:4.0rem;font-weight: normal;text-align: center; }
.b-btn .btn i{position: relative;}
.b-btn .btn i:hover{ animation: myfirst 1s 3;-webkit-animation: myfirst 1s 3;-ms-animation: myfirst 1s 3;}
@keyframes myfirst
{
 0%{ -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
  25%{ -webkit-transform:translateY(15px); -ms-transform:translateY(15px); transform:translateY(15px);}
   50%{ -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
    100%{ -webkit-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
 0%{ -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
  25%{ -webkit-transform:translateY(15px); -ms-transform:translateY(15px); transform:translateY(15px);}
   50%{ -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
    100%{ -webkit-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px);}
}
#span1 .body-cont{text-align: center;width: 100%;margin-top: 7%;color: #fff;}
#span1 .cont-name{color: #fff;font-size: 30px;font-size:3.0rem;font-size:3.0rem;margin-top: 10px;margin-bottom: 20px;position: relative;opacity: 0;}
#span1 .body-cont h1.tit{font-size: 70px;font-size:7.0rem;font-size:7.0rem;color: #fff;margin-bottom: 10px;text-transform: uppercase;position: relative;opacity: 0;font-weight: normal;}
#span1 .body-cont .en{font-size: 14px;font-size:1.4rem;color:#90b1d2;position: relative;opacity: 0;line-height: 24px;line-height: 2.4rem;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)  }
#span1 .body-cont img{opacity: 0;width: 320px;width: 32rem;}
#span1 .line-h{margin: 20px auto;}
#span2 .body-cont{width: 67.7%;margin: auto;color: #fff;margin-top: 8%;}
#span2 .body-cont>div{width: 48%;position: relative;}
#span2 .body-cont>div.f_l{left: -1000px;}
#span2 .body-cont>div.f_r{right: -1000px;}
#span2 .body-cont .cont-box>div{width: 48%;height: 260px;}
#span2 .body-cont .tit-box>h2,#span2 .body-cont .tit-box>h5{display: inline-block;font-weight: normal;}
#span2 .body-cont .tit-box>h2{color: #fff;font-size: 40px;margin-right: 20px;font-size:4.0rem;}
#span2 .body-cont .tit-box>h5{font-size: 18px;font-weight: normal;color: #fff;font-size:1.8rem;}
#span2 .body-cont .line-h{width: 100%;background-color: #4d84a1;margin: 30px 0;height: 2px;margin:3rem 0;}
#box-btn-list{width: 100%;}
#box-btn-list li{float: left;width: 50%;text-align: center;padding:8px 0;vertical-align: middle;background-color: #fff;}
#box-btn-list li:hover{cursor:pointer;}
#box-btn-list li.selected{background-color: #ff7f00;color: #fff;}
#span2 .body-cont .cont-box .l-cont {border: 1px solid #4d87ab;}
#span2 .body-cont .cont-box .l-cont img{margin: auto;display: block;margin-top: 50px;}
#span2 .body-cont .cont-box  .r-cont{color: #fff;}
#span2 .body-cont .cont-box  .r-cont .art-con{color: #fff;font-size: 16px;font-size:1.6rem;}
#span2 .body-cont .cont-box  .r-cont .fzg{color: #fff;font-size: 50px;font-weight: normal;margin-top: 20px;font-size:5.0rem;margin-top:2rem;}
#span2 .body-cont .cont-box .line-h.min{width: 30px;margin: 10px 0;background-color: #337ca8}
#span2 .body-cont dt,dd{float:left;font-size: 14px;font-size:1.4rem;}
#span2 .body-cont dl{margin-top: 15px;margin-top: 1.5rem}
#span2 .body-cont .r-box .cont-box{position: relative}
#span2 .body-cont .cont-box .l-cont-img{width: 100%;height:262px;}
#span2 .body-cont .cont-box .l-cont-img img{width: 100%;max-width: 100%;height: 260px;}
#span2 .box{ position: relative;}
#topbtn{position: absolute;top:-70px;margin: auto;left: 0;right: 0;}
.byxx-cont{display: none;position: absolute;top:0px;right: 0;color: #fff;background-color: rgb(11,42,73);opacity: 0.5;
           padding: 10px;padding-bottom: 0;padding-right: 0;width: 50%;height: 95%!important;overflow: hidden;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.l-cont-img+div{ display: block;}
.byxx-cont .tit{color: #fff;font-size: 20px;font-size:2.0rem;}
#span2 .b-btn{margin-top:9%; }
.l-cont-img img:hover{cursor: pointer;}

#span3 .body-cont,#span4 .body-cont{width: 76%;margin: auto;color: #fff;margin-top: 8%;opacity: 0;}
#span3 .body-cont .tit-box>h2,#span3 .body-cont .tit-box>h5,#span4 .body-cont .tit-box>h2,#span4 .body-cont .tit-box>h5{display: inline-block;font-weight: normal;}
#span3 .body-cont .tit-box>h2,#span4 .body-cont .tit-box>h2{color: #fff;font-size: 40px;margin-right: 10px;width: auto;font-size:4.0rem;}
#span3 .body-cont .tit-box>h5,#span4 .body-cont .tit-box>h5{font-size: 18px;font-weight: normal;color: #fff;font-size:1.8rem;}
#span3  .head-tit .tit-box,#span4  .head-tit .tit-box{float: left;}
#gwc-box{width: 40%;float: right;text-align: right;}
#gwc-box span{color: #fff;font-size: 14px;font-size:1.4rem;}
#add-btn.selected i{color: #0080ff;}
#add-btn i{color: #fff;font-size: 25px;font-size:2.5rem;}
#gwc-box a,#gwc-box span{margin-right: 20px;vertical-align: middle;padding-top: 10px;padding-top:1.0rem;position: relative;display: inline-block;text-align: right;}
#gwc{padding-top: 0;}
.line-h{width: 100%;margin: 20px 0;height: 2px;background-color: #4da7d1;margin: 2rem 0;}
.line-h.min{width: 30px;margin: 10px 0;}
#zxgw-gont{position: relative;}
#zxgw-gont>div{width: 50%;}
#zxgw-gont .f_l_box,#zxgw-gont .art-box{float: left;}
#zxgw-gont .f_l_box{width: 25%;margin-right: 10px;}
#zxgw-gont .art-box{width: 60%;color: #fff;}
#zxgw-gont .img-box{width: auto;border: 1px solid #4d899f;padding: 30px 0;text-align: center;}
#zxgw-gont .f_l_box p{color: #fff;margin-top: 10px;font-size: 14px;font-size:1.4rem;}
#zxgw-gont .art-box h2{font-size: 20px;color: #fff;font-weight: normal;font-size:2.0rem;}
#zxgw-gont .art-box  dt,#zxgw-gont .art-box dd{float: left;font-size: 14px;font-size:1.4rem;}
#zxgw-gont .art-box .prc-box{float: left;}
#zxgw-gont .art-box  .old-prc{float: left;margin-right: 10px;font-size: 12px;color: #c4c4c4;margin-top: 3px;margin-left: 20px;text-decoration:line-through;font-size:1.2rem;margin-left:2.0rem;}
#zxgw-gont .art-box .art-con{color: #fff;font-size: 16px;margin: 20px 0;font-size:1.6rem;}
#zxgw-gont .art-box .fzg{margin-top: 20px;padding: 30px 0;padding-top: 60px;padding-top:6.0rem;}
#zxgw-gont .btn-box input{width: 100px;height: 35px;float: left;margin-right: 20px;text-indent: 10px;}
#zxgw-gont>div:last-child{float:right}
.btn-sub{width: 120px;display: inline-block;background-color: #ff7f00;text-align: center;color: #fff;font-size: 14px;padding: 9px 0;float: left;font-size:1.4rem;}
.btn-sub i.fa{ margin-left: 10px;}
#fanniu{position: absolute;z-index: 1001;left: 20px;top:0;color: #fff;bottom: 0;margin: auto 0;height: 8rem;}
#fanniu i{color: #2a81a7;margin-bottom: 10px;}
#fanniu i.fa-circle{color:#fff;}

i.fa-plus{margin-top: 25px;}
#span4 .body-cont>div{width: 45%;}
#span4 .body-cont .cont-box div.f_l,#span4 .body-cont .cont-box div.f_r{width: 50%;height: 272px;overflow:hidden}
#span4 .body-cont .cont-box p.art-con{font-size: 12px;height: 120px;overflow: hidden;font-size:1.2rem;line-height: 2em;word-wrap: break-word;
    /* word-break: break-all; 
    white-space: pre;*/}
#news-list .new-item>div img{width: 100%;height: 100%;}
#news-list .r-cont .s-cont{width: 90%;margin:30px auto;margin:2rem auto;}
#news-list .r-cont .s-cont .line-h{background-color: #4d4d4d;margin: 20px 0;}
#span4 .body-cont h1.tit{font-size: 18px;line-height:1.5em;font-size:1.8rem;overflow: hidden;word-wrap: break-word;
    /* word-break: break-all; */
   }
#news-list p.art-con{color: #adadad;line-height: 20px;line-height: 1.5em;}
#news-list .new-item{background-color: #212121;}
#span4 .body-cont>.r-box dl dt,#span4 .body-cont>.r-box dl dd{float: left;}
#span4 .body-cont>.r-box dl dd{width: 76%;float: right;overflow: hidden;height: 12rem;}
#span4 .body-cont>.r-box .l-cont-img{padding: 10px 0;}
#s4-byxx-cont li i,#s4-byxx-cont li h2{display:inline-block;font-size: 14px;font-size:1.4rem;}
#s4-byxx-cont li h2 {margin-left: 20px;margin-left:2.0rem;}
#s4-byxx-cont ul{margin-top: 20px;border-top: 1px solid #4da7d1; }
#s4-byxx-cont ul li{border-bottom: 1px solid #4da7d1; padding: 14px 0; padding: 1.4rem 0;}
#span4 .bx-wrapper .bx-pager{ right: 20px;left:auto;}
#span4 .b-btn{margin-top: 3%!important;}
.bx-viewport{ background-color: #565656!important;}
#span4 .body-cont .cont-box div.f_l{ height: 272px;}
  #span4 .body-cont>.r-box .l-cont-img img{ width: 12rem;height: 12rem}
/*购物车*/

#scar{position: absolute;right: -1000px;top: -52px;background-color: #212121;width: 60%!important;}
#carform>div{width: 90%;margin:20px auto;}
#scar .scar-head img,#scar .scar-head p{float: left;}
#scar p{color: #8f8f8f;font-size: 16px;font-size:1.6rem;}
#scar .goods-item:hover p{color: #fff;}
#scar .scar-head p{margin-top: 10px;margin-left: 10px;margin-left:1.0rem;}
#scar .scar-body .img-box{width: auto;height: auto;padding:0;border: none;}
#scar .scar-body .img-box img{width: 50%;
    height:50%;padding: 5px;border: 1px solid #56a6f2;}
#scar .scar-body .goods-name .name{font-size: 16px;font-size:1.6rem;color: #fff;margin-bottom: 10px;font-weight: normal}
#scar .scar-body .goods-item{background-color:#2f2f2f;padding: 10px;margin-bottom: 10px;}
#scar .scar-body .goods-item:hover{background-color: #0d80ec;cursor: pointer;}
#scar .scar-body .goods-item>div{width: 50%;}
#scar .scar-body .goods-item .prc-box .art-con{width: 60%;text-align: right;margin-top: 20px;float: left;}
#scar  .art-con.num{font-size: 30px;font-size:3.0rem;}
#scar .scar-body .goods-item .prc-box .icon-btn{width: 10%;margin-top: 25px;color: #8f8f8f;font-size: 18px;font-size:1.8rem;}
#scar .scar-body .goods-item:hover .prc-box .icon-btn{color:#fff; }
#scar button{width: 120px;height: 35px;color: #fff;font-size: 18px;font-size:1.8rem;background-color: #ff7f00;background-image: none;margin: 20px 0;float: right;}
#scar button:hover{cursor: pointer;}
.huodong-big .img-box{width: 22%;}
.b-btn .hlt{color: #90b1d2;font-size: 10px;font-size:1.0rem;margin-bottom: 15px;margin-top: 1.5rem}
#topbtn .hlt{ margin-top: 1.5rem;margin-bottom: 0;}
.cont .b-btn{margin-top: 160px!important;}
#span1 .body-cont,#span2 .body-cont{margin-top: 250px!important;margin-top: 20rem!important}
#span4 .body-cont,#span3 .body-cont{margin-top: 260px!important;margin-top: 20rem!important}
#span2 .b-btn{margin-top: 120px!important;}
#span3 .b-btn{margin-top: 4%!important;}
#fanniu a{ position: relative;}
#members{ position: absolute;right: 10px;bottom: 70px;cursor: pointer;z-index:9999;display: none;}
#members a{ display: inline-block;}
a#imgabtn{height: 126px;display: none;transition: all 1s;margin-right:-200px;float: right}
a#imgabtn.show{margin-right:5px;display:inline-block;}
#abtny{ float: right;writing-mode: tb-rl;cursor: pointer;border: 1px solid #ff8800;padding: 3px;}
#abtny strong{writing-mode:rl-tb; display: block;margin: auto;background-color: #ff7f00;width: 28px;color: #fff;text-align: center;text-align: center;height: 120px;font-size: 18px;padding: 2px 0;border-radius: 2px;}
#imgabtn img{ display: block;}

#span5 .body-cont{margin-top: 120px;}
.span5-title{text-align: center;max-width: 690px;margin: 0 auto;transition: all 1s;opacity: 1;}
.span5-title.animate{transform: translateX(-100%);opacity: 0;}
.span5-btn.animate{transform: translateX(100%);opacity: 0;}
.span5-ul.animate{transform: translateY(100%);opacity: 0;}
.span5-title div{border-bottom: 2px solid #68b5e3;padding-bottom: 10px;}
.span5-title img{width: 100px;vertical-align: middle;margin-right: 34px;}
.span5-title span{font-size: 3.8rem;color: #fff;vertical-align: middle;font-weight: bold;letter-spacing: 30px;}
.span5-title p{font-size: 1.8rem;text-align: left;color: #fff;line-height: 1.5em;margin-top: 15px;}
.span5-btn{width: 252px;text-align: center;font-size: 30px;letter-spacing: 5px;line-height: 45px;border: 1px solid #fff;background: rgba(255,255,255,0.2);color: #fff;margin: 30px auto;transition: all 1s;}
.span5-btn a{color: #fff;}
.span5-btn:hover{background: rgba(255,255,255,0.5);}
.span5-ul{text-align: center;transition: all 1s;width: 76%;overflow: hidden;margin: 0 auto;}
.span5-ul li{width: 10.2857%;overflow: hidden;display: inline-block;border-radius: 50%;margin: 15px 2%;text-align: center;}
.span5-ul li img{width: 100%;display: block;}
@media screen and  (max-width:1366px){
    .span5-ul li{width: 10.2857%;overflow: hidden;display: inline-block;border-radius: 50%;margin: 5px 2%;text-align: center;}
}
@media screen and  (max-width:1176px){
	.span5-btn{margin: 20px auto;}
}
@media screen and  (max-width:768px){
	.span5-ul,.span5-title{width: 84%;}
	.span5-ul li{width: 15%;margin: 5px 2.5%;}
	.span5-title span{font-size: 40px;letter-spacing: 10px;}
	.span5-title p{font-size: 24px;margin-top: 15px;line-height: 36px;}
}
@media screen and  (max-width:500px){
	.span5-title span{font-size: 34px;letter-spacing: 10px;}
	.span5-title img{width: 90px;}
	.span5-title p{font-size: 20px;margin-top: 10px;line-height: 30px;}
}
@media screen and  (max-width:414px){
	.span5-title span{font-size: 30px;letter-spacing: 5px;}
	.span5-title div{padding-bottom: 5px;}
	.span5-title img{margin-right: 10px;width: 80px;}
	.span5-title p{font-size: 18px;line-height: 30px;margin-top: 8px;width: 95%;margin: 0 auto;}
	.span5-btn{width:180px;line-height: 0;font-size: 24px;line-height: 40px;}
}
@media screen and  (max-width:375px){
	.span5-title span{font-size: 24px;letter-spacing: 5px;}
	.span5-title img{width: 80px;}
}
@media screen and  (max-width:320px){
	.span5-title span{font-size: 20px;letter-spacing: 0;}
	.span5-title img{width: 50px;}
	.span5-title p{font-size: 14px;line-height: 20px;margin-top: 5px;}
	.span5-btn{margin: 10px auto;font-size: 16px;line-height: 28px;}
}



@media screen and  (max-width:1450px){
   #span2 .body-cont .cont-box .r-cont .fzg{font-size: 44px!important;font-size:4.4rem!important;}
 }
@media screen and (min-width:990px) and (max-width:1300px){
    #span2 .body-cont .cont-box .r-cont .fzg{-ms-font-size: 44px!important;-ms-font-size:4.4rem!important}
    #span3 .body-cont, #span4 .body-cont{width: 86%!important;}
    #span4 .body-cont .tit-box>h2{font-size: 38px!important;font-size:3.8rem!important;}
}
@media screen and (min-width:990px) and (max-width:1180px){
    #span4 .body-cont h1.tit{font-size: 16px!important;font-size:1.6rem!important;}
}
@media screen and (max-height: 820px ){
   #span1 .body-cont,#span2 .body-cont{margin-top: 180px!important;}
    #span3 .body-cont{ margin-top: 150px!important;}
    #span4 .body-cont{ margin-top: 140px!important;}
    .cont .b-btn{margin-top: 130px!important;}
    #span2 .b-btn{margin-top: 110px!important;}
    #span3 .b-btn{margin-top: 4%!important;}
}
@media screen and (max-height:780px ){
    #span1 .body-cont,#span2 .body-cont{margin-top: 170px!important;margin-top: 17rem!important;}
    #span3 .body-cont{margin-top: 140px!important}
    #span4 .body-cont{ margin-top: 130px!important;}
    .cont .b-btn{margin-top: 120px!important;}
    #span2 .b-btn{margin-top: 100px!important;margin-top: 10rem!important;}
    #span3 .b-btn{margin-top: 4%!important;}
}
@media screen and (max-height:720px ){
    #span1 .body-cont,#span2 .body-cont{margin-top: 150px!important;}
    #span3 .body-cont{margin-top: 140px!important}
    #span4 .body-cont{margin-top: 125px!important}
    .cont .b-btn{margin-top: 70px!important;}
    #span2 .b-btn{margin-top: 50px!important;}
    #span3 .b-btn{margin-top: 3%!important;}
    #span2 #topbtn{ margin-top: 100px!important;}
}
@media screen and (max-height:700px ){
   #span1 .body-cont,#span2 .body-cont{margin-top: 140px!important;}
   #span3 .body-cont{margin-top:140px!important}
    #span4 .body-cont{ margin-top: 120px!important;}
    .cont .b-btn{margin-top: 80px!important;margin-top: 8rem!important;}
    #span2 .b-btn{margin-top: 50px!important;}
     #span2 #topbtn{ margin-top: 90px!important;}
    #span3 .b-btn{margin-top: 4%!important;}
}
@media screen and (max-width:640px)
{
    .head-logo{ display: block!important;}
    #span1 .cont-name{ font-size: 4rem;}
   #span2 .body-cont>div,#span4 .body-cont>div{float: none;width: 100%;}
   #span1 .body-cont h1.tit{ font-size: 5rem;word-break: break-all;word-wrap: break-word;}
   #fanniu i{ font-size: 2.8rem;}
   .b-btn .btn{ width: 32px;height: 32px;background-size: 32px  32px; padding-top: 2px}
   .b-btn .btn i{ margin: auto;}
   #fanniu{ left: 10px;}
   #topbtn{ top: -2rem;}
   #span2 .body-cont .cont-box>div{ height: 140px;}
   #span2 .body-cont>div.f_l{margin-bottom: 6rem;}
   #span2 .body-cont .cont-box .l-cont img{ margin-top: 18px;width: 12rem;height:12rem}
   #span2 .body-cont{ width: 75%;margin-top: 20rem!important;}
   #span2 .body-cont .line-h{ margin: 1rem 0;}
   #span2 .body-cont .cont-box .l-cont-img{ height: 130px;}
   #span2 .body-cont .cont-box .r-cont .fzg,#span2 .body-cont dl{margin-top: 7px}
   #span2 .body-cont .cont-box .line-h.min{ margin: 0.5rem 0;}
   #span2 .b-btn{margin-top: 5rem!important;}
   #span2 .body-cont .cont-box>div.byxx-cont{ width: 55%!important;}
   .bx-wrapper .bx-pager{ left: 5px;}
   #news-list .r-cont .s-cont .line-h{ margin: 0.5rem 0;}
   #span4 .body-cont{ width:84%;margin-top: 16rem!important;margin-left: 40px;}
   #span4 .body-cont .cont-box>div{ height: 150px!important;}
    #span4 .body-cont .cont-box div.bx-controls, #span4 .body-cont .cont-box div.bx-pager{height: auto!important}
      #span4 .body-cont .cont-box div .l-cont, #span4 .body-cont .cont-box div .r-cont{height: 150px!important;}
      #span4 .body-cont>.r-box .l-cont-img,#s4-byxx-cont{height: auto!important}
     #asid-btn-box .head-logo img{ width: 11.6rem!important;}
       #s4-byxx-cont ul{ margin-top: 0px;}
       #span4 .body-cont>div.r-box{ margin-top: -30px!important;}
       .line-h{ margin: 1rem 0;}
        #footer{ padding-top: 1rem;padding-bottom: 1rem}
       #footer>div{ float: none;width: 100%;margin-bottom: 1rem;}
        #footer>div p.f_l{ width: 58%;}
          #footer>div p.f_r{ width: 42%;}
          #footer>div:last-child{ width: 100%;margin-bottom: 0;}
           #footer>div:last-child p.f_l{ width: 28%;}
            #footer>div:last-child p.f_r{ width: 72%;}
            .fa-phone{ font-size: 1.2rem;}
             div.span.showpage{display: block}
             .span{ bottom: 0;}
             i.fa-plus{ margin-top: 2.5rem;font-size: 14px;}
             #footer .fa-address{ width: 1.2rem;height: 1.3rem;background-size: 1.2rem 1.3rem }
             .byxx-cont{ padding: 1rem;height: 90%!important;}
              #span4 .body-cont h1.tit{ font-size: 2.4rem; }
              #span4 .body-cont .cont-box p.art-con{ font-size: 1.8rem;white-space: nowrap;overflow: hidden;}
               #s4-byxx-cont li i{ font-size: 3rem;}
              #s4-byxx-cont li h2{ width: 93%;overflow: hidden;white-space: nowrap; font-size: 2.0rem;}
                  #span2 #topbtn{ margin-top: 6rem!important;}
                  #span4 .body-cont>.r-box .l-cont-img{ padding: 0.5rem 0;}
                  .huodong-big .line-h{ margin: 0.8rem 0!important;}
                  #zxgw-gont>div{ float: none;width: 100%;margin-bottom: 4rem;}
                  #zxgw-gont .f_l_box{ width: 30%;}
                  #zxgw-gont .art-box{ width: 65%;}
                  #zxgw-gont .img-box{ padding: 1rem 0;}
                  #span3 .body-cont .tit-box>h2{ margin-right: 1rem;}
                  .line-h.min,#zxgw-gont .art-box .art-con{ margin: 1rem 0;}
                  #zxgw-gont .art-box .fzg{ margin-top: 2rem;padding: 3rem 0;}
                  #span3 .b-btn{margin-top: 8%!important}
                  #news-list .r-cont .s-cont{ margin: 1rem auto;}
                  .btn-sub i.fa{ margin-left: 10px;}
                  #members{ bottom: 35px;}
                  a#imgabtn{ height: 86px;}
                   #abtny strong{ width: 20px;font-size: 12px;height: 90px;}
}
@media screen and(max-height: 620px) and(min-height: 500px)
{
     #span2 .body-cont {margin-top: 20rem!important}
      #span2 .body-cont .cont-box>div{ height: 90px;}
       #span2 .body-cont .cont-box>div.l-cont{ height: 100px;}
        #span2 .body-cont .cont-box .l-cont-img{ height: 90px;}
         #span4 .body-cont{ width:84%;margin-top: 16rem!important;margin-left: 40px;}
         #span4 .body-cont .cont-box>div{ height: 100px!important;}
         #span4 .body-cont .cont-box div .l-cont, #span4 .body-cont .cont-box div .r-cont{height: 100px!important;}
          #span4 .body-cont>div.r-box{ margin-top: -30px!important;}
          #span2 .body-cont .cont-box .l-cont img{ width: 40px;height: 40px;margin-top: 14px;}
          #span2 .body-cont dl{ margin-top: 0;}
          #span4 .body-cont>.r-box .l-cont-img{ padding: 0;}
          .line-h.min{ margin: 0.5rem 0;}
          #span4 .body-cont .cont-box p.art-con{line-height: 1.5em;}
          #s4-byxx-cont ul li{ padding: 1rem 0;}
           #span2 .body-cont .cont-box .r-cont .fzg,#span2 .body-cont dl{ margin-top:1px;}
           #span1 .body-cont{margin-top: 100px!important;}
            #span4 .body-cont{margin-top: 40px!important;}
            #span2 .body-cont{margin-top: 110px!important;}
              #span2 .b-btn{margin-top: 8rem!important;}
}
@media screen and(max-height: 510px) {
    #span1 .body-cont{ margin-top: 60px!important;}
  #asid-btn-box{ top: 10px;}
     #span2 .body-cont { margin-top: 20rem!important;}
      #span2 .body-cont>div.f_l{margin-bottom: 5rem;}
       #span2 .body-cont .cont-box>div{ height: 80px;}
        #span2 .body-cont .cont-box .l-cont img{ width: 40px;height: 40px;margin-top: 9.5px;}
         #span2 .body-cont .cont-box .r-cont .fzg,#span2 .body-cont dl{margin-top:0rem}
          #span2 .body-cont .cont-box .l-cont-img{ height: 100px;}
          #span4 .body-cont{ margin-top: 10rem!important;}
             #span4 .body-cont .cont-box>div{ height: 100px!important;}
          #span4 .body-cont .cont-box div .l-cont, #span4 .body-cont .cont-box div .r-cont{height: 100px!important;}
            #span4 .body-cont>div.r-box{ margin-top: -50px!important;}
            #asid-btn-box a.btn{ top: 0;}
            #span4 .body-cont .cont-box p.art-con,#span4 .body-cont .cont-box p.art-con{ height: 3em;}
            #span4 .body-cont>.r-box .l-cont-img{ padding: 0;}
            .line-h.min{ margin: 1rem 0;}
            #span3 .body-cont,#span4 .body-cont{ margin-top: 0rem!important;}
               #span2 .body-cont .cont-box>div.l-cont{ height:90px;}
                  #span2 .body-cont .cont-box .r-cont .fzg,#span2 .body-cont dl{ margin-top:1px;}
                  #span3 .b-btn{ margin-top: 6%!important;}
}
@media screen and(max-height: 430px) 
{
     #span2 .body-cont { margin-top: 15rem!important;}
    #span3 .body-cont{ margin-top: 10rem!important;}
      #span4 .body-cont{ margin-top: 7rem!important;}
       #span2 .body-cont .cont-box .r-cont .fzg,#span2 .body-cont dl{ margin-top:3px;}
        #span2 .body-cont .cont-box .l-cont img{ width: 40px;height: 40px;margin-top: 12px;}
        #s4-byxx-cont ul li{ padding: 0.5rem 0;}
     #s4topbtn,#span2 .b-btn, #s3topbtn,#span3 .b-btn{display: none}
	 
}
.vertical_center{position: absolute;top:50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.vertical_center_h{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;-webkit-transform: translate(-50%,-50%)!important;-moz-transform: translate(-50%,-50%)!important;}
.b-btn{position: fixed;z-index: 100002;left: 0;right: 0;text-align: center}
.bottombtn{bottom: 30px;}
.topbtn{top: 30px;}