/* 推荐名录 */
.referrer_part1{overflow: hidden; background: url(../images/referrer/banner.jpg) center no-repeat; background-size: cover; height: 1448px; text-align: center; margin-bottom: 50px;}
.referrer_part1 .txt{font-size: 50px; line-height: 1.6; font-weight: bold; color: #fff; padding: 150px 0 50px 0;}
.referrer_part1 .tit{padding-bottom: 250px;}
.referrer_part1 .tit span{padding: 0 30px;}
.referrer_part1 .tlt{color: #FBCD38;}
.referrer_part1 .tlt dl{float: left; width: 20%; padding-bottom: 120px;}
.referrer_part1 .tlt dt{padding-bottom: 20px;}
.referrer_part1 .tlt dd{font-size: 50px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 20px;}
.referrer_part1 .tlt dd::before{content: ""; position: absolute; left: 50%; bottom: 0; width: 40px; height: 4px; border-radius: 2px; margin-left: -20px; background: #FC5F1C;}

.referrer_part2 {margin-bottom: 100px; color: #253751;}
.referrer_part2 .item_txt {transition: 0.5s;}
.referrer_part2 .item_txt span{height: 130px; line-height: 130px; box-sizing: border-box; border-bottom: 1px solid #253751; background: url(../images/referrer/ico_01.png) center right no-repeat; display: block; font-size: 50px; cursor: pointer; position: relative; padding-left: 40px; transition: 0.5s;}
.referrer_part2 .item_txt span::before{content: ""; position: absolute; left: 0; top: 42px; width: 8px; height: 50px; background: #FBCD38; transform: 0.5s;}
.referrer_part2 .item_wrap{display: none;}
.referrer_part2 .item_txt.active{background: #173d62; background: linear-gradient(90deg, #253751 0%, #3869AF 100%); }
.referrer_part2 .item_txt.active span{padding: 0; border: 0; color: #fff; background: url(../images/referrer/ico_02.png) center right no-repeat;}
.referrer_part2 .item_txt.active span::before{opacity: 0;}

.referrer_part2 .part1{padding: 80px 0 40px 0;}
.referrer_part2 .part1 .d1 {padding-bottom: 40px;}
.referrer_part2 .part1 .d1 h2{font-size: 24px; padding-bottom: 10px; }
.referrer_part2 .part1 .d1 p{font-size: 20px; color: #666; line-height: 2; padding-bottom: 40px;}
.referrer_part2 .part1 .d1 p:last-child{padding-bottom: 0;}
.referrer_part2 .part1 .d2{font-size: 16px; line-height: 1.87; }
.referrer_part2 .part1 .d2 p{color: #666;}

.referrer_part2 .part2_1 .row{padding-top: 30px;}
.referrer_part2 .part2_1 .txt {padding-bottom: 10px;}
.referrer_part2 .part2_1 .txt span{padding: 5px 30px; border: 10px solid #8c5924; border-image: linear-gradient(to bottom, #d3c090, #8c5924) 4; background: #173d62; color: #fff; display: inline-block; font-size: 36px; font-weight: bold;}
.referrer_part2 .part2_1 .cont{border-top: 2px solid #fc5f1c; padding: 50px; background: url(../images/referrer/xx_01.jpg) center bottom no-repeat; background-size: cover;}
.referrer_part2 .part2_1 .d1{border-bottom: 1px solid #b8b8ba; padding-bottom: 15px;   margin-bottom: 20px;}
.referrer_part2 .part2_1 .d1_1{float: left;}
.referrer_part2 .part2_1 .d1_1 b{font-size: 30px; float: left; line-height: 1; font-weight: bold;}
.referrer_part2 .part2_1 .d1_1 i{font-size: 20px; float: left; padding: 10px 0 0 40px; line-height: 1;}
.referrer_part2 .part2_1 .d1_2{float: right; line-height: 1; padding-top: 12px;}
.referrer_part2 .part2_1 .d1_2 b{float: left; font-weight: bold; padding-left: 40px;}
.referrer_part2 .part2_1 .d2_1{float: left;}
.referrer_part2 .part2_1 .d2_1 b{color: #fff; font-size: 20px; padding: 5px 15px; float: left; margin-right: 15px;}
.referrer_part2 .part2_1 .d2_1 .b1{background: #008AFF;}
.referrer_part2 .part2_1 .d2_1 .b2{background: #FC5F1C;}
.referrer_part2 .part2_1 .d2_2{float: right;}
.referrer_part2 .part2_1 .d2_2 span{display: block; text-align: right; font-size: 20px; padding-bottom: 5px;}

.referrer_part2 .part2_2{padding-top: 30px; }
.referrer_part2 .part2_2 .txt{font-size: 36px; line-height: 1; box-sizing: border-box; font-weight: bold; position: relative; border-bottom: 1px solid #253751; padding: 50px 0px 25px 0; cursor: pointer;}
.referrer_part2 .part2_2 .txt::before{content: ""; position: absolute; right: 0; top: 38px; width: 47px; height: 47px; background: url(../images/referrer/ico_01.png) center no-repeat;}
.referrer_part2 .part2_2 .txt.active{border: 0;}
.referrer_part2 .part2_2 .txt.active::before{transform: rotate(-90deg);}
.referrer_part2 .part2_2 .cont{display: none; border-top: 2px solid #253751; padding: 40px 50px; background: url(../images/referrer/xx_01.jpg) center bottom no-repeat; background-size: cover; }
.referrer_part2 .part2_2 .tr{border-bottom: 1px solid #b8b8ba; display:flex; align-items: center; padding: 15px 0;}
.referrer_part2 .part2_2 .tr>div{float: left;}
.referrer_part2 .part2_2 .tr .td2{font-weight: bold; font-size: 30px; float: left;}
.referrer_part2 .part2_2 .tr .td3{float: right; margin-left: auto; font-size: 20px;  font-weight: bold;}
.referrer_part2 .part2_2 .tr .td3 b{float: left; padding-left: 40px;}
.referrer_part2 .part2_2 .tr .td_box{width: 100%;}
.referrer_part2 .part2_2 .cont1 .td1{width: 1100px;}
.referrer_part2 .part2_2 .cont1 .td1 b{background: #07B2BD; color: #fff; font-weight: bold; font-size: 20px; padding: 5px 10px;}
.referrer_part2 .part2_2 .tips{font-size: 20px; padding-top: 20px;}
.referrer_part2 .part2_2 .cont2 .tr{padding: 0;}
.referrer_part2 .part2_2 .cont2 .d1{width: 270px;}
.referrer_part2 .part2_2 .cont2 .d1 b{background: #F4BC04; color: #fff; font-weight: bold; font-size: 20px; padding: 5px 10px;}
.referrer_part2 .part2_2 .cont2 .d2{width: 75%;}
.referrer_part2 .part2_2 .cont2 .d2 .li{border-bottom: 1px solid #b8b8ba; padding: 15px 0;}
.referrer_part2 .part2_2 .cont2 .d2 .li:last-child{border: 0;}
.referrer_part2 .part2_2 .cont3 .tr{padding-top: 30px;}
.referrer_part2 .part2_2 .cont3 .tr:first-child{padding-top: 15px;}
.referrer_part2 .part2_2 .cont3 .td2{width: 170px;}
.referrer_part2 .part2_2 .cont3 .td3 b{color: #fff; font-size: 20px; padding: 5px 15px; float: left; margin-right: 15px;}
.referrer_part2 .part2_2 .cont3 .td3 .b1{background: #008AFF;}
.referrer_part2 .part2_2 .cont3 .td3 .b2{background: #FC5F1C;}
.referrer_part2 .part2_2 .cont3 .td4{width: 900px;}
.referrer_part2 .part2_2 .cont3 .td4 span{float: left; font-size: 20px;}
.referrer_part2 .part2_2 .cont3 .td4 span b{padding-right: 20px;}
.referrer_part2 .part2_2 .cont3 .td4 span b:last-child{padding-right: 0;}
.referrer_part2 .part2_2 .cont3 .td4 .p1{float: left; font-weight: bold; width: 220px;}

.referrer_part2 .part2_2 .cont4{border: 0; background: none; padding: 0;}
.referrer_part2 .part2_2 .cont4 .tips2{color: #999; font-size: 20px;}
.referrer_part2 .part2_2 .cont4 .box{display: none; border-top: 2px solid #253751; padding: 40px 50px; background: url(../images/referrer/xx_01.jpg) center bottom no-repeat; background-size: cover;}
.referrer_part2 .part2_2 .cont4 .txt1{font-size: 30px; line-height: 1; box-sizing: border-box; font-weight: bold; position: relative; border-bottom: 1px solid #b8b8ba; padding: 30px 0px 20px 0; cursor: pointer;}
.referrer_part2 .part2_2 .cont4 .txt1 span{position: relative; padding-left: 30px;}
.referrer_part2 .part2_2 .cont4 .txt1 span::before{content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 30px; background: #FBCD38; transform: 0.5s;}
.referrer_part2 .part2_2 .cont4 .txt1::before{content: ""; position: absolute; right: 0; top: 26px; width: 30px; height: 30px; background: url(../images/referrer/ico_03.png) center no-repeat;}
.referrer_part2 .part2_2 .cont4 .txt1.active::before{transform: rotate(-90deg);}
.referrer_part2 .part2_2 .cont4 .tr{padding: 50px 0;}
.referrer_part2 .part2_2 .cont4 .td1{width: 300px;}
.referrer_part2 .part2_2 .cont4 .td1 b{background: #07B2BD; color: #fff; font-weight: bold; font-size: 20px; padding: 5px 10px;}
.referrer_part2 .part2_2 .cont4 dl{float: left; width: 33.3%; text-align: center;}
.referrer_part2 .part2_2 .cont4 dt{font-size: 30px; font-weight: bold;}
.referrer_part2 .part2_2 .cont4 dd{height: 90px;}
.referrer_part2 .part2_2 .cont4 span{display: block;}
.referrer_part2 .part2_2 .cont4 .p1{padding-bottom: 10px;}
.referrer_part2 .part2_2 .cont4 i{color: #666; font-size: 16px; display: inline-block; padding: 0 5px;}
.referrer_part2 .part2_2 .cont4 b{color: #fff; font-size: 20px; padding: 5px 15px; margin: 0 2px;}
.referrer_part2 .part2_2 .cont4 .b1{background: #008AFF;}
.referrer_part2 .part2_2 .cont4 .b2{background: #FC5F1C;}

.referrer_part2 .part3{padding: 50px 0;}
.referrer_part2 .part3_1{font-size: 16px; padding-bottom: 40px;}
.referrer_part2 .part3_1 P{color: #666;}
.referrer_part2 .part3_2{padding-bottom: 40px;}
.referrer_part2 .part3_2 .txt{font-size: 30px; font-weight: bold; padding-bottom: 20px;}
.referrer_part2 .part3_2 table{border-top: 3px solid #253751; border-bottom: 2px solid #253751;}
.referrer_part2 .part3_2 th{text-align: center; font-size: 16px; border-bottom: 3px solid #253751; padding: 15px 5px;}
.referrer_part2 .part3_2 th:last-child{background: #FFF2DE;}
.referrer_part2 .part3_2 td{text-align: center; font-size: 16px; border-bottom: 1px solid #253751; padding: 15px 0;}
.referrer_part2 .part3_2 td:last-child{background: #FFF2DE; color: #000; font-weight: bold;}
.referrer_part2 .part3_2 tr th:nth-child(1){width: 70px;}
.referrer_part2 .part3_2 tr th:nth-child(2){width: 80px;}
.referrer_part2 .part3_2 tr th:nth-child(3){width: 80px;}
.referrer_part2 .part3_2 tr th:nth-child(16){width: 80px;}

.referrer_part2 .part3_3{padding-bottom: 40px;}
.referrer_part2 .part3_3 .txt {padding-bottom: 10px;}
.referrer_part2 .part3_3 .txt span{padding: 5px 30px; border: 10px solid #8c5924; border-image: linear-gradient(to bottom, #d3c090, #8c5924) 4; background: #173d62; color: #fff; display: inline-block; font-size: 36px; font-weight: bold;}
.referrer_part2 .part3_3 .cont{border-top: 2px solid #fc5f1c; padding:0 50px; background: url(../images/referrer/xx_01.jpg) center bottom no-repeat; background-size: cover;}
.referrer_part2 .part3_3 .tit{font-size: 30px; font-weight: bold; text-align: center; padding: 90px 0;}
.referrer_part2 .part3_3 .tet{border-top: 1px solid #b8b8ba; padding: 30px 0;}
.referrer_part2 .part3_4 .txt2{font-size: 30px; font-weight: bold; padding-bottom: 10px;}
.referrer_part2 .part3_4 .box2{border-top: 2px solid #253751; padding: 40px 50px; background: url(../images/referrer/xx_01.jpg) center bottom no-repeat; background-size: cover;}
.referrer_part2 .part3_4 .td1{width: 200px;}
.referrer_part2 .part3_4 .td1 b{background: #07B2BD; color: #fff; font-weight: bold; font-size: 20px; padding: 5px 10px;}
.referrer_part2 .part3_4 .td_box{text-align: center; font-size: 30px; font-weight: bold;} 
.referrer_part2 .part3_4 .td_box2 span{width: 50%; float: left; padding: 20px 0;}

.referrer_part2 .part4{padding-top: 70px;}
.referrer_part2 .part4 table{border-top: 3px solid #253751; border-bottom: 2px solid #253751;}
.referrer_part2 .part4 th{text-align: center; font-size: 20px; border-bottom: 3px solid #253751; padding: 10px 0;}
.referrer_part2 .part4 th:nth-child(1){width: 50%;}
.referrer_part2 .part4 td{text-align: center; font-size: 20px; border-bottom: 1px solid #bec3cb; padding: 15px 5px;}
.referrer_part2 .part4 td:nth-child(1){text-align: left;}
.referrer_part2 .part4 strong{position: relative; padding-left: 25px; display: block;}
.referrer_part2 .part4 strong::before{content: ""; position: absolute; left: 0; top: 12px; width: 8px; height: 8px; background: #FBCD38;}

.referrer_part3{background: url(../images/referrer/banner2.png) center no-repeat; background-size: cover;}
.referrer_part3 .wrap{display: flex; align-items: center; justify-content: center; color: #fff; height: 567px; }
.referrer_part3 .box{text-align: center; font-size: 40px; color: #fff; font-weight: bold; line-height: 1.75;}
.referrer_part3 .box a{width: 70px; height: 70px; background: url(../images/referrer/ico_04.png) no-repeat; display: inline-block; margin-top: 30px;}



/* 响应式处理 */
@media screen and (max-width:1600px){
    .referrer_part1 .txt{font-size: 48px;}
    .referrer_part2 .item_txt span{font-size: 48px;}
    .referrer_part2 .part2_1 .txt span,
    .referrer_part2 .part3_3 .txt span,
    .referrer_part2 .part2_2 .txt{font-size: 34px;}
    .referrer_part2 .part2_2 .cont1 .td1{width: 800px;}
    .referrer_part2 .part2_2 .cont4 .txt1,
    .referrer_part2 .part2_2 .cont4 dt,
    .referrer_part2 .part3_3 .tit,
    .referrer_part2 .part3_4 .td_box,
    .referrer_part2 .part2_2 .tr .td2{font-size: 28px;}
    .referrer_part2 .part2_2 .cont3 .td4{width: 650px;}
    .referrer_part2 .part3_3 .tit{padding: 80px 0;}
    .referrer_part3 .box{font-size: 38px;}
}

@media screen and (max-width:1200px){
    .referrer_part1{height: 1200px;}
    .referrer_part1 .txt{font-size: 40px; padding: 100px 0 50px 0;}
    .referrer_part1 .tit{padding-bottom: 200px;}
    .referrer_part1 .tit span{padding: 0 20px;}
    .referrer_part1 .tit span img{width: 200px;}
    .referrer_part1 .tlt dl{padding-bottom: 100px;}
    .referrer_part1 .tlt dd{font-size: 40px;}

    .referrer_part2 .item_txt span{height: 100px; line-height: 100px; font-size: 38px; background-size: 30px !important; padding-left: 30px;}
    .referrer_part2 .item_txt span::before{width: 6px; height: 40px; top: 32px;}

    .referrer_part2 .part1{padding: 50px 0 30px 0;}
    .referrer_part2 .part1 .d1 h2{font-size: 22px;}
    .referrer_part2 .part1 .d1{padding-bottom: 30px;}
    .referrer_part2 .part1 .d1 p{ padding-bottom: 30px;}

    .referrer_part2 .part3_3 .txt span,
    .referrer_part2 .part2_1 .txt span{border-width: 6px;}
    .referrer_part2 .part2_1 .d1_1 i{ padding-left: 30px;}
    .referrer_part2 .part2_1 .d1_2 b{padding-left: 30px;}

    .referrer_part2 .part3_4 .td1 b,
    .referrer_part2 .part2_2 .cont4 b,
    .referrer_part2 .part2_2 .cont4 .td1 b,
    .referrer_part2 .part2_2 .cont3 .td3 b,
    .referrer_part2 .part2_1 .d2_1 b{ padding: 3px 10px;}

    .referrer_part3 .box,
    .referrer_part2 .part3_3 .txt span,
    .referrer_part2 .part2_2 .txt,
    .referrer_part2 .part2_1 .txt span{font-size: 30px;}
    
    .referrer_part2 .part3_4 .td_box,
    .referrer_part2 .part3_4 .txt2,
    .referrer_part2 .part3_3 .tit,
    .referrer_part2 .part3_2 .txt,
    .referrer_part2 .part2_2 .cont4 dt,
    .referrer_part2 .part2_2 .cont4 .txt1,
    .referrer_part2 .part2_2 .tr .td2,
    .referrer_part2 .part2_1 .d1_1 b{font-size: 26px;}


    .referrer_part2 .part4 th,
    .referrer_part2 .part4 td,
    .referrer_part2 .part3_4 .td1 b,
    .referrer_part2 .part2_2 .cont4 .tips2,
    .referrer_part2 .part2_2 .cont4 b,
    .referrer_part2 .part2_2 .cont4 .td1 b,
    .referrer_part2 .part2_2 .cont3 .td4 span,
    .referrer_part2 .part2_2 .cont2 .d1 b,
    .referrer_part2 .part2_2 .tips,
    .referrer_part2 .part2_2 .tr .td3,
    .referrer_part2 .part2_2 .cont1 .td1 b,
    .referrer_part2 .part1 .d1 p,
    .referrer_part2 .part2_1 .d1_1 i,
    .referrer_part2 .part2_1 .d2_1 b,
    .referrer_part2 .part2_1 .d2_2 span{font-size: 18px;}
    
    .referrer_part2 .part2_2{padding: 0;}
    .referrer_part2 .part2_1 .cont{padding: 40px;}
    .referrer_part2 .part2_2 .txt::before{background-size: 40px !important;}
    .referrer_part2 .part2_2 .tr .td3 b{margin-left: 30px;}
    .referrer_part2 .part2_2 .cont1 .td1{width: 40%;}

    .referrer_part2 .part2_2 .cont3 .td2{width: 15%;}
    .referrer_part2 .part2_2 .cont3 .td3 b{margin: 2px 0;}
    .referrer_part2 .part2_2 .cont3 .td3{ width: 15%;}
    .referrer_part2 .part2_2 .cont3 .td4{width: 65%;}
    .referrer_part2 .part2_2 .cont3 .td4 .p1{width: auto; float: none; display: block; padding-bottom: 5px;}
    .referrer_part2 .part2_2 .cont3 .td4 span{float: none;}

    .referrer_part2 .part2_2 .cont4 dl{width: 50%;}
    .referrer_part2 .part2_2 .cont4 .tr{padding: 20px 0;}
    .referrer_part2 .part2_2 .cont4 .td1{width: 200px;}
    .referrer_part2 .part2_2 .cont4 .txt1::before{background-size: 14px !important;}

    .referrer_part2 .part3_2 .table_box{overflow: auto;}
    .referrer_part2 .part3_2 .table{width: 1200px;}
    .referrer_part2 .part3_3 .tit{padding: 50px 0;}

    .referrer_part3 .wrap{height: 470px;}

}


@media screen and (max-width:768px){
    
    .referrer_part2 .item_txt span,
    .referrer_part2 .part1 .d1,
    .referrer_part3 .box,
    .referrer_part2 .part3_3 .txt span{font-size: 28px;}


    .referrer_part2 .part3_4 .td_box,
    .referrer_part2 .part3_4 .txt2,
    .referrer_part2 .part3_3 .tit,
    .referrer_part2 .part3_2 .txt,
    .referrer_part2 .part2_2 .cont4 dt,
    .referrer_part2 .part2_2 .cont4 .txt1,
    .referrer_part2 .part2_2 .tr .td2{font-size: 18px;}


    .referrer_part2 .part4 th,
    .referrer_part2 .part4 td,
    .referrer_part2 .part3_4 .td1 b,
    .referrer_part2 .part2_2 .cont4 .tips2,
    .referrer_part2 .part2_2 .cont4 b,
    .referrer_part2 .part2_2 .cont4 .td1 b,
    .referrer_part2 .part2_2 .cont3 .td4 span,
    .referrer_part2 .part2_2 .cont2 .d1 b,
    .referrer_part2 .part2_2 .tips,
    .referrer_part2 .part2_2 .tr .td3,
    .referrer_part2 .part2_2 .cont1 .td1 b,
    .referrer_part2 .part1 .d1 p,
    .referrer_part2 .part2_1 .d1_1 i,
    .referrer_part2 .part2_1 .d2_1 b,
    .referrer_part2 .part2_2 .cont3 .td3 b,
    .referrer_part2 .part2_1 .d2_2 span{font-size: 14px;}


    .referrer_part1{height: 900px; margin-bottom: 20px;}
    .referrer_part1 .txt{font-size: 28px;}
    .referrer_part1 .tit span{padding: 0;}
    .referrer_part1 .tit span img{width: 100px;}
    .referrer_part1 .tit{padding-bottom: 130px;}

    .referrer_part1 .tlt dl{padding-bottom: 0; height: 180px;}
    .referrer_part1 .tlt dt{padding-bottom: 15px;}
    .referrer_part1 .tlt dt img{width: 50px;}
    .referrer_part1 .tlt dd{font-size: 30px; padding-bottom: 15px; }
    .referrer_part1 .tlt dd::before{width: 30px; height: 2px; margin-left: -15px;}

    .referrer_part2{margin-bottom: 50px;}
    .referrer_part2 .item_txt span{padding-left: 25px; height: 80px; line-height: 80px;}
    .referrer_part2 .item_txt span::before{ width: 4px; height: 30px; top: 27px;}

    .referrer_part2 .part1{padding: 30px 0 20px 0;}
    .referrer_part2 .part1 .d1 p{padding-bottom: 20px;}
    .referrer_part2 .part1 .d1 h2{font-size: 20px;}

    .referrer_part2 .part3_3 .txt span,
    .referrer_part2 .part2_1 .txt span{font-size: 20px; font-weight: normal; padding: 5px 10px; border-width: 3px;}
    .referrer_part2 .part2_1 .cont{padding: 25px;}
    .referrer_part2 .part2_1 .d1_1 b{font-size: 18px;}
    .referrer_part2 .part2_1 .d1_1 i{padding: 3px 0 0 10px;}
    .referrer_part2 .part2_1 .d1_2{padding-top: 3px;}
    .referrer_part2 .part2_1 .d1_2 b{padding-left: 10px;}
    .referrer_part2 .part2_1 .d2_1 b{float: none; display: block; margin: 0 0 4px 0;}
    .referrer_part2 .part2_1 .row{padding-top: 20px;}

  
    .referrer_part2 .part2_2 .txt{font-size: 20px; padding: 30px 40px 20px 0;}
    .referrer_part2 .part2_2 .txt::before{background-size: 30px !important; top: 16px;}

    .referrer_part2 .part2_2 .cont{padding: 25px;}
    .referrer_part2 .part2_2 .cont1 .td1{width: 80%; }
    .referrer_part2 .part2_2 .cont1 .td2{float: none;}
    .referrer_part2 .part2_2 .cont1 .td3{float: none;}
    .referrer_part2 .part2_2 .cont1 .tr .td3 b{margin: 0 10px 0 0; padding: 0;}

    .referrer_part2 .part2_2 .cont2 .d1{width: 30%;}
    .referrer_part2 .part2_2 .cont3 .td3{width: 18%;}

    .referrer_part2 .part2_2 .cont4 .txt1{padding: 20px 0 15px 0;}
    .referrer_part2 .part2_2 .cont4 .txt1 span{padding-left: 20px;}
    .referrer_part2 .part2_2 .cont4 .txt1 span::before{width: 2px; height: 15px; top: 2px;}
    .referrer_part2 .part2_2 .cont4 .txt1::before{background-size: 9px !important; top: 17px;}
    .referrer_part2 .part2_2 .cont4 .box{padding:0 25px;}
    .referrer_part2 .part2_2 .cont4 dl{width: 100%; padding: 10px 0;}
    .referrer_part2 .part2_2 .cont4 dd{height: auto;}

    .referrer_part2 .part3{padding: 30px 0;}
    .referrer_part2 .part3_3 .cont{padding: 0 25px;}
    .referrer_part2 .part3_3 .tit{padding: 30px 0;}
    .referrer_part2 .part3_3 .tet{padding: 20px 0;}

    .referrer_part2 .part3_4 .box2{padding: 25px; padding-top: 10px;}
    .referrer_part2 .part3_4 .td_box{font-size: 16px;}
    .referrer_part2 .part3_4 .td_box2 span{width: 100%; padding: 5px 0;}

    .referrer_part2 .part4{padding-top: 30px;}
    .referrer_part2 .part4 .table_box{overflow: auto;}
    .referrer_part2 .part4 .table{width: 600px;}
    .referrer_part3 .box a{background-size: 50px; width: 50px; height: 50px;}
}