@charset "utf-8"; /*=============================公共样式=====================================*/ @import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900'); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900'); :root{--wz-color:#2957a4} :root{--font-color:#979797} :root{--bt-color:#333333} *{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;} html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;} html,body{width:100%;position:relative;height:auto;*overflow-x:hidden;font-size: 14px;color:var(--font-color);} *[align="center"]{margin:0 auto;} html{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-text-size-adjust: none;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;} ::-webkit-scrollbar {width:8px;height:8px;background:#f1f1f1;} ::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1} ::-webkit-scrollbar-thumb {border-radius:10px;background:#c1c1c1;} ::selection{background:var(--wz-color);color:#fff;} ::-moz-selection{background:var(--wz-color);color:#fff;} ::-webkit-selection{background:var(--wz-color);color:#fff;} h1,h2,h3,h4,h5,h6,strong{font-weight: normal;} a,input,img,:focus{mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}/*去除a标签带来的虚框*/ input, textarea {outline-style: none;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block} ul,li{list-style:none} i, cite, em, var, address, dfn {font-style: normal;} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0; color:#333333;} ins{background-color:var(--wz-color);color:#000;text-decoration:none} mark{background-color:var(--wz-color);color:#000;font-style:italic;font-weight:700} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help} table{border-collapse:collapse;border-spacing:0} input,select{vertical-align:middle;border:0;} input{padding: 0 5px;vertical-align: middle;line-height: normal;} input[type="submit"],button,select,textarea{background-image:none!important;border-radius: 0!important;border:0;} img{max-width:100%;} .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%} .table_cell{ display:table-cell; vertical-align:middle} .bold{font-weight: bold;} .c-label{min-width: 44px;height: 22px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;padding: 0 9px;float: left;box-sizing: border-box;border: 1px solid #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .c-label.onsell{color: var(--wz-color);border-color: var(--wz-color);} .tc{width: 100%;text-align: center;} .pr{position: relative;} .f12 {font-size: 12px;} /*css定义超链接四个状态也有顺序的。*/ a:link, a:visited{text-decoration: none;cursor:pointer !important;} a:hover, a:active{border: none;color:var(--wz-color);} /*辅助样式*/ .fl,.left{float:left !important;} .fr,.right{float:right !important;} .no_bg{background:none !important;} .no_border{border:0 !important;} .no_padding{padding:0 !important;} .no_margin{margin:0 !important;} .no_bg_img{background-image:none !important;} .fix{position:fixed;top:0;*padding-top:50px;} .border{border:1px solid #dedede;} .clear{clear:both;} .clearfix:after,.main_box:after,.wrap:after{content:''; height:0;display:block; overflow:hidden; clear:both;} .main_box,.wrap {width: 1400px;display: block; margin-left: auto; margin-right: auto; position: relative;*z-index:1;} .h_x{color:#fe0505;font-weight:bold;padding-left:10px;padding-top:10px;} .dd{background: #d6d7d9;border-radius:50%;height:7px;display:inline-block;width:7px;margin:0 10px;} hr{display:block;height:1px;border:0;background:#e0dede;margin:10px 0 30px 0;padding:0} @font-face {font-family: "socialshare"; /* Project id */ src: url('../font/iconfont.ttf') format('truetype');} @font-face {font-family:'fontawesome';src:url('../font/fontawesome-webfont.ttf');} @font-face {font-family:'barlow';src:url('../font/Barlow-Regular.ttf');} .iconfont {font-family: "socialshare" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*==============滚动条=====================*/ /*pc*/ .header{background:#FFFFFF;height:120px;} .header .logo_box{height:120px;display:flex;align-items: center; justify-content: center;} .header .search_btn_box{float:right;width:30px;height:120px;display:flex;align-items: center;} .header .nav_box{float:right;margin-right:15px;} .header .nav_box>ul:after{content:''; height:0;display:block; overflow:hidden; clear:both;} .header .nav_box>ul>li{float:left;position: relative;text-align:center;height:120px;} .header .nav_box>ul>li>a:after{content:'';display:block;position: absolute;width:0;height:2px;background:#135090;left:0;bottom:0px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;} .header .nav_box>ul>li:hover>a,.header .nav_box>ul>li.on>a{color:#135090;font-weight:600;} .header .nav_box>ul>li:hover>a:after,.header .nav_box>ul>li.on>a:after{width:100%;} .header .nav_box>ul>li>a{padding:0 18px 0px;font-size:16px;color:#5c5c5c;line-height:120px;} .header .nav_box>ul>li>.sub{display:none;position: absolute;top: 120px;z-index:2;width:140px;left: calc(50% - 70px);background:rgba(255 255 255 /0.8);padding:0px;} .header .nav_box>ul>li>.sub1 li{line-height:22px;text-align:center;} .header .nav_box>ul>li>.sub1 li a{display:block;font-size:15px;color:#666666;padding:10px 10px;} .header .nav_box>ul>li>.sub1 li:hover{background:var(--wz-color);} .header .nav_box>ul>li>.sub1 li:hover a{color:#FFFFFF;} /**/ .header .menuBtn{display:none;width: 50px;height: 50px;position: absolute;right: 0px;top: 15px;z-index: 130;background:#FFFFFF;} .header .menuBtn span{width: 30px;height: 0.14em;background: #025eb5;border-radius: 3px;position: absolute;left: 10px;top: 26px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;} .header .menuBtn span.line1{top: 16px;} .header .menuBtn span.line3{top: 36px;} .header .menuBtn.on{top:20px;background:none;} .header .menuBtn.on span{background: var(--wz-color);} .header .menuBtn.on span.line1{top: 23px;transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);} .header .menuBtn.on span.line2{opacity: 0;} .header .menuBtn.on span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} /**/ .search-dialog-box{position: fixed;left: 0;top: 0;width: 100%;height: 18rem;z-index: 1000000;opacity: 0;visibility: hidden;transition: .6s;/* overflow: hidden;*/} .search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #025eb5;transition: .6s;left: 0;right: 0;z-index: 1;} .search-dialog-box.on:before{height:100%} .search-dialog-box .bubbles-bg{opacity: 0;visibility: hidden;display: none;} .search-dialog-box .search-bg{position: absolute;left: 0;top: 0;width: 100%;height: 0;margin: 0;background: rgba(0,0,0,.7);background-size: cover;background-repeat: no-repeat;/* z-index: 1;*/transform-origin: center center;transition: height .8s cubic-bezier(.77,0,.175,1);} .search-dialog-box .wrap-inner{transform:translateY(100%);transition: .6s;} .header-right .bubbles-bg{opacity: 0;visibility: hidden;transition: all .5s .8s;} .search-dialog-box .bubbles-bg .bubble{position: absolute;} .search-dialog-box .bubbles-bg .bubble .circle{border-radius: 100%;position: absolute;left: 0;top: 0;width:100%;height: 100%;} .search-dialog-box .bubbles-bg .bubble1{width:6%;padding-top: 6%;left: 26.875%;top: -6.67%;} .search-dialog-box .bubbles-bg .bubble1 .circle{border:1px solid #fff;} .search-dialog-box .bubbles-bg .bubble2{width:12px;padding-top: 12px;left: 13.54%;top: 18%;} .search-dialog-box .bubbles-bg .bubble2 .circle{background-color: #ff495f;} .search-dialog-box .bubbles-bg .bubble3{width:36px;padding-top: 36px;left: 8.854%;top: 30.55%;} .search-dialog-box .bubbles-bg .bubble3 .circle{background-color: #fff;} .search-dialog-box .bubbles-bg .bubble4{width:56.875%;padding-top: 56.875%;left: -28.6458%;top: 51.85%;} .search-dialog-box .bubbles-bg .bubble4 .circle{background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);} .search-dialog-box .bubbles-bg .bubble5{width:54px;padding-top: 54px;left: 26.3%;top: 70.83%;} .search-dialog-box .bubbles-bg .bubble5 .circle{background-color: #fff;opacity: .1;} .search-dialog-box .bubbles-bg .bubble6{width:56.875%;padding-top: 56.875%;left: 73.4375%;top: -52.77%;} .search-dialog-box .bubbles-bg .bubble6 .circle{background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);} .search-dialog-box .bubbles-bg .bubble7{width:2rem;padding-top: 2rem;left: 60.9375%;top: 18.5%;} .search-dialog-box .bubbles-bg .bubble7 .circle{background-color: #ff495f;} .search-dialog-box .bubbles-bg .bubble8{width:1.35rem;padding-top: 1.35rem;left: 95.83%;top: 70.83%;} .search-dialog-box .bubbles-bg .bubble8 .circle{border:1px solid #fff;} .search-dialog-box .bubbles-bg .bubble9{width:16px;padding-top: 16px;left: 76.5625%;top: 96.296%;} .search-dialog-box .bubbles-bg .bubble9 .circle{background-color: #fff;} .search-dialog-box .bubbles-bg .bubble10{width:56.875%;padding-top: 56.875%;left: 71.354%;top:87%;} .search-dialog-box .bubbles-bg .bubble10 .circle{background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);} .search-dialog-box .bubbles-bg .bubble{animation:spin 8s infinite linear;transform-origin: 50% 45%;} .search-dialog-box .bubbles-bg .bubble:nth-child(2n){animation:spin2 8s infinite linear;} .search-dialog-box .bubbles-bg .bubble .circle{animation:spin-reverse 8s infinite linear;} .search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{animation:spin-reverse2 8s infinite linear;} .search-dialog-box .bubbles-bg .sm-bubble{transform-origin: 30% 30px;} .search-dialog{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;} .search-dialog .search-tit{font-size: 2.75rem;line-height: 3.5rem;color: #fff;text-align: center;overflow: hidden;display: none;} .search-dialog .search-inner{overflow: hidden;margin-top: 0;} .search-dialog .search-input{width: 50rem;margin: 0 auto;padding: 0 0.5rem 0 1.5rem;background-color: rgba(255,255,255,.1);box-sizing: border-box;transition: all .3s;max-width: 94%;} .search-dialog .search-input input[type=text]{float: left;height: 4.5rem;width: calc(100% - 4.5rem);background-color: transparent;font-size: 1.25rem;line-height: .5rem;color: #fff;transition: all .3s;} .search-dialog .search-input input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,0.5);} .search-dialog .search-input input[type=text]:-moz-placeholder{color:rgba(255,255,255,0.5);} .search-dialog .search-input input[type=text]::-moz-placeholder{color:rgba(255,255,255,0.5);} .search-dialog .search-input input[type=text]:-ms-input-placeholder{color:rgba(255,255,255,0.5);} .search-dialog .search-input input[type=submit], .search-dialog .search-input .clear-btn{float: right;height: 4.5rem;width: 3.5rem;} .search-dialog .search-input input[type=submit]{background-color: transparent;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 1.5rem;background-image: url('../images/search-btn.svg')!important;} .search-dialog .search-input .clear-btn{background-color: rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;background-image: url('../images/close-btn.svg');background-size: 3.5rem;border-radius: 100%;margin-right: 1rem;display: none;} .search-dialog .search-input.on{background-color: #fff;} .search-dialog .search-input.on input[type=submit]{background-image: url('../images/search-btn2.svg'); cursor: pointer;} .search-dialog .hot-search{font-size: 0;width:19.5rem;margin:.6rem auto 0;box-sizing: border-box;padding:0 .6rem;overflow: hidden;} .search-dialog .hot-search .hot-tit,.search-dialog .hot-search .hot-link{display: inline-block;*display: inline;zoom:1;vertical-align: top;} .search-dialog .hot-search .hot-tit{font-size: .375rem;line-height: .5rem;color: #fff;font-weight: bold;padding-left: .6rem;background-repeat: no-repeat;background-position: left center;background-size: .5rem;background-image: url(../images/hot-icon.png);} .search-dialog .hot-link{margin-left: 1rem;} .search-dialog .hot-link a{display: inline-block;*display: inline;zoom:1;font-size: .375rem;line-height: .5rem;margin-right: .75rem;color:#fff;padding-bottom: 5px;position: relative;} .search-dialog .hot-link a:before{content: "";position: absolute;left:0%;bottom:0;width:100%;height: 2px;background-color: #fff;transform:scaleX(0);transform-origin:left center;transition:transform .3s;} .search-dialog-box .bottom-box{position: absolute;left: 0;bottom:5.1%;width:100%;} .search-dialog-box .bottom-box .share-box{overflow: hidden;} .search-dialog-box .bottom-box .copy{font-size: .35rem;line-height:.5rem;color: #fff;font-family: "gilroy-regular";margin-top: .5rem;overflow: hidden;} .header-right.is-open .bubbles-bg{visibility: visible;opacity: 1;} .header-right.is-open .search-btn .con-box{display:none;} .header-right.is-open .close-btn{display:block;} .header-right.is-open .item .search-bg{transform:scale(1);} .search-dialog-box.on{opacity: 1;visibility: visible;} .search-dialog-box.on .search-bg{height: 100vh;} .search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;} .search-dialog-box.on .wrap-inner{transform:translateY(0)} .pub-close{position: absolute;width: 3rem;height: 3rem;z-index: 10;right: 1.5rem;top: 1.35rem;background-color: rgba(255,255,255,.1);border-radius: 100%;} .pub-close .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #1c5ab7;transform: scale(0);border-radius: 100%;transition: transform .3s;} .pub-close i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: 0.75rem;background-repeat: no-repeat;background-image: url(../images/close-btn.svg);transition:.6s} .pub-close i:hover{transform:rotate(180deg)} /**/ .banner {display:block;position: relative;} .banner .swiper .swiper-slide a .img{height:calc(100vh - 120px);display:block; background-position: center top;background-size:cover;background-repeat: no-repeat;} .banner .swiper .swiper-pagination{bottom:30px;width:100%;} .banner .swiper .swiper-pagination span{width:40px;height:4px;border-radius: 0; margin:0 5px;opacity: 1;background:#FFFFFF;} .banner .swiper .swiper-pagination span.swiper-pagination-bullet-active{background:#025eb5;} .banner .swiper .swiper-button-prev, .banner .swiper .swiper-button-next{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;width: 85px;height:85px;background-size: cover !important;transition: .5s;z-index: 100;} .banner .swiper .swiper-button-next:after,.banner .swiper .swiper-button-prev:after{display:none;} .banner .swiper .swiper-button-prev{background: url(../images/banner_prev.png) center no-repeat;left: 2%;} .banner .swiper .swiper-button-next{background: url(../images/banner_next.png) center no-repeat;left: auto;right: 2%;} .banner .swiper .swiper-button-prev:hover{background: url(../images/banner_prev_on.png) center no-repeat;} .banner .swiper .swiper-button-next:hover{background: url(../images/banner_next_on.png) center no-repeat;} .i_tit_box{text-align:center;padding-top: 15px;} .i_tit_box .i_tit{display:block;position:absolute;left: calc(50% - 60px);width: 120px;text-align: center;top:0;} .i_tit h3{font-size: 28px;color:#000000;font-weight:bold;text-transform:uppercase;} .i_tit i{width:36px;height:2px;display:block;background:#135090;margin:10px auto 0;} .i_tit_box p{font-weight:bold;text-transform:uppercase;font-size:50px;opacity:0.1; } .i_more{width:130px;height:38px;border:solid 1px #e1e1e1;text-align:center; line-height:38px; margin:60px auto 0; position: relative;} .i_more:before{content:'';position: absolute;width:0%;height:100%;left:0;top:0; background:#135090;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;} .i_more a{color:#666666; display:block;z-index: 1; position: relative ;font-size:14px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;} .i_more a span{display:inline-block; margin-right:20px;} .i_more:hover a i svg path{fill:#FFFFFF!important;} .i_more:hover:before{width:100%;} .i_more:hover{border:solid 1px #135090;} .i_more:hover a{color:#FFFFFF;} .index_box1{padding:100px 0 125px;} .index_box1 .i_tit_box{} .index_box1 .i_tit_box:after{content:'';display:block; overflow: hidden; clear: both;} .index_box1 .i_tit_box .i_tit{} .index_box1 .i_tit_box .i_more{float:right;margin-top:20px;} .index_box1 .list_box{margin-top:50px;padding:0 0;} .index_box1 .list_box ul:after{content:''; height:0;display:block; overflow:hidden; clear:both;} .index_box1 .list_box ul li{float:left;margin-right:20px;width:calc(25% - (20px * 3 / 4));margin-bottom:0px;} .index_box1 .list_box ul li a{display:block; position: relative;} .index_box1 .list_box ul li:nth-child(4n){margin-right:0;} .index_box1 .list_box ul li .imgbox{height:240px; position: relative;} .index_box1 .list_box ul li .imgbox .img{height:240px;background-repeat:no-repeat;background-position: center;background-size:cover;} .index_box1 .list_box ul li .imgbox:before{content:'';top:0;position: absolute; width:100%;height:100%;z-index: 1; background-image: linear-gradient(to bottom , rgb(0 0 0 /0.1) , rgb(0 0 0 /0.6));-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out; } .index_box1 .list_box ul li .imgbox:after{content:'';top:0;position: absolute; width:100%;height:0;z-index: 1;background:#025eb5;opacity: 0.8;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out; } .index_box1 .list_box ul li .text{position: absolute;bottom:0;width:100%;left:0;height:60px;z-index: 1;display:flex;align-items: center; justify-content: center;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out; } .index_box1 .list_box ul li .text h3{color:#FFFFFF;font-size:18px;} .index_box1 .list_box ul li .text i{width:32px;height:32px;margin:20px auto 0;background:#FFFFFF;border-radius: 50%; position: relative;display:none; justify-content: center;align-items: center;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;} .index_box1 .list_box ul li .text i:after{content:'';display:block;width:38px;height:38px; position: absolute;border-radius: 50%;top:-3px;left:-3px; background:rgb(255 255 255 /0.2);} .index_box1 .list_box ul li .imgbox img,.index_box1 .list_box ul li .imgbox a{display:block;position: relative;} .index_box1 .list_box ul li .imgbox i{display:none;} .index_box1 .list_box ul li .imgbox{position: relative;} .index_box1 .list_box ul li:hover .text{height:100%;} .index_box1 .list_box ul li:hover .text i{display:flex;} .index_box1 .list_box ul li:hover .imgbox:before{height:0;} .index_box1 .list_box ul li:hover .imgbox:after{height:100%;} /*关于我们*/ .index_box2{background:#f2f4f8;padding:90px 0 85px} .index_box2 .wrap{display:flex; align-items: center; justify-content: space-between;} .index_box2 .wrap:after{display:none;} .index_box2 .conbox{float:left;width:750px; } .index_box2 .conbox .textbox{position: relative;} .index_box2 .conbox .textbox .text_top{text-align: justify;font-size:14px;color:#666666;line-height:30px;} .index_box2 .conbox .textbox .text_bot{margin-top:30px;line-height:32px;} .index_box2 .conbox .textbox .text_bot ul li:after{content:'';display:block;overflow: hidden;clear: both;} .index_box2 .conbox .textbox .text_bot ul li{display:flex;align-items: center;} .index_box2 .conbox .textbox .text_bot ul li i{float:left;width:5px;height:5px;background:#000000;border-radius: 50%;margin-right:10px;} .index_box2 .conbox .textbox .text_bot ul li p{float:left;color:#666666;font-size:14px;} .index_box2 .conbox .textbox .i_more{position: relative; margin:30px 0 80px;border: solid 1px #d0d0d0;} .index_box2 .conbox .textbox .i_more i svg path{fill:#d0d0d0;} .index_box2 .conbox .shuzi_box ul{display:flex;} .index_box2 .conbox .shuzi_box ul li{width:150px;margin-right:50px;} .index_box2 .conbox .shuzi_box ul li h3{border-bottom:1px solid #c2c3c6;padding-bottom:10px;} .index_box2 .conbox .shuzi_box ul li h3 span{font-size:40px;color:#135090;display:inline-block; font-family:'Barlow Condensed','barlow'; font-weight:600;padding-right:5px;line-height: 36px;height: 36px;} .index_box2 .conbox .shuzi_box ul li h3 em{font-size:16px;color:#666666;} .index_box2 .conbox .shuzi_box ul li p{font-size:15px;color:#666666;margin-top:15px;} .index_box2 .i_tit{padding-bottom:30px;position: relative;} .index_box2 .i_tit:before{content:'ABOUT';font-size:100px;color: rgb(0 0 0 /0.02);font-weight:600;position: absolute;top: -25px;left: -220px;} .index_box2 .i_tit h3{font-size:18px;font-weight:600;color:#135090;} .index_box2 .i_tit p{font-size:28px;color:#000000;} .index_box2 .imgbox{float:right;width:480px;height:480px;border:dashed 1px #bbbbbc; border-radius: 50%; position:relative;margin-right:30px;} .index_box2 .imgbox .img{width:430px;height:430px;top:25px;left:25px;margin:0; border-radius: 50%; position:relative; overflow: hidden;} .index_box2 .imgbox .img:before{content:'';display:block;position: absolute; background:rgb(0 0 0 /0.3);z-index:1; width:100%;height:100%;} .index_box2 .imgbox img{position: relative;} .index_box2 .imgbox span{position: absolute;width:120px;height:120px;top:calc(50% - 60px); left:calc(50% - 60px);z-index: 1;text-align: center;line-height: 120px;display: flex;} .index_box2 .imgbox span:before{content:''; border-radius:50%;border:1px #FFFFFF dashed; animation: round 6s infinite linear;-webkit-animation: round 6s infinite linear;position: absolute;width: 100%;height: 100%; z-index: 1; left: 0; top: 0;} .index_box2 .imgbox a{display:block;height:480px; position: relative;} .index_box2 .imgbox a i{width:46px;height:46px;border-radius:38px; z-index:1;display:flex;vertical-align: middle;margin:auto; align-items: center; justify-content: center; background:#FFFFFF; } .index_box2 .imgbox a i img{width:26px;height:26px;} @keyframes round { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } /*新闻*/ .index_box3{padding:100px 0 100px;position: relative;} .index_box3 .list{margin:50px 0 0;} .index_box3 .list .swiper{position:relative; overflow: hidden;padding-bottom:0;} .index_box3 .list .swiper .swiper-slide .imgbox{height:280px; position: relative; background-repeat:no-repeat; background-size:cover; background-position: center;} .index_box3 .list .swiper .swiper-slide .imgbox a{position: absolute;display:block; width:100%;height:100%;} .index_box3 .list .swiper .swiper-slide .text_box{border-bottom:solid 1px #eaeaea;position: relative;} .index_box3 .list .swiper .swiper-slide .text_box:after{content:''; position: absolute;height:1px;width:0; background:#025eb5;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;} .index_box3 .list .swiper .swiper-slide .text_box .box{padding:30px 25px;} .index_box3 .list .swiper .swiper-slide .text_box h3{margin-bottom:10px;white-space: nowrap;text-overflow: ellipsis;height:21px; overflow: hidden;} .index_box3 .list .swiper .swiper-slide .text_box h3 a{font-size:16px;color:#333333;} .index_box3 .list .swiper .swiper-slide .text_box span{color:#888888;} .index_box3 .list .swiper .swiper-slide .text_box .con{margin-top:10px;color:#666666;font-size:14px;line-height:24px;position: relative;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; height:48px;} .index_box3 .list .swiper .swiper-slide:hover .text_box:after{width:100%;} .index_box3 .list .swiper .swiper-slide:hover .text_box h3 a{color:#025eb5;} .index_box3 .list .swiper .swiper-pagination{display:none;} .index_box3 .list .swiper-button-prev,.index_box3 .list .swiper-button-next{border-radius:30px;background: #fff; border: #cdced2 1px solid; width:50px;height:50px;} .index_box3 .list .swiper-button-prev:after,.index_box3 .list .swiper-button-next:after{font-size:24px;} .index_box3 .list .swiper-button-prev{left:-80px;} .index_box3 .list .swiper-button-next{right:-80px;} /*工程案例*/ .index_box4{padding-top:100px;padding-bottom:120px; background:#f2f4f8;} .index_box4 .i_tit_box:after{content:'';display:block;overflow: hidden;clear: both;} .index_box4 .i_tit_box .i_tit{float:left;} .index_box4 .swiper{} .index_box4 .swiper .swiper-slide{display:flex;align-items: center;} .index_box4 .swiper .swiper-slide .img{width:55%;height:26.04vw; position: relative; background-repeat:no-repeat; background-size:cover; background-position: center;} .index_box4 .swiper .swiper-slide .img a{position: absolute;width:100%;height:100%;} .index_box4 .swiper .swiper-slide .img a,.index_box4 .swiper .swiper-slide .img a img{display:block;} .index_box4 .swiper .swiper-slide .text{width:calc(45% - 110px);padding:0 70px 0 40px;} .index_box4 .swiper .swiper{padding-bottom:130px;} .index_box4 .swiper .swiper-button-prev{display:none;} .index_box4 .swiper .swiper-button-next:after,.index_box4 .swiper .swiper-button-prev:after{font-size:20px;} .index_box4 .swiper .swiper-button-next.swiper-button-disabled,.index_box4 .swiper .swiper-button-prev.swiper-button-disabled{background:#f0f0f0;color:#d2bb98;opacity: 1;} .index_box4 .swiper .swiper-button-next{width:48px;height:48px; top:calc(50% - 25px); left:auto;right:15.2%;border-radius: 50%;background:rgb(255 255 2555 /0.2);color:#ffffff;} .index_box4 .swiper .swiper-button-next:after{display:none;} .index_box4 .swiper .swiper-button-next i{display:flex; align-items: center; justify-content: center; position: absolute;width:100%;height:100%;width:40px;border-radius: 50%;height:40px;left:4px;top:4px;background:#FFFFFF;} .index_box4 .swiper{margin-top:40px;} .index_box4 .swiper .text h4{font-size:14px;color:#333333;line-height:30px;font-weight:600;margin-bottom:20px;} .index_box4 .swiper .text h3 a{font-size:26px;color:#000000;line-height:30px;font-weight:600;} .index_box4 .swiper .text .intro{margin-top:10px;font-size:14px;color:#888888;line-height:28px;margin-top:25px;} .index_box4 .swiper .text .i_more{position: relative; margin:90px 0 0;border: solid 1px #d0d0d0;} .index_box4 .swiper .text .i_more i svg path{fill:#d0d0d0;} /* 友情链接 */ .i_link{padding:34px 0; background:#2d2d2d} .i_link .tit{margin-bottom:22px; overflow:hidden} .i_link .tit p{margin-right:14px; font-size:18px; color:#FFFFFF;} .i_link .tit i{padding-bottom:4px; border-bottom:2px solid #ffffff; font-size:13px; color:#ffffff;} .i_link .tit p,.footer .link .tit i{display:inline-block; vertical-align:middle;} .i_yqlink_list{overflow:hidden} .i_yqlink_list li{float:left; width:15%; margin:0 2% 0 0; font-size:13px; color:#737373; line-height:30px; position:relative} .i_yqlink_list li:nth-child(6n){margin-right:0} .i_yqlink_list li:before{content:""; position:absolute; top:50%; left:0; margin-top:-2px; width:4px; height:4px; background:#FFFFFF; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%} .i_yqlink_list li a{display:block;color:#FFFFFF;opacity: 0.8; padding-left:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .i_yqlink_list li a:hover{opacity: 1; text-decoration:underline} /*底部*/ .footer{padding:60px 0 0;color:#9f9f9f; background:#313131;} .footer .f_nav{margin-bottom:15px;} .footer .f_nav>ul>li{display:block;margin-right:0;float:left; position: relative;margin-right:60px;} .footer .f_nav>ul>li>a{color:#e5e4e4;font-size:16px;} .footer .f_nav>ul>li>ul li a{color:#9f9f9f;font-size:14px;line-height:30px;font-weight:200;} .footer .f_nav>ul>li>ul{margin-top:10px;} .footer .f_tel{line-height:28px;width:460px;} .footer .f_tel ul li{margin-bottom:10px;} .footer .f_tel ul li:after{content:'';display:block; clear: both; overflow: hidden;} .footer .f_tel ul li i{display:inline-block;float:left;font-family:'iconfont';font-size:16px;color:#FFFFFF;margin-right:5px;} .footer .f_tel ul li.tel i:after{content:"\e601";font-size:20px;} .footer .f_tel ul li.tel h3{margin-bottom:0px;} .footer .f_tel ul li.tel h3 span{font-size:16px;color:#e5e4e4;font-weight:400;} .footer .f_tel ul li.tel p{font-size:32px;font-family:'Century Gothic';color:#ed1c23;font-weight:600;margin-top:5px;} .footer .f_tel ul li.add p{width:100%;font-size:14px;line-height:24px;color:#9f9f9f;font-weight:200;} .footer .f_tel ul li.add i:after{content:"\e602";} .footer .f_ewm{display:flex;align-items: center;margin-top:15px;} .footer .f_ewm .img{width:100px;height:100px;} .footer .f_ewm .txt{font-size:14px;color:#9f9f9f;margin-left:20px;} .footer .f_copy{border-top:1px solid rgb(255 255 255 /0.2);margin-top:50px;padding:25px 0;line-height:32px;text-align:center;color:rgb(255 255 255 /0.5);font-size:14px;} .footer .f_copy .copyright{float:left;line-height:32px;} .footer .f_copy .link_box{float:right;height:32px;background:#4c4c4c;width:250px; position: relative;} .footer .f_copy .link_box .link_tit{padding:0 20px;display:flex; cursor: pointer;justify-content: space-between;align-items: center;} .footer .f_copy .link_box .link_list{position: absolute;bottom:32px;width:calc(100% - 40px);z-index: 1;text-align:left; padding:8px 20px;background:#696969;display:none;} .footer .f_copy .link_box .link_list a{display:block;line-height:28px;color:#efefef;} .footer .f_copy .link_box .link_list a:hover{color:#135090;} /***/ .tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;} .tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display: none;} .tc1 .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);} .tc1 .close:hover{transform:rotate(180deg);} .tc1 .close,.tc{transition:all ease 400ms;-moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;-webkit-transition:all ease 400ms;} .tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;} .tc1 .tc.act{display: block;} .tc1 .close{position: absolute;cursor:pointer;font-size: 20px;right: 30px;top: 30px;} .tc1 .tc-bg{height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} .tc1 .tc-box h3 img{width:12rem;height:12rem;} .tc1 .tc-box h5{width:12rem;height:3rem;line-height:3rem;font-size:1rem;color:#fff;text-align:center} /**/ .nybanner{height:290px;background-repeat:no-repeat;background-position: center;position: relative;} .nybanner .nybanner_text{position: absolute;width:100%;height:100%; top:0;display:flex;align-items: center; justify-content: center; text-align:center;} .nybanner .nybanner_text h3{font-size:42px;color:#FFFFFF;font-weight:600;margin-bottom:15px;} .nybanner .nybanner_text p{font-size:28px;color:#FFFFFF; text-transform: uppercase; } .nybanner .n_nav_box{ position: absolute;width:100%;bottom:0; background:rgb(0 0 0 /0.22);height:50px;display:flex;align-items: center;} .nybanner .n_position{color:#ffffff;font-size:13px;padding-left:30px;display:flex;align-items: center;height:50px;line-height:50px;background:url("../images/hone_icon.svg")no-repeat center left;background-size:20px;} .nybanner .n_position a{color:#FFFFFF;} .nybanner .n_position i{padding:0 5px;} .nybanner .n_nav_box .n_nav{display:flex;align-items: center; } .nybanner .n_nav_box .n_nav a{display:block;color:#FFFFFF;margin:0 10px;height:47px;line-height:47px;border-bottom:3px solid transparent ;} .nybanner .n_nav_box .n_nav a h4{padding:0 5px;} .nybanner .n_nav_box .n_nav a.on,.nybanner .n_nav_box .n_nav a:hover{border-bottom:3px solid #0868cc;} .about1{margin-bottom:60px;} .about1 .tt {background: url(../images/about_tt_bg.png) right bottom no-repeat; height: 80px;margin-bottom: 50px;padding-top: 80px;} .about1 .tt h3 {font-size: 30px;margin-bottom: 5px; text-align: left;color: #0c2340;} .about1 .tt span {opacity: 0.5; text-transform: uppercase;font-size: 14px;text-align: left;color: #0c2340;} .about1 .ar_article {opacity: 0.9;font-size: .95rem;color: #272727;line-height: 1.75rem;} .about1 .ar_article p+p {margin-top: 30px;} .about1 .n_play {position: relative;margin: 0 auto;position: relative; z-index: 1; width: 120px;height: 120px; text-align: center; line-height: 120px;display: block;} .about1 .n_play .bg {border-radius:50%;border:1px #FFFFFF dashed; animation: round 6s infinite linear;-webkit-animation: round 6s infinite linear;} @keyframes round { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } .n_play img {vertical-align: middle;} .n_video {height: 310px;background: url(../images/n_video.jpg) center no-repeat;padding-top: 50px;margin-top: 75px; position: relative;} .n_video:before{content:''; display:block; background:rgb(25 56 98/0.85) ;position: absolute;width:100%;left:0;height:100%;top:0;} .bg {position: absolute;width: 100%;height: 100%;z-index: -1;left: 0;top: 0;} .n_shuzi {margin-top: 70px; position: relative;z-index: 1;} .n_shuzi ul:after {content:'';display:block; clear: both; } .n_shuzi ul li {width: 25%; float: left;color: #fff;text-align: center;} .n_shuzi ul li div {font-size: 52px;height:52px;font-family: PingFang SC, PingFang SC-Light;margin-bottom: 15px;font-weight: 300;text-align: center;color: #fff;display: flex;align-items: flex-end;justify-content: center;} .n_shuzi ul li div span {font-size: 52px;line-height:52px;font-family: PingFang SC, PingFang SC-Light;font-weight: 300;text-align: center;color: #fff;} .n_shuzi ul li div i {font-size: 18px;position: relative;top: -5px;margin-left: 8px;font-family: PingFang SC, PingFang SC-Light;font-weight: 300;text-align: center;color: #fff;} .n_shuzi ul li p {font-size: 14px;font-family: PingFang SC, PingFang SC-Light;font-weight: 300;text-align: center;color: #fff;} /**/ .pageTarget{display:none;} /**/ /*内容样式*/ .ar_article td,.ar_article th{padding: 10px 2px;border: 1px solid #ededed;vertical-align:middle;} .ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;} .ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%} .ar_article table tr:not(:first-child) td{} .ar_article table td { border-left: 1px solid #ededed;border-top: 1px solid #ededed; } .ar_article{font-size:14px;color:#7d7c7c;line-height:30px; margin-bottom:30px;padding:0px 0 0;} .ar_article p{font-size:16px;color:#7d7c7c;line-height:35px; margin-bottom:30px;} .ar_article strong{ font-weight:bold;} .ar_article img{ max-width:100%;} .ar_article a{ color:#717173;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;} .ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{font-size: 1.625rem;margin-bottom: 2.5rem;color: #4d4d4d;line-height: 2.5rem;} .ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem} .ar_article ul li,.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;} .ar_article ul li p,.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; } .ar_article ul,.ar_article ol{ margin-bottom:0.9375rem;} .ar_article sub {vertical-align:sub; font-size: smaller;} .ar_article sup { vertical-align:super; font-size: smaller;} .ar_article img{ display:inline-block;} /**/ .about2{background:#f2f4f8;padding:60px 0 80px;} .about_tit {text-align:center;} .about_tit h3{color:#333333;font-size:24px;} .history-wrap{margin-top:50px;} .history-full__slick{margin:80px auto 0;width:1200px;} /**/ .about3{padding: 60px 0 0; background: url(../images/n_about_fl04_bg.jpg) center no-repeat;text-align: center; background-size: cover;overflow: hidden;} .about3 .about_tit h3{color:#FFFFFF;} .about3 .list{margin-top:80px;} .about3 .list ul:after{content:'';display:block; clear: both; overflow: hidden;} .about3 .list ul li{float:left;width:calc(33.333333% - 50px);padding: 0 25px 70px;position: relative;} .about3 .list ul li:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/jianbian01.png) center no-repeat; background-size:100% 100%; transition:.6s; transform:translateY(101%)} .about3 .list ul li a{ display:block; position:relative; transition:.6s} .about3 .list ul li h2{ font-size:36px; color:#fff;font-weight:600;} .about3 .list ul li h3{ margin:30px 0 20px} .about3 .list ul li h4{ font-size:24px; color:#fff;} .about3 .list ul li h5{ font-size:12px; color:rgba(255,255,255,0.6); text-transform:uppercase; margin:.5rem 0 1.25rem} .about3 .list ul li p{font-size:14px;line-height:28px;color:rgba(255,255,255,1);text-align:justify;text-align: left; width:80%; margin:auto;height: 120px;} .about3 .list ul li:hover:before{ transform:translateY(0)} .about3 .list ul li:hover a{ transform:translateY(-10px)} /**/ .about4{padding: 60px 0;} .about4 .content{margin-top:60px;text-align:center;} /**/ .about5{padding: 80px 0;background:#f2f4f8;} .about5 .title{margin-bottom:30px;} .about5 .title h3{font-size:28px;color:#333333;font-weight:600;margin-bottom:10px;} .about5 .title p{font-size:30px;color:#d2d5dd;font-weight:600;font-family:'Barlow Condensed','barlow';} .about5 .content{width:calc(100% - 650px);} .about5 .content .textbox{line-height:30px;text-align: justify;} .about5 .content .textbox p{margin-bottom:10px;} .about5 .content .qianming p{display:flex; align-items: center;} .about5 .content .qianming{margin-top:15px;display: flex;justify-content: flex-end;} .about5 .imgbox{width:558px;position: relative;} .about5 .imgbox:before{content:''; display:block;position: absolute;width:100%;height:100%; background:#2957a4; bottom:-20px;right:-20px;} .about5 .imgbox img{ position: relative;z-index: 1;} /**/ .about6{padding: 80px 0 120px;} .about6 .list{margin-top:50px;} .about6 .list ul:after{content:'';display:block; clear: both; overflow: hidden;} .about6 .list ul li{border:1px solid #dfe1e3; border-radius: 10px;float:left;width:calc(25% - (35px * 3 / 4) - 2px);margin-right:35px;} .about6 .list ul li:nth-child(4n){margin-right:0;} .about6 .list ul li .imgbox{height:300px;display:flex;align-items: center; justify-content: center;} .about6 .list ul li .img{width:230px;height:230px; border-radius: 50%; overflow: hidden;position: relative;} .about6 .list ul li .textbox{text-align:center;background:#f2f4f8;height:110px;display:flex;align-items: center;justify-content: center;} .about6 .list ul li .textbox .box{} .about6 .list ul li .textbox i{display:inline-block;width:20px;height:2px;background:#868686;} .about6 .list ul li .textbox p{margin-top:5px;} .about6 .list ul li .textbox h3{margin-bottom:0;} /**/ .ny_news_list{margin-top:50px;padding-bottom:80px;} .ny_news_list .first_box{} .ny_news_list .first_box ul li{float:left;width:calc(33.33% - (40px * 2 /3));margin-right:40px;} .ny_news_list .first_box ul li:nth-child(3n){margin-right:0;} .ny_news_list .first_box ul li .imgbox{position: relative;height:270px; overflow: hidden;} .ny_news_list .first_box ul li .imgbox .img{display:block;max-width:100%;height:270px;background-repeat:no-repeat; background-position: center;background-size:cover;transition: 0.6s; } .ny_news_list .first_box ul li .imgbox a{display:block;} .ny_news_list .first_box ul li .textbox{background:#f6f6f7;padding:25px;transition: 0.6s;position: relative; } .ny_news_list .first_box ul li .textbox a{display:block;height:42px;position: relative;} .ny_news_list .first_box ul li .textbox:before{content:'';left:0;top:0; background:#025eb5;position: absolute;width:0;height:100%;transition: 0.6s;} .ny_news_list .first_box ul li .time{position: absolute; top:20px;left:0;width:100px;height:36px;background:#025eb5;font-size:14px;text-align:center;color:#FFFFFF;line-height:36px;} .ny_news_list .first_box ul li:hover .imgbox .img{transform: scale(1.05);} .ny_news_list .first_box ul li:hover .textbox:before{width:100%;} .ny_news_list .first_box ul li:hover .textbox a{color:#FFFFFF;} .ny_news_list .second_box{margin-top:20px;} .ny_news_list .second_box .list{} .ny_news_list .second_box .list ul:after,.ny_news_list .first_box ul:after,.ny_news_list .second_box .list ul li:after{content:'';display:block; clear: both; overflow: hidden;} .ny_news_list .second_box .list ul li{padding:30px 0;border-bottom:1px solid #e5e5e5;} .ny_news_list .second_box .list ul li .imgbox{float:left;width:210px;} .ny_news_list .second_box .list ul li .imgbox a{display:block;} .ny_news_list .second_box .list ul li .imgbox .img{height:150px;background-repeat:no-repeat; background-position: center;background-size:cover;} .ny_news_list .second_box .list ul li .textbox{float:left;width:calc(100% - 260px);margin-left:50px;} .ny_news_list .second_box .list ul li .textbox a{display:block;} .ny_news_list .second_box .list ul li .textbox a h3{height:40px;line-height:40px;font-size:16px;} .ny_news_list .second_box .list ul li .textbox .info{line-height:24px;font-size:13px;color:#888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ny_news_list .second_box .list ul li .textbox .time{margin-top:30px;} /**/ .ny_news_item{margin-top:50px;padding-bottom:80px;} .ny_news_item .list ul li{ position: relative; z-index: 1;} .ny_news_item .list ul li a{ display: flex; justify-content: space-between; padding: 30px 0;} .ny_news_item .list ul li .time{flex-shrink: 0;width:132px;font-size:20px;color: #171717;font-family: 'BarlowCondensed-Regular';} .ny_news_item .list ul li .txt{ flex-grow: 1;} .ny_news_item .list ul li .txt h5{font-size: 22px;color: #323234;margin-bottom:10px;} .ny_news_item .list ul li .txt .txtovh2{ font-size: 14px; line-height:24px; height: 48px; overflow: hidden; color: #8f8f92;} .ny_news_item .list ul li:nth-child(1){ border-top: 2px solid #ebebeb;} .ny_news_item .list ul li:before{ content: ""; display: block; width: 100%; height: 2px; background: #ebebeb; position: absolute; left: 0; bottom: 0;} .ny_news_item .list ul li:after { content: ""; display: block; width: 0; height: 3px; background: #2957a4; position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; transition: .5s; } .ny_news_item .list ul li:hover:after { width: 100%; opacity: 1; visibility: visible; } /**/ .page{margin-top:50px;text-align:center;} .page a{display:inline-flex;align-items: center;margin:0 6px;padding:0 10px;justify-content: center;cursor: pointer;font-size:15px;color:#868686; min-width:14px;height:34px;border-radius:17px; border:1px solid #dedede;} .page a:hover,.page a.on{background:#2957a4; border:1px solid #2957a4;color:#FFFFFF;} /**/ .ny_news_show{padding:100px 0;background:#f6f6f6;} .ny_news_show .wrap{display:flex;} .ny_news_show .left{width: calc(100% - 385px);padding: 0 58px 0 0;} .ny_news_show .left .ar_title{margin-bottom: 30px;border-bottom: #e7eaed 1px solid;padding: 0 0 24px;} .ny_news_show .left .ar_title h3{font-size: 28px;color: #303030;line-height: 1.5;margin-bottom:25px;} .ar_article{font-size:14px;color:#7d7c7c;line-height:35px; } .ar_article p{font-size: 15px;color:#7d7c7c;line-height:35px;margin-bottom:20px;} .ar_article p:last-child{ margin-bottom:0} .ar_article strong{ font-weight:bold;} .ar_article img{ max-width:100%;} .ar_article a{ color:#717173;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;} .ny_news_show .ar_title h6 span{position:relative;font-size: 15px;color: #767676;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right: 30px;vertical-align: top;} .ny_news_show .ar_title h6 span img{ margin:-3px 0.45rem 0 0} .ny_news_show .ar_title h6{position:relative;} .ny_news_show .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;} .ny_news_show .ar_title h6 span svg{width: 18px;height: 18px;fill:#808080;margin-right: .5rem;display: inline-block;vertical-align: middle;margin-top: -3px;} .ny_news_show .ar_title h6 span.shart_box svg{ width:26px; height:26px; fill:#808080} .fenxiang_box{ display:inline-block;} .fenxiang_box:hover .social-share{ opacity:1; visibility:visible } .shart_box{display:inline-block; cursor:pointer} @font-face{font-family:"socialshare";src:url("../fonts/fontawesome-webfont.eot");src:url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff") format("woff"),url("../fonts/fontawesome-webfont.ttf") format("truetype"),url("../fonts/fontawesome-webfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;position: relative;vertical-align: top;margin: 0;transition:.5s;}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0 0 0 15px;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width: 40px;height: 40px;border-radius:50%;line-height: 38px;border: none;color: #ababab;text-align:center;vertical-align: top;transition:background 0.6s ease-out 0s;transition: .6s;font-size: 16px;border: #e1e1e1 1px solid !important;}.social-share .social-share-icon:hover{background: none !important;color: #ff7f31;border: #ff7f31 1px solid !important;}.social-share .icon-weibo{border-color:#ff763b;}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{border-color:#56b6e7;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{border-color:#FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{border-color:#0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;border-color:#7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left: -78px;width:200px;height:192px;color:#666;font-size:13px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:15px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-15px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block} /*======== 上一篇下一篇 ===========*/ #ar_fot{ margin-top:10px; position:relative;} #ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s;} #ar_fot h3 a{ display:block; width:35px; height:35px;} #ar_fot h3 a:hover{ color:#d9353c;} #ar_fot h3.prev{ position: absolute; left:0; top:0; background:url(../images/news_prev.png) center no-repeat; background-size:contain;} #ar_fot h3.next{ position: absolute; right:0; top:0; background:url(../images/news_next.png) center no-repeat; background-size:contain;} #ar_fot h3.prev:hover{ background:url(../images/news_prev_on.png) center no-repeat; background-size:contain;} #ar_fot h3.next:hover{ background:url(../images/news_next_on.png) center no-repeat; background-size:contain;} #ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #dedfe0; border-radius:20px; transition:.3s;} #ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;} #ar_fot .bnt_back:hover{ border:1px solid #0166b3;} #ar_fot .bnt_back:hover a{ color:#0166b3; } /**/ .ny_news_show .right{width: 385px;display: table-cell;} .ny_news_show .right .sticky{position:sticky;top: 120px;} .ny_news_show .right .right_box{ background: #fff; padding: 40px 25px 10px;} .ny_news_show .right h3{font-size: 22px;color: #242930;margin-bottom: 10px;} .ny_news_show .right .fl01{margin-bottom: 0;} .ny_news_show .right .fl01 form{border: #eeeeee 1px solid;height: 52px;line-height: 50px;background: none;} .ny_news_show .right .fl01 form .txt{width: calc(100% - 100px);height: 50px;border: none;float:left;padding: 0 20px;font-size: 15px;color: #777a7d;border-radius:4px 0 0 4px;font-family: 'PingFang';background: none;} .ny_news_show .right .fl01 form .btn{width: 60px;float: right;border:0;background: none;color:#fff;height: 53px;font-size: 15px;border-radius:0 4px 4px 0;cursor:pointer;transition:.3s;} .ny_news_show .right .fl03{margin-top: 40px;} .ny_news_show .right .fl03 ul{ margin-top:-10px} .ny_news_show .right .fl03 ul li{border-bottom:#eeeeee 1px solid;padding: 20px 0;} .ny_news_show .right .fl03 ul li:last-child{border:none;margin-bottom: 0;} .ny_news_show .right .fl03 ul li a{ display:block; overflow:hidden} .ny_news_show .right .fl03 ul li a .img,.ny_news_show .right .fl03 ul li a .img img{width: 120px;height: 80px;overflow:hidden;float:left;object-fit: cover;} .ny_news_show .right .fl03 ul li a .con{width: calc(100% - 140px);overflow:hidden;float:right;padding-left:15px;padding-top: 5px;} .ny_news_show .right .fl03 ul li a .con .time svg{display:inline-block;width:15px;height:15px;fill: #adadad;vertical-align:middle;margin:-3px 5px 0 0;} .ny_news_show .right .fl03 ul li a .con .time{font-size:15px;color:#2f343d;margin-bottom: 5px;font-family:Roboto;} .ny_news_show .right .fl03 ul li a .con h4{font-size: 14px;color: #2f343d;height: 46px;line-height: 23px;overflow:hidden;font-family:'PingFang';transition:0.6s;} .n_erji ul li{ border-bottom:#eeeeee 1px solid; height:60px; line-height:60px;} .n_erji ul li a{font-size:18px;color:#777a7d;font-family: PingFang;display:block;position:relative;padding-left: 16px; transition:0.6s} .n_erji ul li a:before{ content:""; width:4px; height:4px; background:#d7d8d9; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px; transition:0.6s} .ny_news_show .right .n_erji h3{ margin-bottom:1rem} .n_erji ul li.on a{ color:#242930;} .n_erji ul li.on a:before{ background:#242930} /**/ .ny_case_list{padding:80px 0;} .ny_case_list .list{} .ny_case_list .list ul:after{content:'';display:block; clear: both; overflow: hidden;} .ny_case_list .list ul li{width:calc(25% - (16px * 3 / 4));float:left;margin-right:16px;margin-bottom:30px;} .ny_case_list .list ul li:nth-child(4n){margin-right:0;} .ny_case_list .list ul li .imgbox a{display:block;height:220px;overflow: hidden; } .ny_case_list .list ul li .imgbox .img{display:block;height:220px;background-position:center;background-repeat: no-repeat;background-size: cover;transition: 0.6s; } .ny_case_list .list ul li:hover .imgbox .img{transform: scale(1.05);} .ny_case_list .list ul li .textbox{background:#f2f4f7;padding:20px 25px;} .ny_case_list .list ul li .textbox h3{margin-bottom:10px;} .ny_case_list .list ul li .textbox h3 a{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .ny_case_list .list ul li .textbox .info{line-height: 22px;height:44px;margin-bottom:20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .ny_case_list .list ul li .textbox .more{width:85px;height:35px;text-align:center;line-height:35px;margin:auto;position: relative;} .ny_case_list .list ul li .textbox .more a{font-size:14px;color:#FFFFFF;position: absolute;width:100%;height:100%;top:0;left:0;} .ny_case_list .list ul li .textbox .more .btn_bg{transform: skewX(-10deg); -webkit-transform: skewX(-10deg); -moz-transform: skewX(-10deg); -ms-transform: skewX(-10deg); -o-transform: skewX(-10deg);background:#2957a4;overflow: hidden; width:85px;height:35px;} .ny_case_list .list ul li .textbox .more .btn_bg:before {border-color: transparent transparent transparent #ed1c23 !important;transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;} .ny_case_list .list ul li .textbox .more .btn_bg:after { border-color: transparent #ed1c23 transparent transparent !important;transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;} .btn_bg:before{content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #0066b2; position: absolute; bottom: 0; left: 0;} .btn_bg:after {content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #0066b2 transparent transparent; position: absolute; top: 0; right: 0;} .ny_case_list .list ul li:hover .textbox .more .btn_bg:before { border-width: 165px 0 0 165px;} .ny_case_list .list ul li:hover .textbox .more .btn_bg:after { border-width: 0 165px 165px 0;} /**/ .ny_honor_list{padding:80px 0;} .ny_honor_list .list{} .ny_honor_list .list ul:after{content:'';display:block; clear: both; overflow: hidden;} .ny_honor_list .list ul li{width:calc(20% - (50px * 4 / 5));float:left;margin-right:50px;margin-bottom:10px;} .ny_honor_list .list ul li:nth-child(5n){margin-right:0;} .ny_honor_list .list ul li .imgbox a{display:block;padding:13px;} .ny_honor_list .list ul li .imgbox img{display:block;} .ny_honor_list .list ul li .imgbox{background:url(../images/honor_bg.jpg)no-repeat center;height: 325px; display: flex; align-items: center;} .ny_honor_list .list ul li .textbox{padding:15px 15px;text-align:center;height:40px;} .ny_honor_list .list ul li .textbox a{font-size:16px;font-weight:600;} /**/ .ny_join1{padding:110px 0;} .ny_join1 .left{width:585px;} .ny_join1 .right{width:calc(100% - 680px);} .n_tt2{ margin-bottom: 2rem;} .n_tt2 h3{ font-size: 1.5rem; color: #35383a;} .n_tt2 span{ font-size: 1.25rem; color: #b6b6b6; font-family: Roboto; text-transform: uppercase; display: block; margin-top: .625rem; margin-bottom: 1.5rem;} .n_tt2 i{ display: block; width: 25px; height: 1px; background:#0868cc;} .ny_join1 .txt{ font-size: 15px; color: #5b5b5b; line-height: 28px;} .ny_join1 .txt p{margin-bottom:15px;} .ny_join1 .swiper{position: relative; margin-top:70px;} .ny_join1 .swiper .swiper-slide{height:260px;} .ny_join1 .swiper .box{ padding-bottom: 3.5rem;} .ny_join1 .swiper .box .tt{ position: relative; padding-top: 10px;} .ny_join1 .swiper .box .tt font{ font-size: 3.125rem; position: absolute; right: 1rem; top: 10px; color: #e4e6ea; font-family: Roboto-Light; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .ny_join1 .swiper .box span{ display: block; font-size: 1.0625rem; color: #b3b3b3; font-family: Roboto; text-transform: uppercase; margin-bottom: .5rem; transition: .5s;} .ny_join1 .swiper .box h5{ font-size: 1.25rem; color: #333333; color: #333333; margin-bottom: 1.5rem; display: flex; align-items: center; transition: .5s;} .ny_join1 .swiper .box:hover font{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } .ny_join1 .swiper .box h5 img{ margin-right: 9px;} .ny_join1 .swiper .box:hover h5 img{ animation: jello 1s; -webkit-animation: jello 1s; } .ny_join1 .swiper .box p{ font-size: 1rem; line-height: 1.875rem; color: #8d8d8d;} .ny_join1 .swiper .box i{ display: none; width: 21px; height: 1.25rem; background: url(../images/n_jiaru_yinhao.png) center no-repeat; margin-top: 2.5rem; margin-bottom: 2rem;} .ny_join1 .swiper-container-horizontal>.swiper-scrollbar{ overflow: hidden; background: none !important;} .ny_join1 .swiper-container-horizontal>.swiper-scrollbar:before{ content: ""; display: block; width: 100%; height: 1px; background: #dad9df; position: absolute; left: 0; top: 50%; margin-top: -.5px;} .ny_join1 .swiper-scrollbar-drag{cursor: pointer !important; background: none !important;} .ny_join1 .swiper-scrollbar-drag:before{ content: ""; display: block; width: 1000px; height: 1px; background:#0868cc; position: absolute; right: 20px; top: 50%; margin-top: -.5px; z-index: 1;} .ny_join1 .swiper-scrollbar-drag:after{ content: ""; display: block; background: url(../images/huakuai.png) center no-repeat; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index:2;} .ny_join1 .swiper .swiper-slide:nth-child(1) .box .tt font{ color: #c5d4e2;} .ny_join1 .swiper .swiper-slide:nth-child(2) .box .tt font{ color: #cbc5e2;} .ny_join1 .swiper .swiper-slide:nth-child(3) .box .tt font{ color: #e2dfc5;} .ny_join1 .swiper .swiper-slide:nth-child(4) .box .tt font{ color: #c5e2ca;} .ny_join1 .swiper .swiper-slide:nth-child(5) .box .tt font{ color: #dee2c5;} .ny_join1 .swiper .swiper-slide:nth-child(6) .box .tt font{ color: #e2c5c5;} .ny_join1 .swiper .swiper-slide:nth-child(7) .box .tt font{ color: #c5e2cf;} .ny_join2{background:#f2f4f7;padding:80px 0;} .ny_join2 .tit{text-align:center;} .ny_join2 .tit h3{font-size:24px;color:#333333;} .ny_join2 .list{margin-top:50px;} .ny_join2 .list ul{ margin: 0 -30px; margin-top:-30px; display: flex; flex-wrap: wrap;} .ny_join2 .list ul:after{content:'';display:block; clear: both; overflow: hidden;} .ny_join2 .list ul li{ width:calc(50% - 40px); float: left; padding: 0 20px; margin-top:30px;} .ny_join2 .list ul li a{ display: block; border: 1px solid #e3e6ea; padding:30px; height:calc(100% - 60px); position: relative; } .ny_join2 .list ul li h5{ font-size: 1.25rem; color: #000000; font-weight: bold; padding-left: 2.5rem;position: relative; background: url(../images/ico_join.png) left center no-repeat; background-size: 1.4375rem;} .ny_join2 .list ul li .yaoqiu{ margin-top: 1.125rem; margin-bottom: 1.625rem; font-size: 0;position: relative;} .ny_join2 .list ul li .yaoqiu span{ display: inline-block; line-height: 1.875rem; margin-right: 2.5rem; font-size: .9375rem; color: #828282; } .ny_join2 .list ul li .fuli{ font-size: 0; margin-bottom: 2.25rem;position: relative;} .ny_join2 .list ul li .fuli span{ display: inline-block; margin-right: .875rem; margin-bottom: .5rem; border: 1px solid #e4e7ea; font-size: 13px; color: #969696; text-align: center; padding: 10px 1rem; min-width: 6.125rem; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .ny_join2 .list ul li a:before{content:'';position: absolute; height:100%;width:0;top:0;left:0; background:#FFFFFF;transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .ny_join2 .list ul li:hover a:before{width:100%;} .ny_join2 .list ul li:hover .btn_arr{ background: #0868cc; border: 1px solid #0868cc;position: relative;} .ny_join2 .list ul li:hover .btn_arr font:nth-child(1){ left:0;} .ny_join2 .list ul li:hover .btn_arr font:nth-child(2){ left:50px;} .ny_join2 .list ul li:hover .btn_arr font svg path{ fill:#fff;} .btn_arr{ display: block; width: 5rem; height: 2.5rem; line-height: 2.375rem; overflow: hidden; position: relative; border: 1px solid #cdcdcd; border-radius: 1.25rem; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .btn_arr font{ display: block; width: 100%; height: 100%; line-height: 2.375rem; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .btn_arr font:nth-child(1){ left: -50px;} .btn_arr font:nth-child(2){ left:0;} .btn_arr font svg path{ fill:#b8b8b8; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .btn_arr font svg{ display: inline-block; width: 20px; height: 20px; vertical-align: middle;} .btn_arr:hover{ background: #66b72e; border: 1px solid #66b72e;} .btn_arr:hover font:nth-child(1){ left:0;} .btn_arr:hover font:nth-child(2){ left:50px;} .btn_arr:hover font svg path{ fill:#fff;} /**/ .ny_business .wrap{width:1200px;} .ny_business{padding:70px 0 ;} .ny_business ul li a{*display:flex;} .ny_business ul li{ margin-bottom:80px;} .ny_business ul li a{ position:relative; display:block; z-index:1} .ny_business ul li a:before{ content:""; position:absolute; width:960px; height:420px; background:#f2f2f2; right:0; top:50px; z-index:-1} .ny_business ul li .left{width:600px;position:relative;padding-bottom: 40px;} .ny_business ul li .left:after{ content:""; top:50px;left:200px;background:#f2f2f2;width:400px;height:420px;position: absolute;transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-moz-transform: skewX(-10deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg);} .ny_business ul li .left:before{content:"";position:absolute;background:url(../images/list_box_n_jidi_tiao1.png) center right no-repeat;height:10px;left:0;bottom: 0;width: 100%;z-index: 1;} .ny_business ul li .left .img{ position:relative;z-index: 1;overflow: hidden;} .ny_business ul li .left .img>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;transition: 0.6s;} .ny_business ul li .left:hover .img>img{transform: scale(1.05);} .ny_business ul li .left .img .img_hezi{ padding-bottom:400px !important;} .ny_business ul li .con{width:calc(100% - 720px);padding: 140px 60px 0;height: 300px;} .ny_business ul li .con h5{font-size:20px;color:#000000;} .ny_business ul li .con .biaoqian{margin-top:20px;color:#666666;font-size:14px;line-height:24px;} .ny_business ul li .con .more{width:125px;height:40px;border:solid 1px #025eb5;text-align:center;line-height:40px;margin-top:50px; position: relative;} .ny_business ul li .con .more:before{content:'';position: absolute;width:0%;height:100%;left:0;top:0; background:#135090;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out; } .ny_business ul li .con .more .a{color:#025eb5; position: relative;} .ny_business ul li .con .more:hover .a{color:#FFFFFF;} .ny_business ul li .con .more:hover:before{width:100%;} .ny_business ul li:nth-child(2n) .left{float:right!important;} .ny_business ul li:nth-child(2n) a:before{ content:""; position:absolute; width:960px; height:420px; background:#f2f2f2; left:0;right:auto; top:50px; z-index:-1} .ny_business ul li:nth-child(2n) .left:after{ content:""; top:50px;left:auto;right:200px;background:#f2f2f2;width:400px;height:420px;position: absolute;transform: skewX(15deg);-webkit-transform: skewX(15deg);-moz-transform: skewX(10deg); -ms-transform: skewX(15deg);-o-transform: skewX(15deg);} .ny_business ul li:nth-child(2n) .left:before{content:"";position:absolute;background:url(../images/list_box_n_jidi_tiao2.png) center left no-repeat;height:10px;left:0;bottom: 0;width: 100%;z-index: 1;} .ny_business ul li:nth-child(2n) .con{float:left!important;} /**/ .n_lianxi{ padding: 80px 0;background: #eff2f7;} .n_lianxi .box1{ overflow: hidden; display: flex; align-items: center; justify-content: space-between;} .n_lianxi .box1 .left{ float: left; position: relative; z-index: 1;} .n_lianxi .box1 .left:before{ content: ""; display: block; position: absolute; background: url(../images/lianxi_bg.jpg) center no-repeat; z-index: -1; width: 520px; height: 371px; right: -180px; bottom: -20px;} .n_lianxi .box1 .right{ float: right; width: 530px; background: #fff; position: relative; z-index: 9; padding: 1.5rem 1.5rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .n_lianxi .box1 .left .tt{ margin-bottom: 1.75rem;} .n_lianxi .box1 .left .tt h3{font-size: 24px;color:#35383a;} .n_lianxi .box1 .left .tt span{font-size: 16px;color: #b6b6b6;font-family: Roboto;text-transform: uppercase;display: block;margin-top: 10px;margin-bottom: 20px;} .n_lianxi .box1 .left .tt i{display: block;width: 25px;height: 1px;background: #0868cc;} .n_lianxi .box1 .left dl{margin-top: 20px;margin-bottom: 0;} .n_lianxi .box1 .left dl dt{font-size: 16px;color: #3d75c0;font-weight: bold;margin-bottom: 15px;padding-left: 36px;position: relative;} .n_lianxi .box1 .left dl dt img{ position: absolute; left: 0; top: .25rem;} .n_lianxi .box1 .left dl dd{font-size: 15px;color: #676767;font-weight: bold;padding-left: 2.25rem;} .n_lianxi .box1 .left dl .tel{ font-size: 36px; color: #3a3939; font-family: "Barlow Condensed",'barlow';} .n_lianxi .ewm{ display: inline-block;padding-left: 22px;} .n_lianxi .ewm .box{ float: left; display: flex; flex-direction: row-reverse; align-items: center; margin-left: 2.5rem; margin-top: 1rem;} .n_lianxi .ewm img{ border: 1px solid #ddd; width: 109px; height: 109px;} .n_lianxi .ewm p{ text-align: center; width: 1rem; font-size: .875rem; color: #282828; margin-right: .5rem; } .n_lianxi .flex{ display: flex; align-items: flex-end;} .n_lianxi form .group{ margin-bottom: 22px; width: 48.5%;} .n_lianxi form .group.textarea{ width: 100%;} .n_lianxi form .group.yzm{ width: calc(100% - 169px);} .n_lianxi form .group.btnbox{ width: 150px;} .n_lianxi form .span{display: block;font-size: 15px;height: 19px;color: #3d3d3d;margin-bottom: 10px;} .n_lianxi form .span i{ color: #e73728;} .n_lianxi form .input{height: 46px;border: 1px solid #d5d5d5;width: calc(100% - 36px);padding: 0 18px;font-size: 14px;color: #666;} .n_lianxi form textarea{border: 1px solid #d5d5d5;height: 90px;line-height: 1.7;width: calc(100% - 36px);padding: 10px 18px;font-size: .8125rem;color: #666;font-family: "微软雅黑";} .n_lianxi form .btn_submit{ height: 50px; width: 155px; background: #3d75c0; color: #fff; border: 0; outline: 0; float: right;} ::-webkit-input-placeholder{color:#afafaf;} ::-moz-placeholder{ /* Mozilla Firefox 19+ */color:#afafaf;} ::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#afafaf;} ::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#afafaf;} :focus::-webkit-input-placeholder {color: transparent;} :focus:-moz-placeholder { color: transparent;} :focus::-moz-placeholder { color: transparent;} :focus:-ms-input-placeholder {color: transparent;} #miso_map{ height: 28rem; margin-top: 3.125rem; border: 1px solid #e1e1e1;} /**/ .cjwt{margin-top:50px;margin-bottom:80px;} .cjwt .list{margin-top:30px;} .cjwt .list ul:after{content:'';display:block; clear: both; overflow: hidden;} .cjwt .list ul li{ display:block; padding:20px; border:1px solid #dde0e4; margin-bottom:15px;width:calc(50% - 52px);float:left;margin-right:20px;} .cjwt .list ul li:nth-child(2n){margin-right:0;} .cjwt .list ul li h1{ display:flex;align-items: center; margin-bottom:10px; line-height:30px; height:30px; color:#3d424f; font-size:14px; padding-left:0; } .cjwt .list ul li h1:before{content:'Q';width:20px;height:20px;line-height:20px;text-align:center;border-radius: 10px;background:#b59451;color:#FFFFFF;font-size:12px;display:inline-block;margin-right:15px;} .cjwt .list ul li .con{ font-size:14px; color:#a7a7ab; line-height:20px; height:72px; padding-left:0;display:flex;} .cjwt .list ul li .con:before{content:'A';width:20px;height:20px;line-height:20px;border-radius: 10px;background:#b59451;text-align:center;color:#FFFFFF;font-size:12px;display:inline-block;margin-right:15px; } .cjwt .list ul li .con p{width:calc(100% - 35px);line-height:24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @keyframes lwy { 0 {transform: scale(2)} 50% {transform: scale(1.75)} 100% {transform: scale(2)} } @media screen and (max-width: 1700px){ .header .wrap{width:1400px;} } /*1550*/ @media screen and (max-width: 1550px){ .main_box, .wrap{width:1300px;} .header,.header .logo_box,.header .search_btn_box,.header .nav_box>ul>li,.header .nav_box>ul>li>a{height:100px;} .banner .swiper .swiper-slide a .img {height: calc(100vh - 100px);} .header .nav_box>ul>li>a{line-height:100px;} .header .logo_box{width: 400px;} .nybanner .nybanner_text h3 { font-size: 36px;margin-bottom:10px;} .nybanner .nybanner_text p { font-size: 20px;} .header .nav_box>ul>li>.sub{top: 100px;} } @media screen and (max-width: 1400px){ .index_box3 .swiper-button-next,.index_box5 .swiper-button-next{right:0px;} .index_box3 .swiper-button-prev,.index_box5 .swiper-button-prev{left:0px;} } @media screen and (max-width: 800px){ .header, .header .logo_box, .header .search_btn_box, .header .nav_box>ul>li, .header .nav_box>ul>li>a {height: 80px;} .header .wrap {width: 96%;} .main_box, .wrap { width: 96%;} .header .logo_box{width: 70vw;} .header .search_btn_box{margin-right:50px;} .header .menuBtn{display:block;top:12px;} .header .nav_box{display:none;float: none; position: absolute; top: 80px; width: 100vw;padding-top:20px; background: #FFFFFF; margin-right: 0; margin-left:-2vw; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;height:auto;z-index: 2;min-height: calc(100vh - 80px);} .header .nav_box ul{padding:0 ;} .header .nav_box>ul>li.on, .header .nav_box>ul>li:hover{background:none;} .header .nav_box > ul > li { border-bottom:1px solid #eee; position:relative; float:none;padding:0;height:auto;} .header .nav_box > ul > li.down>a{background-image:url(../images/touch-arrow-d.png);background-repeat:no-repeat;background-position:center right 10px;background-size:13px;} .header .nav_box > ul > li a{ color:#333; display:block; font-size:16px; height:48px; line-height:48px;/* padding-left:10px;*/ text-align:left;padding:0 20px;} .header .nav_box>ul>li:hover>a, .header .nav_box>ul>li.on>a {color: #135090;font-weight: 600;} .header .nav_box>ul>li>a:after{display:none;} .header .nav_box > ul > li span{height:48px; line-height:48px;} .header .nav_box > ul > li a:hover, .header .nav > ul > li a:active { background-color:#FFFFFF; color:var(--wz-color); } .header .nav_box > ul > li.header .nav > ul > li.tels a{ display:inline-block;} .header .nav_box > ul > li.tels a:hover{ background:none; color:var(--wz-color);} .header .nav_box > ul > li:hover > a span:first-child{color:#333;margin-top: 0px;} .header .nav_box > ul > li.now > a span:first-child{margin-top: 0px;color:var(--wz-color); } .header .nav_box:hover > ul > li > a:hover::after{width:0;} .header .nav_box > ul > li i { position:absolute; top:14px;/* right:5px;*/ right:25px; display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; } .header .nav_box > ul > li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); } .header .nav_box > ul > li.now i.touch-arrow-down { background-image:url(../images/touch-arrow-u.png); } .header .nav_box > ul > li > .sub{width:calc( 100% - 40px); padding:0px 20px 15px; position: relative; background:#FFFFFF; top: 0; text-align: left; z-index: 110; left:0;} .header .nav_box>ul>li>.sub1 li{text-align:left;line-height: 32px;padding-left:15px;} .header .nav_box>ul>li>.sub1 li:hover{ background:none;} .header .nav_box>ul>li>.sub1 li a{line-height:32px;height: 32px;} .header .nav_box > ul > li > .sub > ul> li> a{color:#666666;border-bottom:0;text-align:left;font-size: 15px;padding: 0;padding-left: 2%;line-height: 35px;height: 35px;} .header .nav_box>ul>li>.sub1 li:hover a {color: #666;} .search-dialog .search-input input[type=text] {float: left;height: 46px;width: calc(100% - 58px);font-size: 15px;line-height:45px;} .search-dialog-box{height: 180px;} .search-dialog { transform: translateY(-10%);} .search-dialog .search-input {width: 80vw;margin: 0 auto;padding: 0 5px 0 10px;} .search-dialog .search-input input[type=submit], .search-dialog .search-input .clear-btn {float: right;height: 46px;width: 48px;} /**/ .banner .swiper .swiper-button-prev, .banner .swiper .swiper-button-next{display:none;} .banner .swiper .swiper-pagination span {width: 30px;} .banner .swiper .swiper-slide a .img { height: 70vw;} .i_tit h3{font-size: 24px;} .i_tit i{width:28px;height:2px;} .i_tit_box p{font-size:42px;} .i_more {width: 110px;height: 36px;line-height: 36px;margin: 30px auto 0;} .i_more a{font-size: 13px} .i_more a span{margin-right: 10px;sline-height: 36px;} .i_more a i{width:18px} .index_box1 { padding: 60px 0 60px;} .index_box1 .list_box ul li{margin-right: 10px;width: calc(50% - (10px / 2));margin-bottom: 15px;} .index_box1 .list_box ul li:nth-child(2n){margin-right:0;} .index_box1 .list_box { margin-top: 30px;} .index_box1 .list_box ul li .imgbox{height:50vw;} .index_box1 .list_box ul li .imgbox .img{height:50vw;} .index_box2 { padding: 60px 0 60px;} .index_box2 .wrap {display: block;} .index_box2 .i_tit { padding-bottom: 20px;} .index_box2 .i_tit:before{font-size:60px;top: -25px;left: -10px;} .index_box2 .i_tit h3{font-size:16px;} .index_box2 .i_tit p{font-size:24px;} .index_box2 .conbox {float: none !important; width: 100%;} .index_box2 .conbox .textbox .i_more{margin: 30px 0 50px;} .index_box2 .conbox .shuzi_box ul li h3 span {font-size: 32px;} .index_box2 .conbox .shuzi_box ul:after{content:'';display:block; clear: both; overflow: hidden;} .index_box2 .conbox .shuzi_box ul li{width:calc(50% - 15px); margin-right: 30px;float:left;margin-bottom:30px;} .index_box2 .conbox .shuzi_box ul li:nth-child(2n){margin-right:0;} .index_box2 .conbox .shuzi_box ul { display: block;} .index_box2 .imgbox {float: none !important;width: 90vw; height: 90vw;display:none;} .index_box3 {padding:60px 0 60px;} .index_box3 .list { margin: 30px 0 0;} .index_box3 .list .swiper .swiper-slide .text_box .box {padding: 20px 15px;} .index_box4{padding-top:60px;padding-bottom:60px;} .index_box4 .swiper { margin-top:30px;} .index_box4 .swiper .swiper-slide{display:block;} .index_box4 .swiper .swiper-slide .img{width:100%;height:60vw; } .index_box4 .swiper .swiper-slide .text{width:auto;padding:30px 20px 0 20px;} .index_box4 .swiper .text h4{font-size:13px;margin-bottom: 10px;} .index_box4 .swiper .text h3 a{font-size:16px;} .index_box4 .swiper .text .i_more {position: relative; margin: 40px 0 0;} .index_box4 .swiper .swiper-button-next {top: calc(50% - 25vw);right:20px;} /**/ .footer .f_tel { width: 100%;} .footer .f_nav {display:none;} .footer .f_copy{margin-top: 30px;} .footer .f_copy .copyright {float: none;} .footer .f_copy .link_box{float: none;margin:10px auto 0;height: 40px;} .footer .f_copy .link_box .link_tit{line-height:40px;} /**/ .nybanner .nybanner_text h3 { font-size: 28px;margin-bottom:10px;} .nybanner .nybanner_text p { font-size: 16px;} .nybanner .n_nav_box{display:none;} .pageTarget{display:block;width: 100%;height:50px;background: #025eb5; margin: 0 auto;padding:0;box-shadow: 0 0 2px 4px rgba(0 0 0 /0.05);position: relative;} .pageTarget .title{display:block;width:100%;height: 50px;line-height: 50px;} .pageTarget .title #bnt_back,.nav-two .title #bnt_sub_nav{display:none;} .pageTarget .title h2{ color:#f4f4f4;font-size: 18px;font-weight: 700;text-indent: 20px;} .pageTarget .title #bnt_back{ position:absolute;display:block; left: 1rem; top:0;display: block; display:flex;align-items: center; height: 50px;} .pageTarget #bnt_back img{ height: 15px;} .pageTarget .title #bnt_sub_nav{ position: absolute; display:block; right: 1rem; top: 17.5px; cursor: pointer; } .pageTarget #bnt_sub_nav img{ display: block; height: 15px; } .pageTarget h2{ font-size: 16px; color: #fff; text-align: center; text-indent:0;} .pageTarget .ny_nav{display:none;float:none;width:100%;z-index:1;padding:20px 0;background:#FFFFFF;position: absolute;top:50px;} .pageTarget .ny_nav a{display:block;line-height:32px;} .pageTarget .ny_nav a.active{color:#025eb5;} .nybanner { height:50vw;} /**/ .about1 .tt{background-size: 117%;height: 60px;padding-top: 50px;margin-bottom: 20px;padding-bottom:20px; background-position:right bottom 20px; border-bottom:1px solid #dfdfdf;} .about1 .tt h3 {font-size: 20px;} .about1 .tt span {font-size: 12px;width:70%;display:inline-block;} .ar_article p {font-size: 14px; line-height: 28px; margin-bottom: 10px;} .about1 .ar_article p+p {margin-top: 10px;} .n_video { height: 310px;padding-top: 50px; margin-top: 50px;} .n_shuzi ul li {width: 50%;margin-bottom:15px;} .n_shuzi ul li div {font-size: 36px;height:42px;margin-bottom: 5px;} .n_shuzi ul li div span {font-size: 36px;line-height:42px;} .n_shuzi ul li div i {font-size: 14px;position: relative;top: -5px;margin-left: 8px;} .n_shuzi ul li p {font-size: 14px;} .n_shuzi { margin-top: 40px;} .about1 .n_play {width: 90px; height: 90px;line-height: 90px;} .about3 .list { margin-top: 40px;} .about3 .list ul li{width:calc(100% - 30px);padding: 0 15px 30px;} .about3 .list ul li:before{display:none;} .about3 .list ul li p{height: auto;} .about3 .list ul li h3 { margin: 10px 0 10px;} .about3 .list ul li h4 { font-size: 20px;} .about3 .list ul li h5{margin: 5px 0 15px;} .about_tit h3 { font-size: 20px;} .about4 {padding: 40px 0;} .about4 .content {margin-top: 30px} .about5{padding: 40px 0;} .about5 .title{margin-bottom:20px;} .about5 .title h3{font-size:20px;} .about5 .title p{font-size:18px;} .about5 .content { width:100%;float:none !important;} .about5 .imgbox { width:100%;float:none !important;} .about6 {padding: 40px 0 60px;} .about6 .list{margin-top:40px;} .about6 .list ul li {float: none !important; width: 100% ; margin-right: 0;margin-bottom:20px;} .about6 .list ul li .imgbox {height: 60vw;} .about6 .list ul li .img {width: 100%; height: 60vw;} .ny_news_list .first_box ul li {float: none !important; width:100%; margin-right: 0px;margin-bottom:30px;} .ny_news_list .first_box ul li .imgbox .img,.ny_news_list .first_box ul li .imgbox { height: 55vw;} .ny_news_list .first_box ul li .textbox {padding: 15px;} .ny_news_list .first_box ul li .textbox a {height:40px;} .ny_news_list .first_box ul li .textbox a h3{font-size:14px;} .ny_news_list .second_box .list{border-top:1px dotted #dfdfdf;} .ny_news_list .second_box .list ul li .imgbox {float: none !important; width: 100%;} .ny_news_list .second_box .list ul li .imgbox .img {height: 60vw;} .ny_news_list .second_box .list ul li .textbox {margin-top:25px;float: none !important; width: calc(100% - 20px); margin-left: 10px;} .ny_news_list .second_box .list ul li .textbox a h3{height: auto;margin-bottom:10px;line-height: 25px; font-size: 15px;} .ny_honor_list { padding: 40px 0;} .ny_honor_list .list ul li,.ny_honor_list .list ul li:nth-child(5n) {width:calc(50% - 5px);margin-right: 10px; margin-bottom: 20px;} .ny_honor_list .list ul li:nth-child(2n){margin-right:0;} .ny_honor_list .list ul li .imgbox {background-size: cover;height: 64vw;} .ny_honor_list .list ul li .textbox {padding: 10px 10px 0; height: 40px;} .ny_honor_list .list ul li .textbox a {font-size: 14px;} .page { margin-top: 20px;} .ny_news_show .left {width: 100%;padding: 0;} .ny_news_show .right {display:none;} .ny_news_show {padding: 50px 0;} .ny_news_show .left .ar_title h3{font-size: 22px;margin-bottom: 10px;} .ny_news_show .ar_title h6 span {font-size: 13px;height: 36px;line-height: 36px;} .fenxiang_box {float:none!important;} /**/ .ny_case_list { padding: 40px 0;} .ny_case_list .list ul li {width: 100%;float: none!important;margin-right:0px; margin-bottom: 30px;} .ny_case_list .list ul li .imgbox .img,.ny_case_list .list ul li .imgbox a {height: 55vw;} .ny_case_list .list ul li .textbox .info {line-height: 22px;height: auto; margin-bottom: 20px;} .ny_join1 .left {float: none!important; width: 100%;margin-bottom:30px;} .ny_join1 .right {float: none!important;width: 100%;} .ny_join1 .swiper .swiper-slide { height:200px;} .ny_join1 { padding: 50px 0;} .ny_join2 {padding:50px 0;} .ny_join2 .tit h3 {font-size: 20px;} .ny_join2 .list {margin-top: 30px;} .ny_join2 .list ul {margin: 0 0px; margin-top: -30px;} .ny_join2 .list ul li{width: calc(100% - 20px); padding: 0 10px;} .ny_join2 .list ul li a {padding: 20px 15px; height:auto;} .ny_join2 .list ul li .fuli span{padding: 7px 12px;min-width: 60px;margin-right:6px; margin-bottom:8px;} .ny_join2 .list ul li .fuli span:nth-child(3n){margin-right:0;} .ny_join2 .list ul li .fuli{margin-bottom:20px;} .ny_join2 .list ul li a:before {width: 100%;} .n_lianxi {padding:50px 0;} .n_lianxi .box1 {display: block;} .n_lianxi .box1 .left {float: none!important;} .n_lianxi .box1 .left .tt h3 {font-size: 20px;} .n_lianxi .box1 .left dl .tel {font-size: 32px;} .n_lianxi .box1 .left dl dd { font-size: 14px;} .n_lianxi .box1 .left .tt span {font-size: 14px;} .n_lianxi .box1 .left dl dt {font-size: 15px;margin-bottom: 10px;margin-top: 40px;} .n_lianxi .box1 .right{float: none;width:calc(100% - 30px); padding:15px;margin-top:30px;} .n_lianxi form .group {width: 100%;margin-bottom: 22px;float:none!important;} .n_lianxi form .group.btnbox span{display:none;} .n_lianxi form .group.yzm { width: calc(100% - 2px);} .n_lianxi form .input {height: 42px;} .n_lianxi form textarea { height: 70px;} .n_lianxi form .btn_submit{float:none!important;} #miso_map {height: 80vw;} }