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

@media (max-width: 1600px) { 
	/*fonts*/  
	.font16{ font-size: 16px;}
	.font18{ font-size: 18px;} 
	.font22{ font-size: 20px;}
	.font24{ font-size: 20px;}  
	.font30{ font-size: 24px;}  
	.font36{ font-size: 30px;}
	.font40{ font-size: 34px;} 
	.font48{ font-size: 40px;}
	.font50{ font-size: 42px;}
	.font60{ font-size: 50px;} 
	.font70{ font-size: 60px;} 
	.font80{ font-size: 70px;} 
	.font114{ font-size: 90px;}  
} 

@media (max-width: 1440px) { 
	.Box1600{ max-width:1230px; padding: 0 15px;}
	/*header*/
	.nav_list{ padding-right: 20px;}
	.nav_list li .nav_top a,
	.nav_list li .nav_bom li a,
	.guide_service_nav li a{ padding-left: 20px; padding-right: 20px;}
	.cn_en, .gp{ padding:0 20px;} 
	/*all*/
	.service_block dt a, 
	.service_block dd a{ padding-left: 8%; } 
	.tzll_map{ height:570px;}
	.locale_map{ height: 400px;}
	.contact_tel, .contact_des{ margin-top: 40px;}
}

@media (max-width: 1280px) { 
	.Box1600, .Box1200{ max-width:1030px; } 
	/*fonts*/  
	.font16{ font-size: 14px;}
	.font18{ font-size: 16px;} 
	.font22{ font-size: 18px;}
	.font24{ font-size: 18px;}  
	.font30{ font-size: 20px;}  
	.font36{ font-size: 24px;}
	.font40{ font-size: 28px;} 
	.font48{ font-size: 34px;}
	.font50{ font-size: 36px;}
	.font60{ font-size: 42px;} 
	.font70{ font-size: 50px;} 
	.font80{ font-size: 60px;} 
	.font114{ font-size: 70px;}  
	/*===============02&&03&&04&&05===========*/
	.goodness_bot_left, .goodness_bot_right{ height:510px;}
	.banner_stocks{ right:15px;} 
	.contact_tel, .contact_des{ margin-top: 30px;}
}

