@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/about_banner.jpg) no-repeat center; width: 100%; height: 363px; 
	background-size: cover;}
.about{padding: 75px 0 59px 0; position: relative;}
.news_tab{padding-bottom: 60px; width: 411px; margin:0 auto;}
.news_tab li{float: left; height: 24px; padding: 8px 15px; font-size: 18px; color: #595757; cursor: pointer;}
.news_tab>div{float: left; margin-top:12px; width: 1px; height: 20px; background-color: #595757;}
.tab_bg{background-color: #4c88de; color: #fff!important;}
.tit_cn{font-size: 50px; color: #000; text-align: center;}
.tit_en{font-size: 24px; color: #6b6b6b; text-align: center; text-transform: uppercase; padding-bottom: 30px;}
.line{width: 64px; height: 2px; background-color: #4284e2; margin:0 auto;}
.about .miaoshu{font-size: 16px; color: #666666; line-height: 30px; padding-top: 30px; text-align: justify;}
.about .miaoshu p{font-size: 16px; color: #666666; line-height: 30px;}
.about .miaoshu img{max-width: 100%!important; height: auto!important;}
.about .miaoshu .imgbox>img{float: left; margin-top: 45px;}
.about .miaoshu .imgbox>img:nth-child(2n){float: right;}
.djhd{background-color: #f1f1f1; padding: 75px 0 59px 0; position: relative;}
.djhd .huodong{padding-top: 60px;}
.djhd .huodong .list{width: 23.66%; margin-right: 1.78%; margin-bottom: 25px;}
.djhd .huodong .list:nth-child(4n){margin-right: 0;}
.djhd .huodong .list .img{width: 100%; height: 189px; overflow: hidden;}
.djhd .huodong .list .img>img{display: block; width: 100%; height: 100%; transition: .3s;}
.djhd .huodong .list>p{font-size: 20px; color: #333; text-align: center; width: 100%; overflow: hidden;
	text-overflow: ellipsis; white-space: nowrap; padding-top: 20px; transition: .3s;}
.djhd .huodong .list:hover .img>img{transform: scale(1.1);}
.djhd .huodong .list:hover>p{color: #4284e0;}
.djhd .loadmore{display: block; width: 220px; height: 50px; border: 1px solid #4c8ae3; border-radius: 50px;
	background-color: #fff; text-align: center; line-height: 50px; font-size: 20px; color: #4c8ae3;
	margin: 30px auto 0; transition: .3s;}
.djhd .loadmore:hover{background-color: #4c8ae3; color: #fff;}
.logo_bg1{position: absolute; bottom: 90px; right: 50px; z-index: -1;}
.logo_bg2{position: absolute; bottom: 180px; left: 50px;}

@media screen and (max-width: 1440px){
    .logo_bg1{width: 400px; right: 0;}
    .logo_bg2{width: 400px; left: 0;}
}

@media screen and (max-width: 800px){
	.about{padding: 30px 0;}
	.news_tab{display: none;}
	.tit_cn{font-size: 18px;}
	.tit_en{font-size: 12px; padding-bottom: 10px;}
	.line{width: 40px;}
	.about .miaoshu{padding-top: 20px; font-size: 14px; line-height: 26px;}
	.about .miaoshu p{font-size: 14px; line-height: 26px;}
	.about .miaoshu img{width: 100%!important; height: auto!important;}
	.about .miaoshu .imgbox>img{margin-top: 15px;}
	.djhd{padding: 30px 0;}
	.djhd .huodong{padding-top: 20px;}
	.djhd .huodong .list{width: 48%; margin-right: 4%; margin-bottom: 15px;}
	.djhd .huodong .list:nth-child(2n){margin-right: 0;}
	.djhd .huodong .list .img{height: auto;}
	.djhd .huodong .list>p{font-size: 16px; padding-top: 5px;}
	.djhd .loadmore{width: 125px; height: 35px; line-height: 35px; font-size: 15px; margin: 15px auto 0;}
	.wap_banner{background: url(../images/wap_about_banner.png) no-repeat center; background-size: cover;
		width: 100%; height: 160px;}
}