#picShow {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/blackbg.png) 0 0 repeat;
  left: 0;
  top: 0;
  z-index: 9999;
}

#picShow .pic_show_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#picShow .pic_show_box .pic_quit {
  position: absolute;
  background: url(../images/quit.png) 0 0 no-repeat;
  width: 64px;
  height: 64px;
  top: 0;
  right: 0;
  cursor: pointer;
}

#picShow .pic_show_box .lbtn {
  display: block;
  position: absolute;
  background: url(../images/leftbtn.png) 0 0 no-repeat;
  width: 53px;
  height: 53px;
  top: 287px;
  left: 65px;
}

#picShow .pic_show_box .rbtn {
  display: block;
  position: absolute;
  background: url(../images/rightbtn.png) 0 0 no-repeat;
  width: 53px;
  height: 53px;
  top: 287px;
  right: 65px;
}

#picShow .pic_show_box .picShow_img {
  width: 593px;
  height: 442px;
  line-height: 439px;
  text-align: center;
  margin: 93px auto 0;
  border: 5px solid rgba(255, 255, 255, 0.2);
  background: #fff;
}

#picShow .pic_show_box .picShow_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#picShow .pic_show_box p {
  width: 593px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  font: 18px/106px "microsoft yahei";
  color: #0c4201;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#picShow .pic_show_box p a {
  color: #fff;
}

.Ttitle {
  position: relative;
  width: 460px;
  height: 65px;
  margin: 0 auto;
  padding-top: 5px;
  background: url(../images/titlebg.jpg) center center no-repeat;
}

.Ttitle .Font {
  width: 460;
  height: 30px;
  display: block;
  color: #f02e49;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

.Ttitle .English {
  width: 460;
  height: 30px;
  display: block;
  color: #1561af;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  font-family: impact;
  text-transform: uppercase;
}

.Tmore {
  position: relative;
  margin: 0 auto;
  width: 272px;
  height: 34px;
  border: 1px solid #7a7a7a;
  background: url(../images/index_24.jpg) 170px center no-repeat;
}

.Tmore a {
  width: 172px;
  height: 34px;
  display: block;
  padding-left: 100px;
  color: #333;
  font-size: 14px;
  line-height: 34px;
}

.top {
  height: 116px;
  background: url(../images/topbg.jpg) left top repeat-x;
}

.top .top_nav {
  width: 1100px;
  margin: 0 auto;
}

.top .top_nav .logo {
  width: 120px;
  height: 100px;
  line-height: 97px;
  text-align: center;
  margin-top: 8px;
  float: left;
}

.top .top_nav .logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.top .top_nav h1 {
  float: left;
  color: #869ca8;
  margin-top: 40px;
  margin-left: 10px;
  font-size: 26px;
  width: 50%;
}

.top .top_nav .yuy {
  float: right;
  padding-top: 49px;
}

.top .top_nav .yuy .shouji {
  float: left;
  font-size: 21px;
  padding: 0 30px 0 30px;
  font-family: Impact;
  color: #869ca8;
}

.top .top_nav .yuy .searv {
  float: left;
  width: 250px;
}

.top .top_nav .yuy .searv input {
  float: left;
  width: 209px;
  height: 28px;
  border: 1px solid #3c5361;
  color: #869ca8;
  font-size: 12px;
  line-height: 26px;
  text-indent: 20px;
  background: #1e292f;
}

.top .top_nav .yuy .searv #sear {
  float: left;
  width: 38px;
  height: 28px;
  border: 1px solid #3c5361;
  border-left: none;
  background: url(../images/index_03.jpg) center center no-repeat #1e292f;
  cursor: pointer;
}

.nav_c {
  height: 63px;
  background: url(../images/topbg.jpg) left top repeat-x;
}

.nav_c .nav {
  position: relative;
  z-index: 1;
  border-top: 1px solid #33414a;
}

.nav_c .nav ul {
  width: 1100px;
  height: 62px;
  margin: 0 auto;
}

.nav_c .nav ul li {
  float: left;
  text-align: left;
  width: 100px;
  height: 62px;
}

.nav_c .nav ul li a {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 62px;
  text-align: center;
}

.nav_c .nav ul li .cur {
  background: #a7071d;
}

.nav_c .nav ul li a:hover {
  background: #a7071d;
}

