@charset "utf-8";
.i-wrap4 * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.i-wrap4 *:before,.i-wrap4 *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.i-wrap4{ float: right; width:100%;}
.f-cb {zoom:1;}
.f-cb:after {display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.i-wrap4 .box {width:100%;height:100%;max-width:100%;margin:0 auto;}
.i-wrap4 .right {float:right;width:100%;overflow:hidden;}
.i-wrap4 .right ul {width:100%;float:left;}
.i-wrap4 .right li {float:left;border-left:1px solid #eaeaea; background:#F7F7F7;height:100%;box-sizing:border-box;position:relative;left:1%;opacity:0;width:24%; overflow:hidden;}
.i-wrap4 .right a {display:block;width:100%;padding:10% 6% 10% 6%;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.i-wrap4 .right ul li a:hover {color:#fff;background:#0162AF;}
.i-wrap4 .right img {vertical-align:middle;width:100%;height:100%;}
.i-wrap4 .right img:hover {transform:rotate(0deg) scale(1.1);-moz-transform:rotate(0deg) scale(1.1);-ms-transform:rotate(0deg) scale(1.1);-o-transform:rotate(0deg) scale(1.1);-webkit-transform:rotate(0deg) scale(1.1);}
.i-wrap4 .right .day {font-size:80px;color:#dfdfdf;line-height:60px;padding-bottom:10%;font-family:"Times New Roman";}
.i-wrap4 .right .data {font-size:16px;font-family:"Courier New",Courier,monospace;letter-spacing:2px;line-height:33px;margin-bottom:7px;}
.i-wrap4 .right h2 {font-size:1rem;line-height:1.7rem;height:2rem;overflow:hidden;margin-bottom:1rem;transition:color 0.3s;font-weight:normal;}
.i-wrap4 .right ul li:hover h2 { color:#fff;}
.i-wrap4 .right .latest {font-size:12px;line-height:19px;margin-bottom:4%;}
.i-wrap4 .right .pic {margin-bottom:4%; margin-top:1%;}
.i-wrap4 .right img {transition:all 0.3s;}
.i-wrap4 .right .font {font-size:.85rem;line-height:1.5rem;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom:1rem;}
.i-wrap4 .right .more_news {width:52px;height:11px;background:url(../images/wel10.png) no-repeat center;position:relative;left:0;bottom:0px;}
.i-wrap4 .right li:hover .more_news {width:52px;height:11px;background:url(../images/wel10_h.png) no-repeat center;position:relative;left:3.2rem;bottom:0px;transition: all 500ms ease-in-out 0s;}

.i-wrap4 .right .more_news:before { position:absolute; content:"查看詳情"; width:75px; font-size:0.7rem; color:#696969; left:0px; top:-5px;opacity:0;}
.i-wrap4 .right li:hover .more_news:before {opacity:1; left:-3.4rem;color:#fff;}

.i-wrap4 .right .pic {overflow:hidden;}


@media screen and (max-width:1350px) {
.i-wrap4{width:78%;}

}

@media screen and (max-width:1440px) {

.i-wrap4 .box {width:100%;height:100%;margin:0 auto;}
}

@media screen and (max-width:1024px) {
.i-wrap4 .right li {width:49%;left:1%;}
.i-wrap4 .right a {padding:2% 3% 0 3%;}
.i-wrap4 .right h2 {font-size:18px;height:30px;}
}
@media screen and (max-width:639px) {
.i-wrap4{ float: none; width:100%;}
.i-wrap4 .right .pic {margin-bottom:2%; margin-top:0;}
.i-wrap4 .right ul{ margin-top:0px;}
.i-wrap4 .right li {opacity:0;width:100%;border-left:none;left:0;}
.i-wrap4 .right a {padding:2% 2% 0 2%;}
.i-wrap4 .right .data {font-size:.8rem;letter-spacing:1px;line-height:25px;margin-bottom:2px;}
.i-wrap4 .right .day {font-size:45px;line-height:40px;padding-bottom:2%;}
.i-wrap4 .right h2 {font-size:1rem; line-height:2rem; height:auto;}
.i-wrap4 .right .font {font-size:.8rem;line-height:1.6rem;height: auto;}
.i-wrap4 .right img { max-width:100%;}
.i-wrap4 .right .more_news {width:35px;height:7px;background-size:cover}
.i-wrap4 .right li:hover .more_news {width:35px;height:7px;background-size:cover;left:2.6rem;}


}