/** *======================================================================================================================== * css重置。 *======================================================================================================================== */ *{-webkit-box-sizing:border-box;box-sizing:border-box;} *:before,*:after {-webkit-box-sizing:border-box;box-sizing:border-box;} html{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;} body {background:#F1F1F1;font-family:'Arial','Microsoft Yahei','微软雅黑';font-size:0.16rem;color:#333;} h1,h2,h3,h4,h5,h6 {font-size:100%;} a {text-decoration:none;} img {display: block;border:none;} ol,ul,li {list-style:none;} input,textarea,select,button {font-family:0.14rem 'Arial','Microsoft Yahei','微软雅黑';border:none;outline: none;-webkit-appearance: none;} button {cursor:pointer;} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#CCCCCC;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#CCCCCC;} :-moz-placeholder {color:#CCCCCC;} ::-moz-placeholder {color:#CCCCCC;} table {border-collapse:collapse;border-spacing:0;} /** *======================================================================================================================== * 通用辅助类。 *======================================================================================================================== */ .am3{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .am6{-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} .fl {float:left} .fr {float:right} .clear:before,.clear:after {content:" ";display:block;height:0;clear:both;visibility:hidden;} .clear {*zoom:1;} .hide {display:none} .block {display:block} .inline {display:inline} .inline-block {display:inline} .background{background-repeat: no-repeat;background-position: center center;background-size: cover;} .uppercase{text-transform: uppercase;} .capitalize{text-transform: capitalize;} .nowrap{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /** *======================================================================================================================== * 公共。 *======================================================================================================================== */ .filling{height: .56rem;} .load_more{width: 2.3rem;height: .44rem;border: 1px solid #e3e3e3;font-size: .14rem;color: #999;text-align: center;line-height: .44rem;margin: .5rem auto 0;} .public{padding: .2rem .12rem .7rem;} /* 头部 */ .header{width:100%;height:.56rem;display: flex;flex-direction: row;justify-content: space-between;align-items: center;background: #fff;position: fixed;left: 0;top: 0;z-index: 1000;border-bottom: 1px solid #f1f1f1;} .header .logo{width: 2.04rem;margin-left: .1rem;height: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;} .header .logo:active{background: #f1f1f1;} .header .logo img{width: 100%;} .header .right_content{display: flex;flex-direction: row;} .header .right_content button{width: .56rem;height: .56rem;background: none;border-left: 1px solid #E3E3E3;font-size: .14rem;} .header .right_content button:active{background: #f1f1f1;} .header .right_content button i{font-size: .25rem;} /* 底部 */ .footer .main_content{width: 100%;padding:0 .12rem;background: #F6F6F6;} .footer .main_content .logo{width: 100%;height: .64rem;border-bottom: 1px solid #e3e3e3;display: flex;justify-content: center;align-items: center;} .footer .main_content .logo img{width: 1.7rem;} .footer .main_content .address {width: 100%;font-size: .14rem;color: #666;line-height: 2;text-align: center;padding: .3rem 0;} .footer .main_content .btns {display: flex;flex-direction: row;justify-content: center;padding-bottom: .3rem;} .footer .main_content .btns a{width: 1.4rem;height: .42rem;border: 1px solid #E3E3E3;margin: 0 .05rem;text-align: center;line-height: .42rem;font-size: .14rem;color: #666;display: flex;flex-direction: row;justify-content: center;align-items: center;} .footer .main_content .btns a i{font-size: .24rem;} .footer .copyright{width: 100%;padding: .2rem 0;background: #333;font-size: .12rem;color: #777;line-height: .28rem;text-align: center;} .footer .copyright a{text-decoration: underline;color:#777; } /* 主菜单 */ .main_menu,.second_menu{position: fixed; width: 60%;right: -60%;top: .56rem;z-index: 1000;background: #fff;} .main_menu.active{right:0;} .main_menu li,.second_menu li{width: 100%;height: .5rem;display: flex;flex-direction: row;justify-content: space-between;align-items:center;font-size: .16rem;color: #333;padding: 0 .12rem;position: relative;border-bottom: 1px solid #e3e3e3;} .main_menu li:active,.second_menu li:active{background: #f1f1f1;} .main_menu li p,.second_menu li p{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items:center;} .main_menu li:first-child p{width: .64rem;} .main_menu li i,.second_menu li i{font-size: .2rem;} .main_menu li>i,.second_menu li>i{color: #999;} .nav_bg{position: fixed; width: 100%;left: 0;top: .56rem;z-index: 999;display: none;} /* 二级菜单 */ .second_menu ul{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #fff;} .second_menu ul.active{left: -100%;} .second_menu ul .back p{width:.4rem;} /* banner */ .banner{position: relative;} .banner img{width: 100%;} .banner .banner_text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;} .banner .banner_text h2{font-size: .24rem;color: #fff;font-weight: normal;line-height: 1;} .banner .banner_text p{font-size: .18rem;color: #fff;line-height: 1;margin-top: .08rem;} /* tabs */ .tabs{display: flex;} .tabs a{width: 50%;height: .44rem;background: #fff;display: flex;justify-content: center;align-items: center;font-weight: normal;color: #333;border-bottom: 1px solid #E3E3E3;} .tabs a:nth-child(2n+1){border-right: 1px solid #E3E3E3;} .tabs a i{font-size: .18rem;margin-right: .08rem;} .tabs a.active{background: #2374CC;color: #fff;} .tabs a.active i{color: #fff;} /** *======================================================================================================================== * 首页。 *======================================================================================================================== */ /* 首页bannner */ .index_banner .swiper-container {position: relative;} .index_banner .swiper-slide{display: flex;flex-direction: row;justify-content: center;} .index_banner .banner_content{margin-top: 1rem;display: flex;flex-direction: column;align-items: center;} .index_banner .banner_content h2{font-size: .28rem;color: #fff;line-height:.52rem; } .index_banner .banner_content a{width: 1.36rem;height: .45rem;background: none;border: 1px solid #fff;border-radius: .04rem;font-size: .13rem;color: #fff;opacity: .75;margin-top: .24rem;display: flex;justify-content: center;align-items: center;} .index_banner .banner_content a i{font-size: .26rem;vertical-align: -.035rem;margin-right: .05rem;} .index_banner .banner_content a:active{background: rgba(0, 0, 0,.1);} .index_banner .banner_bottom{position: absolute;width: 100%;bottom: .2rem;left: 0;z-index: 1;text-align: center;} .index_banner .banner_bottom p{font-size: .16rem;color: #fff;} .index_banner .banner_bottom .progress{width: 1.6rem;height: 2px;background: rgba(255, 255, 255, .5);margin:.15rem auto 0;overflow: hidden; } .index_banner .banner_bottom .progress .loaded{width: 0;height: 2px;background: #fff;} .index_banner .video{position: fixed;width: 100%;top: .56rem;background: #000;z-index: 10;display: none;justify-content: center;align-items: center;} .index_banner .video video{width: 100%;} /* 首页通用标题 */ .index_title_en{font-size: .18rem;text-transform: uppercase;font-weight: normal;line-height: 1;} .index_title_en span{color: #2374CC;line-height: 1;} .index_title {font-size: .2rem;color: #666;font-weight: normal;margin-top: .08rem;} /* 首页通用更多 */ .index_more{width: 2.3rem;height: .44rem;background: #2374CC;font-size: .14rem;color: #fff;text-align: center;line-height: .44rem;margin-top: .2rem;} /* 首页新闻 */ .index_news .news_content{padding: .4rem .12rem;display: flex;flex-direction: column;justify-content: center;align-items: center;} .index_news .news_list{width: 100%;margin-top: .3rem;} .index_news .news_list li{width: 100%;border-top: 1px solid #bbb;} .index_news .news_list li a{width: 100%;height:100%;padding: .1rem 0;} .index_news .news_list li a .title{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .16rem;color: #333;} .index_news .news_list li a .date{font-size: .12rem;color: #666;margin-top: .06rem;} .index_news .news_list li:first-child{width: 100%;height: 2.2rem;position: relative;margin-bottom: .2rem;border-top: none;} .index_news .news_list li:first-child .title{height: .5rem;padding: 0 .2rem;background: rgba(0, 0, 0, .5);font-size: .16rem;color: #fff;line-height: .5rem;position: absolute;left: 0;bottom: 0;} .index_news .news_list li:first-child .date{width: .64rem;height: .32rem;background: #2374CC;font-size: .16rem;color: #fff;text-align: center;line-height: .32rem;position: absolute;bottom: .6rem;left: 0;} .index_news .news_list li:last-child{border-bottom: 1px solid #bbb;} /* 首页产业 */ .index_industrial .industrial_content{padding: .4rem .12rem;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #fff;} .index_industrial .industrial_list{width: 100%;display: flex;flex-direction: row;flex-wrap:wrap;justify-content: space-between;margin-top: .2rem;} .index_industrial .industrial_list li{height: 1.1rem;width: 49%;margin-top: .07rem;} .index_industrial .industrial_list li a{width: 100%;height: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: .16rem;color: #fff;} .index_industrial .industrial_list li:nth-child(1){width: 100%;margin-top: 0;} .index_industrial .industrial_list li:nth-child(2){width: 100%;} .index_industrial .industrial_list li:nth-child(5){background-position: center top;} /* 首页关于威斯尼斯人wns145585 */ .index_about .about_content{padding: .4rem .32rem;display: flex;flex-direction: column;justify-content: center;align-items: center;} .index_about .about_content .index_title_en{color: #fff;} .index_about .about_content .index_title_en span{color: #fff;} .index_about .about_content .index_title{color: #fff;} .index_about .about_content .editor_content{font-size: .14rem;color: #fff;text-align: justify;line-height: 2;margin-top: .2rem;text-indent: .28rem;} /** *======================================================================================================================== * 新闻页面。 *======================================================================================================================== */ /* 新闻列表 */ .news_page .news_list li,.news_page .video_list li{margin-bottom: .12rem;} .news_page .news_list li .pic,.news_page .video_list li .pic{height: 2.2rem;} .news_page .news_list li .text,.news_page .video_list li .text{padding: .15rem .2rem;background: #fff;} .news_page .news_list li .text h4,.news_page .video_list li .text h4{font-weight: normal;line-height: .26rem;color: #333;} .news_page .news_list li .text p{font-size: .13rem;color: #999;line-height: .32rem;} /* 视频列表 */ .news_page .video_list li .text h4{text-align: center;} .news_page .video_list li .pic {display: flex;justify-content: center;align-items: center;position: relative;} .news_page .video_list li .pic .player1{width: .82rem;} .news_page .video_list li .pic .player{width: .72rem;position: absolute;} .news_page .video{position: fixed;width: 100%;top: .56rem;background: #000;z-index: 10;display: none;justify-content: center;align-items: center;} .news_page .video.active{display: flex;} .news_page .video video{width: 100%;} /* 新闻详情 */ .news_view {position: relative;} .news_view .blue{position: absolute;width:100%;height: 1rem;background:#2374CC; } .news_view .view_content{position: relative;z-index: 1;padding: .6rem .12rem;display: flex;flex-direction: column;align-items: center;} .news_view .view_content .main_content{width: 100%;background: #fff;padding: .3rem .2rem;} .news_view .view_content .main_content .title{padding-bottom: .2rem;border-bottom: 1px solid #E3E3E3;margin-bottom: .2rem;} .news_view .view_content .main_content .title h2{font-size: .2rem;font-weight: normal;line-height: .3rem;} .news_view .view_content .main_content .title p{display: flex;font-size: .14rem;color: #999;align-items: center;margin-top: .15rem;} .news_view .view_content .main_content .title p a{padding: .06rem .12rem;background:#E61937;border-radius: .2rem;font-size:.12rem;color: #fff;margin-right: .2rem; } .news_view .view_content .main_content .editor{font-size: .14rem;line-height: .28rem;text-align: justify;} .news_view .view_content .main_content .editor p{margin: .2rem 0;} .news_view .view_content .main_content .editor img{max-width: 100%;display: inline-block;} .news_view .view_content .index_more{background: #333;margin-top: .3rem;} /* 相关新闻 */ .related_news{width: 100%;padding: .2rem;background: #fff;margin-top: .6rem;} .related_news h3{font-weight: normal;color: #666;} .related_news .news_list li a{padding: .2rem 0;border-top: 1px solid #E3E3E3;display: flex;flex-direction: row;} .related_news .news_list li:first-child a{border-top: none;} .related_news .news_list li .pic{width: 1.1rem;height: .7rem;} .related_news .news_list li .pic img{width: 100%;} .related_news .news_list li .text{flex: 1;padding:0 0 0 .1rem;display: flex;flex-direction: column;justify-content: space-between;} .related_news .news_list li .text h4{font-size: .14rem;color: #333;font-weight: normal;line-height: .2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;} .related_news .news_list li .text p{font-size: .12rem;color: #999;} /** *======================================================================================================================== * 社会责任页面。 *======================================================================================================================== */ .activity_page .flexslider{padding-bottom: .2rem;width: 100%;background: #f1f1f1;} .activity_page .flexslider li .pic{height: 2.1rem;width: 100%;} .activity_page .flexslider li .pic img{width: 100%;} .activity_page .flexslider li p{height: .5rem;text-align: center;line-height: .5rem;background: #fff;padding: 0 .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .activity_page .flexslider .flex-control-nav{bottom: 0;} .flexslider .flex-control-nav li a{border-color: #2374CC;border-width: 1px;background: none;transition: all .3s ease;} .flexslider .flex-control-nav li a.flex-active{background: #2374CC;} /* 社会责任详情 */ .activity_view .content{padding: .1rem .2rem;background: #fff;} .activity_view .content img{width: 100%;margin: .1rem 0;} /** *======================================================================================================================== * 联系我们页面。 *======================================================================================================================== */ .contact_page .contact_us{padding: .24rem .2rem .4rem;background: #fff;margin-bottom: .1rem;} .contact_page .contact_us h3{font-size: .18rem;} .contact_page .contact_us .map{width: 100%;height: 1.6rem;margin-top: .15rem;} .contact_page .contact_us .contact_list{margin-top: .2rem;} .contact_page .contact_us .contact_list li{padding: .15rem 0;display: flex;border-bottom: 1px dashed #e3e3e3 } .contact_page .contact_us .contact_list li:first-child{border-top: 1px dashed #e3e3e3 } .contact_page .contact_us .contact_list li i{font-size: .2rem;color: #2374CC;line-height: .28rem;margin-right: .1rem;} .contact_page .contact_us .contact_list li p{font-size: .14rem;line-height: .28rem;} .contact_page .division_list{margin-top: .2rem;} .contact_page .division_list li{padding: 0 .2rem;background: #fff;margin-top: .1rem;} .contact_page .division_list li:first-child{margin-top: 0;} .contact_page .division_list li .logo{width: 100%;padding: .24rem 0;border-bottom: 1px solid #e3e3e3;} .contact_page .division_list li .logo img{height: .18rem;width: auto;} .contact_page .division_list li .bottom {display: flex;flex-direction: row;justify-content:space-between;align-items: center;padding:.2rem 0; } .contact_page .division_list li .contact_information{display: flex;align-items: center;} .contact_page .division_list li .contact_information .icon{width: .48rem;height: .48rem;border: 1px dashed #c1c1c1;border-radius: 50%;margin-right: .1rem;display: flex;justify-content: center;align-items: center;} .contact_page .division_list li .contact_information .icon i{font-size: .24rem;} .contact_page .division_list li .contact_information h5{font-size: .14rem;color: #666;font-weight: normal;line-height: .26rem;} .contact_page .division_list li .contact_information p{font-size: .16rem;color: #666;font-weight: bold;line-height: .26rem;} .contact_page .division_list li .ewm{width: .7rem;height: .7rem;} .contact_page .division_list li .ewm img{width: 100%;height: 100%;} /** *======================================================================================================================== * 应聘人员登记页面。 *======================================================================================================================== */ .registration_page .blue{width: 100%;height: 1.4rem;background: #2374CC;font-size: .22rem;color: #fff;text-align: center;padding-top: .35rem;position: absolute;} .registration_page .main_content{position: relative;margin-top: .8rem;z-index: 1;} .registration_page .main_content .content{background: #fff;padding: .3rem .2rem .64rem;} .registration_page .main_content .content h3{font-size: .16rem;margin-top: .3rem;} .registration_page .main_content .content h3.border{padding-bottom: .12rem;border-bottom: 1px dashed #E3E3E3;} .registration_page .main_content .content h3:first-of-type{margin-top: 0;} .registration_page .main_content .content h4{font-size: .16rem;margin-top: .2rem;font-weight: normal;} .registration_page .main_content .content p{font-size: .14rem;line-height: .28rem;margin-top: .1rem;color: #999999;} .registration_page .main_content .content input{width: 100%;font-size:.14rem;padding: .13rem .14rem;border: 1px solid #e3e3e3;margin-top: .12rem;background:#fff;} .registration_page .main_content .content .radio{display: flex;margin-top: .12rem;} .registration_page .main_content .content .radio.border{padding-bottom: .4rem;border-bottom: 1px dashed #E3E3E3;} .registration_page .main_content .content .radio .option{width: .9rem;height: .3rem;border: 1px solid #e3e3e3;font-size: .14rem;color: #666;display: flex;justify-content: center;align-items: center;margin-right: .1rem;transition: all ease .3s;} .registration_page .main_content .content .radio .option.selected{background:#2374CC;border-color: #2374CC;color: #fff; } .registration_page .main_content .content .resume{width: 3.1rem;height: .44rem;border: 1px solid #e3e3e3;font-size: .14rem;display: flex;justify-content: center;align-items: center;margin-top: .1rem;} .registration_page .main_content .content .resume i{font-size: .21rem;margin-right:.1rem;} .registration_page .main_content .content .resume.download{color: #666666;} .registration_page .main_content .content .resume.download i{color: #999;} .registration_page .main_content .content .resume.upload{color: #fff;background:#A4A5A6;position: relative;overflow: hidden;border-color: #A4A5A6;} .registration_page .main_content .content .resume.upload .text{width: 100%;height: 100%;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;} .registration_page .main_content .content .resume.upload .progress{width: 0;height: 100%;background: #2374CC;position: absolute;z-index: 0;left: 0;top: 0;transition: all .3s linear;} .registration_page .main_content .content .resume.upload i{color: #fff;} .registration_page .main_content .content .resume.upload input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;margin: 0;background: none;z-index: 2;} .registration_page .main_content .content .submit_box{margin-top: .4rem;padding-top: .2rem;border-top: 1px dashed #e3e3e3;} .registration_page .main_content .content .submit{width: 100%;height: .44rem;background: #2374CC;font-size: .16rem;color: #fff;} /** *======================================================================================================================== * 关于威斯尼斯人wns145585页面。 *======================================================================================================================== */ /* 集团简介 */ .about_page .introduction {padding-top: .4rem;background: #fff;} .about_page .introduction .title{font-size: .2rem;text-align: center;font-weight: normal;line-height: .4rem;} .about_page .introduction .content{font-size: .14rem;text-align: justify;line-height: .28rem;padding:.1rem .32rem .2rem;} .about_page .introduction img{width: 100%;} /* 威斯尼斯人wns145585使命 */ .about_page .mission{width: 100%;display: flex;justify-content: center;align-items: center;position: relative;} .about_page .mission img{width: 100%;} .about_page .mission .pic{width: 90%;position: absolute;} /* 核心价值观 */ .about_page .value .content{position: absolute;width: 3.1rem;height: 3.8rem;background: rgba(35, 116, 204, .75);padding: .3rem;display: flex;flex-direction: column;align-items: center;} .about_page .value .content .top {display: flex;flex-direction: column;align-items: center;padding-bottom: .2rem;border-bottom: 1px solid #5e9bda;width: 100%;} .about_page .value .content .top img{width: .3rem;} .about_page .value .content .top .title{font-size: .2rem;color: #fff;font-weight: normal;margin-top: .2rem;} .about_page .value .content .top .title_en{font-size: .12rem;color: rgba(255, 255, 255, .5);margin-top: .08rem;} .about_page .value .content .text {font-size: .18rem;font-weight: bold;color: #fff;margin-top: .3rem;line-height: .32rem;} .about_page .value .content .index_more {width: 1.7rem;background: none;border:1px solid #E3E3E3;margin-top: .3rem;} /* 威斯尼斯人wns145585精神 */ .about_page .spirit .content .index_more {margin-top: .2rem;} /* 发展历程 */ .about_page .course{align-items: flex-start;} .about_page .course .content {position: absolute;width: 3.3rem;} .about_page .course .content .title{font-size: .2rem;color: #fff;font-weight: normal;text-align: center;line-height: 1rem;} .about_page .course .content .course_list{background: none;margin-top: .4rem;} .about_page .course .content .course_list ul{border-bottom: 1px dashed rgba(255,255,255,.8);margin-bottom: .2rem;} .about_page .course .content .course_list li{margin-right: .2rem;padding-bottom: 1.4rem;position: relative;} .about_page .course .content .course_list li h4{font-size: .24rem;color: #fff;font-weight: normal;margin-bottom: .03rem;} .about_page .course .content .course_list li p{font-size: .14rem;color: #fff;line-height: .28rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;height: .56rem;} .about_page .course .content .course_list li img{position: absolute;width: .16rem;left: .2rem;bottom: -.08rem;} /* 详情页面 */ .about_view .public{display: flex;flex-direction: column;align-items: center;} .about_view .public .mini_logo{width: .3rem;margin-top: .2rem;} .about_view .public .title{font-size: .2rem;font-weight: normal;margin-top: .2rem;} .about_view .public .title_en{font-size: .12rem;color: #999;margin-top: .08rem;} .about_view .public .content{background: #fff;padding: .3rem .2rem .5rem;margin-top: .3rem;} .about_view .public .content h4{font-size: .16rem;line-height: .32rem;} .about_view .public .content p{font-size: .14rem;color: #666;line-height: .28rem;} /** *======================================================================================================================== * 产业生态页面。 *======================================================================================================================== */ /* tabs */ .industry_page .banner .background{height: 2.4rem;} .industry_page .banner .background .select{padding:0 .12rem;background: rgba(0, 0, 0, .3);} .industry_page .banner .background .select select{width: 100%;height: .45rem;font-size:.14rem;color: #fff;font-weight: bold;background: none;} .industry_page .banner .background .select:active{background: rgba(0, 0, 0, 0.5);} /* 产业描述 */ .industry_page .main_content{position: relative;margin-top: -.4rem;display: flex;flex-direction: column;align-items: center;} .industry_page .description {width: 3.5rem;background: #fff;padding: .4rem .2rem;} .industry_page .description .title{font-size: .2rem;font-weight: normal;text-align: center;} .industry_page .description .content{font-size: .14rem;text-align: justify;line-height: .28rem;margin-top: .2rem;} .industry_page .description img{width: 100%;margin-top: .3rem;} /* 项目展示 */ .industry_page .mini_logo{width: .3rem;} .industry_page .industry_title{font-size: .2rem;font-weight: normal;margin-top: .2rem;} .industry_page .industry_title_en{font-size: .12rem;color: #999;margin-top: .08rem;} .industry_page .display {width: 3.5rem;display: flex;flex-direction: column;align-items: center;padding: .45rem 0;} .industry_page .display .display_list {margin-top: .4rem;width: 100%;} .industry_page .display .display_list li {margin-bottom: .2rem;} .industry_page .display .display_list li .pic{height: 2.62rem;} .industry_page .display .display_list li .text{height: .5rem;color:#333333;background: #fff;font-size: .16rem;text-align: center;line-height: 50px;} .industry_page .index_more{background: none;border: 1px solid #e3e3e3;color: #999;} .industry_page .index_more:active{background: #2374CC;border-color: #2374CC;color: #fff;} /* 产业新闻 */ .industry_page .news {width: 100%;display: flex;flex-direction: column;align-items: center;padding: .45rem 0;background: #fff;} .industry_page .news_list{width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: .3rem;} .industry_page .news_list li{width: 3.5rem;border-bottom: 1px solid #E3E3E3;} .industry_page .news_list li a {padding: .1rem 0;} .industry_page .news_list li a h4{font-size:.16rem;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;} .industry_page .news_list li a .date{font-size:.12rem;color: #666;margin-top: .07rem;} .industry_page .news_list li:first-child a{width: 100%;height: 2.2rem;position: relative;margin:0 0 .2rem;} .industry_page .news_list li:first-child a h4{width: 100%;height: .5rem;background: rgba(0,0,0,.5);padding: 0 .2rem;font-size:.16rem;color: #fff;line-height: .5rem;position: absolute;bottom: 0;left: 0; } .industry_page .news_list li:first-child a .date{width: .64rem;height: .32rem;background: #2374CC;color: #fff;text-align:center;line-height: .32rem;position: absolute;bottom: .5rem;left: 0; } /* 产业详情 */ .industry_view .banner{height: 1.8rem;} .industry_view .banner .banner_text{justify-content: flex-end;} .industry_view .banner .banner_text h2{width: 3.5rem;height: .6rem;background: rgba(35, 116, 204, .9);font-size: .18rem;color:#fff;padding: 0 .2rem;line-height: .6rem;margin-bottom: -.3rem;} .industry_view .main_content {padding: .5rem .12rem .7rem;} .industry_view .main_content .description {padding: .38rem .2rem;background: #fff;} .industry_view .main_content .description .title{font-size: .2rem;font-weight: normal;} .industry_view .main_content .description .content{font-size: .14rem;line-height: .28rem;margin-top: .12rem;} .industry_view .main_content .description ul{display: flex;flex-direction: row;margin-top: .2rem;} .industry_view .main_content .description ul li{width: 50%;} .industry_view .main_content .description ul li i{font-size: .32rem;color: #2374CC;} .industry_view .main_content .description ul li h5{font-size: .32rem;color: #2374CC;margin-top: .04rem;} .industry_view .main_content .description ul li p{font-size: .12rem;color: #999;} .industry_view .main_content .content {padding: .3rem .2rem;background: #fff;margin-top: .1rem;} .industry_view .main_content .content .video{width: 100%;height: 1.7rem;position: relative;display: flex;justify-content: center;align-items: center;} .industry_view .main_content .content .video .player{width:.64rem;position: absolute;} .industry_view .main_content .content .video .player1{width:.82rem;position: absolute;} .industry_view .main_content .content .editor img{width:100%;margin: .1rem 0;height: auto;} /** *======================================================================================================================== * 人力资源页面。 *======================================================================================================================== */ /* 人才理念-简介 */ .talent_idea .tabs{flex-wrap: wrap;} .talent_idea .introduction{height: 5.4rem;display: flex;justify-content: center;align-items: center;background: url('../images/talent_idea_bg1.png') no-repeat center center;background-size: cover;} .talent_idea .introduction .content{width: 3.1rem;padding: .5rem .3rem;background: rgba(35, 116, 204, .75);} .talent_idea .introduction .content ul {display: flex;} .talent_idea .introduction .content ul li{width: 33.33%;display: flex;flex-direction: column;justify-content: center;align-items: center;border-right: 1px dashed #fff;} .talent_idea .introduction .content ul li:last-child{border-right: none;} .talent_idea .introduction .content ul li .icon{width: 100%;} .talent_idea .introduction .content ul li p{font-size: .12rem;color: #fff;} .talent_idea .introduction .content .text {font-size: .14rem;color: #fff;margin-top: .55rem;line-height: .28rem;text-align: justify;} /* 人才理念-员工活动 */ .talent_idea .activity_title {font-size: .2rem;color: #333;font-weight: normal;text-align: center;margin-bottom: .3rem;} .talent_idea .activity{padding: .6rem 0 0;display: flex;flex-direction: column;align-items: center;} .talent_idea .activity .activity_list {width: 100%;} .talent_idea .activity .activity_list li{height: 2.11rem;} .talent_idea .activity .activity_list .flex-control-nav{bottom: .32rem;} .talent_idea .activity .content {display: flex;flex-direction: column;align-items: center;width: 3.1rem;background: #fff;padding: .4rem;margin-top: -.2rem;position: relative;z-index: 1;} .talent_idea .activity .content img{width: .3rem;} .talent_idea .activity .content p{font-size: .14rem;color: #666;line-height: .32rem;margin-top: .17rem;text-align: center;} .talent_idea .activity .content .line{width: 1px;height: .26rem;background: #c1c1c1;margin: .12rem 0;} .talent_idea .activity .content h5{font-size: .22rem;color: #2374CC;font-weight: normal;} /* 人才理念-员工福利 */ .talent_idea .welfare{padding: .6rem 0 0;} .talent_idea .welfare .welfare_list li{padding: .61rem .2rem;background: #fff;margin-bottom: .1rem;display: flex;flex-direction: column;align-items: center;} .talent_idea .welfare .welfare_list li:last-child{margin-bottom:0;} .talent_idea .welfare .welfare_list li i{font-size: .48rem;color: #2374CC;} .talent_idea .welfare .welfare_list li h5{font-size: .18rem;color: #333;margin-top: .16rem;} .talent_idea .welfare .welfare_list li p{font-size: .14rem;color: #999;text-align: center;line-height: .28rem;margin-top: .12rem;} /* 人才培养 */ .talent_training .training_list li,.news_page .video_list li{margin-bottom: .12rem;} .talent_training .training_list li .pic,.news_page .video_list li .pic{height: 2.2rem;} .talent_training .training_list li .text,.news_page .video_list li .text{padding: .15rem .2rem;background: #fff;} .talent_training .training_list li .text h4,.news_page .video_list li .text h4{font-weight: normal;line-height: .26rem;color: #333;} .talent_training .training_list li .text p{font-size: .13rem;color: #999;line-height: .32rem;} /* 社会招聘 */ .social_recruitment .main_content .search_box{height: .5rem;display: flex;} .social_recruitment .main_content .search_box .search_btn{width: .82rem;background: #2374CC;} .social_recruitment .main_content .search_box .search_btn i{font-size: .2rem;color: #fff;} .social_recruitment .main_content .search_box input{flex: 1;padding: .15rem .2rem; font-size: .14rem;line-height: .2rem;} .social_recruitment .main_content .select_box {display: flex;flex-direction: column;align-items: center;padding: 0 .2rem .26rem;background: #fff;margin-top: .2rem;} .social_recruitment .main_content .select_box select{width: 100%;height: .5rem;border-bottom: 1px solid #e3e3e3;background: #fff;} .social_recruitment .main_content .select_box button{width: 100%;height: .44rem;background: #2374CC;margin-top: .2rem;font-size: .16rem;color: #fff;} .social_recruitment .main_content .position_list {margin-top: .3rem;} .social_recruitment .main_content .position_list li{margin-bottom: .1rem;} .social_recruitment .main_content .position_list li:last-child{margin-bottom: 0;} .social_recruitment .main_content .position_list li a{display: flex;flex-direction: column;padding: .15rem .2rem 0;background: #fff;} .social_recruitment .main_content .position_list li a .title{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: .1rem;} .social_recruitment .main_content .position_list li a .title h4{font-size: .24rem;color: #333;} .social_recruitment .main_content .position_list li a .title i{font-size: .24rem;color: #999;} .social_recruitment .main_content .position_list li a>p{font-size: .14rem;color: #666;margin-top: .1rem;} .social_recruitment .main_content .position_list li a>p span{font-weight: bold;} .social_recruitment .main_content .position_list li a .date {display: flex;flex-direction: row;justify-content: space-between;align-items: center;height: .5rem;border-top: 1px solid #e3e3e3;margin-top: .2rem;} .social_recruitment .main_content .position_list li a .date p{font-size: .14rem;color: #999;} .social_recruitment .main_content .position_list li a .date i{font-size: .24rem;color: #e3e3e3;} /* 招聘详情 */ .recruitment_view .main_content .back{width: 1.4rem;height: .44rem;background: #333;display: flex;justify-content: center;align-items: center;font-size: .14rem;color: #fff;} .recruitment_view .main_content .content{padding: .2rem .2rem .4rem;background: #fff;margin-top: .2rem;} .recruitment_view .main_content .content .title{font-size: .24rem;color: #333;margin-bottom: .15rem;} .recruitment_view .main_content .content .editor{font-size: .14rem;line-height: .28rem;} .recruitment_view .main_content .content .delivery{display: flex;width: 100%;height: .44rem;background: #2374CC;justify-content: center;align-items: center;font-size: .16rem;color: #fff;margin-top: .2rem;}