.nav_c .nav ul li .nav_dd {
  position: absolute;
  min-width: 100px;
  color: #ffffff;
  font-size: 14px;
  line-height: 62px;
  text-align: center;
  background: #000;
}

.nav_c .nav ul li .nav_dd a {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 45px;
  text-align: center;
  padding: 0 10px;
}

.nav_c .nav ul li .nav_dd a:hover {
  background: #a7071d;
}

.nav_c .nav ul li:hover .nav_dd {
  display: block;
}

.nott #box {
  width: 100%;
  height: 450px;
  position: relative;
}

.nott #box .box-nav {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.nott #box .box-nav ul {
  width: 9999999999999999999999999999999999999px !important;
  position: absolute;
  height: 450px;
  left: 0;
  top: 0;
}

.nott #box .box-nav ul li {
  float: left;
  height: 450px;
  line-height: 447px;
  text-align: center;
  overflow: hidden;
  background: #fff;
  border: none;
}

.nott #box .box-nav ul li img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  border: none;
}

.nott #box .box-nav ol {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.nott #box .box-nav ol li {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  margin: 0 4px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  color: red;
}

.nott #box .box-nav ol .current {
  background-color: red !important;
}

.goga {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b0c0ca;
  margin-bottom: 40px;
  background: #fff;
}

.goga .goga_nav .blue {
  position: absolute;
  left: 0px;
  top: -14px;
  z-index: 10;
  width: 22%;
  height: 82px;
  background: #105095;
}

.goga .goga_nav .nsbd {
  position: relative;
  width: 1100px;
  height: 50px;
  margin: 0 auto;
}

.goga .goga_nav .nsbd .toptel {
  position: absolute;
  left: 0px;
  top: -14px;
  z-index: 10;
  width: 310px;
  height: 82px;
  background: url(../images/telbg.png) left top no-repeat;
}

.goga .goga_nav .nsbd .toptel .tel {
  width: 290px;
  height: 60px;
  padding-left: 20px;
  padding-top: 18px;
  color: #4bbeed;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
}

.goga .goga_nav .nsbd .toptel .tel p {
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
}

.goga .goga_nav .nsbd .toptel .tel span {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #4bbeed;
  font-size: 28px;
  font-family: impact;
}

.goga .goga_nav .nsbd .notice {
  width: 674px;
  height: 50px;
  padding-left: 326px;
}

.goga .goga_nav .nsbd .notice .title {
  float: left;
  height: 50px;
  color: #333333;
  font-size: 14px;
  line-height: 50px;
}

.goga .goga_nav .nsbd .notice .noticenr {
  float: left;
  width: 86%;
  height: 50px;
  color: #666666;
  font-size: 14px;
  line-height: 50px;
}

.goga .goga_nav .nsbd .notice .noticenr marquee {
  display: inline-block;
  width: -webkit-fill-available;
}

.index_pro {
  width: 100%;
  border-top: 1px solid #b0c0ca;
  background: #e5e9ec;
}

