@media screen and (min-width:320px) and (max-width:800px) {
	
	.header,
		.banner ,.top{
			display: none;
		}
		
		.submenu2{
			margin-top:1.5rem;
		}
		.phonebanner2{
			margin-top:0 !important;
		}
		.mobile-container li ul.sub>a{
			display: none;
		}
		.mobile-container li ul.sub{
			padding: 0;
		}
	.footer .copy p, .footer .copy p a{
		margin:0 .2rem;
	}
		.phoneheader {
			padding: 0 .3rem;
			height: 1.5rem;
			line-height: 1.5rrem;
			display: block;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 999;
			background: #333;
			
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
	
		.wrap {
			width: 94%;
			margin: 0 auto;
		}
	
		.phoneheader .fr {
			position: absolute;
			right: .3rem;
		}
	
		.phoneheader .fl img {
			width: 4.5rem;
		}
	
		.phoneheader .fr span {
			font-size: .5rem;
			margin: 0 .1rem;
			color:#fff;
		}
	
		.phoneheader .fr img {
			width: .5rem;
			margin-left: .2rem;
		}
	
		.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: 70%;
			height: 100%;
			background: #fff;
			padding: 0 0.12rem;
			overflow-y: scroll;
		}
		
		.mobile_nav ul{
			padding-top:.4rem;
		}
	
		.mobile_nav .top {
	
	
			padding: 20px 0 35px;
	
		}
	
		.mobile_nav form {
	
			width: 200px;
			height: 30px;
			line-height: 30px;
			border: 1px solid #eee;
			margin-right: 30px;
			display: flex;
			margin: 20px auto;
		}
	
		.mobile_nav form button {
			height: 30px;
			line-height: 30px;
			width: 30px;
			background: url(/static/default/images/search1.png) no-repeat center center;
		}
	
		.mobile_nav form input {
			width: 160px;
			padding-left: 10px;
		}
	
		.mobile_nav .top img {
	
			width: 130px;
			display: block;
			margin: 0 auto;
		}
	
		.mobile-container li {
	
			line-height: .8rem;
			text-align: left;
			padding-left: .3rem;
		}
		
		.mobile-container .sub li{
			padding-left: .1rem;
		}
	
		.mobile-container li ul.sub,
		.mobile-container li ul.three {
			display: none;
		}
	
		.mobile-container li a {
			font-size: .35rem;
			padding-right: 1rem;
			display: block;
		}
	
		.mobile_nav>ul>li {
			border-bottom: 1px solid rgba(238, 238, 238, 1);
	
		}
		.mobile_nav>ul>li:nth-of-type(2),.mobile_nav>ul>li:nth-of-type(4),.mobile_nav>ul>li:nth-of-type(5){
			background:url(../image/xl2.png) no-repeat right 10px center;
		}
	
		
	
		.mobile-container li ul.sub li a {
			font-size: .26rem;
			line-height: .4rem;
			padding-right: 0rem;
		}
	
		.mobile-container li ul.three li a {
			font-size: .24rem;
			padding-right: 0;
		}
		.mobile-container li ul.three li{
			line-height: .35rem;
		}
	
		.mobile-container .lang {
			padding: .5rem 0 .2rem;
			text-align: center;
		}
	
		.mobile-container .lang a {
			margin: 0 0.2rem;
		}
	
		.mobile-container .lang a.active {
			color: #339A2C;
		}
	
		.phonebanner {
			display: block;
			margin-top: 1.5rem;
			position: relative;
		}
	
		.phonebanner img {
			width: 100%;
		}
	
		.wrap {
			width: 94% !important;
			margin: 0 auto;
		}
		
	.footernav{
		padding:.3rem 0;
	}
	.indexbox2 .content{
		display: block;
	}
	.indexbox2 .content .fr,.indexbox2 .content .fl,.footernav .fr,.footernav .fr .add,.footernav .fl,.commonbox >.fl,.commonbox >.fr,.indexnews .list .fl,.indexnews .list .fr{
		width: 100%;
		display: block;
	}
	.indexbox2 .content .fr {
		margin-top:.3rem;
	}
	.footernav .fr .code img{
		display: block;
		margin:.2rem auto;
		width: 1.2rem;
	}
	.indexnews .list .fl .tab{
		margin-bottom: .3rem;
		width: 100%;
	}
	.indexnews .list .fr{
		    padding-left: .2rem;
			border:none;
	}
	.indexnews .list .fr li{
		padding:.2rem 0 !important
	}
	.indexnews .list .fr li .title{
		font-size:.3rem;
		margin-bottom: .2rem;
	}
	.indexnews .list .fr li .font{
		font-size:.28rem;
		line-height: .4rem;
		height: .8rem;
	}
	
	.indexnews .content{
		margin-top:.3rem;
	}
	.indexnews .list .fl{
		display: block;
	}
	.indexnews .list .fl .tab{
		padding:.3rem;
	}
	.footer .copy{
		margin-top:.3rem;
		padding-bottom: .2rem;
	}
	.footernav .fl .link{
		margin-top:.2rem;
		padding:.2rem;
	}
	.footernav .fl>a>img{
		width: 4rem;
	}
	.yewu .title{
		padding:.3rem 0;
	}
	.commonbox >.fl,.commonbox >.fr .hot,.commonbox >.fr .topic{
		padding:.3rem;
	}
	.yewu .box1{
		padding-top:.3rem;
	}
	
	.indexnews .list .fl .tab .title{
		font-size: .28rem;
		margin:.1rem 0;
	}
	.indexnews .wrap{
		padding-bottom: .4rem;
	}
	.indexnews .list .fl .tab .font{
		font-size: .24rem;
	}
	.indexnews .list .fl .tab .time{
		font-size: .24rem;
		margin-top:.2rem;
	}
	.commonbox >.fl li a .fl{
		width: 46%;
	}
	.commonbox >.fl li a .fr{
		width: 50%;
	}
	.footer .links{
		display: block;
	}
	
	
	
	.aboutus,.detailnew{
		padding:.5rem 0 .5rem;
	}
	.othertopic .wrap{
		width: 94% !important;
	}
	.othertopic .swiper-wrapper{
		margin:0;
	}
	.swiper-father .swiper-button-prev{
		left: 0;
	}
	.swiper-father .swiper-button-next{
		right: 0;
	}
	.othertopic .swiper-container{
		width: 85%;
	}
	.othertopic .swiper-slide p{
		font-size: .28rem;
		margin-top:.2rem;
	}
	
	.phonebanner .swiper-pagination .swiper-pagination-bullet {
	    width: .4rem;
	    height: 4px;
	    background: #FFFFFF;
	    border-radius: 0;
		margin:0 5px !important
	}
	
	.phonebanner .swiper-pagination .swiper-pagination-bullet-active {
	        background: #00BAFF;
	}
	
	.indexbox1 .content{
		margin-top:.4rem;
		padding-bottom: .4rem;
	}
	.indexbox2,.indexbox2 .num{
		padding:.3rem 0;
	}
	.indexbox2 .num li span{
		font-size: .28rem;
		width: 2rem !important;
	}
	.indexbox2 .num li i{
		width: 1rem;
		height: 1rem;
		margin-right: .2rem;
		background-size:55% !important
	}
	.indexbox2 .num li{
		border:none;
		width: 50%;
		margin-bottom: .2rem;
		
	}
	.indexnews div.title{
		position: relative;
		top:0;
	}
	.indexnews .title span{
		width: 1.4rem;
	   font-size: .28rem;
	   margin:0 .1rem 0 0;
	}
	.indexbox2 .num ul{
		flex-wrap: wrap;
	}
	

	.indexpartner li{
		width: 33%;
		height: 1.4rem;
		
	}
	.indexpartner .swiper-button-prev,.indexpartner .swiper-button-next{
		width: .3rem;
		height: .6rem;
	}

	.submenus .wrap .fl{
		overflow: scroll;
	}
	.submenus .fl a{
		padding:0 .3rem;
		font-size: .26rem;
	}
	
	.submenus .wrap .fl .nav{
		width: 200%;
		overflow: scroll;
		display: flex;
	}
	.submenus .fr{
		float: left;
		display: block;
		width: 100%;
	}
	.commontitle{
		margin-bottom: .3rem;
	}
	.footernav .fr .add div p{
		width: 90%;
	}
	.footer .links span{
		margin-right: 0rem;
	}
	.footer .links ul{
		width: 100%
	}
	.footer .links li{
		margin-right:.1rem;
		font-size: .2rem !important;
	}
	.footer .copy p{
		margin-bottom: .1rem;
	}
	.jointext .fl,.jointext img.fr,.contact .map .fl, .contact .map .fr{
		width: 100%;
	}
	.contact .map{
		display: block;
	}
	.contact .map .fl{
		height: 3.2rem;
	}
	.jointext img.fr, .contact .map .fr{
		margin-top:.3rem;
	}
	
	.jointext{
		margin-bottom: .5rem;
	}
	.recurit .tablist .list{
		padding:.3rem;
	}
	.recurit .tab .scroll{
		width: 140%;
		overflow: scroll;
		display: flex;
	}
	.recurit .tab{
		overflow: scroll;
	}
	.contact .code{
		margin:.2rem 0;
	}
	.news .tab li span.fl{
		width: 70%;
		height: .55rem;
	}
	.news .tab li{
		font-size: .28rem;
		height: .55rem;
		line-height: .55rem;
	}
	.news .tab ul{
		padding:.3rem 0;
	}
	.details .con{
		padding-top:.3rem;
		margin-top:.3rem;
	}
	.commonbox >.fr{
		margin-top:.3rem;
	}
	.commonbox >.fr .hot h2, .commonbox >.fr .topic h2{
		font-size: .28rem;
		margin-bottom: .3rem;
	}
	.commonbox >.fr .topic li{
		font-size: .24rem;
		margin: 0 .1rem .1rem 0;
	}
	.case .con img{
		margin:.2rem 0;
	}
	.relatecase .commontitles{
		padding-top:.4rem;
		margin-bottom: .3rem;
	}
	.relatecase li{
		width: 49%;
		margin:0 0 .3rem 0;
	}
	
	.relatecase .cptu::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80%;
        background: rgba(0,0,0,.4);
        display: none;
    }
	
	.relatecase .cptu:hover::before{
        display: block;
	}
	
	.relatecase li img{
		height: auto;
	}
	
	.relatecase li .cplm{
	    text-align: center;
	    font-size: 16px;
	    color: #0068B7;
	    font-weight: 400;
	    line-height: 30px;
	}
	
	.indexbox1 .content .options {
	    height: 150px;
	}
	.indexbox1 .content .options .tab > a span.ch {
	    font-size: 12px;
	    position: absolute;
        left: 55%;
        top: 50%;
	}
	
	.page2{
		padding:.3rem 0;
	}
	.page2 a{
		font-size: .28rem;
		height: .5rem;
		line-height: .5rem;
		padding:0 .2rem;
		margin-bottom: .2rem;
	}
	
	.page a{
		padding: 3px 5px;
	}
	
	
	/* 36px */
	.commontitles span.ch{
		font-size: .45rem;
		padding-bottom: .2rem;
		margin-bottom: .2rem;
	}
	.commontitles{
		margin-bottom: .3rem;
	}
	.indexbox1 .content .options{
		min-width: 100%;
	}
	.indexbox1 .content .options .tab>div>span.ch{
		font-size: .32rem;
		
	}
	.indexbox1 .content .options .tab.active>div>span.en{
		font-size: .22rem;
	}
