.banner {width: 100%;height: 400px; background: url(/gksx/matters20200920_01.png) ;background-position: center;background-repeat: no-repeat;background-size:100% 100%;box-shadow: 0 14px 31px 0 #b7b7b7;overflow: hidden;}
.banner .logo {position: relative;width: 80%;margin: 0 auto;margin-top: 20px;}
.banner .logo .wza {position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.banner .logo .wza a {color: #333;}
.banner .logo .wza img {vertical-align: middle;}
    /*内容开始*/
.content {width: 1200px;margin:0 auto;background-color: #fff;height: auto;overflow: hidden;box-shadow: 0 20px 35px -13px #b7b7b7 inset;margin-bottom: 50px;}
.Introduction {background-color: #c8ecff;width: 100%;height: auto;margin-top: 50px;border-radius: 10px;padding: 20px 0px;}
.Introduction p {border: 2px dashed #3b87b0;height: auto;width: 96%;padding: 25px;color: #244c62;font-size: 20px;text-indent: 2em;line-height: 32px;letter-spacing: 0.4px;margin: 0 auto;margin-top: 3px;}

    /*图标开始*/

.iconlist {margin-top: 10px;}
.iconlist_one {width: 201px;margin-left: 51px;margin-top: 4px;}
.iconlist_one .iconlist_one_boy {text-align: center;}
.iconlist_one .iconlist_one_boy img {margin-top: 8px;}
.iconlist_one ul {margin-top: 26px;}
.iconlist_one ul li {height: 201px;width: 201px;background-color: #b6e0fe;border-radius: 20px;margin-top: 24px;}
.iconlist_one ul li a {height: 201px;width: 201px;text-align: center;display: table-cell;vertical-align: middle;}
.iconlist_one ul li a img {margin-bottom: 34px;}
.iconlist_one ul li a p {font-size: 21px;color:#0470bb;}
/*two*/
.iconlist_two {width: 201px;margin-left: 23px;margin-top: 121px;}
.iconlist_two ul li {height: 201px;width: 201px;background-color: #b6e0fe;border-radius: 20px;margin-top: 24px;}
.iconlist_two ul li a {height: 201px;width: 201px;text-align: center;display: table-cell;vertical-align: middle;}
.iconlist_two ul li a p {margin-top: 34px;font-size: 21px;color:#0470bb;}
.iconlist_two .dian {margin-top: 24px;}
/*three*/
.iconlist_three {width: 201px;margin-left: 23px;margin-top: 46px;}
.iconlist_three ul li {height: 201px;width: 201px;background-color: #b6e0fe;border-radius: 20px;margin-top: 24px;}
.iconlist_three ul li a {height: 201px;width: 201px;text-align: center;display: table-cell;vertical-align: middle;}
.iconlist_three ul li a p {margin-top: 34px;font-size: 21px;color:#0470bb;}
.iconlist_three .dian img {margin-top: 24px;}
/*four*/
.iconlist_four {width: 201px;margin-left: 23px;margin-top: 121px;}
.iconlist_four ul li {height: 201px;width: 201px;background-color: #b6e0fe;border-radius: 20px;margin-top: 24px;}
.iconlist_four ul li a {height: 201px;width: 201px;text-align: center;display: table-cell;vertical-align: middle;}
.iconlist_four ul li a p {margin-top: 34px;font-size: 21px;color:#0470bb;}
.iconlist_four .dian {margin-top: 24px;}
/*five*/
.iconlist_five {width: 201px;margin-left: 23px;}
.iconlist_five .iconlist_five_boy {text-align: center;}
.iconlist_five .iconlist_five_boy img {margin-top: 8px;}
.iconlist_five ul li {height: 201px;width: 201px;background-color: #b6e0fe;border-radius: 20px;margin-top: 24px;}
.iconlist_five ul li a {height: 201px;width: 201px;text-align: center;display: table-cell;vertical-align: middle;}
.iconlist_five ul li a img {margin-bottom: 34px;}
.iconlist_five ul li a p {font-size: 21px;color:#0470bb;}
.longdian {margin-left: 51px;margin-top: 30px;}
.qunzhon { margin-left: 51px;margin-top: 40px;width:1100px;}
/*街道办*/
.street {margin-top: 50px;}
.affairs {margin-top: 50px;}
.life {margin-top: 50px;}
.standardized li:hover img {animation: rotating 1s linear;}
.standardized {transition: all 0.3s;}
.standardized :hover {transform: scale(1.1);}
@keyframes rotating {
    0% {transform: rotateY(0deg);}
    20% {transform: rotateY(60deg);}
    60% {transform: rotateY(190deg);}
    100% {transform: rotateY(360deg);}
}
@media screen and (max-width: 1480px) {
.banner .logo {width: 90%;}
.banner .logo .gh img {width: 80%;}
}

@media screen and (max-width: 1200px) { 
.banner {width: 100%;height: 27vw;box-shadow: none;}
.banner .logo .gh img {width: 60%;}
.content {width: 90%;box-shadow: none;margin-top: 0px;}
.iconlist_one .iconlist_one_boy {display: none;}
.iconlist {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.iconlist .box_animate {width:30%;margin-left: 0;margin-top:0;}
.iconlist .box_animate .dian {display: none;}
.iconlist .box_animate .iconlist_five_boy {display: none;}
.iconlist .iconlist_two {margin:0 5%;}
.iconlist .iconlist_four {margin-right:5%;}
.qunzhon {margin-left: 0;margin-top: 35px;width: 100%;}
.longdian { margin-left: 0; margin-top: 15px; width: 100%;} 
.street {margin-top: 0;display: flex;flex-direction: column;align-items: center;}
.street a {display: block;margin-top:15px;}
.affairs {margin-top: 15px;}
.affairs img {width:100%;}
.life {margin-top: 0;display: flex;flex-direction: column;align-items: center;}
.life a {display: block;margin-top:15px;}
}

@media screen and (max-width: 760px) {
.banner .logo .gh img {width: 28%;}
.banner .logo {width: 90%;margin-top: 10px;}
.Introduction {margin-top:30px;}
.Introduction p {font-size:14px;line-height: 26px;padding: 20px;}
.iconlist .box_animate {width: 48%;}
.box_animate ul li {height: 150px;width: 100%;margin-top: 20px;}
.box_animate ul li a {height: 100%;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.box_animate ul li a img {width: 9vw;margin-bottom: 10px;}
.box_animate ul li a p {font-size: 14px;}
.iconlist {justify-content: space-between;}
.iconlist .iconlist_two { margin: 0;}
.iconlist_one ul {margin-top: 0;}
.iconlist_two ul li a p {margin-top: 0;}
.iconlist_three ul li a p {margin-top: 0;}
.iconlist .iconlist_four {margin-right: 0;}
.iconlist_four ul li a p {margin-top: 0;width: 90%;}
.iconlist .iconlist_five {width:100%;}
.iconlist_five ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.iconlist_five ul li {width:48%;}
.street a img {width:100%;}
.life a img {width:100%;}
.qunzhon {margin-top: 30px;}
}

@media screen and (max-width: 500px) {
.box_animate ul li a img {width:12.5vw;}
}