.index_pro .pro_nav {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

.index_pro .pro_nav .pro_zuo {
  float: left;
  width: 230px;
  height: 671px;
  overflow: hidden;
  margin-right: 20px;
  margin-top: -1px;
  margin-left: 4%;
  background: #fff;
}

.index_pro .pro_nav .pro_zuo .proname1 {
  width: 230px;
  height: 66px;
  padding-bottom: 18px;
  color: #f02e49;
  font-size: 24px;
  line-height: 66px;
  text-align: center;
  background: url(../images/index_09.jpg) center top no-repeat;
}

.index_pro .pro_nav .pro_zuo .ProClaList {
  width: 192px;
  padding: 0px 19px;
}

.index_pro .pro_nav .pro_zuo .ProClaList li {
  width: 192px;
  height: 42px;
  padding-bottom: 10px;
}

.index_pro .pro_nav .pro_zuo .ProClaList li a {
  width: 150px;
  height: 40px;
  padding-left: 14px;
  padding-right: 26px;
  border: 1px solid #b7c5ce;
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 40px;
  background: url(../images/proclassbg.png) 170px center no-repeat #f6f6f6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index_pro .pro_nav .pro_zuo .ProClaList li a:hover {
  color: #fff;
  background: url(../images/proclassbg.png) 170px center no-repeat #105095;
}

.index_pro .pro_nav .pro_zuo .ProClaList .more a {
  width: 134px;
  height: 33px;
  padding-left: 20px;
  padding-right: 36px;
  border: 1px solid #a90b21;
  display: block;
  color: #ffffff;
  line-height: 33px;
  background: url(../images/more.jpg) 160px center no-repeat #c71730;
}

.index_pro .pro_nav .pro_you {
  float: left;
  width: 750px;
  height: 635px;
  padding-left: 20px;
  padding-top: 35px;
  overflow: hidden;
}

.index_pro .pro_nav .pro_you .protopul .proMenu {
  width: 230px;
  height: 172px;
  display: block;
  border: 3px solid #0f4f94;
  background: url(../images/probg.jpg) center center no-repeat #0f4f94;
}

.index_pro .pro_nav .pro_you .protopul .proMenu a {
  width: 230px;
  height: 172px;
  display: block;
}

.index_pro .pro_nav .pro_you .protopul .proMenu a .font {
  display: block;
  width: 175px;
  height: 34px;
  padding-left: 55px;
  padding-top: 50px;
  color: #fff;
  font-size: 24px;
  line-height: 34px;
}

.index_pro .pro_nav .pro_you .protopul .proMenu a .english {
  display: block;
  width: 215px;
  height: 26px;
  padding-left: 25px;
  color: #4bbeed;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: impact;
}

.index_pro .pro_nav .pro_you .protopul li {
  position: relative;
  float: left;
  width: 230px;
  height: 172px;
  border: 3px solid #fff;
  margin-right: 21px;
  margin-bottom: 26px;
  overflow: hidden;
}

.index_pro .pro_nav .pro_you .protopul li .pro_img {
  width: 229px;
  height: 172px;
  line-height: 169px;
  text-align: center;
  background: #fff;
}

.index_pro .pro_nav .pro_you .protopul li .pro_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.index_pro .pro_nav .pro_you .protopul li .intro {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  z-index: 99;
  width: 230px;
  height: 172px;
  background: url(../images/propicbg.png);
}

.index_pro .pro_nav .pro_you .protopul li .intro .title {
  width: 198px;
  height: 46px;
  padding: 40px 10px 0px 10px;
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index_pro .pro_nav .pro_you .protopul li .intro .title a {
  display: block;
  color: #fff;
}

.index_pro .pro_nav .pro_you .protopul li .intro .proUrlPic {
  width: 102px;
  height: 40px;
  padding: 0 64px;
}

.index_pro .pro_nav .pro_you .protopul li .intro .proUrlPic .a {
  float: left;
  display: block;
  width: 40px;
  height: 40px;
  padding-right: 20px;
}

.index_pro .pro_nav .pro_you .protopul li .intro .proUrlPic .a a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
}

.index_pro .pro_nav .pro_you .protopul li .intro .proUrlPic .a a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.index_pro .pro_nav .pro_you .protopul li .intro .proUrlPic .b {
  float: left;
  display: block;
  width: 41px;
  height: 40px;
}

.index_pro .pro_nav .pro_you .protopul li .intro .proUrlPic .b a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
}

.index_pro .pro_nav .pro_you .protopul li .intro .proUrlPic .b a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.index_pro .pro_nav .pro_you .protopul li:hover .intro {
  display: block;
}

.index_pro .pro_nav .pro_you .protopul li:nth-child(3),
.index_pro .pro_nav .pro_you .protopul li:nth-child(6),
.index_pro .pro_nav .pro_you .protopul li:nth-child(9) {
  margin-right: 0;
}

.section {
  width: 100%;
  margin: auto;
  position: relative;
  clear: both;
  padding-top: 34px;
  padding-bottom: 38px;
}

.section .newsList {
  width: 1000px;
  margin: 0 auto;
  padding-top: 6px;
  padding-bottom: 12px;
}

.section .newsList .newsListDl {
  float: left;
  width: 500px;
  height: 91px;
  border-bottom: 1px solid #d5d5d5;
}

.section .newsList .newsListDl a {
  width: 500px;
  height: 90px;
  display: block;
  padding-bottom: 1px;
}

.section .newsList .newsListDl a dt {
  float: left;
  width: 90px;
  height: 90px;
  color: #d2dde8;
  font-size: 24px;
  font-family: impact;
}

.section .newsList .newsListDl a dt p {
  display: block;
  line-height: 30px;
  text-align: center;
  margin-top: 18px;
}

