@charset "utf-8";

.ps-container{width:100%;height:100%;overflow:hidden;color:#555;background:#fff}
.ps-container > div{position:absolute}
.ps-container > div > div,
.ps-slidewrapper > nav,
.ps-slides > div{position:absolute}

.ps-contentwrapper{bottom:0px;width:29.5%;height:100%;overflow:hidden;z-index:1000}
.ps-content{background:#f7f7f7;width:100%;height:100%}

.ps-slidewrapper{right:0px;top:0px;width:72%;height:100%;overflow:hidden}
.ps-slides{top:0px;bottom:0px;width:80%}
.ps-slides > div{width:100%;height:100%;box-shadow:inset 0 0 0 9999px rgba(179,157,250,0.1)}

#ps-container nav{width:20%;height:100%;bottom:0px;right:0px;z-index:1000}
#ps-container nav > a{width:100%;height:50%;position:relative;float:left;box-shadow:inset 0 0 0 9999px rgba(0,186,255,0.4);outline:none}
#ps-container nav > a:first-child{box-shadow:inset 0 0 0 9999px rgba(255,255,255,0.4)}
#ps-container nav > a{-webkit-transition:box-shadow 0.4s ease-in-out;-moz-transition:box-shadow 0.4s ease-in-out;-ms-transition:box-shadow 0.4s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out}
#ps-container nav > a:hover{box-shadow:inset 0 0 0 9999px rgba(0,186,121,0.1)}
#ps-container nav > a:first-child:hover{box-shadow:inset 0 0 0 9999px rgba(255,255,255,0.2)}

#ps-container nav > a:after{content:url(/sh_img/inc/include_02/img/inc02_btn.png);position:absolute;top:50%;left:50%;width:24px;height:14px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
#ps-container nav > a:first-child:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

.ps-slides > div,
 nav > a{background-size:cover}

.ps-move{-webkit-transition:top 400ms ease-out;-moz-transition:top 400ms ease-out;-o-transition:top 400ms ease-out;-ms-transition:top 400ms ease-out;transition:top 400ms ease-out}

.ps-content .line{position:absolute;width:54.3%;height:100%;z-index:10;border-right:1px solid #ebebeb}
.ps-content .txt_cont{position:absolute;top:423px;left:135px;z-index:20}
.ps-content .txt_cont .num{position:relative;font-weight:700;font-size:15px;color:#222;font-family:'Montserrat', sans-serif}
.ps-content .txt_cont h3{padding:10px 0;font-weight:700;font-size:37px;letter-spacing:-2px;color:#222;font-family:'Montserrat', sans-serif}
.ps-content .txt_cont .txt{padding-bottom:10px;font-size:15px;letter-spacing:-1px;line-height:26px;color:#666}
.ps-content .txt_cont .more{font-weight:100px;font-size:17px;letter-spacing:-1px;color:#666;font-family:'Montserrat', sans-serif}
.ps-content .txt_cont .more a{display:inline-block;color:#333;transition:all 280ms}
.ps-content .txt_cont .more a:hover{color:#02c2df}

.ft_pt_box{position:absolute;z-index:9999;width:43%;height:74px;bottom:0;background:#fff}
.ft_pt_box .line{position:absolute;left:37.2%;width:31.3%;height:100%;border-right:1px solid #efefef;border-left:1px solid #efefef}
.ft_pt_box .pt_num{position:absolute;top:30px;right:10%;overflow:hidden;width:100px}
.ft_pt_box .pt_num:after{position:absolute;top:8px;left:24px;content:'';width:52px;height:1px;background:#dadee3}
.ft_pt_box .pt_num li{float:left;font-weight:700;font-size:13px;color:#222;font-family:'Montserrat', sans-serif}
.ft_pt_box .pt_num li:last-child{float:right}