@font-face {font-family:DINBOLD;src: url(../font/Montserrat-Regular.otf);} @font-face {font-family:CHAMPAGNELIMOUSINES;src: url(../font/Montserrat-Regular.otf);} @font-face {font-family:DINCONDMEDIUM;src: url(../font/Montserrat-Regular.otf);} /*index*/ .ind-tit{ width: 425px; margin-right: 27px; } .ind-tit .b1{ font-family: 'DINBOLD'; font-size: 30px; color: #d9d9d9; } .ind-tit .b2{ font-size: 15px; color: #6e6e6e; margin-left: 10px; } .index{ margin-bottom: 39px; overflow: hidden; } .index .gl{ padding-top:34px; width: 915px; } .index .gl .top{ overflow: hidden } .index .gr{ width: 255px; } .news-tit{ line-height:40px; border-bottom: 1px solid #e6e6e6; overflow: hidden; width: 463px; } .news-tit em{ display: block; float: left; font-size: 14px; line-height: 40px; color: #EA5504; font-weight: bold; border-bottom: 5px solid #EA5504; margin-bottom: -1px; } .news-tit a{ float: right; margin-right: 30px; font-size: 14px; font-family: 'DINBOLD'; text-transform: uppercase; color: #c8c8c8; } .index .gr .img{ width: 255px; overflow: hidden; } .index .gr .img img{ transition: 2s; } .index .gr .img img:hover{ transform: scale(1.2); } .news_pull{ } .news_pull .img{ margin-right: 27px; } .news_pull .text{ width: 463px; } .news_pull .slick{ height: auto; } .news_pull .imgDiv{ display: block; padding-top:30px; line-height: 24px; overflow: hidden; } .news_pull .imgDiv .h6{ display: block; font-size: 20px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_pull .imgDiv .em{ font-family: 'CHAMPAGNELIMOUSINES'; display: block; font-size: 30px; margin-top: 14px; color: #ea5504; } .news_pull .imgDiv .p{ display: block; margin-top: 16px; font-size: 14px; color: #696969; max-height: 84px; overflow: hidden; } .news_pull .slick-dots{ overflow: hidden; margin-top: 28px; position: absolute; left: 454px; top: 196px; } .news_pull .slick-dots li{ width: 9px; height: 9px; border: 1px solid #c1c1c1; border-radius: 50%; float: left; margin-right: 14px; cursor: pointer; } .news_pull .slick-dots li:last-child{ margin-right: 0; } .news_pull .slick-dots li.slick-active{ background: #EA5504; border-color: #EA5504; } /*index end*/ /*about*/ .about1{ overflow: hidden; } .about1 .h6{ font-family: 'DINBOLD'; font-size: 48px; text-transform: uppercase; color: #EA5504; } .about1 .h5{ font-size: 22px; margin-top: 4px; } .about1 .h4{ font-size: 24px;font-family: 'DINCONDMEDIUM'; color: #e2e2e2; font-weight: 100; margin-top: 6px; } .about1 .p{ line-height: 28px; font-size: 14px; } .about1 .left{ width: 702px; } .about1 .fr{ float: right; margin-top: 34px; display: block; overflow: hidden; } .about1 .fr img{transition: .5s; } .about1 .fr img:hover{ transform: scale(1.2); } .about2{ } .about2 .content{ height: 400px; display: flex; justify-content: center; align-items: center;} .about2 .content ul{ width: 100%; height: 130px; overflow: hidden; } .about2 .content li{ overflow: hidden; float: left; } .about2 .content li img{ margin-right: 24px; } .about2 .content li .box{ height: 130px; justify-content: center; display: flex; flex-direction: column; } .about2 .content li .h6{ font-size: 48px; line-height: 48px; font-family: 'DINBOLD'; color: #EA5504; } .about2 .content li .p{ color: #9f9f9f; font-size: 14px; } .about2 .content li.liow1{ margin-right: 40px; } .about2 .content li.liow2{ margin-right: 48px; } .about3 { margin-bottom: 54px; } .about3 .centent{ overflow: hidden; margin-bottom: 12px; } .about3 .centent .left{ width: 420px; } .about3 .centent .left .img{ overflow: hidden; } .about3 .centent .left img{ transition: .5s; } .about3 .centent .left img:hover{ transform: scale(1.2); } .about3 .centent .right{ width: 738px; } .about3 .centent .right .p{ color: #696969; } /*course*/ .course{ margin-bottom: 150px; } .course .content{ margin-top: 100px; background: url(../images/course_bg1.png) no-repeat repeat center top; } .course .content li{ margin-bottom: 110px; height: 69px;} .course .content li:last-child{ margin: 0; } .course .content .right{ width: 548px; padding-left: 87px; float: right; background: url(../images/course_bg3.png) no-repeat left top; cursor: pointer; } .course .content .right:hover{ background: url(../images/course_bg2.png) no-repeat left top; } .course .content .left:hover{ background: url(../images/course_bg2.png) no-repeat right top; } .course .content .right .h6 , .course .content .left .h6{ font-size: 30px; color: #EA5504; margin: 10px 0 6px; } .course .content .right .p , .course .content .left .p{ font-size: 14px; color: #696969; } .course .content .left{ width: 548px; padding-right: 87px; float: left; cursor: pointer; background: url(../images/course_bg3.png) no-repeat right top; } .course .content .left .h6{ text-align: right; font-size: 30px; color: #EA5504; margin: 10px 0 6px; } .course .content .left .p{ text-align: right; font-size: 14px; color: #696969; } /*culture*/ .culture{ margin-bottom: 130px; } .culture .max-img{ margin-top: 54px; } .culture .max-img img{ width: 100%; } .culture .btnBox{ margin-top: 106px; overflow: hidden; } .culture .btnBox li{ width: 20%; float: left; cursor: pointer; } .culture .btnBox li .img{ margin-bottom: 32px; } .culture .btnBox li img{ display: block; margin: 0 auto; max-width: 125px; box-shadow: 0 5px 10px rgba(163,163,163,0.5); border-radius: 50%; } .culture .btnBox li img.off{ display: none; } .culture .btnBox li:hover img.on{ display: none;} .culture .btnBox li:hover img.off{ display: block;} .culture .btnBox li:hover b{ color: #EA5504; } .culture .btnBox li b{ display: block; text-align: center; font-size: 18px; color: #333333; margin-bottom: 12px; } .culture .btnBox li .p{ text-align: center; font-size: 16px; } /* honor */ .honor{margin-bottom:80px} .honorbox{margin-top:45px} .honorlist{width:32%;margin-right:2%;margin-bottom:30px;background-color:#f0f0f0;padding:30px;box-sizing:border-box;} .honorlist:nth-of-type(3n){margin-right:0} .honorlist .img{text-align:center;} .honorlist .img img{max-width:100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .honorlist .name{margin-top:40px;text-align:center;font-size:16px;color:#333;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .honorlist:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .honorlist:hover .name{color:#EA5504} @media (max-width:1024px){ .honorlist{width:100%;margin-bottom:20px;margin-right:0;padding:20px} .honorlist .name{margin-top:25px} } /*branch*/ .branch{ margin-bottom: 58px; } .branch-box1{ margin-top: 54px; } .branch-box1 li{ overflow: hidden; } .branch-box1 li .img{ width: 601px; overflow: hidden; } .branch-box1 li .img img{ width: 100%; transition: .5s; } .branch-box1 li .img img:hover{ transform: scale(1.2); } .branch-box1 li .right{ padding: 82px 39px; width: 521px; } .branch-box1 li .h6{ position: relative; font-size: 22px; color: #000; padding-bottom: 14px; margin-bottom: 44px; } .branch-box1 li .h6 em{ width: 45px; height: 3px; background: #EA5504; display: block; position: absolute; left: 0; bottom: 0; } .branch-box1 li .p{ font-size: 14px; color: #696969; height: 112px; overflow: hidden; } .branch-box1 li .btn{ overflow: hidden; margin-top:32px;} .branch-box1 li .btn a{ width: 113px; height: 43px; border: 1px solid #EA5504; display: block; float: left; margin-right: 13px; text-align: center; line-height: 43px; font-size: 14px; color: #EA5504; } .branch-box1 li .btn a:hover{ background: #EA5504; color: #FFFFFF; } .branch-box1 li .btn a:last-child{ margin-right: 0; } .branch-box1 li.liow1 .img{ float: left; } .branch-box1 li.liow1 .right{ float: left; } .branch-box1 li.liow2 .img{ float: right; } .branch-box1 li.liow2 .right{ float: right; } /*news*/ .news{ margin-bottom: 102px; } .news-cn{ overflow: hidden; } .news-cn .left{ width: 430px; } .news-cn .text{ background: #F5F5F5; padding: 24px 24px 30px; } .news-cn .text .h6{ font-size: 24px; color: #333333; margin-bottom: 8px; } .news-cn .text .h5{ font-family: 'CHAMPAGNELIMOUSINES'; font-size: 30px; color: #EA5504; margin-bottom: 24px; } .news-cn .btm{ background: #F5F5F5; padding: 26px 40px 36px 26px; margin-top: 20px; } .news-cn .pull{ position: relative; } .news-cn .pull .h6{ font-size: 30px; font-family: 'CHAMPAGNELIMOUSINES'; } .news-cn .pull .h6 a{ color: #EA5504; cursor: pointer; } .news-cn .pull img{ margin: -8px 0 0 20px; transition: .5s; } .news-cn .pull ul{ position: absolute; left: 0; top: 72px; background: #FFFFFF; width: 338px; padding: 26px 20px; margin-bottom: -12px; box-shadow: 0 0 10px rgba(170,170,170,0.5); display: none; } .news-cn .pull ul:before{ content: ''; display: block; position: absolute; bottom: 100%; left: 83px; width: 28px; height: 15px; background: url(../images/news-bg1.png) no-repeat; } .news-cn .pull ul li{ float: left; font-size: 20px; margin: 0 27px 12px 0; } .news-cn .pull ul li:nth-child(5n+0){ margin-right: 0; } .news-cn .pull ul li.on a , .news-cn .pull ul li a:hover{ color: #EA5504; } .news-cn input{ width: calc(100% - 40px); background: #FFFFFF; line-height: 50px; padding: 0 20px; font-size: 14px; color: #333333; margin-top: 24px; } .news-cn input::-webkit-input-placeholder { color:#aaaaaa; } .news-cn input::-moz-placeholder { color:#aaaaaa; } .news-cn input:-ms-input-placeholder { color:#aaaaaa; } .news-cn input:-moz-placeholder { color:#aaaaaa; } .news-cn .left .btn{ width: 100%; display: block; line-height: 50px; background: #EA5504 url(../images/seek-news.png) no-repeat 20px center; text-indent: 59px; font-size: 14px; color: #FFFFFF;margin-top: 10px; } .news-cn .left .img{ overflow: hidden; } .news-cn .left .img img{ transition: .5s; width: 100%; } .news-cn .left .imgbtn:hover .img img{ transform: scale(1.2); } .news-cn .right{ width: 750px; } .news-cn .right ul{ } .news-cn .right li{ background: #f5f5f5; overflow: hidden; padding: 32px 40px 32px 28px; position: relative; margin-bottom: 30px; } .news-cn .right li .h9{ font-size: 48px; color: #bababa; font-family: 'CHAMPAGNELIMOUSINES'; padding-bottom: 4px; position: relative; margin-bottom: 16px; } .news-cn .right li .h9 em{ width: 15px; height: 2px; background: #EA5504; display: block; position: absolute; left: 0; bottom: 0; } .news-cn .right li span{ font-size: 16px; color: #bababa; font-family: 'CHAMPAGNELIMOUSINES'; } .news-cn .right li .gl{ width: 102px; margin: 0px 35px 0 0; } .news-cn .right li .gr{ width: 108px; height: 96px; background: #EA5504 url(../images/seek-btn.png) no-repeat center; display: none; } .news-cn .right li .content{ } .news-cn .right li .h6{ font-size: 18px; color: #000000; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-cn .right li .p{ line-height: 32px; color: #696969; max-height: 64px; overflow: hidden; } .news-cn .right li:hover .content{ padding-right: 74px; } .news-cn .right li:hover .gr{ position: absolute;right: 0; top: 0; display: block; } .news-cn .right li:hover .h6{ font-weight: bold; color: #EA5504; } .news-cn .right .btn{ width: 100%; line-height: 54px; background: #EA5504; display: block;text-align: center; margin-top: 88px; } .news-cn .right .btn img{ margin-left: 8px; } .news-cn .right .btn span{ color: #FFFFFF; font-size: 14px; } /*newshow*/ .newshow{ margin-bottom: 70px; } .newshow-cn{ overflow: hidden; } .newshow-cn .left{ background: #f5f5f5; width: 412px; } .newshow-cn .leftbox{ padding: 38px 32px 124px 30px; } .newshow-cn .leftbox .up{ width: 66px; margin-bottom: 18px; } .newshow-cn .leftbox .h9{ font-size: 48px;color: #bababa;font-family: 'CHAMPAGNELIMOUSINES';padding-bottom: 4px;position: relative;margin-bottom: 16px; } .newshow-cn .leftbox .h9 em{ width: 15px;height: 2px;background: #EA5504;display: block;position: absolute;left: 0;bottom: 0; } .newshow-cn .leftbox .up span{ font-size: 16px;color: #bababa;font-family: 'CHAMPAGNELIMOUSINES'; } .newshow-cn .leftbox .b{ font-size: 14px; color: #696969; margin-bottom: 6px; } .newshow-cn .leftbox .b a{ margin-right: 16px; } .newshow-cn .leftbox .share-min{ padding: 30px 0 56px; overflow: hidden; } .newshow-cn .leftbox .share-min a{ display: block;float: left; margin-right: 10px; } .newshow-cn .leftbox .share-min a:last-child{ margin-right: 0; } .newshow-cn .leftbox .share-min .off{ display: none; } .newshow-cn .leftbox .share-min a:hover .on{ display: none; } .newshow-cn .leftbox .share-min a:hover .off{ display: block; } .newshow-cn .more-news .h6{ padding-bottom: 26px; border-bottom: 1px solid #d3d3d3; font-size: 20px; color: #333333; margin-bottom: 26px; } .newshow-cn .more-news a{ display: block; font-size: 14px; } .newshow-cn .more-news .p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #696969; } .newshow-cn .more-news .p:hover{ color: #EA5504; } .newshow-cn .right{ width: 750px; } .newshow-cn .right .content{ padding-bottom: 68px; border-bottom: 1px dashed #eeeeee; } .newshow-cn .right .h6{ font-size: 24px; color: #000000; margin-bottom: 38px; } .newshow-cn .right .p{ color: #696969; } .newshow-cn .right .img{ margin-top: 22px; } .newshow-cn .right .img img{ width: 100%; } /*rdengineer*/ .rdengineer{ margin-bottom: 134px; } .rdengineer1{ overflow: hidden; margin: 54px 0 60px; background: #fafafa; } .rdengineer1 .left{ width: 480px; padding: 64px 70px 0 50px; } .rdengineer1 .left .h6{ font-size: 36px; color: #e7e6e6; text-transform: uppercase; } .rdengineer1 .left .h5{ font-size: 24px; color: #333333; padding-bottom: 16px; position: relative; margin-bottom: 44px; } .rdengineer1 .left .h5 em{ width: 40px; height: 3px; background: #EA5504; position: absolute; bottom: 0; left: 0; } .rdengineer1 .left .p{ color: #747474; font-size: 15px; } .rdengineer1 .right{ width: 600px; overflow: hidden; } .rdengineer1 .right img{ width: 100%; transition: .5s; } .rdengineer1 .right img:hover{ transform: scale(1.2); } .rdengineer2{ margin-bottom: 46px; } .rdengineer2 .tit-rde{ margin-bottom: 24px; } .rdengineer2 .p{ text-align: center; } .rdengineer3{ margin-bottom: 54px; } .rdengineer3 ul{ overflow: hidden; } .rdengineer3 li{ width: 33.33%; float: left; height: 275px; position: relative; background: #FAFAFA; } .rdengineer3 li .img{ overflow: hidden; } .rdengineer3 li img{ transition: .5s; } .rdengineer3 li img:hover{ transform: scale(1.2); } .rdengineer3 li .box{ padding: 54px 25px 48px 38px; } .rdengineer3 li .h6{ font-size: 18px; font-weight: bold; color: #333333; padding-bottom: 16px; position: relative; margin-bottom: 26px; } .rdengineer3 li .h6 em{ width: 30px; height: 3px; background: #EA5504; position: absolute; left: 0; bottom: 0; } .rdengineer3 li.liow2:before{ content: ''; width: 13px; height: 19px; background: url(../images/rde-i1.png) no-repeat; position: absolute; top: 50%;left: -12px; z-index: 10; } .rdengineer3 li.liow4:before{ content: ''; width: 13px; height: 19px; background: url(../images/rde-i1.png) no-repeat; position: absolute; top: 50%;right: -12px; transform: rotate(180deg); z-index: 10;} .rdengineer3 li.liow6:before{ content: ''; width: 13px; height: 19px; background: url(../images/rde-i1.png) no-repeat; position: absolute; top: -16px;left: 50%; transform: rotate(90deg); z-index: 10; } .rdengineer4{ margin-bottom: 96px; } .rdengineer4 ul{ overflow: hidden; display: flex; justify-content: center; margin-top: 102px; } .rdengineer4 li{ float: left; } .rdengineer4 li:nth-of-type(2n+1){ width: 200px; } .rdengineer4 li .box{ margin-bottom: 32px; } .rdengineer4 li .i{ width: 140px; height: 142px; background: url(../images/rde-bg1.png) no-repeat; margin: 0 auto; line-height: 28px; font-size: 16px; font-weight: bold; color: #EA5504; display: flex; align-items: center; } .rdengineer4 li .i b{ color: #EA5504; line-height: 28px;text-align: center; display: block; margin: 10px auto 0; } .rdengineer4 li .p{ text-align: center; color: #747474; } .rdengineer4 li:nth-of-type(2n+0){ display: flex;align-items: center; width: 106px; } .rdengineer4 li img{ margin-left: 15px; } .rdengineer5{ } .rdengineer5 ul{ margin-top: 34px; } .rdengineer5 li{ overflow: hidden; } .rdengineer5 .left{ width: 600px; overflow: hidden; } .rdengineer5 .left img{ transition: .5s; } .rdengineer5 .left img:hover{ transform: scale(1.2); } .rdengineer5 .right{ width: 506px; padding: 60px 48px 0 46px; height: 343px; } .rdengineer5 li .h6{ font-size: 24px; color: #333333; padding-bottom: 12px; position: relative; margin-bottom: 38px; } .rdengineer5 li .h6 em{ position: absolute; left: 0; bottom: 0; width: 30px; display: block; height: 3px; background: #EA5504; } .rdengineer5 li:nth-child(2n+1) .left{ float: left; } .rdengineer5 li:nth-child(2n+1) .right{ float: left; } .rdengineer5 li:nth-child(2n+0) .left{ float: right; } .rdengineer5 li:nth-child(2n+0) .right{ float: right; } /*results*/ .results{ margin-bottom: 82px; } .results .max-tit{ margin-bottom: 50px; } .results .content{ background: #fafafa; margin-bottom: 24px; } .results .content .h6{ font-size: 20px; padding-left: 60px; line-height: 57px; color: #333333; background: url(../images/res1.png) no-repeat 18px center; font-weight: bold; border-bottom: 2px solid #EA5504; } .results .content ul{ padding: 32px 24px 58px; } .results .content li{ line-height: 42px; font-size: 14px; overflow: hidden; position: relative; } .results .content li em{ color: #FFFFFF; background: #EA5504; width: 20px; height: 20px; border-radius: 50%; display: block; position: absolute; left: 0; top: 10px; text-align: center; line-height: 20px; } .results .content li a{ padding-left: 34px; } /*contact*/ .contact{ margin-bottom: 52px; } .contact1{ overflow: hidden; background: #fafafa; margin: 54px 0 38px; } .contact1 .left{ height: 366px; width: 602px;} .contact1 .h6{ font-size: 24px; color: #333333; margin-bottom: 30px; } .contact1 .left .box{ padding: 82px 50px 0; } .contact1 .right{ width: 597px; } .contact1 .right img{ width: auto; /*border: 1px solid #eeeeee;*/ } .contact .tit-box{ background: url(../images/con_bg1.png) no-repeat; background-size:cover; line-height: 50px; padding: 0 46px; font-size: 18px; color: #FFFFFF; margin-bottom: 36px; } .contact2{ overflow: hidden; } .contact2 .left{ width: 240px; } .contact2 .map_nav{ line-height: 84px;padding: 0 0 0 27px; background: #ebebeb; margin-bottom: 12px; font-size: 16px; color: #333333; position: relative; } .contact2 .map_nav em{ width: 12px; height: 19px; background: url(../images/con_bg2.png) no-repeat; left: 100%; top: 50%; margin-top: -9.5px; display: block; position: absolute; display: none; } .contact2 .map_nav.on , .contact2 .map_nav:hover{ background: #EA5504 url(../images/con_bg2.png) no-repeat; color: #FFFFFF; } .contact2 .map_nav.on em, .contact2 .map_nav:hover em{ display: block; } .contact2 .map_nav:last-child{ margin: 0; } .contact2 .right{ float: right; width: 890px; } .contact2 .right .gl{ width: 254px; height: 276px; display: flex; justify-content: center; flex-direction: column; } .contact2 .right .gl .p:last-child{ padding-bottom: 10px; } .contact2 .right .gr{ width: 596px; height: 276px; } .contact2 .right .gr img{ width: auto; } /*.contact2 .right .gr img{ width: 100%; border: 1px solid #eeeeee; }*/ .contact2 .right .map-con{ overflow: hidden; display: none; } /*job*/ .job{ margin-bottom: 100px; } .job .max-tit{ margin-bottom: 50px; } .job .p{ color: #696969; } .job1{ background: #f5f5f5; margin-top: 34px; } .job1 .top{ padding: 30px 30px 40px; } .job1 .i{ width: 54px; height: 54px; background: #e5e5e5 url(../images/job1.png) no-repeat center; float: left; } .job1 .b{ font-size: 16px; color: #333333; line-height: 54px; float: left; margin: 0 35px 0 16px; } .job-pull{ float: left; position: relative; } .job-pull span{ height: 54px; width: 303px; padding: 0 15px; display: block; background: #FFFFFF url(../images/bom.png) no-repeat calc(100% - 21px) center; line-height: 54px; font-size: 14px; } .job-pull ul{ position: absolute; padding: 12px 15px; background: #FFFFFF; width: calc(100% - 30px); border: 1px solid #EEEEEE; display: none; z-index: 10; } .job-pull li{ line-height: 34px; font-size: 14px; cursor: pointer; } .job-pull li:hover{ color: #EA5504; } .job1 .up:after{ content: ''; display: block; clear: both; height: 0; } .job1 .btm{ position: relative; margin-top: 22px; } .job1 .input-txt{ padding: 0 350px 0 19px;background: #FFFFFF; line-height: 60px; position: relative; } .job1 .input-txt input{ width: 100%; line-height: 25px; font-size: 14px; padding: 0 0 0 13px; border-left: 1px solid #eeeeee; } .job1 .input-txt .p{ position: absolute; right: 342px; top: 0; line-height: 60px; color: #bdbdbd; } .job1 .seek-job{ position: absolute; right: 0; top: 0; line-height: 60px; width: 300px; background: #EA5504; font-size: 16px; text-align: center; } .job1 .seek-job a{ display: block; } .job1 .seek-job em{ color: #FFFFFF; margin-left: 12px; } .job1 .job-txt{ cursor: pointer; } .job1 .input-txt input::-webkit-input-placeholder { color:#bdbdbd; font-size: 14px; } .job1 .input-txt input::-moz-placeholder { color:#bdbdbd; font-size: 14px; } .job1 .input-txt input:-ms-input-placeholder { color:#bdbdbd; font-size: 14px; } .job1 .input-txt input:-moz-placeholder { color:#bdbdbd; font-size: 14px; } .job2{ } .job2 table{ width: 100%; border: none; text-align: left; padding: 0 25px; } .job2 ul{ overflow: hidden; background: #f5f5f5; } .job2 li:after{ content: ''; display: block; clear: both; height: 0; } .job2 .liow2:hover{ background: #EA5504 } .job2 .liow2:hover span{ color: #FFFFFF; } .job2 .liow2:hover .on{ display: none; } .job2 .liow2:hover .off{ display: inline-block; } .job2 .liow2:hover div{ border-bottom: 1px solid transparent; } .job2 .liow1{ background: #e5e5e5; } .job2 .liow1 div{ float: left; line-height: 60px; font-size: 14px; font-weight: bold; } .job2 .liow2 a{overflow: hidden;display: block;border-bottom: 1px solid #e5e5e5; } .job2 .liow2 div{ float: left; font-size: 14px; font-weight: bold; } .job2 li .box1{ width: 322px; } .job2 li .box2{ width: 272px; } .job2 li .box3{ width: 112px; } .job2 li .box4{ width: 205px;} .job2 .liow2 div.box4{line-height: 30px;} .job2 li .box5{ width: 153px; } .job2 li .box6{ width: 136px; } .job2 li span{ padding: 0 28px; display: block; } .job2 .liow2{ padding: 0 46px 0 25px; } .job2 .liow2 div{ /*border-bottom: 1px solid #e5e5e5;*/ line-height: 57px; } .job2 .liow2 .box1{ width: 297px; } .job2 .liow2 .box1 span{ padding-left: 0; } .job2 .liow2 .box6{ padding-right: 0px; width: 90px; text-align: right; } .job2 .liow2 .box6 img{ padding-right: 18px; } .job2 .liow2 .off{ display: none; } .job2 .liow2 span{ color: #828282; } .job3{ background: #f5f5f5; padding: 70px 0 90px; } /*jobshow*/ .jobshow{ margin-bottom: 92px; } .jobshow1{ margin-top: 58px; padding: 44px 48px 100px; background: #f5f5f5; } .jobshow1 .h6{ font-size: 18px; font-weight: bold; color: #333333; } .jobshow1 ul{ padding: 28px 30px 14px; background: #FFFFFF; overflow: hidden; margin-top: 34px; } .jobshow1 ul li{ width: 224px; font-size: 14px; float: left; margin-bottom: 20px; } .jobshow1 .h5{ font-size: 16px; font-weight: bold; color: #333; margin-top: 40px; } .jobshow1 .btn{ margin-top: 44px; overflow: hidden; } .jobshow1 .btn a{ width: 145px; line-height: 50px; background: #bababa; text-align: center; font-size: 14px; color: #FFFFFF; display: block; float: left; margin-right: 13px; } .jobshow1 .btn a:hover{ background: #EA5504; } .jobshow1 .btn a:last-child{ margin-right: 0; } .jobshow1 .btn a.btn1{width:auto;padding:0 12px;} /*2019.3.19*/ .indexPart1{ padding:40px 0 50px;} .indexPart1 .wal{width:1440px;} .indexPart1 .list ul{ margin-right:-12px;} .indexPart1 .list li{ float:left; width:16.66%;} .indexPart1 .list li .box{ margin-right:12px; position:relative;transition:all 0.3s; -moz-transition:all 0.3s;} .indexPart1 .list li .imgDiv img{ width:100%;} .indexPart1 .list li .name{ position:absolute; left:36px; top:48px; font-size:22px; color:#fff;} .indexPart1 .list li .txt{ position:absolute; left:36px; top:80px; color: #fff; font-size:14px; text-transform:uppercase;} .indexPart1 .list li .ico{ position:absolute; right:25px; top:46px;} .indexPart1 .list li:hover .box{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} .banner { width: 100%; position: relative; } .focus { width: 100%; position: relative; zoom: 1; overflow: hidden; z-index: 2; } .f426x240, .f160x160 { width: 100%; overflow: hidden; z-index: 2; } .rslides li { width: 100%; float: left; display: none; z-index: 222; } .rslides li img { z-index: 9; display:block; } .rslides { width: 100%; position: relative; z-index: 2; margin: 0 auto; } .rslides_nav { height: 51px; width: 31px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; text-indent: -9999px; overflow: hidden; text-decoration: none; display: none; } .rslides_nav:active { opacity: 1.0; } .rslides_nav.next { left: auto; right: 0; } .rslides_tabs { width: 100%; position: absolute; bottom: 81px; z-index: 2; left: 0; text-align:center; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 18px; } .rslides_tabs a { margin-top: 0px; text-indent: 9999px; overflow: hidden; background: rgba(255,255,255,0.4); border-radius:4px; display: inline-block; _display: block; *display: block; width: 45px; height: 5px; z-index: 9; *z-index: 9; } .rslides_tabs .rslides_here a { background:#EA5504; } /*��ҳ*/ .pageNum{ color:#5a5a5a; text-align:center;margin-top: 35px;} .pageNum a{display:inline-block; padding:0 11px; height:30px; line-height:30px; border:#bbb solid 1px; margin-right:5px; background:#fff; font-size:12px;color: #444;font-weight: bold;} .pageNum a:nth-child(1),.pageNum a:nth-last-of-type(1){font-weight: normal;} .pageNum a:hover, .pageNum .aNow{color:#fff; background:#005073; border:#005073 solid 1px;} .pageNum .prev em{padding-left:12px; background:url(../images/prev-m.png) left center no-repeat;color: #444;} .pageNum .next em{padding-right:12px; background:url(../images/next-m.png) right center no-repeat;color: #444;} .pageNum .prev:hover em{background:url(../images/prev_on.png) left center no-repeat;color: #fff;} .pageNum .next:hover em{background:url(../images/next_on.png) right center no-repeat;color: #fff;} .move1{color: #fff;font-size: 14px;text-align: center;background: #005073;height: 40px;overflow: hidden;width: 100%;line-height:40px;border-radius: 20px; display: none;} .move1 { color: #fff; font-size: 14px; text-align: center; background: #005073; height: 40px; overflow: hidden; width: 100%; line-height: 40px; border-radius: 20px; display: none; } .cont1200{width: 1200px;margin: 0 auto;} .pro-box{margin-bottom: 133px;overflow: hidden;} .pro-box ul{overflow: hidden;margin: 70px 0 0;padding-bottom: 45px;} .pro-box li{width: 24%;margin-right: 1%;position: relative;height: 410px;background: #fafafa;overflow: hidden;float: left;margin-bottom: 20px;} .pro-box li:nth-child(4n){margin-right: 0;} .Pro-font{overflow: hidden;} .Pro-font em{display: block;width: 64%;margin: 18px auto 25px;} .Pro-font em img{height: 195px;object-fit: contain;} .Pro-font p{font-size: 20px;color: #303030;text-align: center;position: absolute;left: 0;bottom: 0;width:100%;} .Pro-font span{font-size: 16px;color: #999999;text-align: center;display: block;line-height: 36px;} .Pro-font b{color: #ea5505;background: #f1f1f1;width: 145px;height: 42px;text-align: center;line-height: 42px;border-radius: 25px;font-weight: normal;margin: 40px auto 32px;font-size: 14px;display: block;} .Pro-hover{background: rgba(234,85,4,.9);height: 100%;width: 90%;position: absolute;top: 0;left: 0;padding:0 5%;opacity: 0;transition: .5s;} .Pro-hover p{ color: #fff;font-size: 20px;width: 94%;margin: 45px auto 0;} .Pro-hover span{color: #fff;font-size: 18px;display: block;width: 94%;margin: 10px auto 35px;} .Pro-hover font{color: #fff;line-height: 24px;font-size: 14px;display: block;width: 94%;margin: 0 auto;} .Pro-hover a,.Pro-hover em{color: #ea5504;display: flex;justify-content: space-between;padding: 0 30px 0 26px; background: #fff;width: 89px;height: 42px;align-items: center;border-radius: 25px;margin: 30px auto 0;} .pro-box li:hover .Pro-hover{opacity: 1} .pro-box li:hover .Pro-hover b{opacity: 0;} .prodetails-box{margin: 70px 0 110px;overflow: hidden;} .synopsis{} .synopsis .box1{background: url(../images/img-91.jpg)no-repeat;width: 100%;height: 60px;} .synopsis .box1 p{font-size: 18px;color: #fff;width: 190px;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 60px;} .synopsis .box1 span{font-size: 12px;opacity: .6;} .synopsis .box2{background: #fefcfc;border: 1px solid #f2f2f2;overflow: hidden;padding: 46px 0 51px;} .synopsis .box2 .boxfl{width: 27.5%;float:left;background: #fafafa;height: 370px;border: 1px solid #eeeeee;display: flex;justify-content: center;align-items: center;margin: 0 53px 0 28px;} .synopsis .box2 .boxfl em img{max-width:230px;object-fit:contain;} .synopsis .box2 .boxfr{float: left;max-width: 765px;} .synopsis .box2 .boxfr b{font-size: 18px;color: #333333;margin-top: 45px;display: block;} .synopsis .box2 .boxfr p{color: #666666;line-height: 30px;margin-top: 30px;} .recipe{border-bottom: 2px solid #eeeeee;overflow: hidden;padding-bottom: 90px;} .recipe .box1{background: url(../images/img-93.png)no-repeat;width: 1200px;height: 46px;margin: 50px 0 45px;} .recipe .box1 p{width: 175px;height: 46px;text-align: center;line-height: 46px;color: #fff;font-size: 16px;} .recipe .box2 table{border-collapse: collapse;} .recipe .box2 th{border: 1px solid #e6e6e6;color: #333333;font-size: 16px;background: #fefcfc;font-weight: normal;width: 190px;padding: 20px 0;} .recipe .box2 td{border: 1px solid #e6e6e6;line-height: 30px;color: #666666;padding:20px 24px;} .recipe .box3{margin-top: 53px;} .recipe .box3 div{color: #ea5504;line-height: 45px;float: left;} .recipe .box3 img{float: left;margin-right: 11px;} .recipe .box3 strong{font-size: 16px;} .recipe .box3 .fanh{color: #fff;} .correlation{margin: 65px 0 0;} .correlation .box1{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 65px;} .correlation .box1 b{color: #333333;font-size: 18px;} .correlation .box1 em{width: 35px;height: 3px;background: #ea5504;margin-top: 12px;} .correlation .box2 li{width: 24%;float: left;margin-right: 1.3333%;background: #fafafa;padding: 35px 0 45px;} .correlation .box2 li:nth-last-of-type(1){margin-right: 0;} .correlation .box2 li a{width: 100%;height: 100%;display: block;display: flex;flex-direction: column;justify-content: center;align-items: center;} .correlation .box2 em{display: block;} .correlation .box2 em img{transition: .5s;} .correlation .box2 em img:hover{transform: scale(1.05);} .correlation .box2 p{color: #999999;font-size: 16px;width: 100%;text-align: center;line-height: 30px;} .correlation .box2 span{display: block;color: #303030;font-size: 20px;} .correlation .box2 li:hover span{color: #ea5504;} .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 12; } .pic-modal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40; } .pic-modal-box .box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; align-items: center; } .pic-modal-box .main { position: relative; width: 80%; margin: 0 auto; } .pic-modal-box .close { position: absolute; left: 50%; bottom: -40px; z-index: 10; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 18px; height: 18px; display: inline-block; margin-left: -9px; background: url(close.png) no-repeat; } .pic-modal-box .close:hover { transform: rotate(-90deg); } .pic-modal-box .pic-box { font-size: 0; } .pic-modal-box .pic-box img { display: block; width: 100%; max-height: 75vh; object-fit: contain; }