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

@media (min-width:  1920px) {	 
	/*header*/
	header { padding: 0 3.43%; } 
	.menu_search, .menu_language{ margin-left:20px;} 
	.nav_list{ margin:0 -40px 0 -20px;} 
	.nav_list li a.n_a0{ padding:0 20px;}
	.nav_list li a.n_a0 span{ padding-right: 20px;}
	.nav_list li a.n_a0 span:before{ font-size: 14px;}
	.header_r{ margin-left: 50px; } 
} 

@media (max-width: 1599px){  
	.inner{ max-width: 1230px;}
	/*fonts*/  
	.f80{ font-size: 70px;}
	.f64{ font-size: 54px;}
	.f48{ font-size: 40px;} 
	.f44{ font-size: 36px;} 
	.f40{ font-size: 34px;}
	.f38{ font-size: 32px;} 
	.f34{ font-size: 28px;} 
	.f32{ font-size: 26px;} 
	.f30{ font-size: 24px;}
	.f28{ font-size: 22px;}  
	.f24{ font-size: 20px;} 
	.f22{ font-size: 18px;} 
	.f20{ font-size: 18px;}  
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	/*header*/
	header { padding: 0 15px; }  
	.nav_list{ margin:0 -20px 0 -10px;} 
	.nav_list li a.n_a0{ padding:0 10px;}   
	.nav_list li a.n_a0 span{ padding-right: 10px;}
	.nav_list li a.n_a0 span:before{ font-size: 12px; transform:translateX(20%) translateY(-50%) scale(0.80); }
	.nav_fold .nav_list li .n_subclass{ font-size:14px; margin-left: -10px; margin-right: -10px;}
	.nav_fold .nav_list li .n_subclass a{ padding: 0 10px;}
	.header_r{ margin-left: 15px; } 
	.menu_search, .menu_language{ margin-left: 15px;} 
	
	 /*=====05=====*/ 
	.banner_wrap{ height:480px;} 
	.sub_top{ margin-top: -54px; height: 54px; line-height: 54px;}
	.sub_nav li{ padding:0 30px;}
	.news_item, .news_overview{ max-height:102px;}
	.news_item{ line-height: 34px;}
	.news_overview{ line-height: 21px;}
	.company_list li.company_block04 .company_tit,
	.company_list li.company_block05 .company_tit{ line-height: 28px; max-height: 56px;}
	.report_des{ line-height: 24px; max-height: 72px;}
	.detail_side, .detail_shared{ width:62px;}
	
	/*=====06=====*/
	.announcement_tit{ padding-left: 70px;}
	.load_more a, .link_ask{ width: 170px; line-height: 50px;}
	
	/*=====10=====*/
	.contact_map{ height: 530px;}
	
}

