@charset "utf-8";
body{min-width: 320px;}
@media (max-width: 1480px) {
  .mb40{margin-bottom: 30px;}	
  .pt40{padding-top: 30px;}
}
.container{width: 1200px;}
@media (max-width:1480px){
  .container{padding-left: 20px; padding-right: 20px;}
  .container, .container[class*="width-"]{width: 1170px;}
}

@media (max-width:1200px){
  .container, .container[class*="width-"]{width:970px;}
}
@media (max-width:992px){
	.container{padding-left: 15px; padding-right: 15px;}
	.container, .container[class*="width-"]{width:750px;}
}
@media (max-width:768px){
  .container, .container[class*="width-"]{width:auto;}
}

.banner{display: none !important;}
.footer{background: #fff;}

.kphd-body{background: #eff2fe;}
.kphd-header{background-color: #061968;}
.kphd-banner{text-align: center;}


.kphd-head{margin-top: 10px; text-align: center;}
.kphd-head a{display: inline-block; width: 398px; height: 79px; line-height: 79px; font-size: 2.25em; font-weight: bold; color: #061968; letter-spacing: .1em; background: url(../images/kphd/title_bg.png) no-repeat center;}
@media (max-width:1200px){
  .kphd-head a{width: 350px; height: 69px; line-height: 69px; font-size: 2em; background-size: 100% 100%;}
}
@media (max-width:415px){
  .kphd-head a{width: 280px; height: 60px; line-height: 60px; font-size: 1.75em;}	
}

.kphd-zhxx .bd{padding: 30px; background-color: #fff; text-align: justify;}
.kphd-zhxx .bd p{text-indent: 2em; font-size: 1.125em; line-height: 2.375em;}
@media (max-width:1200px){
  .kphd-zhxx .bd{padding: 20px; font-size: 1em; margin-right: -20px; margin-left: -20px;}
}
@media (max-width:992px){
  .kphd-zhxx .bd{margin-right: -15px; margin-left: -15px;}	
}

.kphd-swzs .bd{padding-top: 100px; padding-bottom: 50px; background: url(../images/kphd/swzs_bg.png);}
.kphd-swzs .bd ul{position: relative; height: 660px;}
.kphd-swzs .bd ul li{position: absolute; width: 30%; transition: 300ms;}
.kphd-swzs .bd ul li:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: 1; background-color: #061968; opacity: .8;}
.kphd-swzs .bd ul li .place{margin: 15px; padding-top: 75%; background: url(../images/kphd/swzs_bg.jpg) no-repeat center bottom #fff;}
.kphd-swzs .bd ul li.li1{top: 0; left: 0; z-index: 1;}
.kphd-swzs .bd ul li.li2{top: 7%; left: 22%; z-index: 2;}
.kphd-swzs .bd ul li.li3{top: -8%; right: 25%; z-index: 3;}
.kphd-swzs .bd ul li.li4{top: 2%; right: 7%; z-index: 4; width: 22%;}
.kphd-swzs .bd ul li.li4 .place{padding-top: 66.25%;}
.kphd-swzs .bd ul li.li5{bottom: 6.4%; left: 7%; z-index: 5;}
.kphd-swzs .bd ul li.li6{bottom: 13%; left: 33%; z-index: 6; width: 31%;}
.kphd-swzs .bd ul li.li7{top: 28%; right: 16%; z-index: 7; width: 28%;}
.kphd-swzs .bd ul li.li7 .place{padding-top: 56.25%;}
.kphd-swzs .bd ul li.li8{top: 22%; right: 2%; z-index: 8; width: 11%;}
.kphd-swzs .bd ul li.li8 .place{padding-top: 215%;}
.kphd-swzs .bd ul li.li9{bottom: 0; right: 9%; z-index: 9;}
.kphd-swzs .bd ul li:hover{z-index: 11;}
@media (max-width:1480px){
  .kphd-swzs .bd ul{height: 560px;}	
}
@media (max-width:992px){
  .kphd-swzs .bd{padding-top: 80px; padding-bottom: 40px;}
  .kphd-swzs .bd ul{height: 410px;}	
  .kphd-swzs .bd ul li .place{margin: 10px;}
}
@media (max-width:768px){
  .kphd-swzs .bd ul{height: 380px;}	
}
@media (max-width:680px){
  .kphd-swzs .bd ul{height: 350px;}	
}
@media (max-width:640px){
  .kphd-swzs .bd{padding: 30px 0;}
  .kphd-swzs .bd ul{height: auto;}	
  .kphd-swzs .bd ul li{position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; float: left !important; width: 33.33333% !important;}
  .kphd-swzs .bd ul li .place{padding-top: 75% !important; margin: 8px;}
  .kphd-swzs .bd ul li:after{top: -1px; left: -1px; border: 1px solid rgba(255,255,255,.35);}
}

.kphd-xchb .swiper-slide{width: 30%; background: #000; overflow: hidden;}
.kphd-xchb .swiper-slide img{display: block; float: left; width: 100%; opacity: .5;}
.kphd-xchb .swiper-slide-active img{opacity: 1;}
.kphd-xchb .swiper-button-prev,
.kphd-xchb .swiper-button-next{width: 20px; height: 35px; margin-top: -18px; background-size: auto;}
.kphd-xchb .swiper-button-prev{left: 25%; background-image:url(../images/kphd/swiper_button_prev.png);}
.kphd-xchb .swiper-button-next{right: 25%; background-image:url(../images/kphd/swiper_button_next.png);}
@media (max-width:768px){
  .kphd-xchb .swiper-slide{width: 60%;}
  .kphd-xchb .swiper-button-prev{left: 10%;}
  .kphd-xchb .swiper-button-next{right: 10%;}
}

.kphd-xcsp .videobox{position: relative;}
.kphd-xcsp .videobox .videobtn{position: absolute; top: 50%; left: 50%; margin-top: -3em; margin-left: -3em; width: 6em; height: 6em; background-color: rgba(0,0,0,.45);border-radius: 100em; cursor: pointer;}
.kphd-xcsp .videobox .videobtn i{position: absolute; top: 50%; right: 0; left: .15em; z-index: 1; text-align: center; font-size: 4em; color: #fff; line-height: 1em; margin-top: -.5em;}
.kphd-xcsp .videobox .videobtn:hover{background-color: rgba(36,131,213,0.9);}
@media (max-width:992px){
  .kphd-xcsp .videobox .videobtn{margin-top: -2em; margin-left: -2em; width: 4em; height: 4em;}
  .kphd-xcsp .videobox .videobtn i{font-size: 2.5em;}
}
@media (max-width:415px){
  .kphd-xcsp .videobox .videobtn{margin-top: -1.5em; margin-left: -1.5em; width: 3em; height: 3em;}
  .kphd-xcsp .videobox .videobtn i{font-size: 2em;}
}

.kphd-hdbd .bd{padding: 20px 30px; background-color: #fff;}
@media (max-width:1200px){
  .kphd-hdbd .bd{padding: 15px 20px;margin-right: -20px; margin-left: -20px;}
}
@media (max-width:992px){
  .kphd-hdbd .bd{margin-right: -15px; margin-left: -15px;}	
}

.kphd-hdzp .hd{text-align: center;}
.kphd-hdzp .hd li{display: inline-block; margin: 5px;}
.kphd-hdzp .hd li a{display: block; font-size: 1.125em; padding: .7em 1em; background-color: #fff; border:1px solid #BFDBF0; border-radius: 100px;}
.kphd-hdzp .hd li.on a{color: #fff; background-color: #0085b2; border-color: #0085b2;}
.kphd-hdzp .bd .section + .section{display: none;}
.kphd-hdzp .bd .section .hd{display: none;}
.kphd-hdzp .bd .section .owl-carousel .item{cursor: pointer;}
@media (max-width:992px){
  .kphd-hdzp .js-hd{display: none;}
  .kphd-hdzp .bd .section + .section{display: block !important; margin-top: 20px;}
  .kphd-hdzp .bd .section .hd{display: block;}	
}