
@media screen and (max-width: 1300px){
	header .header-in .logo {
	    width: 200px;
	    height: 37px;
	    float: left;
	}
	header .header-in .header-ri{
		width: 680px;
	}
	footer .w1200{
	width: 92%;
	margin: 0 auto;
	}
	footer .legal {
	    width: 86%;
	    padding: 37px 3%;
	    background: #007cc2;
	    position: absolute;
	    bottom: 180px;
	}
	.l-view .w1200{
		width: 92%;
	}
	.l-news .w1200{
		width: 92%;
	}
	.l-ser-pro .w1200{
		width: 92%;
	}
	.l-ser-pro .on-in ul li .img-box{
		width: 70%;
		margin:100px auto 80px;
	}
	.l-tal .w1200{
		width: 92%;
	}
	.l-tal .title .ch {
	    font-size: 48px;
	    line-height: 48px;
	}
	.l-news .news-title .bd li .nr-in span.time{
		width:18%;
		padding: 8px 0;
	}
	.l-news .news-title .bd li .nr-in span.detail{
		margin-left:7%;
		text-align: left;
		width:75%;
	}
	.l-tal .ri-content .tit {
	    line-height: 60px;
	    font-size: 16px;
	}

	
}

@media screen and (max-width: 1300px) and (min-width:1000px){
	.banner .bd ul li .exp .exp-in{
		width: 900px;
		padding: 15px 0 40px;
	}
	.banner .bd ul li .exp .exp-in p{
		width: 798px;
	}
	.w {
	    width:900px;
	    /*overflow: hidden;*/
	    margin: 0 auto;
	}
	.bl{
		width: 616px;
		overflow: hidden;
		float: left;
	}
	.br{
		width: 284px;
		overflow: hidden;
		float: left;
	}
	.i-news {
	    width:592px;
	    margin-right: 24px;
	}
	.i-news .news-in{
		margin-top: 30px;
		margin-bottom: 0;
	}
	.i-news .news-in .news-img{
		width:240px;
	    margin-right:24px;
	}
	.i-news .news-in ul{
		width:328px;
	}
	.i-news .list-in ul li a{
		max-width: 240px;
	}
	.i-images{
		width:284px;
		height: 178px;
	}
	.i-course{
		margin-top: 96px;
	}
	.i-media{
		width: 284px;
		margin-right: 24px;
	}
	.i-infor{
		width: 284px;
		margin-right: 20px;
	}
	.i-inv{
		margin-top: 60px;
	}
	.i-dev ul .i-images{
		width: 284px;
		height: 178px;
		margin-right: 24px;
	}
	.i-duty{
		width: 592px;
		margin-right: 24px;
	}
	.i-duty .i-images ul{
		/*margin: 47px auto;*/
	}
	.i-video{
		width: 284px;
	}
	
}
@media screen and (max-width: 1000px){
	.w {
	    width:780px;
	    /*overflow: hidden;*/
	    margin: 0 auto;
	}
	.banner .bd ul li .exp .exp-in {
	    width:700px;
	    padding: 15px 50px 40px;
	    margin: 0 auto;
	}
	.banner .bd ul li .exp .exp-in p {
	    width: 592px;
	    font-size: 14px;
	    line-height: 30px;
	    color: #fff;
	    display: inline-block;
	    float: left;
	}
	.bl{
		width: 100%;
	}
	.br{
		width: 100%;
	}
	.i-images{
		/*width: 377px;*/
	}
	.i-news{
		width: 100%;
		margin-right: 0;
	}
	.i-news .news-in{
		margin-top: 13px;
		margin-bottom: 0;
	}
	.i-course{
		margin-right: 22px;
		margin-top: 20px;
	}
	.i-media{
		margin-right:26px;
	}
	.i-infor{
		margin-right: 0;
	}
	.i-dev ul .i-images{
		margin-right: 22px;
	}
	.i-dev ul .i-images.li3{
		display: none;
	}
	.i-video{
		width: 100%;
	}
	/*footer .legal {
	    width: 700px;
	    padding: 37px 40px;
	    background: #007cc2;
	    position: absolute;
	    bottom: 180px;
	}*/
	header{
		display: none;
	}
	.m-header{
		width: 100%;
		/*height: 80px;*/
		background: #fff;
		position: relative;
		z-index: 111;
		display: block;
	}
	.m-header .logo{
		width:30%;
		margin:18px 0;
	    display: inline-block;
	    float: left;
	    margin-left:10px;
	}
	.m-header .logo a{
		display: block;
		width: 100%;
		/*height: 100%;*/
		}
	.m-header .logo img{
		display:block;
		width:100%;
	}
	.m-header .i-nav{
		width:10%;
		padding:15px 10px 15px 8px;
		border-left: 1px solid #eef1f3;
		float: right;
		display: inline-block;
	}
	.m-header .nav-en{
		width:10%;
		padding:15px 9px 9px 9px;
		border-left: 1px solid #eef1f3;
		float: right;
		display: inline-block;
		text-align: center;
	}
	.m-header .nav-en a{
		display: inline-block;

	}
	.m-header .nav-en img{
		display:block;
		width:100%;
	}
	.m-header .i-nav img{
		/*display: block;*/
		width: 100%;
	}
	.nav-hide{
		width:100%;
		height: auto;
		background:rgba(255,255,255,0.9);
		overflow: hidden;
		position: absolute;
		right: 0;
		top:0;
		z-index: 2;
		padding-bottom:30px;
		display: none;
	}
	.nav-hide .del{
		width: 100%;
		height: 25px;
		background: #fff;
	}
	.nav-hide .del img{
		width:25px;
		float: right;
		margin: 20px;
	}
	.nav-hide .nav-list{
		width: 100%;
		overflow: hidden;
	}
	.nav-hide .nav-list li{
		width: 100%;
		text-align: center;
		/*overflow: hidden;*/
	}
	.nav-hide .nav-list li a.fir{
		display: block;
		font-size: 18px;
		color: #333;
		line-height:50px;
		text-align: center;
		/*margin-right: 0.3rem;*/
	}
	.nav-hide .nav-list li .second{
		overflow: hidden;
		padding:10px 0;
		width: 100%;
		display: none;
	}
	.nav-hide .nav-list li .second a{
		font-size: 16px;
		color: #888;
		line-height:38px;
		display: block;
	}
	.l-ser-pro .pro-inr ul li{
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.l-ser-pro .pro-inr ul li:nth-child(2n){
		margin-right: 0;
	}
	.l-ser-pro .pro-inr ul li .exp p{
		padding: 0 10%;
	}
	.l-ser-pro .pro-inr ul li:nth-child(3n){
		margin-right: 4%;
	}
	.l-ser-pro .pro-inr ul li:nth-child(2n){
		margin-right: 0px;
	}
	.l-tal .title .ch {
	    font-size: 26px;
	    line-height: 38px;
	}

}
@media screen and (max-width: 780px){
	.banner .bd ul li .exp{
		display: none;
	}
	.banner .hd{
		bottom: 20px;
	}
	.banner .hd{
		width: 96px;
		margin: 0 auto;
	}
	.banner .hd li{
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #fff!important;
	}
	.banner .hd li.on{
		background: #ed620f!important;
	}
	.w{
		width: 95%;
	}
	.i-par{
		width: 100%;
	}
	.i-par .list-in ul{
		width: 100%;
	}
	.i-par .list-in ul li{
		width: 100%;
	}
	.i-images{
		margin: 10px auto;
		width: 100%!important;
	}
	.i-news{
		width: 100%;
		margin-right: 0;
	}
	.i-news .news-in{
		width: 100%;
	}
	.i-news .news-in .news-img{
		width: 100%;
	}
	.i-news .news-in ul li a{
		width: 70%;
		max-height: 64px;
	}
	.i-course{
		width: 100%;
		margin-right: 0;
	}
	.i-dev{
		width: 100%;
	}
	.i-dev ul{
		margin-top: 10px;
	}
	.i-duty{
		margin-bottom: 0;
	}
	.i-duty .i-images{
		margin-top: 20px;
	}
	.i-video .i-images{
		margin-top: 20px;
		position: relative;
	}
	.i-video .i-images video{
		/*position: absolute;*/
		display: none;
	}
	.i-video{
		width: 100%;
	}
	.fo-ri{
		display: none;
	}
	.i-dev ul .i-images.li3{
		display: block;
	}
	footer .fo-in .fo-to li a{
		padding: 0 5px;
	}
	footer .fo-in .fo-to{
		margin-left: 0;
	}
	footer .fo-in .fo-to li.brr:nth-child(1){
		margin-left: -5px;
	}
	/*footer .legal{
		width:89%;
		padding: 30px 3%;
		position: absolute;
		bottom:150px;
	}*/
	.l-view .vicb table td{
		width: 100%;
		float: left;
	}
	.l-view .vicb table td.td1{
		border-right:none;
	}
	.l-view .vicb table td.td2{
		margin-left:0;
	}
	.l-news .news-title .bd li .nr-in span.time {
	    width:20%;
	    background: #fff;
	    text-align: center;
	    padding: 8px 0;
	}
	.news-list ul li span.time {
	    width: 18%;
	    background: #e8e8e8;
	    text-align: center;
	    padding: 8px 0;
	}
	.news-list ul li span.detail {
	    margin-left:5%;
	    text-align: left;
	    width:77%;
	}

	.l-tal .title {
	    width: 100%;
		float: none;
	}
	.l-tal .title .en {
	    margin-bottom:20px;
	}
	.l-tal .title .img{
		width: 100%;
		margin-bottom: 30px;
	}
	.l-tal .text {
	    width: 100%;
	    float: none;
	}
	.l-tal .js{
		display: none;
	}
	.l-tal .swiper-container{
		display: block;
	}
	.invite table tr th.titles{
		font-size: 12px;
	}
	.invite table tr td.texts{
		font-size: 12px;		
	}
	.invite .inner p{
		font-size: 12px;
	}
	.invite table tr td.jiantou{
		background: url(../img/jiantou.png) no-repeat center center;
		background-size: 80%;
	}
	.invite table tr td.zk{
		background: url(../img/jiantou1.png) no-repeat center center;
		background-size: 80%;
	}
	.l-tal .map {
	    width: 100%;
	    height: 300px;
	    float: none;
	}
	.l-tal .ri-content {
	    width: 100%;
	    float: none;
	}


	.news-pc{
		display: none;
	}
	.news-app{
		display: block;
	}
	.l-news .news-title .bd li .nl{
		width: 100%;
	}
	.l-news .news-title .bd li .nr{
		width: 100%;
	}

	.l-news .news-title .bd li .nr-in span.time{
		width:18%;
		background: #fff;
		text-align: center;
		padding: 8px 0;
		position: absolute;
		top:-70px;
	}


	.l-news .news-title .swiper-pagination{
	    position: absolute;
	    left: 70%;
	    bottom: 40px;
	}
	.l-news .swiper-container span.swiper-pagination-bullet{
		width: 10px;
	    height: 10px;
	    border-radius: 50%;
	    background: #8bbcda;
	    margin:0 2px;
	    float: left;
	}
	.mob .swiper-pagination-bullet{
		width: 10px;
	    height: 10px;
	    border-radius: 50%;
	    background: #8bbcda;
	}
	.mob .swiper-pagination-bullet-active{
		background: #fff;
	}
	.l-news .swiper-container span.swiper-pagination-bullet-active{
		background: #fff;
	}
	.banner-out{
		display: none;
	}
	.banner-app{
		width: 100%;
		display: block;
	}
	.banner-app .swiper-slide{
		/*min-height: 326px!important;*/
	}
	.banner-app .news-title .swiper-pagination{
	    bottom: 40px;
	}
	.banner-app .swiper-container span.swiper-pagination-bullet{
		width: 10px;
	    height: 10px;
	    border-radius: 50%;
	    background: #fff;
	    margin:0 3px;
	    display: inline-block;
	}	
	.banner-app .swiper-container span.swiper-pagination-bullet-active{
		background: #ed620f;
	}
	.banner-app img{
		width: 100%;
	}
	.l-view .tit h3 {
	    font-size: 26px;
	    line-height: 55px;
	}
	footer .legal .scroll li{
		width: 33.3%;
		float: left;
		text-align: center;
		height: 350px;
	}
	.l-ser-pro .on-in ul li .img-box {
	    width: 70%;
	    margin: 100px auto 80px;
	}
	.l-ser-pro .on-in ul li{
		width:80%;
		margin:20px 10%;
	}
	.i-video-app{
		display: block;
	}
	.i-video-pc{
		display: none;
	}
	.l-about .title{
		margin-bottom: 0px!important;
	}


	form[name="form2"]{

		width: 80%;
	}
	form[name="form2"] .form-in{
		width:80%;
		height: 210px;
		padding:35px 10%;
	}
	form[name="form2"] .tit p.ch{
		color: #fff;
		font-size: 26px;
		line-height: 35px;
	}
	form[name="form2"] .tit p.en{
		color: #c2c2c2;
		font-size: 20px;
		line-height: 28px;
		text-transform: uppercase;
	}
	form[name="form2"] input.ty-input{
		height: 55px;
		line-height: 55px;
	}
	/*form[name="form2"] input[type="submit"]{
		height: 55px;
		line-height: 55px;
	}*/
	.l-ser-pro .tab{
		display: block;
	}
	.l-ser-pro .pro-inl{
		width:0;
		display: none;
	}
	.l-ser-pro .pro-inr{
		width: 100%;
	}

	.l-ser-pro .pro-inr ul li{
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.l-ser-pro .pro-inr ul li:nth-child(2n){
		margin-right: 0;
	}
	.l-ser-pro .pro-inr ul li .exp p{
		padding: 0 10%;
	}
	.l-ser-pro .pro-inr ul li:nth-child(3n){
		margin-right: 4%;
	}
	.l-ser-pro .pro-inr ul li:nth-child(2n){
		margin-right: 0px;
	}
	#lightbox-container-image-box{
	max-width: 100%;
	height: auto!important;
	}
	#lightbox-container-image{
		max-width: 100%!important;
	}
	#lightbox-container-image img{
		max-width: 100%!important;
	}
	#lightbox-container-image-data-box{
		max-width: 100%;
		box-sizing:border-box;
	}
}	

@media screen and (max-width:600px){
	
	
	
}
