@charset "utf-8";
/*css comment*/ 

/*fonts*/   
.f120{ font-size: 120px;} 
.f60{ font-size: 60px;} 
.f48{ font-size: 48px;}
.f44{ font-size: 44px;}
.f40{ font-size: 40px;} 
.f36{ font-size: 36px;} 
.f34{ font-size: 34px;} 
.f30{ font-size: 30px;} 
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;} 

@media (max-width: 1600px){   
	html{ font-size: 83px;}
	/*fonts*/   
	.f120{ font-size: 100px;} 
	.f60{ font-size: 50px;} 
	.f48{ font-size: 40px;}
	.f44{ font-size: 38px;}
	.f40{ font-size: 36px;} 
	.f36{ font-size: 32px;} 
	.f34{ font-size: 30px;} 
	.f30{ font-size: 26px;} 
	.f24{ font-size: 20px;}
	.f22{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 16px;}
	
	/*header*/ 
	.nav_list{ margin: 0 -.15rem; } 
	.n_tit{ padding: 0 .15rem;} 
	
	/*line-height*/
	.tabloid_tit{ line-height: 30px; max-height: 60px;}
	.duty_tit a{ line-height: 30px; max-height: 150px;}
	.transaction_des,
	.written_des,
	.tabloid_des,
	.recommend_tit{ line-height: 26px; max-height: 52px;}
	.partners_des{ line-height: 26px; max-height: 182px;}
	.platform_des{ line-height: 26px; max-height: 208px;}
	.video_tit{ line-height: 26px; max-height: 78px;} 
}

@media (max-width: 1400px){   
	 html{ font-size: 68px;}
	/*fonts*/   
	.f120{ font-size: 80px;} 
	.f60{ font-size: 40px;} 
	.f48{ font-size: 36px;}
	.f44{ font-size: 34px;}
	.f40{ font-size: 32px;} 
	.f36{ font-size: 28px;} 
	.f34{ font-size: 26px;} 
	.f30{ font-size: 22px;} 
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 16px;}
	
	/*header*/
	header{ font-size: 15px;}
	.inner, .inner_1280{ width: 100%; padding: 0 20px; max-width: 1220px;}
	.nav_list{ margin: 0 -.15rem; } 
	.n_tit{ padding: 0 .15rem;}
	.history_year{ font-size: 3.60rem;}
}

