body{padding: 0;margin: 0;}
.header-img{background:url('../../static/image/gw_bg_2.png');text-align:center}
.header-img img{height: 50px;margin: 10px 0 10px 0}
.connect{background:url('../../static/image/gw_bg_1.png') no-repeat;background-size:100% 100%;margin-bottom: 100px;}
.connect_ad{display: flex;}
.connect_ad_font{margin-top: 100px;margin-left: auto;margin-right: 200px;}
.connect_ad_font img{width: 350px;}
.connect_ad_img{margin-top: 50px;margin-right: 20%;}
.connect_ad_img img{width: 500px;}
/*.good_at{margin-top: 40px;text-align: center;}*/
.good_list{display: flex;margin-top: 50px;margin-left: 150px;margin-right: 150px;}
/*.good_list_list{width: 25%;text-align:center; }*/
/*.good_list_list img{width: 150px;}*/

.good_at{margin-top: 40px;text-align: center;margin-bottom: 200px;}
.good_list_list{width: 25%;text-align:center;position:relative; }
.good_list_list img{width: 150px;position:absolute;bottom:0;}

.wo_do{margin-top: 150px;text-align: center;}
/*.wo_do_font{margin-top: 50px;text-align: center;}*/
.wo_do_font{margin-top: 50px;text-align: left;margin-right: 20%;margin-left: 20%;}
.wo_do_font_p{line-height:32px; font-size: 22px; margin-left: 50px; margin-right: 50px; font-family: 'PT Sans',Arial; color: #84849d;}
.foot{background:url('../../static/image/gw_bg_3.png');text-align:center;height: 50px;width: 100%;line-height: 50px;color: #fff;}
.foot img{width: 30%;margin: auto;margin-top: 15px;}


@media screen and (max-width:1280px) , (max-device-width:1280px){
    .header-img img{height: 2.5rem;margin: 8px 0 8px 0}
    .connect{background:url('../../static/image/gw_bg_1.png') no-repeat;background-size:100% 100%;}
    .connect_ad{display: flex;}
    .connect_ad_font{margin-top: 2rem;margin-left: auto;margin-right: 8rem;}
    .connect_ad_font img{width: 15rem;}
    .connect_ad_img{margin-top: 2rem;margin-right:8rem;}
    .connect_ad_img img{width: 20rem;}
    .good_at {margin-top: 2rem;text-align: center;margin-bottom: 8rem;}
    .good_at img{width: 13rem;}
    .good_list{display: flex;margin-top: 2rem;margin-left: 0rem;margin-right: 4rem;}
    .good_list_list{width: 25%;text-align:center}
    .good_list_list img{width: 5rem;}
    .wo_do{margin-top: 4rem;text-align: center;}
    .wo_do img{width: 13rem;}
    .wo_do_font{margin-top: 4rem;text-align: left;margin-right: 0.5rem;margin-left: 0.5rem;}
    .wo_do_font_p{line-height:1.2rem; font-size: 1rem;  font-family: 'PT Sans',Arial; color: #84849d;}
    .foot{background:url('../../static/image/gw_bg_3.png');text-align:center;position: fixed;bottom:0;height: 2.5rem;line-height: 2.5rem;color: #fff;}
    .foot img{width: 20rem}
}

@media screen and (max-width:450px) , (max-device-width:450px){
    .header-img img{height: 2.5rem;margin: 8px 0 8px 0}
    .connect{background:url('../../static/image/gw_bg_1.png') no-repeat;background-size:100% 100%;}
    .connect_ad{display: flow-root;}
    .connect_ad_font{margin-top: 2rem;margin-left: 1.5rem;}
    .connect_ad_font img {width: 15rem;}
    .connect_ad_img{margin-top:2rem;margin-left: 1.5rem; }
    .connect_ad_img img {width: 20rem;}
    .good_at {margin-top: 3rem;text-align: center;margin-bottom: 5rem;}
    .good_at img{width: 13rem;}
    .good_list{display: flex;margin-top: 2rem;margin-left: 0rem;margin-right: 4rem;}
    .good_list_list{width: 25%;text-align:center;}
    .good_list_list img{width: 4rem;}
    .wo_do{margin-top: 2rem;text-align: center;}
    .wo_do img{width: 13rem;}
    .wo_do_font{margin-top: 2rem;text-align: left;margin-right: 0.5rem;margin-left: 0.5rem;}
    .wo_do_font_p{line-height:1.2rem; font-size: 1rem;  font-family: 'PT Sans',Arial; color: #84849d;}
    .foot{background:url('../../static/image/gw_bg_3.png');text-align:center;position: fixed;bottom:0;height: 2.5rem;line-height: 2.5rem;color: #fff;}
    .foot img{width: 20rem}

}