body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: courier, courier, monospace; } li { list-style: none; } a, a:hover, a:link, a:visited, a:active { text-decoration: none; } img { border: 0; } button, input, select, textarea { font-size: 100%; outline: none } table { border-collapse: collapse; border-spacing: 0; } .hide { display: none; } body { background-color: #fff; vertical-align: baseline; font-family: Arial,Microsoft YaHei; -webkit-font-smoothing: antialiased; font-size: 12px; line-height: 1.42858; } *, *::before, *::after { box-sizing: border-box; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clr { display: block; clear: both } .clear:after { content: ''; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .clearfix{ *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/ } body{ min-width: 900px; } .change-t:hover{ color:#318dd3 !important; } .inner{ max-width: 1200px; min-width: 900px; padding-left:20px !important; padding-right:20px !important; margin:0 auto; } /*头部*/ .header{ position: fixed; top:0; left:0; width:100%; background: rgba(255,255,255,.8); z-index:99; } .header{ padding:0 50px; } .header .inner{ max-width:100%; } @media (max-width: 1300px){ .header{ padding:0; } } .header.bg{ box-shadow: 0 1px 4px 0 rgba(218, 218, 218, 0.8); background: #fff; } .header .logo{ float:left; padding-top:20px; } .header .nav{ float: right; margin-right:-60px; } .header .nav .list{ display: inline-block; margin:0 30px; height:80px; position: relative; } .header .nav .list:first-child{ margin-left:0; } .header .nav .list:nth-child(4){ /*margin-right:0;*/ } .header .nav .list .a1{ display: inline-block; width: 100%; height:80px; padding:0 30px; line-height: 80px; color:#666; font-size:16px; } .header .nav .a1.on,.header .nav .list .a1:hover{ color:#007fcb; font-weight: bold } .header .nav .list .item{ padding-top:10px; position:absolute; top: 100%; width: 132px; text-align: center; z-index: 100; left: 0; display: none; background: rgba(255,255,255,.8); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .header .nav .list .item a{ display:block; font-size:14px; color:#666; margin-bottom: 15px; } .header .nav .list:hover .item{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both } @-webkit-keyframes fadeInUp1{ 0%{opacity:0; -webkit-transform:translateY(20px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(20px)} 100%{opacity:1; -moz-transform:translateY(0)} } .header .nav .list .item a:hover{ color:#007fcb; text-decoration: underline; } .banner1 .swiper-slide{ height:750px; } .banner1 img{ width:100%; display: block; } .banner1 .swiper-pagination{ bottom: 20px; } .banner1 .swiper-pagination-bullet{ width:30px; height:10px; border-radius:10px; opacity: .4; background: #fff ; margin:0 8px !important; } .banner1 .swiper-pagination-bullet-active{ opacity: 1; background:#ec6c00 !important ; } .banner1 a{ display: block; height:100%; position: relative; } .banner1 .text{ position: absolute; top:55%; transform: translateY(-50%); left:0; } .banner1 .text .p1{ font-size: 50px; color:#fff; letter-spacing: 14px; text-shadow:0px 5px 15px #e5e5e5; } .banner1 .text .p2{ font-size: 30px; color:#fff; opacity: .6; text-transform: uppercase; margin-top:8px; text-shadow:0px 5px 15px #e5e5e5; } .i-news{ padding:40px 0; } .c-title{ margin-bottom: 40px } .c-title .title{ font-size: 28px; color:#007fcb; font-weight:bold; float:left; } .c-title a{ float: right; font-size:14px; color:#999; } .c-title a:hover{ color:#007fcb; } .i-news .inner{ } .i-news .swiper-slide .list{ width:31.6%; float:left; margin-left:2.6%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; -webkit-box-shadow:0px 5px 15px rgba(0,0,0,.06); -moz-box-shadow:0px 5px 15px rgba(0,0,0,.06); box-shadow:0px 5px 15px rgba(0,0,0,.06); } .i-news .swiper-slide .list:first-child{ margin-left:0; } .i-news .swiper-slide .list .img{ overflow: hidden; } .i-news .swiper-slide .list .img img{ width: 100%; display: block; -webkit-transition: all 1s; transition: all 1s; } .i-news .swiper-slide .list:hover .img img{ transform: scale(1.06); } .i-news .swiper-slide .list .text{ background: #fff; padding:30px 20px; height:244px; } .i-news .swiper-slide .list .text .title{ font-size:18px; color:#000; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.8; } .i-news .swiper-slide .list .text .desc{ font-size:14px; color:#999; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin:20px 0; line-height: 1.8; height:50px; } .i-news .swiper-slide .list .text .time{ font-size:14px; color:#999; } .i-news .swiper-slide .list .text .circle{ display: inline-block; float:right; width:30px; height:30px; border-radius: 50%; line-height: 30px; text-align: center; background: #e6e6e6 } .i-news .swiper-slide .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px rgba(0,0,0,.06); -moz-box-shadow:0px 5px 15px rgba(0,0,0,.06); box-shadow:0px 5px 15px rgba(0,0,0,.06); } .i-news .swiper-slide .list:hover .title{ color:#ec6c00; } .i-news .swiper-slide .list:hover .circle{ background:#ec6c00 } .i-news .banner2{ padding-bottom: 80px; padding-top:10px; width:104%; margin-left:-2%; } .i-news .banner2 .swiper-slide{ padding:0 2%; } .i-news .swiper-pagination{ bottom: 20px; } .i-news .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background: #9e9a9a; margin:0 8px !important; } .i-news .swiper-pagination-bullet-active{ opacity: 1; background:#ec6c00 !important ; } .i-about{ padding-top:4px; } .i-about .item{ float:left; width:19.79%; position: relative; overflow: hidden; margin-left:0.2625%; } .i-about .item:first-child{ margin-left:0; } .i-about .item .img{ width: 100%; display: block; -webkit-transition: all 1s; transition: all 1s; } .i-about .item .info{ background: rgba(0,127,203,.5); position: absolute; width:100%; left:0; bottom:0; height:80px; line-height: 80px; text-align: center; font-size:20px; color:#fff; } .i-about .item .info p{ -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: absolute; display: inline-block; left:50%; height:100%; margin-left:-41px; } .i-about .item:hover p{ left:30px; margin-left:0; } .i-about .item .info img{ position: absolute; right:30px; top:50%; margin-top:-15px; display: none } .i-about .item:hover .info{ } .i-about .item:hover .info img{ display: block; } .i-about .item:hover .img{ transform: scale(1.06); } .i-lx{ padding:40px 0; } .i-lx .list{ width:23%; float:left; margin-left:2.66666%; border:1px solid #f0f0f0; height:280px; text-align: center; padding-top:50px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .i-lx .list img{ height:70px; } .i-lx .list-content .list:first-child{ margin-left:0; } .i-lx .list .img2{ display: none } .i-lx .list .title{ font-size:20px; font-weight:bold; color:#666; margin:30px 0 13px; } .i-lx .list .desc{ font-size:14px; color:#999; } .i-lx .list:hover .img1{ display: none } .i-lx .list:hover .img2{ display: inline-block } .i-lx .list:hover .title{ color:#ec6c00; } .i-lx .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .footer{ background: #4d4d4d; padding:15px 0; font-size:14px; color:#9f9f9f; } .footer a{ color:#9f9f9f; } .footer .l{ float: left } .footer ul{ float: right } .footer ul li{ display: inline-block; margin-left:20px; } /*关于金沙js3883*/ .top-img{ position: relative; height:600px; text-align: center; } .top-img .text{ position: absolute; width:100%; left:0; top:50%; transform: translateY(-30%); } .top-img .text .p1{ text-align: center; font-size:48px; margin-bottom:5px; color:#fff; letter-spacing: 5px } .top-img .text .p2{ font-size:42px; color:#fff; text-transform: uppercase; } #b102 .text,#b96 .text,#b112 .text{ width:auto; left:10%; } #b68 .text,#b72 .text{ width:auto; right:20%; left:auto; } .catelist{ text-align: center; width:100%; height: 60px; background: url(../img/jbt.png) center; } .catelist a{ display: inline-block; height: 60px; line-height: 60px; width:130px; text-align: center; color:#fff; font-size:16px; position: relative; margin-left:-3px; } .catelist a:before{ content:""; display: block; position: absolute; width:1px; height:15px; background: #fff; opacity: .5; left:-1px; top:50%; margin-top:-7px; } .catelist a:first-child:before{ display: none } .catelist a.on{ background: #ec6c00 } .catelist a:hover{ background: #ec6c00 } .about-container{ padding:65px 0; } .about-container .title{ font-size:28px; font-weight:bold; color:#1896de; background-image:-webkit-linear-gradient(right,red,#4ecae4,#1896de); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom: 40px } .about-container .desc{ font-size:16px; color:#666; text-align: justify; line-height: 1.8 } .about-container img{ display: block; width: 100%; margin-top:60px; } .news-container{ padding:50px 0; } .news-container .swiper-container{ border-radius:6px; box-shadow: rgba(0,0,0,.1) 0px 0px 20px 5px; } .news-container .swiper-slide .left{ width:41.5%; float:left; overflow: hidden; } .news-container .swiper-slide .left img{ width: 100%; display: block; -webkit-transition: all 1s; transition: all 1s; } .news-container .swiper-slide:hover .left img{ transform: scale(1.06); } .news-container .swiper-slide .right{ width:58.5%; float:left; padding:25px; } .news-container .swiper-slide .right .time{ font-size:14px; color:#999; } .news-container .swiper-slide .right .time span{ font-size:24px; color:#e40116; } .news-container .swiper-slide .right .title{ font-size: 24px; color:#333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin:20px 0 25px; } .news-container .swiper-slide .right .desc{ position: relative; padding:10px 40px; } .news-container .swiper-slide .right img{ width:20px; } .news-container .swiper-slide .right .mh1{ position: absolute; top:0; left:0; } .news-container .swiper-slide .right .mh2{ position: absolute; bottom:0; right:0; } .news-container .swiper-slide .right .text{ font-size: 16px; color:#999; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; } .news-container .swiper-pagination{ width:58.5%; right:0; left:auto; bottom:20px; } .news-container .swiper-pagination-bullet{ opacity: 1; background:#ebebeb; width:10px; height:10px; border-radius:50%; margin:0 8px !important; } .news-container .swiper-pagination-bullet-active{ opacity: 1; background:#ec6c00 !important } .news-container .i-news .swiper-slide .list{ margin-bottom: 30px } .news-container .i-news .swiper-slide .list:nth-child(3n+1){ margin-left:0; } .btn-more{ text-align: center; margin-top:30px; } .btn-more a{ display: inline-block; width:140px; height:50px; text-align: center; line-height: 50px; font-size:16px; color:#666; border:1px solid #e6e6e6; border-radius: 30px } .btn-more a:hover{ color:#fff; background: #ec6c00; border-color:#ec6c00; } /*人才招聘*/ .zp-container{ padding:40px 0 80px; } .zp-container .top{ text-align: center; } .zp-container .top .p1{ font-size:28px; color:#007fcb; } .zp-container .top .p2{ font-size:20px; color:#666; margin:20px 0 30px; } .zp-container .top img{ max-width: 100% } .zp-container .list-content{ margin-top:50px; padding-bottom:30px; } .zp-container .list-content .list{ position: relative; margin-bottom:5px; } .zp-container .list-content .list .title-out{ width: auto; height: auto; background-color: #F9FAFB; border: 1px solid rgb(228, 228, 228); padding:30px 20px; cursor: pointer; position: relative; } .zp-container .list-content .list .title-out:hover{ border:1px solid #f6b883; } .zp-container .list-content .list .title-out:hover .title{ color:#ec6c00 ; } .zp-container .list-content .list .title-out .btn{ position: absolute; right:10px; top:50%; transform: translateY(-50%); }.zp-container .list-content .list .title-out .btn2{ display: none; } .zp-container .list-content .list .title-out.active .btn2{ display: block; } .zp-container .list-content .list .title-out.active .btn1{ display: none; } .zp-container .list-content .list .title{ padding-left:30px; font-size: 18px; color:#666; position: relative; } .zp-container .list-content .list .title img{ position: absolute; left:0; top:50%; transform: translateY(-50%); } .zp-container .list-content .list .desc{ padding-left:60px; padding-top:30px; color:#666; font-size: 14px; line-height: 1.8; text-align: justify; display: none; padding-bottom:40px; } .zp-container .list-content .list .zk{ position: absolute; width:120px; height:40px; text-align: center; line-height: 40px; font-size: 16px; color:#999; border:1px solid #dbdbdb; right:0; top:30px; } .zp-container .list-content .list .zk:hover{ cursor: pointer; } .zp-container .list-content .list .zk.active{ background:#ec6c00 ; color:#fff; border-color:#ec6c00; } .zp-container .list-content .list .info{ margin-top:35px; } .zp-container .list-content .list .info-title{ font-size:18px; color:#333; font-weight:bold; margin-bottom:15px; } .zp-container .list-content .list .part-item{ display: inline-block; width:350px; } .zp-container .list-content .list .part-item .p-title{ font-size:16px; color:#ec6c00; margin-bottom:15px; } .zp-container .list-content .list .part-item .p-desc{ color:#333; font-size:14px; } .zp-container .list-content .list .info-bottom{ margin-top:15px; color:#333; font-size:14px; } /*详情*/ .show-container{ padding:50px 0; } .show-container .title{ font-size: 30px; text-align: center; color: #333; } .show-container .time{ text-align: center; font-size: 14px; color: #999; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 34px; } .show-container .desc{ font-size: 16px; color: #666; text-align: justify; line-height: 36px !important; } .show-container .desc a{ color:#666; text-decoration: underline; } .show-container .desc img{ max-width: 100% } .show-container .page-back{ margin-top:30px; padding-top:30px; border-top:1px solid #eee; font-size:14px; } .show-container .page-back { font-size:14px; } .show-container .page-back .x10{ margin-bottom: 10px; } .show-container .page-back a{ color:#888; } /*关于-产品服务*/ .common-container{ padding:50px 0; } .cpfw-container .cpfw-part1 .desc{ text-align: center } .cpfw-container .cpfw-part1 .desc .p1{ font-size:28px; color:#007fcb; } .cpfw-container .cpfw-part1 .desc .info{ font-size:16px; color:#666; margin:20px 0 40px; line-height: 2 } .cpfw-container .cpfw-part1 .desc img{ max-width: 100% } .cpfw-container .cpfw-list{ margin-top: 30px } .cpfw-container .cpfw-list .list{ height:104px; width:20%; float:left; text-align: center; margin-bottom: 25px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .cpfw-container .cpfw-list .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .cpfw-container .cpfw-list .list img{ max-width: 100% } .cpfw-container .cpfw-list .list .title{ font-size: 16px; color:#666; margin-top:10px; } .cpfw-container .cpfw-list .list em{ color:#ec6c00; } .cpfw-container .cpfw-part2{ background: #f5fafd; } .cpfw-container .cpfw-part2 .title{ font-size: 28px; color: #007fcb; text-align: center } .cpfw-container .cpfw-part2 .info{ font-size:16px; color:#666; margin:20px 0 40px; line-height: 2; text-align: center; } .cpfw-container .cpfw-part2 .tab-nav{ text-align: center; margin:30px 0 50px; } .cpfw-container .cpfw-part2 .tab-nav span{ display: inline-block; width:80px; height:35px; text-align: center; line-height: 35px; border:1px solid #ccc; border-radius:20px; color:#666; font-size: 16px; margin:0 7px; cursor: pointer; } .cpfw-container .cpfw-part2 .tab-nav span.on{ background: #ec6c00; border-color: #ec6c00; color:#fff; } .cpfw-container .cpfw-part2 .tab-i table,.cpfw-container .cpfw-part2 .tab-i tr{ width: 100%; text-align: center } .cpfw-container .cpfw-part2 .tab-i .t-title td{ font-size:20px; font-weight:bold; color:#fff; background: #999 } .cpfw-container .cpfw-part2 .tab-i td{ height:50px; border:1px solid #e6e6e6; font-size:18px; color:#666; } .cpfw-container .cpfw-part2 .tab-i{ display: none } .cpfw-container .cpfw-part2 .tab-main .tab-i:first-child{ display: block; } /*历程*/ .lc-container{ padding:70px 0 120px; } .lc-container .inner{ position: relative; } .lc-container .pro-tab { background: url(../img/line.png) no-repeat 0 44px; position: relative; padding:0 5%; } .lc-container .pro-tab .swiper-button-prev { position: absolute; background: url(../img/lc-jt4.png) no-repeat; width: 60px; height: 60px; left: 0; top:36px; z-index: 5; } .lc-container .pro-tab .swiper-button-next { position: absolute; background: url(../img/lc-jt3.png) no-repeat; width: 60px; height: 60px; right: 0; top: 36px; z-index: 5; } .lc-container .pro-tab .swiper-button-disabled{ opacity: 1 } .lc-container .pro-tab .arrow-left:hover { background: url(../img/sylc-jt2.png) no-repeat; } .lc-container .pro-tab .arrow-right:hover { background: url(../img/sylc-jt1.png) no-repeat; } .lc-container .pro-tab .year { display: block; text-align: center; position: relative; } .lc-container .pro-tab .year p { font-size: 18px; font-weight: bold; line-height: 30px; color: #999; } .lc-container .pro-tab .active p{ font-size:20px; color:#007fcb; } .lc-container .pro-tab .year span{ display: inline-block; width:20px; height:20px; border-radius:50%; border:6px solid #cdcdcd; margin-top:5px; background: #fff } .lc-container .pro-tab .year:after { content:''; position: absolute; } .lc-container .pro-tab .active span{ border-color:#007fcb; } .lc-container #history{ padding-top:70px; padding-bottom:90px; position: relative; background: url(../img/l-line.png) center repeat-y; top:-10px; } .lc-container #history li .info-wrapper{ position: relative; width: 50%; padding-right: 80px; float: left; position: relative; } .lc-container #history li{ /*margin-top:-50px;*/ } .lc-container #history li:first-child{ margin-top: 0 } .lc-container #history li:nth-child(2n) .info-wrapper{ position: relative; width: 50%; padding-left: 80px; float: right; position: relative; } .lc-container #history li .info{ position: relative; padding:20px; border-radius:6px; border:1px solid #e5e5e5; /*min-height: 180px;*/ display: flex; justify-content: flex-start; padding-left:20px; } .lc-container #history li .info.hasimg{ min-height: 180px; padding-left:245px; } .lc-container #history li .info .img{ overflow: hidden; /*position: absolute;*/ /*top:20px;*/ /*left:20px;*/ border-radius: 6px; /*width:40%;*/ text-align: center; margin-right:10px; max-height: 146px; } .lc-container #history li .info .img img{ max-height: 146px; /*max-width:100%;*/ } .lc-container #history li .info:hover{ cursor: pointer; border-color:#007fcb; } .lc-container #history li .info:hover .text p{ color:#007fcb; } .lc-container #history li .info .img img{ display: block; width: auto; -webkit-transition: all 1s; transition: all 1s; } .lc-container #history li .info .img:hover img{ transform: scale(1.06); } .lc-container #history li .info .text{ font-size: 16px; color:#666; text-align: justify; line-height: 1.6; /*width:150%;*/ } .lc-container #history li .info-wrapper:after{ content:""; position: absolute; width: 9px; height: 9px; top: 30px; right: 0; background: #b3b3b3; margin-right:-5px; border-radius: 50% } .lc-container #history li:nth-child(2n) .info-wrapper:after{ content:""; position: absolute; width: 9px; height: 9px; top: 30px; left: -4px; background: #b3b3b3; border-radius: 50% } .lc-container #top { position: absolute; left: 50%; bottom: -45px; margin-left: -25px; cursor: pointer; z-index: 99; } .lc-container #top img{ width:50px; } /*客户认证*/ .khrz-container .khrz-part1 .desc{ text-align: center } .khrz-container .khrz-part1 .desc .p1{ font-size:28px; color:#007fcb; } .khrz-container .khrz-part1 .desc .info{ font-size:16px; color:#666; margin:20px 0 40px; line-height: 2 } #certify { position: relative; width: 1200px; margin: 20px auto } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 280px; height: 400px; background: #fff; border:1px solid #f0f0f0; } #certify .swiper-slide .img{ height:360px; display: flex; align-items: center; justify-content: center; } #certify .swiper-slide-active .img{ border:2px solid #ec6c00; } #certify .swiper-slide img{ display:block; width:100%; } #certify .swiper-slide p { text-align: center; color: #666; font-size: 16px; margin-top: 20px; opacity: 0 } #certify .swiper-slide-active p{ opacity: 1 } #certify .swiper-button-prev { left: 0; width: 45px; height: 45px; background: url(../img/kh-jt1.png) no-repeat; background-size: 100%; } #certify .swiper-button-next { right: 0; width: 45px; height: 45px; background: url(../img/kh-jt2.png) no-repeat; background-size: 100%; } .khrz-container .khrz-part2{ background: #f5fafd } .khrz-container .khrz-part2 .title{ font-size:28px; color:#007fcb; text-align: center } .khrz-container .khrz-part2 .list-content{ margin-top:35px; } .khrz-container .khrz-part2 .list-content .list{ width:18%; float:left; margin-left:2.5%; margin-bottom: 20px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; overflow: hidden; } .khrz-container .khrz-part2 .list-content .list:nth-child(5n+1){ margin-left:0; } .khrz-container .khrz-part2 .list-content .list img{ width: 100%; display: block; } .khrz-container .khrz-part2 .list-content .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } .khrz-container .khrz-part2 .list-content .list img{ transform: scale(1.06); } /*企业方针*/ .qyfz-container{ padding:70px 0 140px; text-align: center; } .qyfz-container .desc{ margin-bottom: 70px; } .qyfz-container .desc .p1{ font-size: 28px; color: #007fcb; margin-bottom: 30px } .qyfz-container .desc .info{ font-size: 16px; color: #666; line-height: 2 } .qyfz-container .content{ padding: 140px 200px; position: relative; margin:0 auto; display: inline-block; } .qyfz-container .content .bg{ display: block; max-width: 100%; } .qyfz-container .content .list{ position: absolute; } .qyfz-container .content .list .title{ font-size: 24px; color:#333; margin-bottom:15px; } .qyfz-container .content .list .desc{ font-size: 16px; color:#808080; line-height: 2; margin-bottom: 7px } .qyfz-container .content .list img{ margin-bottom: 7px } .qyfz-container .content .list1{ top:-25px; left:50%; transform: translateX(-50%); } .qyfz-container .content .list2{ top:50%; left:0; transform: translateY(-50%); } .qyfz-container .content .list3{ top:50%; right:0; transform: translateY(-50%); } .qyfz-container .content .list4{ bottom:-25px; left:50%; transform: translateX(-50%); } .qyfz-container .content .text{ position: absolute; width: 100%; top:50%; left:0; transform: translateY(-50%); } .qyfz-container .content .text .p1{ font-size: 28px; color: #fff } .qyfz-container .content .text .p2{ opacity: .5; color: #fff; margin-top: 5px; text-transform: uppercase; } .qyfz-container .content .list:hover .title{ color:#007fcb; } /*品质方针*/ .pzfz-container{ padding:50px 0 80px; text-align: center } .pzfz-container .desc{ margin-bottom: 50px } .pzfz-container .desc .p1{ font-size: 28px; color: #007fcb; margin-bottom: 30px } .pzfz-container .desc .info{ font-size: 16px; color: #666; line-height: 2 } .pzfz-container .desc{ font-size: 16px; color: #666; line-height: 2 } .pzfz-container .desc img{ max-width:100%; } .pzfz-container .list-content .list{ width:21%; float:left; margin-left:5.33333%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; cursor: pointer; } .pzfz-container .list-content .list:first-child{ margin-left:0; } .pzfz-container .list-content .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .pzfz-container .list-content .list .title{ font-size:20px; color:#333; margin:20px 0 10px; } .pzfz-container .list-content .list .desc{ font-size: 14px; color:#666; line-height: 1.6 } .pzfz-container .list-content .list:hover .title{ color:#ec6c00; } /*安保方针*/ .abfz-list .list{ width:31.6%; float:left; margin-left:2.6%; margin-bottom: 30px; padding:30px 35px; height:300px; border-radius:6px; position: relative; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .abfz-list .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .abfz-list .list:nth-child(3n+1){ margin-left:0; } .abfz-list .list .num{ font-size:22px; color:#fff; text-align: justify; font-weight:bold; padding-bottom:25px; border-bottom: 1px solid rgba(255,255,255,.5) } .abfz-list .list .desc{ margin-top:20px; color:#fff; font-size:16px; text-align: justify; line-height: 2 } .abfz-list .list img{ position: absolute; right:0; bottom: 0; width:40%; } .abfz-list .list1{ background: #007fcb } .abfz-list .list2{ background: #348091 } .abfz-list .list3{ background: #5b8fb6 } .abfz-list .list4{ background: #19949b } .abfz-list .list5{ background: #009ed8 } .abfz-list .main-content{ position: relative; padding: 100px 0 140px; text-align:center; } .abfz-list .main-content .item{ width: 50%; position: absolute; text-align: justify; } .abfz-list .main-content .item .num{ font-size:20px; font-weight: bold; color:#ec6c00; margin-bottom: 10px; display: inline-block; } .abfz-list .main-content .item .info{ padding-bottom:10px; border-bottom: 1px solid #f0f0f0; font-size:16px; color:#666; line-height: 2; text-align: justify; position: relative; } .abfz-list .main-content .item1{ padding-right:180px; top:0; left:0; } .abfz-list .main-content .item .info:hover{ color:#ec6c00; cursor: pointer; } .abfz-list .main-content .item .info:before{ position: absolute; content:""; display: block; width:10px; height:10px; border-radius:50%; background:#ec6c00 ; } .abfz-list .main-content .item .info:after{ content: ''; display: block; height: 1px; width: 65px; border-bottom: 1px #d0d0d0 dashed; position: absolute; transition: color .5s ease; } .abfz-list .main-content .item1 .info:before{ right:-15px; bottom:-5px; } .abfz-list .main-content .item1 .info:after{ right: -86px; bottom: -5px; transform: rotate(23deg); transform-origin: 0 0; } .abfz-list .main-content .item2{ padding-left:180px; top:0; right:0; } .abfz-list .main-content .item2 .info:before{ left:-15px; bottom:-5px; } .abfz-list .main-content .item2 .info:after{ left: -87px; bottom: -25px; transform: rotate(341deg); transform-origin: 0 0; } .abfz-list .main-content .item3{ text-align: center; bottom:0; left:50%; margin-left:-200px; width:auto; } .abfz-list .main-content .item3 .info:before{ left: 195px; bottom: 80px; } .abfz-list .main-content .item3 .info:after{ left: 199px; bottom: 91px; transform: rotate(270deg); transform-origin: 0 0; width: 48px; } .abfz-list .main-content .item4{ padding-right:200px; bottom:180px; left:0; } .abfz-list .main-content .item4 .info:before{ right:-15px; bottom:-5px; } .abfz-list .main-content .item4 .info:after{ right: -83px; bottom: 0px; transform: rotate(321deg); transform-origin: 0 0; } .abfz-list .main-content .item5{ padding-left:200px; bottom:180px; right:0; } .abfz-list .main-content .item5 .info:before{ left:-15px; bottom:-5px; } .abfz-list .main-content .item5 .info:after{ left: -19px; bottom: 10px; transform: rotate(225deg); transform-origin: 0 0;} /*伦理经营方针*/ .llfz-list .list{ width:18%; float:left; margin-left:2.5%; border:1px solid #f0f0f0; height:300px; padding:35px 30px; text-align: center; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .llfz-list .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } .llfz-list .list:first-child{ margin-left:0; } .llfz-list .list .info{ text-align: justify; margin-top:30px; font-size:16px; color: #888; line-height: 1.8 } /*环保方针*/ .hbfz-list{ border:1px solid #f0f0f0; } .hbfz-list .list{ width:20%; float:left; height:340px; padding:50px 35px; border-left:1px solid #f0f0f0; } .hbfz-list .list:first-child{ border-left:0; } .hbfz-list .list:nth-child(4){ border-bottom:0; } .hbfz-list .list:nth-child(5){ border-bottom:0; } .hbfz-list .list .title{ font-size: 20px; font-weight:bold; color:#333; font-weight:bold; margin:20px 0; } .hbfz-list .list .info{ text-align: justify; font-size:16px; color: #888; line-height: 1.8 } .hbfz-list .list .text{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .hbfz-list .list:hover .text{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .hbfz-list .list:hover .title{ color:#ec6c00; } /*企业文化*/ .qywh-list .list{ width:31.6%; float: left; margin-left: 2.6%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .qywh-list .list:first-child{ margin-left: 0 } .qywh-list .list .img{ overflow: hidden; } .qywh-list .list .img img{ -webkit-transition: all 1s; transition: all 1s; } .qywh-list .list .text{ text-align: center; margin-top:20px; font-size: 16px; color: #666; line-height: 2; padding-bottom: 20px } .qywh-list .list:hover img{ transform: scale(1.06); } .qywh-list .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } /*伦理举报*/ .lljb-container{ padding:50px 0; } .lljb-container .desc{ text-align: center; } .lljb-container .desc .title{ font-size: 28px; color: #007fcb; } .lljb-container .desc .text{ font-size: 16px; color: #666; margin: 20px 0 40px; line-height: 2; } .lljb-container .info{ padding: 40px 0; font-size: 16px; color: #666; line-height: 2; border-top: 1px solid #f0f0f0 } .lljb-container .content{ padding:30px 25px; background: #fafafa } .lljb-container .list{ margin-bottom: 25px; position: relative; padding-left: 85px } .lljb-container .list span{ position: absolute; left:0; top:10px; font-size: 16px; color:#666; width:64px; text-align: justify; } .lljb-container .list span i{ display:inline-block; padding-left: 100%; width:100%; height:0; } .lljb-container .list .text{ width: 100% } .lljb-container .list input{ width: 100%; height:50px; line-height: 50px; border:1px solid #ebebeb; font-size: 16px; color: #666; box-shadow: none; padding:0 15px; } .lljb-container .list textarea{ width: 100%; border:1px solid #ebebeb; height:160px; font-size: 16px; color: #666; padding:15px; } .lljb-container .list-fj{ height:50px; } .lljb-container .list-fj .ll{ width:82px; height:50px; color: #fff; font-size: 16px; background: #b3b3b3; position: absolute; right:0; top:0; border:none; line-height: 50px; text-align: center; z-index:1; } .lljb-container .list-fj .fj-text{ position: relative; height:50px; padding-right:110px; } .lljb-container .list-fj .fj-text .showFileName1{ width:100%; border:1px solid #ebebeb; height:50px; padding:0 15px; line-height: 50px; color:#666; font-size:16px; background: #fff; } .lljb-container .list-fj input{ position: absolute; width:100%; height:50px; border:none; z-index:5; opacity: 0; } .lljb-container .bottom .list{ width:48%; float: left; margin-left:4%; } .lljb-container .bottom .list:first-child{ margin-left: 0 } .lljb-container .submit{ text-align: center; } .lljb-container .submit button{ width:100px; height:50px; color: #fff; font-size: 16px; margin:0 10px; border:none; } .lljb-container .submit button.i1{ background: #007fcb; } .lljb-container .submit .i2{ background: #ec6c00; } .lljb-container .submit .i2{ width:100px; height:50px; color: #fff; font-size: 16px; margin:0 10px; border:none; display: inline-block; line-height: 50px; cursor: pointer; } /*其他网站*/ .qtwz-container{ padding:50px 0 80px; } .qtwz-container .list{ width:31.6%; float: left; margin-left:2.6%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .qtwz-container .list:first-child{ margin-left:0; } .qtwz-container .list .img{ overflow: hidden; border:1px solid #f0f0f0; } .qtwz-container .list .img img{ display: block; width: 100%; -webkit-transition: all 1s; transition: all 1s; } .qtwz-container .list:hover img{ transform: scale(1.06); } .qtwz-container .list p{ text-align: center; padding:10px 40px; font-size: 16px; color:#666; line-height: 2 } .qtwz-container .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .qtwz-container .list:hover p{ color: #ec6c00 } .fkyy-content{ position: fixed; z-index: 100000; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); display: none; } .fkyy-content .fkyy-main{ height: auto; position: absolute; z-index: 1001; padding:40px; background: #fff; border-radius: 6px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; } .fkyy-content .close{ position: absolute; top:20px; right:20px; width:30px; cursor: pointer; } .ewm-content{ position: fixed; z-index: 100000; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); display: none; } .ewm-content .ewm-main{ height: auto; position: absolute; z-index: 1001; padding:40px; background: #fff; border-radius: 6px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; } .ewm-content .close{ position: absolute; top:20px; right:20px; width:30px; cursor: pointer; } .contact-wrapper{ position: fixed; z-index: 100000; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); display: none; } .contact-wrapper .contact-main{ width: 460px; height: auto; position: absolute; z-index: 1001; padding:50px 30px; background: #fff; border-radius: 6px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; } .contact-wrapper .contact-main .title{ font-size: 16px; text-align: center; margin-bottom: 10px; color:#262626; font-weight: 700; } .contact-wrapper .contact-main .desc{ font-size: 16px; color: #262626; text-align: left; line-height: 24px; margin-bottom: 10px } .contact-wrapper .contact-main .know{ display: inline-block; width: 200px; height: 40px; color: #fff; background: #007fcb; font-size: 16px; text-align: center; line-height: 40px; text-decoration: none; border-radius: 2px; cursor: pointer; position: relative; margin-top:15px; } /*通知公告*/ .tz-container .list-content .list{ padding:40px 200px 40px 120px; position: relative; border-bottom: 1px solid #f0f0f0; min-height: 200px; } .tz-container .list-content .list .time{ position: absolute; left:0; top:42px; width:120px; padding:20px 0 22px; text-align: center; border:1px solid #e6e6e6; }.tz-container .list-content .list .time span{ display: block; } .tz-container .list-content .list .time .i1{ font-size:50px; color:#666; font-weight:bold; line-height: 1; } .tz-container .list-content .list .time .i2{ font-size: 16px; color:#b3b3b3; margin-top:8px; } .tz-container .list-content .list .text{ padding:0 70px; } .tz-container .list-content .list .text .title{ font-size:20px; color:#333; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:15px; } .tz-container .list-content .list .text .desc{ font-size:14px; color:#999; text-align: justify; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .tz-container .list-content .list .img{ position: absolute; right:0; top:42px; overflow: hidden; width:200px; } .tz-container .list-content .list .img img{ width: 100%; display: block; -webkit-transition: all 1s; transition: all 1s; } .tz-container .list-content .list:hover img{ transform: scale(1.06); } .jy1{ font-size:18px !important; font-weight:bold !important; } .pagination {text-align:center;list-style:none;margin:0;padding:0;vertical-align:bottom} .pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px} .pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB} .pagination .active {pointer-events:none} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;} .pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;} /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a,.pagination li a:hover {background:#007fcb;color:#fff;border:1px solid #007fcb;}