.contact_ban{position: relative;z-index: 5;}

.maodian{position: absolute;left: 0;top: -100px;height: 1px;width: 100%;}




.contact_ban img{width: 100%;}

.contact1{position: relative;z-index: 5;background: #fff;padding: 150px 0;}

.contact1 .cont1_con{width: 74%;margin: 0 auto;display: flex;}

.contact1 .cont1_con .con_le{width: 50%;}

.contact1 .cont1_con .con_le img{width: 100%;}

.contact1 .cont1_con .con_re{border: 1px solid #dddddd;width: 50%;display: flex;align-items: center;justify-content: center;text-align: center;}

.contact1 .cont1_con .con_re s{display: block;width: 25px;height: 1px;margin: 35px auto 25px;background: #000;}

.contact1 .cont1_con .con_re .c2{font-family: dinb;margin-bottom: 23px;}

.contact1 .cont1_con .con_re .c3 a{background: #000;width:352px;height: 70px;color: #fff;position: relative;}

.contact1 .cont1_con .con_re .c3 a::after{width: 100%;height: 0%;position: absolute;left: 0;bottom: 0;background: #e7004c;content: "";transition: all 0.4s;}

.contact1 .cont1_con .con_re .c3 a span{display: block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}

.contact1 .cont1_con .con_re .c3 a span img{margin-right: 15px;width: 25px;height: 25px;}

.contact1 .cont1_con .con_re .c4{color: #555;margin-top: 22px;line-height: 22px;}

.contact1 .cont1_con .con_re .c3 a:hover::after{height: 100%;transition: all 0.4s;}

.contact2{padding-bottom: 150px;position: relative;z-index: 5;background: #fff;}

.contact2 .cont2_con{width: 74%;margin: 0 auto;}


.contact2 .cont2_con .ul{display: flex;justify-content: space-between;}

.contact2 .cont2_con .ul .li{border:1px solid #e2e2e2 ;width: 32.4%;padding: 65px 45px 60px 50px;}

.contact2 .cont2_con .ul .li .l1 img{margin: 0 auto;width: 52px;}

.contact2 .cont2_con .ul .li .l2{text-align: center;margin: 30px 0 80px;line-height: 35px;}

.contact2 .cont2_con .ul .li .l3{line-height: 26px;color: #555555;}

.contact2 .cont2_con .ul .li .l3 span.sp1{display: block;margin-bottom: 10px;color: #000;}

.contact2 .cont2_con .ul .li .l3 s{width: 100%;display: block;height: 40px;}

.contact3{position: relative;z-index: 5;background: #fff;padding-bottom: 300px;}

.contact3 .cont3_con{width: 74%;margin: 0 auto;display: flex;overflow: hidden;}

.contact3 .cont3_con .con_le{width: 67.6%;}

.contact3 .cont3_con .con_le img{width: 100%;}

.contact3 .cont3_con .con_re{width: 32.3%;background: #f4f4f4;padding: 45px  40px 20px 40px;}

.contact3 .cont3_con .con_re .re_con{height: 100%;}

.contact3 .cont3_con .con_re .re1{display: flex;align-items: center;justify-content: space-between;}

.contact3 .cont3_con .con_re .re1 .l{width: 49%;border: 1px solid #dddddd;position: relative;}

.contact3 .cont3_con .con_re .re1 .l::after{content: "";width: 10px;height: 8px;position: absolute;right: 20px;top: 18px;background: url(../images2/contact3_2.png) center no-repeat;}

.contact3 .cont3_con .con_re .re1 .l:last-child{display: none;}

.contact3 .cont3_con .con_re select {height: 100%;padding-left: 20px;font-size: 16px;color: #444444;height: 42px;background: #fff;box-shadow: none;border: none;outline: none;-webkit-appearance: none;position: relative;}


.contact3 .cont3_con .con_re .re2{display: flex;border: 1px solid #dddddd;background: #fff;height: 42px;justify-content: space-between;margin-top: 10px;}

.contact3 .cont3_con .con_re .re2 .rl{width: 100%;}

.contact3 .cont3_con .con_re .re2 .rl input{width: 100%;height: 100%;outline: none;background: none;border: none;padding-left: 20px;color: rgba(153,153,153, 1);font-size: 14px;}

.contact3 .cont3_con .con_re .re2 .rr{width: 75px;text-align: center;line-height: 40px;cursor: pointer;}


input::-webkit-input-placeholder{
    color: rgba(153,153,153, 0.5);
    font-size: 14px;
    line-height: 40px;
}
input:-moz-placeholder {
    color: rgba(153,153,153, 0.5);
    font-size: 14px;
    line-height: 40px;
}
input::-moz-placeholder {
    color: rgba(153,153,153, 0.5);
    font-size: 14px;
    line-height: 40px;
}
input:-ms-input-placeholder {
    color: rgba(153,153,153, 0.5);
    font-size: 14px;
    line-height: 40px;
}
.contact3 .cont3_con .con_re .re3{margin-top: 10px;}

.contact3 .cont3_con .con_re .re3 a{display: block;text-align: center;height: 42px;width: 100%;text-align: center;background: #000;line-height: 42px;color: #fff;position: relative;}

.contact3 .cont3_con .con_re .re3 a::after{content: "";width: 100%;height: 0%;position: absolute;left: 0;bottom: 0;background: #e7004c;transition: all 0.4s;}

.contact3 .cont3_con .con_re .re3 a span{display: block;position: relative;z-index: 1;width: 100%;height: 100%;}

.contact3 .cont3_con .con_re .re3 a:hover:after{height: 100%;transition: all 0.4s;}

.contact3 .cont3_con .con_re .re4 {margin-top: 7px;position: relative;}

.contact3 .cont3_con .con_re .re4 .ul{padding: 30px 30px 0 0;overflow-y: auto;max-height: 540px;}

.contact3 .cont3_con .con_re .re4::before{width: 12px;height: 3px;background: #000;position: absolute;top: 0;right: -0px;content: "";}

.contact3 .cont3_con .con_re .re4::after{width: 12px;height: 3px;background: #000;position: absolute;bottom: 0;right: -0px;content: "";}


.contact3 .cont3_con .con_re .re4 .ul::-webkit-scrollbar{ width:12px;height: 1px;}

.contact3 .cont3_con .con_re .re4 .ul::-webkit-scrollbar-thumb{ background:#000 url(../images2/gun.png) center no-repeat;width: 12px;}

.contact3 .cont3_con .con_re .re4 .ul::-webkit-scrollbar-track{ background:#e3e3e3;border: 4px solid #f4f4f4;}



.contact3 .cont3_con .con_re .re4 .li{display: flex;margin-bottom: 35px;}

.contact3 .cont3_con .con_re .re4 .li .rl{width: 27px;}

.contact3 .cont3_con .con_re .re4 .li .rr{width: calc(100% - 30px);}

.contact3 .cont3_con .con_re .re4 .li .rr .l1{margin-bottom: 15px;line-height: 20px;}

.contact3 .cont3_con .con_re .re4 .li .rr .l2{margin-bottom: 3px;color: #666666;}

.contact3 .cont3_con .con_re .re4 .li .rr .l3{line-height: 24px;color: #666666;}

.ssts{position: fixed;left: 0;top: 0;width: 100%;z-index: 100;background: rgb(0,0, 0,0.8);height: 100%;display: none;}

.ssts .ss{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 200px;height: 60px;background: #fff;color: #000;text-align: center;line-height: 60px;letter-spacing: 1.2px;}

.ssts .ss span {color: #e7004c;margin: 0 5px;}

@media screen and (max-width:2000px) {
    .contact3 .cont3_con .con_re .re4 .ul{max-height: 430px;}
}


@media screen and (max-width:1680px) {
    .contact3 .cont3_con .con_re .re4 .ul{max-height: 350px;}

    .contact2 .cont2_con .ul .li{padding: 40px 30px;}

    .contact2 .cont2_con .ul .li .l2{margin: 20px 0 50px;}


}


@media screen and (max-width:1500px) {
    .contact3 .cont3_con .con_re .re4 .li{margin-bottom: 20px;}

    .contact3 .cont3_con .con_re .re4 .ul{max-height:295px;padding: 20px 15px 0 0;}

    .contact3 .cont3_con .con_re{padding: 30px 30px 10px 30px;}
}

@media screen and (max-width:1400px) {
    .contact1 .cont1_con,.contact2 .cont2_con,.contact3 .cont3_con{width: 83.33%;}
}


@media screen and (max-width:1200px) {
    .contact1 .cont1_con, .contact2 .cont2_con, .contact3 .cont3_con{width: 90%;flex-wrap: wrap;}

    .contact1 .cont1_con .con_le,.contact1 .cont1_con .con_re{width: 100%;}

    .contact1 .cont1_con .con_re{padding: 30px 20px;}

    .contact1{padding: 40px 0;}

    .contact1 .cont1_con .con_re .c3 a{width: 100%;height: 50px;}

    .contact1 .cont1_con .con_re .c4{line-height: 26px;}

    .contact1 .cont1_con .con_re s{margin: 25px auto;}

    .contact2 .cont2_con .ul{flex-wrap: wrap;}

    .contact2 .cont2_con .ul .li{width: 100%;padding: 30px 20px;margin-bottom: 20px;}

    .contact2 .cont2_con .ul .li:last-child{margin-bottom: 0;}

    .contact2 .cont2_con .ul .li .l2{margin: 20px 0 30px;}

    .contact2{padding-bottom: 40px;}

    .contact3 .cont3_con .con_le{width: 100%;}

    .contact3 .cont3_con .con_re{width: 100%;padding: 30px 20px;}

    .contact3 .cont3_con .con_re .re1{flex-wrap: wrap;}

    .contact3 .cont3_con .con_re .re1 .l{width: 100%;margin-bottom: 10px;}

    .contact3 .cont3_con .con_re .re1 .l:last-child{margin-bottom: 0;}

    .contact3{padding-bottom: 40px;}
}