/*pad端*/
@media only screen and (max-width: 1000px) {
	
	h3{font-size: 20px;}
	h4{font-size: 16px;}
	
	.header{padding-top: 0; box-shadow: 0 0 10px rgba(0,0,0,.1);}
	.header.active{left: 260px;}
	.header .logo{float: none; margin: 10px auto; width: 100%; height: 30px;}
	.header .logo img{height:30px; width:auto; margin:0 auto;}
	.header .nav{position:fixed; left: -260px; width: 260px; height: 100%; top: 0; z-index: 100; background-color: #333; margin: 0;}
	.header.active .nav{left: 0;}
	.header .nav ul{font-size: 15px; border-top: 1px solid #555; margin-top: 50px;}
	.header .nav ul li{width: 100%; border-bottom: 1px solid #555; padding: 0;}
	.header .nav ul li a{width: 100%; color: #eee; padding: 10px 15px;}
	.header .menu{display: block; width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; background: url(../images/nav_btn.png) top no-repeat; background-size: 100% 200%;}
	.header.active .menu{background-position:bottom;}
	.header .cover{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20;}
	.header.active .cover{display: block;}
	
	.header .nav .nav-contact{padding: 8px 15px;}
	.header .nav .nav-contact a{padding: 0; font-size: 14px; line-height: 2em;}
	.header .nav .nav-contact a img{margin-top: 7px;}
	
	/*右侧多媒体按键*/
	.media-box{width: 40px; height: 210px;}
	.media-box a{width: 40px; height: 40px;left; background-size: 40px 200px; padding: 0 0 0 40px;}
	.media-box a:hover{width:40px;}
	.media-box .icon-wechat{background-color: #53c656; background-position: 0 0; top: 0;}
	.media-box .icon-shichangbu{background-color: #ff7546; background-position: 0 -40px; top: 40px;}
	.media-box .icon-youku{background-color: #5cc2ff; background-position: 0 -80px; top: 80px;}
	.media-box .icon-weibo{background-color: #ee6e65; background-position: 0 -120px; top: 120px;}
	.media-box .icon-backtop{background-color: #444; background-position: 0 -160px; top: 170px;}
	.media-box a:hover.icon-wechat{width: 40px;}
	.media-box a.icon-wechat img{right: 40px; width: 120px; height: 120px;}
	.media-box a:hover.icon-wechat img{display: none;}
	.media-box a.active img{display: block !important;}
	.media-box a.active.icon-wechat{background:#53c656 url(../images/medias_close.png) center center no-repeat; background-size: contain;}
	
	.section{padding-top: 50px;}
	.footer h4{font-weight: normal;}
	.footer .media a img{left: 0; margin-left: 0;}
	.footer .copyright .subnav{display: none;}
	.more a{font-size: 1.3em;}
	
	.case .item{width: 33.333333%;}
	.case .item .info a{display: block; padding: 15px 0;}
	.case .item .info span{font-size: 1.16em;}
	.case .item .info strong{font-size: 1.4em; font-weight: normal;}
	.case .detail{font-size: 1.3em;}
	
	.log .box{margin: 0 -5px;}
	.log .item{width: 50%; padding:0 5px 30px 5px;}
	.log .item a strong{font-size: 1.4em; font-weight: normal;}
	.log .tool{right: 5px;}
	
	.partner ul li{width: 16.666666%;}
	
	.data .content{padding: 5px 0 5px 0;}
	.data .item{width: 33.33333% !important; height: 110px;}
	.data .item h1{font-size: 36px;}
	.data .item h3{font-size: 18px;}
	
}

/*移动端*/
@media only screen and (max-width: 640px) {
	
	h3{font-size: 18px;}
	.footer ul{font-size: 14px;}
	.footer ul li{width: 100%; padding: 2px 0;}
	.footer .contact .contact-info{width: 100%;}
	.footer .contact .contact-map{width: 100%;}
	.footer .qrcode .item{width: 50%;}
	
	.case .item{width: 50%;}
	.case .item .info a{display: block; padding: 10px 0;}
	.case .item .info span{font-size: 13px;}
	.case .item .info strong{font-size: 14px; font-weight: normal;}
	.case .detail{font-size: 13px;}
	
	.video a{display: none;}
	
	.log .item{width: 100%;}
	.log .item a strong{font-size: 15px;}
	.log .item a .line{display: none;}
	.log .item img{margin-top: 10px;}
	.tool{right: 0; bottom: 13px; top: auto; position: fixed; float: left; height: 36px; width: 198px; display: block !important;}
	.tool-fixed{position: fixed; width: 198px;}
	.tool a{margin: 0 2px;}
	
	
	.partner ul li{width: 25%;}
	
	.data .item{height: 76px; float: left !important;}
	.data .item h1{font-size: 22px;}
	.data .item h3{font-size: 12px;}
}

@media only screen and (min-width: 1001px) {
	.header{padding-top: 60px;}
	.section{padding-top: 140px;}
}