.f_100{font-size: 100px;}

/* .rorb{font-family: 'rorb';} */

.pro_contact.product_banner .txt .tc{transform: translateY(0px);}

.pro_contact.product_banner .txt .c2{margin: 30px 0 0;}

.contact{padding: 80px 0 50px;}

.contact .ul{display: flex;flex-wrap: wrap;}

.contact .ul .li{width: 32%;margin-right: 2%;margin-bottom: 2%;}

.contact .ul .li:nth-child(3n){margin-right: 0;}

.contact .ul .li a{display: block;height: 100%;background: #f7f7f7;}

.contact .ul .li .img{overflow: hidden;}

.contact .ul .li .img img{width: 100%;}

.contact .ul .li .txt{background: #f7f7f7;padding: 30px 40px 35px;}

.contact .ul .li .txt .t1{line-height: 1.5;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.contact .ul .li .txt .t2{line-height: 1.8;margin: 8px 0 22px;  display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.contact .ul .li .txt .t3 img{width: 32px;}

.contact .ul .li:hover .img img{transform: scale(1.05);}

.contact .ul .li:hover .t1{color: #0b9cd9;}





.contact1{padding: 80px 0;}

.contact1 .ul{display: flex;flex-wrap: wrap;}

/* .contact1 .ul .li{width: 23.455%;margin-right: 2.06%;}

.contact1 .ul .li:nth-child(4n){margin-right: 0;} */

.contact1 .ul .li{width: 32%;margin-right: 2%;}

.contact1 .ul .li:nth-child(3n){margin-right: 0;}

.contact1 .ul .li a{display: block;}

.contact1 .ul .li .img {overflow: hidden;}

.contact1 .ul .li .img img{width: 100%;}

.contact1 .ul .li .txt{text-align: center;line-height: 1.5;padding: 24px 0 5px;}

.contact1 .ul .li:hover .img img{transform: scale(1.05);}

.contact1 .ul .li:hover .txt{color: #0b9cd9;}

.contact2{padding: 80px 0;}

.contact2 .con1{}

.contact2 .con1 .c1{padding-bottom: 18px;border-bottom: 1px solid #e5e5e5;margin-bottom: 25px;}


.contact2 .con1 .c2{}

.contact2 .con1 .c2 .l1{margin-bottom: 10px;}

.contact2 .con1 .c2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.contact2 .con1 .c2 .ul .li{width: 49%;margin-bottom: 25px;}

.contact2 .con1 .c2 .ul .li .l2{border: 1px solid #e5e5e5;border-radius: 3px;}

.contact2 .con1 .c2 .ul .li .l2 input{height: 50px;width: 100%;border: 0;outline: navajowhite;padding: 0 20px;font-size: 18px;color: #222;background: none;font-family: 'siyaun_re';}

.contact2 .con1 .c2 .ul .li .l3{margin-bottom: 15px;}

.contact2 .con1 .c2 .ul .li2{width: 100%;}

.contact2 .con1 .c2 .ul .li2 textarea{width: 100%;height: 200px;line-height: 50px;border: 0;outline: navajowhite;padding: 0 20px;font-size: 18px;color: #222;font-family: 'siyaun_re';resize: none;background: none;}


.contact2 .con1 .c2 .ul .li .dizhi{display: flex;justify-content: space-between;}

.contact2 .con1 .c2 .ul .li .dizhi .di{width: 32%;}

.contact2 .con1 .c3{}

.contact2 .con1 .c3 .t1{margin-bottom: 10px;}

.contact2 .con1 .c3 .t2{line-height: 1.5;color: #555555;margin-bottom: 25px;}

.contact2 .con1 .c3 .t3{display: flex;align-items: center;}

.contact2 .con1 .c3 .t3 .n{border: 1px solid #767676; width: 100px;height: 25px;text-align: center;background: #efefef;border-radius: 3px;position: relative;margin-right: 7px;line-height: 22px;}

.contact2 .con1 .c3 .t3 .n input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

.contact2 .con1 {margin-bottom: 65px;}

.contact2 .con2{}

.contact2  .chosen-container-single .chosen-single{padding: 0 20px;}

.contact2 .chosen-container-single .chosen-search{padding: 3px 20px;}

.contact2 .chosen-container .chosen-results{padding: 0  20px;}

.contact2 .chosen-container-single .chosen-single{height: 50px;line-height: 50px;}

.contact2 .con1 .c4{}

.contact2 .con1 .c4 .t1{text-align: center;}

.contact2 .con1 .c4 .t2{display: flex;justify-content: center;margin: 20px 0;}

.contact2 .con1 .c4 .t2 .i{width: 375px;height: 80px;}

.contact2 .con1 .c4 .t2 .i img{width: 100%;height: 100%;}

.contact2 .con1 .c4 .t3{display: flex;justify-content: center;}

.contact2 .con1 .c4 .t3 .in{width: 375px;height: 40px;border:1px solid #e1e3e5 ;}

.contact2 .con1 .c4 .t3 .in input{width: 100%;height: 100%;border: 0;outline: none;background: none;padding: 0 12px;font-size: 14px;color: #222;font-family: 'siyaun_re';}

.contact2 .con1 .c4 .t4{display: flex;justify-content: center;margin-top: 40px;}

.a_shangc{padding: 0 40px;height: 50px;border-radius: 5px;display: flex;align-items: center;justify-content: center;background: #0b9cd9;}

.a_shangc span{color: #fff;}

.a_shangc .i{width: 30px;margin-left: 8px;transform: translateY(2px);}

.a_shangc:hover{opacity: 0.8;}

.contact2 .con3{margin-bottom: 40px;}

.contact2 .con4{line-height: 1.5;padding: 20px 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;color: #555555;}

.contact2 .con4 a{color: #0b9cd9;}

.contact3{padding: 80px 0 50px;}

.contact3 .ul{display: flex;flex-wrap: wrap;}

.contact3 .ul .li{width: 31.9%;margin-right: 2.15%;margin-bottom: 2.15%;border: 1px solid #d7d9db;border-radius: 5px;}

.contact3 .ul .li:nth-child(3n){margin-right: 0;}

.contact3 .ul .li a{display: block;}

.contact3 .ul .li .t1{height: 125px;display: flex;align-items: center;padding: 0 35px;line-height: 1.2;}

.contact3 .ul .li .t2{display: flex;justify-content: space-between;height: 60px;background: #299bcc;}

.contact3 .ul .li .t2 .r{width: 60px;height: 100%;background: #2384ad;display: flex;align-items: center;justify-content: center;}


.contact3 .ul .li .t2 .r img{width: 25px;}

.contact3 .ul .li .t2 .l{display: flex;align-items: center;justify-content: center;width: calc(100% - 60px);}

.contact3 .ul .li .t2 .l span{color: #fff;}

.a_fanhui{background: #299bcc;border-radius: 5px;overflow: hidden;}

.a_fanhui .ac{display: flex;align-items: center;justify-content: center;height: 50px;}

.a_fanhui  span{color: #fff;padding: 0 12px;}

.a_fanhui .i{width: 60px;height: 100%;display: flex;align-items: center;justify-content: center;background: #2384ad;border-right: 1px solid #20789e;}

.a_fanhui .i .p{width: 22px;height: 22px; border: 2px solid #fff;border-radius: 50px;display: flex;align-items: center;justify-content: center;}

.a_fanhui .i .p img{width: 18px;}

.a_fanhui:hover{opacity: 0.8;}

.contact4{padding: 80px 0;}

.contact4 .con1{margin-bottom: 40px ;}

.contact4 .con2{border: 1px solid #e6e8eb;padding: 30px 0 7px;}

.contact4  .li a{display: flex;justify-content: space-between;padding: 15px;line-height: 1.5;}

.contact4  .li .p1{width: 72%;}

.contact4  .li .p2{width: 14%;text-align: center;}

.contact4  .li .p3{width: 14%;text-align: center;}

.contact4 .con3 .li{background: #f7f8fa;border: 1px solid #e6e8eb;border-bottom: 0;}

.contact4 .con3 .li:last-child{border-bottom: 1px solid #e6e8eb;}

.contact4 .con3 .li .p1{color: #299bcc;}

.contact4 .con3 .li:hover .p1{transform: translateX(10px);}


.contact5{padding: 80px 0 50px;}

.contact5 .con1{display: flex;justify-content: space-between;}


.contact5 .con1 .le{width: 48.5%;}

.contact5 .con1 .le .yewxl{width: 100%;border: 1px solid #e6e8eb;height: 70px;border-radius: 3px;}

.contact5 .con1 .le .yewxl .yew1{line-height: 68px;}

.contact5 .con1 .re{width: 48.5%;display: flex;align-items: center;border-radius: 3px;overflow: hidden;}

.contact5 .con1 .re .in{width: calc(100% - 80px);background: #e6e8eb;}

.contact5 .con1 .re .in input{width: 100%;height: 70px;background: none;border: 0;outline: none;padding: 0 20px;font-size: 18px;font-family: 'siyaun_re';}

.contact5 .con1 .re .in input::-webkit-input-placeholder{
    color:#222222;
    font-size:18px;

}
.contact5 .con1 .re .in input:-moz-placeholder {
    color:#222222;
    font-size:18px;

}
.contact5 .con1 .re .in input::-moz-placeholder {
    color:#222222;
    font-size:18px;

}
.contact5 .con1 .re .in input:-ms-input-placeholder {
    color:#222222;
    font-size:18px;

}

.contact5 .con1 .re a{width: 80px;height: 100%;display: flex;align-items: center;justify-content: center;background: #e6e8eb;border-left: 1px solid #d7d9db;}

.contact5 .con1 .re a .i{width: 22px;position: relative;}

.contact5 .con1 .re a .i img{width: 100%;}

.contact5 .con1 .re a .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.contact5 .con1 .re a:hover{background: #0b9cd9;}

.contact5 .con1 .re a:hover .i img:last-child{opacity: 1;}

.contact5 .con1 .re a:hover .i img:first-child{opacity: 0;}

.contact5 .con2 {margin-top: 60px;}

.contact5 .con2 .ul{display: flex;flex-wrap: wrap;}

.contact5 .con2 .ul .li{width: 32%;background: #299bcc;border-radius: 5px;overflow: hidden;margin-right: 2%;margin-bottom: 2%;}

.contact5 .con2 .ul .li:nth-child(3n){margin-right: 0;}

.contact5 .con2 .ul .li a{display: flex;justify-content: space-between;height: 60px;}

.contact5 .con2 .ul .li .txt{width: calc(100% - 60px);display: flex;align-self: center;justify-content: center;color: #fff;}

.contact5 .con2 .ul .li .in{width: 60px;height: 100%;display: flex;align-items: center;justify-content: center;border-left: 1px solid rgba(0, 0, 0, 0.1);background:rgba(0, 0, 0, 0.1);}

.contact5 .con2 .ul .li .in img{width: 27px;}

/* 

.contact5 .con2 .ul .li1{background: #299bcc;}

.contact5 .con2 .ul .li1 .in{background: #2384ad;}

.contact5 .con2 .ul .li2{background: #297acc;}

.contact5 .con2 .ul .li2 .in{background: #2368ad;}

.contact5 .con2 .ul .li3{background: #eb9046;}

.contact5 .con2 .ul .li3 .in{background: #d1813f;}

.contact5 .con2 .ul .li4{background: #29cc7a;}

.contact5 .con2 .ul .li4 .in{background: #23ad68;}

.contact5 .con2 .ul .li5{background: #f2555d;}

.contact5 .con2 .ul .li5 .in{background: #d95259;}

.contact5 .con2 .ul .li6{background: #e3b74e;}

.contact5 .con2 .ul .li6 .in{background: #d9a937;}

.contact5 .con2 .ul .li7{background: #85c72e;}

.contact5 .con2 .ul .li7 .in{background: #6aac15;} */

.contact5 .con2 .ul .li:hover{transform: translateY(-5px);}

.contact6{padding: 80px 0 50px;}

.contact6 .con1{margin-bottom: 50px;}

.contact6 .ul{display: flex;flex-wrap: wrap;}

.contact6 .ul .li{width: 23.4025%;margin-right: 2.13%;margin-bottom: 2.13%;}

.contact6 .ul .li:nth-child(4n){margin-right: 0;}

.contact6 .ul .li a{display: block;background: #f7f7f7;height: 100%;}

.contact6 .ul .li .img{overflow: hidden;}

.contact6 .ul .li .img img{width: 100%;transform: scale(1.0001);}

.contact6 .ul .li .txt{line-height: 1.5;padding: 24px 10px;text-align: center;}

.contact6 .ul .li:hover .img img{transform: scale(1.05);}

.contact6 .ul .li:hover .txt{color: #0b9cd9;}


.contact7{padding: 80px 0 50px;}

.contact7 .con1{display: flex;justify-content: space-between;margin-bottom: 60px;}

.contact7 .con1 .le{width: 31.5%;}

.contact7 .con1 .le .yewxl{border: 1px solid #e6e8eb;height: 70px;border-radius: 3px;}

.contact7 .con1 .le .yewxl .yew1{line-height: 68px;}

.contact7 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.contact7 .ul .li{width: 49.1%;margin-bottom: 2%;}

.contact7 .ul .li a{height: 100%;display: flex;height: 60px;}

.contact7 .ul .li  .txt{width: calc(100% - 60px);display: flex;align-items: center;padding: 0 26px;border: 1px solid #e5e5e5;border-radius: 3px 0 0 3px;}

.contact7 .ul .li  .in{width: 60px;height: 100%;background: #e5e5e5;display: flex;align-items: center;justify-content: center;border-left: 1px solid rgba(0, 0, 0, 0);border-radius: 0 3px 3px 0;}

.contact7 .ul .li  .in .i{position: relative;}

.contact7 .ul .li  .in img{width: 25px;}

.contact7 .ul .li  .in img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}


.contact7 .ul .li:hover .in{background: #2384ad;border-left: 1px solid rgba(0, 0, 0, 0.1);}

.contact7 .ul .li:hover .in img:last-child{opacity: 1;}

.contact7 .ul .li:hover .in img:first-child{opacity: 0;}

.contact7 .ul .li:hover  .txt span{color: #fff;}

.contact7 .ul .li:hover .txt{border: 1px solid transparent;background: #299bcc;}

.contact8{}

.contact8 .con1 .c5{margin-bottom: 45px;}

.contact8 .con1 .c5 .t1{line-height: 1.3;margin-bottom: 15px;}

.contact8 .con1 .c5 .t2{line-height: 1.6;}

.contact8 .con1{margin-bottom: 30px;}


.contact8 .con2 .c1{line-height:30px;display: flex;align-items: flex-start;}

.contact8 .con2 .c1 .wz{width:calc(100% - 30px);}

.contact8 .con2 .c1 .dian{margin-top:5px;}

.contact8 .con2 .c1 a{color: #0b9cd9;}

.contact8 .con2 .c2{display: flex;align-items: center;margin-top: 10px;}

.contact8 .con2 .c3{display: flex;margin: 30px 0 25px;}

.contact8 .con2 .c3 a{padding: 0 49px;}

.contact8 .con2 .c4{line-height: 1.4;}

.contact8 .con2 .dian{width: 20px;height: 20px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;margin-right: 10px;position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;}

.contact8 .con2 .dian img{width: 14px;}

.contact8 .con2 .dian.act img{opacity: 1;}

.contact8 .con2 .dian.act {background: #0b9cd9;border: 1px solid #0b9cd9;}


.contact10{padding: 80px 0 50px;}

.contact10 .ul{display: flex;flex-wrap: wrap;}

.contact10 .ul .li{width: 32%;margin-right: 2%;margin-bottom: 2%;border: 1px solid #d7d9db;border-radius: 5px;padding: 31px 35px;}

.contact10 .ul .li:nth-child(3n){margin-right: 0;}

.contact10 .ul .li .l1{border-bottom: 1px dashed #d7d9db;padding-bottom: 25px;margin-bottom: 25px; line-height: 1.5;}

.contact10 .ul .li .l2{line-height: 1.5;margin-bottom: 20px;}

.contact10 .ul .li .l3{line-height: 1.6;}

.contact10 .ul .li .l4{line-height: 1.5;}

.contact10 .ul .li .l4 p{margin-top: 10px;}

.contact10 .ul .li .l4 p a{color: #0b9cd9;font-family: 'rorb';}

.contact10 .ul .li:hover{transform: translateY(-5px);}


.mianbaoxue{padding: 30px 0 0;}

.mianbaoxue .ul{display: flex;align-items: center;}

.mianbaoxue .ul .li{margin-right: 38px;position: relative;}

.mianbaoxue .ul .li::after{content: "";width: 18px;height: 18px;background: url("../image/xia.svg") center no-repeat;background-size: 100% 100%;right: -27px;top: 0px;display: block;position: absolute;transform: rotate(-90deg);}

.mianbaoxue .ul .li:last-child{margin-right: 0;}

.mianbaoxue .ul .li:last-child::after{content: none;}

.mianbaoxue .ul  a:hover{color: #0b9cd9;}


.mianbaoxue.mianbaoxue_pro{padding-bottom: 20px;}

.mianbaoxue.mianbaoxue_pro2{padding-bottom: 30px;}


.tctss{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10001;background: rgba(0, 0, 0, 0.5);display: none;}

.tctss .t_con{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

.tctss .t_con .con{width: 1100px;height: 280px;background: #fff;position: relative;text-align: center;line-height: 1.6;padding: 100px 140px 0;border-radius: 3px;}

.tctss .t_con .con .out{position: absolute;right: 20px;top: 20px;border: 1px solid #cbcdcf;display: flex;align-items: center;justify-content: center;border-radius: 100px;width: 30px;height: 30px;cursor: pointer;}

.tctss .t_con .con .out img{width: 15px;}









@media screen and (max-width:1680px) {
    .f_100{font-size: 70px;}

    .pro_contact.product_banner .txt .c2{margin: 20px  0 0;}
}

@media screen and (max-width:1025px) {
    .contact1 .ul{flex-wrap: wrap;justify-content: space-between;}

    .contact1 .ul .li{width: 100%;margin-right: 0;margin-bottom: 5%;}
    
    /* .contact1{margin-bottom: 45vh;} */

    .contact10 .ul .li{width: 100%;margin-bottom:5%;margin-right: 0;}
}