@charset "utf-8";
/*****section1*****/
#section1 { margin: 0 auto; position: relative; }
#section1 .arrow { width: 100%; position: absolute; bottom: 7.8rem; left: 0; cursor: pointer; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; }
#section1 .arrow a { width: 124px; display: block; margin: 0 auto; }
#section1 .arrow a dt { width: 19px; height: 19px; background-image: url(../images/ioc3.png); background-repeat: no-repeat; background-size: 100%; display: block; margin: 0 auto; }
#section1 .arrow a dd { width: 100%; text-align: center; padding-top: 10px; color: #FFF; }
#section1 .arrow a:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
@keyframes arrow { %0, %100 {
 bottom:9rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:7.8rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5;
}
}
/*****section2*****/
#section2 { position: relative; margin: 0 auto; background: #FFF; padding: 4vw 0; }
.newly{ width:71%; overflow:hidden; float:left; line-height:2;}
.newry{ width:26%; overflow:hidden; float:right;}
.newtit{ width:100%; overflow:hidden; color:#c62115;}
.newtit span{ margin-left:10px;}
.newry ul{ width:calc(100% - 40px); background:#f5f5f5; padding:20px; margin-top:30px;}
.newry ul li{ background:url(../images/ioca.jpg) no-repeat left 0.6vw; line-height:1.5vw; padding-left:20px; margin-bottom:20px;}
.newry ul li:hover{ background:url(../images/iocb.jpg) no-repeat left 0.6vw;}

.arList{ width: 100%; overflow: hidden;}
.arList li { width: calc(100% - 40px); overflow: hidden; padding: 20px; line-height: normal; background:#f4f4f4; margin:30px 0; transition: ease all .3s;}
.arList li .newm { font-weight: bolder; }
.arList li .new2 { color: #747474; height: 20px; line-height: 20px; margin-top:2%; }
.arList li .new2 span{ margin-left:10px;}
.arList li .newsl { width: 31%; overflow: hidden; float: left; }
.arList li .newsr { width: 62%; overflow: hidden; float: right; margin-right:3.7%; padding-top:2%; }
.arList li p{ padding-top:3%; line-height:2;}
.arList li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);
box-shadow: 0 0 20px 10px rgba(29, 29, 29, 0.1);}
@media screen and (max-width: 1700px) and (min-width:1025px) {
.arList li { margin:20px 0;}
.arList li p{ font-size:16px;}
.arList li:hover{ -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);
box-shadow: 0 0 10px 5px rgba(29, 29, 29, 0.1);}
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
.arList li{ margin:20px 0;}
.arList li .new2 { height: 18px; line-height: 18px; margin-top:10px; }
.arList li .new2 span{ margin-left:5px;}
.arList li .newsr { width: 65%; margin-right:0; padding-top:10px; }
.arList li p{ padding-top:10px; line-height:1.8; font-size:14px;}

.newly{ width:100%; float:inherit;}
.newry{ display:none;}

}




@media screen and (max-width: 768px) and (min-width: 0px) {
.arList li { width: calc(100% - 20px); padding: 10px;}
.arList li .newsl { width: 100%; float:inherit; }
.arList li .newsr { width:100%; float: inherit; margin-right:0; padding-top:20px; }

}

.news_tit { width: 100%; overflow: hidden; padding-bottom: 30px; border-bottom: 1px #f0f0f0 solid; text-align: center; line-height: normal; }
.news_tit p { color: #999999; margin-top: 10px; }
.arKeywords { padding: 15px; overflow: hidden; border: 1px #f0f0f0 solid; }
.arKeywords span { display: block; color: #d50e25; }
.FastMove{ width: 100%; overflow: hidden; padding-top: 30px; border-top: 1px #f0f0f0 solid; margin-top:25px; line-height:2;}
@media screen and (max-width: 1700px) and (min-width:1025px) {
.news_tit{ padding-bottom:20px;}
.FastMove{ padding-top:20px; margin-top:20px;}
}