@media (max-width: 1680px){
	.w1680{
		width: 92%;
	}
	
	.research-mobile{
		height: auto;
		margin-top: 59px;
	}
}

@media (max-width: 1500px){
	.w1500{
		width: 92%;
	}
	.support_con_box .right .height{ margin-bottom:20px;}
}
@media (max-width: 1200px){
	.research-pc{
		display: none;
	}
	.research-mobile {
    display: block;
}
	.research-advantage .font{
		width: 92%;
	}
	.research-advantage .list h2{
		font-size: 20px;
		line-height: 30px;
	}
	.research-advantage .list li{
		width: 21.2%;
	    padding: 16px 1.5% 20px;
	    margin-left: 1%;
	}
	.research-advantage .list i{
		margin: 8px 0 16px;
	}
	.research-advantage .list p{
		font-size: 12px;
		line-height:20px;
	}
}


@media (max-width: 1024px){
	.special-left{
		width: 69%;
	}
	.special-nav{
		width: 27%;
	}
	.special-nav-title h2{
		font-size: 22px;
    	line-height: 32px;
	}
	.special-nav-title h3 {
    font-size: 16px;
	    padding-bottom: 23px;
	}
	.special-nav-title p {
	    font-size: 13px;
	    line-height: 24px;
	}
	.special-nav-title span{
		width: 25px;
		height: 25px;
		bottom: -72px;
	}
	.special-nav li h3 {
	    font-size: 16px;
	    line-height: 30px;
	}
	.special-nav li p {
	    font-size: 13px;
	    line-height: 22px;
	}
	.special-left .title h3 {
	    font-size: 20px;
	    line-height: 30px;
	    padding-top: 7px;
	}
	.special-left .title p {
	    font-size: 14px;
	    line-height: 24px;
	}

	.special-left .title {
	    padding: 15px 0 32px;
	}
	.special-left-con .box p {
	    padding-bottom: 15px;
	}
	.special-left-con .box img {
	    padding: 0 0 18px;
	}
	.special-left-con {
	    padding: 14px 0 33px;
	}
	.contact, .copyright{
		width: 40%;
		padding:40px 2% 0;
		right:-44%;
	}
	.z-index.on{
		left:-44%;
	}
	.copyright h2, .contact h2{
	    font-size: 16px;
	    line-height: 30px;
	    padding-bottom: 6px;
	}
	.copyright p, .contact p{
	    font-size: 12px;
	    line-height: 23px;
	}
	.research-advantage .font{
		width:100%;
		font-size: 12px;
		line-height: 22px;
		padding: 15px 0 34px;
	}
	.research-advantage .font p{
		font-size: 12px;
		line-height: 22px;
	}
	.research-advantage{
		padding-top: 40px;
	}
}
@media (max-width: 768px){
	.list_slide ul{width: 150%;}
.list_slide li{ width:16%; float:left; background:#293f82; line-height:36px; font-size:24px; color:#fff; text-align:center; padding:22px 10px;}
.list_slide{       overflow: auto;}



	.z-index.on{
		left:-54%;
	}
	.research-history{
		padding: 33px 0 29px;
	}
	.research-mobile{
		margin-top: 29px;
	}
	.research-title h2 {
	    font-size: 22px;
	    line-height: 32px;
	    padding-top: 8px;
	}
	.research-title p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.research-title i {
	    margin: 10px auto 0;
	}
	.research-advantage .list li{
		width: 94%;
	    padding: 16px 3% 20px;
	    margin-left:0;
	}
}
@media (max-width: 480px){
	.special-nav-title .pic, .special-nav li .pic{
		width: 477px;
		margin-left: -238px;
	}
	.contact, .copyright{
		width: 76%;
		padding:40px 2% 0;
		right:-80%;
	}
	.z-index.on{
		left:-80%;
	}
	.flex-control-nav{
		display: none;
	}
	.honor-list .flex-direction-nav a{
		width: 21px;
		height: 36px;
		margin: -44px 0 0;
		text-indent: -999px;
		overflow: hidden;
		transition:opacity 0.3s,left 0.3s, right 0.3s;
	}
	.honor-list .flex-direction-nav a.flex-prev{
		background: url(../pic/case06.png) no-repeat center;
		background-size: 100% 100%;
	}
	.honor-list .flex-direction-nav a.flex-next{
		background: url(../pic/case07.png) no-repeat center;
		background-size: 100% 100%;
	}
	.honor-list .case-pic:hover .flex-direction-nav a.flex-prev{
		left: 19px;
		opacity:1;
	}
	.honor-list .case-pic:hover .flex-direction-nav a.flex-next{
		right: 19px;
		opacity:1;
	}
}