body{ margin:0; padding:0;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; font-size: 14px; font-family: "΢ÈíÑźÚ"; }
ul,li{ margin:0; padding:0; list-style-type:none;}
img{border:0px;}
.clear{ clear:both;}
h1,h2,h3,h4,p{ margin:0; padding:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}


.kpzx_sy{width: 155px !important;height: 155px !important;float: left;margin-left: 45px;margin-top: 22px;
    border-radius: 100% !important;border:10px solid white;position: relative;
box-shadow: 1px 5px 20px 1px #f2f2f2;overflow:inherit !important;}
.kpzx_sy > a{display: block;width: 100%;height: 100%;border-radius: 100%;overflow: hidden;}
.kpzx_sy p{position: absolute;
    bottom: -42px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 18px;
    color: #333;
    font-family: ºÚÌå;}
.kphd_title{width: 142px;height: 27px;background: url(../png/h98xb6.png) no-repeat;text-align: center;line-height: 27px;
margin: auto;margin-top: 22px;color: white; font-size: 18px;font-family: ºÚÌå;}
.kphd_newniu li{width: 194px;height: 82px;line-height: 88px;background: url(../png/co6a1h.png) no-repeat }
.kphd_newniu li a{display: block;width: 100%;height: 100%;text-indent: 92px;}
.kphd_newniu li:nth-child(1) a{background: url(../png/vay9w4.png) 28px no-repeat }
.kphd_newniu li:nth-child(2) a{background: url(../png/ogupb4.png) 28px no-repeat }
.kphd_newniu li:nth-child(3) a{background: url(../png/s1em3m.png) 0px no-repeat }
.kphd_newniu li:nth-child(4) a{background: url(../png/1063g1.png) 28px no-repeat }




.hdpt_wrapper{height: auto;padding-bottom: 5px;}
.kphd_ej li{ float:left; background-color:#f5f9ff; width:calc(50% - 8px); height:103px; line-height:145px; text-align:center; border:1px solid #d5e1ed; border-radius:3px; margin-top:4px;}
.kphd_ej li:nth-child(2),.kphd_ej li:nth-child(4){ margin-left:10px;}
.kphd_ej li:nth-child(3),.kphd_ej li:nth-child(4){ margin-top:10px;}
.kphd_ej li:nth-child(1){ background:url(../png/rej336.png) center 23px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:nth-child(1):hover{ background:url(../png/b8rz20.png) center 23px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:nth-child(2){ background:url(../png/y1cjcv.png) center 25px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:nth-child(2):hover{ background:url(../png/e17efj.png) center 25px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:nth-child(3){ background:url(../png/2zvtib.png) center 23px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:nth-child(3):hover{ background:url(../png/k147rr.png) center 23px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:nth-child(4){ background:url(../png/uvnxod.png) center 25px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:nth-child(4):hover{ background:url(../png/m39oyc.png) center 25px no-repeat;background-color:#f5f9ff;}
.kphd_ej li:hover{border:1px solid #ff730a;}
.kphd_ej li a{ display:block; width:100%; height:100%;}
.kphd_ej li a:hover{color:#ff730a;}



.kpzx{width: 100%;height: 225px;overflow: hidden;border-radius: 3px;}
.kpzx a img{transition:0.5s;min-width: 100%;height: auto; }
.kpzx a:hover img{transform:scale(1.5); }
#sp_niuaiu{display: block;position: absolute;z-index: 2;left: 50%;top:50%;transform: translate(-50%, -50%);}


.kpgzh_wrap li{     float: left;
    text-align: center;
    position: relative;
    color: #267edf;
    margin: 12.5px;
    box-shadow: 1px 2px 5px 2px #ccc;}
 .kpgzh_wrap li p{     font-size: 12px;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 24px;
    color: #555;
   }
.kpgzh_wrap li div.front,.kpgzh_wrap li div.back{width:100%;height:175px;  }
.kpgzh_wrap li .back img{width: 98%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);}
.kpgzh_wrap li .front img{    display: block;
    margin: auto;
    margin-top: 17px;
    max-width: 100px;
    max-height: 65px;
}   



@media (max-width: 700px) {
.hdpt_right {display: block;width: calc(100% - 20px) !important;margin:5px 10px !important;}
.kpgzh_wrap li{width:calc(50% - 27px);position: relative;transform-style:preserve-3d;transition:1s;  }
.kpgzh_wrap li div.back{display:none;}
.kpgzh_wrap li:hover div.back{display:block;}
.kpgzh_wrap li:hover div.front{display:none;}

}
@media (min-width: 700px) {
.hdpt_bianma1{margin-left: 0;}
.kpgzh_wrap li{width:175px;height:175px;overflow:hidden;  }
.kpgzh_wrap li div.back{display:none;}
.kpgzh_wrap li:hover div.back{display:block;}


}