body{
    background-image: url(../images/gzfw.jpg) center no-repeat\0;
}
.banner{background: url(../images/gzfw.jpg) center top no-repeat;width: 100%;height: 100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/gzfw.jpg',sizingMethod='scale');}
.banner .w1200{position: relative;width: 1300px;}
@keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@-ms-keyframes rotation{
  0%{
    transform: rotate(0);
  }
  50%{
    transform:rotate(180deg);
  }
  100%{
  transform: rotate(360deg);
  }
}
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@-o-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.lyxq{position: absolute;background: url(../images/quan.png) no-repeat;width:161px;text-align: center;line-height: 40px;color: #ffffff;
    height: 161px;}
    .lyxq img:hover{opacity: 0.6;animation: rotation .5s 1;
  -ms-animation: rotation .5s 1;
  -moz-animation:rotation .5s 1;
  -webkit-animation:rotation .5s 1;
  -o-animation: rotation .5s 1;}
.banner{height: 860px;}
.lyxq a{color: #fff;}
.lyxq_1{top: 580px;left: -30px;}
.lyxq_2{top: 380px;left: 25px;}
.lyxq_3{top: 220px;left: 160px;}
.lyxq_4{top: 130px;left: 370px;}
.lyxq_5{top: 165px;left: 600px;}
.lyxq_6{top: 290px;left: 790px;}
.lyxq_7{top: 480px;left: 890px;}
.lyxq_8{top: 680px;left: 910px;}
.lyxq img{display: block;margin: 0 auto;margin-top: 35px;}

.gzfw{position: absolute;right:0;top: 64px;}
.wearter{margin-top: 43px;}
.wearter p{padding-left: 22px;color: #fff;padding-top: 20px;}
.wearter img{padding-left: 22px;}

@media (max-width: 768px) {
    .mainbg{ background: #2491e7;}
    .banner{height: auto; background: none; padding:20px 0; }
    .lyxq{    position: inherit;margin-left: 21%;    padding-top: 2px;    margin-top: 13px;
       }
        .lyxq_1,.lyxq_2,.lyxq_3,.lyxq_4,.lyxq_5,.lyxq_6,.lyxq_7,.lyxq_8{top: 0;left: 0;}
        .lyxq img{ margin-top: 30px;}
        .gzfw{right: 10px;}
		.gzfw_logo{ width:100px;}
		.banner .w1200{ width:96%;}
}
@media (max-width: 414px) {
    .lyxq{    margin-left: 20px;
        width: 32%;
        height: 18%;
        background: #b5ddfd;
        border-radius: 20px;}
    .lyxq img{    margin-top: 10px;}
}
@media (max-width: 375px) {
    .lyxq img{    margin-top:5px;}
}
@media (max-width: 320px) {
    .lyxq{    margin-top: 7px;}
    .wearter{    margin-top: 16px;}
}