@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;}
.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:1300px;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;height:100%; border-left:1px solid #ddd;box-sizing:border-box;position:relative;left:50px;opacity:1;width:31.33%; margin-top:10px;}

.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: rgba(41,108,175,1);}

.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:30px;font-family:"Times New Roman";}
.i-wrap4 .right .data {font-size:16px;font-family:"Courier New",Courier,monospace;line-height:33px;margin-bottom:0;}
.i-wrap4 .right h1 {font-size:18px;line-height:40px;height:40px;overflow:hidden;margin-bottom:0;transition:color 0.3s;font-weight:700;display: -webkit-box; -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; 
}
 
.i-wrap4 .right .latest {font-size:12px;line-height:19px;margin-bottom:4%;}
.i-wrap4 .right .pic {margin-bottom:4%;}
.i-wrap4 .right img {transition:all 0.3s;}
.i-wrap4 .right .font {font-size:15px;line-height:25px;height:80px;overflow:hidden;}
.i-wrap4 .right .more_news {width:36px;height:11px;background:url(../images/xiayipian.png) no-repeat center;position:relative;left:0;bottom:-30px;}
.i-wrap4 .right .pic {overflow:hidden; max-height:200px;}

@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 .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:14px;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:15px;height:30px;}
.i-wrap4 .right .font {font-size:13px;line-height:24px;height:75px;}
.i-wrap4 .right h1 { font-size:16px;}
.i-wrap4 .right .more_news{bottom:0px;}
}