@charset "utf-8";

/* CSS Document */

html {
	background: #f3f3f3;
}

body {
	font-size: 14px;
	color: #282828;
	font-family: '微软雅黑', 'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

input:focus,
button:focus {
	outline: none;
}

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dl,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: subpixel-antialiased;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

fieldset,
img {
	border: 0;
}

img,
object {
	width: auto;
	max-width: 100%;
	/*height:auto;*/
	width: auto\9;
	/* for ie8 */
	-ms-interpolation-mode: bicubic;
}

a {
	outline: none;
	text-decoration: none;
	color: #282828;
}

a:hover {
	color: #336699;
	text-decoration: none;
}

input[type='button'] {
	outline: none;
	border: 0 none;
	background-color: transparent;
	cursor: pointer;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: 400;
}

ul,
ol,
li {
	list-style: none outside none;
}

.tc {
	text-align: center !important;
}

.tl {
	text-align: left !important;
}

.tr {
	text-align: right !important;
}

.pa {
	position: absolute;
}

.pr {
	position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

q:before,
q:after {
	content: '';
	content: none;
}

.lf {
	float: left;
}

.md {
	float: left;
}

.rt {
	float: right;
}

.clearFix {
	*zoom: 1;
	clear: both;
}

.clearFix:after {
	content: '';
	display: block;
	clear: both;
}

.clear {
	width: 100%;
	overflow: hidden;
}

.imgResponsive {
	width: 100%;
	height: 0;
	padding-bottom: 66.67%;
	overflow: hidden;
	display: block;
	background-color: #d2d2d2
}

.imgResponsive img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}

.imgResponsive img:hover {
	transform: scale(1.03);
	opacity: 0.85;
}




.fpx15 {
	font-size: 15px;
}
.fpx16 {
	font-size: 16px;
}
.fpx18 {
	font-size: 18px;
}
.fpx22 {
	font-size: 22px;
}
.fpx26 {
	font-size: 26px;
}
.fpx30{font-size: 30px;}
.fpx24{font-size: 24px;}
.fpx36{font-size: 36px;}
.fpx48{font-size: 48px;}
.ul-inline {
	font-size: 0;
}

.ul-inline>li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	vertical-align: top;
}

*,
:after,
:before {
	box-sizing: border-box
}

svg:not(:root) {
	overflow: hidden
}

.font-white,
.font-white * {
	color: #fff;
}






.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
	display: block;
}

@-webkit-keyframes fadeInUpSmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 20px, 0);
		transform: translate3d(-50%, 20px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
}

@keyframes fadeInUpSmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 20px, 0);
		-ms-transform: translate3d(-50%, 20px, 0);
		transform: translate3d(-50%, 20px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
}


.fadeInUpSmall2 {
	-webkit-animation-name: fadeInUpSmall2;
	animation-name: fadeInUpSmall;
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
	display: block;
}