.section .newsList .newsListDl a dt span {
  display: block;
  line-height: 30px;
  text-align: center;
}

.section .newsList .newsListDl a dd {
  float: left;
  width: 410px;
  height: 90px;
}

.section .newsList .newsListDl a dd .title {
  width: 410px;
  height: 30px;
  display: block;
  padding-top: 18px;
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section .newsList .newsListDl a dd .intro {
  width: 380px;
  height: 24px;
  display: block;
  color: #cccccc;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section .newsList .newsListDl a:hover {
  background: #1561af;
}

.section .newsList .newsListDl a:hover .title {
  color: #ffffff;
}

.section .newsList .newsListDl a:hover .intro {
  color: #4bbeed;
}

.section .newsList .newsListDl a:hover .num {
  color: #ffffff;
}

.sectionB {
  width: 100%;
  background: #e5e9ec;
}

.sectionB .casePic {
  width: 1100px;
  height: 376px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0 auto;
}

.sectionB .casePic ul {
  margin-left: 5%;
}

.sectionB .casePic ul li {
  position: relative;
  float: left;
  width: 249px;
  height: 186px;
  margin-right: 4px;
  margin-bottom: 4px;
}

.sectionB .casePic ul li a {
  width: 249px;
  height: 186px;
  display: block;
}

.sectionB .casePic ul li a .sup_img {
  width: 249px;
  height: 186px;
  line-height: 183px;
  text-align: center;
  background: #fff;
}

.sectionB .casePic ul li a .sup_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.sectionB .casePic ul li a .con {
  position: absolute;
  left: 0px;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background: url(../images/propicbg.png) left top repeat;
}

.sectionB .casePic ul li a .con .title {
  width: 95%;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sectionB .casePic ul li.caseMenu {
  width: 247px;
  height: 186px;
}

.sectionB .casePic ul li.caseMenu a {
  width: 247px;
  height: 186px;
  display: block;
  background: url(../images/casebg.jpg) center center no-repeat #1561af;
}

.sectionB .casePic ul li.caseMenu a .font {
  display: block;
  width: 192px;
  height: 34px;
  padding-left: 55px;
  padding-top: 60px;
  color: #fff;
  font-size: 24px;
  line-height: 34px;
}

.sectionB .casePic ul li.caseMenu a .english {
  display: block;
  width: 212px;
  height: 26px;
  padding-left: 35px;
  color: #4bbeed;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: impact;
}

.sectionB .casePic ul li.caseMore {
  margin-right: 0px;
  width: 247px;
  height: 186px;
}

.sectionB .casePic ul li.caseMore a {
  width: 247px;
  height: 60px;
  padding-top: 126px;
  color: #f02e49;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  background: url(../images/index_32.jpg) center 34px no-repeat #ffffff;
}

.sectionB .casePic ul li.caseMore a:hover {
  width: 247px;
  height: 60px;
  padding-top: 126px;
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  background: url(../images/index_32w.jpg) center 34px no-repeat #c71730;
}

.section2 {
  width: 100%;
  margin: auto;
  position: relative;
  clear: both;
  padding-top: 34px;
  padding-bottom: 38px;
}

.section2 .company {
  width: 1000px;
  margin: 0 auto;
}

.section2 .company .companynr {
  width: 1000px;
  padding-top: 10px;
  color: #666666;
  overflow: hidden;
}

.section2 .company .companynr .name {
  width: 1000px;
  height: 34px;
  display: block;
  padding-bottom: 10px;
  color: #333333;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
}

.section2 .company .companynr p {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.footer {
  width: 100%;
  background: #232f36;
}

.footer .btnav {
  width: 100%;
  height: 104px;
  border-bottom: 1px solid #1d5a9b;
  padding-top: 25px;
  background: #105095;
}

.footer .btnav .btnavlist {
  width: 1000px;
  height: 80px;
  margin: 0 auto;
}

.footer .btnav .btnavlist a {
  float: left;
  margin-right: 14px;
  width: 186px;
  height: 40px;
  display: block;
  border-bottom: 1px solid #2862a0;
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
}

.footer .btnav .btnavlist a span {
  padding-left: 5px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}

.footer .btnav .btnavlist a:hover {
  color: #4bbeed;
}

.footer .btnav .btnavlist a:hover span {
  color: #4bbeed;
}

.footer .footOne {
  width: 1000px;
  height: 90px;
  margin: 0 auto;
}

.footer .footOne .footTel {
  float: left;
  width: 304px;
  height: 90px;
  background: url(../images/tel.png) left 32px no-repeat;
}

.footer .footOne .footTel .tel {
  width: 250px;
  height: 70px;
  padding-left: 40px;
  padding-top: 18px;
  color: #2072c6;
  font-size: 18px;
  text-align: left;
}

.footer .footOne .footTel .tel .num {
  width: 250px;
  height: 40px;
  display: block;
  color: #2072c6;
  font-size: 30px;
  font-family: impact;
  text-transform: uppercase;
}

.footer .footOne .share {
  float: right;
  width: 300px;
  height: 90px;
  padding-left: 90px;
}

.footer .footOne .share li {
  position: relative;
  float: left;
  width: 150px;
  height: 40px;
  margin-top: 30px;
}

.footer .footOne .share li .list {
  width: 102px;
  height: 40px;
  line-height: 40px;
  padding-left: 48px;
  display: block;
  color: #42525b;
}

.footer .footOne .share li .qq {
  background: url(../images/qq.png) left top no-repeat;
}

.footer .footOne .share li .qq:hover {
  background: url(../images/qq2.png) left top no-repeat;
  color: #fff;
}

.footer .footOne .share li .qq2 {
  background: url(../images/share.png) left top no-repeat;
}

.footer .footOne .share li .qq2:hover {
  color: #fff;
  background: url(../images/share2.png) left top no-repeat;
}

.footer .footOne .share li .shareList {
  position: absolute;
  left: 30px;
  top: 35px;
  z-index: 99;
  display: none;
  width: 200px;
}

.footer .link {
  position: relative;
  width: 1000px;
  height: auto !important;
  height: 82px;
  min-height: 82px;
  padding: 20px 0px;
  margin: 0px auto;
  border-bottom: 1px solid #39444a;
  border-top: 1px solid #39444a;
}

.footer .link .linkTitle {
  float: left;
  width: 180px;
  height: 82px;
  background: url(../images/link.jpg) 10px center no-repeat;
}

.footer .link .linkTitle .font {
  display: block;
  width: 158px;
  height: 34px;
  padding-left: 22px;
  padding-top: 10px;
  color: #fff;
  font-size: 24px;
  line-height: 34px;
}

.footer .link .linkTitle .english {
  display: block;
  width: 180px;
  height: 26px;
  color: #4bbeed;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: impact;
}

.footer .link .link_list {
  float: left;
  width: 820px;
  height: auto !important;
  height: 82px;
  min-height: 82px;
}

.footer .link .link_list a {
  float: left;
  width: 190px;
  height: 40px;
  border-bottom: 1px solid #39444a;
  color: #78858c;
  font-size: 14px;
  line-height: 40px;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.footer .link .link_list a:hover {
  color: #fff;
}

.footer .copyright {
  width: 1000px;
  padding-top: 20px;
  padding-bottom: 30px;
  margin: 0 auto;
}

.footer .copyright .copyrightnr {
  width: 1100px;
  color: #42525b;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  font-family: '宋体';
}

.footer .copyright .copyrightnr a {
  color: #42525b;
}

.footer .copyright .copyrightnr a:hover {
  color: #fff;
}

.footer .fixed {
  position: fixed;
  width: 72px;
  height: 176px;
  right: 25px;
  bottom: 50px;
  z-index: 999;
}

.footer .fixed a {
  display: block;
  width: 72px;
  height: 58px;
}

.footer .fixed .book {
  background: url(../images/fixed.jpg) 0 0 no-repeat;
}

.footer .fixed .book:hover {
  background-position: -72px 0;
}

.footer .fixed a.codepic {
  background: url(../images/fixed.jpg) 0 -58px no-repeat;
  height: 58px;
}

.footer .fixed a.codepic:hover {
  background-position: -72px -58px;
}

.footer .fixed a.backup {
  background: url(../images/fixed.jpg) 0 -117px no-repeat;
  height: 58px;
}

.footer .fixed a.backup:hover {
  background-position: -72px -116px;
  height: 58px;
}

.footer .fixed .rew {
  position: relative;
  display: none;
}

.footer .fixed .rew .rew_img {
  position: absolute;
  left: -196px;
  width: 196px;
  height: 196px;
  line-height: 193px;
  top: -174px;
}

.footer .fixed .rew .rew_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}