.indexbox1 .content .options .tab.active>div>p{
	font-size: .24rem;
	width: 100%;
}
.indexbox1 .content .options .tab.active>div>span.ch{
	padding-top:300px;
}
.commontitle span.en{
	letter-spacing: 5px;
}
	
	/* 30px */
	.commontitle span.ch{
		font-size: .4rem;
		margin:0;
	}
	.details .time p.title,.case .text .title{
		font-size: .3rem;
		margin-bottom: .3rem;
	}
	/* 18px */
	.yewu .box1 .con p,.relatecase li span.ch,.commontitle span.en,.commonbox >.fl li a .fr p.title,.commontitles span.en{
		font-size: .28rem;
	}
	.commonbox >.fl li a .fr p.title{
		height: .35rem;
	}
	/* 18px */
	.yewu .box1 .con p,.indexbox2 .content .fl p,.aboutus .content p,.jointext .fl p,.contact .text p{
		font-size: .28rem;
		line-height: .45rem;
	}
	
	/* 14px */
	.relatecase li span.en,.footer .copy li a,.footer .copy p,.footernav .fr p, .footernav .fr span,.footer .links span,.footer .links li,.commonbox >.fl li a .fr p.font{
		font-size: .24rem;
		line-height: .3rem;
	}
	.commonbox >.fl li a .fr p.font{
		margin:.1rem 0;
		height: 55px;
	}

	.commonbox >.fl li a .fr p.time,.commonbox >.fl li a .fr p.site{
		font-size: .22rem;
		color: #606267;
		display: inline-block;
	}
	
	.commonbox > .fl li a .fl img {
    width: 100%;
    height: 98px;
    }
	
	
	/* 16px */
	.case .con p,.details .chapter a,.aboutus .history p,.recurit .tablist .list p,.details .time p.time,.details .con p{
		font-size: .26rem;
		line-height: .42rem;
	}
	/* 20px */
	.indexnews .content .left .item span{
		font-size: .3rem;
		padding:0 .1rem;
		margin-right: .2rem;
	}
	.recurit .tablist .list span{
		font-size: .3rem;
		margin:.2rem 0;
	}
	/* 24px */
	.aboutus .history span.year{
		font-size: .32rem;
		margin-top:.2rem;
	}
	.recurit .tab span{
		font-size: .3rem;
		height: 1rem;
		line-height: 1rem;
	}

     /* 48px */
	 .indexnav h2, .indexnews h2, .indexpartner h2{
		 font-size: .52rem;
		 margin-bottom: .3rem;
	}
	
	
	/* 14px */
	.indexnav li p,.footer .nav .fr p{
		font-size: .24rem;
		line-height: .35rem;
		margin:0;
	}
	
	.aboutus .honor li{
		width: 48%;
		margin:0 3% .3rem 0;
	}
	.aboutus .honor li:nth-of-type(2n) {
	    margin-right: 0;
	}
	.aboutus .honor li:nth-of-type(3n) {
	    margin-right: 3%;
	}
	.aboutus .honor li:nth-of-type(6n) {
	    margin-right: 0;
	}
	
	.aboutus .honor li p{
		font-size: .26rem;
		margin-top:.2rem;
	}
	.aboutus .honor span{
		margin-top:.6rem;
	}
	.partner li{
		width: 32%;
		margin: 0 2% .3rem 0;
	}
	.partner li:nth-of-type(3n){
		margin-right: 0;
	}

	.yewu .box3{
		padding:.5rem 0 .4rem;
	}
	.yewu .box1 .con p{
		margin:.2rem 0 !important
	}
	.yewu .title{
		height: 5.5rem;
	}
	.yewu .title ul{
		flex-wrap: wrap;
	}
	.yewu .title li{
		width: 33%;
		flex:auto;
		margin-bottom: .2rem;
		height: auto;
		padding-bottom: .2rem;
	}
	.yewu .title li a{
		height: 115px;
	}
	.yewu .swiper-button-prev,.yewu .swiper-button-next{
		left: auto;
		top:-34px;
	}
	.yewu .title li span{
		font-size: .28rem;
	}
	
}


  @media screen and (min-width:320px) and (max-width:800px) {
    .commonbox1 > .fr {
    display: none;
    }
}      

  @media screen and (min-width: 800px){
    .commonbox1 > .fl {
    width: 76%;
    padding: 20px 38px;
    box-shadow: 0 0 3px #ccc;
    margin-right: 10px;
    }
    
    .commonbox1 > .fr {
    width: 22%;
    }
    
    .commonbox1 > .fr .hot {
    box-shadow: 0 0 3px #ccc;
    padding: 30px 25px 20px;
    }
    
    .commonbox1 > .fr .hot h2 {
    font-size: 18px;
    font-family: MicrosoftYaHeiLight;
    font-weight: 400;
    color: #333333;
    margin-bottom: 15px;
    }
    
    .commonbox1 > .fr .hot img {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    }
    
    .commonbox1 > .fr .hot li a {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    height: 30px;
    display: block;
    overflow: hidden;
    border-bottom: 1px dashed #0068B7;
    }
    
    .commonbox1 > .fr .topic {
    box-shadow: 0 0 3px #ccc;
    padding: 30px 20px;
    margin-top: 20px;
    }
    
    .commonbox1 > .fr .topic li {
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    margin: 0 10px 10px 0;
    padding-left: 5px;
    padding-right: 5px;
    }
}






