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

/*fonts*/ 
.f60{ font-size: 60px;}
.f48{ font-size: 48px;}
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;} 

@media (max-width: 1680px) {
	.inner_1600{ max-width: 1430px;} 
	/*header*/    
	.logo{ margin:0 1.60%;}
	.header_func{ margin-left: 1.60%;} 
	
	/*index*/
	.business_text, .business_img{ height:470px;}
	.business_text{ padding: 4.50%; margin-top:90px;}
	.business_num{ font-size: 250px;}
	.business_show .swiper_arrow div{ width: 100px; line-height: 90px;}
	.business_show .swiper_arrow div .iconfont{ font-size: 40px;}
	.business_go{ margin-top: 30px; padding-top: 30px;} 
	
	/*02*/    
	.banner_wrap{ height: 700px;}
}

@media (max-width: 1500px) { 
	.inner{ max-width: 1230px;}  
	/*fonts*/ 
	.inner_wdif .f60{ font-size: 50px;}
	.inner_wdif .f48{ font-size: 40px;}
	.inner_wdif .f40{ font-size: 34px;}
	.inner_wdif .f36{ font-size: 30px;}
	.inner_wdif .f30{ font-size: 24px;}
	.inner_wdif .f24{ font-size: 20px;}
	.inner_wdif .f20{ font-size: 16px;}
	.inner_wdif .f18{ font-size: 16px;} 
	.inner_wdif .f16{ font-size: 16px;}  
	 
	/*header*/   
	header{ height: 80px; line-height: 80px;} 
	.logo a img, .ft_logo img{ height:40px;}
	.nav li a.n_a0{ font-size: 15px;} 
	.func_menu{ width:70px;}
	.func_menu .iconfont{ font-size: 20px;}
	.menu_tel em{ font-size: 20px;} 
	.search_cover{ top:80px; }  
	
	/*index*/
	.business_text, .business_img{ height:405px;}
	.business_text{ padding: 3.50%;}
	.business_num{ font-size: 200px;}
	.business_go{ margin-top: 20px; padding-top: 20px;} 
	
	/*02*/    
	.banner_wrap{ height: 600px;} 
	
	
}
@media (max-width: 1300px) {  
	.inner{ max-width: 1054px;}  
	/*fonts*/  
	.f60{ font-size: 50px!important;}
	.f48{ font-size: 40px!important;}
	.f40{ font-size: 34px!important;}
	.f36{ font-size: 30px!important;}
	.f30{ font-size: 20px!important;}
	.f24{ font-size: 18px!important;}
	.f20{ font-size: 16px!important;}
	.f18{ font-size: 16px!important;} 
	.f16{ font-size: 14px!important;}
	/*header*/
	#nav_pc{ display:none;}
	.menu_phone{ display:block;}
	.search_cover{ padding: 60px 0; }  
	
	/*index*/
	.index_about{ min-height:0; padding-top: 90px; padding-bottom: 90px;} 
	.business_text, .business_img{ height: 346px;} 
	.business_num{ font-size: 150px;}
	
	/*02*/   
	.banner_wrap{ height: 500px;}
	.banner_link{ min-width: 220px; line-height: 50px;}
	.guide_wrap{ height: 60px; line-height: 60px;} 
	.product_list li a{ height:360px;}
	.product_tit{ padding-bottom: 20px; margin-bottom: 20px;}
	.product_text{ padding: 50px;} 
	
	/*03*/   
	.sub_tit{ padding-bottom:35px; margin-bottom:35px;}
	.c_c_trait{ margin-bottom: -35px;}
	.c_c_trait li{ padding: 35px 0;}
	.energy_tit{ margin-bottom: 40px;} 
	
	/*06*/   
	.cases_list li a{ padding: 50px;}
	
	/*07*/
	.news_tit{ margin-bottom: 40px;}
	.news_all li a{ padding: 30px;}
	.news_pic{ width: 290px;}
	.news_des{ line-height: 24px; max-height: 48px; margin-top: 10px;}
	.news_go{ margin-top: 30px;}
	.policy_all li a{ padding: 30px;}
	.policy_time{ padding-right: 30px; margin-right: 30px;}
	.policy_des{ line-height: 24px; max-height: 48px; } 
	.policy_go01{ margin-left: 50px;} 
	.detail_box{ padding: 60px;}
	.detail_top{ padding-bottom: 30px; margin-bottom: 40px;}
	.detail_bot{ padding-top: 30px; margin-top: 40px;}
	.detail_xg{ margin-top: 10px;}
	
	/*08*/
	.ecology_line dd{ padding: 5%;}
	
	/*09*/
	.profile_view li{ padding: 30px;}
	.join_list li a{ padding: 40px;}
	.join_end{ padding: 50px;}
	.end_top{ padding-bottom: 25px; margin-bottom: 25px;}
	.end_caption, .deliver_email{ margin-top: 50px;}
}   

