﻿.photo { height: 434px; }

.customer-con { margin-top: 50px; }
.customer-list { display: flex; width: 1076px; height: 412px; margin: 0px auto; margin-bottom: 40px; box-shadow: 0px 0px 10px #ccc; }
.customer-list-dt { width: 269px; display: flex; align-items: center; justify-content: center; }
.customer-list-dt img { max-width: 210px; }
#customer-fy { padding-bottom: 40px; width: 1076px; text-align: center; margin: 0px auto; }

.ad { background: #e5e5e5; }
.ad a { display: block; text-align: center; }

.help { background: url(/images/gyuveii_03_70.png); height: 728px; }
.help-title { height: 200px; text-align: center; }
.help-title img { margin-top: 20px; }
.help-con { width: 1090px; margin: 0px auto; }
.help-left { float: left; width: 272px; background: #e17a7a; }
.help-left p { cursor: pointer; text-align: center; background: #e17a7a; height: 96px; line-height: 96px; font-size: 20px; }
.help-left .active { color: white; background: #ce191d; }
.help-left p:last-child { padding-left: 46px; text-align: left; line-height: 28px; padding-top: 38px; box-sizing: border-box; height: 133px; }
.help-right { float: left; width: 818px; background: white; height: 420px; }
.help-right p { margin: 40px 70px 0 70px; line-height: 30px; font-size: 17px; color: #3d3d3d; }
.help-clear { clear: both; }
.help-right2, .help-right3, .help-right4 { display: none; }

.what, .lawfirm-m { display: none; }

.lawfirm { background: url(/images/gyuii_hrhy_06.png) no-repeat center; height: 593px; }
.lawfirm-title { height: 150px; }
.lawfirm-title p { font-size: 29px; color: #e4090a; letter-spacing: 5px; text-align: center; line-height: 150px; font-weight: 600; }
.lawfirm-list { width: 940px; margin: 0px auto; margin-bottom: 28px; }
.lawfirm-list a { display: inline-block; vertical-align: top; background: rgba(164, 157, 157, 0.50); width: 198px; height: 65px; line-height: 65px; font-size: 26px; color: #444; text-align: center; letter-spacing: 3px; margin-right: 44px; }
.lawfirm-list a:last-child { margin-right: 0; }
.lawfirm-list a:hover { color: white; background: #e4090a; }

@media screen and (max-width:576px) {
    .photo { height: auto; }
    .photo img { width: 100%;  }
    .customer-con { margin-top: 15px; }
    .customer-list { width: 100%; flex-wrap: wrap; height: auto; padding: 15px 0; margin-bottom: 15px; }
    .customer-list-dt { width: 33%; }
    .customer-list-dt img { max-width: 80%; }
    #customer-fy { width: 100%; padding-bottom: 15px; }
    .ad a img { width: 100%; }

    .what { background: url('/m/images/jyik7_04.jpg') no-repeat center; display: block; }
    .what-title { height: .75rem; display: flex; align-items: center; position: relative; }
    .what-title-k { width: .07rem; height: .34rem; background: #ce1217; border-radius: 10px; margin-left: .17rem; margin-right: .12rem; }
    .what-title-font { font-size: .3rem; }
    .what-list { width: 7.21rem; background: rgba(255, 255, 255, 0.80); margin: 0 auto; border-radius: 12px; height: 5.35rem; }
    .what-list-title { padding: .3rem 0; display: flex; align-items: center; }
    .what-list-font { width: 1.5rem; height: .5rem; background: #ce1217; color: white; padding-left: .1rem; font-size: .3rem; line-height: .5rem; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
    .what-list-title p { margin-left: .17rem; font-size: .28rem; color: #ce1217; font-weight: 600; letter-spacing: 1px; }
    .what-list-x { display: flex; position: absolute; top: .1rem; right: .2rem; }
    .what-list-x hr { border: none; border-top: 1px solid #ce1217; width: 1.5rem; display: block; margin-top: .09rem; margin-right: .1rem; }
    .what-list-x img { max-height: .2rem; margin-right: .1rem; }
    .what-list-con { padding: 0 .2rem; font-size: .24rem; padding-bottom: .2rem; }
    .what-list-con p { margin-bottom: .15rem; line-height: .4rem; }
    .swiper-what-bot { display: flex; padding: .2rem 0; align-items: center; }
    .swiper-what-btn { display: flex; width: 2rem; align-items: center; }
    .swiper-button-prev-what, .swiper-button-next-what { margin-left: .4rem; color: #ce1217; outline: none; }
    .swiper-pagination-what { flex: 1; text-align: right; margin-right: .4rem; font-size: .24rem; color: #ce1217; }

    .lawfirm,.help { display: none; }
    .lawfirm-m { padding: .2rem 0; display: block; }
    .lawfirm-m-con { margin: 0 .2rem; height: 5.1rem; box-shadow: 0 0 7px #ccc; }
    .lawfirm-m-title { background: url('/m/images/dwfwe_13.jpg') no-repeat left; background-size: 55%; height: .8rem; position: relative; left: .04rem; top: .35rem; }
    .lawfirm-m-title p { color: white; font-size: .28rem; line-height: .65rem; margin-left: .4rem; letter-spacing: 1px; }
    .lawfirm-m-c { display: flex; flex-wrap: wrap; margin-top: .4rem; }
    .lawfirm-m-c a { display: block; border: 1px solid #bbb; color: #444; font-size: .24rem; text-align: center; padding: .1rem 0; width: 1.3rem; margin-left: .32rem; margin-bottom: .12rem; }
}

@media screen and (max-width:320px) {
    .lawfirm-m-title { height: .6rem; top: .3rem; }
    .lawfirm-m-title p { line-height: .53rem; }
    .lawfirm-c a { width: 1.5rem; margin-left: .17rem; }
}