@media screen and (min-width:1200px) and (max-width:1600px) {
	
	.wrap{
		width: 95%;
	}
	.wrap1{
	    width: 89%;
	    margin: 0 auto;
	}
	.footernav .fl .link{
		padding:20px 20px 0;
	}
	.footernav .fr{
		width: 68%;
	}
	.footernav .fr .add div p{
		width: 88%;
	}
	.footer .links ul{
		width: 80%;
	}
	.footer .links li{
		margin-right: 15px;
	}
	.footer .links span{
		margin-right:5px;
	}
}
@media screen and (min-width:800px) and (max-width:1350px) {

	.wrap{
		width: 85%;
	}
	.footernav .fr{
		width: 65%;
	}
	.footernav .fl .link{
		padding:20px 20px 0;
	}
	.footer .links ul{
		width: 88%;
	}
	
}
@media screen and (min-width:1550px) and (max-width:1700px) {
	.footernav .fr{
		width: 66%;
	}
	.footer .links ul{
		width: 88%;
	}
	
}

@media screen and (min-width:320px) and (max-width:800px) {
    .page_footer {
	width: 100%;
	background:#359BE8;
	position: fixed;
	bottom: 0px;
	z-index: 99999;
}
.page_footer a {
	float: left;
	width: 24.5%;
	text-align: center;
	color: #fff;
	line-height: 20px;
	padding-top: 12px;
	border-left:solid 2px #fff;
}
.page_footer a:first-child {
	border-left:none;
}
.page_footer a:first-child img{
	max-width: 50%;
	position: relative;
	top:-5px;
}
.page_footer a img {
	display: block;
	margin:0 auto;
	max-width: 20%;
}
.page_footer a span {
	font-size:12px;
}
}

@media screen and (min-width:801px) {
    .page_footer {
        display: none;
    }
}