@charset "utf-8"; /* css document */ html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);} body{margin:0;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #333;} h1{font-size:2em;margin:.67em 0;} figure{margin:1em 40px;} hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;} a{-webkit-text-decoration-skip:objects;background-color:transparent;} abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;} b,strong{font-weight:bolder;} dfn{font-style:italic;} mark{background-color:#ff0;color:#000;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-.25em;} sup{top:-.5em;} audio:not([controls]){display:none;height:0;} img{border-style:none;} svg:not(:root){overflow:hidden;} button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;} body, button, input, select, textarea {text-rendering: optimizelegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";font-family: "microsoft yahei",pingfangsc-regular,"helvetica neue",helvetica,arial,"hiragino sans gb","heiti sc","wenquanyi micro hei",sans-serif;} button,input{overflow:visible;} button,select{text-transform:none;} button,html [type=button],/* 1 */ [type=reset],[type=submit]{-webkit-appearance:button;} button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;} button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext;} fieldset{padding:.35em .75em .625em;} legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;} progress{display:inline-block;vertical-align:baseline;} textarea{overflow:auto;} [type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;} [type=search]{-webkit-appearance:textfield;outline-offset:-2px;} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;} summary{display:list-item;} article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */ menu{display:block;} pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;} audio,video,canvas{display:inline-block;} template,[hidden]{display:none;} .clearfix{zoom:1;} .clearfix:before,.clearfix:after{display:table;line-height:0;content:"";} .clearfix:after{clear:both;} a {color: #333;text-decoration: none;} a:hover {color: #0d62be;} ul {margin: 0;list-style: none;padding: 0;} .fl{float: left;} .fr{float: right;} .container {padding: 0 15px;min-width: 1200px;margin: 0 auto;max-width: 1600px;} .img-center {text-align: center;font-size: 0;} .img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;} .img-cover {overflow: hidden;} .img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;} .more-big {display: inline-block;font-size: 0;vertical-align: middle;line-height: 50px;margin-top: 50px;background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(214,214,214)), to(rgb(255,255,255)));background-image: linear-gradient(to top, rgb(214,214,214), rgb(255,255,255));-webkit-transition: all 0.5s;transition: all 0.5s;} .more-big span {display: inline-block;vertical-align: middle;font-size: 18px;padding: 0 40px;} .more-big i {display: inline-block;background: url(/uploads/image/simages/icon2a.png) no-repeat center;width: 50px;border-left: 1px solid #ccc;height: 50px;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;} .more-big:hover {background: #0d62be;color: #fff;} .more-big:hover i {border-color: rgba(255,255,255,0.4);background-image: url(/uploads/image/simages/icon2.png);} .header {position: fixed;z-index: 10;width: 100%;top: 0;left: 0;-webkit-transition: all 0.5s;transition: all 0.5s;border-bottom: 1px solid #797f80;} /*.header .container {width: auto;padding: 0 60px;}*/ .header .logo {float: left;font-size: 0;line-height: 50px;text-align: left;} .header .nav {float: right;} .header .nav li {margin-left: 10px;float: left;} .header .nav li>a {display: block;font-size: 16px;line-height: 70px;position: relative;color: #fff; font-weight:bold;padding: 0 30px;} .header .nav li>a:after {position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background-color: #0d62be;-webkit-transition: all 0.5s;transition: all 0.5s;content: '';} .header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;} .header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;-webkit-box-sizing: content-box;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;} .header .nav li.dropdown {position: relative;} .header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.1);} .header .nav .dropdown-box p {margin: 0;} .header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);line-height: 40px;color: #333;} .header .nav .dropdown-box a:hover {background-color: #0d62be;color: #fff;} .header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover {} .header .nav li.open>a:after,.header .nav li.active>a:after,.header .nav li>a:hover:after {width: 100%;} .header .nav li.open .dropdown-box {display: block;} .header .sc {float: right;position: relative;margin-left: 40px;} .header .sc-btn {display: block;height: 70px;width: 30px;background: url(/uploads/image/simages/icon1.png) no-repeat center;} .header .sc-box {position: absolute;right: 0;top: 100%;overflow: hidden;display: none;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.1);} .header .sc-box input {display: block;padding: 9px 62px 9px 12px;border: 1px solid transparent;font-size: 14px;color: #333;background-color: #fff;width: 200px;} .header .sc-box button {position: absolute;right: 0;top: 0;padding: 0;width: 60px;height: 40px;background: #0d62be;color: #fff;border: 0;cursor: pointer;font-size: 14px;} .header-active {background: transparent;background-color: rgba(0,0,0,0.6);} .menu-btn {display: none;padding: 6px 0;float: right;} .menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #fff;content: '';} .menu-btn:before {width: 24px;} .menu-btn:after {width: 18px;margin-left: 6px;} .menu-btn span {width: 12px;margin: 6px 0 6px 12px;} .banner .swiper-slide {background: no-repeat center / cover;min-height: 800px;height: 100vh;} .banner .swiper-slide img {display: block;width: 100%;height: auto;} .banner .swiper-slide .container {height: 100%;} .banner .swiper-slide .wrap {display: table;height: 100%;color: #fff;} .banner .swiper-slide .inner {display: table-cell;vertical-align: middle;} .banner .swiper-slide h4 {margin: 0;font-size: 48px;font-weight: normal; color:#fff;} .banner .swiper-slide h4:after {display: block;content: '';height: 3px;width: 40px;margin-top: 20px;background-color: #0d62be;} .banner .swiper-slide small {font-weight: normal;margin: 20px 0 0;font-size: 19px;display: block;text-transform: uppercase;width: 600px; color:#fff;} .banner .swiper-slide .more-big {background: #0d62be;color: #fff;} .banner .swiper-slide .more-big i {border-color: rgba(255,255,255,0.4);background-image: url(/uploads/image/simages/icon2.png);} .banner .swiper-pagination {bottom:50% !important;left: auto !important;width: 80px !important;padding: 1px 0;right: 30px;-webkit-transform: translatey(50%);transform: translatey(50%);} .banner .swiper-pagination-bullet {background-color: #fff;display: block;width: 40px;margin: 15px auto !important;height: 2px;border-radius: 0;-webkit-transition: all 0.5s;transition: all 0.5s;} .banner .swiper-pagination-bullet-active {width: 100%;} .banner-sub {background: no-repeat center / cover;height: 550px;} .banner-sub .container {height: 100%;} .banner-sub .wrap {display: table;height: 100%;color: #fff;} .banner-sub .inner {display: table-cell;vertical-align: middle;} .banner-sub h4 {margin: 0;font-size: 44px;line-height: 1.1;text-transform: uppercase;} .banner-sub h4:after {display: block;content: '';height: 3px;width: 40px;margin-top: 20px;background-color: #fff;} .banner-sub small {margin: 20px 0 0;font-size: 34px;display: block;text-transform: uppercase;} .c2_index{position: relative;background: url(/uploads/image/simages/c2_bg.jpg) no-repeat;background-size: cover;display: table; padding:30px 0;} .c2img{display: inline-block;width: 50%;display: table-cell;vertical-align: middle; padding-left:20px;} .c2img img{width: 100%;display: block;} .c2_right{display: inline-block;width: 50%;display: table-cell;vertical-align: middle;padding: 3.125%;padding-right: 8.125%;} .c2_right .c2_ttt{position: relative;} .c2_ttt span{color: #646464;font-size: 18px;text-transform: uppercase;} .c2_ttt h2{color: #323232;font-size: 30px;background: url(/uploads/image/simages/line01.png) no-repeat left bottom;padding-bottom: 15px;margin-bottom: 15px; margin:0px;} .abb_txt{position: relative;margin: 5.125% 0;font-size: 16px;color: #5a5a5a;line-height: 2;} .c2_right .abbmore{display: inline-block;border: 1px solid #c5c5c5;padding: 10px 25px;font-size: 14px;color: #545454;} .number{display: flex;justify-content: space-between;margin-top: 12.215%;} .number li{position: relative;text-align: center;} .number li h3{color: #545454;font-size: 48px;font-family: "impact";height: 40px;margin: 0px;padding: 0px;} .number li h3 i{font-style: inherit;} .number li h3 span{font-size: 18px;color: #545454;font-weight: 400;font-family: "microsoft yahei";padding-left: 5px;} .number li p{font-size: 20px;color: #545454;} .in-equipment {padding-bottom: 10px;} .in-equipment .swiper-slide {width: 1000px;} .in-equipment .swiper-slide a {display: block;position: relative;} .in-equipment .swiper-slide .img-cover span {padding-top: 52%;opacity: 0.5;-webkit-transition: all 1s;transition: all 1s;} .in-equipment .swiper-slide .text {position: absolute;left: 40px;top: 50px;background-color: #fff;padding: 40px 30px;width: 280px;height: 320px;color: #333;opacity: 0;-webkit-transition: all 1s;transition: all 1s;} .in-equipment .swiper-slide .text h4 {margin: 0;font-size: 36px;font-weight: normal;position: relative;} .in-equipment .swiper-slide .text h4:after {display: block;content: '';margin-top: 20px;width: 150px;height: 3px;background-color: #0d62be;margin-left: -90px;} .in-equipment .swiper-slide .text p {font-size: 16px;color: #666;line-height: 1.8;margin: 30px 0 0;text-align: justify;height: 140px;overflow: hidden;} .in-equipment .swiper-slide .text .more {display: inline-block;margin-top: 20px;font-size: 16px;color: #0d62be;background: no-repeat right center;padding-right: 36px;} .in-equipment .swiper-slide .text .p {position: absolute;right: 40px;bottom: 30px;font-size: 24px;color: #999;} .in-equipment .swiper-slide .text .p span {color: #0d62be;} .in-equipment .swiper-slide-active .img-cover span {opacity: 1;} .in-equipment .swiper-slide-active .text {opacity: 1;} .in-equipment .swiper-button-next, .in-equipment .swiper-button-prev {background-color: #6e6e6e;width: 50px;height: 80px;opacity: 0.5;-webkit-transition: all 0.5s;transition: all 0.5s;margin-top: -40px;} .in-equipment .swiper-button-prev {left: 50%;margin-left: -600px;} .in-equipment .swiper-button-next {right: 50%;margin-right: -600px;} .in-equipment .swiper-button-next:hover, .in-equipment .swiper-button-prev:hover {opacity: 1;} .in-equipment .swiper-pagination {position: static;font-size: 0;margin-top: 50px; height:40px;} .in-equipment .swiper-pagination-bullet {width: 14px;height: 14px;border-radius: 0;-webkit-transition: all 0.5s;transition: all 0.5s;margin: 0 8px !important;} .in-equipment .swiper-pagination-bullet-active {background-color: #0d62be;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .bg2 { background-color:#d0d0d0;color: #272727;} .section {padding: 80px 0;} .section-title {margin-bottom: 50px;} .section-title .more-big {margin-top: 25px;float: right;display: none;} .section-title small {display: block;border-bottom: 1px solid #ddd;text-transform: uppercase;font-size: 48px;line-height: 1.1;padding-bottom: 25px;} .section-title h4 {margin: -1px 0 0;padding-top: 25px;font-size: 48px;line-height: 1.1;border-top: 5px solid #0d62be;display: inline-block;vertical-align: top;font-weight: normal;} .section-title-1 {margin-bottom: 50px;text-align: center;font-size: 30px;} .section-title-1 small {display: block;color: #999;font-size: 20px;text-transform: uppercase;} .section-title-1 i {display: block;content: '';background: no-repeat center / contain;height: 32px;margin-top: 5px;} .in-news-left {float: left;width: 380px;} .in-news-left .section-title {margin-top: 150px;} .in-news-left .section-title small {border-color: rgba(23,23,23,0.3);} .in-news-right {margin-left: 400px;} .list-1 {margin: 0 0 0 -10px; background-color:#fff; padding: 0px 0 7px 7px;} .list-1 li {float: left;width: 33.333333%; margin-top:7px;} .list-1 li .item {display: block;position: relative;padding: 40px 30px;height: 240px;} .list-1 .ylrq{background:url(/uploads/image/simages/ylrq.jpg) no-repeat;} .list-1 .hrq{background:url(/uploads/image/simages/hrq.jpg) no-repeat;} .list-1 .fyf{background:url(/uploads/image/simages/fyf.jpg) no-repeat;} .list-1 .tq{background:url(/uploads/image/simages/tq.jpg) no-repeat;} .list-1 .kzzd{background:url(/uploads/image/simages/kzzd.jpg) no-repeat;} .list-1 .cg{background:url(/uploads/image/simages/cg.jpg) no-repeat;} .list-1 li .item:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;background-color:rgba(13,98,190,0.5);height: 0;-webkit-transition: all 1s;transition: all 1s;} .list-1 li .text {position: relative;z-index: 1;} .list-1 li h4 {margin: 0 0 40px;font-size: 24px;-webkit-transition: all 1s;transition: all 1s;padding-right: 25%;text-align: justify;} .list-1 li h4 span {display: block;height: 68px;overflow: hidden;} .list-1 li h4:after {display: block;content: '';margin-top: 25px;width: 36px;height: 2px;background-color: #0d62be;-webkit-transition: all 1s;transition: all 1s;} .list-1 li .lm {position: absolute;right: 0;top: 0;width: 20px;font-size: 18px;text-align: center;opacity: 0.5;-webkit-transition: all 1s;transition: all 1s;} .list-1 li .date {font-size: 18px;color: #999;-webkit-transition: all 1s;transition: all 1s;display: block;} .list-1 li .more {display: block;margin: 180px auto 0;line-height: 48px;width: 158px;-webkit-transition: all 1s;transition: all 1s;font-size: 18px;border: 1px solid transparent;background-color: #f7f7f7;text-align: center;} .list-1 li .item:hover:before {height: 100%; width:100%;} .list-1 li .item:hover h4 {color: #fff;} .list-1 li .item:hover h4:after {background-color: #fff;} .list-1 li .item:hover .lm {color: #fff;} .list-1 li .item:hover .date {color: #fff;} .list-1 li .item:hover .more {background-color: transparent;border-color: #fff;color: #fff;} .list-1 li.last .wrap {margin: 10px 0 0 10px;line-height: 380px;text-align: center;} .list-1 li.last .wrap .more-big {margin-top: 0;} .swiper-jia .text{ display:none;} .swiper-jia .textjia{ position:absolute; left:0px; width:100%; background:rgba(0,0,0,0.8); height:60px; bottom:0px; text-align:center; line-height:60px; color:#fff; font-size:30px; letter-spacing: 5px;} .c4_index{position: relative;} .max1470{max-width: 1500px; padding-left: 15px; padding-right: 15px; margin: 0 auto;} .case_list11{position: relative;display: flex;justify-content:space-between;flex-wrap:wrap;} .case_list11 li{width: 24%;position: relative;margin: .5%;} .case_list11 li a.ovimg{overflow: hidden;display: block;} .case_list11 li .ovimg img{width: 100%;} .case_list11 li .cfu{position: absolute;top: 0px;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,.65);opacity: 0;transition: .3s;} .case_list11 li .kss{position: absolute;border: 1px solid #fff;width: 90%;left: 5%;top: 5%;height: 90%;display: table;} .case_list11 li .kss h2{display: table-cell;vertical-align: middle;color: #fff;font-size: 18px;font-weight: 400;} .case_list11 li .kss i{display: block;text-align: center;margin-top: 15px;} .case_list11 li .kss i img{max-width: 100%;width: auto;} .case_list11 li:hover .cfu{opacity: 1;} .case_list11 li.wen{position: relative;} .case_list11 li.wen h2{color: #323232;font-size: 48px; line-height:30px;} .case_list11 li.wen p{color: #646464;font-size: 30px;text-transform: uppercase;padding-bottom: 10px;background: url(/uploads/image/simages/line03.png) no-repeat left bottom;} .case_list11 li.wen .casemore{display: inline-block;border: 1px solid #c5c5c5;padding: 10px 25px;font-size: 14px;color: #545454;} .hzhbbox{ max-width:1470px; margin:60px auto; overflow:hidden; border:1px solid #dedede;} .hzfbtit{ width:200px; height:120px; background:#0d62be; color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:120px;} .hzfb{ width:1230px; margin-right:20px; overflow:hidden;} .marquee{ height:80px;overflow:hidden; margin-top:20px;} .marquee ul{} .marquee li{ float:left; width:160px; height:auto; margin-left:15px; text-align:center;} .marquee li img{ width:160px; height:80px;} @keyframes move { 0% { transform:translatex(0px); } 100% { transform:translatex(-10000px); } } .marquee ul{ width:21000px; animation:move 200s linear infinite;} .marquee:hover ul{ animation-play-state:paused;} .foot{width: 100%;min-width: 1200px;display: inline-table;background-color: #2e3033; padding:60px 0 10px;} .foot_l{ width:840px;} .fnav{} .fnav li{ float:left; width:140px; line-height:40px; height:40px; font-size:16px;} .fnav li a{ color:#ddd;} .fnav li a:hover{ color:#fff;} .finfo{ color:#ddd; margin-top:30px;} .finfo li{ float:left; width:50%; line-height:40px;} .finfo li img{ width:19px; margin-right:20px; vertical-align:middle;} .foot_r{ width:360px;} .foot_r ul{} .foot_r li{ float:left; margin-left:40px; color:#ddd; text-align:center; line-height:40px;} .foot_r li img{ width:120px; border:10px #fff solid;} .foot_txt{color: #888888; margin-top:50px; border-top:1px solid #3c3c3c;} .foot_txt p{display: inline-block;width:100%;float: left;font-size: 13px;line-height: 3.2} .foot_txt p span{display:inline-block;float:right;color: #999} .foot_txt p a{ display:inline-block;color: #999} .foot_txt p a:hover{color: #f9f9f9} .clear{clear: both;line-height: 0;height: 0;font-size: 0;} .toolbar{width: 50px;position: fixed;right: 1%;top: 44%;z-index: 999;} .toolbar dd{width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(/uploads/image/simages/black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%; margin: 6px;} .toolbar dd i{width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;} .toolbar dd i span{width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(/uploads/image/simages/rightfixicon.png) no-repeat 0 0;} .toolbar dd.gottop{display: none;} .toolbar .slide-tel{display: block;width: 0;height: 50px;line-height: 50px;font-size: 22px;font-family: arial;color: #fff;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;} .toolbar .pop{position: absolute;right: 90px;top: -51px;background: #0d62be;display: none;} .toolbar .pop-code{width: 160px;} .toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;} .toolbar .pop-code h3{line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;} .toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;} .toolbar .qq span{background-position: 0 -47px;} .toolbar .qq a{width: 50px;height: 50px;cursor: pointer;display: block;} .toolbar .qq:hover{background: #0d62be;} .toolbar .ly span{background-position: 0 -176px;} .toolbar .ly a{width: 50px;height: 50px;cursor: pointer;display: block;} .toolbar .ly:hover{background: #0d62be;} .toolbar .tel span{background-position: 0 0;} .toolbar .tel:hover{background: #0d62be;} .toolbar .code span{background-position: 0 -95px;} .toolbar .code:hover{background: #0d62be;} .toolbar .top span{background-position: 0 -142px;} .toolbar .top:hover{background: #0d62be;} .yc{height:1px; overflow:hidden;}