@media (max-width: 1359px) {  
	.inner{ max-width: 1054px;}
	.swiper-pagination-bullet{ margin: 0 5px; width:10px; height: 10px; border-radius: 10px; }
	.swiper-pagination-bullet-active{ width: 30px;}
	
	 /*fonts*/ 
	.f80{ font-size: 60px;}
	.f64{ font-size: 44px;}
	.f48{ font-size: 34px;} 
	.f44{ font-size: 30px;} 
	.f40{ font-size: 28px;}
	.f38{ font-size: 26px;} 
	.f34{ font-size: 24px;}   
	.f32{ font-size: 22px;} 
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}  
	.f24{ font-size: 18px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;}  
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	 /*=====header=====*/
	header, header.header_scroll, header.header_open{ height: 90px; line-height: 90px;}
	.logo img{ height:50px;}
	.nav_box{ display:none; } 
	.nav_box, .nav_fold{ top: 90px; } 
	.nav_fold, header.header_scroll .nav_fold, header.header_open .nav_fold{ top: 90px;}
	.nav_fold{ padding-top: 50px;}
	.nav_fold .nav_list li{ margin-bottom:30px;}
	.nav_fold .nav_list li:nth-child(odd){ width: 55%;}
	.nav_fold .nav_list li:nth-child(even){ width:  45%;}
	.nav_fold .nav_list li .n_subclass{ margin-top: 10px; } 
	
	
	/*footer*/
	.footer_logo img{ height:50px;}
	.footer_nav{ margin:0 -15px;}
	.footer_nav a{ padding:0 15px;}
	
	 /*=====01=====*/ 
	main{ padding-top: 90px;}
	.sec_box{ background-attachment: local; background-position: 50% 0!important; }
	.about_party, .research_achievement, .college_pyramid{background-position: 50% bottom!important; }
	/*.focus_swiper{  height:auto;}
	.focus_swiper .swiper-slide{ height:auto; padding-top: 56.25%; min-height: 320px;} */
	.news_swiper .swiper_arrow div{ width:50px; height: 50px; line-height: 50px;}
	.news_swiper .swiper_arrow div:before{ font-size:30px;}
	.news_swiper .swiper_arrow div.swiper-button-prev{ margin-left:-50px;}
	.news_swiper .swiper_arrow div.swiper-button-next{ margin-right:-50px;}
	.product_accordion{ height: 434px;}
	.accordion_cover{ padding: 40px;}
	.accordion_initial .accordion_tit{ padding:20px; height: auto;}
	.accordion_tit_name{ width:auto;}
	.research_block{ height:263px; padding: 30px;}
	.research_des{ line-height:24px; max-height: 48px; height: 48px; margin: 25px 0;}
	
	 /*=====05=====*/ 
	.banner_wrap{ height: 380px;} 
	.sub_top{ margin-top: -44px; height: 44px; line-height: 44px;}
	.sub_nav li{ padding:0 20px;}
	.company_list li.company_block04 .company_tit,
	.company_list li.company_block05 .company_tit{ line-height: 24px; max-height: 48px;}
	.news_line{ width:33.33%;}
	.news_item, .news_overview{ max-height: 84px;}
	.news_item{ line-height: 28px;}
	.news_overview{ line-height: 17px;}
	.detail_side, .detail_shared{ width: 52px;} 
	.page{ line-height: 40px; }
	.page_num a, .page_num span{ min-width:40px;}
	.page_guide a{ padding: 0 12px;}
	.page_guide{ padding-right:0;}
	
	/*=====06=====*/
	.announcement_tit{ padding-left: 60px;}
	.load_more a, .link_ask{ width: 170px; line-height: 50px;}
	
	/*=====07=====*/ 
	
	/*=====10=====*/
	.contact_map{ height: 430px;}
	.contact_list{ margin-top: 30px;}
	
	/*=====03=====*/
	.category_line{ width:25%;} 
	.category_more01{ display:none;}
	.category_more02{ display:block;}
	.product_all li{ width: 50%;}
	
	/*=====08=====*/
	.explanation_logo{ max-height: 200px;}
	
}

