.serr_ban{position: absolute;width: 100%;bottom: 50px;height: 90px;}

.serr_ban .ser_con{display: flex;justify-content: space-between;height: 100%;}

.serr_ban .ser_con .con_le{display: flex;align-items: center;background: #fff;height: 100%;width: calc(100% - 215px);padding-left: 45px;}

.serr_ban .ser_con .con_le .le2{height: 100%;width: calc(100% - 90px);}

.serr_ban .ser_con .con_le input{width: 100%;height: 100%;padding-left: 20px;border: 0;outline: none;background: none;font-size: 18px;}

.serr_ban .ser_con .con_re{width: 215px;height: 100%;background: #f18d00;}

.serr_ban .ser_con .con_re a{display: flex;align-items: center;height: 100%;width: 100%;justify-content: center;}

.serr_ban .ser_con .con_re .i{width: 20px;height: 20px;position: relative;margin-right: 20px;}

.serr_ban .ser_con .con_re  span{color: #fff;}

.serr_ban .ser_con .con_re .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.serr_ban .ser_con .con_re:hover{background: rgb(226, 145, 31);}

.search{}

.search .con1{display: flex;padding-bottom: 50px ;border-bottom: 2px solid #404040;}

.search .con1 a{color: #404040;}

.search .con1 a{color: #f18d00;}

.search2{padding-bottom: 170px;}




.ser_pro{background: #fff;padding: 50px 0 170px;}

.product_banner{position: relative;}

.product_banner .pro_con{position: relative;}

.product_banner .img{background: url(../images/pro_ban.jpg) center no-repeat fixed;background-size: cover;}

.product_banner .img img{width: 100%;}

.product_banner .img .pc{opacity: 0;}

.product_banner .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;text-align: center;}

.product_banner .txt .t2{margin-top: 20px;line-height: 30px;}

.product_banner .prodh{position: absolute;left: 0;width: 100%;bottom: 30px;height: 105px;}

.product_banner .prodh .pr_con{height: 105px;position: absolute;left: 0;top: 0;width: 100%;}

.product_banner .prodh .ibox{display: flex;justify-content: space-between;height: 100%;}

.product_banner .prodh .ibox .con_le{display: flex;padding-left: 6.5%;height: 100%;width: 71.875%;background: #074594;}


.product_banner .prodh .ibox .con_re{width: 28.125%;background: #fff;height: 100%;}

.product_banner .prodh .ibox .con_le a{display: flex;align-items: center; color: #fff;margin-right: 60px;height: 100%;position: relative;}

.product_banner .prodh .ibox .con_le a::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 0;background: #fff;height: 2px;width: 0%;transition: all 0.6s;}

.product_banner .prodh .ibox .con_le a:last-child{margin-right: 0;}

.product_banner .prodh .ibox .con_le a:hover::after{width: 100%;}

.product_banner .prodh .ibox .con_le a.act::after{width: 100%;}

.product_banner .prodh .ibox .con_re .res{position: absolute;right: 0;height: 100%;display: flex;align-items: center;padding-right: 50px;}

.product_banner .prodh .ibox .con_re .res .r2{color: #dddddd;margin-left: 10px;}

.product_banner .prodh .ibox .con_re .res .r1{color: #074594;}

.product_banner .prodh.act .pr_con{position: fixed;left: 0;top: 0;}

@media screen and (max-width:1680px) {

}

@media screen and (max-width:800px) {

  .serr_ban{height: 50px;}

  .serr_ban .ser_con .con_re{width: 100px;}

  .serr_ban .ser_con .con_le{width: calc(100% - 100px);padding-left: 20px;}

  .serr_ban .ser_con .con_re .i{margin-right: 10px;}

  .serr_ban .ser_con .con_le .le2{width: calc(100% - 75px);}


}