@media (max-width: 1100px) { 
	.inner{ max-width: 100%;} 
	/*fonts*/  
	.f60{ font-size: 40px!important;}
	.f48{ font-size: 30px!important;}
	.f40{ font-size: 26px!important;}
	.f36{ font-size: 24px!important;}
	.f30{ font-size: 18px!important;}
	.f24{ font-size: 16px!important;}
	.f20{ font-size: 16px!important;}
	.f18{ font-size: 16px!important;} 
	.f16{ font-size: 14px!important;}
	
	/*footer*/
	.footer_top{ padding: 40px 0; min-height: 0;}
	.ft_left{ float:none; width: 100%; margin-right: 0;}
	.ft_notice, .ft_shared{ margin-top: 20px;}
	.ft_nav{ max-width:none; float:none; display: block; text-align: center; margin: 0 -5px;}
	.ft_nav li{ display:inline-block; padding: 0 5px;}
	.ft_nav li .ft_n_subclass{ display:none;}
	.footer_bot{ padding: 20px 0; text-align: center; font-size: 12px;}
	.footer_bot .inner{ display:block;}
	.fb_left{ float:none; width: 100%; }
	.fb_right{ float:none;}
	
	/*index*/
	.sec_box, .banner_img{ background-attachment: local!important; background-position: 50% 0!important;} 
	.sec_box{ padding: 70px 0;}
	.sec_top{ margin-bottom: 40px;}
	.sec_more{ width:130px; line-height: 40px;}    
	.news_info{ margin-top: 25px;}
	.news_time{ margin-top: 10px;}
	.news_more{ margin-top: 20px;} 
	.news_policy{ margin-top: 40px;}
	.policy_tit{ margin-bottom: 20px;}
	.policy_list{ margin-top:-5px; margin-bottom:-5px;}
	.policy_list li a{ padding-top: 5px; padding-bottom: 5px;} 
	.case_info{ margin-top: 25px;}
	.case_des{ margin-top: 10px;}
	.viewpoint_swiper .swiper_arrow{ margin-bottom: 40px;}
	
	/*03*/   
	.sub_tit{ padding-bottom:25px; margin-bottom:25px;}
	.c_c_trait{ margin-bottom: -25px;}
	.c_c_trait li{ padding: 25px 0;} 
	.form_txt{ height: 50px;}
	.form_btn{ width:140px; height: 50px;}
	.look_tit a .iconfont{ font-size: 24px; margin-left: 10px;}
	
	/*04*/   
	.worth_list{ margin:-10px;}
	.worth_list li{ padding:10px;}
	.worth_list li a{ padding: 40px 20px; text-align: center;}
	.worth_icon{ width: 80px; height: 80px; float:none; margin: 0 auto 10px;}
	.worth_des{ margin-top: 10px;}
	.operation_block{ padding-bottom: 35px;}
	.operation_icon{ width: 80px; height: 80px;}
	.operation_item{ margin: 30px 0 15px;}
	.smart_top{ margin-bottom: 40px;}
	.digital_swiper .swiper-slide{ padding: 40px 0;}
	.digital_des{ padding:20px; margin-top: 20px;}
	.technology_text{ margin-bottom:-15%;}
	.character_line{ padding: 25px 0;}
	
	/*06*/   
	.cases_list li a{ padding: 40px;}
	.cases_item{ margin-bottom: 20px;}
	.cases_caption{ margin-top: 10px;}
	.cases_pic{ width:360px;} 
	.cases_overview{ max-height:170px;} 
	.tmt_photo{ width:216px;}
	.tmt_info{ padding: 40px;}
	.tmt_tit i{ margin-top:10px;}
	.tmt_des{ line-height: 28px; max-height: 112px; margin-top: 30px;}
	.expert_swiper .swiper_arrow{ text-align:center; margin-top: 15px;}
	.expert_swiper .swiper_arrow div{ position:static; transform: none; display:inline-block; vertical-align: middle;}
	.expert_swiper .swiper_arrow div .iconfont{ font-size: 30px;}
	
	/*08*/
	.ecology_line{ margin-bottom: 40px;} 
	.ecology_line dd{ padding: 4%;}
	.ecology_des{ line-height: 24px; margin-top: 20px;} 
	.ecology_apply .order_tit{ margin-bottom: 30px;}
	.ecology_apply .form_handle{ margin-top: 30px;}
	
	/*09*/
	.about_tit{ margin-bottom: 40px;}
	.profile_view li{ padding: 20px;}
	.development_show{ padding: 0 40px;}
	.development_show .swiper_arrow div .iconfont{ font-size: 40px;}
	.development_des{ margin-top: 20px;}
	.join_list li a{ padding: 30px;} 
	.end_caption, .deliver_email{ margin-top: 40px;}
	.contact_list{ padding:0 6%;}
	
}

