.header { width: 100%; height: 170px; border-bottom: 2px solid #c30d23; } .header-main { width: 100%; position: relative; } .header-logo { width: 100%; height: 80px; position: relative; top: 20px; } .header-logo img { height: 80px; } .qiehuan { position: absolute; right: 0; top: 0; font-size: 12px; } .nav { width: 100%; position: relative; bottom: 0; left: 0; margin-top: 50px; height: 40px; line-height: 40px; } /* display: flex;*/ /*}*/ .nav ul li { float: left; padding: 0px 53px; position: relative; } .nav ul li .nav-more { display: none; width: auto; height: auto; position: absolute; top: 40px; left: 0; background: #f8f8f8; padding-bottom: 30px; z-index: 1000; } .nav ul li:nth-child(05) .nav-more { top: 40px; left: -470px; } .nav ul li:nth-child(06) .nav-more { top: 40px; left: -470px; } .nav ul li .icon-top { position: absolute; top: 33px; left: 50%; margin-left: -5px; display: none; } .nav ul li:hover .nav-more { display: block; } .nav ul li:hover .icon-top { display: block; } .nav ul li a { font-size: 15px; display: block; width: 100%; } .nav ul li span.s-line { display: inline-block; width: 2px; height: 14px; background: #adabab; position: absolute; left: 0; top: 15px; } .nav ul li:first-child span { display: none; } .nav-kh { font-size: 15px; color: #c30d23; position: absolute; right: 0; bottom: 12px; font-weight: bold; } .china-ditu { position: relative; width: 365px; height: 350px; background-image: url(/static/images/china-ditu.png); background-size: 100%; margin: 0px auto; background-repeat: no-repeat; } .qingdao { position: relative; font-size: 16px; color: #c40d23; top: 150px; left: 295px; } .qingdao i { display: inline-block; float: left; width: 20px; height: 20px; position: relative; top: 3px; } .qingdao i img { width: 20px; } .qingdao:hover .qingdao-more { display: block; } .qingdao-more { position: absolute; bottom: 20px; left: -20px; display: block; display: none; width: 365px; } .qingdao-con h3 { display: block; margin: 0px 20px; font-size: 14px; } .qingdao-more i { position: relative; left: 23px; top: 4px; } .qingdao-more i img { width: 20px; } .qingdao-con { border: 1px solid #e6e6e6; padding: 20px 0px; border-radius: 10px; background-color: #fff; box-shadow: 0px 2px 3px #e6e6e6; position: relative; bottom: -5px; } .beijing { position: relative; font-size: 12px; color: #898989; top: 90px; left: 200px; width: 80px; } .jinan { top: 137px; left: 231px; z-index: 12; } .jinan2 { top: 136px; left: 201px; z-index: 10; } .zhengzhou { top: 100px; left: 182px; z-index: 11; } .lanzhou { top: 65px; left: 100px; } .chengdu { top: 114px; left: 118px; z-index: 14; } .chongqing { top: 113px; left: 148px; z-index: 15; } .shenzhen { top: 141px; left: 187px; z-index: 20; } .beijing-title i { display: inline-block; width: 15px; height: 15px; position: relative; top: 3px; } .beijing-title i img { } .beijing:hover .qingdao-more { display: block; } .slide { width: 100%; height: 400px; } .slide img { width: 100%; } .nav-list { width: 130px; margin: 20px 20px; } .nav-list span { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #d9d9d9; } .nav-list span a { color: #444; } .nav-p { width: 290px; margin: 20px 40px 0px 20px; } .nav-p-img img { width: 100%; } .nav-p-img img { width: 100%; } .nav-p-con { width: 100%; line-height: 20px; font-size: 12px; color: #444444; padding-top: 5px; } .main-title { width: 100%; max-width: 420px; margin: 0px auto; padding-top: 40px; padding-bottom: 30px; } .main-title h3 { display: block; width: 100%; text-align: center; font-size: 24px; padding-bottom: 5px; } .main-title .main-title-p { width: 100%; } .main-title-p p { width: 166px; text-align: center; font-size: 18px; color: #444444; font-family: "microsoft yahei"; position: relative; top: 0px; } .main-title-p span { position: relative; top: 5px; } .fuwu-nav { width: 1200px; height: 110px; } .fuwu-nav ul li { float: left; width: 232px; margin-right: 8px; border-top: 2px solid #c30d23; padding-top: 20px; } .fuwu-nav ul li span { float: left; } .fuwu-nav ul li span img { } .fuwu-nav ul li h3 { margin-top: 15px; } .fuwu-nav ul li h3 b { font-size: 16px; font-weight: 100; } .fuwu-nav ul li h3 p { font-size: 13px; white-space: nowrap; padding-top: 3px; font-family: "microsoft yahei"; } .fuwu-slide { padding-bottom: 30px; position: relative; } .fuwu-slide .icon-cen-top { position: absolute; top: -11px; } .icon-top01 { left: 115px; } .icon-top02 { left: 355px; } .icon-top03 { left: 595px; } .icon-top04 { left: 835px; } .icon-top05 { left: 1075px; } .fuwu-slide .icon-cen-top img { width: 13px; display: block; margin: 0px auto; } .fuwu-slide ul { width: 1200px; } .fuwu-slide ul li { float: left; width: 232px; margin-right: 8px; } .fuwu-slide ul li img { width: 100%; } .anli { width: 100%; background: url(/static/images/anli/div-bg.jpg) repeat-x; height: auto; } .anli-title { width: 100%; height: 50px; line-height: 50px; } .public-title { width: 100%; } .public-title h3 { display: block; width: 160px; height: 49px; border-bottom: 1px solid #f70102; font-size: 24px; text-indent: 10px; } .anli-ul { width: 1230px; height: auto; padding: 60px 0px; } .anli-ul li { float: left; width: 380px; height: 210px; margin-right: 20px; margin-bottom: 20px; } .anli-div { width: 100%; height: 210px; position: relative; } .anli-div:hover .anli-bt { width: 100%; height: 100%; } .anli-bt p { display: none; } .anli-div:hover .anli-bt p { display: block; border-top: 1px solid #fff; width: 90%; height: 100px; overflow: hidden; margin: 0px auto; line-height: 22px; font-size: 14px; padding-top: 20px; text-align: left; } .anli-div:hover .anli-bg { height: 100%; } .anli-img { width: 100%; height: 210px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; z-index: 10; } .anli-bt { position: absolute; bottom: 0; left: 0; height: 60px; line-height: 60px; z-index: 1000; width: 100%; color: #fff; font-size: 14px; text-align: center; } .anli-bt h3 { font-size: 14px; } .anli-bg { background: #661131; opacity: 0.6; position: absolute; bottom: 0; left: 0; z-index: 99; width: 100%; height: 60px; } .guanyu-title, .gy-my { width: 525px; } .new-title, .new-zx { width: 510px; } .gy-main { padding-top: 50px; padding-bottom: 50px; } .gy-my p { line-height: 22px; text-indent: 28px; font-size: 14px; margin-bottom: 30px; color: #444444; } .gy-more { display: block; width: 150px; height: 36px; line-height: 36px; border: 1px solid #004da2; } .gy-more span { float: left; font-size: 16px; color: #004da2; margin-left: 30px; } .gy-more img { position: relative; top: 10px; } .news-header { width: 100%; height: auto; } .new-img { width: 240px; height: 130px; background-origin: border-box; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .new-img img { width: 240px; } .new-font { width: 255px; } .new-font h3 { font-size: 15px; font-weight: 600; display: block; width: 100%; height: 42px; overflow: hidden; } .new-font p { line-height: 20px; font-size: 13px; color: #444444; } .news-list { width: 100%; height: auto; } .news-list ul li { width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #eeeeee; font-size: 14px; } .news-list ul li span { float: right; color: #b69999; } .news-list ul li h4 { color: #444; } .hezuo { margin-top: 30px; padding-bottom: 30px; } .hezuo h3 { display: block; width: 100%; font-size: 16px; padding-bottom: 10px; } .hezuo img { float: left; border: 1px solid #cccccc; margin-right: 15px; margin-top: 15px; width: 125px; height: 70px; } .hezuo ul { margin-left: 20px; margin-top: 10px; padding-bottom: 30px; } .hezuo ul li { float: left; width: 125px; height: 70px; border: 1px solid #cccccc; margin-left: 15px; margin-top: 15px; } .hezuo ul li img { width: 125px; height: 70px; } .footer { width: 100%; height: auto; padding: 20px 0px 40px 0px; background: #c30d23; color: #e2a5a9; } .footer a { color: #e2a5a9; } .footer-left { width: 703px; float: left; } .footer-right { width: 470px; float: right; } .footer-logo { width: 100%; } .footer-nav { width: 100%; height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px solid #e2a5a9; margin-bottom: 20px; } .footer-nav li { float: left; margin-right: 15px; position: relative; padding-right: 10px; } .footer-nav li a { display: block; width: 100%; } .footer-nav li span { position: absolute; right: 0; top: 19px; display: block; width: 2px; height: 13px; background: #e2a5a9; } .footer-left p { font-size: 12px; font-weight: bold; padding-bottom: 15px; } .footer-left p span { padding-right: 20px; } .footer-link { width: 100%; font-size: 20px; color: #edccce; margin-top: 10px; } .footer-link img { float: left; margin-right: 10px; } .footer-link h4 { position: relative; top: 10px; } .footer-right ul { clear: both; } .footer-right ul li { float: left; width: 48%; height: 35px; line-height: 35px; color: #e2a5a9; font-size: 12px; } .footer-right ul li a { color: #edccce; } .footer-right ul li i { display: inline-block; width: 3px; height: 3px; background: #e2a5a9; position: relative; top: -3px; margin-right: 5px; } .zixun-banner { width: 100%; } .zixun-banner img { width: 100%; } .zixun-nav { width: 100%; height: 60px; background: url(/static/images/zixun-bg.jpg) repeat-x; } .zixun-nav h3 { line-height: 60px; font-size: 14px; } .zixun-nav h3 span { color: #c30d23; } .news_list ul li { float: left; width: 370px; height: 230px; margin-right: 10px; position: relative; } .new_img img { width: 370px; height: 230px; } .new_img { width: 370px; height: 230px; } .news_list ul { width: 100%; max-width: 1150px; margin: 0px auto; } .news_list ul li h3 { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .8); display: block; width: 100%; height: 40px; line-height: 40px; opacity: 1; text-align: center; color: #fff; } .new-list2 { width: 100%; max-width: 1150px; margin-top: 40px; padding-bottom: 50px; } .new-list2 ul { } .new-list2 ul li { height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px solid #d8d2d3; } .new-list2 ul li span { float: right; } .details-title { width: 100%; text-align: center; font-size: 28px; padding: 30px 0px; } .details-con { width: 900px; margin: 0px auto; line-height: 25px; font-size: 14px; padding-bottom: 50px; } .details-con embed { text-align: center; } .details-con p { line-height: 25px; text-indent: 28px; margin-bottom: 10px; font-size: 14px; } .details-con img { display: block; margin: 0px auto; text-align: center; width: auto; max-width: 100%; } .job-con { width: 1130px; margin: 0px auto; } .job-con ul li { width: 100%; height: 30px; line-height: 30px; font-size: 15px; } .job-con ul li label { color: #212121; } .job-con ul li span { color: #7f7f7f; padding-left: 15px; } .job-miaoshu { width: 1130px; margin: 30px auto; } .hob-main-title { width: 100%; background: #f5f5f5; border-bottom: 1px solid #ee7711; height: 33px; } .hob-main-title h3 { display: block; width: 100px; height: 31px; line-height: 31px; text-align: center; background: #fff; border: 1px solid #ee7711; border-top: 2px solid #ee7711; border-bottom: 1px solid #fff; } .job-content { padding: 20px 0px; } .job-content p { line-height: 28px; font-size: 14px; text-indent: 24px; } .about-main { } .about-nav { width: 230px; padding: 40px 0px; } .about-nav ul li { height: 55px; line-height: 55px; background: #ececec; margin-bottom: 2px; text-align: center; font-size: 16px; } .about-nav ul li a { color: #515556; display: block; width: 100%; height: 100%; } .about-nav ul li:hover { background: #c30d23; } .about-nav ul li:hover a { color: #fff; } .about-nav ul li.on { background: #c30d23; } .about-nav ul li.on a { color: #fff; } .about-con { width: 870px; } .about-con img { width: auto; max-width: 100%; margin: 10px auto 0px auto; } .about-con-list { width: 100%; height: auto; } .about-con-list ul li { width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #d8d2d4; } .about-con-list span { float: right; font-size: 14px; } .about-con-list i { display: inline-block; width: 8px; height: 8px; background: #d8d2d4; border-radius: 8px; position: relative; top: -1px; } .about-con-list h3 { display: inline-block; font-size: 14px; margin-left: 10px; color: #454545; } .about-con-list a { display: block; width: 100%; height: 100%; } .fuwu-con { width: 100%; line-height: 24px; font-size: 16px; color: #444444; } .fuwu-con p { line-height: 28px; text-indent: 28px; margin-bottom: 20px; } .fuwu-con p img { display: block; width: auto; max-width: 100%; margin: 0px auto; text-align: center; margin-bottom: 10px; } .about-img-list { width: 100%; padding-bottom: 30px; } .about-img-list ul li { width: 250px; float: left; margin-right: 30px; margin-bottom: 30px; } .about-img-list ul li .img { width: 250px; height: 170px; background-origin: border-box; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; border-radius: 3px; background-color: #e7e7e7; } .about-img-list ul li h3 { display: block; width: 100%; margin-top: 20px; font-size: 16px; color: #262626; text-align: center; } .about-video { width: 100%; } .about-video ul li { float: left; width: 420px; height: auto; margin-bottom: 30px; } .video-img { width: 420px; height: 235px; background-origin: border-box; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .about-video ul li:nth-child(even) { float: right; } .about-video ul li h3 { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; font-size: 16px; margin-top: 10px; } .alert-video1 { width: 100%; display: none; } .alert-video2 { width: 100%; display: none; } .video-bg { width: 100%; position: fixed; left: 0; top: 0; height: 100%; background: #000; opacity: 0.7; z-index: 1000; } .video-close { width: 800px; height: 450px; position: fixed; top: 50px; left: 50%; margin-left: -400px; z-index: 1002; font-size: 34px; color: #fff; text-align: right; } .video-close img { height: 25px; position: absolute; right: 0; top: 0; } .videos { width: 800px; height: 450px; position: fixed; top: 80px; left: 50%; margin-left: -400px; z-index: 1001; } .videos img { width: 100%; height: 450px; } .contect { margin-top: 20px; padding-bottom: 60px; } .contact-ditu { float: left; width: 700px; } .contact-ditu img { width: 100%; } .contact-con { float: right; width: 100%; max-width: 400px; } .contact-con h3 { font-size: 20px; color: #c30d23; padding-bottom: 20px; font-weight: bold; } .contact-con h4 { display: block; width: 100%; color: #434748; font-size: 20px; padding-bottom: 30px; } .contact-tel { width: 100%; padding-bottom: 30px; } .contact-tel p { display: block; height: 25px; line-height: 25px; margin-bottom: 10px; } .contact-tel i { display: inline-block; position: relative; top: 10px; } .contact-tel p span { font-size: 14px; } .ditu { width: 383px; border: 5px solid #898788; } .ditu img { width: 100%; } .rencai-jg { padding-top: 30px; padding-bottom: 30px; } .rencai-jg ul li { float: left; width: 33.333%; position: relative; } .rencai-jg ul li span { position: absolute; right: 0; top: 0; top: 180px; } .rencai-jg ul li .rencai-icon { width: 180px; height: 180px; border-radius: 180px; background: #c30d23; color: #fff; margin: 0px auto; text-align: center; } .rencai-icon h3 { display: block; width: 140px; margin: 0px auto; position: relative; font-size: 34px; font-weight: 100; top: 50px; border-bottom: 2px solid #fff; } .rencai-icon h4 { position: relative; top: 55px; } .rencai-jg ul li p { display: block; width: 85%; margin: 0px auto; padding-top: 40px; font-size: 12px; line-height: 24px; } .rencai-con { width: 100%; margin-bottom: 50px; } .rc-list-title { width: calc(100% - 2px); height: 50px; line-height: 50px; border: 1px solid #dcdfe2; border-top: 2px solid #c30d23; } .rc-list-title h3 { margin-left: 30px; font-size: 18px; color: #c30d23; } .rencai-list { width: 570px; height: auto; } .rencai-list ul li { width: 100%; } .rc-main { width: calc(100% - 2px); margin-top: 30px; border: 1px solid #dcdfe2; border-top: 2px solid #d0d4d8; } .rc-top-main { width: 100%; height: 50px; background: #f3f4f6; } .rc-nav { width: 500px; margin: 0px auto; background: #f3f4f6; } .rc-nav span { float: left; width: 20%; display: inline-block; height: 50px; line-height: 50px; font-size: 14px; text-align: center; } .rc-main ul { width: 500px; margin: 0px auto; } .rc-main ul li { width: 100%; height: 50px; overflow: hidden; border-bottom: 1px solid #dcdfe2; } .rc-main ul li:last-child { border-bottom: 0; } .rc-main ul li span { float: left; width: 20%; display: inline-block; height: 50px; line-height: 50px; font-size: 14px; text-align: center; } .rc-page { width: 500px; margin: 0px auto; padding: 30px 0px; } .pageinfo { text-align: right; font-size: 14px; display: block; font-weight: 100; } .header-logo { } .pages { width: 100%; max-width: 1150px; margin: 0px auto; text-align: center; position: relative; top: -20px; } .pages ul li { float: left; border: 1px solid #ccc; margin-right: 10px; padding: 2px 8px; } .bdcs-clearfix { position: absolute; right: 0; top: 30px; border: none !important; } .fuwu-b2 { display: flex; flex-wrap: wrap; justify-content: space-around; margin-left: 120px; } .fuw-b2-item { width: calc(50% - 10px); height: 30px; line-height: 30px; font-size: 16px; }