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

/*fonts*/
.f80{ font-size: 70px;}
.f60{ font-size: 60px;}
.f54{ font-size: 54px;}
.f50{ font-size: 50px;}
.f38{ font-size: 38px;}
.f36{ font-size: 36px;}
.f34{ font-size: 34px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f26{ font-size: 26px;}
.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*/
	.f80{ font-size: 60px;}
	.f60{ font-size: 50px;}
	.f54{ font-size: 44px;}
	.f50{ font-size: 40px;}
	.f38{ font-size: 32px;}
	.f36{ font-size: 30px;}
	.f34{ font-size: 28px;}
	.f32{ font-size: 26px;}
	.f30{ font-size: 24px;}
	.f28{ font-size: 22px;}
	.f26{ font-size: 20px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;} 
	
	/*header*/
	.header_line{ height: 90px; line-height: 90px;}
	.logo a{ height:60px;}
	.func_menu{ width:90px;}
	.search_cover{top:90px; height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px); }
	.mobile_menu{  height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px); } 
	.news_article{ padding-top: 90px;}
	.catalog_wrap.sticky, .guide_warp.sticky, .detail_nav.sticky{ margin-top: 89px;} 
	
	/*01*/
	.news_rec_item{line-height: 28px; max-height: 56px; height: 56px;}
	.news_des{ line-height: 28px; max-height: 56px;}
	
	/*05*/
	.author{ height: 90px; margin-top: -90px;}
	.team_swiper .swiper-slide{ width:700px;}
} 


@media (max-width: 1440px){ 
	.team_swiper .swiper-slide{ width:580px;}
}


@media (max-width: 1279px){  
	html{ font-size: 68px;}
	.inner{ width:100%; max-width: 1140px;}
	/*fonts*/
	.f80{ font-size: 50px;}
	.f60{ font-size: 40px;}
	.f54{ font-size: 36px;}
	.f50{ font-size: 34px;}
	.f38{ font-size: 26px;}
	.f36{ font-size: 24px;}
	.f34{ font-size: 22px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;} 
	
	/*header*/
	.header_line .nav_box{ display:none;}
	body.body_header_dif .header_line:before{ opacity: 1;} 
	.header_func{ margin-left: auto;}
	
	/*01*/ 
	.mouse_icon{ display:none;}
	.product_swiper .swiper-slide{ width:480px;}
	.news_rec_item{ line-height: 26px;max-height: 52px;}
	.news_des{ line-height: 24px; max-height: 48px;}
	
	/*02*/
	body.body_header_dif main{ padding-top: 90px;}
	.banner_bg{ background-attachment: local; background-position: 50% 0!important;}
	.news_article{ padding-top: 0;}
	.center_box .sec_top{ margin-top: 0;}
	
	/*05*/
	.team_swiper .swiper-slide{ width:480px;}
} 