@media (max-width: 900px) {
	body{ overflow-y:auto;}
	/*fonts*/  
	.f60{ font-size: 32px!important;}
	.f48{ font-size: 24px!important;}
	.f40{ font-size: 22px!important;}
	.f36{ font-size: 20px!important;}
	.f30{ font-size: 16px!important;}
	.f24{ font-size: 16px!important;}
	.f20{ font-size: 16px!important;}
	.f18{ font-size: 14px!important;} 
	.f16{ font-size: 14px!important;} 
	
	/*02*/  
	.banner_wrap{ height: 400px;}
	.banner_link{ min-width: 180px; line-height: 40px;}
	.guide_wrap{ height: 50px; line-height: 50px;}
	.screen_line dt{ width:100px;}
	.screen_line dd{ padding: 10px;}
	.screen_line dd a{ line-height: 30px; padding:0 10px; margin: 4px;} 
	.product_tit{ padding-bottom: 15px; margin-bottom: 15px;}  
	.product_text{ padding: 40px;}
	
	/*04*/  
	.technology_text{ width:100%; float:none; margin-bottom: 30px;}
	.application_list{ margin: -10px;}
	.application_list li{ padding: 10px;} 
	
	/*06*/   
	.cases_list li a{ padding: 30px;}  
	.cases_pic{ width:330px;}
	.cases_overview{ max-height:160px;} 
	.cases_des{ line-height: 22px;}
	.tmt_photo{ width: 176px;}
	.tmt_info{ padding: 30px;} 
	.tmt_tit i{ margin-top: 5px;}
	.tmt_des{ line-height: 24px; max-height: 96px; margin-top: 25px;}
	
	/*07*/
	.news_all li a{ padding: 20px;}
	.news_pic{ width: 240px;} 
	.news_date{ float:left; line-height: 30px; margin-top: 20px;}
	.news_go{ float:right; width: 90px; line-height: 30px; margin-top: 20px;}
	.policy_all li a{ padding: 20px;}
	.policy_time{ padding-right: 20px; margin-right: 20px;}
	.policy_des{ margin-top: 10px;} 
	.policy_go{ width: 90px; line-height: 30px;}
	.policy_go01{ margin-left: 40px;}
	.detail_box{ padding: 40px;}
	.detail_top{ padding-bottom: 20px; margin-bottom: 30px;}
	.detail_bot{ padding-top: 20px; margin-top: 30px;} 
	
	/*09*/
	.join_end{ padding: 40px;}
	.end_data li{ width:33.33%;}
	.end_data:after{ display:block; width: 33.33%;}
	.end_caption, .deliver_email{ margin-top: 30px;} 
}

