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

@media screen and (max-width:1000px){
	.header .nav{
		height:auto;
		width:100%;
		background:#0a0a0a;
		}
	.header .nav > ul{
		margin-top:2px;
		width:100%;
		height:auto;
		}
	.header .nav > ul > li{
		margin-bottom:2px;
		width:33.33%;
		background:#222;
		box-sizing:border-box;
		border-left:1px solid #0a0a0a;
		border-right:1px solid #0a0a0a;
		}
	.header .nav  ul li.menu ul{
		display:none;
		}
	.header .nav > ul li.last{
		border-right:1px solid #0a0a0a;
		}
	.content IFRAME[name="banner_frame"]{
		height:400px;
		overflow:hidden;
		}
	.banner{
		height:400px;
		}
	.banner .pagination{
		bottom:20px;
		}
	.banner-partner{
		display:none;
		}
	.main{
		width:100%;
		}
	.part .main > .title{
		margin:0 auto;
		padding-bottom:30px;
		width:100%;
		overflow:hidden;
		background:none;
		}
	.news{
		height:auto;
		position:relative;
		}
	.news .box1{
		margin:0 auto 20px;
		top:0;
		left:0;
		width:390px;
		height:160px;
		overflow:hidden;
		position:relative;
		}
	.news .box1 > img{
		width:390px;
		height:160px;
		}
	.news .box1 .info{
		top:116px;
		width:390px;
		height:160px;
		transition:0.5s;
		position:absolute;
		background:#000;
		background:rgba(0,0,0,0.8);
		}
	.news .box1 .info h1{
		margin-top:15px;
		padding:0 20px;
		font-size:18px;
		transition:0.5s;
		line-height:18px;
		color:#fff;
		}
	.news .box1 .info p{
		margin-top:18px;
		padding:0 20px;
		line-height:18px;
		color:#fff;
		}
	.news .box1:hover .info h1{
		margin-top:44px;
		transition:0.5s;
		}
	.news .box1 .info img{
		top:16px;
		}
	.news .box2,.news .box3{
		margin:0 auto 20px;
		top:0;
		left:0;
		width:390px;
		height:160px;
		overflow:hidden;
		position:relative;
		}
	.partner{
		margin:0 auto;
		width:510px;
		}
	.content-menu{
		float:none;
		width:100%;
		}
	.content-menu .title{
		width:100%;
		height:70px;
		overflow:hidden;
		background:url(../img/title2.png) no-repeat 96% 26px #e56c16;
		}
	.content-menu ul.menu {
		padding-bottom:60px;
		min-height:0;
		}
	.content-menu ul.menu li{
		widht:100%;
		height:59px;
		background:url(../img/jt3.png) no-repeat 96% center;
		border-bottom:1px solid #f0f0f0;
		}
	.content-container{
		float:none;
		width:100%;
		}
	.details-content .container img{
		margin:0 auto;
		max-width:90%;
		}
	.team-content{
		margin:0 auto;
		}
	.team-content .box{
		float:left;
		margin-bottom:20px;
		margin-right:20px;
		width:240px;
		height:360px;
		overflow:hidden;
		position:relative;
		}
	.team-content .box .info{
		top:310px;
		width:240px;
		height:360px;
		transition:0.5s;
		position:absolute;
		background:#000;
		background:rgba(0,0,0,0.8);
		}
	.content-container .list-content .container{
		margin:0 auto;
		}
	.content-container .list-content .list li a{
		font-size:14px;
		}
	.content-container .list-content .list li span{
		display:none;
		}
	.footer IFRAME[name="footer_frame"]{
		display:none;
		height:0;
		}
	.footer .top{
		padding:20px 0;
		height:auto;
		}
	.footer .top ul{
		margin:0 auto;
		width:658px;
		}
	.footer .top ul li{
		margin-top:0px;
		margin-bottom:12px;
		}
	}
	
@media screen and (max-width:800px){
	.content IFRAME[name="banner_frame"]{
		height:320px;
		}
	.banner{
		 height:320px;
		 }
	.banner .swiper-container{
		height:320px;
		}
	.banner .banner1{
		height:320px;
		background-size:1536px 320px;
		}
	.banner .banner1 a{
		height:320px;
		}
	.banner .pagination{
		bottom:15px;
		}
	}

