@charset "utf-8";
/* CSS Document */

.frame{margin:0; padding:0; border:0; background:none}
.column{margin:0; padding:0}
.move-span{margin:0; padding:0}
.block{margin:0; padding:0}
.portal_block_summary{margin:0; padding:0}


.focusd{width:100%; height:380px;margin:0 auto;}
.focusbox{background-color:#4ab7ef;}
.focusimg{border:0px solid #2F2F2F; width:100%; height:315px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{display:block; width:100%; height:315px; cursor:pointer;}
.fimglist li{width:100%; height:380px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
@-webkit-keyframes onpre{
	0%{opacity:1;-webkit-transform:rotateY(0deg);}
	100%{opacity:0;-webkit-transform:rotateY(90deg)}
}
@keyframes onpre{
	0%{opacity:1;transform:rotateY(0deg);}
	100%{opacity:0;transform:rotateY(90deg)}
}
.focustool{width:580px; overflow:hidden; padding:2px 0 2px; margin:0 auto; position:relative;}
.ftoollist{width:4655px; position:relative;}
.ftoollist img{display:block; width:79px; height:35px; margin-bottom:3px;}
.ftoollist a{background-color:transparent; display:block; width:79px; padding:3px 0 3px 3px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear; color:#FFF; text-decoration:none}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;}
.ftoollist .imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:18px; height:25px; overflow:hidden; cursor:pointer;}
.ftoollist .imgshortcat{line-height:20px; text-align:center; color:#FFF; font-size:12px; height:20px; overflow:hidden; cursor:pointer;}
.ftoollist a:hover{background-color:#503769; padding:4px; margin-right:-4px; z-index:100; top:-5px;}
.ftoollist a:hover .imgname{color:#DBC98C;}
.ftoollist a:hover .imgshortcat{color:#FFF;}
.ftoollist .on a{background-color:#069; padding:4px; margin-right:-4px; z-index:100; top:-5px;}
.ftoollist .on .imgname{color:#FF9;}
.ftoollist .on .imgshortcat{color:#FF9;}


*{ padding:0px; margin:0px;}
img{ border:none;}
ul,li{ list-style:none;}

.xs4{font-size:18px !important;}
.xs5{font-size:20px !important;}

.box li{ height:280px; margin-top:12px; float:left; overflow:hidden; position:relative;text-align: center;}
.box li a{ color:#666; text-decoration:none; position:absolute; top:0; left:0;width: 98%;}
.toll_img{ width:100%;height:280px;}
.toll_info{ width:100%;height:280px; background:#EEE; vertical-align:middle;}
.toll_img img, .toll_info img{ width:100%; height:280px;}
.index_box1{display:flex;justify-content:space-between;flex-wrap: wrap;}
.index_box1 li {flex: 0 0 33.3%; /* 每个元素占据100% / 3 */}
.index_box1 li p.text{text-align: center;}

.submit{height:41px; line-height:40px;width:130px; color:#FFF; font-size:18px;border:none;background:#09C; display:block; cursor:pointer;-webkit-appearance: none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.submit:hover{background:#06C;}

.index_ninepictext ul{display:flex;justify-content:space-between;flex-wrap: wrap;}
.index_ninepictext li{flex: 0 0 32.3%; padding:0;height:345px;margin-top: 15px;}
.index_ninepictext p{margin-top: 5px;}
.index_ninepictext img{width:100%; height:300px;}


.top_slidebox, .top_slidebox .slideshow, .top_slidebox .slideshow li{
	height: 714px;
}
.top_slidebox .slideshow li{
	overflow: hidden;
	text-align: center;
}

.top_slidebox img{
	width: 100%;
	height: auto;
}

.swiper-scroll-right .swiper-slide, .swiper-scroll-left .swiper-slide  {
	width: 25%;
}
.swiper-scroll-right2 .swiper-slide, .swiper-scroll-left2 .swiper-slide  {
	width: 20%;
}


.swiper-scroll-right .swiper-slide img, .swiper-scroll-left .swiper-slide img {
	width: 100%;
	height: 175px;
}
.swiper-scroll-right2 .swiper-slide img, .swiper-scroll-left2 .swiper-slide img {
	width: 100%;
	height: 175px;
}

.contents_04 img {
	width: 100%;
	height: 310px !important;
}

.swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	&:after {
		content: '';
		display: block;
		background-repeat: repeat-x;
		position: absolute;
		left: -10%;
		top: 40%;
		animation: line-slide 60s forwards infinite linear;
		z-index: 1;
	}
	&.swiper-scroll-left {
		&:after {
		animation-direction: reverse;
		}
	}
}
.swiper-wrapper{
	-webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; 
	position: relative;
}

.content_02_text{
	font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
  	/*只要超过宽度就换行，不论中文还是英文*/
    word-break: break-all;
 	/*最多展示两行*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	line-height: 18px;
    max-height: 36px;
	margin: 5px 0;
}


@keyframes line-slide {
	0% {
		background-position: -5% 0;
	}
	100% {
		background-position: 100% 0;
	}
}