.pn-children{overflow: hidden;padding-bottom: 60px;position: relative;}
.pn-children:before{content: "";position: absolute;bottom: 0;width: 260px;background: linear-gradient(to bottom, rgba(239,247,255,1) 0%,rgba(239,247,255,0.36) 100%);left: 50%;transform: translateX(-50%);height: 200px;}
.pn-children .pn-wrapper-row{position: relative;margin-top: 50px;}
.pn-children .pn-wrapper-row:before{content: "";position: absolute;top: 0;bottom: 0;width: 260px;background-color: #eff7ff;left: 50%;transform: translateX(-50%);}
.pn-children .pn-wrapper-row .row:nth-child(even){display: flex;flex-direction: row-reverse;}
.pn-children .pn-wrapper-row .pn-wrapper-image{position: relative}
.pn-children .pn-wrapper-row .pn-wrapper-image:before{content: "";position: absolute;width: 210px;height: 164px;left: -80px;bottom: -60px;background-image: radial-gradient(circle at 2.5px 2.5px, #b2dfd9 2.5px, transparent 0); background-size: 14px 14px}
.pn-children .pn-wrapper-row .pn-wrapper-image .pn-image{border-radius: 20px;margin-bottom: 0;}
.pn-children .pn-wrapper-row .row{margin-bottom: 30px;}
.pn-children .pn-wrapper-row .row:nth-child(odd) .pn-wrapper-image{transform: translateX(35%);}
.pn-children .pn-wrapper-row .row:nth-child(even) .pn-wrapper-image{transform: translateX(-35%);}
.pn-children .pn-wrapper-row .row:nth-child(even) .pn-wrapper-image:before{left: initial;right: -80px;}
.pn-children .pn-wrapper-row .row [class*='col-']{margin-bottom: 30px;}
.pn-children .pn-wrapper-row .pn-content{position: relative;padding-top: 80px;}
.pn-children .pn-wrapper-row .pn-content:before{content: "";background-image: url('../images/icon.png');background-repeat: no-repeat;width: 105px;height: 78px;background-position: 0 0;position: absolute;right: 0;top: 0;background-position: -43px -50px;}
.pn-children .pn-wrapper-row .pn-content > div{font-size: 1em;line-height: calc(1em + 10px)}
.pn-children .pn-wrapper-row .pn-content > div .pn-wrapper{max-height: calc(calc(1em + 10px) * 8);margin-bottom: 0;}
.pn-children .pn-wrapper-row .row:nth-child(even) .pn-content:before{left: 0;right: initial;transform: scaleX(-1);}
.pn-children .pn-wrapper-row .row:nth-child(odd) .pn-title-split{padding-left: 35%;}
.pn-children .pn-wrapper-row .row:nth-child(even) .pn-title-split{padding-right: 35%;}
.pn-children .pn-wrapper-row .row:nth-child(odd) .pn-content > div{margin-left: -100px;}
.pn-children .pn-wrapper-row .row:nth-child(even) .pn-content > div {margin-right: -100px;}
.pn-children .pn-title-split{font-size: 36px;line-height: 46px;text-transform: uppercase;font-weight: bold;text-align: center;margin: 0 0 30px 0;}
.pn-children .pn-wrapper-row .pn-content > div{background-color: #fff;padding: 25px;border-radius: 20px;box-shadow: 0 5px 25px rgba(0,0,0,.1);}
.pn-children .pn-title-split span:first-child{font-family: "Dancing Script", cursive;font-size: 60px;line-height: 70px;color: #8dc21f;display: block;text-transform: initial;padding-right: 125px;}
body.language_cn .pn-children .pn-title-split span:first-child{font-family: "Zhi Mang Xing", cursive;font-weight: 400}
.pagination>li>a, .pagination>li>span{background-color: transparent;}
/**/
.pn-library{background: var(--color-global); position: relative; padding: 50px 0;}
.pn-library .pn-title { color: var(--color-text-global);margin-bottom: 30px;}
.pn-library .cell a:before{content: "";position: absolute;left: 5px;top: 5px;right: 5px;bottom: 5px;background-color: rgba(149, 213, 202, 0.8);transition: .3s;opacity: 0;visibility: hidden;z-index: 1;border-radius: 10px;}
.pn-library .cell a:after{position: absolute; font-family: "FontAwesome"; content: "\f0b2"; color: #fff; font-size: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; transition: .3s;opacity: 0;visibility: hidden;}
.pn-library .cell a:hover:after{opacity: 1;visibility: visible;}
.pn-library .cell a:hover:before{opacity: 1;visibility: visible;}
.pn-library .pn-item{margin: 0 -5px}
.pn-library .thegrid {position: relative;min-height: 240px}
.pn-library .thegrid .cell {position: absolute;height: 100px;text-align: center;vertical-align: center;padding: 5px;}
.pn-library .thegrid.transitions .cell {-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.pn-library .thegrid .cell.hidden {z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.pn-library .thegrid.transitions .cell.hidden {-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.pn-library .thegrid .cell {opacity: 0;overflow:hidden;-webkit-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s}
.pn-library .thegrid.ready .cell {opacity: 1}
.pn-library .thegrid.ready .cell a{display:block;height:100%;overflow:hidden;border-radius: 10px;}
.pn-library .thegrid.ready .cell a img{width:100%;object-fit:cover;min-height:100%}
.pn-library .owl-nav{display: flex;justify-content: center;margin-top: 40px;}
.pn-library .owl-nav [class*='owl-']{position: initial;top: initial;transform: initial;margin: 0 10px;background-color: transparent;border: 1px solid var(--color-text-global);color: var(--color-text-global);}
.arrow-left.icon {color: var(--color-text-global);position: absolute;margin-left: 3px;margin-top: 2px;width: 16px;height: 1px;background-color: currentColor}
.arrow-left.icon:before {content: '';position: absolute;left: 1px;top: -5px;width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(-135deg);transform: rotate(-135deg)}
.arrow-right.icon {color: var(--color-text-global);position: absolute;margin-left: 2px;margin-top: 2px;width: 16px;height: 1px;background-color: currentColor}
.arrow-right.icon:before {content: '';position: absolute;right: 1px;top: -5px;width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
/**/
footer{margin-top: 0;}
@media only screen and (max-width: 1499px){
    .pn-children .pn-wrapper-row .row .pn-content:before{transform: scale(0.8);}
    .pn-children .pn-wrapper-row .row:nth-child(even) .pn-content:before{transform: scale(0.8) scaleX(-1)}
    .pn-children .pn-title-split{font-size: 30px;line-height: 40px;}
}
@media only screen and (max-width: 1199px){
    .pn-children .pn-title-split{font-size: 25px;line-height: 30px;}
    .pn-children .pn-title-split span:first-child{font-size: 50px;line-height: 60px;}
}
@media only screen and (min-width: 992px){
    .pn-children .pn-wrapper-row .pn-content > div{transition: .3s;}
    .pn-children .pn-wrapper-row .pn-content > div:hover{background-color: var(--color-global);color: var(--color-text-global);}
}
@media only screen and (max-width: 991px){
    .pn-library{padding: 30px 0;}
    .pn-library .owl-nav [class*='owl-']{opacity: 1;}
    .pn-children .pn-title-split span:first-child{padding-right: 50px;font-size: 45px;line-height: 55px;}
    .pn-children .pn-title-split{font-size: 20px;line-height: 25px;}
    .pn-children .pn-wrapper-row .pn-content:before{right: -20px;top: -16px;}
    .pn-children .pn-wrapper-row .row .pn-content:before{transform: scale(0.6);}
    .pn-children .pn-wrapper-row .row:nth-child(even) .pn-content:before{transform: scale(0.6) scaleX(-1);}
    .pn-children .pn-wrapper-row .pn-content{padding-top: 60px;}
    .pn-view-more-wrapper{padding-top: 0;}
}
@media only screen and (max-width: 767px){
    .pn-children{padding-bottom: 0;}
    .pn-children .pn-wrapper-row{margin-top: 0;}
    .pn-children .pn-wrapper-row:before,.pn-children:before,.pn-children .pn-wrapper-row .pn-wrapper-image:before,.pn-children .pn-wrapper-row .row .pn-content:before{display: none;}
    .pn-children .pn-wrapper-row .row{display: block !important;}
    .pn-children .pn-wrapper-row .row:nth-child(odd) .pn-wrapper-image,.pn-children .pn-wrapper-row .row:nth-child(even) .pn-wrapper-image{transform: initial}
    .pn-children .pn-wrapper-row .row:nth-child(even){flex-direction: initial;}
    .pn-children .pn-wrapper-row .row:nth-child(odd) .pn-title-split{padding-left: 0;}
    .pn-children .pn-wrapper-row .row:nth-child(even) .pn-title-split{padding-right: 0;}
    .pn-children .pn-wrapper-row .row:nth-child(odd) .pn-content > div{margin-left: 0;}
    .pn-children .pn-wrapper-row .row:nth-child(even) .pn-content > div {margin-right: 0;}
    .pn-children .pn-wrapper-row .pn-content{padding: 0 30px;}
    .pn-children .pn-wrapper-row .pn-content > div{padding: 0;box-shadow: none;text-align: center;}
    .pn-children .pn-title-split{margin-bottom: 15px;font-size: 24px;line-height: 34px;}
    .pn-children .pn-title-split span{display: inline-block;margin: 0 5px;}
    .pn-children .pn-title-split span:first-child{display: none;}
    .pn-wrapper-pagination{margin-bottom: 30px;}
}
@media only screen and (max-width: 570px){
    .pn-children .pn-wrapper-row .row [class*='col-']{margin-bottom: 20px;}
    .pn-children .pn-wrapper-row .pn-content{padding: 0;}
    /**/
    .pn-library{padding: 30px 0;}
}
@media only screen and (max-width: 480px){
    .pn-children .pn-title-split{font-size: 20px;line-height: 30px;}
    .pn-children .pn-title-split span:first-child{font-size: 35px;line-height: 45px;}
}