@-webkit-keyframes fadeInUpSmall2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUpSmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		-ms-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.container{width: 1300px;margin: 0 auto;}
.header{position: absolute;left: 0;top: 0;width: 100%;z-index: 200;border-top: 5px solid #336699;}
.top{height: 40px;border-bottom: 1px solid rgba(255,255,255,.3);display: none;}
.pku-logo{width: 290px;padding-top: 12px;font-size: 0;}
.pku-logo a{display: inline-block;}
.pku-logo a:first-child{width: 65%;}
.pku-logo a:last-child{width:35%;}
.pku-logo img{width: 100%;}
.search_box {
	width: 230px;
	height: 32px;
	float: right;position: relative;border: 1px solid rgba(255,255,255,.3);margin-top: 3px;
}
.search_box  input,.search_box  button{border: none;background: none;padding: 0;color: #fff;}
.search_box .searchKeyword {
	height: 32px;
	line-height: 32px;
	width: 100%;
	padding-right: 35px;
	padding-left: 10px;
	
	
}

.search_box .serachSubmit {
	cursor: pointer;
	width: 35px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	font-size: 18px;
	letter-spacing: 1px;
}

.search_box input:focus {
	outline: none;
}

.pku-banner .imgResponsive{background-repeat: no-repeat;background-size: cover;padding-bottom: 15%;background-position: center;}
.pku-banner .imgResponsive::before{content: '';width: 100%;height: 120px;background: url(../images/header_bg.png) repeat-x;position: absolute;left: 0;top: 0;background-size: auto 120px; }
.pku-banner .imgResponsive::after{content: '';width: 100%;height: 130px;background: url(../images/banner_bg.png) repeat-x;position: absolute;left: 0;bottom: 0;background-size: auto 130px;}
.title{display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 0;line-height: 1;width: 30%;max-width: 350px;z-index: 500;}
/* Slider */

.slick-slider {
    position: relative;z-index: 1;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.testimonials-carousel.slick-slider .slick-track {
    -webkit-transition-delay: 0.8s !important;
    transition-delay: 0.8s !important;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots {
    width: auto;
    left: 0%;
    position: absolute;
		text-align: center;width: 100%;
    bottom:6px;transform: scale(.8);
}

.slick-dots li {
    vertical-align: middle;
    width: 36px;
    height: 30px;
    display: inline-block;
    margin: 0 11px;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    position: relative;
		background: url(../images/icon1.png) no-repeat center;background-size: contain;opacity: 50%;filter: alpha(opacity = 50);
}

.slick-dots li button {
    background: none;
    width: 100%;
    height: 100%;
    text-indent: 22222em;
    border: none;
    position: relative;
    outline: none;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
}



.slick-dots li.slick-active,
.slick-dots li:hover {
    opacity: 1;filter: alpha(opacity = 100);
}
.content {position: relative;overflow: hidden;}
.content > .container{max-width: 970px;position: relative;z-index: 40;}
.content{background: url(../images/con_bg1.png) no-repeat left center;}
.content::before{content: '';width: 826px;height: 632px;background: url(../images/cloud.png) no-repeat center;position: absolute;right: 0;top: 5%;-webkit-animation: cell 20s linear infinite;background-size: contain;
    animation: cell 20s linear infinite}
@-webkit-keyframes cell {
    0% {
        -webkit-transform: translate(0, 0) scale(0.9)
    }
    20% {
        -webkit-transform: translate(50px, -50px) scale(1.03)
    }
    40% {
        -webkit-transform: translate(100px, -50px) scale(.9)
    }
    60% {
        -webkit-transform: translate(150px, 0) scale(1)
    }
    80% {
        -webkit-transform: translate(100px, 50px) scale(1)
    }
    100% {
        -webkit-transform: translate(0, 0) scale(1)
    }
}

@keyframes cell {
    0% {
        transform: translate(0, 0) scale(0.9)
    }
    20% {
        transform: translate(50px, -50px) scale(1.03)
    }
    40% {
        transform: translate(100px, -50px) scale(.9)
    }
    60% {
        transform: translate(150px, 0) scale(1)
    }
    80% {
        transform: translate(100px, 50px) scale(1)
    }
    100% {
        transform: translate(0, 0) scale(1)
    }
}
.wrap1 {max-width: 1920px;margin: 0 auto;}

.pku-title{padding: 10px 0 20px;}
.pku-title h2{font-weight: normal;font-size: 26px;padding-top: 50px;}
.pku-link{float: right;text-align: right;padding-top: 10px;}
.pku-link span{display: inline-block;vertical-align: middle;margin-left: 30px;width: 72px;height: 72px;border-radius: 50%;background-color: #336699;position: relative;font-size: 13px;}
.pku-link span::before{content: '';width: calc(100% + 10px);left: -5px;top: -5px;height: calc(100% + 10px);position: absolute;border: 1px solid #336699;border-radius: 50%;}
.pku-link span a{display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;width: 65px;text-align: center;line-height: 1.4;}
.pku-list{margin: 0 -30px;}
.pku-list li{width: 50%;margin-bottom: 30px;}
.pku-list li > a{display: block;margin: 0  30px;background-color: #fff;box-shadow:0 0 12px rgba(154,0,0,.25);padding: 18px 15px;position: relative;box-sizing: border-box;min-height: 128px;overflow: hidden;}
.pku-list li > a::before{content: '';width: 1px;height: calc(100% - 42px);top: 42px;left: 25px;position: absolute;background-color: #336699;}
.pku-list li > a::after{content: '';width: 192px;height: 100%;background: url(../images/li_bg2.png) no-repeat right bottom;transform: translateY(100%);transition: transform .35s ease-out;position: absolute;right: 0;bottom: 0;}
.pl-date{display: block;color: #336699;font-size: 20px;max-width: 260px;}
.pl-date i{font-size: 22px;margin-right: 10px;}
.pl-title{padding-left: 32px;font-size: 16px;padding-top: 12px;max-width: 230px;line-height: 1.5;}
.p2r-title{padding-left: 32px;font-size: 16px;padding-top: 12px;max-width: 230px;line-height: 1.5;color: #f00;}
.pku-list li > a .icon{position: absolute;right: 30px;top: 30px;font-size: 52px;color: #336699;text-align: center;width: 66px;height: 66px;}
.pku-list li:nth-child(10) .icon-icon10::before{display: inline-block;text-align: center;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
.footer{background-color: #336699;padding: 40px 0;max-width: 1920px;margin: 0 auto;}
.footer a:hover{color: #fff;opacity: .87;}
.footer .container > div{float: left;box-sizing: border-box;}
.f_col1{width:42% ;padding-right: 40px;}
.f_logo{max-width: 270px;}
.copyRight{border-top:  1px solid rgba(255,255,255,.1);padding-top: 14px;margin-top: 13px;}
.f_col2{width: 27%;padding-left: 5%;border-left:  1px solid rgba(255,255,255,.1);}
.f_title{font-weight: normal;font-size: 20px;margin-bottom: 16px;}
.pku-list2 li{margin-bottom: 15px;position: relative;padding-left: 33px;}
.pku-list2 li i{background-color: rgba(0,0,0,.1);border: 1px solid rgba(0,0,0,.1);width: 23px;height: 23px;text-align: center;border-radius: 50%;display: inline-block;vertical-align: middle;font-size: 12px;margin-right: 10px;position: absolute;left: 0;top: 1px;}
.pku-list2 li i::before{display: inline-block;vertical-align: middle;height: 17px;margin-top: 2px;}
.f_col3{width: 27%;padding-left: 5%;border-left:  1px solid rgba(255,255,255,.1);border-right:  1px solid rgba(255,255,255,.1);}
.f_col4{padding-top: 60px;float: right !important;}
.f_link  .code{position:absolute;bottom:100%;left:50%;margin-left:-70px;margin-bottom:10px;margin-top:15px;padding:10px;width:140px;background-color:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:5px;box-sizing:border-box;visibility: hidden;opacity: 0;transform:translateY(-10px);transition:all 0.2s ease-out 0s;z-index: 99;}
.f_link .code:after{content:'';position:absolute;left:50%;top:100%;margin-left:-8px;width:0;height:0;border:8px solid transparent;font-size:0;border-top-color:#fff;}
.f_link.code > img{display:block;width:100%;}
.f_link li{position: relative;}
.f_link li:hover .code{visibility:visible;opacity:1;transform:none;}
.f_link li i{font-size: 28px;}
.f_link li:first-child{margin-right: 30px;}
.subPage .container{max-width: 1100px;}
.subNavs{width: 290px;float: left;margin-top: 50px;margin-bottom: 50px;}
.subNavs h2{height: 80px;line-height: 80px;text-align: center;color: #fff;background-color: #336699;font-size: 22px;font-weight: normal;margin-bottom: 20px;}
.subNav li{margin-bottom: 15px;}
.subNav li a{display: block;background-color: #fff;padding: 13px;background-color: #fff;overflow: hidden;box-shadow:0 0 15px rgba(154,0,0,.25);overflow: hidden;position: relative;}
.subNav li i{color: #336699;font-size: 36px;float: left;width: 43px;position: relative;height: 43px;}
.subNav li i::before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.subNav li span{display: block;margin-left: 55px;font-size: 16px;padding-top: 10px;}
.subNav li a::after{content: '';width: 192px;height: 100%;background: url(../images/li_bg2.png) no-repeat right bottom;transform: translateY(100%);transition: transform .35s ease-out;position: absolute;right: 0;bottom: 0;background-size: contain;}
.subNav li.active a{transition: all .35s ease-out;background-color: #336699;}
.subNav li.active a *{color: #fff;}
.subNav li.active a::after{transform: none;}
.subTitle{position: relative;}
.menuX{position: absolute;right: 20px;top: 20px;display: none;}
.menuX .inner{width: 30px;}
.menuX i {
	background: #fff;
	border-radius: 2px;
	height: 2px;
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
}

.menuX i:nth-child(1) {
	width: 88%;
	position: absolute;
	right: 0;
	top: 0px;
}

.menuX i:nth-child(2) {
	width: 100%;
	position: absolute;
	right: 0;
	top: 9px;
}

.menuX i:nth-child(3) {
	width: 88%;
	position: absolute;
	right: 0;
	top: 18px;
}
body.on .subNav{display: block;}
body.on  .menuX i:nth-child(1) {
	transform: translate(0, 9px) rotate(45deg);
	width: 100%;
}

body.on  .menuX i:nth-child(2) {
	opacity: 0;
}

body.on  .menuX i:nth-child(3) {
	transform: translate(0, -9px) rotate(-45deg);
	width: 100%
}


.subRight{background-color: #fff;margin-left: 320px;margin-bottom: -5000px;padding-bottom: 5000px;padding-left: 30px;padding-right: 30px;}
.articleTitle{text-align: center;font-size: calc(16px + .63vw);padding: 50px 0  30px;border-bottom: 1px solid #e4d5c5;}
.articleCon{padding: 50px;line-height: 2;}
.text-center{text-align: center;}



.btn{line-height: 1.5;padding: 15px 20px;background-color: #336699;color: #fff;border-radius: 5px;}
.btn a{color: #fff;}
.btn:hover{opacity: .85;}
.goTop {width: 50px;height: 50px;background-color: #4488BB;color: #fff;position: fixed;right: 20px;bottom: 20px;line-height: 50px;text-align: center;font-size: 30px;z-index: 9999;}
.goTop::before{display: inline-block;transform: rotate(90deg);}
.goTop:hover{background-color: #4488BB;color: #fff;}
@media (min-width:996px) {
	.pku-list li > a,.subNav li a{transition: all .35s ease-out;}
	.pku-list li > a:hover{transform: translateY(-12px);background-color: #336699;}
	.pku-list li > a:hover *,.subNav li a:hover *{color: #fff;}
	.pku-list li > a:hover::before,.subNav li a:hover:before{background-color: #fff;}
	.pku-list li > a:hover:after,.subNav li a:hover::after{transform: none;}
	.subNav li a:hover{transform: translateX(12px);background-color: #336699;}
}
@media screen and (max-width: 1700px) {
	.container {
		width: 80vw;
	}
}

@media screen and (max-width: 1460px) {
	.container {
		width: 90vw;
	}
.pku-list li > a .icon{font-size: 46px;width: 60px;}
	.fpx22{font-size: 20px;}
}


@media screen and (max-width: 1200px) {
	.pku-list li > a{margin: 0 20px;min-height: 100px;}
	.pku-list{margin: 0 -20px;}
	.pku-list li{margin-bottom: 30px;}
	.f_col1{width: 40%;padding-right: 28px;}
	.f_col2,.f_col3{padding-left: 3%;width: 30%;}
	.pl-date{font-size: 18px;}
	.pku-logo{width: 280px;}
	.content::before{display: none;}
}



@media screen and (max-width: 996px) {
.pku-banner .imgResponsive{padding-bottom:160px;}
.pku-logo{width: 30%;}
.pku-banner .imgResponsive::after{height: 50px;background-size: auto 50px;}
.pku-banner .imgResponsive::before{height: 150px;background-size: auto 150px; }
.f_col1{width: 100%;float: none !important;text-align: center;padding-bottom: 30px;}
.f_col2,.f_col3{padding-left: 3%;width: 50%;}
	.subNavs{float: none;width: 100%;margin-bottom: 20px;}
	.subNavs h2{text-align: left;padding-left: 20px;}
	.subNav{display: none;}
	.subRight{margin-left: 0;}
	.articleCon{padding: 30px;}
	.container{width: auto;padding-left: 15px;padding-right: 15px;}
	.f_title{font-size: 18px;}
	.fpx18{font-size: 16px;}
	.menuX{display: block;}
	.subNavs{margin-top: 15px;}
	.articleTitle{padding: 30px 0  20px;}
	.pl-title{font-size: 14px;}
}

@media screen and (max-width: 767px) {
	.fpx18{font-size: 16px;}
	/* .pku-banner .imgResponsive{padding-bottom: 200px;} */
	.slick-dots{transform: scale(.6);bottom: 4px;}
	.f_title{font-size: 20px;}
	.pku-list li{width: 100%;margin-bottom:15px;}
	.pku-link{float: none;text-align: center;}
	.pku-link span{margin: 0 20px;}
	.pku-title h2{padding-top: 30px;text-align: center;font-size: 20px;}
	.pku-title{padding-bottom: 20px;}
	.pku-list li > a{min-height: 90px;}
	.title{width: 40%;}
	.pku-link span{font-size: 12px;}
	.subNavs h2{height: 60px;line-height: 60px;font-size: 18px;}
	.subNav li a{padding: 8px;}
	.subNav li i{font-size: 30px;margin-left: 10px;}
	.subNav li span{margin-left: 65px;}
	.subNav li{margin-bottom: 12px;}
	.subRight{padding-left: 15px;padding-right: 15px;}
	.articleCon{padding: 15px 0;}
	.fpx16{font-size: 14px;}
	.subNavs h2{margin-bottom: 15px;}
	.pku-list li > a .icon{font-size: 40px;width: 40px;height: auto;}
	.pl-title{padding-top: 10px;}
	.pku-list{padding-bottom: 20px;}
}
@media screen and (max-width: 640px) {
	.f_col2, .f_col3{width: 50%;border-right: none;}
	.f_col4{float: none !important;text-align: center;padding-top: 30px;clear: both;}
	.pl-date{font-size: 18px;}
	.pl-title{padding-top: 10px;}
	.pku-list li > a .icon,.pku-list li:nth-child(10) .icon-icon10{font-size: 39px;width: 42px;height: 42px;top: 21px;right: 21px;}
	.pku-banner .imgResponsive{padding-bottom: 130px;}
	.pl-date{font-size: 16px;}
	.pl-date i{font-size: 18px;margin-right: 6px;}
	.f_title{font-size: 18px;}
	.pku-list li > a{padding: 15px;min-height: 80px;}
	.pku-list li > a::before{top: 35px;height: calc(100% - 35px);}
}
@media screen and (max-width: 400px) {
	.mobile_navs{width: 100%;float: none;}
	.m_link{width: 100%;float: none;}
	.m_list2 li{width: 33.3%;float: left;}
}