@media only screen and (min-width:1300px) {
    .adt{ display: none;}
    .adc{ display: block}
	.container {
		width:1260px!important
	}
}
@media only screen and (max-width:1200px) {
	body {font-size:14px}
	.container{padding-left:0;padding-right:0}
	.row{margin-left:0px;margin-right:0px}
	
	.main .container .row .left{display:none}
	
	.header{height:auto;padding-top:20px;}
	.header .aside-label{display:block;top:3.2rem;right:2rem}
	.header .aside-label label {font-size: 2.3em;width: 2em;height: 2em;line-height: 2em;}
	
	.header .logo img{width:75%;height:auto}
	.header .search{margin-left:0px;padding-bottom:20px;max-width:100%;}
	.header .search form{line-height:32px;font-size:14px;border-radius:6px;overflow:hidden;border:1px solid #c4ddec;background-color:white;}
	.header .search img{vertical-align:middle;padding-bottom:3px;height:20px}
	.header .website{display:none}
	.header .nav{display:none}
	
	.banner{padding-bottom:0px;padding-top:0px}
	.banner .swiper{margin-top:15px;}
	.banner .swiper .swiper-container{height:560px}
	.banner .focus{margin-top:20px;}
	.banner .focus .section .column{font-size:20px;}
	.banner .focus .section .column .border{width:200px;padding-bottom:6px;}
	.banner .focus .section .column .iconfont{font-size:20px}
	.banner .focus .section .column .more{float:right;font-size:14px;line-height:40px}
	.banner .focus ul{margin:10px}
	.banner .focus ul li a{max-width:65%;}
	
	.ad{margin-top:10px}
	.ad .container{padding:10px}
	
	.new{margin-top:10px}
	.new .container{padding:10px 0px 0px 0px}
	.new .section ul{margin:1rem}
	.new .section ul li a{max-width:65%;}
	.new .swiper .swiper-container{margin:0;height:220px}
	.new .swiper .swiper-container .title div{width:50%}
	
	.topic{margin-top:10px}
	.topic .container{padding:10px}
	.topic .swiper{margin:0px 20px 0 20px;display: flex;display: -webkit-flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
    .topic .swiper .swiper-slide{width:100%;margin-top:10px}
	
	.job{margin-top:10px}
	.job .container{padding:10px 0px 0px 0px}
	.job .section ul{margin:10px}
	.job .section ul li a{max-width:65%;}
	
	.common{margin-top:10px}
	.common .container{padding:10px 0px 10px 0px}
	.common .container .video{margin:10px}
	.common .container .video .img-box p span{;font-size:6rem;margin-top:6rem;}
	.common .container .row{margin:0px}
	.common .section .item{margin-top:10px;}
	
	.culture{margin-top:10px;}
	.culture .container{padding:10px}
	.culture .container .row{margin:0px}
	.culture .section .item{margin-top:10px;margin-bottom:10px;height:195px}
	.culture .section .item p{line-height:35px}
	.culture .section .item img{max-height:150px}
	
	.back-top{bottom:5%;right:15px;}
	
	.footer{margin-top:10px;color:#fff;}
	.footer .links .link{width:90%;margin-left:5%;}
	.footer .links .link ul{width:86%;left:7%}
	.footer .copyright{padding:10px 0 20px 0;font-size:12px}
	.footer .copyright .identification {width:100%}
	.footer .copyright .content {margin-top:10px;text-align:center}
	
	.main .container{padding:10px 0 0 0;margin:10px auto}
	.main .location .location-icon{display:none}
	.main .left .nav .title{background:url(../images/list-left-nav-title.png;vpn_img) no-repeat top center;}
	.main .left .nav ul li .active{background-position:60%}
	.main .left .contact .title{background:url(../images/list-left-nav-title.png;vpn_img) no-repeat top center;}
	
	.main .right .list ul li a{max-width:80%;}
	.main .left .contact dl{padding-left:0px;text-align:center}
	
	.main .detail{padding:0 10px;}
	.main .detail .title {padding: 20px 0;margin-bottom: 0px;}
	.main .detail .title h1{font-size:18px;width: 80%;line-height:35px;}
	.main .detail .title p {margin-top: 20px;font-size:12px;}
	.main .detail .share{padding-bottom:10px}
	.main .detail .share h2 p{font-size:12px;line-height:20px}
	.main .detail .share h2 p a{max-width:60%;}
	.main .detail .share .bdsharebuttonbox{padding:10px 0;display:none}
	
	.main .detail .video{height:560px;}
	
}

@media only screen and (max-width:990px) {
	.culture .section .item{height:145px}
	.culture .section .item img{max-height:100px}
}

@media only screen and (max-width:824px) {
	.banner .swiper .swiper-container{height:380px}
	.footer .links{height:310px;}
	.header .aside-label{top:3.8rem;right:2rem}
	.header .aside-label label {font-size: 2.2em;width: 1.8em;height: 1.8em;line-height: 1.8em;}
	.common .container .video .img-box p span{;font-size:5rem;margin-top:5rem;}
	.main .detail .video{height:480px;}
}

@media only screen and (max-width:767px) {
	.culture .section .item{height:245px}
	.culture .section .item img{max-height:200px}
}

@media only screen and (max-width:731px) {
	.header .aside-label{top:3.8rem;right:2rem}
}

@media only screen and (max-width:667px) {
	.header .aside-label{top:3.2rem;right:2rem}
}


@media only screen and (max-width:640px) {
    .adt{ display: block;}
    .adc{ display: none}
    .ad{margin-top:0px}
	.header .aside-label{top:2.8rem;right:2rem}
	.pagination .statistics{display:none}
	.main .detail .video{height:320px;}
}

@media only screen and (max-width:415px) {
	.banner .swiper .swiper-container{height:240px}
	.footer .links{height:310px;}
	
	.header .aside-label{top:2.2rem;right:1.5rem}
	.header .aside-label label {font-size: 2em;width: 1.5em;height: 1.5em;line-height: 1.5em;}
	
	.common .section .item .iconfont{font-size: 1.8rem;}
    .common .section .item a{color:#2982b9;font-size: 1.8rem;}
    
    .culture .section .item{height:150px}
	.culture .section .item img{max-height:115px}
    .culture .section .item div{line-height:35px;font-size:1.2rem}
    
	
	.main .container{padding:10px 0 0 0;margin:0px auto}
	.main .left .nav ul li .active{background-position:75%}
	.main .right .list ul li a{max-width:65%;}
	
	.pagination .pages{display:none}
	
	.main .detail .title h1{width: 95%;}
	.main .detail .video{height:240px;}
	
	
	
	
	.main .right .special{width:92%;}
}

@media only screen and (max-width:360px) {
	body {font-size:12px}
	.common .section .item .iconfont{font-size:16px}
	.common .section .item .title{font-size:16px}
	.main .detail .video{height:160px;}
}

@media only screen and (max-width:320px) {
	body {font-size:12px}
	
	.culture .section .item{height:120px}
	.culture .section .item img{max-height:85px}
	
	.common .section .item .iconfont{font-size:16px}
	.common .section .item .title{font-size:16px}
	.main .detail .video{height:160px;}
}
@media only screen and (max-width:280px) {
	body {font-size:12px}
	.common .section .item .iconfont{font-size:14px}
	.common .section .item .title{font-size:14px}
}