@media (max-width: 991px) {
	.inner{ max-width: 798px;} 
	 /*fonts*/ 
	.f80{ font-size: 50px;}
	.f64{ font-size: 36px;}
	.f48{ font-size: 28px;} 
	.f44{ font-size: 24px;} 
	.f40{ font-size: 24px;}
	.f38{ font-size: 22px;} 
	.f34{ font-size: 20px;}   
	.f32{ font-size: 20px;} 
	.f30{ font-size: 18px;}
	.f28{ font-size: 18px;}  
	.f24{ font-size: 16px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;}  
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	/*header*/
	.nav_box, .nav_fold{ top: 90px; height: -webkit-calc(100% - 90px); height: calc(100% - 90px); } 
	.nav_fold{ padding: 0;}
	.nav_fold .nav_list, .nav_fold .inner{ height: 100%;}
	.nav_fold .nav_list:before{ content:""; position: fixed; top: 90px; right: 17px; width: 1px; height: 100%; background: rgba(0,0,0, .08);} 
	.nav_fold .nav_list li:nth-child(n){ margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0, .08); width: 100%; display:block; text-align: right;}
	.nav_fold .nav_list li:last-child{ border:none;}
	.nav_fold .nav_list li .n_subclass{ font-size: 13px; width:auto; margin-top: 5px; text-align: right; padding-right: 12px;}  
	
	/*footer*/
	footer{ text-align: center; padding: 40px 0;}
	.footer_logo{ width:100%; float:none; margin-bottom: 16px;}
	.footer_con{ float:none;}
	.footer_nav{ margin:0 -6px; }
	.footer_nav a{ padding:0 6px;}
	.footer_info{ font-size:12px;}
	
	 /*=====01=====*/ 
	.sec_box{ padding: 50px 0;} 
	.sec_top{ margin-bottom: 25px;}
	.news_swiper .swiper-container:before, .news_swiper .swiper-container:after{ display:none;}
	.news_swiper .swiper_arrow div.swiper-button-prev{ left:0; margin-left: 0;}
	.news_swiper .swiper_arrow div.swiper-button-next{ right:0; margin-right: 0;}
	.product_accordion{ height:auto;}
	.accordion_cover{ height: 0; padding:0;}
	.accordion_cover .accordion_tit{ display:none;}
	.accordion_cover .product_list{ margin-top: 0; padding: 20px;}
	.accordion_img{ position:absolute; top:0; left:0;}
	.product_accordion li.current .accordion_cover{ height: auto; ;}
	
	/*=====05=====*/ 
	.sub_wrap{ padding: 50px 0;}
	.banner_wrap{ height: 280px;} 
	.st_right{ display:none;}
	.company_list li{ width:50%;}
	.company_list li.company_block01{ width:100%;}
	.video_list li, .video_list li.video_block03, .video_list li.video_block04{ width:50%;}
	.news_line{ width:50%;}
	.news_item, .news_overview{ max-height: 68px;}
	.news_item{ line-height: 22px;}
	.news_overview{ line-height: 17px; -webkit-line-clamp: 4;}
	.detail_head{ margin-bottom: 50px;}
	.page{ line-height: 30px; text-align: center; padding: 10px 0;}
	.page_num a, .page_num span{ min-width:30px;}
	.page_guide a{ padding: 0 6px;}
	.page_guide{ padding-right:0;}
	
	/*=====06=====*/
	.announcement_tit{ padding-left: 50px;}
	.announcement_tit:before{ background-size: 38px;}
	.feedback_tit{ margin-bottom: 25px;}
	.load_more, .link_ask{ margin-top: 25px;}
	.load_more a, .link_ask{ width: 140px; line-height: 40px;}
	
	/*=====07=====*/
	.CSR_box:after{ display:none;}
	.CSR_left, .CSR_right{ width: 100%; float:none;} 
	.CSR_left{ padding:0;} 
	.EHS_left, .EHS_right{ width: 100%; float:none;} 
	.quality_box:after{ display:none;}
	.quality_left, .quality_right{ width: 100%; float:none;} 
	.report_list{ margin: -10px;}
	.report_list li{ width: 50%; padding: 10px;}
	.report_block{ padding: 10%;} 
	.report_text{ height: 48px; line-height: 48px;}
	
	/*=====10=====*/
	.contact_map{ height: 330px;}
	.contact_list .table-row .table-cell span{ display: block;} 
	
	/*=====02=====*/
	.sub_tit{ width:120px; margin-left:59px; margin-right: 0;} 
	.guide_pcDis{ display:block;}
	.guide_mode, .guide_nav{ width:auto;}
	.guide_mode{ top:0; left: 0;} 
	.guide_show{ background: rgba(255,255,255, .95); opacity: 0; width:205px; margin-left: -205px; -webkit-transition:all 500ms ease; transition:all 500ms ease; }  
	.guide_menu{ display:block; }
	.guide_menu.active{ left:0;}
	.guide_menu.active .iconfont:before{ content: "\e614";}
	.guide_menu.fxd{ position: fixed; left:0;}
	.guide_show.fxd, .guide_menu.fxd{ top:134px;} 
	.guide_mode.active .guide_show{ opacity: 1; margin-left:0; }
	.institution_img,
	.research_cooperation .institution_img{ width: 100%; float:none; margin: 0 0 30px;} 
	
	/*=====03=====*/ 
	.category_line{ width: 100%; margin-bottom: 2px;}
	.category_head{ padding: 15px 5%; height: auto; text-align: left;}
	.category_text_pc{display: none;}
	.category_text_phone{ display:block;}
	.category_icon, .category_tit{ vertical-align: middle; }
	.category_icon{ margin-right:5px;}
	.category_more03{ display:block;}
	.category_subclass{ display:none; text-align: center;}
	.category_line.current .category_subclass{ display:block; padding: 20px 0;}
	.category_subclass a{ padding: 6px 0;}
	.star_block{ height:auto; padding: 20px;}
	.star_img{ width:100%; margin: 0 auto; position: inherit;}
	.star_info{ width:100%; float:none; border-top:1px solid #fff; padding-top: 15px;}
	.star_more{ margin-top: 20px;}
	.product_detail_box{ display:block;}
	.product_detail_left{width: 100%; float:none; padding: 0;} 
	.product_detail_img{ margin: 0 auto;}
	.product_detail_right{width: 100%; float:none; padding: 0; border:none; }
	
	/*=====08=====*/ 
	.register_box{ padding: 30px;}
	.register_tit{ margin-bottom: 20px;}
	table.register_table tr td{ padding:6px 10px; font-size: 12px;}
	label.register_label{ line-height: 30px;}
	.register_txt{ height: 30px; padding: 8px; font-size: 12px;}
	.register_btn{ margin-top: 20px;}
	.job_box{ display:block;}
	.job_search, .job_right{width: 100%; float:none;}
	.job_search_tit{ margin-bottom: 30px;}
	.job_right{ padding-left: 0; margin-top: 40px;}
	.job_search_line{ margin-bottom: 15px;}
	.job_search_txt{ height: 40px;}
	.icon_jiao_down{ line-height: 40px;}
	.job_list li{ margin-bottom:10px; }
	.job_classify{ margin: -5px;}
	.classify_block{ padding: 5px;}
	.classify_block a{ height: 100%;}
	.classify_more{ margin-top: 20px;}
	.classify_tit .iconfont{ font-size:36px;}  
	.culture_set{ padding-top: 11%;}
	.set_list li.vision, .set_list li.mission, .set_list li.spirit{ display:block; width:100%; text-align: center; margin-top: 20px;}
	.set_list li.vision .set_tit, .set_list li.mission .set_tit, .set_list li.spirit .set_tit{ float:none; margin: 0;}
	.set_img{ transform: translateX(-50%); }
	.value_tit{ position: inherit; transform: none; width: 100%; margin-bottom: 20px;}
	.value_list li:nth-child(n){ margin:0; }
	.value_list li:nth-child(n) .value_block{ width:90%; margin: 0 auto; float:none; height: 132px;}
	.talent_develop{ padding: 25px 0;}
	.talent_develop.first{ padding-top: 50px;}
	.develop_box{ height:auto;}
	.develop_swiper{width: 100%; }
	.develop_swiper .swiper-slide .bgImg{ height:0; padding-top: 42.97%;}
	.develop_text{ position: inherit; width:100%;}
	.expand_box{ display: block; padding-top: 50px; padding-bottom: 50px;} 
	.expand_text, .expand_img{ width: 100%; float:none;}
	.expand_text{ text-align: center; margin-bottom: 20px;}
	
} 

