@charset "utf-8";
/* CSS Document */
    /**/
.ys{margin-top:30px; overflow: hidden;height:571px}
.ys h2{ text-align: center; height:92px; line-height: 100%; letter-spacing: 8px; font-size: 42px; color: #333;background:url(../images/f_h.png) no-repeat center 20px;}
.ys h2 a{ color: #333;}
.ys .con{margin-top:0;}
.ys .con li{width: 117px;overflow: hidden;float: left;position: relative;box-sizing: border-box;transition: all .25s linear;height: 505px;}
.ys .con li:last-child{border: none; }
.ys .con li > em{display: block;width: 100%;overflow: hidden;}
.ys .con li > em img{opacity: 1;display: block;min-height:792px;}
.ys .con li .hov{position: absolute;top: 0;z-index: 1;width: 100%;background: rgba(0,0,0,0.7);right: 0; height: 505px;}
.ys .con li .hov h3{ text-align: center; color: #fff;font-weight: normal;}
.ys .con li .hov h3 span{ display: block; padding-top: 65px; padding-bottom: 12px;}
.ys .con li .hov h3 i{ display: block; font-size: 20px; color: #fff; padding: 0 45px; line-height: 105%;}
.ys .con li .hov p{ display: none;}

.ys .con li.cur{width:732px;}
.ys .con li.cur .hov{width:732px;background:url(../images/pin_bg.png) no-repeat center bottom; height: 505px;}
.ys .con li.cur p{opacity: 1;width: auto;padding-right: 5%;}
.ys .con li.cur .hov h3{ color: #fff; padding: 356px 0 0 33px; font-size: 24px;font-weight: normal; text-align: left;}
.ys .con li.cur .hov h3 span{ display: inline-block; padding: 0; float: left; line-height: 100%; padding-right: 3px;}
.ys .con li.cur .hov h3 i{ display: inline-block; padding: 0; line-height: 100%;}
.ys .con li.cur .hov p{ display: block; padding:18px 35px 0 33px; font-size: 16px; line-height: 31px; color: #fff;}