/*遮罩*/ body{ position:relative; } .index_cover{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:99999; } .index_cover .wide{ position:relative; } .index_cover .wide .cover_content{ position:absolute; right:-177px; top:0; width:506px; } .index_cover .wide .cover_content .guide_txt{ width:506px; height:359px; background:url(../images/index/cover_guide_txt.png) no-repeat center; } .index_cover .wide .cover_content .guide_btn{ width:102px; height:44px; background:url(../images/index/cover_guide_btn.png) no-repeat center; margin-left:130px; } .index_cover .wide .cover_content .guide_btn:hover{ cursor: pointer; } /*浮动二维码*/ .index_floatmenu{position:fixed;bottom:140px;left:15px;z-index:5000; border-radius:6px;font-size:14px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); } .index_floatmenu .float_box{ border:1px solid #ddd;text-align:center;padding: 10px 5px; background-color:#fff; } .index_floatmenu .float_box p{ font-size:12px;} .index_floatmenu .float_box img{width:76px;} .index_floatmenu .menu_content{position:relative;} .index_floatmenu .menu_close{opacity:0.9;cursor:pointer;position:absolute;top:-12px;right:-12px;width: 24px;height: 24px;margin: 0 auto; background: url("../images/71.png") no-repeat;background-position: 2px 2px;} .index_floatmenu .menu_close:hover{opacity:1;} .wide *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*导航*/ .home_logo_nav{ height:90px; overflow:hidden; min-width:1200px; } .home_logo_nav .logobox{ padding-top:16px; float:left; } .home_logo_nav .logobox img{ height:58px; } .home_logo_nav .home_navlist{ float:left; height:90px; margin-left:40px; } .home_logo_nav .home_navlist a{ display:block; float:left; line-height:90px; height:90px; padding:0 13px; font-size:16px; color:#333333; position:relative; margin-right:4px; } .home_logo_nav .home_navlist a.select,.home_logo_nav .home_navlist a:hover{ color:#d5000c; background-color:#fff6f6; } .home_logo_nav .home_navlist a::before{ content:''; position:absolute; top:0; left:0; height:4px; width:0; background: #d5000c; } .home_logo_nav .home_navlist a.select::before,.home_logo_nav .home_navlist a:hover::before{ width:100%; } .home_top{ min-width:1200px; height:450px; background:url(../images/index/home_top_bg.jpg) no-repeat center; position: relative; } .home_top .top_content{ position:absolute; top:70px; left:0; min-width:1200px; width:100%; } /*顶部背景*/ .home_top .slide-box{ position: relative;} .home_top .slide-box.slide-container{width: 100%;height: 450px;overflow: hidden;position: relative;} .home_top .slide-box.slide-container .bd, .home_top .slide-box.slide-container ul, .home_top .slide-box.slide-container ul li, .home_top .slide-box.slide-container ul li .silde-item, .home_top .slide-box.slide-container ul li .silde-item a, .home_top .slide-box.slide-container ul li .silde-item a img{ width:100%;height:100%;text-align:center } .home_top .slide-box.slide-container .silde-item a{display:block;} .home_top .slide-box.slide-container .hd{position: absolute;bottom: 40px;z-index: 99;width:100%;} .home_top .slide-box.slide-container .hd ul{text-align: center;width: 100%;} .home_top .slide-box.slide-container .hd ul li{display: inline-block;background:#fff; opacity: 1;width: 10px;height: 10px;border-radius: 10px;margin: 0 4px;cursor: pointer;} .home_top .slide-box.slide-container .hd ul li.on{background: #ef4a52;width:20px; opacity: 1;} /* 搜索*/ .home_top .sobox{ width:785px; margin:0 auto;} .home_top .sobox .inputbg{ width:785px; height:50px;position:relative;border-radius: 5px;overflow:hidden; } .home_top .sobox .inputbg .selecttype,.index_head .sobox .inputbg .selecttype_down .down_list{ width:75px; height:50px; line-height:50px; padding-left:10px; padding-right:8px; font-size:13px;} .home_top .sobox .inputbg .selecttype_down .down_list{ width:74px;} .home_top .sobox .inputbg .selecttype_down{ border-color:#dd4250; top:30px;} .home_top .sobox .inputbg .inoputbox{ position:absolute;left:0px; width:668px; height:50px;} .home_top .sobox .inputbg .inoputbox input{ border:0;width:668px; height:50px; padding-left:10px; font-size:14px;} .home_top .sobox .inputbg .sobut{border:0;color:#fff; width:120px; height:50px; line-height:50px; font-size:16px; padding-left:35px; letter-spacing:3px; background:#bc2b34 url('../images/index/index_sobox_bg.png') no-repeat 25px center; position:absolute;right:0;top:0;} .home_top .sobox .inputbg .sobut:hover{ cursor:pointer;background-color: #f13a45;} .home_top .sobox-bq{margin-bottom: 3px;} .home_top .sobox-botton{width: 72px;height: 50px; border: none;font-size: 15px;background: none; font-family: "Microsoft YaHei";color: #fff;} .home_top .sobox .bottom-active{background: url(../images/index/sobox-active.png) no-repeat center 10px;color:white;;cursor: pointer} .home_top .botton-left{margin-left:-1px} .home_top .sobox button:hover{ cursor: pointer;} .home_top .top_link_box{margin-top:45px;text-align:center;} .home_top .top_link_box .link_item{ display:inline-block; width:154px; height:154px; position:relative; } .home_top .top_link_box .link_item .link_bg{ width:100%; height:100%; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .home_top .top_link_box .link_item:hover .link_bg{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); } .home_top .top_link_box .link_item.link1 .link_bg{background:url(../images/index/index_top_bg1.png) no-repeat center;} .home_top .top_link_box .link_item.link2 .link_bg{background:url(../images/index/index_top_bg2.png) no-repeat center;} .home_top .top_link_box .link_item.link3 .link_bg{background:url(../images/index/index_top_bg3.png) no-repeat center;} .home_top .top_link_box .link_item.link4 .link_bg{background:url(../images/index/index_top_bg4.png) no-repeat center;} .home_top .top_link_box .link_item.link5 .link_bg{background:url(../images/index/index_top_bg5.png) no-repeat center;} .home_top .top_link_box .link_item.link6 .link_bg{background:url(../images/index/index_top_bg6.png) no-repeat center;} .home_top .top_link_box .link_item.link7 .link_bg{background:url(../images/index/index_top_bg7.png) no-repeat center;} .home_top .top_link_box .link_item .link_txt{ position:absolute; top:0; left:0; text-align: center; width:100%; height:100%; color:#fff; font-size:13px; padding-top:82px; } .home_top .top_link_box .link_item.link1 .link_txt{background:url(../images/index/index_top_icon1.png) no-repeat center 30px;} .home_top .top_link_box .link_item.link2 .link_txt{background:url(../images/index/index_top_icon2.png) no-repeat center 30px;} .home_top .top_link_box .link_item.link3 .link_txt{background:url(../images/index/index_top_icon3.png) no-repeat center 30px;} .home_top .top_link_box .link_item.link4 .link_txt{background:url(../images/index/index_top_icon4.png) no-repeat center 30px;} .home_top .top_link_box .link_item.link5 .link_txt{background:url(../images/index/index_top_icon5.png) no-repeat center 30px;} .home_top .top_link_box .link_item.link6 .link_txt{background:url(../images/index/index_top_icon6.png) no-repeat center 30px;} .home_top .top_link_box .link_item.link7 .link_txt{background:url(../images/index/index_top_icon7.png) no-repeat center 30px;} /*介绍*/ .web_intro_box{ width:750px; height:290px; float:left; background:url(../images/index/web_intro_box_bg.jpg) no-repeat center; margin-top:30px; } .web_intro_box .box_img{ width:265px; height:290px; float:left; padding-top:27px; padding-left:25px; } .web_intro_box .box_content{ width:465px; height:290px; float:left; padding-top:25px; } .web_intro_box .box_content .content_title{ text-align:right; font-size:24px; font-weight:bold; color:#bc2b34; } .web_intro_box .box_content .content_title_label{ text-align:right; margin-top:6px; } .web_intro_box .box_content .content_title_label span{ font-size:14px; background-color:#bc2b34; padding:3px 10px; color:#fff; } .web_intro_box .box_content .intro_title{ font-size:13px; color:#333333; font-weight:bold; height:28px; line-height:28px; } .web_intro_box .box_content .intro_info{ font-size:13px; color:#666666; line-height:20px; margin-bottom:5px; } .web_intro_box .box_content .info_tag .tag_item{ font-size:12px; color:#666666; padding:4px 8px; background:#fff; border-radius:3px; margin-right:10px; margin-bottom:5px; float:left; border:1px solid #ececec; } /*人才预判*/ .home_policy_match{ width:431px; height:290px; background:url(../images/index/policy_match_bg.png) no-repeat center; float:right; margin-top:30px; padding-top:25px; } .home_policy_match .box_title{ text-align:center; font-size:24px; font-weight:bold; color:#bc2b34; } .home_policy_match .box_content{ height:168px; background:url(../images/index/policy_match_box_content.png) no-repeat center; } .home_policy_match .box_link{ display:block; font-size:14px; letter-spacing: 1px; color:#fff; font-weight:bold; background:#bc2b34; border:1px solid #bc2b34; width:160px; height:33px; line-height:31px; border-radius:33px; text-align:center; margin:0 auto; } .home_policy_match .box_link:hover{ color:#bc2b34; background-color:transparent; } /*广告*/ .aix-ad-1200-160{width: 1200px;margin: 0 auto;margin-top: 20px; } .aix-ad-1200-160 .ad-li{margin-bottom: 7px;width: 1200px; } .aix-ad-1200-160 .ad-li img{width: 1200px; } .aix-ad-1200-80{width: 1200px;margin: 0 auto; margin-top:5px;} .aix-ad-1200-80 .ad-li{margin-bottom: 7px;width: 1200px; } .aix-ad-1200-80 .ad-li img{width: 1200px; } /*标题*/ .home_title{ text-align:center; position:relative; padding:30px 0; } .home_title .title_ch{ font-size:36px; font-weight:bold; color:#333333; } .home_title .title_en{ font-size:18px; color:#999999; margin-top:5px; } .home_title .title_more{ display:block; width:70px; height:23px; line-height:23px; text-align:center; background-color:#bc2b34; color:#fff; position:absolute; bottom:35px; right:0; } .home_title .title_more:hover{ background-color: #ea3743; } /*图片新闻*/ .home_pic_news{ width:365px; height:465px; background:#f5f5f5; float:left; } .home_pic_news img{ width:365px; height:230px; } .home_pic_news .news_info{ padding:10px 30px; } .home_pic_news .news_info .news_title{ color:#333333; font-size:18px; font-weight:bold; height: 40px; } .home_pic_news .news_info .title_line{ width:45px; height:5px; background:#bc2c34; margin:10px 0; } .home_pic_news .news_info .news_content{ color:#666666; line-height:28px; } .home_pic_news .news_info .news_more{ display:block; width:60px; height:30px; background:url(../images/index/news_more_icon.png) no-repeat 18px center #bc2c34; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; margin-top:15px; } .home_pic_news .news_info .news_more:hover{ background-position:22px center; background-color: #ec3b45; } /*新闻列表*/ .home_news_list{ width:800px; float:right; } .home_news_list .home_news_item{ height:104px; width:800px; border:1px solid #ececec; background:url(../images/index/home_news_item_icon.png) no-repeat bottom right; margin-bottom:16px; } .home_news_list .home_news_item:hover{ border:1px solid #dd4250; background:url(../images/index/home_news_item_hover_icon.png) no-repeat bottom right; } .home_news_list .home_news_item .news_time{ height:104px; width:140px; float:left; background:#f5f5f5; color:#999999; text-align:center; padding-top:10px; } .home_news_list .home_news_item .news_time .news_day{ font-size:40px; margin-bottom:5px; } .home_news_list .home_news_item .news_time .news_year{ font-size:18px; } .home_news_list .home_news_item:hover .news_time{ background:#dd4250; color:#fff; } .home_news_list .home_news_item .news_info{ padding:13px 30px; float:left; width:655px; } .home_news_list .home_news_item .news_info .news_title{ font-size:16px; color:#333333; font-weight:bold; max-width:590px; display:block; margin-bottom:5px; } .home_news_list .home_news_item .news_info .news_title:hover{ color:#dd4250; } .home_news_list .home_news_item .news_info .news_content{ font-size:14px; color:#666666; line-height: 25px; height:50px; overflow:hidden; } /*标题*/ .home_title_white{ text-align:center; position:relative; padding:40px 0 30px; } .home_title_white .title_ch{ font-size:36px; font-weight:bold; color:#fff; } .home_title_white .title_en{ font-size:18px; color:#fff; margin-top:5px; } /*人才服务模块*/ .home_service_part{ width:100%; min-width:1200px; height:740px; background:url(../images/index/home_service_bg.jpg) no-repeat center; margin-top:30px; } .home_service_part .service_group{ width:1200px; height:520px; background:#fff; margin:0 auto; border-radius:5px; padding:35px 40px; } .home_service_part .service_group .group_line{ height:130px; margin-bottom:30px; } .home_service_part .service_group .group_line .group_title{ height:130px; width:130px; float:left; } .home_service_part .service_group .group_line .group_box{ width:960px; height:130px; float:left; margin-left:30px; position: relative; } .home_service_part .single { width: 960px; height: 100%; position: relative; font-size: 0; padding-left:60px; } .home_service_part .single .scroll_box{ width: 840px; height: 100%; overflow:hidden; border-radius:3px; } .home_service_part .single ul { list-style: none; white-space: nowrap; display: inline-block; } .home_service_part .single ul li { display: inline-block; width:130px; height:130px; } .home_service_part .single ul li a{ display: block; width:100%; height:100%; } .home_service_part .single ul li a .li_img{ width:100%; height:90px; background-repeat:no-repeat; background-position:center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .home_service_part .single ul li a:hover .li_img{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .home_service_part .single ul li a .li_txt{ width:100%; height:15px; line-height:15px; font-size:14px; text-align:center; } .home_service_part .single ul li a:hover .li_txt{ font-weight: bold; } .home_service_part .single.red_single .scroll_box{ background:#fff6f7; } .home_service_part .single.red_single li .li_txt{ color:#ff6363; } .home_service_part .single.blue_single .scroll_box{ background:#f6faff; } .home_service_part .single.blue_single li .li_txt{ color:#27bdfb; } .home_service_part .single.purple_single .scroll_box{ background:#f7f8ff; } .home_service_part .single.purple_single li .li_txt{ color:#a080fc; } .home_service_part .pre { position: absolute; left:0; top:20px; width: 30px; height: 90px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; border-radius:2px; } .home_service_part .pre:hover { background-color: rgba(0, 0, 0, 0.7); } .home_service_part .pre::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 2px 0 0 2px; transform: translate(-50%, -50%) rotate(-45deg); position: absolute; left: 64%; top: 50%; } .home_service_part .next { position: absolute; top:20px; right:0; width: 30px; height: 90px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; border-radius:2px; } .home_service_part .next:hover { background-color: rgba(0, 0, 0, 0.7); } .home_service_part .next::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(-45deg); position: absolute; left: 40%; top: 50%; } /*聚才动态*/ .home_jucai_trends{ background:#fff; padding-bottom:40px; } .home_jucai_trends .active_trends{ margin-bottom:30px; } .home_jucai_trends .active_trends .classify_item{ width:140px; height:40px; line-height:40px; text-align:center; border:1px solid #cccccc; border-radius:3px; margin-right:10px; float:left; font-size:15px; color:#333333; background:#fafafa; cursor: pointer; } .home_jucai_trends .active_trends .classify_item.active{ border-color:#bc2c34; background:#bc2c34; color:#fff; } .home_jucai_trends .trends_box .box_item{ width:285px; height:350px; background:#fafafa; border-radius:5px; overflow:hidden; float:left; margin-right:20px; } .home_jucai_trends .trends_box .box_item:nth-child(4n){ margin-right: 0; } .home_jucai_trends .trends_box .box_item:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); } .home_jucai_trends .trends_box.box_item .pic_box,.home_jucai_trends .trends_box .box_item .pic_box img{ width:285px; height:205px; } .home_jucai_trends .trends_box .box_item .news_info{ padding:10px 15px; } .home_jucai_trends .trends_box .box_item .news_info .news_title { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .home_jucai_trends .trends_box .box_item .news_info .news_title a{ font-size:16px; color:#333333; } .home_jucai_trends .trends_box .box_item .news_info .news_title a:hover{ color:#bc2c34; } .home_jucai_trends .trends_box .box_item .news_info .news_content{ font-size:14px; color:#666666; margin-top:5px; height:40px; line-height:20px; } .home_jucai_trends .box_more{ width:320px; height:45px; line-height:45px; text-align:center; border-radius:3px; font-size:16px; display:block; margin:30px auto 0; border-color:#bc2c34; background:#bc2c34; color:#fff; } /*人才活动*/ .home_actives_part{ background:#fff; padding-bottom:40px; } .home_actives_part .active_classify{ margin-bottom:30px; } .home_actives_part .active_classify .classify_item{ width:140px; height:40px; line-height:40px; text-align:center; border:1px solid #cccccc; border-radius:3px; margin-right:10px; float:left; font-size:15px; color:#333333; background:#fafafa; cursor: pointer; } .home_actives_part .active_classify .classify_item.active{ border-color:#bc2c34; background:#bc2c34; color:#fff; } .home_actives_part .active_show{ width:1230px; } .home_actives_part .active_show .active_box{ display:none; } .home_actives_part .active_show .active_box .box_item{ width:285px; height:305px; background:#fafafa; border-radius:5px; overflow:hidden; float:left; margin-right:20px; }.home_actives_part .active_show .active_box .box_item:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); } .home_actives_part .active_show .active_box .box_item .pic_box,.home_actives_part .active_show .active_box .box_item .pic_box img{ width:285px; height:205px; } .home_actives_part .active_show .active_box .box_item .news_info{ padding:10px 15px; } .home_actives_part .active_show .active_box .box_item .news_info .news_title a{ font-size:16px; color:#333333; } .home_actives_part .active_show .active_box .box_item .news_info .news_title a:hover{ color:#bc2c34; } .home_actives_part .active_show .active_box .box_item .news_info .news_content{ font-size:14px; color:#666666; margin-top:5px; height:40px; line-height:20px; } .home_actives_part .active_show .active_box .box_more{ width:320px; height:45px; line-height:45px; text-align:center; border-radius:3px; font-size:16px; display:block; margin:30px auto 0; border-color:#bc2c34; background:#bc2c34; color:#fff; } /*名企招聘*/ .home_famous_recruit{ background:#f5f5f5; padding-bottom:40px; } .home_latestjobs_trade{ height:50px;background:#bc2c34;} .home_latestjobs_trade span{ display:inline-block; padding:0px 2px;font-size:14px;color:#fff; height:50px;overflow:hidden; line-height:50px; margin-left:45px;position:relative;} .home_latestjobs_trade span.cur,.home_latestjobs_trade span:hover{ color:#fff;cursor: pointer; } .home_latestjobs_trade span.cur:after,.home_latestjobs_trade span:hover:after{ content:'';width:100%;height:5px;background:#fff;position:absolute;left:0;bottom:0;} .home_famous_recruit .J_change_result{width:1220px;} .home_famous_recruit .J_change_result .top_ad .ad_item{ width:291px; height:105px; background:#fff; float:left; margin-right:12px; margin-top:13px; } .home_famous_recruit .J_change_result .top_ad .ad_item img{ width:291px; height:105px; } .home_famous_recruit .J_change_result .top_ad .ad_item:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); } .index_company_item{ position:relative;float:left; width:291px;background:#fff; height:136px;margin-right:12px;margin-top:13px; padding:10px 15px; } .index_company_item:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); } .index_company_item .line-one{font-size:16px;line-height:25px; } .index_company_item .line-one .job_info{font-size:12px;line-height:30px;height:33px; color:#999999;} .index_company_item .line-one img{float:left;position:relative;top:3px;} .index_company_item .line-one span.salary{width:95px;float:right;font-size:15px;color:#ff4c4c;text-align:right;} .index_company_item .line-one .jobs_name{max-width:160px;color:#296ecc; height:25px;line-height:25px;float:left;} .index_company_item .line-one .jobs_name a{ color: #296ecc; } .index_company_item .line-one .jobs_name a:hover{color: #5390e5;} .index_company_item .line-two{padding-top:10px;border-top:1px dashed #eee;} .index_company_item .line-two .company_logo{ width:45px;height:45px;border-radius:45px;overflow:hidden;margin-right:6px;float:left; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .index_company_item .line-two .company_logo img{ width:45px;height:45px; } .index_company_item .line-two .company_name{ width:200px; height:45px;line-height:45px;margin-left:5px;float:left;} .index_company_item .line-two .company_name a:hover{ color:#296ecc;} /*人才风采*/ .home_personal_appearance{ width:100%; min-width:1390px; height:686px; background:url(../images/index/home_personal_appearance_bg.png) no-repeat center; } .home_personal_appearance *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home_personal_appearance .pre { position: absolute; left:0; top:175px; width: 40px; height: 130px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; border-radius:2px; } .home_personal_appearance .pre:hover { background-color: rgba(0, 0, 0, 0.7); } .home_personal_appearance .pre::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 2px 0 0 2px; transform: translate(-50%, -50%) rotate(-45deg); position: absolute; left: 64%; top: 50%; } .home_personal_appearance .next { position: absolute; top:175px; right:0; width: 40px; height: 130px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; border-radius:2px; } .home_personal_appearance .next:hover { background-color: rgba(0, 0, 0, 0.7); } .home_personal_appearance .next::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(-45deg); position: absolute; left: 40%; top: 50%; } .home_personal_appearance .style_move { width:1390px; margin:0 auto; height:482px; padding-left:83px; position:relative; } .home_personal_appearance .style_move .scroll_box{ border-radius:3px; width:1224px; height:482px; overflow:hidden; } .home_personal_appearance .style_move ul { list-style: none; white-space: nowrap; display: inline-block; width:10000px; } .home_personal_appearance .style_move ul li.style_item { width:275px; height:480px; background:#f5f5f5; display: block; float:left; margin-right:35px; } .style_item img{ width:275px; height:214px; } .style_item .news_info{ padding:10px 30px; } .style_item .news_info .news_title{ color:#333333; font-size:18px; font-weight:bold; height: 40px; line-height: 40px; } .style_item .news_info .title_line{ width:45px; height:5px; background:#bc2c34; margin:10px 0; } .style_item .news_info .news_content{ color:#666666; line-height:28px; white-space: initial; height:112px; } .style_item .news_info .news_more{ display:block; width:60px; height:30px; background:url(../images/index/news_more_icon.png) no-repeat 18px center #bc2c34; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; margin-top:15px; } .style_item .news_info .news_more:hover{ background-position:22px center; background-color: #ec3b45; } /*背调测评*/ .backgroundcheck {display:flex;justify-content: space-between;} .backgroundcheck img {width: 380px;}