* { margin: 0; padding: 0; } body { box-sizing: border-box; font-family: Microsoft YaHei; } body * { box-sizing: border-box; } ul { text-decoration: none; list-style: none; } .swiper-button-lock{ display: inline-block !important; } .swiper-button-next:focus, .swiper-button-prev:focus { outline: none; } a { cursor: pointer; transition: all 0.5s ease; } .h4, .h5, .h6, h4, h5, h6 { margin: 0; } .fl .epr_ing_div,.fl .t_lang_text_info{ padding: 0 13% !important; } /*椤堕儴涓嫳鏂?/ .change_y{ display: fixed; line-height: normal; margin-left: 74px !important; } .change_y a{ display: inline-block; width: 40px; height: 40px; text-align: center; font-weight: bold; cursor: pointer; } .change_this{ background: #009656; border-radius: 50%; line-height: 40px; color: white !important; } .line_x{ display: inline-block; width: 20px !important; text-align: center; font-weight: bold; } .change_y a:hover{ background: #009656; border-radius: 50%; line-height: 40px; } /*椤堕儴鍙嬫儏閾炬帴*/ .change_e_new{ width: 120px; height: 37px; display: flex; padding: 0 !important; line-height: 37px !important; /*background: rgba(255, 255, 255, 0.75);*/ background: #009656; border-radius: 19px; text-align: center; } .change_e_new .change_e_all a{ font-family: Microsoft YaHei; font-weight: 400; color: #333333 !important; font-size: 14px; text-align: center; } .jt_img{ width: 13px !important; margin-left: 5px; } .yq_link{ font-size: 14px; margin: 0 auto; } /*end*/ .zhe_mu { display: none; position: absolute; left: 0; top: 0; z-index: 99; background-color: #000000; opacity: 0.7; width: 100%; } .zhe_info { position: fixed; right: 0px; /* transform: translate(0, -21%); */ z-index: 999; display: none; top: 0; height: 100%; background-color: white; } .Technology_zhe { /* max-height: 400px; */ } .Service_li_center_info { position: relative; z-index: 999; background-color: white; max-width: 810px; } .Service_li_center_info_all img { /*max-height: 448px;*/ max-width: 100%; width: 100%; max-height: 448px; } .Service_li_center_info_text h5 { /* height: 35px; */ font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 24px; /* overflow: hidden; */ } .Service_li_center_info_text1 { margin-top: 20px; } .Service_li_center_info_text { /* overflow-y: scroll; */ padding: 45px 20px; width: 90%; margin: 0 auto; } .zhe_info_close_all { position: relative; } .zhe_info_close { position: absolute; right: 0; top: 0; } /*鍏叡椤堕儴瀵艰埅*/ .pc_header { width: 100%; background-color: transparent; position: fixed; top: 0; left: 0; z-index: 999; } .content-width { max-width: 1460px; padding: 0 20px; width: 100%; min-width: 1200px; margin: auto; } .pc_hearder_all { width: 100%; margin: 10px auto 7px; display: flex; justify-content: space-between; height: 72px; align-items: center; position: relative; } .pc_hearder_ul { display: flex; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; width: auto; margin: 0; height: 72px; padding: 0; display: flex; justify-content: left; align-items: center; } .pc_hearder_ul li { margin: 0 0px; padding: 5px 28px; box-sizing: border-box; line-height: 72px; position: relative; } .pc_hearder_all img { width: 119px; } .bgimg { width: 100%; height: 100%; transition: 1s 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); background-size: cover; background-position: center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } a:hover, a:focus { text-decoration: none; } .pc_hearder_ul a { color: white; font-family: Microsoft YaHei; font-weight: bold; } .pc_hearder_ul .zn_li:hover .h_a { color: #009656 !important; } .pc_hearder_ul .zn_li:hover { border-bottom: 4px solid #009656; } .zn_hs { background-image: url("../images/banner_active.png"); background-repeat: no-repeat; width: 100%; height: 65px; position: fixed; /* min-width: 1920px; */ left: 0; margin-top: 8px; display: none; transition: all 0.4s ease 0s; justify-content: center; z-index: 999; } .zn_hs li { padding: 0px 28px; } .zn_hs ul { display: flex; text-align: center; position: absolute; left: 36%; } .zn_hs li a { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #F2F2F2 !important; } .zn_hs li:hover a { color: white !important; } .zn_hs li:hover { border: none !important; } .zn_li:hover .zn_hs { display: flex; transition: all 0.4s ease 0s; } .container { width: 1440px; margin-left: auto; margin-right: auto; } .con_all { width: 100%; margin: 0 auto; max-width: 1440px; /* min-width: 1200px; */ } ul { margin-bottom: 0px; } .fwl-link .fwl-link_info { max-height: 315px; overflow-y: scroll !important; } ::-webkit-scrollbar { width: 0; } /*搴曢儴*/ .footer { margin-top: 80px; width: 100%; /* background: no-repeat 100% 100%; */ background-repeat: no-repeat; background-size: 100% 100%; /* min-height: 625px; */ height: auto; } .footer_all { width: 100%; box-sizing: border-box; /* padding: 116px 0 44px; */ /* padding: 116px 0 0; */ max-width: 1460px; min-width: 1200px; padding: 0 28px; } .footer_all_top { width: 93%; display: flex; justify-content: space-between; padding: 80px 0px 70px 0; } .footer_all_top_left { display: flex; /*width: 65%;*/ justify-content: space-between; } .footer_all_top_left_all { /*margin-right: 75px;*/ } .footer_all_top_left_all p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; margin: 0 auto; /* line-height: 30px; */ } .footer_all_top_left_all p a { color: #FFFFFF; font-weight: bold; } .footer_all_top_left_div { margin-top: 20px; } .footer_all_top_left_div a { display: block; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #B1B1B1; line-height: 36px; } .footer_all_top_right img { width: 136px; height: 82px; margin-top: 2px; } .footer_all_top_right_div { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #B1B1B1; line-height: 36px; } .footer_all_top_right { width: 346px; } .news_t { font-size: 18px !important; color: #FFFFFF !important; } .footer_all_top_right_i { display: flex; justify-content: space-between; margin-top: 24px; } .footer_all_top_right_i img { width: 58px; height: 58px; display: block; } .footer_all_bottom { display: flex; justify-content: space-between; border-top: 1px dotted #B1B1B1; font-family: Microsoft YaHei; font-weight: 400; font-size: 14px; line-height: 88px; color: #B1B1B1; /* padding: 44px 0; */ /*height: 102px;*/ } .footer_all_bottom a { color: #B1B1B1; } .footer_all_bottom_img { width: 100%; height: 1px; background-size: 100% 100%; background-repeat: no-repeat; } .footer_all_bottom ul { display: flex; justify-content: space-between; width: 26%; } .block_sj { display: none; /* background: rgba(255, 255, 255); */ background-color: transparent; height: 59px; line-height: 59px; position: fixed; top: 0; z-index: 99; width: 100%; display: flex; justify-content: space-between; padding: 0 23px; display: none; box-sizing: border-box; } .block_sj_img img { /* width: 52px; */ height: 48px; } .m_menu_box { display: block; width: 100%; height: 100%; position: fixed; top: 0; right: -100%; /* background: rgba(0, 0, 0, 0); */ background-color: white; z-index: 10; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; opacity: 0; visibility: hidden; overflow: auto; padding-top: 80px; } .menu_head { position: fixed; top: 0; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; height: 62px; line-height: 62px; box-sizing: border-box; background: #fff; z-index: 5; /* box-shadow: 0 4px 12px rgba(74, 74, 74, .1); */ } .close_nav img { width: 18px; } .menu_right { display: flex; justify-content: space-between; align-items: center; width: 96%; margin: 0 auto; } .m_nav_ul li a { width: 25%; font-size: 15px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; display: block; /* width: 92%; margin: 0 auto; */ } .get_more_close { /* display: none; */ width: 14px !important; height: 2px !important; } .get_more img, .get_more_close_a img { width: 14px; height: 14px; } .get_more, .get_more_close_a { width: 80%; text-align: right; height: 100%; } .get_more_close_a { display: none; } .have_info_t { display: flex; justify-content: space-between; } .recovery_info_list { display: none; } .recovery_info_list a { display: block !important; color: #555555 !important; font-size: 1.28rem !important; width: 100% !important; } .m_nav_ul li { border-bottom: 1px solid #E6E6E6; padding: 0 8px; } .block_sj_img, .m_r_show { position: relative; } .block_sj_img_logo2 { width: 25px; /* height: 42px; */ } .footer_c_m { display: none; } p { margin: 0; } .m_nav_box { width: 90%; margin: -21px auto 0; } .sj_sy { display: none; } .change_e:hover .change_e_all { display: block; } .change_e_all { display: none; background-image: url('../images/change_e.png'); background-size: 100%; background-repeat: no-repeat; width: 171px; /*height: 154px;*/ position: absolute; /*transform: translate(-62px, -16px);*/ left: -30px; top: 38px; padding: 17px 0 14px; } .change_e_all img { width: 35px; height: 23px; /* margin-right: 13px; */ margin: 0 8px 0 9px; } .change_e_all span { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; } .e_hover{ width: auto !important; height: auto !important; left: -109px !important; } .change_e_all a { display: block; /*padding: 0;*/ width: 65%; /* margin: 19px auto -10px; */ margin: 0 auto; /*line-height: 51px;*/ cursor: pointer; border-bottom: 1px solid #E7E7E7; padding:5px 0; background: white; border-radius: 10px; width: 88%; } .change_e_all a:last-child { /*border-bottom: 2px dotted black;*/ border:none; } .change_e_all a:first-child{ } /*.change_e_all a:nth-child(2) {*/ /* width: 67%;*/ /* margin-top: 5px;*/ /*}*/ .Banner-container { /* height: 100vh; */ min-height: 400px; max-height: 1600px; width: 100%; position: relative; } .banner_img { width: 100%; height: 100%; /* background: no-repeat center/cover; */ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; /* opacity: 0.9; */ background: no-repeat center/cover; } .banner_img_text { position: absolute; width: 94%; color: #fff; text-align: left; top: 50%; left: 50%; line-height: 1.6; transform: translate(-50%, -50%); z-index: 4; text-align: center; font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; } .banner_all { height: 550px !important; } a { text-decoration: none; } .news_event_list_o_img { max-width: 100%; transition: 0.5s; } .news_event_list_o:hover .news_event_list_o_img { transition: 0.5s; transform: scale(1.09); } .news_event_list_o { transition: all 0.5s ease; } /* .news_event_list_o:hover { box-shadow: 0 5px 25px rgba(17, 41, 128, 0.5); transform: translateY(-10px); transition: all 0.5s ease; } */ /*鏈夊涓爣绛剧殑*/ .pet_back { background-image: url('../images/factory/list_back.png'); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 100%; height: 80px; /* min-height: 80px; */ bottom: 0; } .pet_back_ul { display: flex; justify-content: center; width: 80%; margin: 0 auto; /* line-height: 80px; */ text-align: center; padding: 30px 0; } .pet_back_ul li { width: 236px; text-align: center; border-right: 1px solid #BFBFBF; } .pet_back_ul a { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #222222; display: block; cursor: pointer; width: 100%; font-weight: bold; } .pec_active a { color: #027745 !important; } .epr_ing_div { display: table-cell; vertical-align: middle; } /*宸﹀浘鍙虫枃瀛楃殑鏍峰紡*/ .responsibility_body_c { margin-top: 80px; } .responsibility_body_top_2 li:hover { box-shadow: 0 5px 25px rgba(53, 75, 57, 0.2); transform: translateY(-10px); transition: all 0.5s ease; } .fwl-list { width: 100%; margin: 0 auto; display: block; } .fwl-list li { /* display: block; */ list-style: none; overflow: hidden; background-color: #F7F7F7; /* margin-bottom: 36px; */ padding: 0; } .fade-right .ovfh { /* overflow: hidden; display: flex; justify-content: space-between; align-items: center; */ /* display: flex; */ } .fwl-tuk, .fwl-link { display: block; width: 50%; position: relative; /* overflow: hidden; */ } .fr { float: right; } .fl { float: left; } .fwl-link { display: flex; justify-content: center; align-items: center; flex-direction: column; /* height: 400px; */ /* padding-top: 117px; */ /* padding-left: 90px; */ max-width: 100%; /* overflow: hidden; */ } .fwl_link_fr { /* padding: 129px 94px 0 259px; */ /* padding: 6% 0% 0 10%; */ /* padding: 6% 5% 0 10%; */ } .fwl-tuk img { width: 100%; } .fwl-link h5 { font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #009656; line-height: 32px; width: 90%; } .fwl-link_info { /* margin-top: 42px; */ } .fwl-link p { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 32px; width: 597px; margin-bottom: 10px; max-width: 100% !important; overflow: hidden; } .fwl-list li:hover .in-protu { transition: 0.5s; transform: scale(1.09); } /*鏍囬*/ .responsibility_body_f { width: 100%; position: relative; } .responsibility_body_f_title { padding: 80px 28px; font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; line-height: 24px; max-width: 1440px; margin: 0 auto; } .in-protu { transition: all 0.4s ease 0s; } .wrap-mask { height: 100%; width: 100%; background: rgba(0, 0, 0, .2); } /*鍔犺浇鏇村*/ .news_body_get_more img { width: 25px; height: 32px; } .news_body_get_more { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; line-height: 32px; text-align: center; margin-top: 30px; position: absolute; left: 50%; } .h1, .h2, .h3, h1, h2, h3 { margin: 0; } .miao_s_bf_all { position: relative; } .miao_s_bf { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .miao_s_video { /* max-height: 500px; */ max-width: 100%; object-fit: fill; } .container1 { max-width: 1440px; margin-left: auto; margin-right: auto; } /*pc 绉诲姩绔 闅愯棌鍒囨崲*/ .pc-box { display: inline-block; } .sj-box { display: none; } .epr_ing_div { padding-top: 74px; } .img_in { overflow: hidden; max-width: 100%; } /*鍙充晶鎮诞妗?/ /*鐣欒█妗?/ .liu_y{ display: none; position: fixed; top:53%; left: 50%; transform: translate(-50%,-50%); width: 30%; background-color:#F5F5F5; min-height: 700px; z-index: 999; padding-bottom: 50px; } .liu_y_all{ padding: 0 45px; } .liu_top{ width: 100%; background-color: #009656; padding: 20px 45px; justify-content: space-between; display: flex; align-items: center; font-weight: 400; color: #FFFFFF; font-size: 19px; } .l_close{ width: 20px; } .liu_form{ margin-top: 6px; } .liu_f_one_p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin: 20px 0 20px; /*line-height: 52px;*/ } .liu_f_input{ height: 50px; line-height: 50px; background: #FFFFFF; border-radius: 27px; width: 100%; padding: 0 26px; border: none; } .sub_btn{ width: 100%; } .sub_btn button{ font-size: 16px; width: 100%; height: 50px; line-height: 50px; color: white; text-align: center; background: #009656; border-radius: 27px; border: none; margin-top: 40px; } /*.liu_f_one{*/ /* margin-top: 29px;*/ /*}*/ .liu_f_text{ width: 100%; height: 100px; padding: 21px 29px; border: none; } .float_right_d { position: fixed; right: 4px; top: 50%; z-index: 99; } .fl_one { width: 60px; height: 60px; background: #FFFFFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12); text-align: center; line-height: 60px; margin-bottom: 5px; position: relative; } .fl_hover { display: none; position: absolute; top: 0; left: -245px; background-repeat: no-repeat; background-size: 100% 100%; width: 241px; height: 60px; /* background-color: #009958; */ color: white; line-height: 60px; text-align: center; } .rmenu_i1_a { display: none; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 1 !important; pointer-events: auto !important; } .Service_li_center_info_text1{ max-height: 400px; overflow-y: scroll; } .f_le img{ max-width: 201px; } .f_fp{ color: white; font-size: 19px; font-family: Microsoft YaHei; font-weight: 400; margin: 0 auto 16px; font-weight: bold; } .er_foot{ text-align: center; color: #999999; line-height: 36px; } .pc_fm_img{ width: 100%; min-height:448px ; background: no-repeat center/cover; } @media(min-width:1024px) { .Service_li_center_info_text{ line-height: 30px; } .zhe_info{ max-width: 40%; } .Service_li_center_info_text h5{ line-height: 37px; } .fl_one_h:hover { background-color: #009958 !important; } .fl_one_h:hover .fl_hover, .fl_one_h:hover .rmenu_i1_a { display: inline-block; } .fl_one_h:hover .rmenu_i1 { display: none; } .no_footer { margin-top: 0; } .container1 { padding: 0 35px; } .center_img { width: 100%; height: auto; opacity: 0; } .t_lang_text_info, .epr_ing_div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0 13%; display: flex !important; justify-content: center; align-items: flex-start; flex-direction: column; } .fwl-link h5 { margin-bottom: 21px; } } @media(min-width:1800px) { .fade-left .t_lang_text_info, .fade-left .epr_ing_div { padding: 0 60px 0 260px; } } @media(min-width:1600px) { .institution_li_left .epr_ing_div { /* transform: translate(0, 30%); */ } .epr_ing_div, .fwl-link .fwl-link_info { /* max-width: 720px; min-width: 720px; */ /* margin: 0 auto; */ display: block; /* padding-left: 55px; */ } .fade-left .epr_ing_div, .fade-left .fwl-link_info { float: right; } } @media (min-width:1024px) and (max-width: 1350px) { .pc_hearder_ul li{ padding: 5px 10px; /*line-height: normal;*/ } .pc_hearder_ul a{ font-size: 14px; } .change_y span{ width: 30px; height: 30px; } .change_this{ line-height: 30px; } .jt_img{ width: 15px!important; height: auto !important; } } @media (min-width:1024px) and (max-width: 1500px) { .epr_ing_div, .fwl-link .fwl-link_info { max-width: 720px; min-width: 600px; margin: 0 auto; /* padding-left: 55px; */ } .pollute .fwl-link .fwl-link_info { padding-left: 0; } .fade-left .epr_ing_div, .fade-left .fwl-link_info { float: right; } .fade-right .epr_ing_div { float: left; } } @media(min-width:1024px) and (max-width:1440px) { .epr_ing_div { padding-left: 5%; padding-top: 4%; } } @media only screen and (max-width: 1280px) { .container { width: 94%; margin-left: 3%; margin-right: 3%; } } @media (max-width: 1024px) { .f_next{ top: 3.5% !important; } .pc_fm_img{ width: 300px; min-height: 224px; } .fl .epr_ing_div, .fl .t_lang_text_info{ padding: 0 !important; } .f_ra p{ height: auto !important; } .m_re_show{ width: 30px !important; height: 30px !important; } .get_more_h img{ width: 52px !important; height: 52px !important; max-width: 70px; } .pc-box { display: none; } .sj-box { display: inline-block; } .fwl-link h5 { margin-bottom: 31px; } .block_pc{display:none} } @media (max-width: 768px) { .footer { margin-top: 50px; } .fwl-link h5 { margin-bottom: 0; } .center_img { display: none; } .ovfh { display: block; } .epr_ing_div { padding-top: 0; } .pet_back { display: none; } .Banner-container { /* height: 74vh !important; */ min-height: auto; } .banner_all { height: 33vh !important; } .banner_img_text { font-size: 21px; } /*鎵嬫満绔《閮?/ .pc_hearder_all { display: none; } .block_sj { display: flex; } /*搴曢儴*/ .footer_all_top_left { display: none; } .footer_all { width: 100%; max-width: 100%; min-width: 100%; padding: 0 4%; } .f_le{ /*text-align: center;*/ } .f_le img{ width: 100px; } .footer_all_top_right{ margin: 20px 0; } .er_foot{ text-align: center; color: #999999; line-height: 30px; } .f_fp{ color: white; } .footer_all_top { padding: 40px 0px 30px 0; box-sizing: border-box; display: block; } .footer_all_top_right img { margin-bottom: 18px; margin-top: 0; height: 65px; width: auto; } .footer_all_bottom { width: 100%; margin: 0 auto; display: block; font-size: 12px; height: auto; line-height: 30px; } .footer_all_bottom ul { width: 100%; margin-top: 14px; } .footer_all_top_right_div { font-size: 15px; line-height: normal; } .footer_all_top_right_div p { line-height: 30px; } .footer_c_m { display: block; padding-bottom: 23px; text-align: center; } .footer_c_p { display: none; } .footer_all_top_right_i img { width: 45px; height: 45px; } .content-width { min-width: 100px; } .block_pc{display:none} } @media (min-width: 1024px)and (max-width:1280px) { .pc_hearder_all { height: 24px; } .pc_hearder_all img { height: 37px; width: auto; } .banner_all { height: 510px !important; } .content-width { width: 100%; max-width: 100%; min-width: 100%; padding: 0 30px; } .con_all { max-width: 1359px; } .fwl-link { padding: 3%; } .fwl_link_fr { padding: 2%; } .footer_all_bottom { padding: 0 4%; } .footer_all_top_left_all { margin-right: 54px; } .zn_hs ul { left: 0; position: static; } .responsibility_body_c { margin-top: 50px; } }