@media screen and (min-width:320px) and (max-width:800px) {
	.phoneheader {
		padding: 0 .3rem;
		height: 1.2rem;
		
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		box-shadow: 0 0 2px #ccc;

	}
	.alinkurlsee{
		font-size: 14px;
		width: 100px;
		height: 30px;
		line-height: 30px;
	}
	.indexpartner li img{
		max-width: 100%;
		max-height: 100%;
	}
.indexbox .left .swiper-slide img{
	height: 3.5rem;
}
	.header,
	.banner {
		display: none;
	}
	.popup1 .list{
		line-height: 30px;
		word-break: break-all;
		height: auto;
	}
	.indexbox .left .box .list .item, .indexpartner .item{
		align-items: center;
	}
	.indexbox .left .layer p{
		width: 65%;
		font-size: .3rem;
		line-height: .4rem;
		height: .8rem;
		overflow: hidden;
	}
	.indexbox .left .layer{
		height: 1.2rem;
	}

	.wrap {
		width: 94% !important;
		margin: 0 auto;
	}

	.phoneheader .fr {
		position: absolute;
		right: .3rem;
	}

	.phoneheader .fl img {
		height: .7rem;
	}

	.phoneheader .fr span {
		font-size: .6rem;
		margin: 0 .1rem;
		color: #333;
	}

	.phoneheader .fr img {
		width: .5rem;
		margin-left: .2rem;
	}

	.newszixun {
		margin-top: 1.5rem;
		height: 1.2rem;
	}

	.newszixun .content {
		width: 94%;
		margin: 0 3%;
		padding-top: .4rem;
	}

	.phonebanner {
		display: block;
		margin-top:1.5rem;

	}

	.phonebanner img {
		width: 100%;
		display: block;
	}

	.phonebanner .swiper-pagination {
		left: auto !important;
		width: 86px !important;
		height: 26px;
		background: rgba(0, 0, 0, 0.2);

		right: 15px;
		bottom: 10px !important;
	}

	.phonebanner .swiper-pagination .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		background: rgba(255, 255, 255, 1);
		margin-top: 15px;
		border-radius: 0;
		margin: 8px 5px !important;
	}

	.phonebanner .swiper-pagination .swiper-pagination-bullet-active {
		background: rgba(72, 136, 143, 1);
	}


	.mobile-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		z-index: 99999;
	}

	.mobile_nav {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		width: 60%;
		height: 100%;
		background: #fff;
		padding: 0 0.12rem;
		overflow-y: scroll;
	}

	.mobile_nav .top {


		padding: 20px 0 35px;

	}
  
	.mobile_nav .top ul {
		margin-top: .5rem;
	}

	.mobile_nav form {

		width:100%;
	height: 35px;
	line-height: 35px;
		border: 1px solid #eee;
		
		display: flex;
		margin: 20px auto;
	}

	.mobile_nav form button {
		height: 35px;
		line-height: 35px;
		width: 30px;
		background: url(../images/search.png) no-repeat center center;
	}

	.mobile_nav form input {
		width: 80%;
		padding-left: 10px;
		height: 33px;
		line-height: 33px;
		border:none;
	}

	.mobile_nav .top img {

		width: 3rem;
		display: block;
		margin: 0 auto;
	}

	.mobile-container li,
	.mobile_nav>a {

		line-height: .8rem;
		text-align: left;
		padding-left: .2rem;
		display: block;
		
	}
	.mobile-container>ul>li{
		border-bottom: 1px solid #eee;
	}

  
	.mobile-container li ul.sub {
		display: none;
	}

	.mobile-container li a,
	.mobile_nav>a {
		font-size: .35rem;
		padding-right: 1rem;
		display: block;
	}

	.mobile_nav>ul>li,
	.mobile_nav>a {
		border-bottom: 1px solid rgba(238, 238, 238, 1);

	}

	.mobile-container li ul.sub li a {
		font-size: .3rem;
		line-height: .8rem;
	}

	.mobile-container li ul.sub .subs {
		display: none;
	}
   
     .mobile_nav .searchbox{
		 background:none;
		 display: block;
		 position: relative;
		 top:0;
		 padding:0;
		 width: 100%;
	 }
    .indexbox{
		margin-top:1.2rem;
		padding:.3rem 0;
	}
	.indexbox .left{
		width: 100%;
	}
	.indexbox .swiper-slide> p{
		font-size: .3rem;
		line-height: .4rem;
		height: 1.2rem;
		overflow: hidden;
		    width: 64%;
			bottom:.2rem;
	}
	.indexbox .left .box .list{
		width: 100%;
		margin:.3rem 0 0;
		padding:0 .2rem;
	}
	.indexbox .left .box .list .item, .indexpartner .item,.indexbox .right .hot .item{
		line-height: .8rem;
	}
	.indexbox .left .box .list .item span, .indexpartner .item span, .indexbox .right .hot .item span,.indexbox .right .hot .item{
		font-size: .28rem;
	}
	.indexbox .right .hot .item,.indexbox .right .hot{
		margin-bottom: .2rem;
	}
	.footer .footernav dl dd a, .footer .footernav dl dd,.indexbox .left .box .list .item a,.indexbox .left .box .list .content li p, .indexbox .right .hot li p,.indexbox .right .link a{
		font-size: .24rem;
		line-height: .4rem;
	}
	.indexbox .left .box .list .content li{
		margin-top:.2rem;
	}
	.indexbox .right{
		width:100%;
		margin-top:.3rem;
	}
	.indexbox2{
		margin:0;
		padding:0 0 .3rem;
	}
	.indexbox2 .left .box .list{
		margin:0 0 .2rem 0;
	}
	.indexpartner .wrap{
		padding:0 .2rem;
	}
	.indexpartner li{
		    width: 31%;
			    margin: 0 2% .2rem 0;
	}
	.indexpartner li:nth-of-type(3n){
		margin-right: 0%;
	}
	.indexpartner li:nth-of-type(5n){
		margin-right: 2%;
	}
	.indexpartner li:nth-of-type(15n){
		margin-right: 0;
	}
	.commonbox{
		margin-top:1.2rem;
		padding:.3rem 0 .5rem;
	}
	.searchlist{
		padding:.2rem;
		margin-bottom: .2rem;
	}
	.searchlist .searchtitle input{
		width: 70%;
		    line-height: .55rem;
		    height: .55rem;
			font-size: .26rem;
	}
	.searchlist .searchtitle{
		margin-bottom: .2rem;
	}
	.searchlist .searchtitle button{
		width: 25%;
		line-height: .55rem;
		height: .55rem;
		font-size: .26rem;
	}
	.searchlist .list>span{
	    font-size: .25rem;
	    width: 1.4rem;
	    vertical-align: middle;
	    margin-top: .1rem;
	}
	.searchlist .list ul li a{
		font-size: .24rem;
		line-height: .48rem;
	}
	.searchlist .list .fr input{
		width: 2rem;
		line-height: .45rem;
		height: .45rem;
		margin-top:.2rem;
	}
	.footer .footernav{
		padding:.3rem 0;
	}
	.footer .footernav>img{
		display: none;
	}
	.footer .footernav dl{
		width: 100%;
		margin:0 0 .2rem 0;
	}
	.footer .footernav dt{
		font-size: .26rem;
		padding-bottom: .2rem;
		margin-bottom: .2rem;
	}
	.footer .footernav dl:nth-of-type(1) dd,.footer .footernav dl:nth-of-type(2) dd{
		width: 24%;
		margin:0;
	}
	.footer .footernav dl:nth-of-type(1) dd{
		display: block;
		width: 100%;
	}
	.footer .copy{
		display: none;
	}
	.meeting, .research, .recurit{
		padding:.2rem .2rem .4rem;
	}
	.research li{
		padding:.2rem 0;
	}
	.research li .fr p.title,.recurit li p.title{
		font-size: .27rem;
		height: .5rem;
		    overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
	}
	.recurit li p.font{
		    font-size: .24rem;
		    line-height: .4rem;
		    margin: .2rem 0 .1rem;
		    max-height: 1.2rem;
		    overflow: hidden;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 3;
	}
	.recurit li .fr,.recurit li .fl{
		width: 100%;
	}
	.recurit li .fr{
		display: flex;
		justify-content: space-between;
		margin-top:.2rem;
	}
	.recurit li p.font{
		line-height: .4rem;
		margin-bottom: .2rem;
	}
	.recurit li .fr span.time{
		margin:0;
	}
	.research li .fr p.font{
		font-size: .24rem;
		line-height: .4rem;
		margin:.2rem 0 .1rem;
		max-height: 1.2rem;
		overflow: hidden;
		 display: -webkit-box;
		  -webkit-box-orient: vertical; 
		   -webkit-line-clamp: 3; 
	}
	.research li .fr .bq span,.return .con p.time,.return .con p,.bq span,.recurit li .fr span,.commonbox .detail .fr li p,.meeting li .time p{
		font-size: .24rem;
	}
	.research li .fr span.time{
		font-size: .22rem;
	}
	.return .con p.title{
		font-size: .32rem;
	}	
	.commonbox .detail .fl,.commonbox .detail .fr{
		width: 100%;
	}
	.return>a{
		line-height: .6rem;
		height: .6rem;
			font-size: .24rem;
	}
	.return .con{
		padding:.2rem;
	}
	.commonbox .detailtext{
		padding:.2rem;
		margin-top:.2rem;
	}
	.commonbox .detailtext .tab .text p{
		font-size: .24rem !important;
		line-height: .48rem  !important;
		margin-bottom: .2rem !important;
	}
	.commonbox .detail .fr{
		padding:.2rem;
		margin-top:.2rem;
	}
	.commonbox .fr .relate>p{
		line-height: .8rem;
		font-size: .3rem;
	}
	.commonbox .detailtext .tab p.title{
		font-size: .27rem;
		    margin-bottom: .2rem;
	}
	.commonbox .detail .fr li p.title,.commonbox .detail .fr li p.font{
		font-size: .27rem;
		    margin-bottom: .1rem;
	}
	.commonbox .detail .fr li{
		padding:.15rem 0;
	}
	.commonbox .detailtext .tab{
		 margin-bottom: .25rem;
	}
	.commonbox .detailtext>a{
		width: 1.6rem;
		font-size: .27rem;
		line-height: .6rem;
		height: .6rem;
		margin-top:.3rem;
	}
	.meeting li{
		width: 100%;
		    margin: 0 0 .2rem 0;
	}
	.meeting li .title{
		height: auto;
		padding:.2rem 0;
	}
	.meeting li .title p{
		font-size: .27rem;
		height: auto;
		    line-height: .4rem;
	}
	.research li  img.big{
		width: 2.5rem;
		height: 1.5rem;
	}
	.research li a{
		align-items: center;
	}

	.research li .video{
		width: 40%;
	}
	.research li .fr{
		width: 50%;
	}
	.research li .fr p.title{
		height: .5rem;
		overflow: hidden;
		 white-space: nowrap;
		 text-overflow: ellipsis; 
	}
	.commonbox .indexbox{
		margin:0;
	}
	.indexbox .left .video{
		width: 100%;
	}
	.indexbox .left .text{
		width: 100%;
		height: auto;
		padding:.2rem .2rem 1.3rem
	}
	.indexbox .left .text p.title{
		font-size: .3rem;
		line-height: .4rem;
		height: auto;
	}
	.indexbox .left .text p.font{
		font-size: .24rem;
		line-height: .4rem;
		height: auto;
	}
	.indexbox .left .video video{
		height: auto;
	}
	.commonbox .indexbox .btn,.indexbox .swiper-pagination{
		right:.2rem;
		bottom:.2rem;
		top:auto;
	}
	.indexbox .swiper-pagination{
		font-size: .28rem;
	}
	.swiper-pagination-total{
		font-size: .3rem;
	}
	.indexbox .btn{
		width: 1.6rem;
		height: .6rem;
		line-height: .6rem;
		
	}
	.commonbox .magazine{
		padding:.2rem;
	}
	.indexbox .swiper-pagination{
		bottom:1rem !important
	}
	.research li .video video,.research li .video{
		height: 3rem;
	}
	.commonbox .magazine .fl,.commonbox .magazine .fr{
		width: 100%;
	}
	.commonbox .magazine .fl h2, .commonbox .magazine .fr h2{
		font-size: .33rem;
		margin-bottom: .25rem !important;
	}
	.commonbox .magazine p{
		font-size: .28rem;
	}
	.commonbox .magazine .fr{
		margin-top:.3rem;
	}
}
@media screen and (min-width:800px) and (max-width:1500px) {

.indexbox .right .hot li{
	padding:5px 0;
}
.indexbox .right .link a{
	padding:0 4px;
	    margin: 0 5px 10px 0;
}
	
	
.indexbox .left .box .list .content li{
	margin-top:25px;
}
.indexbox .right .text a{
	line-height: 34px;
	height: 34px;
	    margin: 5px auto 10px;
}

}



@media screen and (min-width:1200px) and (max-width:1320px) {
	
		 .indexbox .right .hot li{
			     padding: 8px 0;
		 }
	.indexbox .right .hot li p{
		 height: 40px;
		 overflow: hidden;
	
	 }
	 .indexbox .left .box .list .content li{
	 	margin-top:25px;
	 }
}
@media screen and (min-width:1400px) and (max-width:1500px) {
	.indexbox .left .box .list .content li {
	    margin-top: 17px;
	}
	
}
@media screen and (min-width:1300px) and (max-width:1430px) {
	.indexbox .left .box .list .content li {
	    margin-top: 22px;
	}
	
}
@media screen and (min-width:800px) and (max-width:1200px) {

	.wrap {
		width: 90%;
		margin: 0 auto;
	}

}