@media (max-width: 991px) { 
	/*.Box1600, .Box1200{ max-width: 798px; } */
	/*fonts*/  
	.font16{ font-size: 14px;}
	.font18{ font-size: 16px;} 
	.font22{ font-size: 16px;}
	.font24{ font-size: 16px;}  
	.font30{ font-size: 18px;}  
	.font36{ font-size: 20px;}
	.font40{ font-size: 24px;} 
	.font48{ font-size: 28px;}
	.font50{ font-size: 30px;}
	.font60{ font-size: 36px;} 
	.font70{ font-size: 42px;} 
	.font80{ font-size: 50px;} 
	.font114{ font-size: 60px;}
	/*header*/
	header{ height: 70px; line-height: 70px;}
	.logo{ width:120px;}
	.logo a img{ height:47px;}
	.gp{ display:none;}
	.cn_en, .gp{ padding:0 10px;} 
	.icos{ display:block;}
	.nav_list{
		background-color: rgba(0,0,0, 0.85);
		width: 100%;
		height: 0;
		position: fixed;
		top: 70px;
		left: 0px;
		padding:0 15px 30px;  
		line-height: 50px; 
		text-align: right;
		overflow-y: auto; 
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:all 600ms ease;
	}
	.nav_list.active{opacity: 1; visibility: visible; pointer-events: all;  height: calc(100% - 70px); height: -webkit-calc(100% - 70px);}
	.nav_list:before{ content:""; position: fixed; top: 70px; right: 16px; width:1px; height: 100%; background: rgba(255,255,255,0.30);}
	.nav_list li{ float:none; border-bottom: solid 1px rgba(255,255,255,0.30);
		    -webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-animation-name: returnToNormal;
			animation-name: returnToNormal;
	} 
	/*@-webkit-keyframes returnToNormal {
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes returnToNormal {
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}*/
	.nav_list li .nav_top a:before{ display:none;}
	.nav_list li .nav_top a:after{ content:""; position: absolute; top:50%; transform: translateY(-50%); right: -2px; width: 5px; height: 5px; background: #fff; border-radius: 50%;}
	.nav_list li .nav_bom{ line-height:30px; padding:15px 0; font-size: 14px;}
	.nav_list li .nav_bom ul li{ display:block; border:none;}
	.nav_list li .nav_bom ul li a{ color:rgba(255,255,255, .80); padding-right: 50px; }
	.nav_list li .nav_bom ul li a:before{
		display: block!important;
		width: 10px;
		height: 2px;
		margin-top: -1px;
		left: auto;
		right: 30px;
	} 
	.nav_list li .nav_bom ul li.active a:before,
	.nav_list li .nav_bom ul li a:hover:before{
		background: #d80717;
	}
	.nav_list li#li_service .nav_bom .Box1200{ padding: 0;}
	.nav_list li#li_service .nav_bom ul li .nav_third{ padding: 0 45px 0 0; text-align: right; font-size: 12px;}
	.nav_list li#li_service .nav_bom ul li{ width: 100%; border-bottom: 1px dashed rgba(255,255,255,0.30); padding: 15px 0;}
	.nav_list li#li_service .nav_bom ul li:first-child{ padding-top:0;}
	.nav_list li#li_service .nav_bom ul li:last-child{ border-bottom:0;}
	.nav_list li#li_service .nav_bom ul li a{ color: rgba(255,255,255, .80); text-align: right;}
	.nav_list li#li_service .nav_bom ul li .nav_third a{ color:rgba(255,255,255, .60); display:inline-block; vertical-align: middle; padding:2px 5px;}
	.nav_list li#li_service .nav_bom ul li .nav_third a:before{ display:none!important;}
	.nav_list li#li_service .nav_bom ul li .nav_third a:hover{ color:rgba(255,255,255, .80);}
	/*footer*/
	.footer_top{ padding:30px 0;}
	.f_logo{ height: 47px;}
	.f_nav{ margin-left: -10px; margin-right: -10px;}
	.f_nav li a{ padding:0 10px;}
	.f_touch{ display:block;}
	.f_erweima{ width:80px; height: 80px; margin-left: 0; margin-top: 15px;}
	.footer_bom{ padding:15px 0;}
	
	/*===============01===========*/
	main{ padding-top: 70px;}
	/*focus&&index_service*/  
	.focus_swiper_box{ height:auto;}
	.focus_img{ height:0; padding-top: 46.875%; max-height: 900px; min-height: 400px;}
	.service_left{ float:none; width:auto; padding: 50px 0;}
	.service_left_area{ width:100%; max-width: none;}
	.service_des, .service_search{ margin-top: 30px;}
	.service_right{ float:none; width:auto; }  
	.service_swiper_box:before, .service_screen_line{ top:95px;}
	.service_screen_arrow{ top:80px;}
	.service_swiper .swiper-slide{ padding: 50px 0;}
	/*index_about*/
	.about_left{ width:auto; }
	.about_foreword{ margin-top:6%;}
	.about_right{ float:none; width: 100%; clear: both;}
	.about_right .sec_deco_line{ display:none;}
	
	/*===============02===========*/
	.banner{ margin-top: -70px; }
	.goodness_bot_left, .goodness_bot_right{ height: 410px;}
	.history_des{ text-align:center;}
	.quality_swiper .swiper-slide{ height:360px;}
	.quality_num{ font-size:100px;}
	
	/*============================ 03 ============================*/  
	.author{ height: 70px; margin-top: -70px;}
	.guide_service_nav{ line-height:50px; font-size: 14px!important;}
	.guide_service_nav li a{ padding: 0 10px; text-align: center;}
	.itemize_list li.i_o_li0{ width:33.33%;}
	.itemize_list li.i_o_li0 a.i_o_a0{ padding: 0 40px 0 20px; line-height:60px;}
	.itemize_list li.i_o_li0 a.i_o_a0 .iconfont{ right:20px;}
	
	/*============================ 04 ============================*/ 
	.guide{ line-height:60px;}
	.guide.fxd{ position: fixed; top: 70px;}
	.news_time{width:100%; float:none;}
	.news_info{ margin-top:10px;}
	.story_info{ padding:4%;}
	.story_more{ margin-top:10%;}
	.activity_list li{ width:50%;}
	.meeting_box{ margin:0;}
	.meeting_block{ padding:30px; margin-bottom: 20px;}
	.meeting_tit{ margin-left:-30px; padding-left: 30px; margin-bottom: 20px;}
	.meeting_guest li{ width:100%; float:none;}
	.meeting_guest{ margin:-4%;}
	.meeting_guest li a{ padding: 4%;}
	.guest_img{ width:125px;}
	.tzll_map{ height: 470px;}
	.sign_scan{ padding-left:0; width:100%; float:none; text-align: center;}
	.scan_img{ margin-right:15px;}
	.scan_txt{ text-align:left;}
	.sign_flow{ float:none; text-align: center; margin-top: 20px;}
	.flow_txt .iconfont{ margin:0 10px;}
	.locale_map{ height: 340px;}
}

@media (max-width: 767px) { 
	body{ overflow-y: auto!important;}
	/*fonts*/  
	.font16{ font-size: 14px;}
	.font18{ font-size: 16px;} 
	.font22{ font-size: 16px;}
	.font24{ font-size: 16px;}  
	.font30{ font-size: 16px;}  
	.font36{ font-size: 18px;}
	.font40{ font-size: 20px;} 
	.font48{ font-size: 24px;}
	.font50{ font-size: 24px;}
	.font60{ font-size: 30px;} 
	.font70{ font-size: 36px;} 
	.font80{ font-size: 42px;} 
	.font114{ font-size: 50px;}
	/*===============01===========*/ 
	.focus_ui_loop{ width:40px; height: 40px;}
	.focus_swiper .swiper-pagination{ margin-right:55px;}
	.about_deco_line02{ left:36.33%;}
	.about_deco_line03{ left:73.33%;}
	.about_deco_line04{ display: none;} 
	
	/*===============02===========*/ 
	.introduce_txt, .goodness_txt{ padding-right: 0;}  
	.contact_tel, .contact_des{ margin-top: 20px;}
	
	/*===============03===========*/ 
	.service_lead{ float:none;}
	.service_lead, .lead_box{ width:100%;} 
	.lead_box.fxd{ position: relative; top:0;}
	.lead_nav{ max-width: none;}
	.lead_tit{ margin-bottom: 20px;}
	.service_detail{ float:none; padding: 4% 0; width:100%; border-left:none; border-top: 1px solid #dcdcdc; margin-top: 40px;}
	.service_shared{ position: fixed; top:auto; left:auto; bottom: 15px; right:15px;}
	.shared_box.fxd{ position: relative; top:0;}
	.guide_service{ display:none;}
	
	/*===============04===========*/ 
	.article_bot{ text-align:center;}
	.article_nav{ float:none; text-align: left;}
	.back_list{ float:none; margin: 15px auto 0; padding: 0 30px;} 
	
	/*===============05===========*/ 
	.notice_list{ margin-top: -20px;}
	.notice_list li a{ padding:20px 72px 20px 20px;}
	.notice_list li a .rt{ right: 10px;}
	.notice_des{ margin-bottom: 15px; line-height: 24px; max-height: 48px; height: 48px;}
	.notice_load{ padding-right: 40px;}
	.pages a{ width:28px; height: 28px; line-height: 28px; margin: 0;}
	.tzll_list li{ width: 50%;}
}

@media (max-width: 567px) { 
	/*fonts*/  
	.font16{ font-size: 14px;}
	.font18{ font-size: 14px;} 
	.font22{ font-size: 16px;}
	.font24{ font-size: 16px;}  
	.font30{ font-size: 16px;}  
	.font36{ font-size: 16px;}
	.font40{ font-size: 16px;} 
	.font48{ font-size: 20px;}
	.font50{ font-size: 20px;}
	.font60{ font-size: 24px;} 
	.font70{ font-size: 30px;} 
	.font80{ font-size: 36px;} 
	.font114{ font-size: 40px;}
	/*footer*/
	footer .lt, footer .rt{ width:100%; float:none; text-align: center;}
	footer .rt{ margin-top:15px;}
	.f_logo{ margin:0 auto;}
	.f_nav{ text-align:center;}
	
	/*===============01===========*/
	.about_deco_line02{ left:54.65%;}
	.about_deco_line03{ left:109.30%;} 
	.service_block dt a, .service_block dd a{ padding-top:3px; padding-bottom: 3px;}
	
	/*===============02===========*/
	.goodness_top{ padding-bottom:100px;}
	.goodness_item{ right:auto; left:0;}
	.goodness_ui_loop, .goodness_ui_num {
		width: 180px;
		height: 180px;
		line-height: 180px;
	}
	.goodness_ui_loop{ top: 15%; left: 50%; transform: translateX(-50%);}
	.goodness_ui_num{ top: 30%; left: 50%; transform: translateX(-50%); font-size: 100px;}
	.goodness_bot{ margin-top: -50px; margin-bottom: 50px;}
	.goodness_bot_before, .goodness_bot_after{ width:100%; height: 50%;}
	.goodness_bot_after{ bottom: auto; top:50%;}
	.goodness_bot_left, .goodness_bot_right{ float:none; width:100%; height: 310px;}
	.goodness_bot_right{ top:0;}
	.merit_txt{width: 100%; padding-right: 0;}
	.goodness_arrows{ bottom:0; right:0; left:auto;}
	.history_year:before{ width: 10px; height: 10px; bottom: -5px;}
	.history_des{ font-size:14px;}
	.welfare_left{ width:100%; float:none; max-width: none;}
	.welfare_right{ width:100%; float:none; margin-top: 30px;}  
	.quality_num{ font-size: 80px;}
	.quality_swiper_box{ width:100%;}
	.classify_left{ display:none;}
	.classify_right{flex: 0 1 100%; width: 100%;}
	.advantages-accordion__mobile-title{ display:block;}
	.survey_left{ width:100%; float:none;}
	.survey_des{ margin-top:20px;}
	.accordion__heading{ padding:20px 0;}
	.accordion__title{ width: 86%;padding:0 20px; line-height: 34px;}
	.accordion__content{ clear:both; padding: 20px 0 0 20px;}
	.contact_left{ float:none; margin-bottom: 20px;}
	.contact_tab{ overflow: hidden; float:none; text-align: center; margin: -5px; border-bottom: 1px solid #dcdcdc;}
	.contact_tab li{float:left; width:20%; text-align: center;}
	.contact_tab li a{ padding: 5px;}
	.contact_tab li a:before{ top:auto; left:50%; bottom: 0;}
	.contact_tab li:hover a:before, .contact_tab li.current a:before{ left:0; width: 100%;}
	.contact_des{ line-height: 24px; min-height: 48px;}
	.contact_block{ clear: both; margin-top: 30px;} 
	
	/*===============03===========*/ 
	.mold_left, .mold_right{ width:100%; float:none; max-width: none;}
	.mold_more, .mold_right{ margin-top: 10%;} 
	.itemize_list{ margin:2% -5px -5px;}
	.itemize_list li.i_o_li0{ width:50%; padding: 5px;}
	
	/*===============04===========*/ 
	.story_list li:nth-child(n) a .story_img{ width:100%; float:none;}
	.story_list li:nth-child(n) a .story_info{ width:100%; position: inherit; position: initial; padding:30px 15px;}
	.story_time{ margin-bottom:5%;}
	.story_more{ margin-top:5%;}
	.activity_list li{ width:100%;}
	.activity_list li a{ padding: 30px 15px; border-bottom: 1px solid #dcdcdc;}
	.activity_tit, .activity_img, .activity_more{ margin-top: 10px;}
	.guest_img{ width: 85px;}
	.guest_info{font-size:12px; line-height: 20px;}
	.sponsor_logo li, .sponsor_list li{ width:50%;}
	.locale_tit{ float:none; width: 100%; padding-right: 0;}
	.tzll_map{ height: 370px;}
	.flow_txt .iconfont{ font-size: 20px; margin:0 5px;}
	.locale_map{ height: 280px;}
}