@media (max-width: 1199px){  
	/*fonts*/   
	.f120{ font-size: 60px;} 
	.f60{ font-size: 36px;} 
	.f48{ font-size: 32px;}
	.f44{ font-size: 30px;}
	.f40{ font-size: 28px;} 
	.f36{ font-size: 24px;} 
	.f34{ font-size: 22px;} 
	.f30{ font-size: 20px;} 
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 16px;}
	
	/*header*/ 
	header{ height: 100px; line-height: 100px; } 
	.logo a img{ height: 73px;} 
	.nav_box, .nav_list>li .n_collapsible{ display: block; position: absolute; top: 100px; right: 0; width:100%; height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px);} 
	.nav_box{ background: rgba(0,0,0, .50); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }  
	.nav_con{ display: block; width: 80%; max-width: 360px; height: 100%; background: #ffffff; box-shadow:-5px -5px 10px 0 rgba(0,0,0,0.04); position: absolute; top:0; right:0; 
		-webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden; transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);}
	.nav_box.is_open{ opacity: 1; visibility: visible; pointer-events: all;}
	.nav_box.is_open .nav_con{
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}  
	.nav_list{ margin:0; display:block;}
	.nav_list>li{ width: 100%; }
	.n_tit{ padding: 0; height:50px; line-height: 50px; border-bottom: 1px solid rgba(0,0,0, .10); }
	.n_tit>a{ display:block; padding-left: 20px; } 
	.n_tit .iconfont{ margin-left:auto; width: 50px; text-align: center; border-left: 1px solid rgba(0,0,0, .10); color: #666666; position: absolute; top:0; right:0;}
	.n_tit .iconfont:before{ display:inline-block; transform: rotate(-90deg);}
	.nav_list>li:hover .n_tit>a, .nav_list>li.active .n_tit>a{ background: #E60012; color: #ffffff!important;}
	.nav_list>li:hover .n_tit .iconfont, .nav_list>li.active .n_tit .iconfont{ border-color:rgba(255,255,255, .60); color: #ffffff; }
	.nav_list>li .n_collapsible{ position: fixed; top:0; height: 100%; z-index: 10; margin-left: 0; max-width: 410px; border:none; background: #ffffff; padding:0 4%;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);  
		opacity: 1;
		pointer-events: all;
		overflow: hidden;
		overflow-y: auto;
		-ms-scroll-chaining: none;
		overscroll-behavior: none;
		-webkit-overflow-scrolling: touch;
		transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);  	
	}
	.nav_list>li .n_collapsible:before{ display:none!important;}
	.nav_list>li .n_collapsible.is_open {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		
	}
	.nav_list>li .n_collapsible .n_headline{ display:flex;}
	.cover_closed{ right:20px;} 
	.nav_list>li .n_collapsible .n_subclass>li{ border-bottom:1px solid rgba(0,0,0, .10);}
	.nav_func_pc{ margin-left:auto;} 
	.menu_toggle{ display:block;}    
	
	/*line-height*/
	.tabloid_tit{ line-height: 26px; max-height: 52px;}
	.duty_tit a{ line-height: 26px; max-height: 130px;} 
	
	/*01*/
	.focus_swiper{ height: 600px;}
	/*.focus_img{ padding-top: 51.04%; min-height: 320px;}*/
	.father{ width:460px; height: 460px;}
	.history_year{ font-size: 3rem;} 
	
	/*02*/
	.banner_wrap{ height: auto;}
	.banner_bg{ background-attachment: local; background-position: 50% 0!important; padding-top: 51.04%; min-height: 320px;}
	.sec_bg{ background-attachment: local; background-position: 50% 0!important;}
	
	/*04*/
	.transaction_headline{ top:100px;}
	.detail_box{ display:block;}
	.detail_left{ width: 100%; max-width: none; margin-left: 0; margin-top: -1rem; margin-bottom: 1rem;}
	.detail_tit{ display:none;}
	.plate_guide{ padding:0; margin:0 -20px;} 
	.nav_scroll{ display:flex; white-space: nowrap; max-width: 100%; overflow-x: auto;} 
	.nav_scroll li{ border:none;}
	.nav_scroll li a{ padding: 0 .20rem;}
	.nav_scroll li a span:before{ display:none;}
	.nav_scroll li a span:after{ display:block;}
	.detail_con, .detail_article{ line-height: 1.72;}
	
	/*07*/
	.tabloid_more{ position:static; margin-top: .20rem;}
	.news_year{  white-space: nowrap; max-width: 100%; overflow-x: auto;} 
}

@media (max-width: 991px){
	/*01*/
	.history_year{ font-size: 2.40rem;}
	
	/*03*/
	.holding_introduce .inner{ display:block;}
	.introduce_left{ width:100%; margin: 0 auto;}
	.introduce_right{ max-width:none; margin-top: .40rem;}
	.objectives_list li{ width:100%; }
	
	/*06*/
	.platform_box{ display:block;}
	.platform_img{ width:100%;}
	.platform_box:nth-child(n) .platform_text{ margin: .40rem 0 0; justify-content: flex-start;}
	.platform_range{ max-width: none;}
	.detail_row{ display:block;}
	.row_pic{ width: 100%; max-width: none; margin-right: 0; margin-bottom: .40rem;}
	
	/*07*/
	.news_written li{ width: 100%;}
	.video_img{ width: 100%;}
	.video_range{ max-width:none;}
	.detail_right{ padding: .40rem;}
}


@media (max-width: 767px){ 
	html{ font-size: 50px;}
	/*fonts*/   
	.f120{ font-size: 40px;} 
	.f60{ font-size: 30px;} 
	.f48{ font-size: 24px;}
	.f44{ font-size: 22px;}
	.f40{ font-size: 20px;} 
	.f36{ font-size: 18px;} 
	.f34{ font-size: 18px;} 
	.f30{ font-size: 16px;} 
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;} 
	.f16{ font-size: 14px;}
	 /*header*/ 
	header{ height: 80px; line-height: 80px; } 
	.nav_box, .nav_list>li .n_collapsible{ top: 80px; height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px);} 
	.logo a img{ height: 63px;} 
	
	/*footer*/
	.footer_nav{ display:block; margin: 0;}
	.footer_nav>li{ padding:0;}
	.f_tit{ border-bottom: 1px solid rgba(255,255,255, .10); margin-bottom: 0; line-height: 40px;}
	.f_tit>a{ padding-bottom:0;}
	.f_tit>a:before{ display:none;}
	.f_collapsible{ display:none; padding: .20rem 0;}
	
	/*01*/
	.focus_swiper{ height: 400px;}
	/*.focus_img{ padding-top: 51.04%; min-height: 320px;}*/
	.father{ width: 300px; height: 300px;}
	.business_top{ display:block;}
	.business_foreword{ width:100%; max-width: none; margin-top: .40rem;}
	.business_swiper .swiper-slide{ width: 92%;}
	.business_swiper:after{ left: 92%;}
	.business_swiper .swiper_arrow div.swiper-button-next{ transform: translate(48%,-50%);}
	.about_foreword{ width:100%; max-width: none;}
	.history_thumb{ margin-bottom: .40rem; }
	.history_thumb:before{ content:""; position: absolute; bottom: 5px; left:0; width: 100%; height: 1px; background: rgba(255,255,255, .40);}
	.history_thumb .swiper-slide{ padding-bottom: .30rem; text-align:center;} 
	.history_thumb .swiper-slide:before{ content: ""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width:10px; height: 10px; border-radius:50%; background: rgba(255,255,255, .50);}
	.history_thumb .swiper-slide-thumb-active:before{ background: #ffffff;}
	/*.history_show .swiper-pagination{ display: block;}*/
	.group_box{  width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin-right: -20px;}
	.group_cooperate{ margin-right: 0; margin-left: -20px;}
	.history_year{ font-size: 2rem;}
	
	/*02*/
	.strategy_block{ width:100%; padding-top: 100%; margin-left: 0; margin-bottom: -5.10%; background: linear-gradient(180deg, rgba(255,255,255, .10) 60%, rgba(255,255,255, 0) 100%); }
	.strategy_block:nth-child(even){ background: linear-gradient(180deg, rgba(8, 62, 147, .70) 60%, rgba(255,255,255, 0) 100%);}
	.leader_swiper .swiper-slide{ width:40%;}
	.leader_swiper .swiper-slide-active{ width:60%;}
	
	/*03*/
	.team_swiper .swiper-pagination{ display:block;}
	
	/*04*/
	.transaction_headline{ top: 80px;}
	
	/*05*/
	.equity_table tr td{ padding-left: 20px; padding-right: 20px;}
	.partners_con{ position:relative; left:0; width: 100%;}
	.partners_swiper .swiper_arrow div[class*="swiper-button-"]{ width:80px; height: 50px; transform: translateY(-250%); }
	.partners_swiper .swiper_arrow div.swiper-button-prev{ left: -20px;}
	.partners_swiper .swiper_arrow div.swiper-button-next{ right: -20px;}
	.partners_des{ -webkit-line-clamp:3; max-height: 78px;}
	.primary_group:nth-child(n){ border-left:none; width:100%;}
	.primary_group:nth-child(2){ border-top:1px solid #bfbebe;}
	
	/*07*/
	.written_handle{ display:block;}
	.written_des{ width:100%; max-width: none;}
	.written_more{ margin-top: .20rem;}
	.news_tabloid li>a{display:block;}
	.tabloid_img{ width:100%; max-width: none; margin-right: 0; margin-bottom: .20rem;}
	.news_notice li{ display:block; padding: .40rem;}
	.notice_tit{ margin-right:0;}
	.notice_right{ margin-top: .20rem;} 
	.notice_link{ margin-left:auto;}
	
	/*08*/
	.viewpoint_block{ width:100%;}
	
	/*09*/
	.negotiation_list li{ width:50%;}
	
}