@charset "utf-8";
/* CSS Document */
.auto{ width:1200px; height:100%; margin-left:auto; margin-right:auto;}

.header{ height:146px; background:url("../images/top-bg.png") no-repeat center top; background-size:100% 100%;}
.header .logo{ left:0; top:18px;}
.header .logo img{ height:56px;}
.header .search{  width:513px; height:44px; z-index:9; display:flex; flex-direction:row; justify-content:space-between; align-items:center;border:1px solid #E1E5EC; border-radius:1000px;}
.header .search .textInput{ width:calc(100% - 215px); border:none; font-size:16px; height:32px; line-height:30px; display:flex; flex-direction:row; align-items:center;}
.header .search .textInput::-webkit-input-placeholder{ font-size:16px; color:#8E8E93;}
.header .search .textInput::-moz-placeholder{ font-size:16px; color:#8E8E93;}
.header .search .textInput::-ms-input-placeholder{ font-size:16px; color:#8E8E93;}
.header .search .btnGo{ margin:2px 5px; cursor:pointer; border-radius:1000px; width:95px; line-height:35px; display:block; background:#EC4141; color:#fff;}
.header .search .btnGo:hover{ opacity:0.9;}
.header .search .seletBox{ width:95px;}
.header .search .seletBox:after{ position:absolute; content:''; right:0; top:10px; width:1px; height:14px; background:#E1E5EC;}
.header .search .seletBox dl{ display:none; left:10px; top:34px; width:80px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.header .search .seletBox dl dt{}
.header .search .seletBox dl dt:hover{ color:#EC4141;}
.header .search .seletBox:hover dl{ display:block;}
.header .menu{ left:85px; bottom:0; height:48px; line-height:48px; z-index:7;}
.header .menu li{ width:110px; float:left; margin:0 30px;}
.header .menu li a{ display:block; color:#fff;}
.header .menu li .active{ border-radius:12px 12px 0px 0px; background:rgba(99, 3, 3, 0.4);}
.header .menu li:first-child a{ width:94px; margin:0 auto;}
.header .header-right{display:flex;align-items:center;right:0;top:20px}
.header .user-info{margin-left:20px;font-size:14px;color:#333;cursor:pointer}
.not-login-option .register-button{cursor:pointer;display:flex;align-items:center;padding:0px 10px;height:40px;border-radius:5px;background-color:#f2f4f5;font-size:14px;color:#666}
.not-login-option .register-button i{margin-right:10px;color:#9B5DE8}
.not-login-option .login-button{cursor:pointer;padding:0px 10px;height:40px;line-height:40px;text-align:center;border-radius:5px;margin-top:10px;font-size:14px;background-color:#EC4141;color:#fff}
.login-option{}
.login-option li{cursor:pointer;display:flex;align-items:center;padding:0px 10px;height:40px;border-radius:5px;margin-top:10px;background-color:#f2f4f5;font-size:14px;color:#666}
.login-option li:hover{color: #EC4141; background: linear-gradient(79deg, #fff 0%, #FFEDED 100%);}
.login-option li i{margin-right:10px;font-size:16px}

.H_banBox{}
.H_banner{ height:285px; overflow:hidden; width:870px; float:left;}
.H_banner .ban{}
.H_banner .ban li{}
.H_banner .ban li img{ width:870px; height:285px;}
.H_banner .hd{ left:0; bottom:10px; right:0;}
.H_banner .hd ul{ width:300px; display:none;}
.H_banner .hd ul li{ float:left; position:relative; width:12px; height:6px; margin:0 4px; cursor:pointer; display:inline-block; text-indent:-5000px; background:rgba(255, 255, 255, 0.8); border-radius:100px;}
.H_banner .hd ul li.on{ background:#3370FF; width:20px; height:10px; margin-top:-2px;}
.H_banner .hd .prev,.H_banner .hd .next{ position:absolute; top:-150px; background:rgba(0,0,0,0.3); cursor:pointer; display:inline-block; text-align:center; width:36px; height:36px; line-height:36px; border-radius:50%; color:#fff;}
.H_banner .hd .prev:hover,.H_banner .hd .next:hover{ color:#fff; background:#EC4141; }
.H_banner .hd .iconfont{ font-size:16px;}
.H_banner .hd .prev{ left:20px;}
.H_banner .hd .next{ right:20px;}

.home-ad{ width:300px; float:right;}
.home-ad dt{}
.home-ad dt img{ width:100%; height:auto; border-radius:15px;}

.home-job{ background:#f3f6f9; padding-top:50px; overflow:hidden;}
.home-job .itemDiv{ width:590px; float:left;}
.home-job .bigTitle{}
.home-job .bigTitle b{ width:208px; height:46px; display:inline-block; background:url("../images/home-titleBg.png") no-repeat center top; background-size:100% 100%;}
.home-job ul{}
.home-job ul li{ width:590px; height:110px; padding:15px 20px; border-radius:15px; float:left; margin:20px 0 0 0; border:2px solid #fff; background:#fff; box-shadow:0px 2px 12px 0px rgba(153, 0, 0, 0.05);}
.home-job ul li:nth-child(2n){ float:right;}
.home-job li .salary{ color:#c10047; letter-spacing:0;}
.home-job li .tag{ color:#8E8E93;}
.home-job li .tag span{ padding-right:13px; margin-right:10px; position:relative;}
.home-job li .tag span:after{ position:absolute; content:''; right:0; top:5px; width:1px; height:10px; background:#E1E5EC;}
.home-job li .tag span:last-child:after{ display:none;}
.home-job li .tag .type1,.h5_jobList li .tag .type2{ display:inline-block; padding:0; margin-right:22px; width:40px; line-height:22px; border-radius:5px; font-size:13px;}
.home-job li .tag .type1{ background:#E0F4E5; color:#2CB250;}
.home-job li .tag .type2{ background:#FCE3E3; color:#EC4141;}
.home-job li .tag .type1:after,.home-job li .tag .type2:after{ right:-12px; top:8px;}
.home-job li .intro{ color:#8E8E93;}


.home-news{ padding-top:50px; height:700px; background:url("../images/home-newbg.png") no-repeat center top; background-size:100% 100%;}
.home-news .bigTitle{}
.home-news .bigTitle b{ width:208px; height:46px; display:inline-block; background:url("../images/home-titleBg.png") no-repeat center top; background-size:100% 100%;}
.home-news ul{}
.home-news ul li{ width:590px; height:110px; padding:15px 20px; border-radius:15px; float:left; margin:20px 0 0 0; border:2px solid #fff; background:#fff; box-shadow:0px 2px 12px 0px rgba(153, 0, 0, 0.05);}
.home-news ul li:nth-child(2n){ float:right;}
.home-news ul li .date{ width:72px; height:64px; border-radius:10px; background:rgba(252, 227, 227, 0.6); float:left;}
.home-news ul li .date span{ display:block; line-height:32px; margin-top:5px; font-size:22px; font-weight:bold; color:#3D3D3D;}
.home-news ul li .txt{ width:calc(100% - 95px); float:right; letter-spacing:1px; margin-top:7px; text-align:justify;}
.home-news ul li:hover{ background:linear-gradient(79deg, #fff 0%, #FFEDED 100%); border:2px solid #fff; box-shadow: 0px 4px 16px 0px rgba(237, 38, 35, 0.15);}
.home-news ul li a{ height:80px;}

.footer{ height:120px; background:url("../images/footer-bg.png") no-repeat center top; background-size:100% 100%;}
.footer dl{ width:530px; height:56px; margin:auto; padding-left:66px;}
.footer dl .logo{ left:0; top:30px;}
.footer dl .logo img{ width:56px; height:56px;}
.footer dl em{ padding:0 10px;}

.banner{}
.banner img{ width:100%;}

.job-search{ width:660px; height:56px; margin:-28px auto 0; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.job-search .textInput{ width:calc(100% - 160px); border:none; font-size:16px; height:32px; line-height:30px; display:flex; flex-direction:row; align-items:center;}
.job-search .textInput::-webkit-input-placeholder{ font-size:16px; color:#8E8E93;}
.job-search .textInput::-moz-placeholder{ font-size:16px; color:#8E8E93;}
.job-search .textInput::-ms-input-placeholder{ font-size:16px; color:#8E8E93;}
.job-search .btnGo{ margin:2px 6px; cursor:pointer; border-radius:1000px; width:113px; line-height:45px; display:block; background:#EC4141; color:#fff;}
.job-search .btnGo:hover{ opacity:0.9;}

.job_sidebar{ width:300px; float:left; padding:20px 15px 30px 15px;}
.job_sidebar .item-checkList{}
.job_sidebar .item-checkList li{ cursor:pointer; line-height:24px; padding:8px 0;}
.job_sidebar .item-checkList li .checkIcon{ display:inline-block; border-radius:2px; margin:5px 10px 0 0; float:left; width:16px; height:16px; background:url("../images/i-cb-unchecked.png") no-repeat left center; background-size:100% 100%;}
.job_sidebar .item-checkList li.active{}
.job_sidebar .item-checkList li.active .checkIcon{ background:url("../images/i-cb-checked.png") no-repeat left center; background-size:100% 100%;}

.job_rightSidebar{ width:880px; float:right;}

.job-list li{ height:149px; border-radius:10px; padding:20px 30px; background:#fff; border:2px solid #fff;}
.job-list li .salary{ color:rgba(236, 65, 65, 0.7);}
.job-list li .tag{ color:#8E8E93;}
.job-list li .tag span{ padding-right:13px; margin-right:10px; position:relative;}
.job-list li .tag span:after{ position:absolute; content:''; right:0; top:5px; width:1px; height:12px; background:#E1E5EC;}
.job-list li .tag span:last-child:after{ display:none;}
.job-list li .tag .type1,.job-list li .tag .type2{ display:inline-block; padding:0; margin-right:22px; width:48px; line-height:24px; border-radius:5px; font-size:14px;}
.job-list li .tag .type1{ background:#E0F4E5; color:#2CB250;}
.job-list li .tag .type2{ background:#FCE3E3; color:#EC4141;}
.job-list li .tag .type1:after,.job-list li .tag .type2:after{ right:-12px; top:8px;}
.job-list li .intro{ color:#8E8E93;}
.job-list li:hover{ background:linear-gradient(79deg, #fff 0%, #FFEDED 100%); box-shadow: 0px 4px 16px 0px rgba(237, 38, 35, 0.15);}
.job-list li:hover .salary{ color:#EC4141;}

.pageBox{ border-radius:10px; padding:0 15px; background: rgba(255, 255, 255, 0.5);}

.jobDetail_sidebar{ width:850px; float:left; padding:20px 40px 40px 40px;}
.jobDetail_rightSidebar{ width:330px; float:right;}

.current{ color:#8E8E93;}
.current a:hover{ color:#EC4141;}

.jobDetail_box1{ position: relative }
.jobDetail_box1 .salary{ color:#EC4141;}
.jobDetail_box1 .tag{ color:#8E8E93;}
.jobDetail_box1 .tag span{ padding-right:13px; margin-right:10px; position:relative;}
.jobDetail_box1 .tag span:after{ position:absolute; content:''; right:0; top:5px; width:1px; height:12px; background:#E1E5EC;}
.jobDetail_box1 .tag span:last-child:after{ display:none;}
.jobDetail_box1 .tag .type1,.jobDetail_box1 .tag .type2{ display:inline-block; padding:0; margin-right:22px; width:48px; line-height:24px; border-radius:5px; font-size:14px;}
.jobDetail_box1 .tag .type1{ background:#E0F4E5; color:#2CB250;}
.jobDetail_box1 .tag .type2{ background:#FCE3E3; color:#EC4141;}
.jobDetail_box1 .tag .type1:after,.jobDetail_box1 .tag .type2:after{ right:-12px; top:8px;}
.jobDetail_box1 .goZhipin{ border-bottom:dotted 1px #E1E5EC;}
.jobDetail_box1 .goZhipin a:hover{ color:#EC4141;}
.jobDetail_box1 .delivery-button-wrap { right: 0; bottom: -15px; }

.jobDetail_title{}
.jobDetail_title:after{ position:absolute; content:''; right:0; top:23px; left:100px; height:1px; border-bottom:dotted 1px #E1E5EC;}

.jobDetail_box3{ background:#F2F4F5;}
.jobDetail_box3 .title{ color:#4E8AF9;}

.jobDetail_company{ padding:30px 20px;position: relative;}
.jobDetail_company .company_link{position: absolute;top: 10px; right: 10px;color: #999;cursor: pointer;}
.jobDetail_company .company_link i{margin-left:5px;}
.jobDetail_company .company_link:hover{color: #EC4141;}
.jobDetail_company .intro{ max-height:120px; overflow:auto;}
.jobDetail_company .address{ border-top:dotted 1px #E1E5EC;}
.jobDetail_company .map{ width:28px; height:28px;}
.jobDetail_company .label{}
.jobDetail_company .label span{ position:relative; padding:0 13px 0 0; margin-right:10px;}
.jobDetail_company .label span:after{ position:absolute; content:''; right:0; top:3px; width:1px; height:12px; background:#E1E5EC;}
.jobDetail_company .label span:last-child:after{ display:none;}

.jobDetail_hotJob{}
.jobDetail_hotJob .title{ border-bottom:dotted 1px #eee; font-weight:normal;}

.jobDetail_hotList{}
.jobDetail_hotList li{ border-bottom:dotted 1px #eee; padding:10px 0; }
.jobDetail_hotList li .salary{ color:rgba(236, 65, 65, 0.35);}
.jobDetail_hotList li .tag{ color:#8E8E93; overflow:hidden;}
.jobDetail_hotList li .tag span{ padding-right:11px; float:left; display:inline-block; line-height:20px; margin-right:8px; position:relative;}
.jobDetail_hotList li .tag span:after{ position:absolute; content:''; right:0; top:3px; width:1px; height:12px; background:#E1E5EC;}
.jobDetail_hotList li .tag span:last-child:after{ display:none;}
.jobDetail_hotList li:last-child{ border-bottom:none;}
.jobDetail_hotList li a:hover .name span{ color:#EC4141;}

.policy-sidebar{ width:850px; float:left;}
.policy-tab{ border-bottom:dotted 1px #eee; line-height:48px; padding:4px 30px;}
.policy-tab a{ cursor:pointer; display:inline-block; position:relative; margin-right:30px; color:#666;}
.policy-tab a i{ font-style:normal;}
.policy-tab a:hover,.policy-tab a.active{ color:#EC4141; }
.policy-tab a.active:before{ content:''; width:30px; height:3px; border-radius:5px; position:absolute; left:calc(50% - 15px); bottom:0px; background-color:#EC4141;}

.policy-list{ padding:5px 30px 20px;}
.policy-list li{ border-bottom:dotted 1px #eee;}
.policy-list .type1,.policy-list .type2{ display:inline-block; text-align:center; margin-right:10px; width:76px; line-height:24px; border-radius:5px; font-size:14px;}
.policy-list .type1{ background:#E5EEFE; color:#4E8AF9;}
.policy-list .type2{ background:#FCE3E3; color:#EC4141;}

.policy-banner{ position:relative; z-index:1; height:250px; padding-top:100px; background:url("../images/searchlist-bg.png") no-repeat left center; background-size:100% 100%;}
.policy-bg{ background:url("../images/searchlist-bg2.png") no-repeat left center; background-size:100% 100%;}

.policy-rightSidebar{ width:330px; float:right;}
.policy-rightSidebar .title{ border-bottom:dotted 1px #eee; font-weight:normal;}

.policyDetail-txt{}
.policyDetail-txt p{ padding:0; margin:15px 0;}

.subsidy-list{ padding-left:30px;}
.subsidy-list li{ float:left; margin:15px; background:#fff; width:245px; height:235px; border-radius:20px; border:2px solid #F2F4F5;}
.subsidy-list li:hover{ box-shadow: 0px 4px 16px 0px rgba(237, 38, 35, 0.15); background: linear-gradient(46deg, #FFFFFF 0%, #FFEDED 100%);}
.subsidy-list li .photo{}
.subsidy-list li .photo img{ width:84px;}

.subsidy-history{}
.subsidy-history li{ height:50px;}
.subsidy-history li .photo{}
.subsidy-history li .photo img{ width:45px;}

.search-filter{ padding-left:140px;}
.search-filter .danxuan{ margin-right:30px; position:relative;}
.search-filter .danxuan dl{ padding:4px; height:32px;}
.search-filter .danxuan dl dt{ padding:0 15px; float:left;}
.search-filter .danxuan dl dt.acur{ background:#FCE3E3; border-radius:16px; color:#EC4141;}
.search-filter .danxuan:after{ position:absolute; content:''; right:-15px; top:10px; width:1px; height:14px; background:#ddd;}
.search-filter .empty:hover{ opacity:0.8;}

.backTop{ position:fixed; display:none; right:10px; bottom:140px; z-index:89; cursor:pointer; width:42px; height:42px; line-height:42px; }
.backTop i{ display:block; height:42px; line-height:18px; padding-top:2px; box-sizing:border-box; background:#fff; text-align:center; border:solid 1px #eaedf1;}
.backTop i:hover{ background:#EC4141; color:#fff; border-color:#EC4141;}

.company_detail_top .company_detail_code{font-size: 14px;color: rgba(51, 51, 51, 0.7);text-align: right;}
.company_detail_top .company_detail_title{font-size: 24px;color:#333333;font-weight: bold;text-align: center;margin: 10px 0; line-height: 1.5;}
.company_detail_top .company_detail_info{width: 400px;overflow: hidden; margin:25px auto 0;vertical-align: top;font-size: 0;text-align: right;}
.company_detail_top .company_detail_info .company_detail_info_item{ display: inline-block;text-align: left;vertical-align: top; width: 200px; font-size:14px; color:rgb(173, 173, 173);padding:0 10px; box-sizing: border-box;}

.company_detail_img{margin: 0 -10px; display: flex;margin-top: 20px;}
.company_detail_img .company_detail_img_item{width: 50%;padding: 0 10px;height: 174px;position: relative;}
.company_detail_img_item .videoOverlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.7);z-index: 1;}
.company_detail_img_item .videoOverlay i{position: absolute; cursor: pointer; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 2; font-size: 40px;color: #ffffff;}
.job_desc{display: flex;}
.job_desc .job_lf{flex:1;overflow: hidden;}
.job_desc .job_rg{margin-left: 20px; margin-top: 10px; font-size: 16px; font-weight: bold; color: #333333; cursor: pointer; max-width: 200px;line-height: 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.job_desc .job_rg:hover{color: #EC4141;}

.qr_code_name{vertical-align: middle;font-size: 0;}
.qr_code_name span{vertical-align: middle; max-width: calc(100% - 32px);}
.qr_code_icon{font-weight: 400; font-size: 22px !important; color: #999999;margin-left: 10px; cursor: pointer;vertical-align: middle; position: relative; top: 2px;}
.company_detail_title .qr_code_icon{top:-2px;}
.qr_code_dialog .el-dialog{border-radius: 15px !important;}
.qr_code_content{display: flex;flex-direction: column;align-items: center;padding: 10px 0 30px;}
.qr_code_content .download_icon{width: 256px; margin-top: 20px;}
.qr_code_content .download_icon i{margin-right: 5px;}

.user-info-dialog .el-dialog__title{font-size:20px;font-weight:bold}
.user-info-form .tip{font-size:14px;color:#999999;margin-bottom:15px}
.user-info-form .el-input--small .el-input__inner{height:44px;line-height:44px;margin:3px 0 0px;padding:0 15px;border-radius:10px}
.user-info-form .action-button{width:100%;border-radius:10px;margin-top:10px;height:44px;font-size:14px;background-color:#EC4141;color:#ffff;cursor:pointer}
.forgot-pwd{text-align:right;color:#d26363;cursor:pointer;margin-bottom:10px}
.back-button{display:flex;align-items:center;font-size:16px;color:#999;cursor:pointer;margin-bottom:15px}
.back-button:hover{color:#333}
.back-button i{margin-right:5px}
.user-info-form .verify-code-button,.reset-form .verify-code-button{position:absolute;right:5px;top:10px;}

.el-button--danger.red-button { background-color: #EC4141; border-color: #EC4141; color: #fff; }
.el-button--danger.red-button:hover { background-color: #fef0f0; border-color: #ff8181; color: #f6797f; }
.el-button--danger.red-button:focus { background-color: #fef0f0; border-color: #ff8181; color: #f6797f; }
.el-button--danger.red-button.is-disabled{ background-color: #fab6b6; border-color: #fab6b6; }
#data_jobweb_deliveryRecords .title{height:50px;padding-left:20px;border-radius:10px;background-color:#fff}
#data_jobweb_deliveryRecords .title span{display:inline-flex;align-items:center;height:50px;border-bottom:solid 2px #EC4141;font-size:14px;color:#333;font-weight:bold}
#data_jobweb_deliveryRecords .no-record{padding:20px;background-color:#fff}
#data_jobweb_deliveryRecords .record-list li{position:relative;background-color:#fff;margin-top:15px;padding:20px;border-radius:10px;color:#333;font-size:14px}
#data_jobweb_deliveryRecords .record-list li .delivery-info{margin-bottom:10px}
#data_jobweb_deliveryRecords .record-list li .delivery-info span::after{content:'';display:inline-block;width:1px;height:12px;margin:0 10px;background-color:#E1E5EC}
#data_jobweb_deliveryRecords .record-list li .delivery-info span:last-child::after{display:none}
#data_jobweb_deliveryRecords .record-list li .cancel-button{position:absolute;right:30px;bottom:35px}

.resumes-list{}
.resumes-list-T{font-size: 14px;color: #999;margin-bottom: 10px;}
.resumes-list-item{cursor: pointer;display: flex;align-items: center;height: 90px;border:solid 1px #E1E5EC;border-radius: 10px;background-color: #fff;margin-bottom: 10px;}
.resumes-list-item-L{flex:0 0 50px;display: inline-flex;align-items: center;justify-content: center;}
.resumes-list-item-L i{display: inline-flex;width: 16px;height: 16px;border-radius: 50%;box-sizing: border-box;border:solid 1px #bbb;}
.resumes-list-item.active{box-shadow: 0px 5px 12px 0px rgba(0,0,0,.05);}
.resumes-list-item:hover{box-shadow: 0px 5px 12px 0px rgba(0,0,0,.05);}
.resumes-list-item.active .resumes-list-item-L i{border:solid 4px #4e98f9;}
.resumes-list-item-R{flex:1;}
.resumes-list-item-R-h1{font-size: 16px;font-weight: bold;color: #333;}
.resumes-list-item-R-h2{font-size: 14px;color: #999;margin-top: 10px;}

.company_detail_not_data{font-size: 16px;text-align: center; margin: 10px;}

.subsidy_upload .el-upload-list__item{height: 64px; border-radius: 10px;background: #F5F7FA;display: flex; align-items: center; border: 0;}
.subsidy_upload .el-upload-list__item .el-upload-list__item-thumbnail{width: 44px;height:44px;border-radius: 5px;}
.subsidy_upload .el-upload-list__item .el-upload-list__item-name{flex:1;overflow: hidden;margin: 0 10px;padding:0;}
.subsidy_upload .el-upload-list__item .el-upload-list__item-name:hover{color: inherit;}
.subsidy_upload .el-upload-list__item .el-upload-list__item-status-label{display: none;}
.subsidy_upload .el-upload-list--picture .el-upload-list__item .upload-btn{position: relative !important; right: 0 !important;}
.subsidy_upload .el-upload-list__item .el-icon-close{display: none;}

.qrCodeWrapper{position: fixed;right: 20px; top:calc(50% - 160px); z-index: 1888; width: 90px; cursor: pointer;}
.qrCodeWrapper .qr_code_content{padding:0;}
.qrCodeWrapper .tip{font-size: 14px;color: #666666; margin-top: 5px;text-align: center;}

/*重置智能客服*/
.ai-service-float-btn{ top:68%; right:-10px; background:url('../images/service-icon.png') no-repeat left top; background-size:100% auto; box-shadow:none; width:180px; height:180px; border-radius:0;}
.ai-service-float-btn i{ display:none;}

.card-icon{ position:fixed; right:20px; top:calc(50% - 10px); width:90px; cursor:pointer;}
.card-icon img{ width:90px; border-radius:10px;}
@media only screen and (max-width:800px) {
    .card-icon{ right:10px; top:inherit; bottom:270px; width:auto; background:#EC4141; padding:3px 3px 6px; color:#fff;}
    .card-icon img{ width:38px; border-radius:50%;}
    .card-icon span{ color:#fff; display:block; line-height:14px; padding:0 3px 3px; width:40px;}
    .ai-service-chat-view{ width:100% !important;}
}

/*聚集潜江*/
.juji_banBox{}
.juji_banner{ height:450px; overflow:hidden;}
.juji_banner .ban{}
.juji_banner .ban li{}
.juji_banner .ban li img{ width:100%;}
.juji_banner .hd{ left:0; bottom:160px; right:0;}
.juji_banner .hd ul{ width:120px; margin: auto;}
.juji_banner .hd ul li{ float:left; position:relative; width:12px; height:6px; margin:0 4px; cursor:pointer; display:inline-block; text-indent:-5000px; background:rgba(255, 255, 255, 0.8); border-radius:100px;}
.juji_banner .hd ul li.on{ background:#3370FF; width:20px; height:10px; margin-top:-2px;}
.juji_banner .hd .prev,.juji_banner .hd .next{ position:absolute; top:-120px; background:rgba(0,0,0,0.3); cursor:pointer; display:inline-block; text-align:center; width:36px; height:36px; line-height:36px; border-radius:50%; color:#fff;}
.juji_banner .hd .prev:hover,.juji_banner .hd .next:hover{ color:#fff; background:#EC4141; }
.juji_banner .hd .iconfont{ font-size:16px;}
.juji_banner .hd .prev{ left:20px;}
.juji_banner .hd .next{ right:20px;}

.juji_rightBtn{ width:255px;}
.juji_rightBtn dt{ margin-bottom:20px;}
.juji_rightBtn dt img{ width:100%; height:auto; border-radius:10px;}
.juji_rightBtn dt:hover{ opacity:0.9;}

.juji-leftMenu{ position:relative; margin-top:-140px;}
.juji-leftMenu ul{ display:grid; grid-template-columns:repeat(4, 1fr); gap: 20px;}
.juji-leftMenu li{ position:relative; padding-left:30px; font-weight:500; height:120px; overflow:hidden; border-radius:10px; background:#fff; box-shadow:0px 4px 16px 0px rgba(85, 1, 0, 0.12);}
.juji-leftMenu li a{ color:#333; font-size:24px; font-weight:normal; line-height:120px; display:block;}
.juji-leftMenu li a .iconfont{ font-size:26px; margin:0 10px 0 20px; font-weight:normal; color:rgba(255,255,255,0.8); float:left;}
.juji-leftMenu li a:hover{ opacity:0.8;}
.juji-leftMenu li img{ width: 170px; position: absolute; right: -50px; top: 10px;}

.redsea-pop-sp{ z-index:9999; width:900px; height:500px; position:fixed; top:calc(50% - 250px); left:calc(50% - 450px); box-shadow:2px 2px 5px #333333;}
.redsea-pop-sp i{ position:absolute; font-size:14px; cursor:pointer; right:-30px; top:-30px; width:25px; height:25px; line-height:25px; border-radius:50%; background-color:#fff;}
.redsea-pop-sp i:hover{ background-color:#eee;}
.spbg{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:999; background-color:rgba(0,0,0,.5);}

.password_bindingPopBg{ position:fixed; bottom:0; left:0; right:0; width:100%; height:100%; z-index:845; background:rgba(0,0,0,0.6);}
.password_bindingPop{ background:#f8f8f8; top:50%; left:50%; transform:translate(-50%,-50%); width:360px; padding:30px; font-size:14px; color:#fff; border-radius:10px; z-index:888;}
.password_bindingPop .text{ color:#fff; padding-top:10px;}
.password_bindingPop .btnBox{ display:flex; padding-top:15px;}
.password_bindingPop .btnBox a{ height:50px; margin-right:20px; border-radius:5px; background:#595b63; color:#fff; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.password_bindingPop .btnBox a:last-child{ margin-right:0;}
.password_bindingPop .btnBox .btnConfirm{ background:#EC4141;}
.password_bindingPop .textBox{ width:100%; height:50px; line-height:50px; background:#eee; border:solid 1px #eee; border-radius:5px; padding:0 15px; font-size:20px; box-sizing:border-box;}

.brand_list{}
.brand_list li{ height:425px; box-shadow:0px 8px 24px 0px rgba(0, 0, 0, 0.12); padding:40px; margin-bottom:30px;  background:#fff;}
.brand_list li .photo{ float:right; margin-left:80px;}
.brand_list li .photo img{ width:520px; height:345px;}
.brand_list li .rightI{ width:460px; float:left; padding-top:77px;}
.brand_list li .No{font-size: 80px; color: #EAEDF1; left:0; bottom:40px;}
.brand_list li .dot{ padding:15px 0 20px 0;}
.brand_list li .dot img{ height:4px;}
.brand_list li .intro{ color:#666; text-align:justify; font-size:18px; line-height: 30px;}
.brand_list li:hover{ background:linear-gradient(79deg, #fff 0%, #FFEDED 100%); box-shadow: 0px 4px 16px 0px rgba(237, 38, 35, 0.15);}
.brand_list li:nth-child(2n) .photo{ float:left; margin-right:80px; margin-left:0;}
.brand_list li:nth-child(2n) .rightI{ float:left;}

.honor-bg{ padding:0px 0 80px 0; background:url("../images/juji/honor-bg.png") no-repeat center bottom; background-size:100% 100%;}
.honor_list{border-top:1px solid #FFE9EE; border-right:1px solid #FFE9EE; box-sizing:border-box; overflow:hidden;}
.honor_list li{ border-bottom:1px solid #FFE9EE; box-sizing:border-box; float:left; border-left:1px solid #FFE9EE; width:598px; height:380px;}
.honor_list li img{ margin-top:40px; height:240px;}
.honor_list li .name{ padding:0 60px;}
.honor_list li:nth-child(-n+3) { width:398px;}

.activity ul{}
.activity ul li{ height:240px; background:url("../images/juji/kaiban-liBg.png") no-repeat center bottom; background-size:100% 100%; padding:30px; margin:0 0 20px 0;}
.activity ul li .date{ }
.activity ul li .txt{ padding-top:80px;}
.activity ul li .more{ width:90px; border:solid 1px #eee; margin-top:13px;}
.activity ul li a{ display:block; height:240px;}
.activity ul li a:hover .more{ border-color:#EC4141; color:#EC4141;}

.trainingActivity{ z-index:9999; width:900px; position:fixed; top:50%; left:50%; border-radius:15px; transform:translate(-50%,-50%);  box-shadow:2px 2px 5px #333333;}
.trainingActivity .close{ position:absolute; font-size:14px; cursor:pointer; right:-30px; top:-30px; width:25px; height:25px; line-height:25px; border-radius:50%; background-color:#fff;}
.trainingActivity .close:hover{ background-color:#eee;}
.trainingActivity_ban{ padding:30px;}
.trainingActivity_ban .ban{ height:500px; width:840px; overflow:hidden;}
.trainingActivity_ban .ban li{ position:relative;}
.trainingActivity_ban .ban li img{ width:840px; height:500px;}
.trainingActivity_ban .ban li .title{ background:rgba(0,0,0,0.3); letter-spacing:1px; position:absolute; right:0; left:0; bottom:0; height:45px; line-height:45px; padding:0 15px; font-size:16px; color:#fff;}
.trainingActivity_ban .hd{ left:0; bottom:10px; right:0;}
.trainingActivity_ban .hd ul{ width:300px; display:none;}
.trainingActivity_ban .hd ul li{ float:left; position:relative; width:12px; height:6px; margin:0 4px; cursor:pointer; display:inline-block; text-indent:-5000px; background:rgba(255, 255, 255, 0.8); border-radius:100px;}
.trainingActivity_ban .hd ul li.on{ background:#3370FF; width:20px; height:10px; margin-top:-2px;}
.trainingActivity_ban .hd .prev,.trainingActivity_ban .hd .next{ position:absolute; top:-280px; background:rgba(0,0,0,0.3); cursor:pointer; display:inline-block; text-align:center; width:36px; height:36px; line-height:36px; border-radius:50%; color:#fff;}
.trainingActivity_ban .hd .prev:hover,.trainingActivity_ban .hd .next:hover{ color:#fff; background:#EC4141; }
.trainingActivity_ban .hd .iconfont{ font-size:16px;}
.trainingActivity_ban .hd .prev{ left:50px;}
.trainingActivity_ban .hd .next{ right:50px;}

.video-list{ padding-left:30px;}
.video-list li{ float:left; margin:15px; background:#fff; width:245px; height:235px; border-radius:20px; border:2px solid #F2F4F5;}
.video-list li:hover{ box-shadow: 0px 4px 16px 0px rgba(237, 38, 35, 0.15); background: linear-gradient(46deg, #FFFFFF 0%, #FFEDED 100%);}
.video-list li .photo{}
.video-list li .photo img{ width:210px; height:120px;}

.training-list{}
.training-list li{ float:left; position:relative; margin:0 15px 15px 0; background:#fff; width:390px; height:260px;}
.training-list li:hover{ box-shadow: 0px 4px 16px 0px rgba(237, 38, 35, 0.15); background: linear-gradient(46deg, #FFFFFF 0%, #FFEDED 100%);}
.training-list li .photo{}
.training-list li .photo img{ width:100%; height:260px;}
.training-list li .title{ background:linear-gradient(0deg, rgba(51, 51, 51, 0.7) 0%, rgba(51, 51, 51, 0.5) 100%); letter-spacing:1px; position:absolute; right:0; left:0; bottom:0; height:56px; line-height:56px; padding:0 20px; font-size:18px; font-weight:500; color:#fff;}
.training-list li.li3,.training-list li.li5,.training-list li.li8{ margin-right:0;}
.training-list li.li4,.training-list li.li5{ height:420px;}
.training-list li.li4 img,.training-list li.li5 img{ height:420px;}
.training-list li.li4{ width:795px;}

.juji-Title{ padding:80px 0 40px 0;}
.juji-Title b{ width:272px; height:46px; font-size:32px; display:inline-block; background:url("../images/juji/title-bg1.png") no-repeat center top; background-size:100% 100%;}

.juji-Title2{ padding:80px 0 50px 0;}
.juji-Title2 b{ width:208px; height:46px; font-size:32px; display:inline-block; background:url("../images/juji/title-bg2.png") no-repeat center top; background-size:100% 100%;}

.kaiban-bg{ min-height:460px; padding-bottom:50px; background:url("../images/juji/kaiban-bg.png") no-repeat center bottom; background-size:100% 100%;}