*{margin:0;padding:0;list-style:none} body{font-family:Microsoft YaHei;} a{text-decoration:none;color:#444} .flex{display: flex;} .header_box{background:#fff} .color-007EAC{color:#007EAC} .bg-007EAC{background:#007EAC} .header{max-width:1200px;margin:0 auto} .header_top{display:flex;justify-content: flex-end;border-bottom:1px dashed rgba(255,255,255,0.15);border-color:#E9E9E9} .header_top_tips,.header_top_contact,.header_top_language{font-size:14px;font-weight:400;color:#007EAC;padding:10px 10px;cursor:pointer} .header_top_tips a,.header_top_contact a,.header_top_language a{color:#007EAC} .header_top_language{cursor:pointer} .header_top_tips{float:left} .header_top_right{float:right;display:flex;align-items:center;justify-content:center} .dot{font-style:inherit;font-weight:inherit;color:#007EAC;padding:0 10px} .choose_language{padding:10px 0;position:relative} .header_bottom{display:flex;justify-content:space-between;align-items:center;z-index:999} .menu{min-width:565px} .menu>li{display:inline-block;padding:30px 0} .menu>li>a{color:#007EAC;padding:30px 20px} .menu>li>a:hover{font-weight:bold} .search{padding:0;cursor:pointer} .search span{padding:10px;border-radius:5px} .search_t{max-width:1200px;margin:0 auto;padding:15px 0;display:flex;align-items:center} .search_t>input{background:transparent;border:none;border-radius:4px;color:#9BE4FF;outline:none;border:1px solid #18A6DA;padding:10px;width:100%} .search_t>input::-webkit-input-placeholder{color:#9BE4FF} .search_t button{display:inline-block;padding:9px 17px;background:#fff;border-radius:4px;font-size:13px;margin-left:10px;white-space:nowrap;cursor:pointer;border: 0;} .moveenter_language{color:#fff !important;background:#007EAC} .language_t{position:absolute;right:0;font-size:14px;background:#007EAC;color:#fff;top:39px} .language_t>p{padding:10px 45px 10px 15px;white-space:nowrap;border-bottom:1px solid #0893C5;cursor:pointer} .header_menu{width:100%;color:#fff;height:0;overflow:hidden;position:absolute;top:121px;left:0;transition:all .3s ease-in;z-index:999} .header_menu_first{max-width:1200px;margin:0 auto;display:flex;height:345px} .small_tip{font-size:12px;opacity:0.7;margin-top:13px} .bg-016D94{background:#016D94} .header_menu_first_left{padding:20px 0 30px 0} .header_menu_first_left_top,.header_menu_first_left_bottom,.header_menu_first_left_top_x,.header_menu_first_left_bottom_x{width:268px;height:50px;padding:15px 0 15px 25px;margin-left:-25px;margin-top:15px;cursor:pointer;display: block;} .header_menu_first_left_bottom{margin-top:0} .header_menu_first_right{width:100%;writing-mode:tb-lr;writing-mode:vertical-lr;padding-top:26px;padding-left:34px} .header_menu_first_right>ul>li{height:29px;writing-mode:lr-tb;display:inline-block;white-space:nowrap;font-size:14px;color:#83C8E1;margin-top:13px;width:200px;cursor:pointer} .menu_tip_x{display:inline-block;height:100%} .choose_menu_tip{border-bottom:1px solid #fff;color:#fff !important} .header_menu a{color:#83C8E1} .introduce:hover>.header_menu{transition:all .3s ease-in;height:250px} .introduce:hover{background-color: #007EAC;} .introduce:hover>a{color: #fff !important;} .service:hover>.header_menu{transition:all .3s ease-in;height:345px} /* .service:hover> { background-color: #007EAC;} */ .service:hover>a{color: #fff !important;background-color: #007EAC;} .hide{display:none} .header_cc{height:123px;display:none} .header_fixed{animation:animate_header_fixed 1s infinite;animation-iteration-count:1;position:fixed;left:0;top:0;width:100%;z-index:9999;background:#fff} @keyframes animate_header_fixed{0%{height:0;overflow:hidden} 99%{overflow:hidden} 100%{height:81px;overflow:visible} } /*index_banner*/ .index_banner {overflow:hidden;position:relative;width: 100%;height: 846px !important;} .index_banner .bd,.index_banner .bd .tempWrap,.index_banner .bd .tempWrap ul{height:100%} .index_banner .bd ul li{background-size:cover !important;position:relative;height:100%} .index_banner_video_mask{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;opacity: 0.3;filter: alpha(opacity=30);} .index_banner .hd {position: absolute;left: 0;bottom: 40px;width: 100%;height: 20px; text-align:center} .index_banner .hd div{width: 50px;height: 2px;background:rgba(255,255,255,0.5);display: inline-block;margin-right: 10px;border-radius:1px;box-shadow: 0 0px 3px -2px #ddd;cursor:pointer} .index_banner .hd div a{display:block;height:100%;background:#fff} .index_banner_video{object-fit: fill;height: 100%;} /*right_sidebar*/ .right_float{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;text-align:center;cursor:pointer} .right_float a{display:block} .scroll_top{margin:20px 0 0 24px;width:84px;height:33px;background:#FFFFFF;box-shadow:0px 0px 25px 0px rgba(38,92,240,0.2);border-radius:6px;display:none} .scroll_top span {color: #414B59;font-size: 25px;line-height: 33px;} .chemistry_service_box{width:100%;height:620px;background:url('../img/chemistry_bg.jpg') no-repeat;background-size:cover} .chemistry_main_introduce_box{background:#f6f7fc;width:100%;padding-top:100px;padding-bottom:40px} .chemistry_main_introduce{max-width:1200px;margin:0 auto} .chemistry_ntroduce_content{display:flex;height:100%;justify-content:space-between} .chemistry_main_introduce_title_box{padding:60px 0} .chemistry_main_introduce_title{font-size:26px;font-weight:bold;color:#21282e;line-height:35px;text-align:center} .chemistry_main_introduce_title_line{width:30px;height:5px;background:#007eac;border-radius:3px;margin:0 auto;margin-top:20px} .chemistry_introduce_left{font-size:14px;font-weight:400;color:#555858;line-height:30px;width:calc((100% - 60px) / 2)} .chemistry_introduce_right{width:calc((100% - 60px) / 2)} .chemistry_small_introduce{font-size:16px;font-weight:400;color:#555858;line-height:35px;text-align:center} .chemistry_tab{flex:1;border-bottom:1px solid #c3cad3} .chemistry_tab ul{width:100%;white-space:nowrap} .chemistry_tab li{display:inline-block;font-size:14px;font-weight:400;color:#414b59;line-height:48px;white-space:nowrap;text-align:center;cursor:pointer;min-width:100px} .chemistry_active{background:linear-gradient(#f6f7fa,rgb(216,242,251));color:#007eac !important;border-bottom:4px solid #007eac} .chemistry_tab_content{margin-top:80px} .chemistry_tab_content h2{font-size:20px;font-weight:bold;color:#007eac;line-height:48px;margin-bottom:30px} .chemistry_tab_content p{font-size:14px;font-weight:400;color:#414b59;line-height:48px} .chemistry_introduce_content_z{display:flex;justify-content:space-between} .chemistry_introduce_content_z > div{width:calc((100% - 100px) / 4);position:relative} .chemistry_introduce_content_z img{width:100%} .chemistry_company{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%} .chemistry_company h3{font-size:18px;font-weight:bold;color:#ffffff;line-height:35px} .chemistry_company p{font-size:14px;font-weight:400;color:#ffffff;line-height:35px} .chemistry_company_mask{position:absolute;background:#007eac;top:0;left:0;right:0;bottom:0;padding:0 20px;display:none} .chemistry_company_mask h3{font-size:18px;font-weight:bold;color:#ffffff;line-height:35px;padding:13px 0;border-bottom:1px solid #2c93b9;margin-bottom:12px} .chemistry_company_mask p{font-size:14px;font-weight:400;color:#ffffff;line-height:35px} #wrapper{width:1200px;overflow:hidden} /*鑱旂郴鎴戜滑*/ .contact_content{max-width:1200px;margin:0 auto;background:#fff;padding-bottom:60px} .contact_main_introduce_title_box{padding:60px 0} .contact_main_introduce_title{font-size:26px;font-weight:bold;color:#21282e;line-height:35px;text-align:center} .contact_main_introduce_title_line{width:30px;height:5px;background:#007eac;border-radius:3px;margin:0 auto;margin-top:20px} .contact_small_introduce{font-size:16px;font-weight:400;color:#555858;line-height:35px;text-align:center} .contact_c_content{display:flex;justify-content:space-between} .contact_c_content > div{width:calc((100% - 64px) / 2)} .contact_c_content .contact_img > img{max-width:472px;width:100%;height:auto} .contact_c_content_title{font-size:20px;font-weight:bold;color:#21282e;line-height:35px;border-bottom:1px solid #e9e9e9;padding-bottom:17px} .contact_c_content p{font-size:15px;font-weight:400;color:#555858;line-height:35px} /*鏂囩珷椤?/ .article_content p{line-height:26px;margin-bottom:5px;} /*鏂囩珷鍒楄〃鍒嗛〉*/ .pagination {text-align: center;margin-top: 60px;} .pagination li{display:inline-block; margin-right:6px;border-radius:3px;border:1px solid #eee;line-height:25px;padding: 2px 10px;} .pagination .active {color: #fff;background-color: #007EAC;border: 1px solid #007EAC} .pagination .active a{color:#fff} .pagination>li>a,.pagination>li>span {color: #000} .cooperate_main_content{max-width:1200px;margin:0 auto;background:#fff;padding:20px 100px;box-sizing:border-box;text-align:center} .cooperate_main_content_title h2{font-size:24px;font-weight:bold;color:#21282e;line-height:48px} .cooperate_main_content_title p{font-size:14px;font-weight:400;color:#929fb1;line-height:15px} .cooperate_form{width: 60%;margin: 0 auto;} .cooperate_form label{font-size:14px;font-weight:400;color:#21282e;line-height:48px} .cooperate_form label span{color:#f00;padding-right:6px} .cooperate_form input{height:40px;background:#ffffff;border:1px solid #e9ebf1;border-radius:4px;font-size:14px;font-weight:400;line-height:50px;padding:0 10px;width:100%;min-width:200px;box-sizing:border-box} .cooperate_btn{text-align:center;width:400px;height:50px;background:#007eac;border-radius:5px;font-size:16px;font-weight:400;color:#ffffff;line-height:50px;margin:40px auto 20px auto;cursor:pointer} .create_value_banner{width:100%;height:350px;background-position:center center;background-repeat:no-repeat} .create_value_banner img{width:100%;height:100%} .create_value_list{display:flex;max-width:1200px;margin:-55px auto 0;background:#fff;border-radius:16px 16px 0px 0px;overflow:hidden} .create_value_list > li{text-align:center;font-size:16px;font-weight:400;color:#21282e;line-height:35px;flex:1;padding:10px 60px;white-space:nowrap;cursor:pointer} .create_value_main_active{background:#007eac;color:#fff !important} .create_value_content > div{max-width:1200px;margin:0 auto;margin-top:40px} .create_value_company_introduce{display:flex} .create_value_company_introduce > div{flex:1} .create_value_company_introduce .create_value_left{background:#eef0f5;padding:100px 100px 150px 100px;box-sizing:border-box;min-height:460px} .create_value_company_introduce .create_value_right{background:#fff;padding:70px 100px 0 100px;box-sizing:border-box;position:relative;padding-bottom:100px} .create_value_company_introduce .create_value_left h2{font-size:24px;font-weight:bold;color:#21282e;line-height:35px;margin-bottom:30px} .create_value_company_introduce .create_value_left p,.create_value_company_introduce .create_value_right p{font-size:14px;font-weight:400;color:#555858;line-height:35px} .create_value_company_introduce .create_value_right h4{font-size:20px;font-weight:400;color:#21282e;line-height:35px} .create_value_company_introduce .create_value_right span{width:8px;height:8px;background:#007eac;border-radius:50%;display:inline-block;position:absolute;left:0;top:14px} .create_value_company_introduce .create_value_right p{padding-left:15px;position:relative} .create_value_company_introduce_img{max-width:1200px;height:446px} .create_value_company_introduce_img img{width:100%;height:100%} .create_value_company_introduce_ii{max-width:1200px;margin:0 auto;display:flex} .create_value_company_introduce_ii div{flex:1} .create_value_company_introduce_ii div img{width:100%;height:100%} .create_value_company_introduce_ii{margin-bottom:60px !important} .create_value_goToUrl{width:42px;height:42px;border:1px solid #cccccc;border-radius:50%;position:absolute;bottom:55px;line-height:42px;text-align:center;cursor:pointer} .create_value_tab_c{display:flex;border-bottom:1px solid #eef0f5;box-sizing:border-box} .create_value_tab_c > div{margin-right:30px;padding:10px 0;cursor:pointer} .create_value_tab_c .on{border-bottom:2px solid #007eac} .swiper-container{width:100%;height:816px} .swiper-pagination-bullet-active{background-color:#fff;width:30px;border-radius:20px} .index_main_second_box{max-width:1200px;margin:0 auto} .swiper-slide img{width:100%;height:100%;object-fit:cover} .index_main_second_box_first{max-width:1200px;margin:0 auto} .index_main_second_box_second_title{display:flex} .index_main_second_box_first_content_left{flex:5} .index_main_second_box_first_content_right{flex:3} .index_main_second_box_first_content_left{position:relative;height:400px} .index_mask{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left: 0;top: 0;} .index_play_icon{width:50px;height:50px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99;cursor:pointer} .index_play_img,.index_play_icon,.index_play_video,.index_mask{position:absolute} .index_play_video{object-fit:fill} .index_play_img,.index_play_video{width:100%;height:100%} .index_main_second_box_first_title,.index_main_second_box_second_title,.index_main_second_box_third_title{font-size:36px;font-weight:bold;color:#555858;line-height:35px;margin:60px 0} .index_main_second_box_first_content_right{padding:34px 48px 24px 48px;background:#007eac} .index_main_second_box_first_content_right h2{margin:30px 0;font-size:22px;font-weight:bold;color:#ffffff;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .index_main_second_box_first_content_right p{font-size:14px;font-weight:400;color:#ffffff;line-height:36px;margin-bottom:30px;height:180px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5} .index_main_second_box_first_content_right a{font-size:14px;font-weight:400;color:#ffffff;line-height:35px;border:1px solid #ffffff;border-radius:4px;padding:5px 14px} .index_main_second_box_first_content_right a img{margin-left:10px} /* .index_main_second_box_first_content_right a:hover img{margin-left:15px} */ .index_main_second_box_second_content{max-width:1200px;display:flex;justify-content:space-between} .index_main_second_box_second_content > a{width:calc((100% - 64px) / 3);height:427px; box-sizing:border-box;border-bottom:2px solid transparent} .index_main_second_box_second_content > a .index_bottom_content_img{display:none} .index_main_second_box_second_content > a:hover{box-shadow:0px 0px 8px 3px rgba(0,126,172,0.2);border-bottom:2px solid #007eac !important} .index_main_second_box_second_content > a:hover .index_bottom_content_img {display:block} .index_top_img{height:250px} .index_top_img > img{width:100%;height:100%} .index_bottom_content{padding:20px 17px} .index_bottom_content_title{display:flex;justify-content:space-between} .index_bottom_content_title h2{font-size:22px;font-weight:bold;color:#007eac;line-height:35px;margin-bottom:20px} .index_bottom_content_title span{font-size:16px;font-weight:400;color:#555858;line-height:35px} .index_bottom_content p{font-size:14px;font-weight:400;color:#555858;line-height:35px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .index_bottom_content img{float:right;cursor:pointer} .index_main_second_box_third_content{overflow:hidden} .index_company_news{margin-top:20px} .index_company_news > h2{font-size:20px;font-weight:bold;color:#21282e;line-height:35px} .index_company_news > p{font-size:14px;font-weight:400;color:#555858;line-height:35px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px} .index_main_second_box_third_content_left{width:470px;float:left} .index_main_second_box_third_content_left > img{height:auto;max-width:100%} .index_main_second_box_third_content_right{float:right;width:707px;} .index_news_list{align-items:center;border-bottom:1px solid #dce1e4} .index_news_title{font-size:20px;font-weight:bold;color:#21282e;line-height:35px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .index_news_content{font-size:14px;font-weight:400;color:#555858;line-height:35px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px} .index_news_link{font-size:14px;font-weight:400;color:#007eac;line-height:35px} .index_news_list_content{padding:20px 40px;box-sizing:border-box;min-width:0} .index_news_list_bottom {display:flex;justify-content: space-between;} .index_news_list_bottom img{width:14px;height:10px} .index_news_list:last-of-type{border-bottom:0px solid #fff} .index_bg-F6F7F8{background:#f6f7f8} .index_news_list_date{padding:40px;border-right:1px dashed #dce1e4} .index_day{font-size:41px;font-weight:bold;color:#007eac;line-height:35px} .index_date{font-size:14px;font-weight:400;color:#007eac;line-height:35px;white-space:nowrap} .index_strength{margin-top:60px;width:100%;height:360px;background:linear-gradient(90deg,#82bc04,#389962,#017fab)} .index_strength_box{height:100%;max-width:1200px;display:flex;margin:0 auto;justify-content:space-between} .index_strength_box > div{flex:1;display:flex;flex-flow:column;justify-content:center;align-items:center;font-weight:400;color:#ffffff;line-height:28px} .index_strength_box a{font-size:16px;font-weight:400;color:#ffffff;line-height:28px;border:1px solid #ffffff;border-radius:2px;padding:5px 10px} .index_sales_territory{overflow:hidden} .index_sales_territory_content{overflow:hidden;padding-bottom:40px} .index_sales_territory_left{float:left;width:700px} .index_sales_territory_right{float:left;width:400px;margin-top:100px} .index_sales_territory_right h2{font-size:28px;font-weight:bold;color:#000000;line-height:46px;margin-bottom:40px} .index_sales_territory_right p{font-size:16px;font-weight:400;color:#000000;line-height:46px} .index_introduce_c{width:100%;height:550px;background:url('../img/index_service.png') top center no-repeat;position:relative} .index_introduce_c h2{font-size:32px;font-weight:400;color:#ffffff;line-height:66px;position:absolute;right:515px;top:200px;width:300px} .main{width:100%} .banner{width:100%;height:350px} .main_introduce{max-width:1200px;margin:0 auto} .introduce_content{display:flex;height:100%} .main_introduce_title_box{padding:60px 0} .main_introduce_title{font-size:26px;font-weight:bold;color:#21282e;line-height:35px;text-align:center} .main_introduce_title_line{width:30px;height:5px;background:#007eac;border-radius:3px;margin:0 auto;margin-top:20px} .introduce_left{flex:1;padding-right:50px;font-size:14px;font-weight:400;color:#555858;line-height:30px} .introduce_right{flex:1} .small_introduce{font-size:16px;font-weight:400;color:#555858;line-height:35px;text-align:center} .introduce_view_content{display:flex;justify-content:space-between;color:#414b58} .introduce_view_content span{color:#007eac;display:inline-block;margin:50px 0 13px 0;width:100px;height:100px;font-size:60px;line-height:100px;box-sizing:border-box} .introduce_hover span{color:#fff} .introduce_view_content h2{font-size:18px;font-weight:bold;line-height:40px;text-align:center} .introduce_view_content p{font-size:14px;font-weight:400;line-height:40px;text-align:center;margin-bottom:50px} .introduce_view_content > div{box-shadow:0px 0px 14px 0px rgba(105,110,110,0.1);text-align:center;background:#fff;width:calc((100% - 64px) / 3)} .introduce_view_content > div > img{width:60px;height:60px;margin:0 auto;margin:50px 0 35px 0} .introduce_view_content .introduce_hover{background:linear-gradient(0deg,#03c9ca,#007eac);color:#fff !important} .introduce_service_content{display:flex;justify-content:space-between} .introduce_service_content img{width:100%;height:100%} .introduce_service_content > div{width:calc((100% - 12px) / 2);height:600px} .introduce_service_left{display:flex;flex-flow:column;justify-content:space-between;flex:2;margin-right: 12px;} .introduce_service_left > div{height:calc((100% - 12px) / 2);position:relative} .introduce_service_left_bottom{display:flex;justify-content:space-between} .introduce_service_left_bottom > div{width:calc((100% - 12px) / 2);height:100%} .introduce_service_right{display:flex;justify-content:space-between;flex:1} .introduce_service_right_left{display:flex;flex-flow:column;justify-content:space-between} .introduce_service_right_left > div{height:calc((100% - 12px) / 2);position:relative} .introduce_service_right > div{width:100%} /* .strategy{background:#f3f5f9 url('../img/19.png') no-repeat bottom;padding-bottom:60px} */ .strategy .introduce_content{display:flex;flex-flow:column} .introduce_strategy_top{display:flex} .introduce_strategy_top > div{flex:1;text-align:center} .introduce_strategy_top p{font-size:20px;font-weight:bold;color:#555858;line-height:35px;margin:30px 0} .introduce_strategy_top span{font-size:45px;color:#414b58} .introduce_strategy_bottom > p{font-size:14px;font-weight:400;color:#555858;line-height:35px} .introduce_strategy_bottom{padding:0 60px} /*鍘嗗彶*/ .history{margin-bottom:60px} .history .introduce_content{display:flex;flex-flow:column;position:relative} .history_box{display:flex;justify-content:space-between;margin-bottom:60px} .history_box > div{width:calc((100% - 70px) / 2);position:relative} .history_box h2{font-size:22px;font-weight:bold;color:#007eac;line-height:30px;margin-bottom:20px} .history_box p{font-size:14px;font-weight:400;color:#555858;line-height:35px} .history_box_img{text-align:center} .history .line{height:100%;width:2px;background:#007eac;display:inline-block;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%)} .round_right{display:inline-block;width:20px;height:20px;background:#ffffff;border:4px solid #007eac;border-radius:50%;position:absolute;left:-49px} .round_left{display:inline-block;width:20px;height:20px;background:#ffffff;border:4px solid #007eac;border-radius:50%;position:absolute;right:-49px} .last_round{width:20px;height:20px;background:#ffffff;border:4px solid #007eac;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)} .introduce_deed_content{display:flex;flex-flow:column;position:relative} .introduce_deed_img_list{width: 1200px;margin: 0 auto;} .deed{font-size:14px;font-weight:400;color:#555858;line-height:35px;margin-bottom:100px;padding:0 65px} .deed_line{box-sizing:border-box;position: relative;} .deed_line img{width:27px;margin-top:10px} .deed_line_box{position:relative;width:1200px;left:2%;} .deed_line_cc{background:#f3f5f9} .deed_line_b{padding:0 30px 0 10px;width:370px} .deed_line_b > h3{font-size:16px;font-weight:bold;color:#007eac;line-height:35px;padding-bottom:14px} .deed_line_b > p{font-size:14px;font-weight:400;color:#555858;line-height:35px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;height:100px;box-sizing:border-box} .jiantou_left{width:54px;height:54px;background:rgb(207,227,238);border-radius:50%;position:absolute;left:-90px;top:109px;text-align:center;transform:rotate(-90deg);cursor:pointer;z-index:9999} .jiantou_right{width:54px;height:54px;background:rgb(207,227,238);border-radius:50%;position:absolute;right:-90px;top:109px;text-align:center;transform:rotate(90deg);cursor:pointer;z-index:9999} .deed_line_b>img{width:9px} .deed_line_time{height:2px;background:#007eac} .deed_honour{margin-top:20px} .deed_honour > div{width:calc((100% - 100px) / 3)} .deed_honour img{width:100%} .deed_honour p{font-size:14px;font-weight:400;color:#555858;line-height:30px;text-align:center;margin-top:20px;white-space: normal;text-align:left} .honour{overflow:hidden} .animate_ul li{display:inline-block;margin-left:20px} .animate_ul li img{width:326px;height:215px} .introduce_service_right_right{position:relative} .mask_x{width:100%;background:#000000;opacity:0.4;position:absolute;top:0;bottom:0;left:0;right:0;display:none} .introduce_service_left_title{position:absolute;font-size:20px;font-weight:400;color:#ffffff;line-height:35px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;border-bottom:1px solid #fff} .introduce_service_left_title{display:none} .history_box_img>img{max-width:436px;width:100%;height:auto} .manage_main_introduce_box{width:100%;padding-top:100px;padding-bottom:40px} .manage_main_introduce{max-width:1200px;margin:0 auto} .manage_introduce_content{display:flex;height:100%;justify-content:space-between;padding-bottom: 30px;} .manage_main_introduce_title_box{padding:60px 0} .manage_main_introduce_title{font-size:26px;font-weight:bold;color:#21282e;line-height:35px;text-align:center} .manage_main_introduce_title_line{width:30px;height:5px;background:#007eac;border-radius:3px;margin:0 auto;margin-top:20px} .manage_introduce_left{font-size:14px;font-weight:400;color:#555858;line-height:30px;padding-left: 80px !important;} .manage_introduce_right{ /* width:calc((100% - 60px) / 2) */ margin-right: 60px !important; } .manage_small_introduce{font-size:16px;font-weight:400;color:#555858;line-height:35px;text-align:center} .manage_structure{width:100%;height:690px;background:url('../img/manage_organizational_bg.jpg') no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center} .manage_structure > div>img{ margin: 0 auto; } .manage_structure > div{ text-align: center; } .manage_control{width:100%;height:710px} .manage_introduce_control_content_x{max-width:1200px;margin:0 auto;display:flex} .manage_introduce_control_content p{font-size:14px;font-weight:400;color:#555858;line-height:35px} .manage_jianbian{font-size:52rpx !important;background:linear-gradient(0deg,#007eac,#03c9ca);-webkit-background-clip:text;color:transparent;display:inline-block;margin:50px 0 30px 0} .manage_introduce_control_content_c{display:flex;flex-flow:column} .manage_introduce_control_content_c > div{height:260px;text-align:center} .manage_introduce_control_content_c_text{padding:0 60px} .manage_introduce_control_content_c_title{font-size:18px;font-weight:bold;color:#555858;line-height:35px} .manage_introduce_control_content_c_content{font-size:14px;font-weight:400;color:#555858;line-height:35px} .manage_safe{margin-bottom:60px} .manage_opinion{width:100%;height:556px;background:url('../img/manage_value_bg.jpg') no-repeat;background-size:cover} .manage_opinion .manage_main_introduce_title,.manage_opinion .manage_small_introduce{color:#fff} .manage_opinion .manage_main_introduce_title_line{background:#fff} .manage_opinion .manage_introduce_control_content{display:flex;padding:0 100px} .manage_opinion_text_box{text-align:center;position:relative;width:182px} .manage_opinion_text_box > div{text-align:center;width:182px;height:182px;border:2px dashed #ffffff;border-radius:50%;margin:0 auto;font-size:19px;font-weight:600;color:#ffffff;line-height:35px;padding:0 30px;box-sizing:border-box;display:flex;align-items:center} .manage_line{width:100%;border:1px dashed #fff;height:0;margin-top:91px} .manage_control{background:url('../img/manage_control.jpg') no-repeat;background-size:cover} .recruit_main_content{max-width:1200px;margin:0 auto;text-align:center} .recruit_main_content_title{padding:60px 0 50px 0} .recruit_main_content_title h2{font-size:24px;font-weight:bold;color:#21282e;line-height:48px} .recruit_main_content_title p{font-size:14px;font-weight:400;color:#929fb1;line-height:15px;margin-top:10px} .recruit_main_content_content{display:flex} .recruit_main_content_content_left{text-align:left;min-width:300px;border-right:1px solid #e9ebf1} .recruit_main_content_content_left h3{font-size:21px;font-weight:bold;color:#21282e;line-height:46px;padding-left:20px;margin-bottom: 50px;} .recruit_main_content_content_left p{font-size:15px;color:#21282e;line-height:46px;margin-bottom: 10px;} .recruit_active{background:#007eac;color:#fff !important;border-radius:4px} .recruit_main_content_content_right{text-align:left;font-size:14px;font-weight:400;color:#555858;line-height:46px;padding-left:60px} .recruit_jobTitle h2{font-size:26px;font-weight:bold;color:#21282e;line-height:46px} .recruit_main_content_content_right h3{font-size:20px;font-weight:400;color:#21282e;line-height:46px} .recruit_jobTitle .recruit_line{margin:0 10px} .recruit_jobTitle span em{padding-right:6px;font-style:normal} .recruit_main_content_content_left span{display:inline-block;padding:0 20px;cursor:pointer} .recruit_main_content_content_left a{color:#21282e} .recruit_main_content_content_left .recruit_active a{color:#fff} .recruit_submit{background:#007eac;border-radius:20px;color:#fff;display:inline-block;padding: 4px 30px;;line-height:35px;cursor:pointer;margin-top:30px;font-size: 16px;} .recruit_main_content_box{padding-bottom:70px} .recruit_mask{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9996} .recruit_alert_box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;height:100%;} .recruit_alert_content{position:absolute;transform:translate(-50%,-50%);background:#fff;left:50%;top:50%;width:1080px;text-align:center;padding:40px 60px;box-sizing:border-box;height:100%;overflow-y:auto} .recruit_alert_content_title_box p{font-size:14px;font-weight:400;color:#929fb1;line-height:48px} .recruit_alert_content_input_box{display:flex;justify-content:space-between;flex-flow:wrap} .recruit_alert_content_input_box>div{width:calc((100% - 140px) / 3)} .recruit_alert_content_input_box input,.recruit_alert_content_input_box select{width:100%;height:40px;background:#FFFFFF;border:1px solid #E9EBF1;border-radius:4px;padding:0 10px;box-sizing:border-box} .recruit_alert_content_input_box label{font-size:14px;font-weight:400;color:#21282E;line-height:48px} .recruit_alert_content_input_box textarea{width:100%;height:80px;background:#FFFFFF;border:1px solid #E9EBF1;border-radius:4px;padding:10px;box-sizing:border-box;resize:none} .recruit_btn{width:400px;height:50px;background:#007EAC;border-radius:5px;color:#fff;border:none;margin-top:30px} .state_banner{width:100%;height:350px} .state_banner > img{width:100%;height:100%} .state_main{max-width:1200px;margin:0 auto;padding-bottom:60px} .state_title{font-size:20px;font-weight:bold;color:#21282e;line-height:35px;text-align:center;padding-bottom:30px} .state_time{font-size:14px} .state_title_p{font-size:20px;font-weight:bold;color:#21282e;line-height:35px;margin:30px 0} .state_main > P{color:#555858;line-height:30px;font-size:14px} .state_time > p{color:#555858;padding-bottom:30px} .state_blod{font-weight:600} .trends_main_content{max-width:1200px;margin:0 auto;background:#fff;padding:0 80px;box-sizing:border-box;padding-bottom:70px} .trends_main_content h1{font-size:26px;font-weight:bold;color:#21282e;line-height:35px;text-align:center;padding:40px 0} .trends_main_content_trends{display:flex;flex-flow:wrap;justify-content:space-between} .trends_main_content_trends:after{content:'';width:325px} .trends_main_content_trends > a{display:inline-block;width:325px;margin-bottom:24px} .trends_main_content_trends_img{height:200px} .trends_main_content_trends_img > img{width:100%;height:100%} .trends_main_content_trends_content_title{font-size:16px;font-weight:bold;color:#21282e;line-height:35px;margin-top: 10px;} .trends_main_content_trends_content_date{font-weight:400;color:#d7d9de;line-height:35px} .trends_main_content_trends_content_text{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:400;color:#555858;line-height:32px} .trends_main_content_trends_content_text_box{border-bottom:1px solid #e9e9e9;padding-bottom:10px;margin-bottom:5px} .trends_gogo{overflow:hidden;height:40px;line-height:40px} .trends_view{font-size:20px;color:#555858;float:left} .trends_time{font-size:13px;color:#999;float:right} .trends_view_num{font-size:14px;font-family:Arial;font-weight:400;color:#555858;float:left;margin-left:5px} .trends_ToUrl{float:right;cursor:pointer} .user_banner{width:100%;height:350px} .userbanner > img{width:100%;height:100%} .usermain{max-width:1200px;margin:0 auto;padding-bottom:60px} .usertitle{font-size:20px;font-weight:bold;color:#21282e;line-height:35px;text-align:center;padding-bottom:30px} .usertime{font-size:14px} .usertitle_p{font-size:20px;font-weight:bold;color:#21282e;line-height:35px;margin:30px 0} .usermain > P{color:#555858;line-height:30px;font-size:14px} .usertime > p{color:#555858;padding-bottom:30px} .userblod{font-weight:600} .message_box{width:100%;background:#353535;display:none;overflow: hidden;position: fixed;left: 0;bottom: 0;z-index: 9999;} .message{max-width:1200px;margin:0 auto;padding:20px 25px;color:#fff;display:flex;align-items:center;box-sizing:border-box} .accpect{margin-left:87px;border:1px solid #FFFFFF;border-radius:3px;font-size:14px;width:84px;height:30px;text-align:center;line-height:30px;cursor:pointer;white-space:nowrap} .me_tip{font-size:14px;line-height:26px} .footer_box{width:100%;background:rgb(1,109,148)} .footer{max-width:1200px;padding:40px 0;margin:0 auto;display:flex;color:#fff;border-bottom:1px solid rgb(11,123,163)} .footer_left{margin-right:200px} .footer_center{margin-right:116px} .footer_right{} .footer_left_logo{margin-bottom:40px} .social_software>img{margin-right:20px;width:38px} .footer_center_title,.footer_right_title{margin-bottom:43px !important} .footer_center p{display:inline-block;color:rgb(106,178,205);font-size:14px} .footer_center>div{display:flex;align-items:center;margin-bottom:20px} .footer_center span{font-size:20px;opacity:0.7;margin-right:10px} .footer_right_text{color:rgb(106,178,205);font-size:14px;line-height:32px} .english,.china{width:100%;height:38px;line-height:38px;border-radius:2px;text-align:center;margin-top:16px;cursor:pointer;white-space:nowrap} .english:hover{background:#007EAC} .bg-727272{background:#727272} .footer_ipc_box{width:100%;background:rgb(1,109,148)} .footer_ipc{display:flex;max-width:1200px;margin:0 auto;padding:16px 0;font-size:14px;color:rgb(106,178,205);align-items:center;justify-content:space-between} .footer_ipc_right>ul>li{display:inline-block} .footer_ipc_box a{text-decoration:none;font-size:14px;color:rgb(106,178,205);cursor:pointer} .footer_ipc_box a:hover{color:#d0d0d0;} .manage_timeLine{writing-mode: tb-rl;position: absolute;right: 0;top: 57px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #A47118;} .manage_timeLine_r{writing-mode: tb-rl;position: absolute;left: 0;top: 57px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #A47118;} .person_main_box img{ width: 100%; height: auto; } .person_main_box>div{ position: relative; overflow: hidden; } .person_main_box>div>img{ transition: all 0.2s linear; } .person_main_box>div:hover>img{ transition: all 0.2s linear; transform: scale(1.1); } .person_main_box_center{ flex-flow: column; width: 493px; margin: 0 10px; justify-content: space-between; } .person_main_box_center>div{ position: relative; } .person_main_box_text{ position: absolute; bottom: 13px; left: 20px; font-weight: bold; color: #FFFFFF; z-index: 99; } .enterpriseSpirit_box{ justify-content: space-between; } .enterpriseSpirit_box>div{ flex: 1; height: 370px; position: relative; margin-right: 10px; transition: all 0.3s linear; } .enterpriseSpirit_box>div:last-of-type{ margin-right: 0;; } .enterpriseSpirit_box_mask{ background: #007EAC; opacity: 0.6; display: flex; justify-content: center; align-items: center; font-size: 16px; font-family: MicrosoftYaHei; color: #FFFFFF; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .toBig{ flex: 2 !important; } .coreCulture_box{ height: 261px; } .coreCulture_box>div{ width: 400px; transition: all 0.3s linear; } .coreCulture_box>div>img{ width: 100%; height: 100%; } .coreCulture_box_hover{ transform: scale(1.2); z-index: 999; } .strategy{ padding-bottom: 60px; } .strategy_box{ display: flex; } .strategy_box>div{ margin-right: 10px; } .strategy_box>div:last-of-type{ margin-right: 0; } .strategy_box>div>img{ width: 310px; height: 310px; } .socialResponsibility_box_content{ display: flex; flex-flow: column; width: 402px; position: relative; transition: all 0.3s linear; } .socialResponsibility_box{ display: grid; grid-template-columns: repeat(3,1fr); gap:30px; } .socialResponsibility_bottom_content{ padding: 20px 0; position: relative; /* transition: all 0.3s linear; */ } .progress{ position: absolute; bottom: 0; left: 0; width: 0px; transition: all 0.5s linear; color: #007EAC; height: 2px; z-index: 33; background-color: #007EAC; } .socialResponsibility_bottom_content p{ font-size: 14px; font-weight: 400; color: #555858; line-height: 35px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .socialResponsibility_box_content_hover{ box-shadow: 0px 0px 8px 3px rgba(0,126,172,0.2); } .socialResponsibility_bottom_content_hover{ padding-left: 17px; padding-right: 17px; } .progress_hover{ width: 402px; } .coreCulture_box_text{ font-size: 17px; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold; color: #555858; line-height: 35px; } .socialResponsibility_box_content_scale{ transform: scale(1.1); } .grid{ display: grid; } .gp-10{ grid-gap: 10px; } .g-col-3{ grid-template-columns: repeat(3,1fr); } .person_main_box_float{ position: absolute; bottom:0; left: 0; right: 0; z-index: 90; }