@media (max-width: 639px) {  
    body{ overflow-y:auto!important;}
	/*fonts*/ 
	.f80{ font-size: 40px;}
	.f64{ font-size: 30px;}
	.f48{ font-size: 24px;} 
	.f44{ font-size: 20px;} 
	.f40{ font-size: 20px;}
	.f38{ font-size: 18px;} 
	.f34{ font-size: 18px;}  
	.f32{ font-size: 18px;} 
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}  
	.f24{ font-size: 16px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 14px;}  
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	 /*=====header=====*/
	header, header.header_scroll, header.header_open{ height: 60px; line-height: 60px;}
	.logo img{ height:40px;}
	.nav_box, .nav_fold{ top: 60px; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); } 
	.nav_box:before, .nav_box:after{ top:60px; } 
	.nav_fold, header.header_scroll .nav_fold, header.header_open .nav_fold{ top: 60px;} 
	.nav_fold .nav_list:before{ top:60px; } 
	
	 /*=====footer=====*/ 
	.footer_logo img{ height: 40px;}
	
	 /*=====01=====*/ 
	main{ padding-top: 60px;}
	.focus_img_pc{ display:none;}
	.focus_img_phone{ display:block;}
	.focus_txt{ font-size: 32px;} 
	.news_des{ line-height: 22px; max-height: 66px; height: 66px;}
	.news_time{ font-size: 12px;}
	.news_swiper{ padding:0 15px;}
	.news_swiper .swiper_arrow div{ display:none;}
	.news_swiper .swiper-pagination{ display:block;}
	.research_block{ width:100%; float:none; height: 213px; padding: 20px;}
	.research_block01{ height:auto; padding: 0;}
	.research_img{ position: relative; height: 0; padding-top: 43.47%;}
	.research_tit a{ height:46px; padding: 0;} 
	
	/*=====02=====*/ 
	.guide_show.fxd, .guide_menu.fxd{ top:104px;}
	
	/*=====05=====*/
	.banner_wrap{ height: 180px;}
	.company_list li{ width:50%;}
	.company_list li.company_block01{ width:100%;}
	.video_list li{ width: 100%;}
	.video_list li.video_block03, .video_list li.video_block04{ width:50%;} 
	.video_icon{ width:38px; height: 38px;}
	.video_info{ height:auto;}
	.company_list li.company_block04 .company_tit,
	.company_list li.company_block05 .company_tit{ font-size: 14px; line-height: 20px; max-height: 40px;}
	.detail_banner{ height: 180px;}
	.detail_local{ font-size: 16px;} 
	.page_num, .page_guide{ float:none;} 
	
	/*=====06=====*/
	.feedback_form{ margin: -6px;}
	.feedback_line{ width: 100%; padding: 6px;}
	.FAQ_block dt{ margin-right: 17px;}
	.A_block dt{ margin-left: 17px;}
	.FAQ_block dt a .ico_box{ width: 57px; height: 57px; }
	.FAQ_block dd{ width: -webkit-calc(100% - 74px); width: calc(100% - 74px);}
	
	/*=====07=====*/ 
	.report_func{ font-size: 12px;} 
	.report_func a .iconfont{ font-size: 18px; margin-right: 4px;}
	
	/*=====02=====*/ 
	.profile_data li{ width:50%;}
	.honor_list li:nth-child(n){ width: 50%; margin: 0;}
	.honor_list li:nth-child(2){ width: 100%; }
	.honor_list li:nth-child(3){ margin-top: -106%; float: right;}
	
	/*=====03====*/ 
	.screen_line{ width: 100%; float: none;}
	.product_all li{ width: 100%;}
	
	/*=====08====*/  
	.register_box{ padding: 15px;}
	.organ_box{ display:block; }
	.organ_img, .organ_text, .pyramid_img, .pyramid_text{ width: 100%; float:none;}
	.organ_img{ padding-right:0; margin-bottom: 4%;}
	.pyramid_img{ padding-left:0;}
	.pyramid_text{ margin-top:0;}
	.treatment_img{ width: 100%; float:none;}
	.treatment_img .bgImg{ min-height:0;}
	.treatment_text{ position: relative; width: 100%; line-height: 1.875;}
	.job_text{ line-height: 24px; }
	.job_name{ float:none;}
	.job_place{ float:none; margin-left: 0; font-size: 12px;}
	.job_more{ width: 80px; line-height: 28px; font-size: 12px; margin-top: 8px;}
	.job_detail{ padding: 20px;}
	.file_upload{ display:block; margin-top: 10px;}
	.job_detail_text{ font-size: 12px;}
	.explanation_logo{ max-height: 100px;}
}