@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:1400px;margin:0 auto;}


.i-wrap4{ position:relative; width:100%; height:591px;}
.i-wrap4:before{ position:absolute; content:""; background: url(../images/m_news_left.jpg) no-repeat left top; left:0; top:0; width:814px; height:591px; z-index:-1}

.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:1460px;margin:0 auto; padding-top:0;}


.i-wrap4 .left{
	width: 20%;
	float: left;
	position: relative;
	 margin-top:2%;
	 height:90%;
}


.zsjm_fanhui {width:60px;height:60px;left:2%;position: absolute; z-index:9999; bottom:15%;display:block;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}
.zsjm_fanhui .icon {width:50px;height:50px;background:url(../images/fanhui.png) no-repeat;background-size:cover;position:absolute;left:5px;top:5px}
.zsjm_fanhui .eb {position:absolute;width:100%;height:100%;z-index:10;left:0px;top:0px;background:#EB0011;border-radius:50%;}
.zsjm_fanhui:after {content:'';background:#EB0011;height:100%;width:100%;border-radius:50%;z-index:-1;position:absolute;right:0;top:0;-webkit-animation:fadein 2s linear infinite;}
@-webkit-keyframes fadein {0% {-webkit-transform:scale(1);opacity:.5;}
100% {-webkit-transform:scale(1.5);opacity:0;}
}
.zsjm_fanhui:before {content:'';background:#fff;height:100%;width:100%;border-radius:50%;z-index:-1;position:absolute;left:0;top:0;-webkit-animation:fadein 2s linear infinite .5s;}


.i-wrap4 .right {float:right;width:80%;overflow:hidden; margin-top:0}

@media (max-width:639px){ 
.i-wrap4{ position:relative; width:100%; height: auto!important; background: url(../images/m_news_left.jpg) no-repeat left top; left:0; top:0;-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;z-index:-1}
.i-wrap4:before{ display:none;}


.zsjm_fanhui {width:45px;height:45px; left:auto;right:3%;position: absolute; z-index:9999; top:20px; bottom:auto;  display:block;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}
.zsjm_fanhui .icon {width:40px;height:40px;background:url(../images/fanhui.png) no-repeat;background-size:cover;position:absolute;left:3px;top:3px}

.i-wrap4 .left{
	width: 100%;
	float: none;
	margin-top:0;
	padding-top:10px;
}

.i-wrap4 .left ul{ padding-top:0px;}
.i-wrap4 .left ul li{
    width:100%; display:block; padding:5px 0;

}
.i-wrap4 .left ul li h3{ font-size:15px; line-height:30px; color:#333;}
.i-wrap4 .left ul li h4{ font-size:13px; color:#999; padding-left:10px;}


.i-wrap4 .left .btns{
	width: 37px;
	margin-top: 9px;
	margin-left: 8px;
	text-align: center;
	color: #dfdfdf;
}

.i-wrap4 .more_news{
	width: 34.5%;
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: 14px;
	color: #0364CB;
	display: block;
	margin-top:0px;
}





.i-wrap4 .right {float:none;width:100%;overflow:hidden;}

}







.i-wrap4 .right ul {width:100%;float:left;}
.i-wrap4 .right li {float:left;height:100%; box-sizing:border-box;position:relative;opacity:1;width:31.33%; margin:0 1%}
.i-wrap4 .right li:first-child { border:none;}
.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;box-sizing:border-box;}
.i-wrap4 .right ul li a:hover {color:#fff;background:-webkit-gradient(linear, 0% 0%, 100% 50%, from(#ccc), to(#333), color-stop(0.3, #333));}
.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;line-height:33px;margin-bottom:0;}
.i-wrap4 .right h2 {font-size:16px;line-height:25px;height:30px;overflow:hidden;margin-bottom:0;transition:color 0.3s;font-weight:normal;}
.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:14px;line-height:25px;height:80px;overflow:hidden;}

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

@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;}
}