/* 简体 */ @media only screen and (max-width: 1600px) { #company_con .sec01_ele { /* width: 50%; */ } #company_con .sec05_ele { /* width: 50%; */ } #company_con .sec05_ele_half { /* width: 100%; */ } #company_con .sec05_ele_in { height: 170px; } .page_cell { width: 960px; } #company_info .sec03_e_rel { height: auto; } .home .section4 .s4_slider_wrap { padding-right: 15%; } .home .section2 .sec02_title { padding-top: 66px; } .home .section3 .block_l_r_title, .home .section3 .block_right .title { padding-top: 0; } .home .section4 .sectinon4_l_con { padding-top: 17%; } .home .section5 .sec05_l_inner { padding-top: 17%; } .footer .f_t_title p { font-size: 24px; } .footer-cen { width: 1100px; margin: 0 auto; } .footer-cen img { width: 100%; } .footer-top { bottom: 80px; } .inner_nav .inner_nav02 li .class_b p { width: 960px; } .analyst .name_list .list_container .swiper-wrapper .swiper-slide .t { margin: 10px 0 0 10px } .analyst .name_list .list_container .swiper-wrapper .swiper-slide .c, .analyst .name_list .list_container .swiper-wrapper .swiper-slide table { margin-left: 10px; } /* 设计服务 */ .other_service ul li { width: 460px; } .other_service ul li div p.links a { width: 165px; } /* */ .maturity .maturity_l { width: 300px; } .maturity .maturity_l .font { width: 81%; } .maturity .maturity_l .font p { font-size: 14px; } /* */ .support .support_l { width: 230px; } .support .support_l div.font { width: 170px; } /* */ .honor .honor_right ul li div.clearfix p.t { width: 73%; } .honor .honor_right ul li div.clearfix p.link { width: 27%; } .about_risk .standard .standard_list>div, .about_quality .hover_slide .slide .standard .standard_list>div { padding: 10px; } .security .protect .authentication .authentication_1>div, .security .protect .authentication .authentication_2>div { padding: 20px; } .other_criterion ul li div p { font-size: 18px; } .factory_summary ul li div.pic { height: 200px; line-height: 200px; } .one_top .slide_1 div.clearfix, .online .container .include ul li div { padding: 20px; } .contact div { padding: 20px; } .animate_wrap { /* bottom: 60px; */ } .footer .footer-top { padding-top: 40px; padding-bottom: 0; } .footer .f_t_ele { padding-bottom: 20px; } .footer .f_t_title { padding-bottom: 10px; } .footer .f_t_title p { font-size: 18px; line-height: 34px; } .footer .f_t_con p { font-size: 16px; line-height: 26px; } .home .item01 .home_banner_section h2 { font-size: 60px; } .home .home_banner_section h2 { font-size: 50px; } .header-menu .header-menu-list .nav_a li a, .header-menu .header-menu-list .menu_a li a { font-size: 24px; } .home .section2 .sec02_t p { font-size: 50px; } .home .section5 .se5_con .h p, .home .section2 .sec2_s_con .h p { font-size: 34px; } .home .section4 .sec_l_title p, .home .section5 .se5_title p, .home .section3 .block_right .title p { font-size: 50px; } /*2019-5-28*/ body { font-size: 16px; } .home .item01 .home_banner_section h2, .home .active .home_banner_section h2, .home .section4 .sec_l_title p, .home .section5 .se5_title p, .home .section3 .block_right .title p, .home .section3 .s3_s_ele .font_block .h { font-size: 38px; } .home .section2 .sec02_t p { font-size: 32px; } .home .home_banner_section .article { font-size: 22px; } .home .section5 .se5_con .h p, .home .section2 .sec2_s_con .h p { font-size: 22px; } .home .section4 .f_b_ele p, .humen .container .sum p { font-size: 18px; } .home .section5 .sec05_r_e_tCell p { font-size: 28px; } .inner_ban .bannerFont p { font-size: 40px; } #company_con .sec_title p, #investor .sec_title p, #company_info .sec_title p, #company_info .sec_title p, #company_activity .sec_title p, #company_activity .annual_report .annual_container .annual_title p, #company_activity .historical_financial .title p, .analyst .title p { font-size: 33px; } .advanced .title p, .humen .container ul li .font div p, .online .container .include .title p, .other_corporate .swiper-container .swiper-wrapper .swiper-slide div.t p, #company_con .sec01_title p, .vision .container .t, .contact_us .contact_form .hotline p.t { font-size: 22px; } .social .container p.t { font-size: 25px; } .social .container p, .social .container ul li div p, .about_summary .container p, .advanced .summary p, .factory_summary ul li div.font div p.t, .train_system .container .sum, .online .container .sum p, .online .container .include ul li div p, .online .container .include>p, .one_top>p, .one_top .slide_1 div .right p, .cooperative_supplier>p, .other_technological .technological_list .font_list.go_on div .load_more a, .mask .container>p, .design_overview .overview_container p, #company_info .sec03_e_border .font_pos .p_wrap p, #company_con .sec01_con .p_intro, #company_con .sec01_ele_title .h, .notes_june p, .new_read .container .content, .about_quality .container p, .about_risk .container p, .about_risk .standard .standard_list .right p, .about_quality .hover_slide .slide .standard .standard_list .right p, .about_quality .hover_slide .slide .meaning p, .security .security_sum p, .security .promise li div .right p, .security .protect p, .security .protect .authentication div .right p, .supplier_management .mechanism p, .contact_us .contact_form p, .contact_us .contact_form .hotline p, .contact_us .contact_form form input, .contact_us .contact_form form select, .application_product>p, #investor .sec01_con_l_inner .p p { font-size: 16px; } .advanced .trait ul li p, .additional ul li p, .online .container .include ul li div p.t, #company_info .sec03_e_border .font_pos .h { font-size: 18px; } .factory_summary ul li div.font div p, #company_info .sec01_con table td, #company_con .sec01_ele .more01, .vision .container .worth ul li div.font div p { font-size: 14px; } .header-menu .header-menu-list .nav_a li a, .header-menu .header-menu-list .menu_a li a, .train .train_list li p, .other_technological .technological_list .font_list div h5, .beneift .container ul li .font div p, .vision .container .vision_sum, .about_quality .hover_slide li>p { font-size: 20px; } .header-menu .nav_b_container .nav_b>li>.nav_c_container>a { font-size: 18px; } .home .item01 .home_banner_section h2, .home .active .home_banner_section h2 { font-size: 48px; } /*2019-5-28 end*/ .multi_project .container .multi p, .multi_project .container .increase p { font-size: 16px; color: #333; margin-top: 40px; } .information .container .sum { font-size: 16px; } /* 2019-9-5 start */ #company_activity .annual_report .annual_container .annual_right table tbody tr td p { font-size: 15px; } /* 2019-9-5 end */ } @media only screen and (max-width: 1440px) { .home .section3 .block_left .s3_s_e_padd { padding: 0 55px; } .home .section1 .banner_pic .banner_p_ele { height: 90px; } .home .banner_pic { height: auto; bottom: 0; } #fp-nav { top: 44% !important; } #fp-nav ul li, .fp-slidesNav ul li { margin: 15px 7px !important; } .home .item01 .home_banner_section h2 { line-height: 87px; } .home .section3 .block_r_l_con { padding-bottom: 10px; } .home .home_banner_section h2, .home .active .home_banner_section h2 { font-size: 50px; } .home .home_banner_section .article, .header-menu .header-menu-list .nav_a li a, .header-menu .header-menu-list .menu_a li a { font-size: 24px !important; } .home .section2 .sec02_t p, .home .section3 .block_right .title p, .home .section3 .block_l_r_title p, .home .section4 .sec_l_title p, .home .section5 .se5_title p, .home .section3 .s3_s_ele .font_block .h { font-size: 40px; } .footer-bottom .footer-cen { padding: 23px 0; } .home .section3 .block_l_r_con p, .home .section3 .block_l_r_con p, .home .section4 .sec_l_con p, .home .section4 .f_b_ele p, .home .section5 .sec05_r_e_tCell p { font-size: 18px; } .header-menu .header-menu-list .nav_a li, .header-menu .header-menu-list .menu_a li { margin-bottom: 16px !important; } /* .header-menu .nav_b_container{ padding: 30px 0 !important; } */ #investor .s03_l_title .h { max-height: 50px; overflow: hidden; } .home .section2 .sec2_small_con { padding-left: 188px; } .home .section4 .s4_slider_wrap { padding-right: 0; } .home .section3 .block_l_l_p { padding-right: 0px; } .home .section5 .sec05_r_e_tCell p { padding-left: 109px; height: 83px; font-size: 26px; line-height: 83px; } .home .section2 .con_detail .con_p { width: 500px; } .home .section2 .con_detail .con_p p { line-height: 34px; } .home .section5 .sec05_r_e_tCell p.icon01, .home .section5 .sec05_r_e_tCell p.icon02, .home .section5 .sec05_r_e_tCell p.icon03 { background-size: auto 100%; } .home .section5 .sec05_r_e_tCell { padding-left: 37px; } .home .section5 .sec05_right { width: 400px; float: right; } .home .section4 .s4_s_ele .font_block .icon_img { height: 77px; } .home .section4 .s4_s_ele .font_block .icon_img img { max-height: 100%; } .home .section5 .se5_con .h p { font-size: 30px; line-height: 43px; } .home .section4 .sectinon4_l_con { width: auto; padding-top: 13%; padding-left: 191px; } .home .section4 .sectinon4_l_con .sec4_icon { padding-top: 23px; } .home .section4 .sec_l_con { padding-top: 17px; padding-bottom: 17px; } .home .section4 .block_r_padd { width: 100%; padding-top: 20%; } .home .section3 .s3_s_ele .font_block .p_wrap { padding-bottom: 12px; } .home .section3 .block_r_right .s3_s_ele .font_block p { font-size: 20px; line-height: 27px; } .home .section3 .block_r_right .s3_s_ele .font_block .h { font-size: 30px; line-height: 38px; } .home .section3 .block_right .s3_s_ele .font_block { top: 28%; } .home .section3 .block_left .s3_s_ele .font_block { top: 23%; } .home .section3 .s3_s_ele .font_block .p_wrap { width: 80%; } .home .section3 .block_r_padd { padding-right: 0px; } .home .section3 .block_l_r_p { padding-left: 0px; } .home .section2 .sec2_s_con .time p { font-size: 18px; line-height: 23px; } .home .section2 .con_detail .con_p { /*display: none;*/ } .home .section2 .con_detail { padding-top: 26px; } .home .section2 .sec2_s_con .h p { font-size: 24px; /* font-size: 30px; */ line-height: 43px; } .home .section2 .sec2_s_con { padding-top: 27px; } .footer-cen { width: 960px; margin: 0 auto; } .section03_team p { font-size: 17px; } .home .section3 .block_r_pos, .home .section3 .block_l_con { top: 16%; } .home .section3 .block_r_l_con p { font-size: 18px; } .home .section3 .block_r_right { margin-top: 50px; } } @media only screen and (max-width: 1366px) { .technological_technology .container p { font-size: 16px; color: #333; margin-bottom: 20px; } .additional ul li .slide_con .comb .right p { font-size: 16px; } .advanced .trait ul li p, .additional ul li p, .online .container .include ul li div p.t, #company_info .sec03_e_border .font_pos .h { font-size: 16px; } .lot_list .right p { font-size: 16px; color: #333; line-height: 30px; } .test_business p { font-size: 16px; color: #333; } .multi_project .container .multi p, .multi_project .container .increase p { font-size: 16px; color: #333; margin-top: 40px; } .segment ul li .slide_container p { font-size: 16px; color: #333; margin-bottom: 40px; } .additional ul li .slide_con .comb .right p { font-size: 16px; } .information .container .sum { font-size: 16px; } .information .container ul li .font p { padding: 30px 0 0 30px; font-size: 22px; } .products .container p { font-size: 16px; } .development .container p { font-size: 16px; } .school .sum .font p { font-size: 16px; } .security .container p a { font-size: 16px; } .cleaner .cleaner_left div p { font-size: 16px; } .water .container .water_support_sum p { font-size: 16px; } .water .container .water_support_sum p { font-size: 16px; } .water .container .water_support_sum p { font-size: 16px; } .security .container p a { font-size: 14px; } .criterion .container table th p { font-size: 14px; } } @media only screen and (max-width: 1100px) { .footer .footer-top, .footer-bottom { padding-left: 100px; } .home .section5 .sec05_right { width: 340px; } .home .section4 .s4_s_ele .font_block .h { font-size: 28px; line-height: 41px; padding-bottom: 10px; padding-top: 10px; } .home .section4 .s4_s_ele .font_block { top: 14%; } .home .section4 .sec_l_con p { font-size: 20px; line-height: 32px; } .home .section3 .block_r_pos { left: 84px; top: 13%; } .home .section3 .block_r_l_con p { font-size: 20px; line-height: 32px; } .home .section3 .block_l_r_con p { font-size: 26px; line-height: 32px; } .home .section3 .block_left .s3_s_ele .font_block .p_wrap { padding-top: 9px; } .home .section3 .s3_s_ele .font_block .p_wrap p { font-size: 16px; line-height: 24px; } .home .section3 .s3_s_ele .font_block { width: 100%; } .home .section3 .block_right .s3_s_e_padd { padding: 0 20px; } .home .section3 .block_l_con { width: 83%; } .home .section2 .sec02_title { padding-left: 188px; } .home .section2 .sec2_s_padd { padding-left: 126px; } .home .section4 .sectinon4_l_con { padding-left: 188px; } .home .section5 .sec05_l_inner { padding-left: 188px; } /*.section3 .s3_s_ele .font_block .p_wrap p { font-size: 18px; line-height: 26px; } .section3 .s3_s_ele .font_block .h { font-size: 36px; line-height: 45px; } .section3 .block_left .s3_s_ele .font_block { width: 83%; top: 12%; } .section3 .block_l_l { float: none; width: 350px; margin: 0 auto; } .section3 .block_l_r { float: none; width: auto; }*/ .home .home_banner_section { margin-left: -430px; } .home .home_banner_section_con { padding: 0; } .home .section_banner .home_banner_next { right: 0; } .home .section_banner .home_banner_prev { left: 100px; } } @media only screen and (max-width:1100px) { .footer-cen { padding: 0 20px; width: auto; } .footer-bottom .footer-cen { padding: 29px 20px; } } br.mobile{ display: none; } @media only screen and (max-width:1000px) { br.mobile{ display: block; } .sitemap_g { width: 100%!important; margin-left: 0; } .sidemapblock.site-f-l .sitemapbox { width: 100%; } .sidemapblock .sitemapbox .sitemap_b>li>a { padding: 6px 0; } .home .home_banner_section { width: 500px; margin-left: auto; margin-right: auto; left: 0; right: 0; } #fp-nav { display: none; } .home .sectinon3-abs { left: 0; } .header { display: none; } .menuico { display: block; } #mainmenu2 { display: block; } body.menuopen #mainmenu2 { right: 0px; } /**************************/ .home .section4 .four_block { width: 100%; } .home .section2 .sec2_small_ele { padding-right: 39px; } .home .section2 .sec2_s_con .h { width: auto; } .home .section3 .block_l_l_p { padding-left: 0%; } .home .section3 .block_r_r_padd { padding-right: 0; } /********************/ .home .section2 .sec02_title { padding-left: 79px; padding-top: 115px; } .home .section2 .sec2_s_padd { padding-left: 16px; } .home .section3 .block_l_r_title { /* padding-top: 30px; */ } .home .section3 .block_l_con { right: 0; } .home .section4 .s4_pagination { right: 0; } .home .section4 .block_r_padd { padding-top: 7%; } .footer-bottom { padding-left: 0px; } .footer-bottom .footer-cen { padding-left: 20px; padding-right: 20px; } .footer .f_t_ele { width: 50%; } .footer .footer-top { padding-left: 57px; } .footer-cen { width: auto; padding: 0 20px; } .home .section4 .sec_l_con { width: 100%; /* width: 580px; */ padding-top: 20px; padding-bottom: 20px; } .home .section3 .block_r_left .more { /* margin-left: 28px; */ margin: 0 auto; } .home .section1 .banner_pic .banner_p_padd { padding-left: 16px; padding-bottom: 17px; height: 61px; border-right: 1px solid #9ca0aa } .home .section1 .banner_pic .banner_p_ele { width: 33.333%; float: left; height: auto; } .home .home_banner_section { margin-top: 0; top: 20%; } .home .section5 .sec05_r_border { border-top: 1px solid #b8baba; border-left: none; } .home .section5 { background-size: cover; } .home .section5 .sec05_right { height: 357px; position: absolute; left: 0; right: 0; bottom: 0; } .home .section5 .sec05_l_inner { padding-left: 20px; padding-right: 20px; } .home .section5 .sec05_con { width: auto; padding-left: 0px; } .home .section5.active .sec05_left { padding-left: 10px; } .home .section5 .sec05_left, .home .section5 .sec05_right { width: auto; float: none; } .home .section3 .block_l_con { width: auto; padding-left: 20px; padding-right: 20px; } .home .section4 .sectinon4_l_con { /* padding-left: 20px; padding-right: 20px; padding-top: 100px; */ /* padding-top: 21%; */ padding: 100px 0 0; } .home .section4 .s4_s_ele .font_block .h { padding-bottom: 21px; padding-top: 25px; } .home .section4 .s4_s_ele .font_block .icon_img { height: 90px; } .home .section4 .s4_s_ele .font_block { top: 23%; } .home .sectinon4-con { /* padding-left: 10px; */ width: 90%; margin: 5% auto; } .home .section4 .block_r_padd { width: 100%; /* width: 540px; */ } .home .section4 .s4_slider_wrap { padding-right: 0; } .home .section3 .block_l_r_p { width: 100%; } .home .section2 .con_detail .con_p { display: block; } .home .sectinon4_right, .home .sectinon4_left { float: none; width: 100%; height: auto; } .home .section3 .block_right .title { padding-top: 12%; /* padding-top: 10%; */ padding-left: 28px; } .home .section3 .block_r_r_padd { padding-right: 0%; } .home .section3 .block_l_l_p { width: 362px; margin: 0 auto; padding-left: 0; padding-right: 0; display: none; } .home .section3 .block_r_l_con { padding-left: 23px; padding-top: 10px; } .home .section3 .block_right .caroufredsel_wrapper { overflow: hidden!important; } .home .section3 .block_r_pos { /* top: 15%; */ left: 47px; right: 47px; } .home .section3 .block_r_right, .home .section3 .block_r_left { float: none; width: auto; height: auto; } .home .section3 .block_l_r_con { padding: 10px 10px 20px 0; } .header { width: 640px; left: -540px; } .header-menu { width: 540px; } .home .section3 .block_l_con { padding-top: 50px; top: 0; } .home .section3 .block_left .s3_s_ele .font_block { top: 18%; } .home .section3 .block_l_l, .home .section3 .block_l_r { width: 100%; } .home .section3 .block_l_r .more { margin: 0 auto 10px; padding: 6px 12px; } .home .section3 .block_l_r .more p { font-size: 20px; } .home .section3 .block_l_r { float: left; } .home .section3 .block_l_l { float: right; } .home .section2 .sec2_small_ele { padding-right: 36px; } .home .section2 .sec2_small_con { padding-left: 79px; } .home .section2 .sec2_slider_wrap { padding-right: 5%; } .home .section2 .sec2_s_con .h { width: auto; } .home .banner_pic { bottom: 0; left: 0px; right: 0; width: auto; height: auto; } .home .home_banner_section .spc_more { margin-bottom: 20px; } .home .item01 .home_banner_section h2 { font-size: 63px; } .home .sy_banner { left: 0px; right: 0; width: auto; } /* */ .inner_nav { display: none; } .page_cell { width: 90%; } #go_top { right: 5%; bottom: 80px; } .home .section_banner .home_banner_prev { left: 0; } .home .section_banner .home_banner_next { right: 0; } .suspend_container div { padding: 10px 10px 10px 0; } .advanced { margin: 30px auto 60px; } .factory_summary { margin-top: 20px; } .factory_summary .container p { font-size: 26px; line-height: 36px; } .other_technological .technological_list { width: 49%; margin: 0 0 2% 1%; } .other_technological .technological_list.first { margin: 0 0 2% 1%; } .download .container ul li { width: 49%; } .other_criterion ul li div { padding: 20px 0 0 20px; } .other_criterion ul li div a.load_more { left: 20px; bottom: 20px; font-size: 24px; } .other_corporate.mature_1 .container .slide ul li a { width: 95%; /* padding: 10px; */ font-size: 16px; color: #10357e; background: url(../images/inve_se01.png) 100% center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .advanced .title { margin: 30px 0 20px; } .advanced .summary p { margin-bottom: 10px; } .application_product .conatiner .swiper-button-prev, .care_container .swiper-button-prev { left: -30px; } .application_product .conatiner .swiper-button-next, .care_container .swiper-button-next { right: -30px; } .additional ul li .slide_con .comb { height: 280px } .wifi ul li { width: 100%; margin: 0 0 2% 0; height: auto; } .wifi ul li div.clearfix { padding: 20px; } .wifi ul li div.clearfix .right { width: 87%; } .summary .left { width: 100%; } .summary .right { width: 54%; float: left; } .advanced .summary .right p { margin-bottom: 0; } .suspend_container { display: none; } .other_technology ul li { width: 48%; } .other_technology ul li.li_firstChild { margin-right: 2%; } .other_service ul li { width: 48%; } .other_service ul li div { padding: 20px; } .other_service ul li div p.links a { width: 47%; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .other_service ul li div p.links a.first { margin-right: 2%; } .maturity .maturity_l { width: 48%; margin: 0 0 2% 2%; } .maturity .maturity_l div.clearfix { padding: 20px 20px 0 20px; } .maturity .maturity_l .font p { font-size: 16px; } .application_platform li p { padding: 20px 84px 20px 20px; } .other_technology ul li a { font-size: 18px; } .support .support_l { width: 48%; } .media_con { display: block; width: 100%; background: #999; padding: 30px 0; } .media_con .page_cell { border-top: 1px dashed #dedede; } .media_con p { padding: 10px 20px; border-bottom: 1px dashed #dedede; background: url('../images/inve_sec02_fff.png') left center no-repeat; } .media_con p a { display: block; font-size: 26px; color: #fff; } .union a.swiper-button-prev { left: 0; } .union a.swiper-button-next { right: 0; } #investor .sec01_con_left, #investor .sec01_con_right { width: 100%; } #investor .sec01_con_r_ele { width: 48%; margin-left: 4%; float: left; } #investor .sec01_con_r_ele:first-child { margin-left: 0; } #investor .sec02_left, #investor .sec02_right { width: 100%; } #investor .sec03_con_ele { width: 48%; } #company_info .sec03_ele, #company_con .sec01_ele { width: 50%; } #company_con .sec01_ele_title .h { font-size: 20px; } #company_con .sec02_con .left, #company_con .sec02_con .right { width: 100%; } #company_con .sec02_con .left_inner { padding-right: 0; } #company_con .sec02_con .left_con p { font-size: 20px; line-height: 30px; } .stock_problem .problem_container li { padding: 20px; } .stock_problem .problem_container li .title { width: 90%; } .stock_problem .problem_container li .slide_con { margin: 20px 0 0 10%; } .stock_problem .problem_container li .title p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .relations .relations_container .relations_l { width: 100%; margin: 1% 0; } #company_activity .sec01_left { display: none; } #company_activity .sec01_right { width: 100%; } #company_activity .annual_report .annual_container .annual_left { display: none; } #company_activity .annual_report .annual_container .annual_right { width: 100%; } #company_activity .historical_financial .historical_f_container table tbody tr td { height: 90px; } .committee .committee_con .committee_left, .new_list .news_left { display: none; } .committee .committee_con .committee_right, .new_list .news_right { width: 100%; } .new_list .container { border-bottom: 0; } .information .container ul li { width: 48%; margin: 0 0 2% 4%; } .contact { width: 100%; margin: 20px 0 0 0; } .humen .container .sum { margin: 30px 0; } .humen .container ul li .font div { padding: 20px 0 0 10px; } .humen .container ul li .font a { left: 10px; bottom: 20px; font-size: 20px; } .train_system .container ul li { width: 47%; } .train_system .container ul li .font p { font-size: 20px; } .train_scene .swiper-container .swiper-pagination { bottom: -1px; } .train_scene .swiper-container .swiper-button-next, .train_scene .swiper-container .swiper-button-prev { margin-top: -59px; } .train_scene .swiper-container .swiper-button-prev { right: 139px; } .train_b .bannerFont { left: 38%; } .welfare .container ul li { width: 48%; } .welfare .container ul li .font div p.t, .life ul li { font-size: 26px; } .welfare .container ul li .font div p.sum, .train_scene .swiper-slide .font p, .social .container p, .other_corporate .swiper-container .swiper-wrapper .swiper-slide ul li a, .other_corporate .swiper-container .swiper-wrapper .swiper-slide div .load_more { font-size: 24px; } .social .container ul li { width: 100%; height: auto; margin: 0 0 3% 0; padding-bottom: 20px; } .social .container p.t { margin-bottom: 10px; } .criterion .container table th p { font-size: 26px; } .criterion .container table td p { font-size: 22px; } .other_criterion ul li { width: 48%; } .other_corporate .swiper-container .swiper-wrapper .swiper-slide div .load_more { bottom: 16px; } .other_corporate .swiper-button-prev { left: -35px; } .other_corporate .swiper-button-next { right: -35px; } /* */ .other_criterion ul li div p, .system .container p, .honor .honor_right ul li div.clearfix p.t, .honor .honor_right ul li.load_more a, .cleaner .cleaner_left div p, .water .container .water_support_sum p { font-size: 26px; } .products .container p, .honor .honor_right ul li div.year p { font-size: 24px; } .other_corporate .swiper-container .swiper-wrapper .swiper-slide ul li a { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .criterion .honer_left, .honor .honor_right { width: 100%; } .system .container p { font-size: 30px; } #company_activity .page_cell .price iframe { height: 1800px; } .honor .honer_left ul li .summary p, .development .container ul li .font div p, .cleaner .cleaner_right div p, .water .container .energy ul.top li, .beneift .container .running .b_title div a { font-size: 24px; } .honor .honer_left ul li .summary p.t, .development .container p, .beneift .container .running .b_title div p { font-size: 28px; } .system .container p, .honor .container, .development .container, .health ul li .font div p, .beneift .container ul li .font div a { margin-top: 20px; } .development .container ul li .font div, .health ul li .font div p { padding: 10px 10px 0 10px; } .development .container ul li { padding-bottom: 10px; } .health .container p, .school .sum .font p, .criterion .container p, .about_quality .container p { font-size: 26px; /* font-size: 28px; */ line-height: 34px; } .beneift .container ul li .font div a { bottom: 20px; font-size: 22px; } .about_summary .container p { font-size: 26px; line-height: 34px; margin-top: 20px; } .train_scene .swiper-slide .font p { margin-top: 0; } .vision .container .worth ul li { width: 48%; } .vision .container .worth ul li div.font div p, .about_risk .standard .standard_list .right p, .about_quality .hover_slide .slide .standard .standard_list .right p, .about_quality .hover_slide .slide .meaning p { font-size: 24px; } #company_info .sec03_e_border .font_pos .h { font-size: 26px; } #company_info .sec03_e_border .font_pos .p_wrap p { font-size: 20px; } .about_risk .standard .standard_list, .about_quality .hover_slide .slide .standard .standard_list { width: 48%; height: 230px; } .about_quality .hover_slide .slide .standard .standard_list .left { font-size: 20px; } .about_quality .hover_slide .slide { font-size: 26px; } .about_quality .hover_slide li>p { font-size: 30px; } .security .promise li { width: 48%; } .security .promise li>div { padding: 10px; } .security .security_sum p, .security .protect p, .security .protect p { font-size: 26px; } .security .promise li div .right p, .security .promise li div .left { font-size: 20px; } .security .protect .authentication .authentication_1>div { padding: 10px; } .security .protect .authentication>div { width: 100%; margin: 0 0 2% 0; } .security .protect .authentication .authentication_1, .security .protect .authentication .authentication_2 { height: auto; } .security .protect .authentication div .right p { font-size: 24px; } .security .protect .authentication div .right p.title { font-size: 26px; } .ohsas .container p a { font-size: 24px; } .environmental_report .swiper-slide .font p a, .security .protect .list_one .data a { font-size: 22px; } .environmental_report .swiper-button-prev { left: -30px; } .environmental_report .swiper-button-next { right: -30px; } .security .protect p.measures { line-height: 36px; } .supplier_management .mechanism p { font-size: 26px; line-height: 34px; } .supplier_notice .page_cell { padding-top: 20px; } .supplier_notice .page_cell table { margin-top: 20px; } .supplier_notice .page_cell table .date { width: 27%; } .supplier_notice .page_cell table select, .supplier_notice .page_cell table p, .supplier_notice .page_cell table tbody tr td p, .supplier_notice .page_cell table tbody tr td p.t, .registration .sec_title .description a { font-size: 20px; } .supplier_notice .page_cell table p { padding: 10px 0; } .supplier_notice .page_cell table tbody tr td p.t { padding: 4px 0; margin-bottom: 0; } .supplier_notice .page_cell table select { text-align: left; padding: 13px 0; } .supplier_notice .page_cell table .date span { margin-left: 0; } .supplier_notice .page_cell table .department { width: 13%; } .supplier_notice .page_cell table .lan { width: 27%; background: url(../images/icon_down.png) 100% center no-repeat; } .supplier_notice .pageButton { bottom: -10px; } .pageButton ul li a { font-size: 20px; } .registration .form div.form_container div.department { width: 100%; margin: 0 0 20px 0; } .registration .form div.form_container p { font-size: 26px; } .registration .form div.form_container div.department a.show { font-size: 22px; } #hidden_content_01 a, #hidden_content_02 a, #hidden_content_03 a, #hidden_content_04 a { font-size: 20px; } .registration .form div.form_container div.company_information { width: 100%; } .registration .form div.form_container div.company_information label, .registration .form div.form_container div.vendor_coding label, .registration .form div.form_container div.submit input { font-size: 24px; } .registration .form div.form_container textarea.introduction, .registration .form div.form_container div.company_information input { width: 100%; padding: 20px 0; text-indent: 1.5em; } .registration .form div.form_container div.notes p { font-size: 22px; } .text_download .download_list>ul.clearfix li { width: 100%; font-size: 24px; } .text_download .download_list>ul.clearfix li.list_1 { border-right: 1px solid #dedede; } .text_download .download_list .container .become .left .list_title p, .text_download .download_list .container .become .right table th p, .text_download .download_list .container .become .right table tbody td p { font-size: 20px; } .text_download .download_list .container .become .left ul li a { font-size: 20px; } .online_platform .page_cell dl { width: 100%; } .online_platform .page_cell dl dt p, .online_platform .page_cell dl dd p { font-size: 24px; } .about_contact .container p { font-size: 26px; line-height: 40px; } .contact_us .contact_address .address li { font-size: 22px; } .contact_us .contact_information .l_name { font-size: 24px; margin-bottom: 10px; } .contact_us .contact_information table tbody tr td p, .contact_us .contact_form form p { font-size: 22px; } .contact_us .contact_form p { font-size: 24px; } .contact_us .contact_form form input { width: 42%; } .contact_us .contact_form form input, .contact_us .contact_form form select, .contact_us .contact_form p.annotation { font-size: 22px; } .contact_us .contact_form form .submit input { width: 49%; box-sizing: border-box; margin: 0; } .contact_us .contact_form form textarea { width: 100%; padding: 20px 0; text-indent: 1.5em; } .analyst .name_list .list_container .swiper-wrapper .swiper-slide .slide_list { width: 32%; } .union .swiper-wrapper .swiper-slide .slide_list { width: 24%; } .mobile_menu { display: block !important; position: fixed; width: 100%; height: 100px; background: #fff; z-index: 99999; left: 0; top: 0; } .mobile_menu .menu_container { position: relative; } .mobile_menu .menu_container .menu_button { width: 100px; height: 100px; float: left; cursor: pointer; position: relative; } .mobile_menu .menu_container .menu_button .icon { width: 36px; /* width: 50px; */ height: 4px; background: #333; border-radius: 2px; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -18px; transition-duration: 0.5s; } .mobile_menu .menu_container .menu_button .icon:after, .mobile_menu .menu_container .menu_button .icon:before { width: 36px; height: 4px; background: #333; border-radius: 2px; content: ""; position: absolute; left: 50%; margin-left: -18px; transition-duration: 0.5s; } .mobile_menu .menu_container .menu_button .icon:after { top: 11px; /* top: 16px; */ } .mobile_menu .menu_container .menu_button .icon:before { top: -11px; } .mobile_menu .menu_container .menu_button.active { background: #10357e; } .mobile_menu .menu_container .menu_button.active .icon { width: 0; margin: 0; } .mobile_menu .menu_container .menu_button.active .icon:after { transform: translateY(-12px) rotate(-45deg); /* transform: translateY(-20px) rotate(-45deg); */ background: #fff; } .mobile_menu .menu_container .menu_button.active .icon:before { transform: translateY(10px) rotate(45deg); /* transform: translateY(11px) rotate(45deg); */ background: #fff; } .mobile_menu .menu_container .lan { width: 100px; height: 100px; line-height: 100px; float: left; text-align: center; position: relative; background: url('../images/search01.png') center no-repeat #fff; } .mobile_menu .menu_container .lan.active { background: url('../images/search01_active.png') center no-repeat #10357e; } .mobile_menu .menu_container .lan .lan_slide { width: 200px; position: absolute; top: 100px; left: 0; background: #10357e; display: none; } .mobile_menu .menu_container .lan .lan_slide p { /* padding: 36px 0; */ font-size: 30px; text-align: center; border-bottom: 1px solid #dedede; } .mobile_menu .menu_container .lan .lan_slide p:last-child { border-bottom: 0; } .mobile_menu .menu_container .lan .lan_slide p a { color: #fff; } .mobile_menu .menu_container .search { width: 100px; height: 100px; float: left; background: url('../images/search02.png') center no-repeat; background-size: 40px; } .mobile_menu .menu_container .search form { width: 100%; height: 100px; background: #fff; position: absolute; top: 0; left: 0; vertical-align: middle; display: none; } .mobile_menu .menu_container .search form input[type="text"] { width: 80%; border: 1px solid #dedede; background: transparent; border-radius: 10px; line-height: 60px; margin: 20px 0 0 5%; font-size: 30px; color: #666; } .mobile_menu .menu_container .search form input[type="submit"] { width: 50px; height: 50px; background: url('../images/search02.png') center no-repeat transparent; border: 0; position: absolute; left: 85%; top: 50%; margin: -25px 0 0 -50px; } .mobile_menu .menu_container .search button { display: block; width: 32px; height: 32px; background: transparent; border: 0; position: absolute; right: 5%; top: 50%; margin-top: -16px; background: url('../images/x.png') center no-repeat; z-index: 5; display: none; } .mobile_menu .menu_container .mobile_logo { width: 260px; line-height: 100px; float: right; margin-right: 5%; } .mobile_menu .menu_container .mobile_logo img { width: 100%; vertical-align: middle; } .mobile_menu .menu_list { position: fixed; top: 100px; left: 100%; /* left: 0; */ width: 100%; /* height: 100%; */ background: #10357e; word-break: break-all; z-index: 6666; } .mobile_menu .menu_list .first_child>li { padding: 20px 5%; /* padding: 34px 5%; */ border-bottom: 1px solid #dedede; background: url(../images/mobile_right.png) 95% center no-repeat; } .mobile_menu .menu_list .first_child>li>a { color: #fff; font-size: 30px; font-weight: bold; } .mobile_menu .menu_list .second_child { position: fixed; top: 0; /* top: 100px; */ left: 100%; /* left: 0; */ width: 100%; height: 100%; background: #0b2c6c; overflow-y: auto; } .mobile_menu .menu_list .second_child>li { padding: 20px 0; /* padding: 40px 0; */ border-bottom: 1px solid #dedede; background: url('../images/mobile_right.png') 95% 26px no-repeat; /* background: url('../images/mobile_right.png') 95% 50px no-repeat; */ } .mobile_menu .menu_list .second_child>li>a { padding: 0 5%; color: #fff; font-size: 30px; } .mobile_menu .menu_list .second_child .upper { background: url('../images/mobile_left_big.png') 5% center no-repeat #10357e; font-size: 36px; text-align: center; border-bottom: 0; padding: 30px 5%; /* padding: 50px 5%; */ } .mobile_menu .menu_list .second_child>li.active { background: url('../images/mobile_down.png') 95% 26px no-repeat #08255e; /* background: url('../images/mobile_down.png') 95% 50px no-repeat #08255e; */ border-bottom: 0; } .mobile_menu .menu_list .second_child>li.active .third_child { border-top: 1px solid #dedede; } .mobile_menu .menu_list .third_child { display: none; padding: 0 5%; margin-top: 40px; } .mobile_menu .menu_list .third_child>li { padding: 14px 20px; /* padding: 26px 20px; */ border-bottom: 1px solid #dedede; background: url('../images/mobile_down_s.png') 100% 25px no-repeat; /* background: url('../images/mobile_down_s.png') 100% 36px no-repeat; */ } .mobile_menu .menu_list .third_child>li>a { color: #829dd4; font-size: 28px; } .mobile_menu .menu_list .third_child>li.active { border-bottom: 0; background: url('../images/mobile_down_white.png') 100% 25px no-repeat; /* background: url('../images/mobile_down_white.png') 100% 36px no-repeat; */ } .mobile_menu .menu_list .third_child>li.active a { color: #fff; } .mobile_menu .menu_list .third_child>li.active .last-child { margin-top: 30px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .mobile_menu .menu_list .last-child { display: none; padding: 0 20px; } .mobile_menu .menu_list .last-child li { border-bottom: 1px solid #dedede; padding: 18px 24px; } .mobile_menu .menu_list .last-child li:last-child { border-bottom: 0; } .mobile_menu .menu_list .last-child li a { font-size: 24px; color: #fff; } .backgroundNone { background: none !important; } /* 手机版首页 */ .home .sy_banner, .home .home_logo { display: none; } .animate_wrap.animate_section { bottom: 110px; animation: 2s ease 0s normal none infinite running down_btn_mobile; } @keyframes down_btn_mobile { /* */ 0%, 100% { bottom: 110px; opacity: 1; } 50% { bottom: 100px; opacity: 0.5; } } .mobile_banner { display: block; position: relative; } .mobile_banner.swiper-button-prev, .mobile_banner.swiper-button-next { width: 48px; height: 48px; position: absolute; top: 50%; margin-top: -24px; cursor: pointer; } .mobile_banner .swiper-button-prev { left: 10px; background: url(../images/home_banner_prev.png) center no-repeat; } .mobile_banner .swiper-button-next { right: 10px; background: url(../images/home_banner_next.png) center no-repeat; } .mobile_banner, .mobile_banner .swiper-container { width: 100%; height: 100%; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide { width: 100%; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .pic { width: 100%; height: 100%; /* height: 430px; */ /* margin-top: 100px; */ overflow: hidden; background: #fff; position: relative; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .pic img.model_img { display: block; /* width: 750px; */ /* height: 430px; */ width: 1920px; /* height: 100%; */ position: absolute; /* top: 0; */ bottom: 0; left: 50%; margin-left: -960px; max-width: 100000%; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .pic img.bg_top { display: block; position: absolute; width: 50%; top: 100px; left: 0; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .pic img.bg_bottom { display: block; position: absolute; width: 50%; bottom: 0; right: 0; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .font { width: 100%; position: absolute; top: 35%; /* height: 63%; */ /* padding-top: 10px; */ /* height: 54%; */ /* background: url('../images/mobile_banner_bg.jpg') top center no-repeat #fff; */ } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .font p { text-align: center; color: #10357e; padding: 0 5%; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .font p.t { /* font-size: 70px; line-height: 100px; */ /* line-height: 150px; */ font-size: 40px; line-height: 70px; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .font .sum { font-size: 24px; line-height: 32px; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .font p.link { margin-top: 20px; } .mobile_banner .swiper-container .swiper-wrapper .swiper-slide .font p a { display: inline-block; width: 25%; padding: 10px 16px; /* padding: 20px 29px; */ background: url('../images/inve_sec02_more_000.png') 90% center no-repeat; border: 1px solid #000; font-size: 20px; color: #333; text-align: left; margin: 0 10px 10px 0; } .home .section2 .sec2_s_con .h p { font-size: 30px; } .home .section2 .sec2_s_con .time p { font-size: 24px; } .home .section2 .con_detail .con_p { width: 100%; margin-top: 20px; } .home .section2 .con_detail .con_p p { font-size: 28px; } .home .section1 .banner_pic .icon_font p { font-size: 20px; } .videoboxw { width: 100%; height: auto; } /* */ .home .section3 .block_l_l .product_l { display: block !important; /* width: 60%; */ width: 40%; margin: 0 auto; } .home .section3 .block_l_l .swiper-container { width: 100%; } .home .section3 .block_l_l .swiper-container .swiper-slide { position: relative; } .home .section3 .block_l_l .swiper-container .swiper-slide .font { position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding-top: 30%; } .home .section3 .block_l_l .swiper-container .swiper-slide .font p.t a { font-size: 34px; color: #fff; } .home .section3 .block_l_l .swiper-container .swiper-slide .font a.load_more { display: inline-block; width: 50px; height: 50px; background: url(../images/h_sec02_link.png) center no-repeat; margin-top: 30px; } .home .section3 .block_right .title p { font-size: 40px; } .home .section3 .block_r_l_con p { font-size: 24px; } .home .section3 .block_r_left .more { padding: 6px 12px; } .home .section3 .block_r_left .more p { font-size: 20px; } .home .section3 .block_r_r_padd { display: none; } .home .section3 .block_r_right .product_r { display: block; width: 40%; /* width: 50%; */ /* width: 60%; */ margin: 10px auto; } .home .section3 .block_r_right .product_r .swiper-slide { position: relative; } .home .section3 .block_r_right .product_r .swiper-slide .font { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; /* padding-top: 30%; */ } .home .section3 .block_r_right .product_r .swiper-slide .font p.t a { /* font-size: 34px; */ font-size: 26px; color: #333; } .home .section3 .block_r_right .product_r .swiper-slide .font a.load_more { display: none; /* width: 50px; height: 50px; background: url(../images/h_sec02_link_000.png) center no-repeat; margin-top: 30px; */ } .home .sectinon3-con .block_btn { left: 75%; top: 91%; width: 90px; height: 90px; margin-left: -45px; } .home .sectinon3-con .block_btn_ele p { padding-top: 14px; } .home .sectinon3-con .block_right { top: -100px; right: 0; } .home .sectinon3-con .block_left { left: 50%; top: 91%; } .home .sec3_scroll_wrap { top: 3%; } .animate_wrap.animate_product { display: none; bottom: 140px; animation: 2s ease 0s normal none infinite running down_btn_product; } @keyframes down_btn_product { /* */ 0%, 100% { bottom: 140px; opacity: 1; } 50% { bottom: 130px; opacity: 0.5; } } .home .section4 .sec_l_con p { font-size: 24px; } .home .section4 .sectinon4_l_con .more { display: inline-block; vertical-align: top; float: right; } .home .section4 .sectinon4_l_con .sec4_icon { padding-top: 0; } /* .home .section4 .f_b_bor{ height: 200px; } */ .home .section4 .f_b_img { height: 110px; } .home .section6, .footer .footer-top { display: none; } .footer .footer_b_left, .footer .footer_b_right { float: none; } .footer .footer-bottom p { text-align: center; line-height: 30px; } .footer .footer-bottom p a { font-size: 24px; } .sidemapblock .sitemapbox .sitemap_b>li { width: 100%; margin-left: 0 !important; } .margin_zero { margin-left: 0 !important; } .sidemapblock .sitemapbox .sitemap_b>li>a { font-size: 26px; padding: 6px 0; } .sidemapblock .sitemapbox .sitemap_c>li>a { font-size: 24px; } .sidemapblock .sitemapbox .sitemap_a>li>a { font-size: 28px; } .sitemap_e { width: 100% !important; margin-left: 0 !important; } .sidemapblock .sitemapbox.site-fl { width: 100%; } .sidemapblock .sitemapbox .sitemap_c>li>a { padding: 10px 0 10px 20px; background: url('../images/inve_se01.png') left 22px no-repeat; } .sitemap_z { /* min-height: 230px; */ } .animate_wrap.section5_wrap { display: none !important; } .section5_footer { display: block; height: auto; position: absolute; bottom: 0; } .home .section5 .sec05_right { height: 100px; } .home .section5 .sec05_r_ele { width: 33%; float: left; height: 100%; border-left: 1px solid #b8baba; } .home .section5 .sec05_r_ele:first-child { border-left: 0; } .home .section5 .sec05_r_e_tCell { padding-left: 10px; } .home .section5 .sec05_r_e_tCell p { font-size: 24px; padding-left: 46px; background-size: 32px !important; } .home .section5 .sec05_r_e_border .sec05_r_e_pos { border-bottom: 0; } .home .section5 .sec05_r_border { border-bottom: 1px solid #b8baba; box-sizing: border-box; } .home .section5 .sec05_l_inner { padding-top: 20%; /* padding-top: 28%; */ } .home .section5 .se5_con .h_p .p1 { font-size: 24px; } .home .section5 .se5_con .h_p .p2 { font-size: 26px; } .home .section4 .f_b_ele { width: 20%; } .home .section4 .f_b_ele_left .f_b_bor { border-right: 0; box-sizing: border-box; } .home .section4 .f_b_bor, .home .section4 .f_b_ele_bottom .f_b_bor { border-bottom: 0; } .home .section4 .f_b_bor { height: 190px; } .home .section4 .s4_slider_block { border-bottom: 1px solid #a1a4aa; } .home .section4 .f_b_ele:last-child .f_b_bor { border-right: 1px solid #a1a4aa; } .home .section4 .f_b_ele:first-child, .home .section4 .f_b_ele:nth-child(3) { /* margin-left: 13%; */ } .inner_ban { margin-top: 100px; } .new_read .container .date ul li a.printing { display: none; } .videobox .close { top: 30%; } .videobox #control { margin-top: 60%; } .home .section3 .block_l_r_title p { font-size: 40px; } .home .section5 .se5_title { padding-bottom: 50px; } .advanced .choose table p { min-height: 60px; } .application_product .swiper-container .swiper-wrapper .swiper-slide { width: 30%; } #company_info .common_content .p_detail p { font-size: 24px; line-height: 32px; } .one_top .slide_1 { height: auto; width: 100%; margin: 2% 0; } .online .container .include ul li { width: 48%; } .factory_summary ul li div.font div { padding: 10px; } .other_criterion ul li { height: 180px; } .lot_list { width: 100% !important; margin-left: 0 !important; margin: 0 0 4% 0; } #investor .s03_l_title .h { font-size: 20px; max-height: 50px; overflow: hidden; } .statutory .statutory_container iframe { height: 7200px; } /* 2018-08-17 */ .yearSelect { display: block; } #company_con .sec01_ele { width: 50%; } #company_con .sec05_ele { width: 50%; } #company_con .sec05_ele_half { width: 100%; } }