@media screen and (max-width:780px){
	.team-content{
		margin:0 auto;
		width:520px;
		}
	.content-container .list-content .container{
		margin:0 auto;
		width:37px;
		}
	.content-container .list-content .container .box{
		margin:0 auto 20px;
		float:none;
		}
	}

@media screen and (max-width:658px){
    .footer .top ul{
		width:100%;
		}
	.footer .top ul li{
		margin-top:0px;
		margin-bottom:6px;
		width:16.6%;
		border:none;
		}
	.footer .top ul li a{
		font-size:12px;
		}
	.footer .top p{
		line-height:24px;
		font-size:12px;
		}
	.footer .bottom{
		padding:10px 0;
		height:auto;
		}
	.footer .bottom p{
		font-size:12px;
		line-height:20px;
		}
	}

@media screen and (max-width:600px){
	.content IFRAME[name="banner_frame"]{
		height:240px;
		}
	.banner{
		height:240px;
		}
	.banner .swiper-container{
		height:240px;
		}
	.banner .banner1{
		height:240px;
		background-size:1152px 240px;
		}
	.banner .banner1 a{
		height:240px;
		}
	.part{
		padding:0 0 50px;
		}
	.content-container .menu{
		display:none;
		}
	}

@media screen  and (max-width:520px){
	.team-content{
		width:100%;
		}
	.team-content .box{
		float:left;
		margin:0 1%;
		margin-bottom:10px;
		margin-right:0;
		width:48%;
		height:auto;
		}
	.team-content .box img{
		width:100%;
		height:auto;
		}
	.team-content .box .info{
		top:87%;
		width:100%;
		}
	.team-content .box .info h1{
		margin-top:10px;
		padding:0 5px;
		font-size:16px;
		line-height:16px;
		}
	.team-content .box .info h2{
		margin-top:10px;
		padding:0 5px;
		font-size:12px;
		line-height:12px;
		color:#fff;
		}
	.team-content .box:hover .info{
		top:77%;		
		}
	.team-content .box:hover .info h1{
		margin-top:10px;
		}
	.tean-content .box:hover .info p{
		display:none;
		}
	}
	
@media screen and (max-width:510px){
	.header .top .logo-text{
		display:none;
		}
	.partner{
		width:100%;
		}
	.partner .box{
		margin:0 1% 10px;
		float:left;
		width:48%;
		height:auto;
		background:#fff;
		}
	.partner .box > a > img{
		width:100%;
		height:auto;
		}
	.partner .box .info{
		display:none;
		}
	.qq-alert{
		display:none;
		}	
	}
	
@media screen and (max-width:400px){
	.news .box1,.news .box2, .news .box3{
		width:320px;
		height:160px;
		}
	.news .box1 > img, .news .box2 > img, .news .box3 > img{
		width:320px;
		height:160px;
		}
	.news .box1 .info h1,.news .box2 .info h1,.news .box3 .info h1{
		font-size:14px;
		}
	.news .box1 .info p,.news .box2 .info p, .news .box3 .info p{
		font-size:12px;
		}
	.news .box1 .info .jt,.news .box2 .info .jt,.news .box3 .info .jt{
		display:none;
		}
	.content-container .list-content .list-menu ul{
		margin-right:2px;
		float:right;
		}
	.content-container .list-content .list-menu ul li a{
		padding:0 5px;
		font-size:12px;
		}
	.content IFRAME[name="banner_frame"]{
		height:160px;
		}
	.banner{
		height:160px;
		}
	.banenr .swiper-container{
		height:160px;
		}
	.bnaner .banner1{
		height:160px;
		background-size:768px 160px;
		}
	.banner .banner1 a{
		height:160px;
		}
	.banner .pagination{
		bottom:10px;
		}
	}
	
@media screen and (max-width:370px){
	.content-container .list-content .container{
		margin:0 auto;
		width:320px;
		}
	.content-container .list-content .container .box{
		width:320px;
		}
	.content-container .list-content .container .box img{
		width:320px;
		}
	.content-container .list-content .container .box .info{
		width:320px;
		}
		
	}