/** ** name: PC & response StyleSheet ** author: E鏉挅鍟°€丣ony ** time: 2018-10 */ @charset "utf-8"; /*********other page public****************/ /*banner*/ .body_bg{padding-top:80px} .p_banner{position:relative; width:100%;height:0;padding-bottom:16.666666%;overflow:hidden} .p_banner a img{animation:bannerScale 14s linear forwards} @keyframes bannerScale{from{transform:scale(1.1)}to{transform:scale(1)}} .banner-words{display:none} /*bread nav*/ .bread_bar{line-height:3;font-size:14px;font-weight:400} .bread_bar:before{content:'\e620';display:inline-block;padding-right:5px;font-family:iconfont;font-size:16px;color:red} .bread_bar a{display:inline-block;color:#888} .bread_bar a:hover{color:red} .bread_bar a:after{content:'/';display:inline-block;padding:0 5px;color:#bbb} .bread_bar a:last-child:after{display:none} /**涓嬪眰鍐呴〉涓绘鏋?*/ .body_bg{background:#F9F9F9} .sec_main{width:100%;padding-bottom:40px} .sec_main>.wrap{overflow:hidden} .main_body{width:100%;background-color:#fff} .m_container{width:78%;min-height:800px;padding:0 30px 30px;border-right:1px solid #F0F0F0} .m_tit{color:#333;font-size:28px;font-weight:600;line-height:3;border-bottom:1px solid #F0F0F0} .m_txt{padding:20px 0;color:#666;font-size:16px;line-height:1.8;overflow:hidden} .m_txt h2{width:100%;font-weight:400;line-height:2} .m_txt p{width:100%;text-align:justify} .m_txt img{width:100%;border-radius:8px} /* second page sidebar */ .sidebar{width:22%;border-top:#e62129 4px solid} .sidebar .side_tit{padding:0 20px;color:#333;font-size:18px;line-height:3} #nav{padding-right:20px} #nav li{position:relative;z-index:5;width:100%;height:40px;border-bottom:#e5e5e5 1px solid;color:#333;font-size:16px;line-height:40px} #nav li a{display:inline-block;width:100%;padding-left:20px;transition:.4s} #nav li span{position:absolute;bottom:0;left:0;z-index:-1;width:0;height:40px;background-color:#f63b2e;transition:.4s} #nav li.on a,#nav li:hover a{color:#fff} #nav li.on a span,#nav li:hover span{width:100%;color:#fff} .side_adv{width:100%; padding:20px;overflow:hidden} .side_adv img{width:100%} /**鍏充簬鍏徃鑱氬悎椤?*/ .leader_words~div{background-color:#fff;} .leader_words{width:66.666666%} .a_intr{float:left;width:33.333333%;height:0;padding:20px;padding-bottom:30%;border:10px solid #F9F9F9;overflow:hidden} .a_intr.mart20{margin:0} .a_intr.full_sreen{width:100%} .a_intr_tit,.news_m_tit{font-size:28px;padding-bottom:18px} .a_intr_tit a,.news_m_tit a{display:inline-block;float:right;font-size:16px;margin-top:10px;color:red;letter-spacing:2px} .shine_img img{width:100%} .a_intr p:last-child{margin-top:15px;font-size:16px;line-height:1.6;text-align:justify;color:#666} .short_h{padding-bottom:25%} .leader_words{position:relative;height:0;padding-bottom:30%;padding-right:10px;overflow:hidden} .leader_img{width:100%} .leader_img img{display:inline-block;width:100%;margin-top:-30px} .leader_txts{position:absolute;top:0;right:10px;z-index:2;width:50%;height:100%;padding:30px;background-color:rgba(0,0,0,.3)} .leader_txts h4{font-size:28px;height:60px;line-height:40px;color:#fff;font-weight:400} .leader_txts p{font-size:16px;line-height:2;color:#F0F0F0;text-align:justify} .leader_txts a{display:block;position:absolute;left:30px;bottom:50px;z-index:3;padding:10px 20px;font-size:14px;background-color:rgba(255,255,255,.3);border-radius:4px;color:#eee} .leader_txts a:hover{background-color:#E62129} .long_h.fr{padding-top:0;border-top:none} .long_h.fr .a_intr_tit,.news_m_tit{margin-top:20px} .long_h.fr p:last-child{height:100px\9;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical} .a_intr.fl{border-left:0} .leader_top{width:100%;height:0;padding-bottom:18%;background-color:#fff5e1;overflow:hidden} .leader_top p{float:left;width:66.666666%;height:100%;padding:34px 30px;font-size:30px;line-height:1.6;text-align:left;font-family:LiSu,KaiTi,'Microsoft YaHei'} .leader_t_img{position:relative;float:left;width:33.333333%;padding-left:20px;height:100%;padding-bottom:18%} .leader_t_img img{width:100%} .leader_font{display:block;position:absolute;bottom:0;left:0;z-index:2;width:100%;font-size:16px;line-height:3;text-align:center;color:#fff} /* leader carousel */ .full_sreen.mart20{height:auto;padding-bottom:0} .bx_container{width:100%!important} .leader_list{position:relative;margin:10px 0} #leader_b_list{padding:10px 0;overflow:hidden} li.leader_box{position:relative;z-index:5;float:left;width:213px;cursor:pointer;border-radius:4px;box-shadow:0 3px 10px #f0f0f0;overflow:hidden} li.leader_box span{display:block;text-align:center;font-size:14px;color:#888;line-height:2.4;transition:.2s} a.lb_pushimg{display:block;height:0;padding-bottom:60%;overflow:hidden} li.leader_box:hover span{background-color:#be1e2d;color:#fff} a.lb_pushimg img{width:100%;transition:.6s} li.leader_box:hover img{-ms-transform:scale(1.2);transform:scale(1.2)} .bx_wrap>a{display:inline-block;position:absolute;z-index:100;top:55px;width:30px;height:60px;line-height:60px;font-size:0;text-align:center;background-color:rgba(0,0,0,.6);color:#fff;font-family:iconfont;overflow:hidden} .bx_wrap>a:hover{background-color:#E62129} .leader_list a.prev{left:0} .leader_list a.next{right:0} .leader_list a.prev:before{content:'\e656';font-size:28px} .leader_list a.next:before{content:'\e603';font-size:28px} /* history page */ .timeline{position:relative;margin:20px 0;padding:0 30px} #history_year{overflow:hidden;padding:10px 0} #history_year li{float:left;position:relative;z-index:5;width:91px;height:42px;line-height:42px;font-size:18px;text-align:center;background-color:#ddd;cursor:pointer} #history_year li label{display:block;cursor:pointer} #history_year li span{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:0;background-color:#e6212a;transition:.4s} #history_year li.curr{color:#fff} #history_year li.curr span{height:100%;color:#fff} #history_year li.curr .arr{display:inline-block;border-color:#e6212a transparent transparent transparent} #history_year li .arr{position:absolute;left:45%;top:42px;border:6px solid;display:none} .bx_wrap>a{display:inline-block;position:absolute;top:50%;z-index:99;width:22px;height:42px;margin-top:-21px;line-height:42px;text-align:center;font-size:0;font-family:iconfont;cursor:pointer} .bx_wrap>a:hover{background-color:#E62129;color:#fff} .bx_wrap>a:before{font-size:20px} .timeline a.prev{left:0;border-radius:8px 0 0 8px} .timeline a.prev:before{content:'\e656'} .timeline a.next{right:0;border-radius:0 8px 8px 0} .timeline a.next:before{content:'\e603'} .event_list{position:relative;margin-top:60px;overflow:hidden} .event_list:before{content:'';display:block;position:absolute;top:0;left:30%;z-index:0;width:1px;height:100%;background-color:#E62129} .event_list h3{position:relative;z-index:3;float:right;width:70%;height:60px;line-height:40px;font-size:24px} .event_list h3:before{content:'\e619';display:inline-block;float:left;width:40px;line-height:34px;font-size:30px;font-family:iconfont;margin-left:-15px;background-color:#fff;color:#E62129} .event_list li{display:inline-block;position:relative;z-index:3;width:100%;margin-top:40px} .hlist_img{float:left;width:30%;padding-right:40px} span.h_layer{display:block;position:relative;width:100%;height:0;padding-bottom:64%;border-radius:6px;overflow:hidden} .hlist_img span img{width:100%!important;transition:1s} span.h_layer:hover img{-ms-transform:scale(1.2);transform:scale(1.2)} .list_mess{height:auto;width:70%;float:left;padding-left:40px;display:inline-block} .histt{font-size:18px;font-weight:800;line-height:2} .histt:before{content:'';display:inline-block;width:16px;height:16px;border-radius:50%;border:4px solid #E62129;margin:0 30px 0 -52px;background-color:#fff} .hisct{font-size:16px;line-height:1.8;text-align:justify} /* leadership news */ .m_pic_push{width:103.3%;overflow:hidden} .m_pic_push li{width:30.3%;float:left;margin:15px 3% 15px 0;transition:.4s} .m_pic_push li:hover{box-shadow:0 4px 6px #EEE;filter:saturate(130%);transform:translate3d(0,-5px,0)} a.pic_push{display:block;position:relative;height:0;padding-bottom:60%;border-radius:6px 6px 0 0;overflow:hidden} a.pic_push:after{display:none\9;position:absolute;left:0;top:-60px;z-index:2;width:400px;height:400px;transform:skewX(-30deg) translateX(-400px);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);transition:.6s ease-in-out;content:""} .m_pic_push li:hover a.pic_push:after{transform:skewX(-30deg) translateX(100%)} .m_pic_push li h2{position:relative;width:100%;border-bottom:1px #d8d8d8 solid;text-align:center;font-size:16px;font-weight:400;line-height:2.4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .m_pic_push li h2 span{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:1px;background-color:#ed3323;-ms-transform:scale(0);transform:scale(0);transform-origin:center center;transition:.6s} .m_pic_push li:hover h2 span{-ms-transform:scale(1);transform:scale(1)} /*page button*/ .page{float:left;width:100%;padding:25px 0;text-align:center} .page-con{display:inline-block;font-size:0} .page-con *{float:left;font-size:14px;line-height:2} .page-con a,.page-con strong,.total{display:inline-block;padding:0 12px;border:#ddd 1px solid;overflow:hidden;cursor:pointer} .page-con a:hover,.page-con strong.cur{border-color:#e62129;background-color:#e62129;color:#fff!important} .page-con a.next,.page-con a.prev{margin:0 10px} .page-con select{display:inline-block;margin-left:10px;height:28px;padding:0 8px;border:#ddd 1px solid;outline:0} /* contac us*/ .subsidiary{width:100%;overflow:hidden} .subsidiary li{position:relative;float:left;width:100%;margin:15px 0;padding:20px 30px;border-radius:4px;background-color:#F9F9F9;overflow:hidden} .subsidiary li:after{content:'\e71e';font-family:iconfont;display:block;position:absolute;bottom:20px;right:30px;z-index:2;width:120px;line-height:1;font-size:120px;background-image:-webkit-linear-gradient(bottom right,#ff2525,#ffcdb0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff\9;background-image:none\9;opacity:.1;transition:.6s} .subsidiary li:hover:after{opacity:.8;transform:translateY(-8px)} .subsidiary li:hover h4{color:#E62129} .subsidiary li div h4{font-size:18px;height:36px;line-height:30px;color:#333} .subsidiary li div a{display:block;width:100%;font-size:16px;line-height:2} /* news center */ .news_layer{margin-bottom:30px;padding:0 20px 20px;background-color:#fff;border:.5px solid #f0f0f0;overflow:hidden} .news_m_con{overflow:hidden} .news_m_con .news_pbox{position:relative;width:50%;height:0;margin:0 0 30px;padding-bottom:30%} .m_con_push{float:left;width:50%} .news_m_con .news_pbox>ul,.news_m_con .news_pbox>ul>li{width:100%;height:0;padding-bottom:60%;float:left} .news_m_con .news_pbox ul li span{position:absolute;bottom:0;left:0;z-index:3;width:100%;padding:20px 10px 10px;color:#fff;text-align:center;font-weight:400;font-size:16px;line-height:2;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0))} .news_m_con .news_pbox ol{position:absolute;top:15px;left:50%;z-index:9;margin-left:-90px;font-size:0;overflow:hidden} .news_m_con .news_pbox ol li.active{background-color:#e62129} .news_m_con .news_pbox ol li{float:left;margin-right:10px;width:16px;height:16px;border-radius:50%;background-color:#888;font-size:0;cursor:pointer} .news_m_list{width:50%} .news_m_list .news_list_layer{width:100%;padding-left:30px} .news_m_list ul li{overflow:hidden;height:32px;line-height:32px} .news_m_list ul li i{float:left;font-size:12px;font-style:normal;color:#E62129;padding-right:5px} .news_m_list ul li a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px} .news_m_list ul li span{float:right;padding-left:10px;color:#888;font-size:14px} .push_model{float:left;width:100%;margin-bottom:30px} .push_img{float:left;width:40%} .push_img a{display:block;height:0;padding-bottom:66%;overflow:hidden} .push_mess{float:left;width:60%;padding-left:15px} .push_mess h2{font-size:18px;line-height:1.6;text-align:justify} .push_datetime{font-size:14px;line-height:2.3;color:#888} .push_desc{font-size:16px;line-height:1.8;text-align:justify;color:#666} .talent-platform{padding:10px 0 20px} .talent-platform .m_con_push{width:102%} .talent-platform .push_model{width:23%;margin:0 2% 0 0;border:1px solid #f6f6f6;border-radius:4px 4px 0 0;overflow:hidden;transition:.4s} .talent-platform .push_model:hover{transform:translateY(-5px)!important;box-shadow:0 4px 16px #f5f5f5;transition:.4s!important} .talent-platform .push_img{width:100%;padding:0} .talent-platform .push_mess{width:100%;padding:0 10px 16px} .talent-platform .push_mess h2{line-height:2.2;font-weight:400} .talent-platform .push_desc{font-size:14px;color:#888;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* company news */ .m_list{float:left;margin-top:20px;width:100%} .m_list ul{overflow:hidden} .m_list ul li{float:left;width:100%;margin:15px 0;padding-bottom:30px;border-bottom:#ececec 1px solid} a.ml_img{display:block;float:left;width:30%;height:0;padding-bottom:18%;overflow:hidden} a.ml_img img{width:100%} .ml_mess{float:left;width:70%;padding-left:30px} .m_list ul li h2{display:inline-block;width:100%;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:18px;line-height:20px} .m_list ul li h2 i{float:left;margin-right:5px;color:red;font-style:normal;font-weight:400;font-size:16px} p.ml_time{padding:0 0 10px;color:#888;font-size:14px} p.ml_desc{color:#666;font-size:16px;line-height:1.8;text-align:justify} .tabs_con_m{margin:0} .tabs_con_m a.pic_push{padding-bottom:50%;border-radius:0} .products{width:100%;padding:20px 0 0;overflow:hidden} .products li{width:25%;margin:0;padding:0 8px 20px} .products li:hover{box-shadow:none} .products li:hover .pic_layer{box-shadow:0 3px 6px #eee} .products a.pic_push{border-radius:0} .news_m_con.padt20{padding:25px 0} .jobs_m_img{float:left;width:30%;border:none} .jobs_m_mess{float:left;width:70%;padding-left:30px} .jobs_m_img a{display:block;height:0;padding-bottom:56%;overflow:hidden;transition:.4s} .jobs_m_img a img{width:100%;transition:1.2s linear} .jobs_m_img a:hover{box-shadow:0 4px 8px #ccc} .jobs_m_img:hover img{transform:translateY(-30px)} .jobs_m_mess h2{width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:24px;height:40px;line-height:20px;overflow:hidden} .jobs_m_mess .mess_desc{color:#666;font-size:16px;line-height:1.8;text-align:justify} /*magazine*/ .maga_c_img{float:left;width:30%} .maga_c_mess{float:left;width:70%;padding-left:40px} .prox_bimg_layer{width:100%;height:0;padding-bottom:128%;border-radius:6px;box-shadow:0 4px 10px #ddd;overflow:hidden} .prox_bimg_layer img{width:100%} .maga_c_mess h4{font-size:24px} .c_mess_list{padding:20px 0} .c_mess_list p{font-size:16px;line-height:1.6} .c_mess_btns{width:100%;float:left;padding-top:30px;line-height:36px} .c_mess_btns a{display:inline-block;padding:0 16px;border-radius:6px;color:#fff;cursor:pointer} .m_news_con{padding:30px 0} .solutions .m_news_con{padding:0!important} .m_news_con .intr_tit{font-size:24px;line-height:3} .m_news_con .n_tools{height:40px;line-height:40px} .m_news_con .n_tools a{display:inline-block;float:right} .m_news_con .n_tools a:before{content:'\e752';font-family:iconfont;padding-right:5px} /* investor */ .invest_m{width:100%} .invest_m_chart{float:left;width:50%} .invest_m_mess{float:left;width:50%;padding-left:30px} .invest_chart_tabs{width:100%;border:1px solid #F9F9F9;border-bottom:none;background-color:#efefef} .invest_chart_tabs ul{overflow:hidden} .invest_chart_tabs ul li{float:left;padding:0 20px;font-size:16px;line-height:2;transition:.4s} .invest_chart_tabs ul li.curr{background-color:#E62129} .invest_chart_tabs ul li.curr a{color:#fff} .invest_tabs_con{width:100%;padding:25px;border:1px solid #f6f6f6;background-color:#fff} .invest_tabs_m{position:relative;min-height:315px;height:315px\9;background-color:#fff;overflow:hidden} .invest_tabs_m img{display:block;width:100%;height:auto;position:absolute;top:50%;top:0\9;left:50%;left:0\9;transform:translate(-51%,-50%)} .invest_mess_tit{height:40px;line-height:20px;font-weight:800;font-size:24px} .invest_bg .intr_tit{line-height:50px;font-size:24px;font-weight:800} .invest_bg .intr_tit span{color:#E62129} .invest_mess_con{padding:20px 0} .invest_mess_tit span{color:#e62129} .invest_mess_con i{float:left;width:30%;font-style:normal;font-size:16px;line-height:2} .invest_txt{margin-top:16px;padding-top:16px;border-top:1px solid #F6F6F6;font-size:16px;line-height:1.8;text-align:justify} .invest_txt i{padding-left:10px;font-style:normal;font-size:14px} .invest_txt i a{color:#e62129} /* business */ .business{width:102%;padding-top:30px} .business li{position:relative;width:31.333333%;float:left;margin:0 2% 30px 0;height:0;padding-bottom:18%;overflow:hidden;cursor:pointer} .business li:hover{box-shadow:0 4px 8px #ddd} .business li img{position:absolute;top:50%;top:0\9;left:0;transform:translateY(-50%);transition:1s} .business li:hover img{transform:scale(1.08) translateY(-50%)} .business a{display:block;position:absolute;top:50%;left:0;z-index:2;width:100%;line-height:300px;margin-top:-150px;text-align:center;font-size:28px;color:#f9f9f9;background-color:rgba(0,0,0,.4)} /* 浜烘墠鑱氬悎椤 */ .m_tit_tabs{ margin-top:-1px; line-height:42px; border-bottom:1px solid ; background-color:#FFFFFF; } .hr-banner-box{ width:100%; height:560px; padding:55px 0; background-color:#F6F6F6; border: .5px solid #F0F0F0; background: url(../images/hr-bg.jpg) center no-repeat; background-size: cover; } .hr-banner-content{ width:1320px; height:450px; margin:0 auto; background-color:#FFFFFF; overflow:hidden; } .hr-banner-video{ float:left; width:800px; height:100%; background-color:#000000; } .video-list{ position:relative; width:100%; height:100%; overflow:hidden; } .video-title{ position:absolute; top:0; left:0; z-index:2; width:100%; padding:0 10px; line-height:38px; font-size:16px; font-weight:400; color:#F0F0F0; background: linear-gradient(to right,rgba(0,0,0,.4) 30%,rgba(0,0,0,0) 80%); transform: translate3d(0,-5px,0); opacity:0; transition: .3s; } #video-button{ display:inline-block; position:absolute; top:50%; left:50%; z-index:3; width:80px; height:80px; margin:-60px 0 0 -40px; line-height:78px; text-align:center; font-size:32px; color:rgba(255,0,0,.8); border-radius:50%; border:1px solid rgba(255,255,255,.6); font-family: 'iconfont'; background-color: rgba(255,255,255,.2); cursor:pointer; } #video-button::before{ content: '\e6fe'; } /* #video-button.button-pause{ color:#ff9a27; } #video-button.button-pause:before{ content: '\e652'; } */ .video-list:hover .video-title{ transform: translate3d(0,0,0); opacity:1; } .video-item{ position:absolute; top:0; left:0; width:100%; height:100%; } .video-item video{ display:block; position:absolute; top:50%; left: 0; width:100%; transform: translateY(-50%); } .video-tabs{ position:absolute; bottom:0; left:0; z-index:2; width:100%; height:60px; padding:10px; background:linear-gradient(to right,rgba(0,0,0,.6) 30%,rgba(0,0,0,0) 80%); overflow:hidden; transform: translate3d(0,10px,0); opacity:0; transition:.3s; } .video-list:hover .video-tabs,.video-list:hover #full-screen,.video-list:hover #mini-play{ transform: translate3d(0,0,0); opacity:1; } .video-tabs a{ display:block; position:relative; float:left; width:68px; height:40px; border:1px solid rgba(255,255,255,.4); margin-right:10px; overflow:hidden; opacity:.8; } .video-tabs a.active{ background-color:#bc000f; opacity:1; } /* .video-tabs a.active:before{ display:inline-block; position:absolute; top:50%; left:50%; z-index:2; width:18px; line-height:18px; margin:-9px 0 0 -6px; font-size:16px; content: '\e6fe'; font-family:'iconfont'; color:#E62129; } */ .video-tabs a.active img{ filter: saturate(3); } .video-tabs a img{ display:block; height:38px; } .video-list>a{ display: inline-block; position:absolute; bottom:15px; z-index:4; width:30px; text-align: right; line-height:30px; font-size:22px; font-family: 'iconfont'; color:#FFFFFF; transform: translate3d(0,10px,0); opacity:0; transition:.3s; } .video-list>a:hover{ color:#E62129; } #mini-play{ right:60px; } #full-screen{ right:15px; } #mini-play:before{ content: '\e6fe'; } #mini-play.mini-pause:before{ content: '\e652'; } #full-screen:before{ content: '\e644'; } .hr-banner-news{ float:left; width:520px; padding:0 30px; } .hr-banner-title{ position:relative; height:68px; margin-bottom:10px; line-height:76px; font-weight:400; color:#000000; border-bottom:.5px solid #F0F0F0; } .hr-banner-title h6 { display:inline; padding-left:10px; border-left:4px solid #E62129; font-size:22px; font-weight:400; } #hr-news-page{ position:absolute; top:0; right:0; z-index:2; font-size:12px; font-family: 'iconfont'; } #hr-news-page a{ padding:2px 6px; border: .5px solid #E6E6E6; color:#AAAAAA; cursor:pointer; } #hr-news-page a:hover{ background-color:#E62129; color:#FFFFFF; } #hr-news-page a::before{ content: '\e603'; } #hr-news-page a:first-child:before{ content: '\e656'; } .none-more{ border-color:#F4F4F4!important; background-color:#F6F6F6!important; color:#E6E6E6!important; } .none-more{ cursor:none!important; } .hr-banner-news{ height:100%; border-bottom:20px solid #FFFFFF; overflow:hidden; } .hr-banner-news ul{ height:100%; overflow:hidden; } .hr-banner-news ul li{ position:relative; width:100%; height:44px; line-height:44px; } .hr-banner-news ul li a{ display:block; position:relative; width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; color:#666666; } .hr-banner-news ul li a span{ display:inline-block; margin-right:4px; padding:0 4px; line-height:18px; font-size:12px; color:#FFFFFF; border-radius:2px; } span.news-stick{ background-color:#e76769; } span.news-latest{ background-color: #8fe08b; } .hr-banner-news ul li a:hover{ color:#E6212A; } span.tag-red{ background-color:#e6727d; } span.tag-green{ background-color: #83b375; } span.tag-blue{ background-color:#809fd7; } span.tag-yelow{ background-color:#ffb246; } /*浜烘墠鎷涜仒鑱屼綅鍒楄〃*/ .m_tit_subs{width:100%;margin:20px 0} .m_tit_subs ul li{float:left;position:relative;z-index:5;margin-right:20px;padding:0 20px;font-size:16px;line-height:42px;background-color:#ededed;cursor:pointer} .m_tit_subs ul li span{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:0;background-color:#ed3323;transition:.3s} .m_tit_subs ul li:hover span{height:100%;color:#fff} .m_tit_subs ul li.curr span{height:100%;color:#fff} .m_tit_subs ul li:hover a{color:#fff} .m_tit_subs ul li.curr a{color:#fff} .m_tit_subs ul li.curr .arr{display:inline-block;border-color:#ed3323 transparent transparent transparent} .m_tit_subs ul li .arr{position:absolute;top:42px;left:45%;display:none;border:6px solid} .hr-box{width:100%;border:1px solid #e6e9ed} .hr-box table{width:100%} .hr-box table tr{text-align:center;font-size:16px;line-height:3.2} .hr-box table tr td.first,.hr-box thead th.first{padding-left:20px;text-align:left} .hr-box tbody tr:hover{background:#fffbea;color:#ed3323} .hr-box tbody tr.pages_tr:hover{background:0 0} .hr-box tbody td{border-top:1px solid #e6e9ed} .hr-box thead th{background:#f5f7fa} .hr-box thead th div{width:100%;font-size:16px;line-height:1;margin:18px 0;border-right:1px solid #ddd} .hr-box thead th:last-child div{border:none} td.first a{display:inline-block;position:relative} td.first a:after{content:'鐢宠鑱屼綅';display:inline-block;position:absolute;right:-65px;top:18px;z-index:2;width:65px;height:20px;line-height:20px;text-align:center;font-size:12px;letter-spacing:2px;background-color:#FF4B3D;color:#fff;border-radius:4px;-ms-transform:scale(.8,0);transform:scale(.8,0);overflow:hidden;transition:.4s} td.first a:hover:after{-ms-transform:scale(.8);transform:scale(.8);-ms-transform-origin:center;transform-origin:center} .job_btn{margin:20px;width:100px;font-size:16px;line-height:2.4;border-radius:4px;text-align:center;background-color:#ff4f4f;color:#fff} .job_btn a{color:#fff} .job_btn:hover{background-color:#f63b2e} .job_btn:hover a{color:#fff} .job_con_tit{width:100%;text-align:center;font-weight:700;font-size:20px;line-height:6} .job_mess ul{overflow:hidden;width:100%;margin:10px 0 30px;padding:20px;background-color:#F9F9F9} .job_mess ul li{float:left;width:50%;color:#414141;font-size:16px;line-height:2;color:#888} .job_mess ul li span{padding-left:10px;font-weight:400;color:#333} .artic_txt{padding:20px;font-size:16px;line-height:2} /*鏂伴椈璇︽儏椤?/ .m_news_con h3{padding-top:40px;width:100%;text-align:left;font-size:32px;line-height:2} .solutions h3{padding-top:20px!important} .news-date{display:block;width:100%;margin:10px 0 25px;font-size:16px;line-height:1;color:#666} .n_tools{position:relative;height:46px;width:100%;border-bottom:#ececec 1px solid;color:#888;font-size:14px} #news-share{display:inline-block;float:left;position:absolute;top:22px;left:0;z-index:10;width: 100%;} #news-share span{display:inline-block;width:36px;margin-right:10px;font-family:iconfont;font-size:16px;text-align:center;line-height:34px;color:#BBB;cursor:pointer;border:1px solid #F0F0F0;border-radius:40px;background-color:#F9F9F9;overflow:hidden;transition:.1s} #news-share span:hover{background-color:#F0F0F0;font-size:20px} #news-share a{display:inline-block;position: absolute;top:0;right:0;width:36px;height:36px;line-height:34px;text-align:center;border-radius:50%;background-color:#F9F9F9;border:.5px solid #F0F0F0;color:#888888;} #news-share a::before{content: '\e752';font-family: 'iconfont'} #share-wechat:before{content:'\e61a'} #share-weibo:before{content:'\e62a'} #share-linkedin:before{content:'\e6b3'} #share-wechat:hover{color:#46d046} #share-weibo:hover{color:#ef6c38} #share-linkedin:hover{color:#ffca2e} .news_m_tabs{display:block;width:100%;margin-bottom:20px;padding:0;border:none} .news_m_tabs ul{margin:0;padding:0;list-style:none} .news_m_tabs ul li{position:relative;top:1px;z-index:5;float:left;margin-right:20px;padding:0 20px;width:auto;height:42px;background-color:#ededed;font-size:87%;line-height:42px;cursor:pointer} .news_m_tabs ul li span{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:0;background-color:#ed3323;-webkit-transition:height .3s;transition:height .3s} .news_m_tabs ul li:hover span{height:100%;color:#fff} .news_m_tabs ul li.curr span{height:100%;color:#fff} .news_m_tabs ul li:hover a{color:#fff} .news_m_tabs ul li.curr a{color:#fff} .news_m_tabs ul li a{display:block;width:100%;height:100%;} .news_m_tabs ul li.curr .arr{display:inline-block;border-color:#ed3323 transparent transparent transparent} .news_m_tabs ul li .arr{position:absolute;top:42px;left:45%;display:none;border:6px solid} .magazine_lists{width:100%;overflow:hidden} .magazine_lists ul{width:100%;float:left;border:1px solid #F0F0F0} .magazine_lists .lw{float:left;width:25%;padding:30px 30px 0} .magazine_lists .lw>a,.magazine_lists .sw>a{position:relative;width:100%;height:0;padding-bottom:126%;border-radius:4px;overflow:hidden;box-shadow:0 4px 16px #aaa;background-color:#f9f9f9;transition:.4s} .magazine_lists .lw>a img,.magazine_lists .sw>a img{position:absolute;top:50%;top:0\9;transform:translateY(-50%)} .magazine_lists .lw>a:hover,.magazine_lists .sw>a:hover{transform:translateY(-5px);box-shadow:0 10px 20px #999} .magazine_lists .lw>a:after,.magazine_lists .sw>a:after{transition:1s} .magazine_lists .lw>a:hover:after,.magazine_lists .sw>a:hover:after{transform:skewX(-30deg) translateX(100%)} .magazine_lists .lw h2,.magazine_lists .sw h2{font-size:18px;line-height:3;text-align:center} .magazine_lists .sw{float:left;width:33.333333%;padding:25px 25px 10px} /* share */ #qr-mask{position:fixed;top:0;left:0;z-index:999999;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)} #wechat-qr:before{content:'\e62e';font-family:iconfont;font-size:16px;color:#E62129;display:inline-block;position:fixed;top:50%;left:50%;z-index:1000001;width:30px;line-height:30px;text-align:center;margin:-137px 0 0 94px;border-radius:50%;background-color:#F9F9F9;box-shadow:0 1px 2px #666} #wechat-qr{position:fixed;top:50%;left:50%;z-index:1000000;margin:-120px 0 0 -150px;width:260px;height:290px;padding:10px 10px 0;border-radius:6px;background-color:#fff;animation:qrScale .4s} #wechat-qr:after{content:'鎵撳紑寰俊鎵竴鎵?;display:block;width:100%;height:40px;line-height:40px;font-size:14px;text-align:center} @keyframes qrScale{0%{transform:scale(0);opacity:0} 100%{transform:scale(1);opacity:1;border-radius:6px} } #news-reader{display:none\9;position:fixed;right:50%;z-index:100;margin-top:15px;margin-right:-369px;height:48px;float:right;border:1px solid #EEE;border-radius:40px 0 0 40px;background-color:#F0F0F0;transition:.4s} .reader-bottom{bottom:440px} #news-reader span{display:inline-block;float:left;overflow:hidden;transition:.4s} .audio-btn{width:36px;height:36px;margin:5px;line-height:34px;text-align:center;font-size:16px;font-family:iconfont} .play{border-radius:36px;margin-left:1.5px;border:1px solid #fff;background:#DDD;cursor:pointer;color:#E62129} .play:hover{color:#2dda68} .play-tip{width:80px;height:44px;line-height:44px;font-size:14px;color:#999} .play-tip span{padding-left:5px} .pause-btn,.stop-btn{width:0;margin:0;background:#b6b6b6;border-radius:40px;border:1px solid #fff;overflow:hidden;-ms-transform:scale(0);transform:scale(0);cursor:pointer} .play:before{content:'\e67e'} .pause-btn:before{content:'\e6db'} .stop-btn:before{content:'\e612'} .swith-btn:before{content:'\e625'} .audio-btn-show{width:36px;margin:5px 0 5px 5px;color:#eee;-ms-transform:scale(1);transform:scale(1);-ms-transform-origin:center;transform-origin:center} .audio-btn-hide{width:0;margin:0;padding:0;-ms-transform:scale(0);transform:scale(0);-ms-transform-origin:center;transform-origin:center} .audio-fix{margin-right:-360px!important;border-radius:40px!important;background-color:#F6F6F6!important;box-shadow:0 4px 10px #F0F0F0 inset,3px 6px 20px #CCC;border-color:#d9d9d9!important} .play-tip i{display:inline-block;float:left;margin:0 1px;width:2px;height:26px;margin-top:11px;-ms-transform:scaleY(.06);transform:scaleY(.06);border-radius:4px;background-color:#2dda68;animation:load 1s ease infinite} .play-tip-pause i{-ms-transform:scaleY(.06)!important;transform:scaleY(.06)!important;animation:none} @-webkit-keyframes load{0%,100%{transform:scaleY(.1);opacity:1} 50%{transform:scaleY(.8);opacity:.6} } .play-tip i:nth-child(18),.play-tip i:nth-child(2){animation:none} .play-tip i:nth-child(17),.play-tip i:nth-child(3){animation:none;transform:scaleY(.2)} .play-tip i:nth-child(4){animation-delay:0} .play-tip i:nth-child(5){animation-delay:.3s} .play-tip i:nth-child(6){animation-delay:.6s} .play-tip i:nth-child(7){animation-delay:.9s} .play-tip i:nth-child(8){animation-delay:1.2s} .play-tip i:nth-child(9){animation-delay:1.5s} .play-tip i:nth-child(10){animation-delay:1.8s} .play-tip i:nth-child(11){animation-delay:2.1s} .play-tip i:nth-child(12){animation-delay:2.4s} .play-tip i:nth-child(13){animation-delay:2.7s} .play-tip i:nth-child(14){animation-delay:3s} .play-tip i:nth-child(15){animation-delay:3.3s} .play-tip i:nth-child(16){animation-delay:3.6s} .play-tip i:nth-child(17){animation-delay:3.9s} #tts{width:0;height:0;overflow:hidden;opacity:0} .artic_txt{min-height:600px;padding:40px 0} .artic_txt p{text-align:justify;font-size:16px;line-height:1.8!important} .artic_txt img{display:block;width:70%;max-width:100%;margin:0 auto;border-radius:4px} /*pre & next*/ .detail_bot ul{overflow:hidden} .detail_bot ul li{float:left;width:50%;padding-left:70px;font-size:16px;line-height:3;background-color:#F9F9F9;text-indent:10px} .detail_bot ul li a{display:block;width:100%;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .detail_bot ul li .mark,.detail_bot ul li .time{display:none} .detail_bot li#prev{border-right:2px solid #fff} .detail_bot li#next{border-left:2px solid #fff} .detail_bot li:before{display:inline-block;float:left;width:70px;margin-left:-70px;text-align:center;text-indent:0;color:#999;background-color:#EEE} .detail_bot #prev:before{content:'涓婁竴绡?} .detail_bot #next:before{content:'涓嬩竴绡?} .piccontext{margin-bottom:80px;padding:20px 40px;overflow:hidden;background-color:#fff} .piccontext h2{width:100%;overflow:hidden;line-height:2} .source{width:100%;padding:10px 0 20px;overflow:hidden} .source_left{float:left;width:50%;font-size:0;color:#fff} .source_left span{font-size:16px;line-height:2;color:#999} .source_right{float:right;font-size:16px;line-height:2;color:#666} .source_right a{display:inline-block;font-size:16px;line-height:2;color:#666} .gaoqing:hover,.source_right a:hover{color:#E62129!important} .source_right a:before{display:inline-block;margin:0 5px;content:'\e607';font-family:iconfont} .source_right span{padding:0 10px;color:#EEE} .source_right1{display:none;float:right} .support{float:left;font-size:16px;line-height:2} .gaoqing i,.support i{display:inline-block;margin:0 5px;font-size:0;color:#fff;font-family:iconfont} .gaoqing i:before{content:'\e629';font-family:iconfont;font-size:16px;color:#666} .support i:first-child:before{content:'\e605';font-size:16px;color:#E62129} .support i:last-child:before{content:'\e606';font-size:16px;color:#E62129} .picshow{width:100%;overflow:hidden} .picshowtop{width:100%;background-color:#F6F6F6;position:relative;z-index:1;overflow:hidden} .contextDiv{height:100%;width:160px;position:absolute;top:0;z-index:5;cursor:pointer;transition:.4s} .picshowtop:hover .contextDiv{transform:translateX(0)!important} #preArrow{left:0;background:-webkit-linear-gradient(left,rgba(0,0,0,.6) ,rgba(0,0,0,0));transform:translateX(-160px)} #nextArrow{right:0;background:-webkit-linear-gradient(right,rgba(0,0,0,.6) ,rgba(0,0,0,0));transform:translateX(160px)} .contextDiv span{display:inline-block!important;position:absolute;top:50%;z-index:2;width:120px;line-height:60px;margin-top:-30px;text-align:center;font-size:42px;color:#fff;font-family:iconfont} #preArrow span{left:0} #nextArrow span{right:0} .contextDiv:hover span{color:#E62129} #preArrow_A:before{content:'\e656'} #nextArrow_A:before{content:'\e603'} .picshowtop img{width:100%;margin-top:-10%} .picshowtop>a:first-child{display:block;width:100%;height:0;padding-bottom:50%;overflow:hidden} .picshowtxt{width:100%;margin-top:25px;border:#ddd 1px solid} .picshowtxt_left{float:left;width:6%;line-height:50px;text-align:center;font-size:18px;background-color:#F0F0F0;letter-spacing:2px} .picshowtxt_left i{font-style:normal} .picshowtxt_left i:before{content:'/';padding:0 4px;color:#ff4f4f} .picshowtxt_right{float:left;width:94%;line-height:50px;padding:0 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .picshowlist{width:100%;margin-top:20px;overflow:hidden} .picshowlist_left,.picshowlist_right{float:left;width:15%;overflow:hidden} .picshowlist_left{padding-right:36px} .picshowlist_right{padding-left:36px} .picleftimg a{display:block;width:100%;height:0;padding-bottom:53%;border-radius:4px;overflow:hidden} .picleftimg a img{width:100%} .piclefttxt{width:100%} .piclefttxt a{color:#686868} .piclefttxt{position:relative;z-index:10;width:100%;margin-top:-30px;padding:0 10px;font-size:12px;line-height:30px;background-color:rgba(0,0,0,.4);text-align:center} .piclefttxt a,.piclefttxt span{display:block;color:#F6F6F6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .picshowlist_mid{float:left;position:relative;width:70%} /**Start鏂板浜鸿祫鏉垮潡鍥鹃泦鏍峰紡**/ .hr_pic{width:100%;padding:0 34px;} .hr_pic .picmidleft{left:0;} .hr_pic .picmidright{right:0;} /**Start鏂板浜鸿祫鏉垮潡鍥鹃泦鏍峰紡**/ .picmidleft{position:absolute;top:50%;left:-24px;z-index:2;width:30px;height:300px;margin-top:-150px} #nextArrow_B i,#preArrow_B i{display:none} #nextArrow_B,#preArrow_B{display:block;width:100%;height:100%;line-height:300px;text-align:center;font-family:iconfont;background-color:#999;color:#fff} #preArrow_B:before{content:'\e656'} #nextArrow_B:before{content:'\e603'} .picmidright{position:absolute;top:50%;right:-24px;z-index:2;width:30px;height:300px;margin-top:-150px} .picmidmid{float:left;width:100%;overflow:hidden} .picmidmid ul{width:1000%;overflow:hidden;position:relative} .picmidmid ul li{float:left;margin-left:13px;width:116px;text-align:center;overflow:hidden;position:relative} .picmidmid ul li a{display:block;width:100%;height:0;padding-bottom:68%;overflow:hidden} .picmidmid ul li img{border:2px solid #fff;border-radius:4px} .selectpic{border:2px solid #ffa200!important} .piclistshow{width:100%;display:none;overflow:hidden} .piclistshow ul{width:100%;width:103%\9;overflow:hidden} .piclistshow ul li{float:left;width:calc(25% - 2px)!important;margin:30px 3% 0 0\9;padding:15px;padding:0\9;border:1px solid #f6f6f6;border:none\9;overflow:hidden;cursor:pointer} .piclistshow ul li:hover{background-color:#f6f6f6} .picimg{width:100%;height:0;padding-bottom:60%;overflow:hidden} .pictxt{width:100%;height:48px;padding:4px;overflow:hidden} .pictxt h3{font-size:14px;line-height:20px;font-weight:400} .pictxt i,.pictxt span{font-style:normal;font-size:12px;color:#ff4f4f} .bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;z-index:1100;position:fixed;top:0;left:0;display:none} .endtop,.firsttop{display:none;position:fixed;top:50%;left:50%!important;width:600px;padding:10px;margin-top:-159px;margin-left:-300px;z-index:1200;border-radius:6px;background-color:rgba(0,0,0,.9);background:#1C1C1C\9} .pictwo,.pictwo ul{width:100%;padding:6px 0 0;overflow:hidden} .pictwo ul li{float:left;width:50%;padding:0 20px} .pictwo ul li>a{display:block;width:100%;height:0;padding-bottom:60%;border-radius:4px;overflow:hidden} .pictwo ul li a img{width:100%;max-width:2000%} .close2{width:30%;float:right;padding:10px 20px 30px} .close2 a{display:block;width:100%;text-align:right;color:#F9F9F9} .close2 a:before{content:'\e62e';font-family:iconfont} .close2 a i,.replaybtn1 i,.replaybtn2 i{display:none} .replay{width:70%;float:left;padding:20px;font-size:14px;color:#F6F6F6} .replay h2{display:inline-block;float:left;font-size:14px;font-weight:400} .replaybtn1,.replaybtn2{display:in1line-block;color:#F9F9F9;padding:0 8px;background-color:rgba(255,255,255,.4);border-radius:2px} .imgdivtext,.returnbtn{width:100%;padding:5px 20px;text-align:center} .imgdivtext a{font-size:14px;color:#777} .returnbtn a{display:block;width:100%;margin:20px 0 10px;line-height:40px;font-size:14px;text-align:center;border-radius:4px;background-color:rgba(255,255,255,.1);color:#999} /* product detail */ /* #messBox{display:none} */ #messBox{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background-color:rgba(0,0,0,.4)} .messDetail{position:fixed;top:50%;left:50%;z-index:9999999;width:600px;margin:-300px 0 0 -300px;background-color:#fff;border-radius:6px;overflow:hidden} .infoBox_tit{padding:15px 20px;font-family:iconfont;font-size:18px;line-height:20px;text-align:center;background-color:#F9F9F9} .infoBox_tit>i{float:left;font-size:24px;line-height:20px} .close-reveal-modal{display:inline-block;float:right;font-size:14px;color:#999} #guestBoxCon>div{width:100%;padding:10px 20px;overflow:hidden} #guestBoxCon label{display:block;float:left;width:80px;line-height:30px;padding-right:15px;text-align:right;font-size:14px;color:#888} #guestBoxCon input{display:block;float:left;width:440px;height:30px;padding:0 10px;line-height:20px;border:1px solid #DDD;outline:0} #guestBoxCon select{display:block;width:300px;height:30px;padding:0 10px;line-height:30px;border:1px solid #DDD;outline:0} #guestBoxCon textarea{width:440px;height:80px;padding:0 10px;line-height:2;border:1px solid #DDD;outline:0} #gcaptcha{width:100px!important} .verify img{display:inline-block;width:100px;margin-left:20px} .mess-subm{text-align:center;background-color:#F9F9F9} .mess-subm button{display:inline-block;margin:16px 0;padding:6px 20px;font-size:14px;letter-spacing:3px;outline:0;border:none;border-radius:2px;background-color:#ff4f4f;color:#fff;cursor:pointer} .mess-subm button:last-child{background-color:transparent;color:#999} .prox_sec{padding:30px 0} .prox_sec_img{float:left;width:40%;height:0;padding-bottom:24%;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #999} .prox_sec_img img{width:100%!important;max-width:1000%} .prox_sec_mess{width:60%;float:left;padding-left:30px} .share_model{display:inline-block;width:auto;padding:6px 4px;border:1px solid #eee;border-radius:30px;transition:.4s} .share_model:hover{background-color:#F9F9F9} .share_model:before{content:'鍒嗕韩:';display:inline-block;position:relative;z-index:2;line-height:24px;padding:0 8px;margin:5px 5px 0 0;font-size:13px;color:#999} .share_model span{font-family:iconfont;display:inline-block;position:relative;z-index:2;width:34px;line-height:32px;margin-right:10px;color:#999;text-align:center;border-radius:50%;border:1px solid #eee;background-color:#fff;cursor:pointer} .prox_m_desc{padding:16px 0;font-size:16px;line-height:1.8;text-align:justify;color:#666} .prox_btns a{display:inline-block;margin:24px 40px 0 0;padding:8px 20px;font-size:14px;border-radius:4px;color:#fff;transition:.4s} .prox_btns a:hover{transform:translateY(-2px)} .prox_btns a ins{display:inline;text-decoration:none} .add_cart{background-color:#E62129;box-shadow:0 2px 4px rgba(255,0,0,.2)} .add_cart:hover{box-shadow:0 3px 12px rgba(255,0,0,.5)} .add_say{background-color:#EF6C38;box-shadow:0 2px 4px rgba(228,124,47,.2)} .add_say:hover{box-shadow:0 3px 12px rgba(228,124,47,.6)} .sub-success .mess-subm button{display:none} .sub-success input,.sub-success select,.sub-success textarea{border-color:transparent!important} .sub-success .verify{display:none} .sub-success img{display:none} .sub-success .mess-subm:after,.sub-success .mess-subm:before{display:inline-block;margin:16px 5px;height:31px;line-height:31px;overflow:hidden} .sub-success .mess-subm:before{content:'\e621';font-family:iconfont;font-size:30px;line-height:34px;color:#2DDA68} .sub-success .mess-subm:after{content:'鐣欒█鍙戦€佹垚鍔燂紒绋嶅悗瀹㈡湇浜哄憳灏嗕笌鎮ㄥ彇寰楄仈绯伙紝璋㈣阿锛?;font-size:14px;color:#888} .sub-alert{animation:borderBling 1.2s infinite;border:1px solid #E62129\9} .must:before{content:"*";color:#e62129} @-webkit-keyframes borderBling{0%{border-color:rgba(255,0,0,.2)} 50%{border-color:rgba(255,0,0,.4)} 100%{border-color:rgba(255,0,0,.2)} } .reback{display:block;position:relative;width:100%;height:30px;border-bottom:1px solid #eee;font-size:0;color:#fff} .reback i{display:inline-block;position:absolute;top:14px;left:10px;z-index:1;padding:0 15px;line-height:30px;font-size:13px;color:#888;background-color:#fff;border:1px solid #eee;border-radius:40px} .reback i:hover{background-color:#F9F9F9;color:#E62129} .reback i:after{content:'杩斿洖浜у搧鍒楄〃'} .reback i:before{content:'\e752';font-family:iconfont;padding-right:10px} /* search */ .search_layer{padding:20px 40px;background-color:#fff} .search_msg{margin-bottom:10px;font-size:18px;line-height:3.2;border-bottom:1px solid #eee;font-weight:700;color:#888} .key_txt{color:#e62129} .s_list{padding:20px 0;border-bottom:1px solid #f6f6f6} .s_list dt{font-weight:700;line-height:2} .s_list span{color:#666} .s_list i{font-style:normal} .s_list dd{font-size:14px;color:#888} .s_list .zy{font-size:16px;color:#666;line-height:1.6;padding:10px 0} /* ************************response*********************************** */ @media screen and (max-width:1320px){ #news-reader{right:22%;margin:21px} .audio-fix{margin-right:31px!important} .hr-banner-content{ width:calc(100% - 80px); } .hr-banner-video{ width:calc(100% - 400px); } .hr-banner-news{ width:400px; } } @media screen and (max-width:1200px){ .body_bg{padding-top:60px} .p_banner{padding-bottom:26.666666%} .p_banner a{display:block;width:160%;height:0;margin-left:-30%} .leader_words{width:100%} .a_intr{width:50%;padding-bottom:36%;border:10px solid #F9F9F9} .leader_txts{background-color:#b99b77} .leader_img img{width:70%} .long_h.fr{border-top:10px solid #F9F9F9;border-left:0;padding-bottom:calc(36% + 20px)} .long_h.fr p:last-child{-webkit-line-clamp:2} .short_h.fr{border-left:0} .leader_txts p{line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .leader_top p{font-size:24px} .news_m_con .news_pbox,.news_m_con .news_pbox>ul,.news_m_con .news_pbox>ul>li{width:100%;padding-bottom:50%} .news_m_list{width:100%} .news_m_list .news_list_layer{padding-left:0} .m_con_push{width:100%} .m_con_push img{width:100%} p.ml_desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .jobs_m_mess .mess_desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden} .invest_m_chart{display:none} .invest_m_mess{width:100%;padding:0} .invest_mess_tit{height:30px;font-size:18px} .invest_bg .intr_tit{font-size:18px} .talent-platform .m_con_push{width:100%} .talent-platform .push_model{float:left;width:calc(50% - 20px);margin-top:10px;margin-bottom:10px;margin-right:20px} .platform .push_model:nth-child(2n){margin-right:0;margin-left:20px} .talent-platform .push_mess h2 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .talent-platform .push_desc{-webkit-line-clamp:1} } @media screen and (max-width:1024px){ .a_intr_tit,.leader_txts h4,.news_m_tit{font-size:24px} .a_intr{padding-bottom:40%} .leader_txts{padding:20px} .leader_txts a{bottom:20px;left:20px} .long_h.fr{padding-bottom:calc(40% + 20px)} .leader_top p{font-size:22px;line-height:1.4} .jobs_m_mess .mess_desc{-webkit-line-clamp:4} .magazine_lists .lw{float:left;width:33.333333%;padding:20px 20px 0} .picshowlist_left,.picshowlist_right{display:none} .picshowlist_mid{width:100%} .picmidleft{left:0} .picmidright{right:0} .picmidmid{padding:0 20px} /**Start鏂板浜鸿祫鏉垮潡鍥鹃泦鏍峰紡**/ .hr_pic .picmidmid{padding:0} /**End鏂板浜鸿祫鏉垮潡鍥鹃泦鏍峰紡**/ .piclistshow ul li{width:32.333333%; width:30.333333%!important\9;border:1px solid #f6f6f6} } @media screen and (max-width:900px){ .leader_top p{font-size:20px} .a_intr{padding:15px;padding-bottom:40%} .long_h.fr{padding-bottom:calc(40% + 15px)} .leader_top{padding-bottom:20%} .leader_words{padding-bottom:36%} .leader_img img{width:80%;margin:0} .leader_font{font-size:14px} .a_intr_tit,.news_m_tit{padding-bottom:10px} .m_pic_push li h2{font-size:14px} } @media screen and (max-width:880px){ .hr-banner-box{ height:auto; padding:40px; } .hr-banner-content{ height:auto; width:100%; } .hr-banner-video{ width:100%; height:calc((100vw - 80px) * .65); } .hr-banner-news{ width:100%; } } @media screen and (max-width:768px){ .leader_words{padding-right:0} .bread_bar{font-size:12px} .leader_txts{right:0} .leader_top p{font-size:18px;line-height:1.2} .a_intr p:last-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .m_container{width:100%;padding:0 10px 20px;border:1px solid #F3F3F3} .sidebar{width:100%;border:none;border-top:20px solid #F9F9F9} .sidebar .side_tit{padding:0 10px} .side_adv{display:none} #nav{padding:0} #nav li{float:left;width:33.333333%;margin-bottom:16px;padding:0 10px;border:none} #nav li a{padding:0;line-height:40px;text-align:center;border:1px solid #F0F0F0} #nav li.on a{background-color:#E62129;border-color:#E62129} #nav li a span{display:none} .m_pic_push{width:100%} .m_pic_push li{width:50%;margin:10px 0;padding-right:10px;box-shadow:none!important;transform:translate(0)!important} .m_pic_push li:nth-child(2n){padding:0 0 0 10px} .products li{padding:0 10px 0 0} .products li:nth-child(2n){padding:0 0 0 10px} .news_m_list ul li{position:relative} .news_m_list ul li i{display:none} .news_m_list ul li a{display:block;width:calc(100% - 100px)} .news_m_list ul li span{width:88px} .m_news_con h3{font-size:24px} #news-reader{right:0;margin:0;margin-top:15px;border-color:#fff;background-color:#F6F6F6} #news-reader.audio-fix{margin-right:0!important;border-radius:40px 0 0 40px!important;border:1px solid #F0F0F0!important;box-shadow:0 -4px 10px #F0F0F0 inset,2px 4px 16px #F6F6F6;background-color:#F9F9F9!important} .audio-fix .play,.pause-btn,.stop-btn{background-color:#E6E6E6} .audio-btn-show{color:#fdfdfd} .detail_bot ul li{width:100%;border:0!important;margin:2px 0} .piccontext{padding:10px 10px 20px;margin-bottom:40px} .support{display:none!important} .contextDiv{transform:translate(0)!important} #preArrow_A{text-align:left;padding-left:14px} #nextArrow_A{text-align:right;padding-right:14px} .picshowtxt_left{width:80px} .picshowtxt_right{width:calc(100% - 80px)} .search_msg{line-height:1.6;padding:10px 0;text-align:justify} .search_layer{padding:10px 20px} .m_business{padding:0 10px} .piclistshow ul{width:100%} .piclistshow ul li{width:50%!important;margin:0!important} .hr-banner-box{height:auto;padding:0;} .hr-banner-box~.sec_main .sidebar{position:static;float:left;} .hr-banner-news{padding:0 20px;} .sec_main{padding-bottom:0;} } @media screen and (max-width:640px){ .leader_words{padding-bottom:40%} .leader_txts h4{height:auto} .a_intr{width:100%;padding-bottom:60%;border-right:0} .long_h.fr{padding-bottom:calc(60% + 20px)} .shine_img{position:relative;height:0;padding-bottom:40%;overflow:hidden} .shine_img img{position:absolute;top:50%;transform:translateY(-50%)} .leader_top{padding-bottom:0;height:auto} .leader_t_img{width:100%;height:0;padding-bottom:60%;padding-left:0} .leader_top p{width:100%;padding:15px;font-size:24px} .a_intr p:last-child,.leader_txts p,.long_h.fr p:last-child{font-size:14px} .magazine_lists .lw,.magazine_lists .sw{float:left;width:33.333333%;padding:16px 16px 0} .magazine_lists .lw h2,.magazine_lists .sw h2{font-size:14px} .endtop,.firsttop{width:calc(100vw - 20px);left:10px!important;top:100px;margin-top:0;margin-left:0;padding:10px 0} .replaybtn1,.replaybtn2{display:none} .pictwo ul li{padding:0 10px 0 20px} .pictwo ul li:last-child{padding:0 20px 0 10px} .returnbtn a{margin:10px 0 5px} .picshowtop>a:first-child{padding-bottom:56%} .prox_sec_img{width:100%;padding-bottom:60%;border-radius:2px} .prox_sec_img img{width:100%;max-width:1000%} .prox_sec_mess{width:100%;padding:20px 0 0} .talent-platform .push_model{float:left;width:calc(50% - 10px);margin-top:10px;margin-bottom:10px;margin-right:10px} .platform .push_model:nth-child(2n){margin-left:10px} .talent-platform .push_desc{-webkit-line-clamp:2} .talent-platform .push_mess h2 a{font-size:16px} .talent-platform .push_desc{font-size:12px} .business{width:102%} .business li{width:48%;margin:0 2% 12px 0;padding-bottom:28%} .business a{font-size:18px} .messDetail{left:5vw;width:90vw;margin:0;transform:translateY(-50%)} #guestBoxCon>div{padding:10px 20px 10px 10px} #guestBoxCon label{width:70px;padding-right:5px} #guestBoxCon input,#guestBoxCon select,#guestBoxCon textarea{width:calc(100% - 70px)} } @media screen and (max-width:520px){ .p_banner{padding-bottom:80%} .banner-second{padding-bottom:60%} .p_banner a{width:480%;margin-left:-40px} .p_banner a img{width:100%;max-width:100000%;filter:blur(6px)} @keyframes bannerScale{from{transform:scale(1.4) translateX(40px)} to{transform:scale(1.1) translateX(0)} } .banner-second a{width:360%} .banner-words{display:block;position:absolute;top:0;right:0;z-index:2;width:100%;text-align:center;color:#fff} .banner-second .banner-words{height:100%;display:flex;justify-content:center;align-items:center} .banner-second .banner-words h6{margin:0;padding:0 0 10px} .banner-second .banner-words p{margin:0;padding:5px 0} .banner-words h6{font-size:32px;font-weight:400;margin:42px 0 20px} .banner-words p{font-size:16px;margin:10px 0 0;letter-spacing:2px} .sec_main{position:relative} .sidebar{position:absolute;top:-135px;left:0;z-index:100;padding:18px 10px 8px;border:none;background-color:rgba(0,0,0,.3)} .sidebar .side_tit{display:none} .sidebar-one-row{top:-96px} #nav li{margin-bottom:10px} #nav li,#nav li a{height:30px;line-height:30px;color:rgba(255,255,255,.8)} #nav li a{font-size:14px;background-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .m_tit,.news_m_tit{font-size:18px;font-weight:800} #history_year{max-height:62px} .m_txt *{font-size:14px!important} .a_intr{overflow:visible!important;border:1px solid #F6F6F6!important;margin:5px 0!important} .leader_words{width:calc(100% - 2px);height:auto;padding:0;background-color:#8d7d63;margin-bottom:8px;margin-left:1px} .leader_txts h4{padding-bottom:10px} .leader_txts{position:static;width:100%;top:40%;height:auto;padding-bottom:80px} .leader_img img{width:100%} .leader_txts a{width:calc(100% - 40px);text-align:center} .a_intr{position:relative;height:auto;padding-bottom:20px!important} .a_intr_tit,.news_m_tit{padding-bottom:15px} .news_layer{position:relative;margin-bottom:15px;padding:0 20px 20px} .push_model{margin-bottom:20px;border-bottom:1px solid #F6F6F6} .push_img{width:100%;position:relative;overflow:hidden} .push_img a img{position:absolute;top:50%;transform:translateY(-50%)} .news_m_con .news_pbox ol{top:8px} .push_mess{width:100%;padding:10px 0 16px} .news_layer:hover .news_m_tit a{opacity:1} .news_m_con .news_pbox ul li span{font-size:14px} .push_mess h2{font-size:15px} .news_m_tabs ul li:last-child{margin:0} .news_m_list ul li a,.push_desc{font-size:14px} .push_desc{line-height:1.6} .news_m_list ul li span,.push_datetime{font-size:12px} .news_m_list ul li{height:28px;line-height:28px} .news_m_list ul li span{width:76px;padding:0;text-align:right} .news_m_list ul li a{width:calc(100% - 76px)} .news_m_con .news_pbox,.news_m_con .news_pbox>ul,.news_m_con .news_pbox>ul>li{padding-bottom:58%;border-radius:4px} .news_m_con .news_pbox{margin-bottom:20px;box-shadow:none;} .a_intr_tit a,.news_m_tit a{position:absolute;top:-2px;right:15px;z-index:3;width:40px;height:40px;line-height:32px;margin:0;font-size:12px;text-align:center;letter-spacing:0;color:#fff;background-color:#ff4f4f} .a_intr_tit a:after,.news_m_tit a:after{content:'';display:inline-block;position:absolute;top:31px;right:0;z-index:4;width:0;height:0;border-width:0 20px 10px;border-style:solid;border-color:transparent transparent #fff} .leader_top p{font-size:20px} .hlist_img,.list_mess{width:100%;padding:0} .bx_wrap a{font-size:0!important} .event_list h3:before,.event_list:before,.histt:before{display:none} .event_list{margin-top:10px} .event_list li{margin:0;padding:28px 0 18px;border-bottom:1px solid #F0F0F0} .event_list h3{width:100%;height:60px;line-height:60px;font-size:18px!important;text-align:center;border:1px solid #F0F0F0} span.h_layer{position:relative;padding-bottom:52%;border-radius:8px;box-shadow:0 4px 8px #DDD} span.h_layer img{position:absolute;top:50%;transform:translateY(-50%) scale(1)!important} .histt{position:relative;z-index:4;margin-top:-40px;color:#fff;font-size:18px!important;text-align:center;height:40px;line-height:40px;background-color:rgba(0,0,0,.4);border-radius:0 0 6px 6px;letter-spacing:4px} .hisct{padding:10px 5px} .m_list{margin-top:10px} .m_list ul li{margin:10px 0;padding-bottom:20px} a.ml_img{position:relative;width:100%;padding-bottom:48%} a.ml_img img{position:absolute;top:50%;transform:translateY(-50%)} .ml_mess{width:100%;padding:10px 0 0} .m_list ul li h2{height:auto;padding-bottom:6px;font-size:15px;line-height:1.4;text-align:justify} .m_list ul li h2 a{display:block;overflow:visible;white-space:normal} .m_list ul li h2 i{display:none} p.ml_time{font-size:12px;padding-bottom:6px} p.ml_desc{font-size:14px;line-height:1.6;-webkit-line-clamp:3} .jobs_m_img{width:40%} .jobs_m_img a{padding-bottom:66%} .jobs_m_mess{width:60%} .jobs_m_mess h2{font-size:18px;height:30px;line-height:20px} .jobs_m_mess .mess_desc{margin-bottom:10px;font-size:14px;line-height:1.6} .jobs_m_img:hover img{transform:none} .invest_txt{margin:0;padding-top:10px;font-size:14px;line-height:1.6} .invest_txt i{display:block;width:100%;margin-top:16px;padding:0;border:1px solid #f3f3f3;border-radius:4px;background-color:#F8F8F8} .invest_txt i a{display:block;line-height:2.6;text-align:center} .invest_mess_tit{height:50px;line-height:50px;border-top:1px solid #F6F6F6;border-bottom:1px solid #F6F6F6} .invest_mess_con{padding:15px 0} .invest_mess_con i{width:50%;font-size:14px;line-height:1.8} .hr-box table tr,.hr-box thead th div{font-size:14px} .job_con_tit{font-size:18px;line-height:3} .job_mess ul{margin:20px 0 0} .job_mess~.artic_txt{font-size:14px;border:1px solid #F9F9F9} .hr-box table tr td.first,.hr-box thead th.first{text-align:center;padding:0} .job_mess ul li{width:100%;font-size:14px} .job_btn{width:100%;margin:20px 0 0;background-color:#F6F6F6;border:1px solid #F0F0F0;font-size:14px} .m_news_con h3{padding-top:10px;font-size:16px;line-height:1.6;text-align:justify} .solutions h3{padding-top:10px!important} .news-date{margin:10px 0 0;font-size:12px} .artic_txt p,.detail_bot ul li,.prox_m_desc{font-size:14px} .piccontext h2{padding-bottom:10px;font-size:18px} .source{font-size:14px;padding:0;border-bottom:1px solid #f6f6f6} .source_right a,.source_right1 a{font-size:12px!important;line-height:2} .source_right i,.source_right1 i{margin:0;padding:0;font-size:10px} .picshowtxt{margin:0;border:none} .picshow{margin-top:15px} .picshowtxt_left,.picshowtxt_left i,.picshowtxt_left span,.picshowtxt_right{height:32px;line-height:32px;font-size:14px;background-color:transparent} .picshowtxt_left i,.picshowtxt_left span{float:none;width:auto} .picshowtxt_left{width:60px;text-align:center;letter-spacing:2px;background-color:#DDD} .picshowtxt_right{width:calc(100% - 60px);padding:0 10px;font-size:14px;background-color:#F9F9F9} .picshowtxt_left i:before{padding:0} #nextArrow_A,#preArrow_A{font-size:24px} .share_model{padding:2px 4px 4px} .share_model span{width:28px;line-height:26px} .prox_m_desc{padding:10px 0} .prox_btns a{width:100px;padding:6px 0;margin:0;margin-top:20px;text-align:center} .prox_btns a:first-child{margin-left:calc(50vw - 150px);margin-right:30px} .magazine_con{position:relative;padding-bottom:46px} .maga_c_mess{padding-left:20px} .m_news_con .intr_tit,.maga_c_mess h4{font-size:18px} .c_mess_list p{font-size:14px} .c_mess_list{padding:10px 0} .c_mess_btns{position:absolute;bottom:0;left:0;padding-left:calc(50% - 100px);z-index:2;text-align:center} .c_mess_btns a{width:80px;padding:0;font-size:14px;text-align:center;margin:0 10px;line-height:34px} .search_msg{font-size:16px} .s_list dd{font-size:12px} .s_list .zy{font-size:14px;padding:5px 0 10px} .page-con select{display:none} .m_business~.sidebar{display:none} .bread_bar{line-height:1.8} .piclistshow ul li{width:100%!important;margin:15px 0 0!important;padding:0;border:none!important;border-bottom:1px solid #f6f6f6!important} .pictxt{height:auto} .pictxt h3{line-height:2} .artic_txt,.m_container{min-height:auto} .artic_txt img{width:100%} .sub-success .mess-subm:after{height:auto;margin:0;padding:0 30px 20px;font-size:12px; line-height:1.6} } @media screen and (max-width:420px){ .sec_main>.wrap{padding:0} .m_pic_push li{width:100%;padding:0!important} .m_pic_push li img{margin:0} .m_pic_push li h2{height:60px;line-height:70px;margin-top:-60px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6) 70%);border:none} .m_pic_push li h2 a{font-size:16px;color:#fff} a.pic_push{border-radius:0} .push_img a{position:relative;padding-bottom:45%} .push_img a img{position:absolute;top:50%;transform:translateY(-50%)} #news_c02,#news_c03{display:none!important} .page-con select{display:none} .subsidiary li{padding:10px 16px;margin:10px 0} .subsidiary li div a{line-height:1.6} .subsidiary li div h4{height:28px;line-height:24px} .subsidiary li:after{text-align:right;font-size:80px;right:14px;bottom:4px} .jobs_m_img{width:100%} .jobs_m_img a{position:relative;padding-bottom:50%;border-radius:0} .jobs_m_img a img{position:absolute;top:50%;transform:translateY(-50%)!important} .jobs_m_mess{width:100%;padding:0} .jobs_m_mess h2{font-size:15px;height:36px;line-height:40px} .news_m_con.padt20{margin-bottom:15px;padding:0;border:none} .products .pic_push{padding-bottom:40%} .products .pic_push img{transform:translateY(-30px)} .products .pic_layer{position:relative;overflow:hidden} .products li h2{position:absolute;top:50%;left:0;z-index:2;height:800px;line-height:800px;margin-top:-400px} .products li h2 a{display:inline-block;width:100%;font-size:18px} .m_tit_subs ul li{margin-right:15px;padding:0 16px;font-size:14px;} .m_tit_subs ul li:last-child{margin-right:0} .hr-box thead th:nth-child(2),.hr-box thead th:nth-child(3),.tablebg td:nth-child(2),.tablebg td:nth-child(3){display:none} .tablebg td:nth-child(4){font-size:12px;color:#888} .artic_txt img{width:100%} #news-reader{border-right:0!important;transition:.4s} .audio-fix{bottom:60px} .side-pannel .side-model:first-child{display:none} .audio-fix .play-tip{width:4px;color:transparent;transition:.6s} .audio-fix .audio-btn-hide~.play-tip{width:80px} .magazine_lists .lw,.magazine_lists .sw{padding:12px 12px 0} .magazine_lists .lw>a,.magazine_lists .sw>a{border-radius:2px;box-shadow:0 2px 8px #BBB} .magazine_lists .lw>a:hover,.magazine_lists .sw:hover{transform:translateY(-2px);box-shadow:0 2px 4px #998} .magazine_lists .lw img,.magazine_lists .sw img{margin:0} .magazine_lists .lw h2,.magazine_lists .sw h2{font-size:12px;font-weight:400} .picshowlist_mid{border-radius:10px;overflow:hidden} .piccontext h2{font-size:16px} .source_left span{font-size:12px} .pic_layer a img{transform:translateY(-50%)!important} .page-con a.next,.page-con a.prev{margin:0 6px} .magazine_lists .lw>a img,.magazine_lists .sw>a img{transform:translateY(-50%)} .news_m_tabs ul li{margin-right:15px} .talent-platform .push_model{width:100%;margin:14px 0 0} .platform .push_model:nth-child(2n){margin-left:0} .talent-platform .push_mess{padding:0 10px 10px} .c_mess_list{padding:5px 0} .business a,.m_news_con .intr_tit,.maga_c_mess h4{font-size:16px} .c_mess_list p{font-size:12px} .business{padding-top:10px} .c_mess_btns a{font-size:12px;line-height:28px} .search_layer{padding:5px 10px} .hr-banner-title{ height:56px; line-height:60px; } .hr-banner-title h6{ font-size:18px; } .hr-banner-video{ width:100%; height:calc((100vw - 80px) * .7); } .hr-banner-news{ border-bottom-width:14px; } .hr-banner-news ul li{ height:32px; line-height:32px; } .hr-banner-news ul li span{ top:6px; } .hr-banner-news ul li a{ font-size:13px; } .video-title{ font-size:13px; line-height:1.8; } .video-tabs{ height:40px; padding:5px 10px; } .video-tabs a{ width:50px; height:30px; margin-right:5px; } .video-tabs a img{ height:28px; } .video-list>a{ bottom:5px; } #video-button{ width:60px; height:60px; line-height:60px; font-size:24px; margin:-30px 0 0 -30px; } } /* 1px border */ @media screen and (-webkit-min-device-pixel-ratio:2){ #nav li a,.invest_mess_tit,.invest_txt,.invest_txt i,.job_btn,.job_mess~.artic_txt,.m_list ul li,.m_tit,.page-con a,.page-con strong,.push_model,.total{border-width:.5px} } @media screen and (-webkit-min-device-pixel-ratio:3){ #nav li a,.invest_mess_tit,.invest_txt,.invest_txt i,.job_btn,.job_mess~.artic_txt,.m_list ul li,.m_tit,.page-con a,.page-con strong,.push_model,.total{border-width:.33px} }