@media (max-width: 991px){  
	/*fonts*/
	.f80{ font-size: 40px;}
	.f60{ font-size: 34px;}
	.f54{ font-size: 32px;}
	.f50{ font-size: 28px;}
	.f38{ font-size: 22px;}
	.f36{ font-size: 20px;}
	.f34{ font-size: 20px;}
	.f32{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f28{ font-size: 18px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;} 
	
	
	/*footer*/ 
	.footer_nav>li:nth-child(n){ padding:0; width: 100%; max-width: none;} 
	.footer_nav_tit a{ line-height: 40px; border-bottom: 1px solid rgba(255,255,255, .10);}
	.footer_nav_tit .icon_jiahao{ display:block;}
	.footer_nav_collapsible{ display:none; margin-top: 0; padding: .10rem 0; border-bottom: 1px solid rgba(255,255,255, .10);}
	.footer_nav>li.li_contact .footer_nav_tit .icon_jiahao{ display: none;}
	.footer_nav>li.li_contact .footer_nav_tit a{ border:none;}
	.footer_nav>li.li_about .footer_nav_collapsible{ display:block;}
	.footer_nav>li.li_contact .footer_nav_collapsible{ display:block; border-bottom: none; border-top: 1px solid rgba(255,255,255, .10);}
	.footer_bot{ display:block;}
	.footer_copyrights{ margin: 0 0 .20rem;} 
	
	/*01*/ 
	.product_swiper .swiper-slide{ width: 380px;}
	.engineering_block{ flex-direction: column-reverse; min-height: 0; padding: .40rem;}
	.engineering_ico{ margin: 0 0 .40rem;}
	.engineering_des li{ margin-bottom: .10rem;}
	.index_news .sec_top{ text-align:left;} 
	
	
	/*02*/ 
	.product_block{ width:50%;}
	.product_detail .inner{ display:block;}
	.detail_nav{ display:flex; align-items: baseline; width:100%; padding-right: 0; margin-top: -.20rem; margin-bottom: .60rem; border-left:none;}
	.detail_nav li{ flex:1 0 0; margin-bottom: 0; text-align: center; border-bottom: 2px solid #EBECEC}
	.detail_nav li a{ padding:0;}
	.detail_nav li a em{ padding-left: 0; padding: .20rem 0;}
	.detail_nav li a em:before{  
	  width: 100%;
	  height: 2px; 
	  left: 0; 
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	} 
	.detail_nav li:hover a em:before,
	.detail_nav li.active a em:before{ 
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	.advance_list li{ width:33.33%;}
	.advance_ico{ width: 65px;}
	
	/*04*/ 
	.news_article .inner{ display:block;}
	.article_left{ width: 100%; border:none;}
	.article_top,
	.article_box,
	.article_bot{ padding-right: 0;}
	.relevant_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem;}
	.relevant_list li{ width:33.33%; padding: .20rem;}
	.article_right{ padding: 0;}
	
	/*05*/
	/*.team_swiper .swiper-slide{ width: 480px;}*/
	.profile_base{ display:block;}
	.profile_base .about_head{ margin-right:0;}
	.profile_block{ display:block;}
	.profile_block dt{margin-right:0; margin-bottom: .30rem;}
	
	/*06*/
	.join_block{ width:50%;}
	.join_detail{ padding: 30px;}
	.join_detail_tit{ font-size: 30px; }
	.join_detail_xg{ margin:0 -10px;}
	.join_detail_xg li{ padding: 0 10px;}
	.join_detail_con{ padding: 30px 0;}
	.join_detail_item{ font-size: 20px; }
}

@media (max-width: 767px){ 
	html{ font-size: 50px;}
	/*fonts*/
	.f80{ font-size: 34px;}
	.f60{ font-size: 28px;}
	.f54{ font-size: 26px;}
	.f50{ font-size: 24px;}
	.f38{ font-size: 20px;}
	.f36{ font-size: 20px;}
	.f34{ font-size: 20px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;} 
	 
	/*header*/ 
	.header_line{ height: 70px; line-height: 70px;}
	.logo a{ height: 45px;}
	.func_menu{ width:70px;}
	.search_cover{top:70px; height: -webkit-calc(100vh - 70px); height: calc(100vh - 70px); }
	.mobile_menu{  height: -webkit-calc(100vh - 70px); height: calc(100vh - 70px); }  
	.catalog_wrap.sticky, .guide_warp.sticky, .detail_nav.sticky{ margin-top: 69px;}  
	.menu_tel{ width:70px!important; padding: 0;}
	.menu_tel em{ display: none;}  
	header .header_line{ color: #333333; box-shadow: 0 0 10px 0 rgba(0,0,0, .10);}  
	header .header_line:before{ opacity: 1!important;} 
	header .header_line a{ color: #333333;}   
	header .header_line a:hover{ color: #006934;} 
    header .nav_list>li.active .n_tit a.n_a0{ color: #006934;} 
	header .nav li a.n_a0 em:before{ background: #006934; }
	 header .logo a img:nth-child(1){ opacity: 0;} 
	 header .logo a img:nth-child(2){ opacity: 1;}   
	 header .func_menu{ color: #006934!important; border-color: rgba(0,0,0, .15);}  
	 header .menu_phone i{ background: #006934;}  
	 header .nav_list>li a.n_a0 em:before{ background-color: #006934;}
	
	
	
	/*01*/ 
	.focus_swiper .swiper_arrow{ display:none;}
	.product_swiper .swiper-slide{ width: 280px;}
	.engineering_swiper .swiper_arrow{ display:none;}
	.engineering_swiper .swiper-pagination{ display:block;}
	
	/*02*/
	main, body.body_header_dif main{ padding-top: 70px;} 
	/*.banner_wrap{ height:auto; padding-top:  63.47%; min-height: 260px;} */
	.banner_tit{ top: 42%;}
	.banner_sign{ display:none;}
	.product_block{ width:100%;}
	.technology_list li{ width:50%;}
	.advance_list li{ width: 50%;}
	.advance_ico{ width: 55px;}
	
	/*04*/
	.news_guide{ /*display:none;*/}
	.article_nav li:nth-child(n){ width:100%; text-align: left;}
	
	/*05*/
	.author{ height: 70px; margin-top: -70px;}
	.history_swiper, .team_swiper{ padding:0;}
	.honor_swiper .swiper_arrow,
	.team_swiper .swiper_arrow,
	.history_swiper .swiper_arrow{ display: none;}
	.honor_swiper .swiper-pagination,
	.team_swiper .swiper-pagination,
	.history_swiper .swiper-pagination{ display:block;}
	.team_swiper .swiper-slide{ width: 380px;}
	.history_show .swiper-slide{ display:block;}
	.history_img{ width:100%; margin: 0 0 .40rem;}
	.history_show{ position: relative; padding-bottom: 20px; margin-bottom: .40rem;}
	.history_swiper .swiper-pagination{ position:absolute;}
	.profile_line{ width:100%;}
	.guide_nav{ margin:0 -.10rem;}
	.guide_nav li{ flex:none; padding:0 .10rem;}
	.guide_nav li a{ padding:0 .20rem; line-height: 40px;}
	
	
	/*06*/
	.contact_line{ width:100%;}
	.join_detail{ font-size: 14px; padding: 20px;}
	.join_detail_tit{ font-size: 24px; }
	.join_detail_xg{ margin:0 -10px;}
	.join_detail_xg li{ padding: 0 10px;}
	.join_detail_con{ padding: 20px 0;}
	.join_detail_item{ font-size: 18px; }
}


@media (max-width: 567px){ 
	/*fonts*/
	.f80{ font-size: 28px;}
	.f60{ font-size: 24px;}
	.f54{ font-size: 22px;}
	.f50{ font-size: 20px;}
	.f38{ font-size: 18px;}
	.f36{ font-size: 18px;}
	.f34{ font-size: 18px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 14px;}
	.f22{ font-size: 14px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;} 
	
	/*02*/
	.banner_item{ font-size: 20px;}
	.banner_des, .banner_back{ font-size: 14px;} 
	.advance_list li{ width: 100%;}
	.technology_list li{ width:100%;}
	
	/*03*/
	.engineering_list .engineering_line{ width: 100%;}
	.center_info{ max-width: 320px; top:100%; left: 50%; transform: translateX(-50%)!important;}
	#center_block02 .center_info{ transform: translateX(-9%)!important;}
	#center_block03 .center_info{ transform: translateX(-24%)!important;}
	#center_block04 .center_info{ transform: translateX(25%)!important;}
	#center_block05 .center_info{ transform: translateX(9.50%)!important;}
	
	/*04*/
	.news_block a{ display:block;}
	.news_img{ width:100%; margin-right:0; margin-bottom: .40rem;}
	.relevant_list li{ width: 50%;}
	
	/*05*/
	.team_swiper .swiper-slide{ width: 280px;}
	
	/*06*/
	.screen_line{ width:50%;}
	.join_block{ width: 100%;}
}