.banner-right{
	transform:translateX(200%);
	transition:.8s ease-in-out;
	opacity: 0;
}
.banner-right.cur{
	transform:translateX(0);
	transition:.8s ease-in-out;
	opacity: 1;
}
.i-wrap1 .swiper-wrapper .swiper-slide{
	overflow: hidden;
}
.i-wrap1 .swiper-wrapper .swiper-slide:nth-child(1) .banner-right{

}

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

@media (max-width: 1500px){
	.w1500{
		width: 92%;
	}
	.support_con_box .right .height{ margin-bottom:5px;}
}
@media (max-width: 1200px){
	.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;
	}

    .banner-right{
        position: absolute;
        bottom: 130px;
        right: 20px;
        z-index: 50;
    }
    .banner-right .i:nth-child(n+2){
      margin-top: 18px;
    }
     .banner-right .i{
        display: block;
        width: 90px;
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
        font-size: 12px;
        padding-left: 10px;
        padding-right:15px;

     }
     .banner-right .i:before{
      position: absolute;
      content:"";
      width: 6px;
      height:10px;
      right: 8px;
     }

}


@media (max-width: 1024px){
    .banner-right{
        position: absolute;
        bottom: 130px;
        right: 10px;
        z-index: 50;
    }
    .banner-right .i:nth-child(n+2){
      margin-top: 18px;
    }
     .banner-right .i{
        display: block;
        width: 90px;
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
        font-size: 12px;
        padding-left: 10px;
        padding-right:15px;

     }
     .banner-right .i:before{
      position: absolute;
      content:"";
      width: 6px;
      height:10px;
      right: 8px;
     }

	.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;
	}
	.support_tab img{
		display: block;
	}
	.support_tab table{
		display: none;
	}
}
@media (max-width: 768px){

    .banner-right{
        position: absolute;
        bottom: 130px;
        right: 10px;
        z-index: 50;
    }
    .banner-right .i:nth-child(n+2){
      margin-top: 10px;
    }
     .banner-right .i{
        display: block;
        width: 80px;
        height: 24px;
        line-height: 24px;
        border-radius: 5px;
        font-size: 12px;
        padding-left: 8px;
        padding-right:12px;

     }
     .banner-right .i:before{
      position: absolute;
      content:"";
      width: 5px;
      height:8px;
      right: 6px;
     }















	.special-left{
		width: 100%;
		margin-bottom: 20px;
	}
	.special-nav{
		width: 100%;
	}
	.special-nav-title .pic, .special-nav li .pic{
		width: 100%;
	}
	.special-left-con{
		width: 100%;
	}
	.contact, .copyright{
		width: 50%;
		padding:40px 2% 0;
		right:-54%;
	}
	.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{
		
	}
	.special-nav-title{ height:11rem;}
	.special-nav-title span {
    width: 25px;
    height: 25px;
    bottom: -26px;
}
	.special-nav-title h3{ padding-bottom:0}
	.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;
	}
}