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








#section4 { position: relative; margin: 0 auto;background: #fff; padding: 3vw 0; line-height: normal; color: #FFF; }
.video{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top: 25px;
}
.video .videoList {
    width: 74%;
    height: 32.9vw;
    position: relative;
    overflow: hidden;
}
.video ul{
    width: 25.5%;
    height: 32.9vw;
    position: relative;
    overflow: hidden;
}
.video ul li{
    width: 100%;
    height: 11vw;
    margin-bottom: 5px;
}
.video ul li {
    position: relative;
}
.video ul li a,.video ul li a .imgs,.video .videoList a,.video .videoList .imgs{
    display: block;
    height: 100%;
    overflow: hidden;
}
.video .videoList .zhe,.video ul li .zhe{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.75);
}
.video a i{
    width: 100%;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    font-size: 4vw;
    justify-content: center;
    align-items: center;
    z-index: 10;
    color: #fff;
} 
.video a i img{
    width: 86px;
}
@media screen and (max-width: 768px) and (min-width: 0px)  {
    .video{
        margin-top: 20px;
    }
    .video ul{
        width: 100%;
        height: auto;
    }
    .video ul li{
        height: auto;
    }
    .video .videoList{
        width: 100% !important;
        height: auto;
        margin-bottom: 5px;
    }
    .video a i{
        top: 45%;
    }
    .video a i img{
        width: 60px;
    }
}
@media screen and (max-width: 480px) and (min-width: 0px) {
    .loc .com_list li {
        padding: 0 20px;
    }
    .video ul{
        width: 100%;
        height: auto;
    }
    .video ul li{
        height: auto;
    }
    .video .videoList{
        width: 100% !important;
        height: auto;
        margin-bottom: 5px;
    }
	#section2 { position: relative; margin: 0 auto; background: #FFF; padding: 8vw 0 ; }
}


#kkpager{
	clear:both;
	color:#999;
	padding:25px 0px 5px 0px;
	font-size:13px;
	display: flex;
  justify-content: center;
  align-items: center;
}
#kkpager li{
    list-style: none;
}
#kkpager a{
	float: left;
	border: 1px solid #666;
	display: inline;
	padding: 6px 15px 6px 15px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}
#kkpager span{
	float: left;
	border: 1px solid #666;
	display: inline;
	padding: 6px 15px 6px 15px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}

#kkpager span.disabled{
	float: left;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #DFDFDF;
	background-color:#FFF;
	color:#DFDFDF;
}
#kkpager span.curr{
	float: left;
	border: 1px solid #666;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #4f88e1;
	color: #fff;
}
#kkpager .active a{
    border:1px solid #666; 
	background-color:#DFDFDF; 
	color:#fff !important;
	font-size: 14px;
}

#kkpager .active span{
    border:1px solid #666; 
	background-color:#DFDFDF; 
	color:#fff !important;
	font-size: 14px;
}
#kkpager a:hover{
	border:1px solid #666; 
	background-color:#DFDFDF; 
	color:#fff !important;
}
#kkpager span.normalsize{
}
#kkpager_gopage_wrap{
	position:relative;
	left:0px;
	top:0px;
}
#kkpager_btn_go {
	width:44px;
	height:24px;
	border:0px;
	overflow:hidden;
	line-height:140%;
	padding:0px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#4f88e1;
	color:#FFF;
	position:absolute;
	left:0px;
	*top:2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:none;
}
#kkpager_btn_go_input{
	width:36px;
	height:21px;
	color:#999;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	border:1px solid #DFDFDF;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left:0px;
	top:0px;
	*top:2px;
	outline:none;
}

#kkpager_btn_go_input.focus{
	border-color:#4f88e1;
}

#kkpager .pageBtnWrap{
	float:left;
	left: 27px;
    position: relative;
}

#kkpager .infoTextAndGoPageBtnWrap{
	float:right;
	right: 27px;
    position: relative;
}
#kkpager .spanDot{
	float:left;
	margin-right:5px;
}

#kkpager .currPageNum{
	color:#4f88e1;
}

#kkpager .infoTextAndGoPageBtnWrap{
	padding-top:5px;
	font-size: 15px;
}

@media screen and (max-width: 480px) and (min-width: 0px) {
#kkpager{
	clear:both;
	color:#999;
	padding:15px 0px 5px 0px;
	font-size:13px;
	display: flex;
  justify-content: center;
  align-items: center;
}
#kkpager li{
    list-style: none;
    float: left;
    padding-bottom: 10px;
}
#kkpager a{
	float: left;
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}

#kkpager span.disabled{
	float: left;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #DFDFDF;
	background-color:#FFF;
	color:#DFDFDF;
}
#kkpager span.curr{
	float: left;
	border: 1px solid #999;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #4f88e1;
	color: #fff;
}
#kkpager .current{
	float: left;
	border: 1px solid #999;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #4f88e1;
	color: #4D4D4D;
}
#kkpager .active a{
    border:1px solid #999; 
	background-color:#DFDFDF; 
	color:#fff !important;
}

#kkpager .current{
    border:1px solid #999; 
	background-color:#DFDFDF; 
	color:#4D4D4D !important;
}
#kkpager a:hover{
	border:1px solid #999; 
	background-color:#DFDFDF; 
	color:#fff !important;
}
#kkpager span.normalsize{
}
#kkpager_gopage_wrap{
	position:relative;
	left:0px;
	top:0px;
}
#kkpager_btn_go {
	width:44px;
	height:24px;
	border:0px;
	overflow:hidden;
	line-height:140%;
	padding:0px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#4f88e1;
	color:#FFF;
	position:absolute;
	left:0px;
	*top:2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:none;
}
#kkpager_btn_go_input{
	width:36px;
	height:21px;
	color:#999;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	border:1px solid #DFDFDF;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left:0px;
	top:0px;
	*top:2px;
	outline:none;
}

#kkpager_btn_go_input.focus{
	border-color:#4f88e1;
}

#kkpager .pageBtnWrap{
	float:left;
	left: 27px;
    position: relative;
}

#kkpager .infoTextAndGoPageBtnWrap{
	float:right;
	right: 27px;
    position: relative;
}
#kkpager .spanDot{
	float:left;
	margin-right:5px;
}

#kkpager .currPageNum{
	color:#4f88e1;
}

#kkpager .infoTextAndGoPageBtnWrap{
	padding-top:5px;
	font-size: 15px;
}
.arList li .newm a{
    color:#4d4d4d ;
    font-weight: 600;
    max-width: 275px;
}
}