.side{position:fixed;width:78px;right:0;top:40%;margin-top:-100px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;list-style-type: none;}
.side ul li:hover{background:#002366;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../../style/images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../../style/images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../../style/images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../../style/images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../../style/images/skype.svg)}
.side ul li i.bgs7{background-image:url(../../style/images/whatsapp.svg)}
.side ul li i.bgs6{background-image:url(../../style/images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../../style/images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../../style/images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../../style/images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../../style/images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../../style/images/skype.svg)}
.side ul li:hover i.bgs7{background-image:url(../../style/images/whatsapp.svg)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#002366;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{    width: 240px;height: 78px;display: none;color: #fff;text-align: left;position: absolute;left: -240px;top: 0;background: #002366;}
.side ul li.sideetel .telBox.son{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#002366}
.side ul li.sideetel .telBox dd{display:block;overflow:hidden;padding-left:22px;line-height:24px;font-size:16px;padding-top: 14px;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:20px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../image/right_pic8.png) 28px 20px no-repeat;background-color:#002366}
.side ul li.sideewm .ewBox dd{display:block;overflow:hidden;padding-left:22px;line-height:24px;font-size:16px;padding-top: 14px;}
.side ul li.sideewm .ewBox dd.bgs2{background:url(../image/right_pic5.png) 28px 20px no-repeat; background-color:#002366}
.side ul li.sideewm .ewBox dd.bgs3{background:url(../image/right_pic7.png) 28px 20px no-repeat; background-color:#002366}
.side ul li.sideewm .ewBox dd.bgs4{background:url(../image/right_pic2.png) 28px 20px no-repeat; background-color:#002366}
.side ul li.sideewm .ewBox dd.bgs5{background:url(../image/right_pic3.png) 28px 20px no-repeat; background-color:#002366}
.side ul li.sideewm .ewBox dd.bgs6{background:url(../image/right_pic5.png) 28px 20px no-repeat; background-color:#002366}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.imgbox{
  margin-top: 20px;
}
.imgbox img {
  width: 40px;
  height: 40px;
}
footer .left{
  width: 35%;
}
.big{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.small{
  display: none;
}
#toolbar{
  display: none;
}
#wxnr, #telnr, #sklnr{
  display: none;
}
@media (max-width:1200px) {
  footer{
    padding: 25px 0 70px;
  }
  footer .left{
    width: 100%;
    
  }
  .side{
    display: none;
  }
  .bgcnav{
    margin-top: 50px;
    width: 100%;
    height: 50px;
    background-color: #fff;
  }
  .big{
    display: none;
  }
  .small{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  /* 工具栏 */
 #toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;height: 3rem;left: 0;display: block;}
 #toolbar .list{width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;background-color: #0070b1;height: 100%;}
 #toolbar .list li{list-style-type:none;float: left;width: 25%;text-align: center;border-left: 1px solid rgba(255,255,255,.2);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
 #toolbar .list li:first-child{border-left: 0;}
 #toolbar .list a{display: block; height: 100%; line-height: 100%; font-size: 14px; padding-top: 0.2rem;}
 #toolbar .list a span{text-align: center; color: #fff; display: block; font-size: 14px;}
 #toolbar .list a s{margin-left: auto; margin-right: auto; width: 1rem; height:1rem; display: block;margin-bottom: .12rem;background-position: -.76rem -.2rem;}
 #toolbar .list li:nth-child(2) s{ background-position: -.0rem -.2rem; }
 #toolbar .list li:nth-child(3) s{background-position: -.38rem -.2rem;}
 #toolbar .list li:nth-child(4) s{background-position: -.38rem -.2rem;}
 /*微信弹窗*/
 #wxnr{width:100%;height: 100%;max-width: 640px;min-width: 320px;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
 #wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 15rem;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
 #wxnr img{width: 2.3rem;height: 2.3rem;display: block;margin: 0 auto;}
 #wxnr p{font-size: 14px;line-height: 50px;text-align:center;}
 #wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 1rem;height: 1rem;font-size: 1rem;line-height: 1rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
 #wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;border-radius: 0.05rem;cursor:pointer;}
 /*复制提示*/
 #weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}
 /*视频样式*/
 video {width: 100%;height: 4rem;background-color: #000;}
 /* 手机号 */
 #telnr{width:100%;height: 100%;max-width: 640px;min-width: 320px;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
 #telnr .nrdr{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 10rem;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
 #telnr p{font-size: 14px;line-height: 50px;text-align:center;}
 #telnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;color:#000;font-size: 16px;}
 #telnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 1rem;height:1rem;font-size: 1rem;line-height: 1rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
 
 /* 手机号 */
 #sklnr{width:100%;height: 100%;max-width: 640px;min-width: 320px;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
 #sklnr .nrdr{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 10rem;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
 #sklnr p{font-size: 14px;line-height: 50px;text-align:center;}
 #sklnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;color:#000;font-size: 16px;}
 #sklnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 1rem;height:1rem;font-size: 1rem;line-height: 1rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
 
 
}
 