@charset "utf-8";

@media screen and (max-width: 768px){	
	.main_width{
		width: 100%;
	}
	
	/* S 引导页 */
	.guide-box .guide-main{
		height: 85%;
		width: 100%;
		box-sizing: border-box;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}
	.guide-main .guide-item{
		width: 80%;
		padding: 16px 12px;
		border-radius: 12px;
		border-top-left-radius: 40px;
		border-bottom-right-radius: 40px;
		height: auto;
	}
	.guide-item .guide-info{
		margin-top: 0;
	}
	.guide-info .guide-info-item{
		line-height: 1.2em;
		margin-top: 10px;
	}
	.guide-item .guide-logo{
		width: auto;
		height: 80px;
		margin-top: 10px;
	}
	.guide-main .guide-item:nth-child(1){
		/* flex: 1; */
		height: auto;
	}
	.guide-main .guide-item:nth-child(2){
		margin-top: 0;
		height: 25%;
	}
	.guide-main .guide-item:nth-child(3){
		margin-top: 0;
		height: 25%;
	}
	.guide-nav-box .guide-nav-item{
		height: 60px;
		border-top-left-radius: 36px;
		border-bottom-right-radius: 36px;
	}
	.guide-nav-item .guide-nav-item-icon{
		width: 22px;
	}
	.guide-nav-item .guide-nav-item-label{
		width: 5em;
		font-size: 14px;
		right: 15px;
	}
	.guide-block-main .round-bg{
		display: none !important; 
	}
	.guide-item.guide-item-public:hover .guide-block-main,.guide-item.guide-item-en:hover .guide-block-main{
		transform: translateY(0);
	}
	.guide-block-main .guide-block-icon{
		width: 40px;
		height: 40px;
	}
	.guide-block-main .guide-block-label{
		font-size: 16px;
		margin-top: 12px;
	}
	/* E 引导页 */
	
	/* S 导航栏 */
	.header-box-top{
		padding: 12px;
	}
	.home-header-box{
		height: 123px !important;
	}
	.home-header-box .header-box-top{
		background-color: #45b2ff;
	}
	.logo-box .logo-img{
		height: 40px;
	}
	.search-box{
		background-color: #fff;
		position: fixed;
		width: 100%;
		top: 64px;
		left: 0;
		z-index: 10;
		padding: 12px;
		box-sizing: border-box;
		box-shadow: 5px 0 10px #ccc;
	}
	.search-main{
		width: 100%;
	}
	.header-nav{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 20;
		padding-top: 0;
	}
	.header-nav .header-nav-main{
		display: block;
		height: 100%;
		overflow: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 40%;
		background-color: #fff;
		border-radius: 0;
		
	}
	
	.header-nav-item .nav-item-title a{
		color: #000 !important;
		padding: 12px 0;
	}
	.header-nav-item .nav-item-title a::after{
		background-color: #45b2ff;
	}
	.header-nav-item .sub-nav{
		display: block;
		position: relative;
	}
	.header-nav-item.active .sub-nav{
		display: block;
	}
	
	.head-right{
		display: none;
	}
	.menu-box{
		display: block;
	}
	.menu-close-box{
		display: block;
	}
	/* E 导航栏 */
	
	/* S 首页 */
	.block-nav-out{
		margin-top: 0;
	}
	.block-nav-box .block-nav-left{
		float: none;
		overflow: hidden;
		padding: 0 6px;
		box-sizing: border-box;
	}
	.block-nav-left .block-nav-item{
		float: left;
		width: 46%;
		margin: 0 2%;
		height: 120px;
		position: unset;
		margin-top: 12px;
	}
	.block-nav-right .nav-news-title{
		font-size: 22px;
	}
	.block-nav-item .block-nav-item-main{
		border-radius: 12px;
		border-top-left-radius: 40px;
		border-bottom-right-radius: 40px;
	}
	.block-nav-item .block-nav-title-box{
		
	}
	.block-nav-item .block-nav-small-icon{
		width: 40px;
	}
	.block-nav-item .block-nav-title{
		font-size: 18px;
	}
	.block-nav-item .block-nav-desc{
		font-size: 12px;
		bottom: 6px;
	}
	.block-nav-item .block-nav-big-icon{
		width: 60px;
	}
	.block-nav-content{
		display: flex;
	}
	.block-nav-content .block-nav-content-item{
		font-size: 14px;
		box-sizing: border-box;
		padding: 12px;
	}
	.block-nav-right{
		padding: 12px;
		float: none;
		width: 100%;
		margin-top: 0;
		box-sizing: border-box;
	}
	.block-nav-right .swiper-nav-news-pagination{
		position: inherit;
		margin-top: 12px;
	}
	.block-nav-right .nav-news-desc{
		height: 220px;
	}
	.technology-out{
		margin-top: 20px;
	}
	.technology-out .technology-box-bg{
		top: 0;
	}
	.technology-main-out{
		margin-top: 0;
	}
	.swiper-technology{
		padding: 40px 0;
	}
	.technology-swiper-button-prev,.technology-swiper-button-next{
		display: none;
	}
	.technology-item-title{
		line-height: 40px;
		font-size: 20px;
	}
	.technology-img-info{
		height: 180px;
	}
	.technology-info{
		padding: 12px;
	}
	.technology-info-text{
		font-size: 14px;
	}
	.technology-info-date{
		font-size: 12px;
	}
	.synthetically-out{
		margin-top: 20px;
		overflow: hidden;
	}
	.synthetically-box .synthetically-box-left{
		float: none;
		width: 100%;
		border-radius: 0;
	}
	.synthetically-box-left .synthetically-box-left-img{
		height: 300px;
	}
	.synthetically-out .synthetically-box-bg{
		top: 0;
	}
	.synthetically-box-right{
		float: none;
		width: 100%;
		padding: 12px;
		box-sizing: border-box;
		margin-top: 20px;
	}
	.synthetically-news-main{
		margin-top: 0;
	}
	.synthetically-news-main .synthetically-news-item{
		margin-top: 12px;
		font-size: 14px;
	}
	.synthetically-box-right .synthetically-news-title{
		padding-bottom: 10px;
	}
	.synthetically-news-item .synthetically-news-item-title{
		font-size: 18px;
	}
	.synthetically-news-title .synthetically-news-title-text{
		font-size: 18px;
	}
	.synthetically-news-more .news-more-icon{
		height: 36px;
	}
	.clinical-out{
		margin-top: 40px;
		padding-bottom: 40px;
	}
	.clinical-main{
		display: block;
		float: none;
		border: 0 none;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
		min-height: auto;
		border-radius: 0;
	}
	.clinical-main.clinical-country-main{
		float: none;
		border-top: 4px solid #FFBC59;
		border-bottom: 4px solid #FFBC59;
		border-radius: 0;
		padding-left: 0;
	}
	.clinical-main .clinical-title{
		float: none; 
		font-size: 20px;
		padding:  12px;
		margin-top: 0;
	}
	.clinical-main .clinical-title br{
		display: none;
	}
	.clinical-title .clinical-title-arrow{
		left: 12px;
		width: 200px;
	}
	.clinical-nav-box{
		width: 100%;
		max-width: 100%;
		padding-bottom: 12px;
	}
	.clinical-country-main .clinical-nav-box{
		margin-left: 0;
	}
	.clinical-nav-item{
		width: 31.3%;
		margin: 0 1%;
		height: 35px;
		line-height: 36px;
		margin-top: 12px;
	}
	.clinical-nav-box .clinical-nav-item:nth-child(1), .clinical-nav-box .clinical-nav-item:nth-child(2){
		margin-top: 12px;
	}
	.clinical-nav-item .clinical-nav-item-main{
		font-size: 16px;
	}
	
	.clinical-main.clinical-province-main{
		float: none;
		border-top: 4px solid #78D0FE;
		border-bottom: 4px solid #78D0FE;
		border-radius: 0;
		padding-right: 0;
		margin-top: 120px;
		padding-top: 60px;
	}
	.clinical-ren-img{
		right: auto;
		left: 12px;
		width: 150px;
		top: -115px;
	}
	.clinical-main.clinical-province-main .clinical-title{
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}
	.clinical-main.clinical-province-main .clinical-title .clinical-title-arrow{
		left: auto;
		right: 12px;
	}
	.new-footer-box{
		height: auto;
	}
	.new-footer-box .new-footer-map{
		float: none;
		width: 100%;
		height: 300px;
	}
	.new-footer-box .new-footer-right{
		float: none;
		width: 100%;
		height: auto;
		padding: 12px;
	}
	.new-footer-right .new-footer-right-title{
		font-size: 20px;
	}
	.new-footer-copyright{
		padding: 12px;
	}
	.new-footer-copyright-main{
		display: block;
	}
	.new-friendship-link-box .new-friendship-link-item{
		display: block;
		text-align: center;
		font-size: 14px;
		border-right: 0 none;
	}
	.new-footer-copyright-main-text{
		font-size: 14px;
		text-align: center;
	}
	.career-box{
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 12px;
	}
	/* E 首页 */
}