@media (max-width: 700px) {
	/*fonts*/  
	.f60{ font-size: 26px!important;}
	.f48{ font-size: 20px!important;}
	.f40{ font-size: 18px!important;}
	.f36{ font-size: 16px!important;}
	.f30{ font-size: 16px!important;}
	.f24{ font-size: 16px!important;}
	.f20{ font-size: 16px!important;}
	.f18{ font-size: 14px!important;} 
	.f16{ font-size: 14px!important;} 
	
	/*header*/   
	header{ height: 50px; line-height: 50px;} 
	.logo a img, .ft_logo img{ height: 30px;}
	.nav li a.n_a0{ font-size: 16px;} 
	.func_menu{ width: 50px;}
	.func_menu .iconfont{ font-size: 18px;}
	.menu_tel em{ display:none;}
	.search_cover{ top: 50px; padding: 30px 0; } 
	.nav_top{ height:50px;}
	.nav_scroll{ padding: 30px; padding-top: 50px; } 
	.slideDown { transform: translateY(0%); } 

	
	/*footer*/
	.ft_nav li a.ft_n_a0{ font-size: 12px!important;}
	.ft_notice img{ width:80px; height: 80px;}
	.float_menu li.f_m_tel{ display:block!important;}
	
	/*index*/
	.sec_box{ padding: 50px 0;}
	.sec_top{ margin-bottom: 30px;}
	.sec_tit i{ margin-top:5px;}
	.sec_more{ width:100px; line-height: 30px;}  
	.business_text, .business_img{ float:none; width:100%;}
	.business_text{ height: 270px; margin-top: 70px;} 
	.business_des{ font-size:14px!important;} 
	.business_num{ font-size: 100px;}
	.business_show .swiper_arrow{ left:auto; right:0;}
	.business_show .swiper_arrow div{ width: 80px; line-height: 70px;}
	.business_show .swiper_arrow div .iconfont{ font-size: 30px;}
	.business_img{ height:auto;}
	.business_img .img_box { padding-top: 67.50%; }
	.business_icon{ width:50px; height: 50px;}
	.policy_list{ margin:-5px -10px;}
	.policy_list:before{ display:none;} 
	.policy_list li{ float:none; width:100%; padding: 0;}
	.policy_list li a em{ font-size:12px;}
	.policy_list li:nth-child(4),
	.policy_list li:nth-child(5),
	.policy_list li:nth-child(6){ display:none;}
	.case_swiper .swiper-slide{ width: 100%;}
	.case_info{ margin-top: 15px;}
	.case_des{ margin-top: 5px;}
	.news_info{ margin-top: 15px;}
	.news_time{ margin-top: 5px;}
	.news_more{ margin-top: 10px;} 
	.viewpoint_swiper .swiper_arrow{ margin-bottom: 30px;}
	
	/*02*/ 
	.banner_wrap{ height: 300px;}
	.banner_tit{ font-size: 18px!important;}
	.banner_des{ font-size: 14px!important;}
	.banner_link{ font-size: 12px!important; min-width: 140px; line-height: 30px;} 
	.guide_wrap{ display:none;}
	.screen_line{ display:block;}
	.screen_line dt{ display:block; float:none; width:auto; padding: 5px 12px;}
	.screen_line dd{ font-size: 12px;}
	.screen_line dd a{ line-height: 26px; padding:0 5px; margin: 2px;}
	.product_list li a{ height:auto;}
	.product_img, .product_text{ float:none; width:100%;} 
	.product_img .bg_img{ padding-top: 70%;}
	.product_text{ padding: 30px;}
	.product_tit{ padding-bottom: 10px; margin-bottom: 10px;} 
	.product_des{ line-height: 24px; max-height: 168px;}
	
	/*03*/   
	.sub_tit{ padding-bottom:15px; margin-bottom:15px;}
	.c_c_trait{ margin-bottom: -15px; font-size: 12px!important;}
	.c_c_trait li{ padding: 15px 0;}
	.c_c_trait li i{ width:35px; height: 35px; margin-bottom: 10px;}
	.tit_en{ margin-top: 10px;}
	.tit_en i{ letter-spacing: 0;}
	.energy_tit{ margin-bottom: 30px;}
	.managed_list{ margin: -6px;}
	.managed_list li{ width:50%; padding: 6px;}
	.managed_icon{ margin:10px auto;}
	.form_txt{ height: 40px;}
	.form_txt{ height: 40px;}
	.ecology_apply .order_form{display: block;}
	.form_line, .ecology_apply .form_line{ width:100%; float:none;}
	.form_btn{ width:120px; height: 40px;}
	.look_tit a .iconfont{ font-size: 16px; margin-left: 5px;}
	.common_look{ padding: 30px 0!important;}
	
	/*04*/   
	.smart_top{ padding-bottom: 10px; margin-bottom: 30px;}
	.worth_list{ margin:-5px;}
	.worth_list li{ width:50%; padding:5px;}
	.worth_list li a{ padding: 30px 15px; }
	.worth_icon{ width: 60px; height: 60px;} 
	.worth_des{ font-size:12px;}
	.operation_list li{ width:50%;}
	.operation_block{ padding-bottom: 20px;}
	.operation_icon{ width: 60px; height: 60px;}
	.operation_item{ margin: 20px 0 10px;}
	.operation_des{ font-size:12px;}
	.digital_swiper .swiper-slide{ padding: 30px 0;}
	.digital_des{ padding:10px; margin-top: 10px;}
	.digital_des{ font-size:12px;} 
	.loop_list li{ width:50%;} 
	.loop_list li:before{ display:none;}
	.loop_item{ margin-top: 10px;}
	.loop_des{ font-size:12px; margin-top: 10px;} 
	.character_text{ width:100%; float:none;}
	.character_line{ padding: 15px 0;}
	.character_img{ width:100%; float:none;}
	.character_img img{ border-width: 7px;}
	.application_list{ margin: -5px;}
	.application_list li{ width:50%; padding: 5px;}
	.application_list li a{ padding:20px;}
	
	/*06*/   
	.cases_list li a{ padding: 20px;} 
	.cases_pic{ width:100%; float:none; margin-left: 0; margin-bottom: 15px;}
	.tmt_photo{ width: 136px;}
	.tmt_info{ padding: 15px;} 
	.tmt_tit i{ margin-top: 5px;}
	.tmt_des{ line-height: 22px; max-height: 88px; margin-top: 15px;}
	
	/*07*/ 
	.news_tit{ margin-bottom: 30px;}
	.policy_time{ padding-right: 10px; margin-right: 10px;}
	.policy_go01{ margin-left: 30px;}
	.product_list li, .cases_list li, .news_all li, .policy_all li{ margin-bottom: 30px;}
	.detail_box{ padding: 20px;}
	.detail_xg{ font-size: 12px!important;}
	.detail_btn{ width: 100%; float:none;}
	.btn_text span{ margin-bottom:0;}
	.btn_prev .iconfont{ margin-right: 10px;}
	.btn_next .iconfont{ margin-left: 10px;}
	.btn_next{ margin-top: 10px;}
	
	/*08*/
	.ecology_line{ margin-bottom: 30px;}
	.ecology_line dt{ width:100%; float:none;}
	.ecology_line dd{ width:100%; position: static;} 
	
	/*09*/
	.development_thumbs{ margin-left:0; margin-right: 0;}
	
	/*09*/
	.about_tit{ margin-bottom: 30px;}
	.profile_text, .profile_img{ width:100%; float:none;}
	.profile_img, .profile_view{ margin-top:30px;}
	.profile_view li{ width:100%;}
	.profile_view li .iconfont{ font-size: 40px; margin-right: 10px;}
	.development_show{ padding: 0 20px; margin: 0 -15px;}
	.development_show .swiper_arrow div .iconfont{ font-size: 20px;}
	.development_des{ margin-top: 10px;}
	.contact_list{ padding:0;}
	.contact_list li{ width:60%;}
	.contact_list li:nth-child(1), .contact_list li:nth-child(3){ width:40%;}
	.contact_list li .iconfont{ margin-bottom: 0;}
	.link_join{ width:120px; line-height: 40px;} 
	.honor_swiper .swiper_arrow div{ top:auto; transform: none; bottom: 0;}
	.join_list li a{ padding: 20px;}
	.join_des p:nth-child(n){ width:100%; float:none; text-align: left;}
	.join_des p:nth-child(n):before{ display:none;}
	.join_more{ width:100px; line-height: 34px; } 
	.join_end{ padding: 20px;}
	.end_top{ padding-bottom: 15px; margin-bottom: 15px;} 
	.deliver_email .iconfont{ font-size: 16px;}
}

@media (max-width: 500px) {
	/*07*/ 
	.news_pic{ width: 100%; float:none; margin-bottom: 20px;}  
	.policy_go01{ display:none;}
	.policy_go02{ display:block; float:right; margin-top: 15px;}
	
	/*08*/ 
	.partner_list li{ width:33.33%;} 
	 
	/*09*/ 
	.end_data li{ width:50%;} 
}