@charset "UTF-8";
img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0;
	display: inline-block;
}

a {
	color: #252B3A;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

body {
	font-size: 14px;
	background-size: cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
}

@keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-moz-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-webkit-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-o-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}


.about_news_mode{
	    margin-top: 100px;
	    background: url(../images/about_news/mode_bg.png) no-repeat center top;
	    padding-bottom: 3.65%;
}

.about_news_mode .cumb{padding:2% 0;color:#999999;}
.about_news_mode .cumb span{margin: 0 8px;}
.about_news_mode .cumb a{color:#999999;}
.about_news_mode .cumb a:hover{color:#2386ee;}
.about_news_mode .cumb b{color:#2386ee;font-weight: normal;}
.about_news_mode .banner{padding: 1.66% 0 ;}
.about_news_mode .banner .big_title{margin-bottom: 8px;}
.about_news_mode .banner .des{color: #888888;}


.mode_box{background: #fff;padding: 4.8% 5.5% 3.75%;}
.mode_box .btnmenu_list{border-bottom: 1px solid #dbdcdc;}
.mode_box .btnmenu_list li{width: 14.28%;text-align: center;position: relative;}
.mode_box .btnmenu_list li img{max-width: 60%;}
.mode_box .btnmenu_list li.active .img1{display: none;}
.mode_box .btnmenu_list li.active:after{content: "";display: block;position: absolute;width: 80px;height: 4px;background: #2386ee;left: 50%;transform: translateX(-50%);bottom: 0;max-width: 70%;}
.mode_box .btnmenu_list li .img2{display: none;}
.mode_box .btnmenu_list li.active .img2{display: inline-block;}
.mode_box .btnmenu_list li div{margin-top: 20px;margin-bottom: 31px;}
.mode_box .logoimg_item{padding-top:3%;display: none;}
.mode_box .logoimg_item.active{display: block; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.mode_box .logoimg_item li{width: 22.75%;margin-right: 3%;margin-bottom: 3%;text-align: center;padding:2.5% 2.2%;border: 1px solid #dbdcdc;border-radius: 5px;}
.mode_box .logoimg_item li .img{margin:0 auto 6.3%;transition: all 0.4s;overflow: hidden;}
.mode_box .logoimg_item li .img img{width: 144px;height: 144px;object-fit: contain;max-width: 100%;}
.mode_box .logoimg_item li:hover .img{transform: scale(1.1);}
.mode_box .logoimg_item li:nth-child(4n){margin-right: 0;}
.mode_box .logoimg_item li .title{height: 1.5em;overflow: hidden;margin-bottom: 16px;}
.mode_box .logoimg_item li .des{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 4.5em;color: #717479;}