.pdx_banner-con{float: right;width: 66%;}
.pdx_banner-p{line-height: 28px;height: 112px;overflow: hidden;margin-top: 20px;}
.pdx_banner-b{margin-top: 40px;}
.pdx_banner-b h3{color: #03dad7;margin-bottom: 50px;}
.pdx_banner-b ul{display: inline-block;width: 100%;}
.pdx_banner-b ul li{float: left;text-align: center;margin-right: 5%;cursor: pointer;margin-bottom: 20px;}
.pdx_banner-b ul li dd{width: 60px;height: 60px;border-radius: 100%;background: #fff;margin: 0 auto;overflow: hidden;transition: all .3s;}
.pdx_banner-b ul li dd img{width: 100%;height: 100%;}
.pdx_banner-b ul li dt{margin-top: 10px;}

.pdx_content{margin-top: 5%;overflow: hidden;padding-bottom: 7%;}
.pdx_l{background: url(../images/pdx/pdx_01.png) no-repeat center;background-size: cover;border-top-left-radius: 20px;border-bottom-right-radius: 20px;
padding: 30px;box-sizing: border-box;color: #fff;}
.pdx_l>h3{margin-bottom: 20px;}
.idSearch,.keySearch{position: relative;margin-bottom: 20px;overflow: hidden;}
.idSearch input,.keySearch input{display: block;width: 100%;height: 40px;padding: 0 12px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
background: #fff;border-radius: 3px;border: 0;font-size: 16px;}
.idSearch .btn,.keySearch .btn{position: absolute;right: 0;top: 0;width: 50px;text-align: center;font-size: 24px;box-shadow: none;border: 0;line-height: 40px;color: #00867d;font-weight: bold;}
.pdx-name{margin-bottom: 20px;}
.pdx-name dl{position: relative;}
.pdx-name dt {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #07605f;
    padding: 0 12px;
}
.pdx-name dt p {
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pdx-name dt i {
    position: absolute;
    right: 20px;
    top: 0;
    font-weight: bold;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.pdx-name dd{position: absolute;left: 0;top:100%;width: 100%;box-sizing:border-box;padding:10px 0;background:#fff;height: 234px;overflow: hidden;overflow-y:auto!important;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);display: none;z-index: 5}
.pdx-name dd a{display: block;padding: 0 20px;line-height: 24px;margin: 10px 0;}
.pdx-chooseBox{overflow: hidden;margin-bottom: 20px;}
.pdx-chooseBox li{float: left;width: 50%;background:none!important;height: auto!important;line-height: inherit!important;font-weight: inherit!important;pointer-events:inherit!important;color: #fff!important;}
.pdx-chooseBox li span{display: inline-block;width: 14px;height: 14px;background: url(../images/pdx/box.png) no-repeat center;background-size: cover;margin-right: 10px;vertical-align: middle;margin-top: -2px;}
.pdx-chooseBox li.on span{background: url(../images/pdx/box_on.png) no-repeat center;background-size: cover;}

.pdxType{padding-top: 25px;}
.pdxType>h3{margin-bottom: 30px;}
.pdxType-con dl{margin-bottom: 30px;}
.pdxType-con dd{line-height: 24px;overflow: hidden;cursor: pointer;}
.pdxType-con dd i{float: left;font-size: 22px;margin-right: 10px;}
.pdxType-con dd p{float: left;}
.pdxType-con dt{padding: 5px 0 0px 45px;box-sizing: border-box;color: #fff;display: none;}
.pdxType-con dt p{margin: 10px 0;}
.pdxType-con dt p a{color: #fff;}

.pdxType-con dl.on dd .icon-jia:before {
    content: "\e66e";
}
.pdx_r .pro_table .ph_table{margin-bottom: 0;}
.pdx_r .pro_table .t3{width: 55%!important;padding: 20px 25px!important;}
.pdx_r .pro_table .t1,.pdx_r .pro_table .t2,.pdx_r .pro_table .t4{width: 15%!important;}
.pdx_r .pro_table tbody .t1 a{color: #272727;font-weight: bold;}


.pdx_public{/*position: fixed;*/top: 66px;left: 0;z-index: 10;background: #fff;padding: 40px 0;box-sizing: border-box;display: none;box-shadow: 0 0 10px rgba(0,0,0,.1);width: 100%;}
.pdx_swiper{position: relative;padding: 0 135px;box-sizing: border-box;}
.pdx_swiper li{cursor: pointer;}
.pdx_swiper dl{text-align: center;}
.pdx_swiper dd{width: 60px;height: 60px;border-radius: 100%;background: #fff;margin: 0 auto;border: 1px solid #d2d2d2;overflow: hidden;}
.pdx_swiper dd img{width: 100%;height: 100%;transition: all .3s;}
.pdx_swiper dt{margin-top: 10px;}
.img02{transform: translateY(-200%);}
.pdx_swiper .lhl_but div{background: none;font-size: 24px;text-align: center;color: #0a9f9d;line-height: 44px;}
.pdx_swiper li.on dd{background: #0a9f9d;}
.pdx_swiper li.on dd .img02{transform: translateY(-100%);}
.pdx_swiper li.on dd .img01{transform: translateY(100%);}

.pdx_swiper .swiper-button-prev.swiper-button-disabled,.pdx_swiper .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.pdx_swiper .swiper-button-prev.disabled{ cursor: default;opacity: 0.6;}
.pdx_swiper .swiper-button-next.disabled{ cursor: default;opacity: 0.6;}

.pdx_public.on{display: block;}
.pdx_details .pdx_public{display: block;}
.pdx_details-con{background: url(../images/pdx/pdx_02.png) no-repeat top center;/*margin-top: 176px;*/overflow: hidden;}
.pdx_details-con .pdx_content{margin-top: 40px;}
.pdx_details-con .pdx_l{margin-top: 74px;}
.pdx_details-con .pdx_r>h2{height: 54px;margin-bottom: 20px;}
.pdx_details-con .pdx_r .pro_table td{text-align: left;padding: 20px 40px;box-sizing: border-box;}
.pdx_details-con .pdx_r .pro_table .t1{width: 33% !important;}
.pdx_details-con .pdx_r .pro_table .t2{width: 67% !important;}
.pdx_details-con .pdx_r .pro_table thead .t1{font-weight: bold;}
.pdx_details-con .pdx_r .pro_table tbody .t1{color: #272727;font-weight: bold;}
.pdx_details-con .pdx_r .pro_table tbody .t2 a{border-bottom: 1px solid #47b7b6;color: #47b7b6;text-transform: uppercase;}

.pdxImg_modal{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000;display: none;}
.pdxImg_mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.pdxImg_con{position: relative;margin-top: 10%;}
.pdxImg_swi{max-width: 50%;margin: 0 auto;position: relative;width:auto;}
.pdxImg_swi .swiper-container{height: 550px;overflow-y: scroll;}
.pdxImg_swi li img{max-width: 100%;background: #fff;}
.pdxImg_swi .lhl_but div{background: none;font-size: 50px;color: #fff;line-height: 44px;text-align: center;width: 40px;}
.pdxImg_swi .lhl_but div.swiper-button-prev{left: -20%;}
.pdxImg_swi .lhl_but div.swiper-button-next{right: -20%;}
.pdxImg_close{position: absolute;top: -48px;color: #fff;font-size: 24px;right: 0;z-index: 2;cursor: pointer;font-weight: 300;}
.pdxImg_mask{cursor: pointer;}


.retrieval_modal,.retrieval_modal2,.retrieval_modal3{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000;display: none;}
.retrieval_mask,.retrieval_mask2,.retrieval_mask3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.retrieval_con{width: 75%;background: #fff;padding: 5%;box-sizing: border-box;position: relative;z-index: 2;margin: 13% auto;}
.retrieval_close,.retrieval_close2,.retrieval_close3{position: absolute;top: -48px;color: #fff;font-size: 24px;right: 0;z-index: 2;cursor: pointer;}
.retrieval_top{line-height: 40px;}
.retrieval_top input{display: inline-block;width: 370px;height: 40px;border: 1px solid #cfcfcf;margin: 0 20px;font-size: 16px;padding: 0 16px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
vertical-align: middle;margin-top: -2px;}
.retrieval_top .btn{box-shadow: none;background: #0a9f9d;width: 145px;height: 40px;color: #fff;border-radius: 5px;}
.retrieval_bot{margin-top: 60px;}
.retrieval_bot .ac_table{width: 100%;overflow-x: scroll;}
.retrieval_bot .pro_table tbody .t1{font-weight: bold;color: #272727;}
.retrieval_bot .pro_table .t1{width: 15%!important;padding: 25px 22px!important;}
.retrieval_bot .pro_table .t2{width: 55% !important;padding: 25px 22px!important;text-align: left!important;}
.retrieval_bot .pro_table .t3,.retrieval_bot .pro_table .t4,.retrieval_bot .pro_table .t5{width: 10%!important;padding: 25px 10px!important;text-align: center!important;}

.retrieval_modal2{position: absolute;}
.retrieval_modal2 .retrieval_bot .pro_table td{width: auto!important;}
.retrieval_modal2 .retrieval_bot .pro_table .t1,
.retrieval_modal3 .retrieval_bot .pro_table .t1
{text-align: left!important;}
.retrieval_modal2 .retrieval_bot .pro_table .t2,
.retrieval_modal3 .retrieval_bot .pro_table .t2
{text-align: center!important;}
.retrieval_modal2 .retrieval_bot .pro_table .t5,
.retrieval_modal2 .retrieval_bot .pro_table .t6,
.retrieval_modal2 .retrieval_bot .pro_table .t7{width: 8%!important;}
.retrieval_modal2 .retrieval_bot .pro_table .t2 p{width:60px;}

.retrieval_modal2 .retrieval_bot .pro_table .t5 p,
.retrieval_modal2 .retrieval_bot .pro_table .t6 p,
.retrieval_modal2 .retrieval_bot .pro_table .t7 p{width: 40px!important;}

.retrieval_modal3 .retrieval_bot{margin-top: 0;}
.retrieval_modal2 .pro_table .ph_table,.retrieval_modal3 .pro_table .ph_table{margin-bottom: 0;}
.retrieval_modal3 .retrieval_bot .pro_table td{width:calc((100% - 200px) / 6)!important;}
.retrieval_modal3 .retrieval_bot .pro_table td.t1{width:200px!important;text-align: center !important;}
@media only screen and (min-width:1025px) {
    .pdx-chooseBox li:hover{color: #fff!important;opacity: .8!important;}
    .pdxType-con dt p a:hover{color: #fff!important;opacity: .8;}
    .pdx_banner-b ul li:hover dd{transform: scale(1.1);}
}
@media only screen and (max-width:1366px) {
    .pdx_banner-b h3{margin-bottom: 20px;}
    .pdx_banner-b ul li{margin-bottom: 15px;}
    .pdx_banner-b ul li dd{width: 50px;height: 50px;}

}
@media only screen and (max-width:1024px) {
    .pdx_banner{background: #196c82!important;overflow: hidden;padding: 40px 0;}
    .pdx_banner .siteban_text{position: static;transform: none;}
    .pdx_banner-b h3{margin-bottom: 40px;}
    .pdx_banner-p{height: auto;}






    .pdx_banner-con{width: 100%;}
    .pdx_public{top: 60px;}
    .pdx_swiper{padding: 0 50px;}
    .pdx_l,.pdx_r{width: 100%;}
    .pdx_r{margin-top: 30px;}
    .pdx-chooseBox li{width: auto;margin-right: 30px;}

    .pdx_details-con .pdx_l{margin-top: 10px;}
    .pdxImg_swi{width: 70%;}
    .pdxImg_swi .lhl_but div.swiper-button-prev{left: -15%;}
    .pdxImg_swi .lhl_but div.swiper-button-next{right: -15%;}
    .pdxImg_con{margin-top: 20%;}
    .retrieval_con{width: 90%;}
    .retrieval_top input{width: 280px;}
}
@media only screen and (max-width:767px) {
    .pdx_banner{padding: 30px 0 10px;}
    .pdx_banner-b h3{margin-bottom: 30px;}
    .pdx_banner-b ul{margin-top: 0px;}
    .pdx_banner-b ul li dd{width: 40px;height: 40px;}
    .pdx_banner-b ul li{margin-bottom: 20px;}
    .pdx_banner-b{margin-top: 30px;}
    .pdx_banner-p{margin-top: 10px;}
    .pdx_l{padding: 30px 20px;padding-bottom: 10px;}

    .pdx_content{margin-top: 30px;}
    .pdxType{padding-top: 10px;}
    .pdxType>h3,.pdxType-con dl{margin-bottom: 20px;}

    .pdx_public{padding: 20px 0;box-shadow: 0 0 10px rgba(0,0,0,.3);}
    .pdx_swiper{padding: 0 20px;}
    .pdx_swiper dd{width: 40px;height: 40px;}
    .pdx_swiper .lhl_but div.swiper-button-prev{left: 0;}
    .pdx_swiper .lhl_but div.swiper-button-next{right: 0;}

    .pdx_details-con{margin-top: 113px;}
    .pdx_details-con .pdx_content{margin-top: 30px;}
    .pdx_details-con .pdx_l{margin-top: 0;}
    .pdx_details-con .pdx_r>h2{height: auto;}
    .pdxImg_swi{width: 78%;}
    .pdxImg_swi .lhl_but div{font-size: 30px;}
    .pdxImg_con{margin-top: 30%;}

    .retrieval_con{margin-top: 30%;padding: 30px 20px;}
    .retrieval_top input{width: 180px;font-size: 12px;margin: 0 10px;padding: 0 10px;}
    .retrieval_top .btn{width: 60px;}
    .retrieval_bot{margin-top: 30px;}

}
.pageouta{}