@charset "utf-8"; /* html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%; filter:grayscale(100%);} */ * {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;} @font-face { font-family: 'Conv_Montserrat-Bold'; src:url("../Css/Conv_Montserrat-Bold.ttf"); } @font-face { font-family: 'down'; src:url('../fonts/down.ttf?t=1679899748711') format('truetype'); } .down{font-family: "down" !important; font-size: 22px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right;} body {color: #444;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} input {vertical-align: middle;} textarea {resize: none;} ul {list-style: none;} img, {display: block;} a{color: #444;text-decoration: none;} a:hover{color: #444;text-decoration: none;} i, em {font-style: normal;} p{margin-bottom: 0px;} ul{margin-bottom: 0px;} /*input placeholder 样式 */ ::-webkit-input-placeholder {color: #999;} :-moz-placeholder {color: #999;} ::-moz-placeholder {color: #999;} :-ms-input-placeholder {color: #999;} /*修改滚动条*/ ::-webkit-scrollbar{width:6px;height:6px ;} ::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;} ::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;} .p30{ padding-top: 40px;} .pf_12{font-size: 12px;line-height: 25px;} .pf_16{font-size: 16px;line-height: 30px;} .pf_18{font-size: 18px;line-height: 30px;} .pf_17{font-size: 17px;line-height: 30px;} .pf_22{font-size: 22px;line-height: 35px;} .pf_24{font-size: 24px;line-height: 35px;} .pf_28{font-size: 28px;line-height: 40px;} .pf_30{font-size: 30px;line-height: 45px;} .pf_32{font-size: 32px;line-height: 45px;} .pf_34{font-size: 34px;line-height: 50px;} .pf_36{font-size: 36px;line-height: 50px;} .cler{clear:both;} @font-face {font-family:fz;src: url('../css/bahnschrift.ttf');} #dituContent label {max-width: unset!important;text-align: center;} .home_sy{ font-size:16px; line-height: 32px; margin-top: 50px;} .jw-controlbar{width: 100%;} .sa{line-height: 40px;} .btt{ margin-bottom: 3rem;} .pf_21{ font-size: 19px;} /*top*/ @font-face { font-family: 'iconfont'; /* Project id 4010323 */ src: url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff2?t=1685520545998') format('woff2'), url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff?t=1685520545998') format('woff'), url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.ttf?t=1685520545998') format('truetype'); } .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;} /* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: "siyuan";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/8bkrC1wdXTdy.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/w9xMkDB4s4r8.woff") format("woff"); font-display: swap; } /* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: "puhui";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/09unwnoSREgM.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/XgNRVpwgfpLI.woff") format("woff"); font-display: swap; } .case-tii{text-align: center; font-size: 32px; color: #004da0;} .warpp{width: 70%; margin: 0 auto;} .top{z-index: 88;top:0;width: 100%; position: fixed; background: rgba(255,255,255,.7);} .topa a{float: left;} .topa a img{display: block;max-width: 100%;} .topa span{display: block;color: #000;} .topa p{line-height: 20px;letter-spacing: 5px;color: #000;} .topb li a{display: block;color: #000;line-height: 20px;text-align: center;font-size: 20px;position: relative;transition:.4s;} .topb li a i{margin-right: .25rem;font-size: 22px;} .topb li a:hover {color: rgba(5,73,148,.7);} .topb li:nth-of-type(1) a::after{position: absolute;content: "";right:0;top:20%;height: 15px;} .imgBg { background-position: center center; background-size: cover; background-repeat: no-repeat; } .menu li a span{display: block;position: relative;transition:.4s;text-align: center;color: #000;font-size: 15px;line-height: 25px;} .menu li a span:hover{color: rgba(5,73,148,.7);} .menu li a span::after{position: absolute;content: "";right:0;top:20%;height: 15px;} .menu li:last-child a span::after{width: 0px;} .menu li.curr { transition: all 0.3s ease 0s; } .menu li.curr .submenu{opacity: 1; } .menu li .submenu{position:fixed;z-index: 8;top:78px;left:0; width:100%;height:0;overflow: hidden;opacity:0; text-align: center;transition: all 0.3s ease 0s; background: rgba(255,255,255,.8); } .navbga{background:url(../images/navbga.png) center bottom no-repeat;} .navbgb{background:url(../images/navbgb.png) center bottom no-repeat;} .navbgc{background:url(../images/navbgc.png) center bottom no-repeat;} .navbgd{background:url(../images/navbgd.png) center bottom no-repeat;} .navbge{background:url(../images/navbge.png) center bottom no-repeat;} .navbgf{background:url(../images/navbgf.png) center bottom no-repeat;} .navbgg{background:url(../images/navbgg.png) center bottom no-repeat;} .navbgh{background:url(../images/navbgh.png) center bottom no-repeat;} .menu li .submenu .left{float: left;width:51%;padding: 6% 0;text-align: left;} .menu li .submenu .left span{display: block;line-height: 60px;font-size: 40px; color: #fff;font-weight: bold;} .menu li .submenu .left p{line-height: 30px;color: rgba(255,255,255,.8);letter-spacing: 2px;font-family: fz;font-size: 22px;text-transform: uppercase;} .menu li .submenu .left strong{display: block;font-weight: normal;font-size: 22px;color: rgba(255,255,255,.8);} .menu li .submenu .left strong em{font-size:22px;color: #fff;} .menu li .submenu .right{float: right;width: 31%;padding:2%;} .menu li .submenu .right {text-align: left;} .menu li .submenu .right span{display: block;line-height: 20px;color: #999;text-transform: uppercase;} .menu li .submenu .right span b{font-size: 16px;color: #444;} .menu li .submenu .right span em{color: #054994;font-size: 30px;} .menu li .submenu .right dd a{display: block;line-height: 27px;font-size: 14px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; margin-left: 10px;} .menu li .submenu .right dd a:hover{color: #054994;} .menu li .submenu .right dd a em{color: #054994;font-size:0px;} .search-text{line-height: 53px;padding-left: 5px;width: 80%;} .fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #054994;outline: none;color: #fff;width: 20%;transition:.4s;} .fdj:hover{background: url(../images/fdj.png) center no-repeat #444;} .btn{border-radius: 0px !important;} .mobmenu{position: relative;top:-24px;} .mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;} .mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;} .mobmenu .aligncontent-center {text-align: center;} .mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;} .mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;} .mobmenu .menu-left {float: left;} .mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;} .mobmenu .menu-button i{font-size: 24px;color:#444} .mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);} .mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);padding:6%;} .mobmenu .sidebar ul{margin-top: 10%;border: 1px solid rgba(0,0,0,.1);border-bottom: none;border-right: none;height: auto;overflow: hidden;} .mobmenu .sidebar li a{display: block;transition:.4s;border-bottom: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1);text-align: center;padding: 5px;} .mobmenu .sidebar li a:hover{background: #054994;} .mobmenu .sidebar li a:hover i{color: #fff;} .mobmenu .sidebar li a:hover span{color: #fff;} .mobmenu .sidebar li a i{font-size: 26px;color: #777;} .mobmenu .sidebar li span{display: block;line-height: 30px;color: #666;} .moba img{display: block;margin:0 auto 2rem auto;} .moba strong{display: block;line-height:50px;background:#333;text-align: center;font-size:18px;color:rgba(255,255,255,.8);letter-spacing: 2px;} /*banner*/ /*index_banner*/ .banner {position: relative;height: auto !important;z-index: 1;top:0;} .banner .swiper-container{height: auto;overflow: hidden;} .banner .swiper-wrapper{height: auto !important;} .banner .swiper-slide {position: relative;height: auto !important;float: left;} .banner .swiper-slide img{ width: 100%; height: auto;} .banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 6% !important;width: 100%;z-index: 9999;} .banner .swiper-pagination-bullet{background: #fff;} .banner .swiper-pagination-bullet-active{width:30px;height: 8px;border-radius: 10px;background: #006cbd;} #swiper-slide1{position: relative;} #swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.1);padding-top: 15%;} #swiper-slide1 .bannera strong{display: block;font-size: 66px;line-height: 100px;color:#fff;margin-top: 2%;opacity: 0; -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;} #swiper-slide1 .bannera p{transition-delay: .6s !important;font-size: 36px;line-height: 60px;color: #fff;font-weight: 100; text-transform: uppercase;font-family: fz; margin:.5rem 0 1rem 0;opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;} #swiper-slide1 .bannera i{transition-delay: .9s !important;display: block;width: 32px;height: 28px;background: url(../images/bana.png) center no-repeat; opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;} .banner .swiper-slide-active .bannera strong{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;} .banner .swiper-slide-active .bannera p{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;} .banner .swiper-slide-active .bannera i{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;} #swiper-slide1 .bannerb{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0);padding-top: 15%;} #swiper-slide1 .bannerb strong{display: block;font-size: 66px;line-height: 100px;color:#fff;margin-top: 2%;opacity: 0; -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;} #swiper-slide1 .bannerb p{transition-delay: .6s !important;font-size: 36px; line-height: 60px;color: #fff;font-weight: 100;margin:.5rem 0 1rem 0;text-transform: uppercase;font-family: fz; opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;} #swiper-slide1 .bannerb i{transition-delay: .9s !important;display: block;width: 32px;height: 28px;background: url(../images/bana.png) center no-repeat; opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;} .banner .swiper-slide-active .bannerb strong{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;} .banner .swiper-slide-active .bannerb p{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;} .banner .swiper-slide-active .bannerb i{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;} .igt_btn{ position:relative; z-index:9; bottom: 30px; width: 100%; height: 50px; } .igt_btn .igt_prev{} .igt_btn::after { width: 88%; position: absolute; display: block; content: ''; bottom: 0px; right: 0; z-index: 1; } .igt_btn .igt_next{} .igt_btn .igt_prev, .igt_btn .igt_next{ border-radius: 50%; background: #fff; width: 60px; height: 60px; line-height: 999; overflow: hidden; color: #000; top: 50%; margin-top: -10px; font-size: 14px; text-transform: uppercase; margin-right: 18px; float: left; border: 2px solid #d9d9d9; cursor: pointer; position: relative; transition: .3s; } .igt_btn .igt_prev{ left:0;} .igt_btn .igt_next{ right:0;} .igt_btn .igt_prev:before{position: absolute; content: ''; width: 10px; height: 10px; border-bottom: 2px solid #d9d9d9; border-left: 2px solid #d9d9d9; left: 50%; top: 50%; margin: -5px 0 0 -3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);} .igt_btn .igt_next:before{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -7px; border-bottom: 2px solid #d9d9d9; border-left: 2px solid #d9d9d9;} .igt_btn .igt_prev:before,.igt_btn .igt_next:before{ content: ''; position:absolute; width:10px; height:10px; text-align:center; top:50%; margin-top:-5px; left:50%; margin-left:-5px;} .igt_btn .igt_prev:before{background:url(../images/prev2.png) no-repeat center;} .igt_btn .igt_next:before{background:url(../images/next2.png) no-repeat center;} .igt_btn .igt_prev:hover, .igt_btn .igt_next:hover{background-color:#004ea0; } /*index_cp*/ .in_01{height: auto;overflow: hidden;background:url(../images/in01bg.jpg) center top no-repeat;} .in01a img{display: block;max-width: 100%;} .in01a_a i{font-size: 36px;} .in01a_a span{display: block;color: #999;text-transform: uppercase;font-size: 16px;} .in01a_a b{color: #054994;font-size: 42px;} .in01a_a p{color: #777;} .in01a_b p{line-height: 30px;color: #777;} .in01a_b a{color: #054994;transition:.4s;} .in01a_b a:hover{color: #444;} .in01a_c li .in01a_d{padding:1rem 1.5rem 1rem 6rem;border: 1px solid #eeeff0;height: auto;overflow: hidden;} .in01a_c li .in01a_d span{display: block;line-height: 20px; color: #444; font-size: 14px;} .in01a_c li .in01a_d em{margin-top: 7px;color: #054994;} .in01a_c li .in01a_d em b{font-size: 50px;font-family: fz;color: #054994;} .in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) 2rem center no-repeat #fff;} .in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) 2rem center no-repeat #fff;} .in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) 2rem center no-repeat #fff;} .in01a_c li:nth-of-type(4) .in01a_d{background:url(../images/in03b.png) 2rem center no-repeat #fff;} .in01a_c li:nth-of-type(5) .in01a_d{background:url(../images/in04b.png) 2rem center no-repeat #fff;} .in01b .row{position: relative;} .in01b li a{display: block;text-align: center;transition:.4s;} .in01b li a:hover {color: #054994;} .in01b li i{font-size: 40px;} .in01b li span{display: block;} .in01b li p{line-height: 30px;color: #777;text-transform: uppercase;font-family: fz;} .line{ width: 200px; height: 10px;position: absolute; top: 30px;} .line span{display: block;border-top: 1px dashed #d8d8d8;width: 100%;position: relative;top:75%;} .line:before{ animation: fwzcline1 3s infinite; position: absolute; top: 50%; left: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #054994; border-radius: 50%; } .line:after{ animation: fwzcline2 3s infinite; position: absolute; top: 50%; right: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #054994; border-radius: 50%; } .linea{margin-left: 10.6%;} .lineb{margin-left: 27.2%;} .linec{margin-left: 44%;} .lined{margin-left: 60.5%;} .linee{margin-left: 77%;} @keyframes mfwzcline1 { 0% { top: 0px; } 50% { top: 50%; } 100% { top: 100%; } } @keyframes mfwzcline2 { 0% { bottom: 0px; } 50% { bottom: 50%; } 100% { bottom:100%; } } @keyframes fwzcline1 { 0% { left: 0px; } 50% { left: 50%; } 100% { left: 100%; } } @keyframes fwzcline2 { 0% { right: 0px; } 50% { right: 50%; } 100% { right:100%; } } .in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center no-repeat fixed;} .intita {padding-left: 1rem;position: relative;} .intita::before{position: absolute;content: "";width: 8px;height: 30px;background: #054994;top:10%;left:0;} .intita span{color: rgba(255,255,255,.8);text-transform: uppercase;} .intita span b{color: #fff;} .intita a{display: block; border: 1px solid rgba(255,255,255,.4);text-align: center;line-height: 45px;width: 120px;color: #fff;transition:.4s;} .intita a:hover{background: #054994;} .intitb {border-bottom: 1px dashed rgba(255,255,255,.2)} .intitb span{display: block;background: url(../images/intita.png) top left no-repeat;padding-top: 3rem;color: #fff;} .intitb a{display: block;width:30px;line-height:30px;background: rgba(255,255,255,.2);color: rgba(255,255,255,.6);border: 1px solid rgba(255,255,255,.6);transition:.4s;text-align: center;height:30px;} .intitb a:hover{background:rgba(255,255,255,.9);color: #444} .in02a_a{height: auto;overflow: hidden; border: 1px solid rgba(255,255,255,.4)} .in02a_a li {float: left;width: 48%;margin-right: 4%;} .in02a_a li:nth-of-type(2n+0){margin-right: 0;} .in02a_a li a{display: block;line-height: 45px;color: rgba(255,255,255,.8);transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in02a_a li a:hover{color:#fff;} .in02a_a li a i{float: right;} .in02a_b .swiper-slide a{display: block;border: 1px solid rgba(255,255,255,.4);position: relative;} .in02a_b .swiper-slide img{display: block;max-width: 100%;} .in02a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color: rgba(255,255,255,.8);white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in02h{position:absolute;width:100%;opacity:0;filter:alpha(opacity=0)\9;height:100%;left:0;top:0;background:#000;background:rgba(0,0,0,0.9);transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms} .in02h i{position:absolute;height:26px;width:26px;left:50%;top:50%;margin-left:-13px;margin-top:-50px;background:url(../images/in02a.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms} .in02h em{position:absolute;width:37px;height:9px;left:50%;top:50%;margin-left:-18px;margin-top:40px;background:url(../images/in02b.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms} .in02a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9} .in02a_b .swiper-slide a:hover .in02h i{margin-top:-22px} .in02a_b .swiper-slide a:hover .in02h em{ margin-top:13px} .in02a:nth-of-type(2) .intitb span{background: url(../images/intitb.png) top left no-repeat;} /*in_03*/ .in_03{height: auto;overflow: hidden;background: url(../images/in03bg.jpg) center top repeat;} .intitc {padding-left: 1rem;position: relative;} .intitc::before{position: absolute;content: "";width: 8px;height: 30px;background: #054994;top:10%;left:0;} .intitc span{color: #777;text-transform: uppercase;} .intitc span b{color: #444;} .intitc a{display: block;border: 1px solid rgba(4,4,4,.1);text-align: center;line-height: 45px;width: 120px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .intitc a:hover{background: #054994;color: #fff} .intitd {border-bottom: 1px dashed rgba(4,4,4,.2)} .intitd span{display: block;background: url(../images/intitd.png) top left no-repeat;padding-top: 3rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .intitd a{display: block;width:30px;line-height:30px;background: rgba(4,4,4,.1);color: rgba(4,4,4,.2);border: 1px solid rgba(4,4,4,.2);transition:.4s;text-align: center;height:30px;} .intitd a:hover{background:#fff;color: #444} .in03a:nth-of-type(2) .intitd span{background: url(../images/intitc.png) top left no-repeat;} .in03a_a{height: auto;overflow: hidden; border: 1px solid rgba(4,4,4,.2)} .in03a_a li {float: left;width: 48%;margin-right: 4%;} .in03a_a li:nth-of-type(2n+0){margin-right: 0;} .in03a_a li a{display: block;line-height: 45px;color:#777;transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in03a_a li a:hover{color:#444;} .in03a_a li a i{float: right;} .in03a_b .swiper-slide a{display: block;border: 1px solid rgba(4,4,4,.2);height: auto;overflow: hidden;} .in03a_b .swiper-slide img{display: block;max-width: 100%;} .in03a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color:#777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in03a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9} .in03a_b .swiper-slide a:hover .in02h i{margin-top:-22px} .in03a_b .swiper-slide a:hover .in02h em{ margin-top:13px} /*in_04*/ .in_04{height: auto;overflow: hidden;color: #fff;} .in04a .mySwiper{position: relative;overflow: inherit;} .in04a .mySwiper::before{position: absolute;content: "";left:-20%;top:5%;height: 1px;width: 140%;background: rgba(0,0,0,.8);} .in04a .mySwiper .swiper-slide{text-align: center;line-height: 40px;font-size: 24px; color: #060606; cursor: pointer;} .in04a .mySwiper i{display: block;width: 100px;height: 2px;margin:0 auto;} .in04a .mySwiper i em{display: block;width: 100px;height: 2px;background:rgba(255,255,255,0);} .in04a .swiper-slide-thumb-active i em{background: #054994;} .in04b_a{border: 1px dashed rgba(255,255,255,.2)} .in04b_a span{display: block;} .in04b_a span em{font-size: 30px;font-family: fz;} .in04b_a b{display: block;width: 40px;height: 1px;background: rgba(255,255,255,.9);margin:1rem 0;} .in04b_a p{line-height: 30px;color: rgba(255,255,255,.8);} .swiper-slide .right .in04b_b{position: absolute;bottom: 2%;right: 10%;} .in04b_b a{display: block;line-height: 40px;width: 140px;background: #054994;border: 1px solid #054994;color: #fff;text-align: center;transition:.4s;} .in04b_b a:hover{background: #fff;color: #054994;} .in04b_b i{font-size: 60px;height: 40px;margin-top: -23px;} /*in_05*/ .in05a li a{display: block;background: url(../images/in05a.png) center no-repeat rgba(252,252,252,1);border: 1px solid #e8e8e8;text-align: center;transition:.4s;position: relative;} .in05a li a:hover{transform: translate3d(0,-10px,0);box-shadow: 0px 0px 8px 5px #eee;background: url(../images/in05a.jpg) center no-repeat;color: #fff;padding-top: 1rem !important;padding-bottom: 5rem !important} .in05a li a:hover img{opacity: 0;} .in05a li a:hover i{background: #fff;} .in05a li a:hover p{color: #fff;} .in05a li a img{display: block;margin:0 auto;transition:.4s;} .in05a li a span{display: block;} .in05a li a i{display: block;margin:1rem auto;width: 30px;height: 2px;background: #054994;transition:.4s;} .in05a li a p{line-height: 30px;color: #777;transition:.4s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} /*in_06*/ .in_06{height: auto;overflow: hidden;background: url(../images/in06bg.jpg) center no-repeat fixed;} .in_06 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;} .in06a a{display: block; height: auto;overflow: hidden;position: relative;} .in06a a:hover .in06a_a{background: linear-gradient(to top, rgba(0,0,0,.5) 20%,rgba(0,0,0,.3)50%, rgba(0,0,0,0)100%);} .in06a a:hover em{color: #fff;margin-bottom: 1rem;} .in06a .in06a_a{position: absolute;z-index: 2;width: 100%; bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);transition:.4s;} .in06a .in06a_a span{display: block;} .in06a .in06a_a strong{display: block;color: #fff;} .in06a .in06a_a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .in06a .in06a_a em{display: block;transition:.4s;} .in_06 li a{display: block;height: auto;overflow: hidden;border: 1px solid rgba(255,255,255,.3);transition:.4s;} .in_06 li a:hover{background: #054994} .in_06 li a span{display: block;color: rgba(255,255,255,.3);} .in_06 li a strong{display: block;color: #fff;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in_06 li a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .in_06 li a em{display: block;transition:.4s;color: rgba(255,255,255,.3)} .in06a_b{display: block;width: 100%;height: 0;padding-bottom: 124.5%;position: relative;overflow: hidden;} .in06a_c{display: block;width: 100%;height: 0;padding-bottom: 81.5%;position: relative;overflow: hidden;} /*in_07*/ .in07a a{display: block;position: relative;height: auto;overflow: hidden;} .in07a a:hover span{line-height: 65px;background: rgba(0,0,0,.3)} .in07a a img{display: block;width: 100%;} .in07a a span{display: block;position: absolute;bottom: 0;width: 100%;line-height: 55px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;} .in07b{display: block;width: 100%;height: 0;padding-bottom: 33.8%;position: relative;overflow: hidden;} /*脚步*/ .footer{height: auto;overflow: hidden;border-top: 6px solid #054994; background: url(../images/foot.jpg) no-repeat center #004ea0;} .foota {border-right: 1px solid rgba(255,255,255,.2)} .foota li span{display: block;color: #fff; font-weight: bold;} .foota li p a{color: #fff;line-height: 35px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .foota li p a:hover{color: #fff;} .footb img{display: block;max-width: 100%;margin:0 auto;} .footba img{display: block;max-width: 100%;margin:0 auto;border: 1px dashed rgba(255,255,255,.4);padding: 7px;} .footba span{display: block;line-height: 45px;color: rgba(255,255,255,.8);} .ewm{width: 40%;text-align: center;} .footc{line-height: 50px;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;} .footc li{position: relative;text-align: right; margin-right: 5%;} .footc li::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);right:0;top:35%;} .footc li:last-child::after{height: 0px;} .footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#054994;color:#fff;z-index: 888;} .footnav li{float: left;text-align: center; color: #fff;} .footnav li a{display: block;} .footnav li:nth-of-type(1){width: 15%;} .footnav li:nth-of-type(1) a{border-right: 1px solid #c2000b;} .footnav li:nth-of-type(2){width: 15%;} .footnav li:nth-of-type(2) a{border-right: 1px solid #c2000b;} .footnav li:nth-of-type(3){background: #444;width: 35%;} .footnav li:nth-of-type(3) a{border-right: 1px solid #333; } .footnav li:nth-of-type(4){background: #444;width: 35%;} .footnav li i{font-size: 20px;} .footnav li span{display: block;line-height: 25px;} .footnav li a{display: block; color: #fff !important;padding-top:4%;} .footnav li a:hover{color: #ffb40b} /*简介*/ .ban_green{background: url(../images/ban_com_green.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_com{background: url(../images/ban_com.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_comm{background: url(../images/tutu.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_pro{background: url(../images/ban_pro.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_case{background: url(../images/ban_case.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_xswl{background: url(../images/ban_xswl.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_kjyf{background: url(../images/ban_kjyf.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_news{background: url(../images/ban_news.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban_job{background: url(../images/ban_job.jpg) top center no-repeat fixed;height: auto;overflow: hidden;} .ban {padding:9.1% 0 8.9% 0;} .ban i{font-size: 42px;color: #054994} .ban strong{display: block;font-size: 42px;line-height: 50px;color: #054994} .ban p{text-transform: uppercase;color: rgba(5,73,148,.1);font-family: fantasy;font-size: 36px;font-weight: bold;} .location {height: auto;overflow: hidden; background: #fff;border-bottom: 1px solid #e6e6e6;} .locationa {line-height: 70px;font-size: 20px;font-weight: bold;border-right: 1px solid #e6e6e6;text-align: center;color: #222;} .locationa i{font-size: 22px;color: #054994;font-weight: normal;} .locationb li{line-height: 70px;position: relative;text-align: center;} .locationb li a{display: block;transition:.4s;} .locationb li a:hover{color: #054994;} .locationb li:after{position: absolute;content: "";width: 1px;height: 15px;background: #e6e6e6;right:0;top:38%;} .locationb li:last-child:after{width: 0px;} .locationc{text-align: right;line-height: 70px;} .locationc i{color: #054994;font-size: 18px;} .locationc a{color: #777;} .locationc a:hover{color: #054994;} ._pord_MAG{ padding-bottom:136px;} ._pord_MAG ul{ float:left; width:100%; padding:0 5%;} ._pord_MAG ul li{ float:left; width:100%;} ._pord_MAG ul li i{ float:left; width:50%; line-height:0; overflow:hidden;} ._pord_MAG ul li i img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._pord_MAG ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._pord_MAG ul li .text{ float:left; width:49%; padding:2% 25px 3% 25px;} ._pord_MAG ul li .trt{ padding-top: 1%;} ._pord_MAG ul li .text h4{ float:left; width:100%; color:#222a34; font-size:24px; line-height:34px; font-weight:bold; } ._pord_MAG ul li .text h4:hover{ color:#21acdd;} ._pord_MAG ul li .text h5{ float:left; width:100%; color:#444; font-size:16px; line-height:32px; overflow:hidden;/*word-break: break-all;*/ margin:20px 0 0px 0; text-align: left; } ._pord_MAG ul li .text h6{ float:left; padding-right:21px; color:#21acdd; font-size:14px; line-height:26px; position:relative; } ._pord_MAG ul li .text h6:after{ float:left; width:8px; height:8px; content:''; position:absolute; right:0; top:9px; border-top:1px solid #21acdd; border-right:1px solid #21acdd; transform:rotate(45deg); -ms-transform:rotate(45deg);} .djj p{ margin-bottom: 15px;} ._pord_MAG ul li:nth-child(2n) i{ float:right;} ._pord_MAG ul li:nth-child(2n) .text{ float:right; text-align:right;} ._pord_MAG ul li:nth-child(2n) .text h6{ float:right;} @media screen and (max-width:1600px){ ._pord_MAG ul{ padding:0;} ._pord_MAG ul li .text{ padding:6% 45px 3% 45px;} } @media screen and (max-width:1400px){ ._pord_MAG ul li .text{ padding:4.5% 45px 3% 45px;} ._pord_MAG ul li .text h5{ margin:15px 0 20px 0;} } @media screen and (max-width:1024px){ ._pord_MAG{ padding-top:30px; padding-bottom:30px;} ._pord_MAG ul li .text{ width:50%; padding:20px 15px 25px 15px;} ._pord_MAG ul li .text h4{ font-size:16px; line-height:26px;} ._pord_MAG ul li .text h5{ font-size:14px; line-height:24px; height:72px; margin:6px 0 10px 0;} ._pord_MAG ul li .text h6{ padding-right:16px;} ._pord_MAG ul li .text h6:after{ width:9px; height:9px; top:10px;} } @media screen and (max-width:767px){ ._pord_MAG ul li i{ width:100%;} ._pord_MAG ul li .text{ width:100%;} } .publicPadding { padding: 60px 0; } .history{background:url(../images/history_bg.jpg) no-repeat center;background-size:cover;position:relative;overflow:hidden;} .history .title{text-align:center;color:#FFF;} .history .title p{font-size:16px;line-height:24px;margin-top:10px;} .historySwiper{margin-top:60px;overflow:hidden;} .historySwiper .swiper-slide{padding:40px;border-radius:20px;background:rgba(0,78,161,0.8);box-shadow:0 0 4px rgba(0,0,0,0.1);overflow:hidden;cursor:pointer; -webkit-transform:scale(0.82); transform:scale(0.82); opacity:0.52; -webkit-transition: all 0.35s; transition: all 0.35s; } .historySwiper .swiper-slide-active{ -webkit-transform:scale(1); transform:scale(1); opacity:0.9; } .historySwiper .num{height:120px;font-size:120px;color:#FFF;line-height:120px;overflow:hidden;font-family:bahnschrift;} .historySwiper .wz{height:280px;font-size:14px;color:#FFF;line-height:28px;padding-right:20px;margin-top:20px;overflow-y:auto;} .historySwiper .wz p{padding-left:20px;position:relative;} .historySwiper .wz p:after { content:""; position:absolute; left:0; top:10px; width:8px; height:8px; background:#FFF; border-radius:50%; } .history .thumbBox{margin-top:60px;padding:0 42px;overflow:hidden;position:relative;} .history .thumb{overflow:hidden;padding:20px 0;} .historySwiperThumb{border-top:1px solid rgba(255,255,255,0.6);} .historySwiperThumb .swiper-slide{font-size:16px;line-height:24px;padding:15px 0;color:rgba(255,255,255,0.4);text-align:center;position:relative;cursor:pointer;} .historySwiperThumb .swiper-slide:after { content:""; position:absolute; left:50%; top:-4px; width:8px; height:8px; margin-left:-4px; background:rgba(255,255,255,0.4); border-radius:50%; } .historySwiperThumb .swiper-slide-thumb-active{color:#FFF;} .historySwiperThumb .swiper-slide-thumb-active:after{background:#FFF;} .history .thumbBox .next,.history .thumbBox .prev{width:42px;height:42px;border:1px solid #FFF;border-radius:50%;position:absolute;top:0;cursor:pointer;} .history .thumbBox .next{right:0;background-image:url(../images/right.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;} .history .thumbBox .prev{left:0;background-image:url(../images/left.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;} @media screen and (max-width: 960px){ .f48 { height: 28px; font-size: 20px; line-height: 28px; } .historySwiper .num { height: 40px; font-size: 40px; line-height: 40px; } } /*简介*/ .companya {height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat;} .coma_a i{display: block;width: 30px;height: 4px;background: #054994;margin:2rem 0} .coma_a strong{display: block;color: #054994;} .coma_a strong em{font-size: 22px;} .coma_a span{display: block;} .coma_a ul li {color: #777;} .home .hcon .main .about .content .intro .info .des em{color: #054994; margin-right: 5px;} .coma_b strong{font-size: 40px;font-family: fz;} .coma_b p{background: #c00505;color: #fff;width: 90px;text-align: center;line-height: 30px;} .companya img{max-width: 100%;} .comb{color: #777;} .qywha li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; } .qywha li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;} .qywha li:nth-of-type(1) {display: block;background: url(../images/qywha.jpg) center no-repeat;border-radius: 0 20px 0 20px;} .qywha li:nth-of-type(2) {display: block;background: url(../images/qywhb.jpg) center no-repeat;border-radius: 20px 0 20px 0;} .qywha li:nth-of-type(3) {display: block;background: url(../images/qywhc.jpg) center no-repeat;border-radius: 0 20px 0 20px;} .qywha li:nth-of-type(4) {display: block;background: url(../images/qywhd.jpg) center no-repeat;border-radius: 20px 0 20px 0;padding:17% 4%;} .qywha i{display: block;background: url(../images/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;} .qywhb li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; } .qywhb li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;} .qywhb li:nth-of-type(1) {display: block;background: url(../images/qywhba.jpg) center no-repeat;border-radius:20px;} .qywhb li:nth-of-type(2) {display: block;background: url(../images/qywhbb.jpg) center no-repeat;border-radius:20px;} .qywhb i{display: block;background: url(../images/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;} .qywhc li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; } .qywhc li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;} .qywhc li:nth-of-type(1) {display: block;background: url(../images/qywhca.jpg) center no-repeat;border-radius: 20px 0 20px 0;} .qywhc li:nth-of-type(2) {display: block;background: url(../images/qywhcb.jpg) center no-repeat;border-radius: 0 20px 0 20px;} .qywhc li:nth-of-type(3) {display: block;background: url(../images/qywhcc.jpg) center no-repeat;border-radius: 20px 0 20px 0;} .qywhc li:nth-of-type(4) {display: block;background: url(../images/qywhcd.jpg) center no-repeat;border-radius: 0 20px 0 20px;padding:20% 4% 26% 4%;} .qywhc i{display: block;background: url(../images/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;} .zzjg {height: auto;overflow: hidden;background: url(../images/zzjgbg.jpg) left top repeat;} .zzjg p{line-height: 30px;color: #777;} .zzjg p:nth-of-type(5){border-top: 1px solid #d4d4d4} .zzjg img{ max-width: 100%;} .companyc{height: auto;overflow: hidden;background: #fff;} .comc li img{display: block;max-width: 100%;transition: all 0.6s ease 0s;} .comc li a{display: block; position: relative;height: auto;overflow: hidden;} .comc_a{position: absolute;z-index: 2;background: linear-gradient(to top, rgba(0,0,0,.7) 5%,rgba(0,0,0,.3)20%, rgba(0,0,0,0.2)40%,rgba(0,0,0,0.1)50%); width: 100%;height: 100%;bottom: 0;padding-top: 45%;color: #fff;transition:.4s;} .comc_a span{background: url(../images/comc_b.png) left center no-repeat;padding-left: 4.5rem;} .comc_a p{line-height: 20px;text-transform: uppercase;letter-spacing: 1px;} .comc_a i{display: block;width: 70px;height: 70px;transition:.4s;padding: 5px;background: rgba(255,255,255,0);} .comc_a i em{display: block;width: 100%;height: 100%;background: rgba(255,255,255,0);line-height: 30px;border: 1px solid #fff;text-align: center;transition:.4s;} .comc li:hover i{background: rgba(5,73,148,.3);} .comc li:hover em{background: rgba(5,73,148,.8);background: #054994;border: 1px solid #054994;} .comc li:hover img{transform: scale(1.05);} /*荣誉*/ .qyfca{height: auto;overflow: hidden;background: url(../images/qyfca.jpg) center no-repeat;padding: 10% 0;text-align: center;} .qyfca_a{width:220px;height: 220px;background: rgba(206,0,12,.9);color: #fff;text-align: center; position: relative;border-radius: 120px;padding-top:2rem;margin:0 auto; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;transition:.4s; -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); } .qyfca_a em{font-size: 42px;} .qyfca_a strong{display: block;} .qyfca_a p{color: rgba(255,255,255,.8);text-transform: uppercase;line-height: 30px;} .qyfca_a i{font-size: 34px;} .qyfca_a:after{position: absolute;content: "";display: block;width: 220px;height: 220px;border-radius: 120px; top:0px; left: 0px; z-index: -1; box-shadow: 0 0 0 2px rgba(205,0,0,0.1); opacity: 0; -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite; -moz-animation: sonarEffect 1.3s ease-out 75ms infinite; animation: sonarEffect 1.3s ease-out 75ms infinite; } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; background: rgba(0,255,255,1); } 40% { opacity: 0.5; background: rgba(0,255,255,1); box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); -webkit-transform: scale(1.2); background: rgba(0,255,255,1); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); -moz-transform: scale(1.2); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5); transform: scale(1.2); opacity: 0; } } .qyfclist li a{height: auto;overflow: hidden;position: relative;} .qyfclist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;} .qyfclist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .qyfclist li:hover span{line-height: 330px;background: rgba(0,0,0,0);font-size: 24px;} .qyfclist li:hover .qimga::before{-webkit-clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%); clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);} .qyfclist li:hover .qimga::after{transition: .4s; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%); clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);} .qimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;} .qimga::before{position: absolute;content: ""; display: block;width: 100%;height: 100%;left:0;z-index: 1; -webkit-clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%); clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%); -webkit-transform: translateY(0%); transform: translateY(0%);background:rgba(206,0,12,.8); bottom: 0;transition: .4s} .qimga::after{position: absolute;content: "";display: block;width: 100%;height: 100%;right:0;z-index: 1; bottom: 0;transition: .4s; -webkit-clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%); -webkit-transform: translateY(0%); transform: translateY(0%);background:rgba(206,0,12,.8); } .qimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; background: rgba(0,0,0,.4);color:#fff;text-align: center;transition: .4s} .qyzllist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;} .qyzllist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;} .qyzllist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .qyzllist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);} .qyimga{display: block;width: 100%;height: 0;padding-bottom: 140%;position: relative;overflow: hidden;} .qyimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s} .qyzzlist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;} .qyzzlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;} .qyzzlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .qyzzlist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);} .qzimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;} .qzimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s} /*case*/ .caselist li a{display: block;transition:.4s;background:url(../images/casea.png) right bottom no-repeat #f5f5f5;} .caselist li a:hover{background:url(../images/casea.png) right bottom no-repeat #fff;box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;} .caselist li a:hover em{background:#054994;color: #fff} .caselist li img{display: block;width: 100%;} .case_a p{line-height: 40px;} .case_a{width: 80%;} .case_a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .case_a em{display: block;width: 140px;line-height: 35px;border: 1px solid #d8d8d8;border-radius: 60px;background: #fff;color: #054994;transition:.4s;text-align: center;font-style: normal;} /*network*/ .xswla img{display: block;max-width: 100%;margin:0 auto;} .xswlb li{float: left;width: 10%;text-align: center;line-height: 40px;color: #777;transition:.4s;height: auto;overflow: hidden;} .xswlb li a{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .xswlb li a:hover{color: #054994;} .xswlb{height: auto;overflow: hidden;} .xswlc strong{display: block;text-align: center;} .xswld{height: auto;overflow: hidden;} .xswld table { width: 100%!important;border-collapse: collapse;} .xswld table p{ width: 100%!important; border-collapse: collapse;border-left: 1px solid #a7a7a7} .xswld th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;} .xswld tr{border-right: 1px solid #a7a7a7;text-align: center;line-height: 45px;} .xswld tr td{border-left: 1px solid #a7a7a7} .xswld .firstRow tr td:nth-of-type(2) p{border-right: none;border-left: none;} .xswld .firstRow td{background: #054994;line-height: 55px;font-size: 18px;color: #fff;font-weight: bold;border-right: 1px solid #b90610;} .xswld .firstRow td p{border-left:1px solid #fff;} .shfwa li strong{display: block;font-family: fz;color: #054994;} .shfwa li:hover .shfwb{background: #fff;box-shadow: rgba(174,174,174,.2) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;} .shfwb{height: auto;overflow: hidden;border: 1px solid #e4e4e4;background: #fafafa;transition:.4s;} .shfwb strong{display: block;} .shfwb p{line-height: 30px;color: #777;} /*content_product*/ .producta{height: auto;overflow: hidden;background: url(../images/producta.jpg) center center no-repeat;padding: 8% 0 6% 0;} .cases{height: auto;overflow: hidden;background: url(../images/cases.jpg) center center no-repeat;padding: 8% 0 6% 0;} .casetype{height: auto;overflow: hidden;} .casetype li {height: auto;overflow: hidden;border-bottom: 1px solid #eeeeee;} .casetype li strong{display: block; float: left;line-height: 60px;} .casetype li p{float: left;padding: 0 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 60px;} .casetype li p a{display: block;color: #777;transition:.4s;} .casetype li p a:hover{color: #054994;} .producta_a {text-align: center;color: #fff;} .producta_a strong{display: block;font-size: 70px;line-height: 100px;} .producta_a i{display: block;background: url(../images/pla.png) center no-repeat;height: 5px;margin:2rem auto;} .producta_a p{text-transform: uppercase;color: rgba(255,255,255,.8);letter-spacing: 3px;} .producta_b_bg{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc;} .producta_b {width: 80%;margin:2rem auto;height: auto;overflow: hidden;} .producta_b li a{display: block;color: #444;transition:.4s; text-align: center;} .producta_b li a:hover{color: #054994;} .producta_b li i{color: #054994;} .producta_c{width: 50%;margin:3rem auto;} .producta_c a{display: block;width: 45%;background: #054994;border: 1px solid #054994; line-height: 50px;border-radius: 60px;color: #fff;text-align: center;transition:.4s;} .producta_c a:hover{background: #fff;color: #054994;} .producta .mySwiper {padding-top: 5rem;position: relative;overflow: revert;} .producta .mySwiper::before{position: absolute;content: "";width: 140%;left:-20%; height: 1px;background: rgba(255,255,255,.2);top:57.5%;} .producta .mySwiper .swiper-slide{color: #fff;text-align: center;cursor: pointer;} .producta .mySwiper .swiper-slide span{display: block;} .producta .mySwiper .swiper-slide-thumb-active i{background: #054994 !important;} .producta .mySwiper .swiper-slide i{display: block;width: 15px;height: 15px;border-radius: 60px;background: rgba(255,255,255,1);margin:0 auto;position: relative; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;transition:.4s; -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93);} .producta .mySwiper .swiper-slide i:after{position: absolute;content: "";display: block;width: 15px;height: 15px;border-radius: 60px; top:0px; left: 0px; z-index: -1; box-shadow: 0 0 0 2px rgba(205,0,0,0.1); opacity: 0; -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite; -moz-animation: sonarEffect 1.3s ease-out 75ms infinite; animation: sonarEffect 1.3s ease-out 75ms infinite; } .protita{text-align: center;} .protita strong{display: block;font-size: 42px;} .protita strong b{color: #054994} .protita p{color: #777;width: 70%;margin:0 auto;} .prolist li a{display: block;position: relative;height: auto;overflow: hidden;border: 1px solid #eee;} .prolist li a:hover .plimga i{background: rgba(0,0,0,.3)} .prolist li a:hover .pl_a{bottom: 5%;box-shadow: rgba(255,255,255,0.3) 0 5px 10px;} .prolist li .pl_a{position: absolute;bottom: 4%;left:4%;width: 92%;background: rgba(255,255,255,.9);z-index: 3;transition:.4s; } .prolist li .pl_b{background: url(../images/pl_a.png) left center no-repeat;padding-left: 10rem; } .prolist li .pl_b strong{display: block;text-transform: uppercase;border-bottom: 1px dashed #e0e0e0;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .prolist li .pl_b strong b{color: #054994;font-family: impact;} .prolist li .pl_b p{line-height: 25px;color: #777;} .plimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;} .plimga img{display: block;max-width: 100%;} .plimga i{position: absolute;z-index: 2;top:0;left:0; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;} /*产品详情*/ .proinfo{height: auto;overflow: hidden;background: url(../images/proa.jpg) top no-repeat;padding-top: 12%;} .plocation{color: #fff;line-height: 50px;height: 50px;} .plocation a{color: #fff;} .proa {height: auto;overflow: hidden;background: #fff;z-index: 3;position: relative;} .proa img{display: block;width: 100%;} .proaa{height: auto;overflow: hidden;} .proaa strong{display: block;font-size:30px;line-height: 60px;background: url(../images/intitb.png) left center no-repeat;padding-left: 3rem;border-bottom: 1px solid #e5e5e5;} .proaa p{line-height: 30px; color: #777;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .proab li .proac{box-shadow:rgba(0,0,0,0.1) 0 0 10px 5px;text-align: center;} .proab li .proac span{display: block;width: 65px;height: 65px;padding-top:15px;font-size: 22px;border-radius: 50px;text-align: center;background: #054994;color: #fff; margin:-3.5rem auto 0 auto} .proab li .proac i{display: block;background: url(../images/proac.png) center no-repeat;margin:1rem auto;height: 6px;} .proab li .proac p{line-height: 30px;color: #777;} .pmore {width: 60%;} .pmore a{display: block;width:48%;line-height: 55px;font-size: 22px;text-align: center;background: #054994;color: #fff;transition:.4s;font-weight: bold;} .pmore a:hover{background: #444;} .pmore a i{font-size: 24px;font-weight: normal;} .ptit{height: auto;overflow: hidden;background: url(../images/ptitbg.jpg) left -20px repeat-x;} .ptit li{text-align: center;line-height: 40px;font-size: 15px;} .ptit li a{display: block;transition:.4s;} .ptit li:hover a{color: #054994} .ptit li:hover i{background: #054994;border: 2px solid #fff;} .ptit li:hover em{background: #fff;} .ptit i{display: block;width: 20px;height: 20px;border-radius: 20px;padding: 4px;margin:0 auto;background: #fff;border: 2px solid #054994;transition:.4s;} .ptit i em{display: block;width: 8px;height: 8px;background: #054994;border-radius: 20px;transition:.4s;} .ptita{text-align: center;} .ptita strong{display: block;font-size: 30px;} .ptita strong b{color: #054994} .ptita .pf_16{position: relative;width: 330px;text-align: center;margin: 0 auto;} .ptita .pf_16 .pt_m_r{content: '';width: 116px;height: 1px;background: #004da0;position: absolute;top: 0;bottom: 0;margin: auto 0;right: -88px;} .ptita .pf_16 .pt_m_l{content: '';width: 116px;height: 1px;background: #004da0;position: absolute;top: 0;bottom: 0;margin: auto 0;left: -88px;} .ptitaa strong{display: block;font-size: 30px;} .ptitaa strong b{color: #054994} .ptita i{display: block;background: url(../images/ptita.png) center no-repeat;height: 5px;margin:1rem auto;} .ptita p{color: #000;width: 70%;margin:0 auto; font-size: 16px;} .prob{height: auto;overflow: hidden;background: #f6f6f6;} .prob_a{line-height: 30px;color: #777;} .prob_a strong{display: block;position: relative; font-size: 20px;line-height: 50px;color: #444;padding-left: 1rem; border-bottom: 1px solid #e4e4e4;padding-bottom: .5rem;margin: 1.5rem 0;} .prob_a strong::before{position: absolute;content: "";width: 5px;height: 25px;background: #054994;top:20%;left:0;} .prob_a img{max-width: 100%;} .proc{height: auto;overflow: hidden;background: url(../images/procbg.jpg) center no-repeat;} .proc_a img{display: block;max-width: 100%;margin:0 auto;} .prodtit i{display: block;width: 30px;height: 2px;background: #fff;margin:1rem 0;} .prodtit strong{display: block;color: #054994} .prodtit p{line-height: 30px;color: #777;} .forma{width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;} .forma input{float: left;width: 49%;padding-left: 1rem;margin-right: 2%; line-height: 45px;background: #f6f6f6;} .forma input:nth-of-type(2){margin-right:0px;} .formb {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;} .formb input{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;} .formc {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;} .formc textarea{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;} .formd .code input{float: left;padding-left: 1rem;line-height: 45px;background: #f6f6f6;width:20%;margin-right: 2%;} .formd .code .verify{float: left;width:20%;margin-right: 2%;} .formd .code .verify img{width:100%;height: 45px;} .formd .code a{float: left;width: 20%;background: #054994;border-radius: 2px;border: 1px solid #054994;color: #fff;text-align: center;line-height: 45px;transition:.4s;} .formd .code a:hover{background: #fff;color: #054994} .prod_b{height: auto;overflow: hidden;background: url(../images/proda.jpg) center no-repeat;} .prod_c li{height: auto;overflow: hidden;color: #fff;} .prod_c li span{display: block;} .prod_c li p{line-height: 35px;} .proe{height: auto;overflow: hidden;background: url(../images/proebg.jpg) center top no-repeat;} .proe li:hover .proe_a span{line-height: 65px;background: rgba(0,0,0,.2);font-size: 15px;} .proe_a{height: auto;overflow: hidden;position: relative;} .proe_a span{position: absolute;z-index: 2;bottom: 0;left:0;line-height: 50px;text-align: center;width: 100%;background: rgba(5,73,148,.7);color: #fff;transition:.4s;} .proe_a img{max-width: 100%;} .prof_a img{display: block;max-width: 100%;} .prof_a strong{display: block;} .prof_a p{line-height: 30px;color: #777;} .prof_b {width: 60%;} .prof_b li{text-align: center;} .prof_b li em{display: block;width: 75px;line-height: 75px;margin:0 auto; border: 1px solid #e9e9e9;border-radius: 80px;text-align: center; font-family: impact;color: #054994;font-size: 32px;} .prof_b li b{display: block;} .prog{height: auto;overflow: hidden;background: url(../images/progbg.jpg) center no-repeat;} .proga .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;} .proga .swiper-slide {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;} .proga .swiper-slide span{position: absolute;bottom: 0;width: 100%;line-height:80px; background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,.5)50%, rgba(0,0,0,.2)80%,rgba(0,0,0,0)100%); ;color: #fff;text-align: center;transition:.4s;} .proga .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;} .proga .swiper-slide:hover img{transform: scale(1.05);} .proga .swiper-slide:hover span{line-height: 110px;} .peimga{height: auto;overflow: hidden;} /*新闻*/ .newslist{height: auto;overflow: hidden;} .newslist li a{display: block;padding-bottom: 34%;position: relative;} .newslist li:hover .nfonta{width: 80%;background:url(../images/newsbg.jpg) left bottom repeat-x #fff;height: 50%;left:10%;box-shadow: rgba(0,0,0,0.1) 0 5px 10px; } .newslist li:hover .nfonta em{height: 42px;margin-top: 1rem;} .newslist li:hover .nfonta em b{background: #054994;color: #fff;} .newslist li:hover .nimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;} .newslist li:hover .nimga i{opacity: 1;} .newslist li img{display: block;max-width: 100%;} .nfonta{width: 100%;margin:0 auto;background:url(../images/newsbg.png) left bottom repeat-x;position: absolute;bottom: 0;left:0; height: 34%; z-index: 2;transition:.4s;border: 1px solid #e7e7e7;} .nfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(5,73,148,.1);font-size:44px;font-family: impact;} .nfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .nfonta i{display: block;width: 35px;height: 2px;background: #1b94d3;margin:1.5rem 0;} .nfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .nfonta em{display: block;height:0px;overflow: hidden;transition:.4s;} .nfonta em b{display: block;line-height: 40px;height: 40px; font-weight: normal;border: 1px solid #054994;border-radius: 40px;text-align: center;width: 160px;margin:0 auto;transition:.4s;} .nimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;} .nimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;} .nimga span i{font-size: 40px;opacity: 0;} .nimga span p{font-family: fz;} /*新闻详情*/ .sidetit{height: auto;overflow: hidden;background: #054994;color:#fff;font-size: 18px;text-align: center;padding: 1rem 0;text-transform: uppercase;font-family: impact;} .sidetit span{font-size: 24px;line-height: 40px;font-weight: bold;color: #fff;} .newsinfo{height: auto;overflow: hidden;background: #f4f6f8;} .newsinfoa{height: auto;overflow: hidden;} .newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} .meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;} .newsaa {height: auto;overflow: hidden;} .newsaa img{margin:0 auto;max-width: 100%;} .newsaa p{line-height: 30px;} .newsinfob{height: auto;overflow: hidden;} .newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;} .newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;} .newsinfob li:hover{background: #054994;color: #fff;} .newsinfob li:hover span{color: #fff;} .newsinfob li:hover p{color: #fff;} .newsinfob li img{max-width: 100%;} .newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;} .newsinfob li p{line-height: 25px;color: #666;font-size: 13px;font-family: av;} #prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;} #prev_next li{line-height: 35px; color: #777;} #prev_next li i{float: left;} #prev_next li a{transition:.4s;} #prev_next li:hover a{color: #0d4794 !important;} /*gnwla*/ .gnwla{height: auto;overflow: hidden;} .gnwltit strong{display: block;font-size: 42px;} .gnwltit strong b{color: #054994} .gnwltit p{color: #777;width: 70%;} /*job*/ .joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;} .joba li:hover .j_a{background: #054994; color: #fff; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #054994, #1b94d3); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #054994, #1b94d3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .joba li:hover .j_a p{color: #fff;} .joba li:hover .j_a em{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);transition:.8s;} .joba li .j_a i{font-size: 52px;background: -webkit-linear-gradient(left,#054994, #1b94d3);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;} .joba li .j_a span{display: block;} .joba li .j_a p{color: #777;transition:.4s;} .jobb{height: auto;overflow: hidden;background: #f6f6f6} .jobtita{background: #054994;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;} .jobtita dd{background: #054994;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;} .jobtit{background: #fff;height: auto;overflow: hidden;border-bottom: 1px dashed #eee;} #jobs{background: #fff;border-bottom: none;height: auto;overflow: hidden;} #jobs ul{height: auto;overflow: hidden; border: 1px solid #e1e1e1;} #jobs li{height: auto;overflow: hidden;background: #f3f3f3;} #jobs li dd{float: left;width: 25%;padding-left: 2rem;margin-bottom: 0px;line-height:60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} #jobs li dd a{display: block;transition:.4s;} #jobs li dd a:hover{color: #054994;} .jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;} .jobbox strong{display: block;color: #444;font-size: 18px;} .jobbox p{line-height: 35px;} .jobca{text-align: center;line-height: 30px;color: #777;} .jobca img{display: block;max-width: 100%;margin:3rem auto 0 auto;} .jobd{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;} .jobd img{max-width: 100%;} .jobd_a {color: #fff;line-height: 30px;} .jobd_a li span{display: block;text-transform: uppercase;} .jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);} .jobdt{height: auto;overflow: hidden;background: url(../images/jsyfd1.jpg) center no-repeat fixed;} .jobdt img{max-width: 100%;} .jobd_a {color: #fff;line-height: 30px;} .jobd_a li span{display: block;text-transform: uppercase;} .jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);} .jobe_a{position: relative;} .jobe_a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;} .jobe_a .swiper-scrollbar-drag {background:#054994;} .jobe_a .swiper-container-horizontal>.swiper-scrollbar{left:0;} .jobe_a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;} .jobe_a .swiper-slide {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;} .jobe_a .swiper-slide span{position: absolute;bottom: 0;width: 100%;line-height: 65px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;} .jobe_a .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;} .jobe_a .swiper-slide:hover img{transform: scale(1.05);} .jobe_a .swiper-slide:hover span{line-height: 80px;background: rgba(209,0,0,.6);} .jobimga{height: auto;overflow: hidden;} .jobf{height: auto;overflow: hidden;} .jobf li{height: auto;overflow: hidden;padding: 0 7px;} .jobf li:nth-of-type(1){margin-bottom: 1rem;} .jobf li:nth-of-type(2){margin-bottom: 1rem;} .jobf li a{display: block;position: relative;height: auto;overflow: hidden;} .jobf li a:hover span{background: rgba(0,0,0,.4);opacity: 1;} .jobf li a:hover img{transform:scale(1.05,1.05);} .jobf li span{position: absolute;width: 100%;height: 100%;padding-top: 20%;text-align: center;opacity: 0;z-index: 3; background: rgba(0,0,0,0);color: #fff;transition:.4s;} .jobf li i{font-size: 32px;} .jobimgb{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;} .jobimgb img{display: block;width: 100%;transition:all 0.6s ease 0s;} .jobf_a a{display: block;position: relative;} .jobf_a a:hover span{background: rgba(0,0,0,.4);opacity: 1; } .jobf_a a:hover img{transform:scale(1.05,1.05);} .jobf_a a span{position: absolute;width: 100%;height: 100%;padding-top: 25%;z-index: 3; opacity: 0;text-align: center; background: rgba(0,0,0,0); color: #fff;transition:.4s;} .jobf_a a span i{font-size:40px;} /*联系*/ .contacta{height: auto;overflow: hidden;position: relative;} .cona_a{position: absolute;z-index: 2;width: 28%;right:15%; background: #fff;top:25%;} .cona_a .code{width: 100%;} .cona_a .code input{width: 33%;} .cona_a .code .verif{width: 33%;} .cona_a .code a{width: 33%;} .conb_a li .conb_b{background: url(../images/conb_bg.jpg) center no-repeat;color: #fff;padding:10% 8%;} .conb_a li .conb_b i{float: left;font-size: 42px;margin-right:.75rem;} .conb_a li .conb_b span{display: block;line-height: 25px;} .conb_a li .conb_b p{display: block;} .conc_a li,.conc_a li a{font-size: 16px;line-height: 35px;color: #666;} .conc_a li i{color: #054994;font-size: 22px;} /*文化*/ .cultureaa li{border-right: 1px solid #dce6eb;} .cultureaa li:last-child{border-right:none;} .cultureaa li i{float: left;font-size: 28px;margin-right: 1rem;color: #555;} .cultureaa li:nth-of-type(3) i{font-size: 36px;} .cultureaa li span{display: block;font-size: 18px;line-height: 40px;} .cultureaa li p{color: #777;line-height: 25px;} .cultureac{background: rgba(255,255,255,.9);color: #777;height: auto;overflow: hidden;line-height: 30px;margin:14% 0;} .cultureba {height: auto;overflow: hidden;background: #fafafa;} .cultureba .slideTxtBox .hd{position:relative;height: auto;overflow: hidden;} .cultureba .slideTxtBox .hd li{float: left;width: 32%;margin-right: 1%;line-height: 80px; cursor: pointer; background: #e8ebf0; padding:1.3rem;transition:.4s;} .cultureba .slideTxtBox .hd li:hover{background:#054994;color: #fff;} .cultureba .slideTxtBox .hd li:hover span{color: #fff;} .cultureba .slideTxtBox .hd li:hover p{color: #fff;} .cultureba .slideTxtBox .hd ul li.on{background: #054994;color: #fff;} .cultureba .slideTxtBox .hd ul li.on span{color: #fff;} .cultureba .slideTxtBox .hd ul li.on p{color: #fff;} .cultureba .slideTxtBox .hd li span{float: right;font-size: 16px;text-align: right;line-height:40px;} .cultureba .slideTxtBox .hd li span p{font-size: 14px;color: #777;} .cultureba .slideTxtBox .hd li i{font-size: 24px;} .cultureba .slideTxtBox .hd li:nth-of-type(3) i{font-size: 30px;} .cultureba .slideTxtBox .hd li:last-child{margin-right: 0px;} .cultureba .slideTxtBox .bd ul{zoom:1;margin-bottom: 0px;} .culturebb{height: auto;overflow: hidden;background: url(../images/culturec.jpg) center no-repeat;text-align: center;color: #fff;padding:6.8% 0;} .cultit {text-align: center;color: #fff;} .cultit strong{display: block;font-size: 70px;line-height: 80px;color: rgba(255,255,255,.2);text-transform: uppercase;} .cultit span{display: block;font-size:30px;line-height: 40px;margin-top: -35px;margin-bottom: 4%;} .culturebb p{line-height: 50px;font-size: 22px;font-weight: 100;} .culturec{height: auto;overflow: hidden;background: #fafafa} .cultita {text-align: center;} .cultita strong{display: block;font-size: 70px;line-height: 80px;color: #ebebeb;text-transform: uppercase;} .cultita span{display: block;font-size:30px;line-height: 40px;margin-top: -35px;margin-bottom: 2%;} .cul{position: relative;} .cul:hover img{transform: scale(1.04, 1.04)} .cula{height: auto;overflow: hidden;border-radius: 30px 0 0 0;} .cula img{max-width: 100%;transition:.4s;} .culd{height: auto;overflow: hidden;border-radius: 0 30px 0 0;} .culd img{max-width: 100%;transition:.4s;} .culb{position: absolute;z-index: 3;bottom: 0;left:0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9));width: 100%;color: #fff;} .culb span{display: block;font-size: 24px;line-height: 50px;transition:.4s;} .culb p{line-height:30px;} .cultureca{height: auto;overflow: hidden;background:url(../images/culc.png) center no-repeat #f3f3f3;} .cultureca img{max-width: 100%;} .cule span{display: block;font-size: 22px;line-height: 45px;} .cule b{display: block;color: #004a9f;line-height: 30px;} .cule p{line-height: 30px;color: #777;} .cule p i{font-size: 12px;} .cultured{height: auto;overflow: hidden;background:url(../images/cultured.jpg) center top repeat-y;} .culf{height: auto;overflow: hidden;background: #fff;text-align: center;transition:.4s;} .culf:hover{background: #004a9f;color: #fff;} .culf:hover p{color: #fff;} .culf i{font-size: 40px;} .culf span{display: block;font-size: 24px;line-height: 50px;} .culf p{line-height: 30px;color: #777;height: 180px;transition:.4s;} .culturee li {text-align: center;padding-bottom: 3rem;} .culturee li:nth-of-type(4){padding-bottom: 7rem;} .culturee li:nth-of-type(5){padding-bottom: 7rem;} .culturee li:nth-of-type(6){padding-bottom: 7rem;} .culturee li p{line-height: 30px;color: #777;height: 90px;overflow: hidden;transition:.4s;} .culturee li:hover p{height: 190px;background: #fff;padding-top: 10px;} .cul_b{position: relative;padding-bottom:40%;} .cul_b p{position: absolute;top: 70%;z-index: 3;transition:.4s;} .cul_a{height: auto;overflow: hidden;background: url(../images/cule.png) center top no-repeat #fafafa;text-align: center;position: relative;transition:.4s;} .culturee li:hover .cul_a{background: url(../images/culeh.png) center top no-repeat;} .cul_a em{display: block;margin:12% auto;height: 80px;} .cul_a i{font-size:50px;color: #fff;} .cul_a span{display: block;line-height:60px;font-size: 16px;margin-bottom: 4%;} .culturee li:nth-of-type(1) i{font-size: 56px;} .culturee li:nth-of-type(4) i{font-size: 56px;} .culturee li:nth-of-type(6) i{font-size: 56px;} /* 无内容 */ @media (max-width: 576px) { .mf_12{font-size: 12px;line-height: 25px;} .mf_14{font-size: 14px;line-height: 30px;} .mf_16{font-size: 16px;line-height: 30px;} .mf_18{font-size: 18px;line-height: 35px;} .mf_22{font-size: 22px;line-height: 40px;} .topa a{border-right: none;} .topa a img{max-width: 60%;} .topa span{display: none;} .topa p{display: none;} .in01a_a span{font-size: 14px;} .in01a_a b{font-size: 22px;} .in01a_c li .in01a_d span{width: 100%;} .in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;} .in01a_c li .in01a_d em b{font-size:22px;} .line{display: none;} .in01b li p{display: none;} .intita i{display: none;} .intitc i{display: none;} .in_04 .intita a{width: 25%;font-size: 12px;} .in04b_b a{line-height: 35px;width: 100px;} .in_06 .intita a{width: 25%;font-size: 12px;} .in05a .col-6{padding: 0 .25rem;} .in01b li span{font-size: 14px;} .in_05 .intitc{display: block !important;} .in_05 .intitc span{display: block;line-height: 60px;} .in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_05 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc{display: block !important;} .in_07 .intitc span{display: block;line-height: 60px;} .in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_07 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc a{float: left;width: 25%;font-size: 12px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important} .footer{padding-bottom: 12%;} .footc li{text-align: left;margin-left: 1rem;} .footc li::after{height: 0px;} .ban{padding: 25% 0 10% 0;} .ban i{font-size: 32px;} .ban strong{font-size: 30px;} .ban p{font-size: 22px;} .ban_com{background-size: 220%;} .ban_pro{background-size: 220%;} .ban_case{background-size: 220%;} .ban_xswl{background-size: 220%;} .ban_kjyf{background-size: 220%;} .ban_news{background-size: 220%;} .ban_job{background-size: 220%;} .locationb li{line-height: 40px;} .coma_b strong{font-size: 26px;} .ptita strong{font-size: 22px;} .comc_a{padding-top: 30%;} .qyfclist li:hover span{line-height: 105px;font-size: 14px;} .producta{padding: 26% 0 6% 0;} .producta_a strong{font-size: 30px;line-height: 45px;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:2rem auto;} .producta_c{width: 100%;} .producta .mySwiper{padding-top: 3rem;} .producta .mySwiper::before{top:51%;} .protita strong{font-size: 22px;} .protita p{width: 100%;} .prolist li .pl_b p{display: none;} .prolist li .pl_b{background: none;padding-left: 0px;} .prolist li .pl_b strong{border-bottom: none;} .proaa strong{font-size: 22px;line-height: 40px;} .proinfo{padding-top: 26%;} .pmore{width: 80%;} .pmore a{font-size: 14px;} .ptit li a{font-size: 13px;} .prof_b{width: 100%;} .prof_a p{font-size: 13px;} .producta_a p{letter-spacing: 0px;} .case_a p{display: none;} .xswlb li{width: 25%;} .xswld .firstRow td{font-size: 14px;} .in05a li a i{margin:.25rem auto;} .nfonta i{display: none;} .nfonta p{display: none;} .newslist li:hover .nfonta em{height: 0px;} .newslist li:hover .nimga span{padding-top: .5rem;} .nimga span p{display: none;} .joba li .j_a i{font-size: 32px;} .joba li .j_a em{height: 53px;} #jobs li dd{padding-left: .5rem;} .jobe_a .swiper-slide span{line-height: 30px;} .jobe_a .swiper-slide:hover span{line-height: 40px;} .jobf li i{font-size: 26px;} .cona_a{width: 80%;right:4%;} .qyfca_a em{font-size: 30px;} .in_02{ height: auto;overflow: hidden; background: #131b32 !important;} .in_06{height: auto;overflow: hidden;background: #131b32 !important;} } @media (min-width: 576px) and (max-width: 768px) { .topa a{border-right: none;} .topa a img{max-width: 60%;} .topa span{display: none;} .topa p{display: none;} .in01a_a span{font-size: 14px;} .in01a_a b{font-size: 22px;} .in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;} .in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;} .in01a_c li .in01a_d em b{font-size: 22px;} .line{display: none;} .in01b li p{display: none;} .intita i{display: none;} .intitc i{display: none;} .in_04 .intita a{width: 25%;font-size: 12px;} .in04b_b a{line-height: 35px;width: 100px;} .ipro-md .mySwiper2 .in04b_b{position: absolute;right: 0;bottom:5%;} .in_06 .intita a{width: 25%;font-size: 12px;} .in05a .col-6{padding: 0 .25rem;} .in01b li span{font-size: 14px;} .in_05 .intitc{display: block !important;} .in_05 .intitc span{display: block;line-height: 60px;} .in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_05 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc{display: block !important;} .in_07 .intitc span{display: block;line-height: 60px;} .in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_07 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc a{float: left;width: 25%;font-size: 12px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important} .footer{padding-bottom: 12%;} .footc li{text-align: left;margin-left: 1rem;} .footc li::after{height: 0px;} .ban{padding: 25% 0 10% 0;} .ban i{font-size: 32px;} .ban strong{font-size: 30px;} .ban p{font-size: 26px;} .ban_com{background-size: 175%;} .ban_pro{background-size: 175%;} .ban_case{background-size: 175%;} .ban_xswl{background-size: 175%;} .ban_kjyf{background-size: 175%;} .ban_news{background-size: 175%;} .ban_job{background-size: 175%;} .locationb li{line-height: 40px;} .coma_b strong{font-size: 26px;} .ptita strong{font-size: 22px;} .comc_a{padding-top: 40%;} .qyfclist li:hover span{line-height: 105px;font-size: 14px;} .producta{padding: 26% 0 6% 0;} .producta_a strong{font-size: 30px;line-height: 45px;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:2rem auto;} .producta_c{width: 100%;} .producta .mySwiper{padding-top: 3rem;} .producta .mySwiper::before{top:51%;} .protita strong{font-size: 22px;} .protita p{width: 100%;} .prolist li .pl_b p{display: none;} .prolist li .pl_b{background: none;padding-left: 0px;} .prolist li .pl_b strong{border-bottom: none;} .proaa strong{font-size: 22px;line-height: 40px;} .proinfo{padding-top: 16%;} .pmore{width: 80%;} .pmore a{font-size: 14px;} .ptit li a{font-size: 13px;} .prof_b{width: 100%;} .prof_a p{font-size: 13px;} .producta_a p{letter-spacing: 0px;} .case_a p{display: none;} .xswlb li{width: 25%;} .xswld .firstRow td{font-size: 14px;} .in05a li a i{margin:.25rem auto;} .nfonta i{display: none;} .nfonta p{display: none;} .newslist li:hover .nfonta em{height: 0px;} .newslist li:hover .nimga span{padding-top: .5rem;} .nimga span p{display: none;} .joba li .j_a i{font-size: 32px;} .joba li .j_a em{height: 53px;} #jobs li dd{padding-left: .5rem;} .jobe_a .swiper-slide span{line-height: 30px;} .jobe_a .swiper-slide:hover span{line-height: 40px;} .jobf li i{font-size: 26px;} .cona_a{width: 80%;right:4%;} .intita span{width: 30%;} .intita em{width: 70%;} .in04a{height: auto;overflow: hidden;} .in_06 li a p{display: none;} .in_06 li a span{display: none;} .producta .mySwiper{height: auto;overflow: hidden;} .prolist li .pl_b strong{font-size:18px;} .in_02{height: auto;overflow: hidden; background: #131b32 !important;} .in_06{height: auto;overflow: hidden;background: #131b32 !important;} } @media (min-width: 768px) and (max-width:992px) { .topa a{border-right: none;} .topa a img{max-width: 60%;} .topa span{display: none;} .topa p{display: none;} .in01a_a span{font-size: 14px;} .in01a_a b{font-size: 22px;} .in01a_c li .in01a_d em b{font-size: 20px;} .line{display: none;} .in01b li p{display: none;} .intita i{display: none;} .intitc i{display: none;} .in_04 .intita a{width: 25%;font-size: 12px;} .in04b_b a{line-height: 35px;width: 100px;} .in_06 .intita a{width: 25%;font-size: 12px;} .in05a .col-6{padding: 0 .25rem;} .in01b li span{font-size: 14px;} .in_05 .intitc{display: block !important;} .in_05 .intitc span{display: block;line-height: 60px;} .in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_05 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc{display: block !important;} .in_07 .intitc span{display: block;line-height: 60px;} .in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;} .in_07 .intitc a{float: left;width: 33%;font-size: 12px;} .in_07 .intitc a{float: left;width: 25%;font-size: 12px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important} .footc li{text-align: left;margin-left: 1rem;} .footc li::after{height: 0px;} .ban{padding: 25% 0 10% 0;} .ban i{font-size: 32px;} .ban strong{font-size: 30px;} .ban p{font-size: 26px;} .ban_com{background-size: 156%;} .ban_pro{background-size: 156%;} .ban_case{background-size: 156%;} .ban_xswl{background-size: 156%;} .ban_kjyf{background-size: 156%;} .ban_news{background-size: 156%;} .ban_job{background-size: 156%;} .locationb li{line-height: 40px;} .coma_b strong{font-size: 26px;} .ptita strong{font-size: 22px;} .comc_a{padding-top: 30%;} .qyfclist li:hover span{line-height: 105px;font-size: 14px;} .producta{padding: 12% 0 6% 0;} .producta_a strong{font-size: 30px;line-height: 45px;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:2rem auto;} .producta_c{width: 100%;} .producta .mySwiper{padding-top: 3rem;} .producta .mySwiper::before{top:51%;} .protita strong{font-size: 22px;} .protita p{width: 100%;} .prolist li .pl_b p{display: none;} .prolist li .pl_b{background: none;padding-left: 0px;} .prolist li .pl_b strong{border-bottom: none;} .proaa strong{font-size: 22px;line-height: 40px;} .proinfo{padding-top: 14%;} .pmore{width: 80%;} .pmore a{font-size: 14px;} .ptit li a{font-size: 13px;} .prof_b{width: 100%;} .prof_a p{font-size: 13px;} .producta_a p{letter-spacing: 0px;} .case_a p{display: none;} .xswlb li{width: 25%;} .xswld .firstRow td{font-size: 14px;} .in05a li a i{margin:.25rem auto;} .nfonta p{display: none;} .newslist li:hover .nfonta em{height: 0px;} .newslist li:hover .nimga span{padding-top: .5rem;} .nimga span p{display: none;} .joba li .j_a i{font-size: 32px;} .joba li .j_a em{height: 53px;} #jobs li dd{padding-left: .5rem;} .jobe_a .swiper-slide span{line-height: 30px;} .jobe_a .swiper-slide:hover span{line-height: 40px;} .jobf li i{font-size: 26px;} .cona_a{width: 80%;right:4%;} .in01a_c li .in01a_d{padding:1rem 1rem 1rem 4rem;} .in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) .5rem center no-repeat #fff;} .intita span{width: 20%;} .intita em{width: 70%;} .in04a{height: auto;overflow: hidden;} .in05a li a span{font-size: 18px;} .in_06 li a p{display: none;} .comc_a span strong{font-size: 22px;} .comc_a p{font-size:12px;font-family: fz;} .qywha li span{font-size: 18px;line-height: 35px;} .qywha li p{font-size: 14px;line-height: 25px;} .qywhb li span{font-size: 18px;line-height: 35px;} .qywhb li p{font-size: 14px;line-height: 25px;} .qywhc li span{font-size: 18px;line-height: 35px;} .qywhc li p{font-size: 14px;line-height: 25px;} .producta .mySwiper{height: auto;overflow: hidden;} .prolist li .pl_b strong{font-size:18px;} .prof_a strong{font-size: 22px;} .prof_b{display: none;} .conb_a .col-md{padding: 0 .15rem;} .conb_a li .conb_b p{font-size: 13px;} } @media (min-width: 992px) and (max-width:1200px) { .topa a{border-right: none;} .topa span{display: none;} .topa p{display: none;} .in01a_a b{font-size: 30px;} .line{width: 110px;} .in01b li p{font-size: 12px;} .intitb span{font-size: 18px;} .in02a_a li a i{display: none;} .in02a_a li a{font-size: 14px;line-height: 37px;} .in03a_a li a i{display: none;} .in03a_a li a{font-size: 14px;line-height: 37px;} .intitc span i{display: none;} .in05a li a span{font-size: 22px;} .in_06 li a p{display: none;} .in_06 li a em{display: none;} .in06a_b{padding-bottom: 139%;} .in06a_c{padding-bottom: 90%;} .in06a .in06a_a span{display: none;} .in07a a img{width: 107%;} .foota{border-right: none;} .footbc{display: none !important;} .footc {text-align: center;} .ban_com{background-size: 140%;} .ban_pro{background-size: 140%;} .ban_case{background-size: 140%;} .ban_xswl{background-size: 140%;} .ban_kjyf{background-size: 140%;} .ban_news{background-size: 140%;} .ban_job{background-size: 140%;} .coma_a strong{font-size: 30px;} .coma_b strong{font-size: 22px;} .coma_a ul li{font-size: 14px;} .ptita strong{font-size: 30px;} .qyfclist li:hover span{line-height: 200px;background: rgba(0,0,0,0);font-size: 24px;} .qywhc li span{font-size: 30px;} .qywhc li p{font-size: 14px;} .qywhb li span{font-size: 30px;} .qywhb li p{font-size: 14px;} .qywha li span{font-size: 30px;} .qywha li p{font-size: 14px;} .producta_a strong{font-size: 42px;line-height:60px;margin-top: 3rem;} .producta_a i{margin:1rem auto;} .producta_b{width: 100%;margin:3rem auto;} .producta_b li a{font-size: 22px;} .protita strong{font-size: 30px;} .prolist li .pl_b strong{font-size: 22px;} .proaa p{display: none;} .pmore a{font-size: 17px;} .proaa strong{font-size: 22px;line-height: 40px;} .proab li .proac p{font-size: 13px;} .prof_a strong{font-size: 30px;} .prof_b{width: 90%;} .prof_a p{font-size: 14px;line-height: 25px;} .producta .mySwiper .swiper-slide span{font-size: 22px;} .in05a li a:hover{padding-top: 1rem !important;padding-bottom:1rem !important} .nfonta p{display: none;} .newslist li:hover .nimga span{padding-top: 1.5rem;} .joba li .j_a span{font-size: 22px;} .joba li .j_a p{font-size: 14px;} .locationa {font-size: 17px;} .cona_a{width: 50%;right:4%;} .conb_a li .conb_b p{font-size: 16px;} .navbga{background:url(../images/navbga.png) 82% bottom no-repeat;} .navbgb{background:url(../images/navbgb.png) 82% bottom no-repeat;} .navbgc{background:url(../images/navbgc.png) 82% bottom no-repeat;} .navbgd{background:url(../images/navbgd.png) 82% bottom no-repeat;} .navbge{background:url(../images/navbge.png) 82% bottom no-repeat;} .navbgf{background:url(../images/navbgf.png) 82% bottom no-repeat;} .navbgg{background:url(../images/navbgg.png) 82% bottom no-repeat;} .navbgh{background:url(../images/navbgh.png) 82% bottom no-repeat;} .menu li .submenu .left{width: 40%;} .menu li .submenu .right{width: 60%;} } @media (min-width: 1200px) { .container{max-width: 1600px;} } @media (min-width: 1200px) { .inner_container{max-width: 1430px;} } @media (min-width: 1200px) and (max-width:1630px) { .topa a{border-right: none;} .topa span{display: none;} .topa p{display: none;} .topb li a{font-size: 14px;} .in01a_b p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .in01a_c li .in01a_d em b{font-size: 24px;} .in01a_c li .in01a_d{padding: .5rem 1rem .5rem 4.5rem;} .in01a_c li:nth-of-type(1) .in01a_d{background: url(../images/in01b.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(2) .in01a_d{background: url(../images/in01c.png) .5rem center no-repeat #fff;} .in01a_c li:nth-of-type(3) .in01a_d{background: url(../images/in01d.png) .5rem center no-repeat #fff;} .in01a_c li .in01a_d span{width: 30px;font-size: 13px;} .line{width: 130px;} .in01b li p{font-size: 12px;} .in02a_a li{font-size: 14px;} .in02a_a li a{height: 35px;line-height: 35px;overflow: hidden;} .in03a_a li{font-size: 14px;} .in03a_a li a{height: 35px;line-height: 35px;overflow: hidden;} .in_06 li a p{display: none;} .coma_b strong{font-size: 30px;} .proab li .proac{padding: 1rem !important;} .proaa p{line-height: 25px;} .prof_b{width: 80%;} .nfonta p{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} } .Ispic { background-repeat: no-repeat; background-position: center center; background-size: cover; } /*Floor001844 */ .auto_1500 { } .Floor001844{background-color:#2d2d37;padding:6% 0;background: url(../images/bg3.jpg) no-repeat center bottom;background-size: cover;} .Floor001844 .text{color:#fff;line-height: 32px;margin-bottom: 4%;text-align: center;} .Floor001844 .text h1{padding: 0 0 8px;font-size: 30px;font-weight: normal;} .Floor001844 .team{ float:right; width:29%;} .Floor001844 .team li{ text-align:center; color:#fff; } .Floor001844 .team li img{ border-radius:50%; width:82px; height:82px;} .Floor001844 .team li span{ padding-top:5%;} .Floor001844 .team li p{ line-height:22px; overflow:hidden; height:66px; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;padding:0 3%;} .Floor001844 .team .bx-pager{ text-align:center;} .Floor001844 .team .bx-pager div{ display:inline-block; width:8px; height:8px; margin:0 5px;} .Floor001844 .team .bx-pager div a{ display:block; height:8px;background:#000; border-radius:50%; overflow:hidden; line-height:100px;} .Floor001844 .team .bx-pager div a.active{ background:#c94645;} .Floor001844 .link{/* float:left; *//* width:68%; */position:relative;overflow: hidden} .Floor001844 .link i{/* display:none; */position:absolute;left:0;top: 47%;width:100%;height:1px;background-color: rgba(255,255,255,0.2);z-index:2;} .Floor001844 .link dl {overflow:hidden;transform: translateY(1px)} .Floor001844 .link dd{float:left;width: 20%;padding: 1% 0;border-right: 1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:-1px;} .Floor001844 .link dd:nth-child(5n){ border-right:0;} .Floor001844 .link dd a{display:block;padding-bottom:44%;background-size:contain;filter:alpha(opacity=60);opacity: 0.8;-moz-opacity:0.6;-khtml-opacity: 0.6;transition:0.3s;} .Floor001844 .link dd a:hover{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;} .Floor001844 .link dd a img{ display:none;} @media(max-width:1000px){ .Floor001844 .bx-wrapper{ max-width:640px !important; margin:0 auto;} .Floor001844 .team, .Floor001844 .link{ float:none; width:auto;} .Floor001844 .team{ padding-bottom:5%;} } @media(max-width:480px){ .Floor001844 .link dd{ width:50%;border-right:0; position:relative;} .Floor001844 .link dd:nth-child(2n-1)::after{ position:absolute; content:''; right:0; top:0; height:100%; width:1px; background-color:rgba(255,255,255,0.2);} .Floor001844 .link i{ top:auto; bottom:0; background-color:rgba(255,255,255,0.2);} } .jsyftype{width: 60%;margin:0 auto;} .jsyfa{height: auto;overflow: hidden;background: url(../images/jsyfa.png) center 100px no-repeat;} .jsyfa li:hover img{transform: scale(1.04, 1.04)} .jsyfb i{font-size: 54px;color: #004a9f;} .jsyfb img{max-width: 100%;transition:.4s;} .jsyfimga{height: auto;overflow: hidden;} .jsyfb strong{display: block;font-size: 24px;line-height: 55px;color: #004a9f;} /*.linea{display: block;width: 1px;height: 60px;background: #004a9f;margin:1rem 0;}*/ .jsyfb span{display: block;line-height: 40px;font-size: 16px;} .jsyfb p{line-height: 30px;color: #777;} .jsyfb b{display: block;font-weight: normal;color: #054994;font-size: 16px;} .jsyfb b em{font-size: 22px;} .jsyfb_a{width: 73%;float: right;} .jsyfb_b{width: 73%;float: left;} .jsyfc{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;} .jsyfc img{max-width: 100%;} .jsyfc_a{color: #fff;line-height: 30px; text-align: left;} .jsyfc_a strong{display: block;line-height: 60px;font-size: 22px;} .jsyfc_a p{display: block;background: url(../images/jsyftipa.png) left 8px no-repeat;padding-left: 2rem;color: #d8d8d8;font-size: 16px;line-height: 32px;} .jsyfd .swiper-container {width: 100%;height: 100%;padding: 6rem 0;} .jsyfd .swiper-slide {text-align: center;background: #fff;overflow: hidden; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(1); } .jsyfd .swiper-slide-active,.jsyfd .swiper-slide-duplicate-active{transform: scale(1.4);z-index: 6;position: relative;} .jsyfd .swiper-slide img{display: block;max-width: 100%;} .jsyfd .swiper-slide-prev {position: relative;} .jsyfd .swiper-slide-prev::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);} .jsyfd .swiper-slide-next {position: relative;} .jsyfd .swiper-slide-next::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);} .jsyfd .swiper-button-next::after {display: none;} .jsyfd .swiper-button-prev::after {display: none;} .jsyfd .swiper-button-prev {left:10%;} .jsyfd .swiper-button-prev:hover span{color: #999;border-bottom: 1px solid #999;} .jsyfd .swiper-button-prev span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;} .jsyfd .swiper-button-prev i{color: #fff;} .jsyfd .swiper-button-next span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;} .jsyfd .swiper-button-next:hover span{color: #999;border-bottom: 1px solid #999;} .jsyfd .swiper-button-next {right:10%;} .jsyfd .swiper-button-next i{color: #fff;} .fwzxa_a img{max-width: 100%;} .fwzxa_b{height: auto;overflow: hidden;} .fwzxa_b strong{display: block;font-size: 50px;line-height: 60px;text-transform: uppercase;} .fwzxa_b span{display: block;font-size: 32px;line-height: 60px;} .fwzxa_b p{line-height: 40px;color: #777;} .fwzxb{height: auto;overflow: hidden;background: url(../images/fwzxb.jpg) center no-repeat fixed;padding: 13rem 0;text-align: center;color: #fff;} .fwzxb span{display: block;font-size: 30px;line-height: 50px;text-transform: uppercase;width: 70%;margin:0 auto;} .fwzxb p{display: block;font-size: 24px;line-height: 60px;} .fwzxc{height: auto;overflow: hidden;background:#f1f4f8;} .fwzxc_a{position: relative;} .fwzxc_a:hover .fwzxc_b{background: #016adb;color: #fff;} .fwzxc_a:hover .fwzxc_b span{color: #fff;} .fwzxc_a:hover .fwzxc_b i{background: #fff;} .fwzxc_a:hover .fwzxc_b p{color: #fff;} .fwzxc_a img{width: 100%;} .fwzxc_b{background: #fff;box-shadow: rgba(0,0,0,0.2) 0 5px 10px;transition:.4s;} .fwzxc_b span{display: block;font-size: 24px;line-height: 45px;} .fwzxc_b i{display: block;width: 30px;height: 3px;background: #004a9f;margin: 1rem 0;} .fwzxc_b p{line-height: 30px;color: #777;} .fwzxd{height: auto;overflow: hidden;background: #004a9f;} .fwzxda img{display: block;max-width: 100%;margin:0 auto;} @media (max-width: 576px){ .jsyfb_a { width: 100%; padding: 0 15px; } } .section { width: 100%; height: 100vh; position: relative; overflow: hidden; } .fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .i-part4 .bg .swiper-slide a{ display: none;} .more { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; width: 200px; height: 48px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.3); position: relative; overflow: hidden; transition: all .3s; } .more::before { content: ''; display: block; width: 0; height: 100%; background-color: #113575; position: absolute; left: 50%; transform: translateX(-50%); top: 0; transition: all .3s; z-index: -1; } .layout { width: 85.8%; margin: 0 auto; position: relative; } /* 第四屏 */ .i-part4{background-size: cover;position: relative;} .i-part4 .bg{width: 100%;z-index: 2;position: relative;} .i-part4 .bg .swiper-slide{height: 100vh;position: relative;} .i-part4 .bg .img{position: absolute;top: 0;left: 0;background: no-repeat center;background-size: cover; width: 100%;height: 100%;} .i-part4 .bg .img.mimg{display: none;} .i-part4 .layout{position: absolute;left:50%;height: 100%; transform: translateX(-50%);top:0;padding-top: 270px; z-index: 3;} .i-part4 .layout .word{margin-bottom: 125px;margin-left: 100px;width: 450px;} .i-part4 .layout .word .swiper-slide{opacity: 0!important;} .i-part4 .layout .word .swiper-slide .more{border-color: transparent;} .i-part4 .layout .word .swiper-slide .more:before{width:100%;} .i-part4 .layout .word .swiper-slide-active{opacity: 1!important;} .i-part4 .layout .word h3{color: #fff;font-size: 50px;font-family: hb; line-height: 60px;margin-bottom: 70px; font-weight: bold;} .i-part4 .layout .word h3 span{display: block;font-family: hb; font-size: 24px;} .i-part4 .layout .tabs{position: absolute;bottom: 2.4vw;left: 0;width: 100%;} .i-part4 .layout .tab{position:relative;overflow:hidden;} .i-part4 .layout .tab a.item{display: flex;position: relative; height: 122px; width: 25%;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, 0.3);transition: all .3s;background-color: rgba(0, 0, 0, 0.5);} .i-part4 .layout .tab a.item::before{content: '';display: block;width: 0;height: 100%;position: absolute;left:50%; transform: translateX(-50%); top:0;background-color: #113575;z-index: 2;transition: all .3s;} .i-part4 .layout .tab a.item .ico{width: 57px;margin-right: 25px;position: relative;z-index: 3;} .i-part4 .layout .tab a.item .ico img{display: block;width: 100%;} .i-part4 .layout .tab a.item .ico img.svg{display:none} .i-part4 .layout .tab a.item h3{color: #fff;font-size: 16px;line-height: 20px;width: 144px;position: relative;z-index: 3;} .i-part4 .layout .tab a.item h3 span{display: block;} .i-part4 .layout .tab a.item:nth-child(4n){border-right: none;} .i-part4 .layout .tab a.item.active::before{width: 100%;} @media (max-width:1560px) { .i-part4 .layout .word{margin-bottom: 95px;} .i-part4 .layout .word h3{font-size: 38px;line-height: 45px;margin-bottom: 55px;} .i-part4 .layout .tab a.item h3{font-size: 14px;} .i-part4 .layout{padding-top: 200px;} .i-part4 .layout .tab a.item{height:110px;} } @media (max-width:1440px) { .ab_con .ab2 .solid_box{-webkit-clip-path: url(#menu-clip-path3);clip-path: url(#menu-clip-path3);} .i-part4 .layout{padding-top: 180px;} } @media (max-width:1366px) { .i-part4 .layout{padding-top: 150px;} } @media (max-width:1024px) { .i-part4 .layout{width:calc(100% - 30px);border: none;padding-top: 130px;position:relative;} .i-part4 .layout .word{margin-left: 0;margin-bottom:50px;} .i-part4 .layout .tabs{width: calc(100% + 15px);overflow: auto;position: absolute;bottom: 12vh;left: 0; } .i-part4 .layout .tab{flex-wrap: nowrap;border-bottom: none;width:94%;margin:0 3%; display:inline-block;} .i-part4 .layout .tab a.item{float:left; width: 195px;margin-right: 15px;border: 1px solid rgba(255, 255, 255, 0.3)!important;padding: 17px;height: auto;margin-bottom: 16px;} .i-part4 .layout .tab a.item .ico{width: 33px;height: 33px;margin-right: 10px;} .i-part4 .layout .tab a.item h3{font-size: 13px;} .i-part4 .layout .word h3{font-size: 23px;line-height: 28px;margin-bottom: 38px;} .i-part4 .bg .img.pimg{height:50vw;} .i-part4 .layout{width: 100%;height:auto;padding-top:50px;} .i-part4 .bg .swiper-slide{height: 50vw;} .i-part4 .layout .tabs{position: static;width:100%!important;} .i-part4 .layout .word .swiper-slide{padding: 0 3%;} .i-part4 .layout .tab a.item{font-size: 0;width: 56px!important;height: 56px;padding:0!important;border:none!important;border-radius:50%;margin:4px calc(12.5% - 28px)!important;} .i-part4 .layout .tab a.item h3{font-size: 0;display:none;} .i-part4 .layout .tab a.item .ico{margin-right:0;border-radius:50%;width: 56px!important;height: 56px;display:flex;justify-content:center;align-items:center;} .i-part4 .layout .tab a.item::before{border-radius:50%;} .i-part4 .layout .tab a.item .ico img{display: block!important;} /* .i-part4 .layout .tab a.item .ico svg{display: block!important;} */ .i-part4 .layout .tab a.item .ico svg{display: block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%); width: 50px;height: 50px;cursor: pointer;} .i-part4 .layout .tab a.item .ico svg {transform:translate(-50%,-50%) rotate(-180deg);opacity: 0;} .i-part4 .layout .tab a.item .ico svg .circle1 {stroke: #113575;stroke-dasharray: 260 371} .i-part4 .layout .tab a.item.active .ico svg{opacity: 1;} .i-part4 .layout .tab a.item.active .ico svg .circle1 {-webkit-animation: svgCircleAnmi1 5s linear forwards;animation: svgCircleAnmi1 5s linear forwards} @-webkit-keyframes svgCircleAnmi1 { 0% {stroke-dasharray:0 371} to {stroke-dasharray:371 371} } @keyframes svgCircleAnmi1 { 0% {stroke-dasharray:0 371} to {stroke-dasharray:371 371} } .i-part4 .layout .tab a.item .ico img.svg{display: block;max-width:25px;max-height:25px;} .i-part4 .layout .tab a.item .ico img.svg2{display: none;} /*.i-part4 .layout .tab a.item .ico.active{*/ .i-part4 .layout .tab a.item.active .ico img.svg2{display: block;} .i-part4 .layout .tab a.item.active .ico img.svg1{display: none;} .i-part4 .layout .tab a.item .ico{background-size:100% 100%;position:relative:z-index:2;} .i-part4 .layout .tab a.item.active img{opacity: 1;} .i-part4 .layout .tab a.item.active .ico{background:none!important;} .i-part4 .layout .tab a.item::before{height:0%;top:50%;transform:translate(-50%,-50%);z-index:-1;} .i-part4 .layout .tab a.item::after{content:"";position:absolute;left:50%; top:50%;transform:translate(-50%,-50%);border-radius:50%;} .i-part4 .layout .tab a.item::before{height:50px;width:50px;box-sizing:border-box; background-color:transparent;border:1px solid rgba(4,38,161,1);opacity:1;} .i-part4 .layout .tab a.item::after{height:42px;width:42px;box-sizing:border-box; background-color:transparent;border:1px dashed rgba(4,38,161,1);opacity:1;} .i-part4 .layout .tab a.item.active::before{height:50px;width:50px;opacity:1;background-color:rgba(4,38,161,1);} .i-part4 .layout .tab .swiper-wrapper{flex-wrap:wrap;justify-content:space-between;} .i-part4 .layout .word h3{margin-bottom: 12px;font-size:20px; margin-top: 10px;color:#000;} .i-part4 .layout .word p{line-height: 20px;height:60px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display:block;margin-bottom:10px;} .i-part4 .layout .tit{text-align: center;font-family:hb;color:#000;font-size:23px;margin-bottom:20px;display:block!important;} .i-part4 .more{border-color:#000; color:#000;} .i-part4 .more i{background-image: url(../image/more1.png);} .i-part4 .layout .word .more{display: none;} .i-part4 .layout .word{width: 100%;padding:0 3%; margin-bottom:10px;} .i-part4 .bg{padding-bottom: 60px;} .i-part4 .more{position: absolute;bottom: -60px;left: 50%;transform: translateX(-50%);} .i-part4 .more:before{background-color:transparent;} .i-part4 .layout .word h3 span{display: none;} .i-part4 .bg .swiper-slide a{ display: block; line-height: 48px; text-align: center;} } @media (min-width:1950px) { .i-part4 .layout .word{margin-bottom: 22vh;} } .network{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding-bottom:60px; padding-top: 60px;} .network_l{ width:21%; } .net_work_mid{ margin-top:50px; line-height:30px;} .net_work_mid .net_work_line{margin-top: 20px;} .network_r{ width:78%;} #e-main{width: 1200px; height:600px; margin: 30px 0 0 0; min-width: 1200px !important;} .clear:after { content: ""; clear: both; display: block; } .fl{ float: left;} .fr{ float: right;} @media (min-width: 992px) and (max-width:1200px) { #swiper-slide1 .bannera {padding-top:15%;} #swiper-slide1 .bannera strong{font-size: 36px !important;line-height: 50px;} #swiper-slide1 .bannera p{font-size: 24px !important;line-height: 30px;} .banner .swiper-slide-active .bannera strong{font-size: 36px !important;line-height: 50px;} .banner .swiper-slide-active .bannera p{font-size: 24px !important;line-height: 30px;} #swiper-slide1 .bannerb {padding-top:15%;} #swiper-slide1 .bannerb strong{font-size: 36px !important;line-height: 50px;} #swiper-slide1 .bannerb p{font-size: 24px !important;line-height: 30px;}} .hls-page-container {overflow: hidden;position: relative; margin-top: 90px; } .hls-page-container img{display: block;width: 100%;height: auto;} .hls-iacase {position: relative;} .icase-nav {height: 40px;position: absolute;right: 0px;bottom:0px; width: 60%;} .icase-nav .swiper-slide li{width: 100%; font-size: 15px;color: #0e0e0e;cursor: pointer;position: relative;margin: auto 3%;text-align: center; list-style: none;} .icase-nav .swiper-slide li:hover {color: #104280;} .icase-nav .swiper-slide li::after {content: '';width: 80%;height: 2px;background: #104280;position: absolute;left: 10%;bottom: -10px;display: none;} .icase-nav .swiper-slide-thumb-active li{color: #104280;} .icase-nav .swiper-slide-thumb-active li::after {display: block;} .iacaselist { padding-top:3.5%;overflow: hidden;position: relative;} .iacaselist .swiper-slide {padding-bottom:63px;} .iacaselist .imore{width: 220px;overflow: hidden;position: absolute;left:50%;margin-left: -92px;bottom: 0;z-index: 3;} .iacase {position: relative;width:95%; margin-left: 5%;overflow: hidden;} .iacase li{overflow: hidden; list-style: none;} .iacase li a{display: block;position: relative;} .iacase li a h4{position: absolute;font-size: 20px;left: 0;bottom: 0;padding: 5%;width: 90%;color: #fff; z-index: 3;} .iacase li a .mark {position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;} .iacase li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .hls-page-container {overflow: hidden;position: relative;background-color: #f5fafd; padding-top: 60px;} .hls-page-container img{display: block;width: 100%;height: auto;} .d-table {display: table;width: 100%;height: 100%;} .d-table-cell {display: table-cell;vertical-align: middle;} .container1 {margin:auto 5%;position: relative;overflow: hidden;} .ptb5 {padding:5% 0;} .title {} .title h2{font-size: 44px;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; color: #004ea0; } .title h3{font-size: 30px;font-weight: normal;} .title h3 line{width: 40px;height: 2px;background: #004ea0;margin: 0 15px;display: inline-block;vertical-align: middle;} .title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;} .tmore {position: absolute;width: 115px;right: 0;top:55%;} .tmore a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;} .tmore a i{display: block;width: 16px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../images/right-h.svg") center no-repeat;background-size: 100%;} .tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;} .tmore a:hover {color: #000;letter-spacing: 1px;} .tmore a:hover i{right: 10%;} .tmore a:hover::after {background: #000;} .dtable {display: table;width: 100%;height: 100%;} .dtable-cell {display: table-cell;vertical-align: middle;} .imore{} a { text-decoration: none; color: #1a1a1a; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .imore a{display: block;font-size: 14px;width: 220px;height: 52px;line-height: 52px; font-family: 'Conv_Montserrat-Regular';position: relative;border: 2px solid #004ea0;text-align: center; color: #004ea0;} .imore a:hover {background: #004ea0;color: #FFFFFF;} .pabout-title { margin-bottom:4%; text-align:center;} .pabout-title h1{ font-size:60px;line-height:64px;text-transform:uppercase;color:#fff; font-weight:bold; padding-bottom:1%;display:block;} .pabout-title i{ width:60px; height:2px; background:#666; display:block; margin:auto;} .imain { width: 100%; overflow: hidden; margin: auto; clear: both; position: relative; background-repeat: no-repeat; background-position: center bottom; position: relative; clear: both; } .ptb180 { padding:42px 0; padding-bottom: 56px; overflow: hidden; } /* 图片切换 */ .slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;*/ } .slick-slider *:focus { outline: none;} .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url(../images/loading.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; max-width:100%; height:auto;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } /* Arrows */ .slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px; border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;} .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left:5%; background-image:url(../images/arrowleft.png);} .slick-next { right:5%; background-image:url(../images/arrowright.png);} .slick-prev:hover {opacity: 1.0;} .slick-next:hover {opacity: 1.0;} /* Dots */ .slick-slider { } .slick-dots { position: absolute; bottom:40px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;} .slick-dots li { position: relative; display: inline-block; height:14px; width: 14px; margin: 0px 3px; padding: 0px; cursor: pointer; } .slick-dots li button { background:#CCC; display: block; height:10px;width: 10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;} .slick-dots li button:focus { outline: none; } .slick-dots li.slick-active button {background: #00705a;border: none; opacity:1.5;} .min500 { } .phistory {background:url(../images/xline1.jpg) left center repeat-x;position:relative; padding-top: 79px;} .slick8 { width:1400px; margin:auto;} .slick8 li{ width:450px;height:180px;border-left:rgba(0,79,158,0.5) 1px solid;position:relative;} .slick8 li *{ display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} .slick8 li i { width:15px; height:15px; position:absolute; left:-8px; bottom:-10px; z-index:3; background:#004f9e; border-radius:100px; } .slick8 li img{width:140px;height:100px;float:left;border-radius:10px; margin-left:8px;} .slick8 li span{width:230px;float:left; padding:10px 0px 0px 20px;} .slick8 li span h1{font-size:26px; font-weight:bold; color:#000;} .slick8 li span h3{font-size:14px; line-height:24px;color:#000; } .slick8 li:hover img {} .slick8 li:hover span{height:90px;border-radius:0px 10px 10px 0px;} .slick8 li:hover span h1{color:#004f9e; } .slick8 li:hover span h3{color:#000; } .ls1 {margin-left:40px;} .ls2 {margin-top:175px;margin-left:-60px!important;height:100px!important;padding-top:90px;} .ls2 i{ bottom:0px ;top:0px; } .slick8 .slick-slide.slick-current.slick-active h1{color:#004f9e;} .pceo { color:#FFF; width:55%;} .pceo h1{ font-size:60px;line-height:64px;text-transform:uppercase;color:#fff; font-weight:bold; padding-bottom:2%;display:block;} .pceo i{ width:60px; height:2px; background:#666; display:block; } .pceo h3 {color:#CCC;font-size:16px; line-height:26px; padding:30px 0 20px 0; overflow:hidden;} .pceo h6 {color:#919191;font-size:12px; line-height:22px;} .mceopic { display:none !important;width:100%; height:auto;} @media screen and (max-width: 860px) { /*common*/ .nav_mobile { display:block!important; z-index:890; } .aside-wrap .topcontrol { display:none!important;} .header{display:none;} .h88 { height:50px;} .slick-dots {bottom: 10px;} .footer {padding:50px 0 0px 0;} .footer .footer_main{width:100%;text-align: center; padding-bottom:40px;} .footer .footer_main ul{ display:none;} .footer .footer_main ul h1 i { margin:10px auto;} .footer .footer_main ul.footer_r {margin-right:0;float:none;display:block;width:100%;} .footer .footer_main ul.footer_r li i{display:none;} .footer .footer_main ul.footer_r .fcontact li h6 {padding-left:0px; line-height:20px;} .copyright ul {width:96%;line-height:20px;height:auto;text-align: center; padding:2%;} .copy { float:none; width:100%;line-height:20px;} .follow { padding-top:5px;float:none; width:100%; text-align: center;} .footer .footer_main ul.footer_r .fcontact li {margin-bottom:2px!important;} /*index*/ .editorial {width:200%;left:-30%;} .btxt,.bproduct {display: none!important;} .ptb110 { padding:40px 0;} .ptb130 { padding:0;} .ptb180 { padding:60px 0;} .ptb220 { padding:100px 0;} .pt80 { padding-top:0px;} .pt150 { padding-top:0px;} .pt200 { padding-top:100px;} .pb80 { padding-bottom:0px;} .mt20{ margin-top:20px;} .mt80{ margin-top:30px; } .mt-80 { margin-top:-30px;} .pcimg { display: none!important;} .mbanner { display: block!important;} .imain_content {width:100%;} .iabout3 {margin-top:2%; text-align:center;} .iabout3 ul {float:none;border:#d9d9d9 1px solid; width:31%; min-height:140px; margin:0.1%;padding:5% 0; display:inline-block; vertical-align:top;} .iabout3 ul li { margin-left:0;} .iabout3 ul li i{ float:none;width:50px; height:50px; margin:auto;} .iabout3 ul li span{ float:none; padding:2% 2%; text-align:center;} .iabout3 ul li span h1{font-size:30px; line-height:30px; } .iabout3 ul li span h1 strong{font-size:30px; line-height:30px; } .iabout3 ul li span h1 em{ font-size:20px; } .iabout3 ul li span h6{ font-size:8px; text-align:center;} .ia {width:50px; height:50px; } .ia span{width:50px; height:50px;} .iproduct4 li{float:none; width:100%;} .isolution {margin-top:60px;} .isolution li{ width:30%;} .isolution li a i{ width:70px; height:70px; margin:20px auto;} .isolution li a span h3{ font-size:12px; min-height:30px} .isolution li a span h6 { display:none;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;font-size:10px; width:90%;height:40px; line-height:40px; margin-top:30px;} .yline {min-height:180px;} .ititle h2{ font-size:22px;} .ititles {width:100%; margin:0; text-align:center;} .ititles h1{ font-size:22px;} .ititles h6{ font-size:14px; width:90%; margin:20px auto;} .ititles a { margin:20px auto;width:150px;height:40px; line-height:40px;font-size:14px;} .iservice span.animate_i1 { width:85px;height:85px;bottom:300px;left:5%; margin-left:0px; background-size:60%; background-color: rgba(255,255,255,0.8);} .iservice span.animate_i2 { width:50px;height:50px;bottom:100px;left:20%;margin-left:0px;background-size:100%;} .iservice span.animate_i3 { width:100px;height:100px;bottom:200px;left:40%;margin-left:0px;background-size:50%;} .iservice span.animate_i4 { width:70px;height:70px;bottom:50px;left:60%;background-size:100%;} .iservice span.animate_i5 { width:50px;height:50px;bottom:300px;left:80%;background-size:100%;} .itb h6 {margin: 20px auto; width:90%; font-size:14px;} .iviewmore,.iviewmore2,.ititles a{width:100px;height:30px; line-height:30px;font-size:12px;} .iproduct4 li a span h3 {font-size:18px;} .ip1 a span {padding-top: 30%;} .ip2 a span {padding-top:12%;text-align: center;} .ip3 a span {padding-top: 15%;padding-left:0;width: 100%!important; text-align: center;;} /*about*/ .minh800{min-height:600px;} .pabout1 { padding-top:25%;} .pabout1 h2{ font-size:20px; font-weight:bold; } .pabout1 .pabouttopdate{ padding:10% 0; width:100%; margin:5% auto 0 auto; text-align:center;} .pabout1 .pabouttopdate li{ float:none; padding:10% 0; width:46%; min-height:80px;text-align:center; border:#333 1px solid;display:inline-block; vertical-align:top; margin-bottom:1%;} .pabout1 .pabouttopdate li h1 strong{ font-size:48px; line-height:48px;} .pabout1 .pabouttopdate li *{display:inline-block; vertical-align: middle;} .pabout1 .pabouttopdate li em i { display:block; line-height:30px;} .pabout1 .pabouttopdate li h1 i { font-size:40px;} .pabout1 .pabouttopdate li h6{font-size:12px; padding:0 2%;} .pabout-mpic {display: block!important;} .addhidempic {display: none!important;} .mt50 { padding-top:50%;} .pabout-video { background:none !important;} .slick-lr { height: auto; background:#000; } .pabout2 { width:100%; overflow:hidden;} .pabout2top img{float:none; width:100%; height:auto; margin:auto;} .pabouttxt {float:none;width:90%; padding:5%; line-height:20px;} .pabouttxt h4{padding:2% 0;} .pabouttitle { margin-bottom:2%;} .pabouttitle h1{ font-size:40px;line-height:44px;padding-bottom:2%;} .pabouttitle i{ width:60px; height:2px;} .pabout2c3 { display: block;margin:5%; overflow:hidden;} .pabout2c3 li{ float: none;width:97%;padding:2% 2% 1% 4%; border-right:none; } .pabout2c3 li i { float:left;width:14%;min-height:50px;background-size:100%;} .pabout-video {height: auto; overflow:hidden;padding-bottom: 20%;} .pabout-video span{position: relative; left: auto; top: auto;padding-top:5%; overflow:hidden; display:block;} .pabout-video span em{width:80px; height:80px;margin:10px auto; display: block; } .pabout-video span h1{ font-size:20px;} .pabout-video span h6{ font-size:12px; line-height:18px;width:90%;} .pabout-video video {width:100%; height: auto; max-height:100%;position: relative;left: auto; top: auto;object-fit: cover; display:none;} .hidevideo { display: block !important;} .pabout-pic {width:100%; padding-bottom:20%;height: auto;overflow:hidden; background-size:100%;} .pabout-pic span{position: relative; left: auto; top: auto; padding-top:5%; width:90%; margin-left:0px; margin:auto !important;height: auto;text-align:center;} .pabout-pic span * {text-align:center !important;} .pabout-pic span h1{ font-size:20px;} .pabout-pic span i{ margin:20px auto;} .pabout-pic span h6{ font-size:12px; line-height:18px;width:100%;} .pabout-pic video {width:100%; height:100%; max-height:100%; position:absolute;left:0px; top:0;} .ptc span{ margin-left:0px!important;margin:auto !important;} .ptr span{ margin-left:0px!important;margin:auto !important;} span.w900 { width:90%!important; margin:0 auto!important;} span.w900 h6{width:100%;} .pa-partner { width:90%; margin:4% auto;} .pa-partner img { width:98%; } .pabout-title { margin-bottom:4%; } .pabout-title h1{ font-size:40px;line-height:44px;} .min500 { height:500px;} .phistory {background: url(../images/xline1.jpg) left center repeat-x;} .slick8 { width:100%;height:auto; padding:0 0 20px 0;margin-top:50px;} .slick8 li span h1 { display:block;} .slick8 li span h3 {width:90%; margin:auto; font-size:12px;} .slick8 li{ width:100%;height:auto !important; border-left:none;margin:0px auto auto auto;overflow:visible;text-align:center; position:relative; padding-bottom:30px; } .slick8 li img {float:none;margin-left:0px;} .slick8 li span {float:none;margin-left:0px;padding:10px 0; width:100%;background:none;} .slick8 li * { display:inline-block; } .slick8 li i {width:15px; height:15px; position:absolute; left:50%; bottom:0px; margin-left:-7.5px; display:none !important;} .slick8 li:hover img {border-radius:10px;} .slick8 li:hover span{ background:none;height: auto;border-radius:10px;} .slick8 li:hover span h1{color:#fff; } .slick8 li:hover span h3{color:#fff; } .ls1 {margin-left:0px;} .ls2 {margin-top:0px;margin: auto!important;padding-top:0px; border-left:none !important;} .ls2 i{ bottom:0px;top:auto; } .pceo { width:90%; margin:auto; padding:5% 0 15% 0;} .mceopic { display:block!important;} .pceo h1{ font-size:40px;line-height:44px;padding-bottom:2%;} .pceo h3 {font-size:16px; line-height:26px; padding:30px 0 20px 0; } .pceo h6 {font-size:12px; line-height:18px;} .bgnone { background:#000 !important;} .pvideo em { display:none!important;} #history { height:400px;} .pnewslist { overflow:hidden;width:96%; margin:auto;} .pnewslist li{ width:100%; float:none; margin:0 0 1% 0;} .pnewslist li a i{width:100%; float:none;} .pnewslist li a span{width:90%; float:none; padding:5%;} .pnews_detail {padding: 50px 2%;} .pagefaye a.fl, .pagefaye a.fr {width:100%; float:none; text-align:left;} .pagefaye a i { display:none} .pagefaye a.fh {position: relative;width:auto;height: auto;left:auto;margin-left:auto;top:auto;text-align: left;} /*solutions*/ .psolution { width:90%; position:absolute; left:5%; margin-left:0px; top:20%;} .psolution a h1{font-size:40px;line-height:44px;padding-bottom:2%;} .psolution a h6{font-size:12px; line-height:20px; padding:20px 0 20px 0;} .psolution a h5 { width:100px; height:30px; line-height:30px; font-size:12px;} .psection_scroll { bottom:10px;} .psection_scroll .chevron { margin-top:0;} .solutionlists {margin:0px auto ; width:96%;} .solutionlists div li{margin-bottom:20px;} .solutions { background-image: url(upload/s01.jpg); } .solutionlist { position: relative; left: auto; top: auto; width:100%; height:100%; padding-top:5%; background:url(../upload/casebg.jpg) center top no-repeat; background-size: auto 100%;} .solutiontitle { width:96%; margin:auto;} .solutiontitle h1{font-size:40px;line-height:44px;padding-bottom:2%;} .solutiontitle h6{font-size:12px; line-height:18px; padding:20px 0 20px 0; width:100%; display:none} .solutionlists { margin-top:3%;} .solutionlists .slick-list li { width:90%; margin:auto; } .solutionlists li a i{ width:100%;float:none;} .solutionlists li a span h6 {padding: 2% 0;} .solutionlists li a span{width:90%;float:none; padding:5% 0 5% 0;} .mopicbg {height:850px; width:110%; margin-left:-5%; margin-top:-5%; display:none;} .solutions_detail { width:100%;background: url(../upload/sbg1.jpg) center center no-repeat #000; background-size:100% 100%;} .sd-img {float:none; width:100%;} .sd-txt {float:none; width:90%; padding:5%;} .sd-txt h1{font-size:26px;} .sd-txt h3{font-size:18px; padding-top:20px; padding-bottom:5px;} .sd-txt h5{font-size:12px; line-height:24px;} .sd-txt ul{ padding-top:30px;} .sd-txt ul li{ float:none; width:100%; margin-bottom:20px; margin-right:0; border-bottom:#303047 1px solid;} .sd-txt ul li strong{ font-size:14px;} .sd-txt ul li h6{ padding:10px 0 ; color:#CCC;} .tab_main {padding-top:0px; background:#000;} .tab{ width:100%;} .tab li{ padding:5% 6%; width:21.333%; font-size:14px;} .con_main{width:90%; margin:auto; padding:50px 5%;} .con_main img { max-width:100%; height:auto;} .pproductlist {padding-bottom:50px; margin:auto;} .pproductlist li {width:100%;float:none; margin-bottom:20px; border-bottom:#f1f1f1 1px solid;} .pproductlist li a{ padding-top:0px;border:none;} .pproductlist li a img{ display:block;width:40%; height:auto; float:left;} .pproductlist li a span{ position: relative; left: auto; top: auto; width:50%;float:left; padding:5% 5% 5% 5%; text-align:left;} .pproductlist li a span h2{ font-size:18px; font-weight:bold; color:#333;} .pproductlist li a span h5{ width:100%; margin:1% auto; font-size:12px; line-height:22px;} .pproductlist li a span i { float:left;} .mt1{margin-top:0px;} .ml1{ margin-left:0px;} .pcaselist {padding-bottom:50px;} .pcaselist div{width:100%;float:none; margin:0 0 2% 0;} .pcaselist div ul h2{ font-size:18px; min-height:auto; height:auto;padding-bottom:3%;} .pcaselist div ul span { padding:5%;} .pcaselist div ul li{ width:100%; float:none;padding-top:3%;} .solution-mnav { display: block!important;} /*products*/ .ptopbg { height:160px; padding-top:35px;} .ptopbg h1 { font-size:44px;} .ptopbg li { text-align:center;} .ptopbg li a{font-size:12px;margin:2.5px; border:#4f5067 1px solid; width:42%; padding:2% 0; text-transform:capitalize; font-weight:normal; overflow:hidden;} .pproductlists { padding-top:5%;} .pproductlists li {width:100%;float:none;margin-bottom:20px; border-bottom:#333 1px solid;background: #1c1c1c;} .pproductlists li a{ padding-top:0px;border:none;} .pproductlists li a img{ display:block;width:40%; height:auto; float:left;} .pproductlists li a span{ position: relative; left: auto; top: auto; width:50%;float:left; padding:1% 5% 1% 5%; text-align:left;} .pproductlists li a span h2{ font-size:18px; font-weight:bold; color:#fff;} .pproductlists li a span h5{ width:100%; margin:1% auto 3% auto; font-size:12px; line-height:22px;} .pproductlists li a span i{float:left;} .pnav .pnavtop { width:100%;} .pnav .pnavtop ul{width:100%; text-align:center;padding:10px 0;} .pnav .pnavtop ul.pnav-l a{height: auto;line-height: normal;} .pnav .pnavtop ul a{display: inline-block; } .pnav .pnavtop ul.pnav-l{float:left; text-align:left; display:none;} .pnav .pnavtop ul.pnav-r{float:none;text-align: center; width:100%;} .pnav .pnavtop ul.pnav-r li a { font-size:12px; margin:0 10px;} .pnav .pnavtop ul.pnav-r a.return { padding:5px 20px; margin:10px 0 0 20px;} .top80 { top:0px !important;} .pdetail_txt1 { padding-top:5%;} .pdetail_txt1 h1{ font-size:32px; } .pdetail_txt1 h6{ font-size:14px; line-height:24px; width:90%;margin:0px auto;} .pdetail_img1 {max-width:100%; height:auto; padding:2% 0 0 0 ;} .pdetail_img1 img{ display:inline-block; width:80%; height:auto; margin:50px auto auto auto;} .products_detail_bg {min-height: 690px;} .pd-left {width:100%;float:none;} .pd-right {width:90%;float:none; padding:5%;} .pd-left img {max-width:100%; height:auto; display:block;} .pdetail_txt2 {text-align:left; margin-top:20px;} .pdetail_txt2 h1{ font-size:42px; } .pdetail_txt2 h6{ font-size:14px; line-height:24px;margin:0px;} .pdetail_txt2 ul {padding-top:30px;} .pdetail_txt2 li { margin-bottom:30PX;} .pdetail_txt2 li h5{font-size:14px; padding-bottom:5px;} .pdetail_txt2 li h6{ font-size:12px; line-height:24px;width:80%; padding-left:17px;} .pdetail_title {margin-top:17%;} .pdetail_title h1{ font-size:42px} .pdetail_title h6{font-size:14px; line-height:24px; margin:0px auto; width:90%;} .gifpic { margin:37px auto auto auto; background:#000;} .gifpic img {max-width:100%; height:auto; display:block;} .tpoint li{ display:none;} .main3 { background:#000!important;min-height:650px !important;} .pdetail_pic1 img,.pdetail_pic2 img { width:100%; height:auto; display:block;} .pdetail_pic1 {width:100%; height:auto; position:absolute;left:-50%;bottom:-20px;} .pdetail_pic2 {width:100%; height:auto; position:absolute;right:-50%;top:-20px;} .mt350 { margin-top:60% !important;} .tab_main1 { padding-top:20px; padding-bottom:0px;} .tab1{ width:100%;padding-bottom:20px;} .tab1 li{ padding:8px 2%;font-size:12px; margin:1%;border-radius:10px;border:#4c4c4c 2px solid; width:33%;} .con1{ margin:-4px auto 0px auto; background:#FFF;} .con_main1{width:90%;padding:5%;} .con_main1 img { max-width:100%;} .pdetail_download { width:100%;} .pddownload { width:96%; float:none; margin:100px auto auto auto;} .pddownload h1{font-size:42px;} .tab_main2 { padding-top:20px;} .tab2{ text-align:left;} .tab2 li{ padding:3% 3%;font-size:14px; margin:0.5%; width:25%; display:inline-block; border-radius:10px;border: #ccc 1px solid;} .con_main2{ padding:20px 0 50px 0;} .pddownload_list li{ height: auto; line-height: normal; } .pddownload_list li i{ width:50px;height:60px; } .pddownload_list li h4{ color:#FFF; font-size:14px; width:70%;} .pddownload_list li h5 { display:none;} .pddownload_list li a{ float:right;} .tab1 li:nth-child(7) {width:73%;} .pd-other { display: none!important; } } .warp{width: 89.66%; margin: 0 auto;} .num-change{margin-top: 40px; margin-bottom: 40px; height: auto; overflow: hidden;} .num-change ul li{float: left; text-align: center; width: 19%; border: 1px solid #eeeff0; margin-right: 1.2%; padding-bottom: 15px; height:auto; overflow: hidden;} .num-change ul li .shuzi p:first-child{font-size: 16px;color: #004ea0;} .num-change ul li .shuzi p:first-child span{font-size: 60px;font-weight: bold;} .num-change ul li .shuzi p:last-child{color: #444;font-size: 14px;} .num-change ul li:nth-of-type(5){ margin-right: 0px; } .pages {font-size:14px;color: #646464;margin:20px 0px;text-align: center;} .pages a{margin:0px 6px;padding:4px 10px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);} .pages span {margin:0px 6px;padding:4px 10px;font-size: 14px;color: #fff;background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;} .pages a:hover{background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;color: #fff;} .shzr{ margin-top: 80px;} .biaoge{ margin-top: 30px; line-height: 32px; text-align: center;} .xbt{display: block; position: relative; transition-duration: .5s; padding: 8px 0; text-align: left;font-size: 16px; color: #444; font-weight: bold;} /*解决方案 */ .body_f5f5f5{background: #f7f7f7;} .PicList002953{padding: 0 0 4%} .PicList002953 li{float: left;width: 32.334%;background: #fff;margin-bottom: 3.332%;border-radius: 20px; margin-right: 1.4%;} .PicList002953 li .atm{display: block;padding: 1.56vw;} .PicList002953 li aside.dot{font-size: 24px;line-height: 1em;border-left: 5px solid #054994;margin-bottom: 20px;padding-left: 20px;font-weight: bold;} .PicList002953 li a:hover aside.dot{color: #1e50ae;} .PicList002953 li .txt{padding: 20px 20px 0;} .PicList002953 li p{margin: 0;line-height: 1.625em;font-size: 16px;color: #666;} .PicList002953 li .pic{overflow: hidden;border-radius: 5px;} .PicList002953 li .Ispic{padding-bottom: 57.077%; transition: 0.3s;} .PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002953 li .more{overflow: hidden;} .PicList002953 li .more span{float: right;width: 40px;height: 40px;border: solid 2px #e5e5e5; border-radius: 50%;position: relative; transition: 0.3s;} .PicList002953 li .more span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;} .PicList002953 li a:hover .more span{border-color: #4ab344;background: #4ab344;} .PicList002953 li a:hover .more span:after{border-color: #fff;} @media(min-width:1025px){ .PicList002953 li:nth-child(3n+3){ margin-right: 0px;} } @media(max-width:1024px){ .PicList002953 li a{padding: 4vw;} .PicList002953 li .txt{padding: 1vw 1vw 0;} } @media(max-width:640px){ .PicList002953 li{float: none;width: 100%;margin-bottom: 10px} .PicList002953 li aside.dot{font-size: 4vw; margin-bottom: 2vw;} .PicList002953 li p{font-size: 3.5vw;} .PicList002953 li .more{padding-top: 2vw;} .PicList002953 li .more span{width: 26px;height: 26px;} } /* .多媒体中心 */ .PicList002796{padding: 2% 0 0%;background: #f7f7f7} .PicList002796 ol{ position: relative; margin-bottom: 4%; border-bottom: 1px solid #eee; } .PicList002796 ol figure em{padding-bottom: 33%;} .PicList002796 ol p{ margin: 35px 0 25px; font-size: 18px; color: #333; line-height: 28px; text-align: justify; } .PicList002796 ol time{ float: right; margin-top: 21px; } .PicList002796 li{ position:relative; } .PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList002796 .video_files video{width:100%; height:100%; background-color:#000;} .PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList002796 .video_files .close::before, .PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList002796 .video_files .close::before{ transform:rotate(45deg);} .PicList002796 .video_files .close::after{ transform:rotate(-45deg);} .PicList002796 figure{ position:relative;} .PicList002796 figure em{ display:block; padding-bottom: 67%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList002796 figure a::before, .PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList002796 figure a::before{width: 60px;height: 60px;border: 2px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList002796 figure a::after{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 14px solid #fff;margin-left: -9px;margin-top: -15px;} .PicList002796 li p{margin-bottom: 25px;/* height: 56px; */font-size: 16px;color: #333;line-height: 28px;text-align: justify;overflow: hidden;} .PicList002796 time{background: #054994;display: inline-block;padding: 5px 20px;color: #fff;border-radius: 99px;font-family: "DINCond-Bold";} .PicList002796_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);} .PicList002796_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px;} .PicList002796_video .close::before, .PicList002796_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;} .PicList002796_video .close::after{ transform:rotate(45deg);} .PicList002796_video .ytable{height: 100%;} .PicList002796_video .files{ margin:0 auto; width:96%; max-width:1000px; max-height:70%;} .PicList002796_video .files video{ background:#000;} @media(min-width:769px){ .PicList002796 li{float: left;width: 29.75%;margin-right: 5.25%;margin-bottom: 4%;} .PicList002796 li:nth-of-type(3n){ margin-right: 0; } .PicList002796 li:nth-of-type(3n+1){clear:left;} } @media(max-width:768px){ .PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;} .PicList002796 ol figure em{ padding-bottom: 47%; background-size:cover;} .PicList002796 figure em{ padding-bottom: 47%; background-size:cover;} } @media(max-width:480px){ .PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} } @media(max-width:1362px){ .network_l{ width: 100%;} .network_r{ display: none;} .net_work_mid{ margin-top: 0px;} } @media(max-width:1818px){ .in01a_c li .in01a_d em b{ font-size: 35px;} } @media(max-width:984px){ .producta_b li { max-width: 33%;} } .cor_bg{ height: 156px;width: 40%;} .cor_bg1{ background: rgba(36,54,100,0.5); width: 100%; padding-bottom: 10px; padding-top: 15px;} .banner_word_ch{ color: #fff; font-size: 60px;letter-spacing:6px;} .banner_word_eng{ color: #fff; font-size: 30px; letter-spacing:4.9px; margin-top: -10px;} .cor_bg_tit{ width: 90%; margin: 0px auto;} .cor_bg_bot_word{color: #fff; font-size: 30px; margin-top: 10px; } .just{ text-align: justify;} @media(max-width:1774px){ .cor_bg{ width: 55%;} } @media(max-width:1344px){ .cor_bg{ width: 60%;} } @media(max-width:1120px){ .cor_bg{ width: 70%;} } @media(max-width:966px){ .cor_bg{ width: 80%;} } @media(max-width:838px){ .cor_bg{ width:90%;} .banner_word_ch{ font-size: 40px;} .banner_word_eng{ font-size: 20px; letter-spacing:1px;} .cor_bg_bot_word{ font-size: 20px;} } @media(max-width:554px){ .banner_word_ch{ font-size: 30px;} .cor_bg_bot_word{ font-size: 18px;} } .btn, [data-fancybox] { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0.03); } .btn.btn-arrowCircle.skin-fff { -webkit-filter: grayscale(100%) brightness(500%); filter: grayscale(100%) brightness(500%); } .btn.btn-arrowCircle { display: inline-block; vertical-align: top; position: relative; height: 36px; line-height: 36px; font-size: 16px; color: #e72028; white-space: nowrap; } .btn.btn-arrowCircle:before { content: " "; position: absolute; right: -16px; top: -2px; width: 40px; height: 40px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: solid solid none none; border-color: rgba(231,32,40,0.2) rgba(231,32,40,0.2) transparent transparent; border-radius: 50%; } .btn.btn-arrowCircle:after { margin-left: .24rem; content: " "; display: inline-block; vertical-align: top; width: 30px; height: 36px; background-image: url(../images/arrowi-bdmore-c1.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .inner_about_by{ height: 135px; width: 100%; background: #f2f2f2; margin-bottom: 54px; margin-top: 54px;} .inner_about_bg_mid{ width: 94.55%; margin: 0px auto;} .xin_word{ line-height: 32px; padding-top: 35px; color: #0e0e0e; font-size: 16px;letter-spacing: 0.08rem;} .zy_nav{ margin: 0 auto !important; border-bottom: 1px solid #dddddd; padding-bottom: 2%; padding-top: 2%;} .zy_nav li{ text-align: center; color: #666666; border-right: 1px dashed rgba(0,0,0,0.1); cursor: pointer;} .zy_nav li i{ color: #bababa; font-size: 40px; transition: 0.3s;} .zy_nav li p{} .zy_nav li span{ transition:0.3s;} .zy_nav li:last-of-type{ border: none;} .zy_nav li:hover span,.zy_nav li:hover i{ color: #054994;} @media screen and (max-width:768px){ .zy_nav li{ margin-top: 5%;} } /* 20220302 */ .Floor001054 ul.slick-slider { display: block; } .NewsList.update0302 { text-align: center; margin: 0px auto;} .NewsList.update0302 .left,.NewsList.update0302 .right { width: auto;float: left; } .NewsList.update0302 .left img { display: inline-block; margin-right: 15px; } .NewsList.update0302 ul li a:hover { padding: 3vw 4vw; } .NewsList.update0302 ul li a:hover .h3 { margin-top: 0; } /*.NewsList.update0302 ul .ptm{ margin-right:1%;}*/ .NewsList.update0302 ul li:nth-child(1n) { margin-right: 1%; margin-left: 1%; } .NewsList.update0302 ul li:nth-child(2n) { margin-right: 1%; } .NewsList.update0302 ul li:nth-child(3n) { margin-right: 1%; } .NewsList.update0302 ul li:nth-child(4n) { margin-right: 0; } .photoMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1020; text-align: center; opacity: 0; left: 120%; -webkit-transition: opacity .3s .3s; transition: opacity .3s .3s; } .photoMask.active{ opacity: 1; left: 0; } .photoMask .popInner { display: inline-block; vertical-align: middle; width: 1500px; margin: auto; padding: 30px 0; background: #fff; position: relative; max-width: 96%; } .photoMask:before {content: "";display: inline-block;vertical-align: middle;height: 100%;} .photoMask .popInner .close { position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; z-index: 40; background: url(../images/fancybox_sprite.png) no-repeat center; cursor: pointer; background-position: -3px -3px; } .photoslider .item { padding: 0 20px; text-align: center; } .photoslider .item h3 { font-size: 14px; margin: 10px; white-space: nowrap; overflow: hidden; } .photoslider .slick-prev { position: absolute; font-size: 0; width: 30px; height: 30px; background:url(../images/fancybox_sprite.png) no-repeat center; left: 5px; top: 50%; margin-top: -10px; border-radius: 50%; background-position: -3px -38px; } .photoslider .slick-next { position: absolute; font-size: 0; width: 30px; height: 30px; background:url(../images/fancybox_sprite.png) no-repeat center; right: 5px; top: 50%; margin-top: -10px; border-radius: 50%; background-position: -3px -74px; } .photoslider { padding: 0 40px; } @media(max-width:960px){ .NewsList.update0302 ul li { width: 100% !important; margin-right: 0 !important; } .NewsList.update0302 ul li a { height: auto; } } /* 新闻列表 */ .NewsList { } .NewsList .ny_title{font-size: 36px;color: #0088d1;margin-bottom: 2vw;text-align: center;} .NewsList .left { position: relative; z-index: 2;} .NewsList .left .time { color: #333; background: rgba(255, 255, 255, 0.8); position: absolute; top:0; left: 1vw; padding: 0 0.6vw 6px 0.6vw; text-align: center; transition: all 0.5s; font-size: 12px; } .NewsList .left .time span { display: block; } .NewsList .left .time .date { font-size: 20px; margin: 0; } .NewsList .right { position: relative;z-index: 2;} .NewsList .right .h3 { font-size:16px;color: #333; margin: 0;line-height: 50px; } .NewsList .right .p { color: #999; font-size: 14px; line-height: 2em;} .NewsList .right .more { color: #999;font-size: 12px;line-height: 34px;padding: 0 1vw;display: inline-block; transition: .3s; background: #F5F5F5;border-radius: 50px;} .NewsList ul li { float: left; width: 32%; margin-right: 3%; } .NewsList ul li:nth-type(4){ margin-right: 0px;} .NewsList ul li:nth-child(3n){margin-right: 0;} .NewsList ul li a{position:relative;display: block;/*background: #eee;*/ padding-top: 3vw; padding-right: 3vw; padding-bottom: 3vw; padding-left: 3vw;/*transition: .3s;*/ height: 176px;} .NewsList ul li a:before {position:absolute;content:'';width: 100%;height:100%;top:0;left:0;background: #eee;transition: 0.3s;animation-duration: 3s;z-index: 1;} .NewsList ul li a img{display: block;} .NewsList ul li a img:nth-child(2){display:none;} .NewsList ul li a:hover {box-shadow: 0px 0 10px rgba(0,0,0,0.1); /*transform: rotatey(360deg) ;*/ padding:1vw; } .NewsList ul li a:hover .time { color: #fff; background-color: #0088d1;} .NewsList ul li a:hover .more { color: #0088d1; } .NewsList ul li a:hover .more span { background-position: center bottom; } .NewsList ul li a:hover img{display: none;} .NewsList ul li a:hover img:nth-child(2){display:inline-block; height: 130px;} .NewsList ul li a:hover .right{width: 50%;} .NewsList ul li a:hover .h3{margin-top: 40px;color: #fff;} .NewsList ul li a:hover .dott{margin-top: 20px;color: #fff;} .NewsList ul li a:hover{background-color: rgba(0,0,0,0.7); } .NewsList ul li a:hover:before {background-color: rgba(0,0,0,0.7); transform: rotatey(180deg) ;} /*product*/ .producta{height: auto;overflow: hidden;background: #f5f5f5;} .pltit_a{color: #999;text-transform: uppercase;} .pltit_a span{color: #d10000;} .pltit_b{height: auto;overflow: hidden;padding-left: 5.5rem;} .pltit_b strong{display: block;} .pltit_b p{color: #999;} .prolist li a{display: block;transition:.4s;} .pimga{display: block;width: 100%;height: 0;padding-bottom: 68%;position: relative;overflow: hidden;} .pimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,0,0,0);padding-top: 10%;text-align: center;transition:.4s;} .pimga i em{font-size: 60px;color: #fff;opacity: 0;transition:.4s;} .pimga i p{color: #fff;opacity: 0;transition:.4s;} .pimga img{display: block;max-width: 100%;transition: all .5s ease 0s;} .pfonta{height: auto;overflow: hidden;background: #fff;transition:.4s;} .pfonta p{display: block;color: #999;line-height: 35px;transition:.4s;} .pfonta span{display: block;color: #222;transition:.4s;} .prolist li a:hover {box-shadow: rgba(0,0,0,0.1) 0px 0px 7px 4px;transform: translate3d(0,-10px,0);} .prolist li a:hover img{transform: scale(1.03)} .prolist li a:hover .pfonta{background:#054994;color: #fff; } .prolist li a:hover .pfonta p{color: #fff; } .prolist li a:hover .pfonta span{color: #fff; } .prolist li a:hover .pimga i{background: rgba(0,0,0,.6);padding-top: 30%;} .prolist li a:hover .pimga em{opacity: 1;} .prolist li a:hover .pimga p{opacity: 1;} .icon-24gf-plusCircle:before { content: "\e891"; } .tishi{ text-align: center; margin-bottom: 40px; font-size: 16px;} .allmbox1{ position: relative; overflow: hidden; height: 100%; } .home-next{ position: absolute; bottom: 0; left: 40px; z-index: 1; } .allmoreButton { display: block; width: 217px; height: 60px; background: #2f7ef0; color: #FFF; font-size: 17px; line-height: 60px; text-align: center; } .allmoreButton i,.allmoreButton span,.allmoreButton strong { display: inline-block; vertical-align: middle } .allmoreButton i{ font-size:30px; } .allmoreButton strong{ margin-right: 22px; letter-spacing: 2px; font-weight: 500; } .allmoreButtonDot { width: 4px; height: 4px; border-radius: 50%; background: #FFF; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .allmoreButton:hover .allmoreButtonDot{ margin:0 3px; } .allmoreButtonLine { width: 46px; height: 1px; background: #FFF; transition: all .5s ease 0s } .allmoreButton:focus,.allmoreButton:hover { color: #FFF } .allmoreButton:hover .allmoreButtonLine { width: 60px } /*home banner*/ .section .warpper{ height: 100%; } .section-home .swiper-container{ width: 100%; height: 100%; } .section .swiper-container .swiper-wrapper{ width: 100%; height: 100%; } .section .swiper-container .swiper-slide{ width: 100%; height: 100%; } .section-home .bannerImg{ position: relative; overflow: hidden; width: 100%; height: 100%; } .section-home .bannerImg .imgBg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-home .slide1 .imgBg{ background: url("../images/banner1-bg.jpg") no-repeat center / cover; } .section-home .slide1 .bannerText{ position: absolute; bottom: 49%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: 90%; text-align:center; } .section-home .slide1 .bannerText .banTextfir{ font-size:54px; letter-spacing: 8px; color:#fff; font-weight: 700; } .section-home .slide1 .bannerText .banner2Line{ display: block; margin: 20px auto; width: 45%; height: 1px; background: rgba(255,255,255,.2); transition: all .5s ease 0s; } .section-home .slide1 .bannerText .banner2Text{ font-size: 26px; color: #fff; margin-bottom: 10px; letter-spacing: 2px; } .section-home .slide1 .bannerText .banner2Textlast{ font-size:18px; color:rgba(255,255,255,0.7); } /*.section-home .slide1 .bannerText{ position: absolute; width: 100%; text-align:center; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color:#fff; z-index: 3; } .section-home .slide1 .bannerText .fir{ font-size: 54px; font-weight: 700; text-shadow: 0px 0px 10px #353535; letter-spacing: 8px; } .section-home .slide1 .bannerText .sec{ font-size:26px; margin-top: 1%; } .section-home .slide1 .bannerLine{ z-index: 2; position: absolute; width: 100%; text-align:center; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section-home .slide1 .bannerLine img{ max-width: 100%; margin:0 auto; }*/ .section-home .slide2 .imgBg{ background: url("../images/banner2-bg.jpg") no-repeat center / cover; } @keyframes bannerimgAnimate { 0% { transform: scale(1.1); animation-timing-function: ease-in; } 100% { transform: scale(1); animation-timing-function: ease-out; } } .bannerimgAnimate { -webkit-animation-name: bannerimgAnimate; animation-name:bannerimgAnimate; } .allmbox1 .swiper-slide-active .imgBg { animation: bannerimgAnimate 6s linear 0s; } .section-home .slide2 .bannerText{ position: absolute; bottom: 49%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: 90%; text-align:center; } .section-home .slide2 .bannerText .banTextfir{ font-size:54px; letter-spacing: 8px; color:#fff; font-weight: 700; } .section-home .slide2 .bannerText .banner2Line{ display: block; margin: 20px auto; width: 45%; height: 1px; background: rgba(255,255,255,.2); transition: all .5s ease 0s; } .section-home .slide2 .bannerText .banner2Text{ font-size: 26px; color: #fff; margin-bottom: 10px; letter-spacing: 2px; } .section-home .slide2 .bannerText .banner2Textlast{ font-size:18px; color:rgba(255,255,255,0.7); } .section-home .slide3 .imgBg{ background: url("../images/banner3-bg.jpg") no-repeat center / cover; } /*.section-home .slide3 .bannerText{ position: absolute; width: 100%; text-align: center; top: 22%; color: #fff; z-index: 3; } .section-home .slide3 .bannerText .fir{ font-size: 54px; font-weight: 700; text-shadow: 0px 0px 10px #717171; letter-spacing: 8px; } .section-home .slide3 .bannerText .sec{ font-size: 26px; margin-top: 1%; text-shadow: 0px 0px 7px #717171; }*/ .section-home .slide3 .bannerText{ position: absolute; bottom: 49%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: 90%; text-align:center; } .section-home .slide3 .bannerText .banTextfir{ font-size:54px; letter-spacing: 8px; color:#fff; font-weight: 700; } .section-home .slide3 .bannerText .banner2Line{ display: block; margin: 20px auto; width: 45%; height: 1px; background: rgba(255,255,255,.2); transition: all .5s ease 0s; } .section-home .slide3 .bannerText .banner2Text{ font-size: 26px; color: #fff; margin-bottom: 10px; letter-spacing: 2px; } .section-home .slide3 .bannerText .banner2Textlast{ font-size:18px; color:rgba(255,255,255,0.7); } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-banner .swiper-pagination{ bottom: 5%; margin: 0; } .swiper-container-banner .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; opacity: 1; /* border-radius: 0; */ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; margin: 0 4px; } .swiper-container-banner .swiper-pagination-bullet-active{ width: 36px; background: #2f7ef0; border-radius: 6px; } .foot_contact{ width: 90%; margin-bottom: 20px; } .foot_contact li{ color: #fff; font-size: 16px;margin-left: 10.22%;} .foot_contact li .icon-dianhua12{ font-size: 18px;} .foot_contact li .icon-icon-mail{ font-size: 18px;} /*ipro*/ .ipro{ margin-top: 80px; } .ipro-md{margin-top: 45px;} .ipro-md .hdd{padding:0 50px;position: relative;} .ipro-md .mySwiper{overflow: hidden;width:100%} .ipro-md .mySwiper .swiper-slide{font-size: 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 42px;transition: all .5s;cursor: pointer;} .ipro-md .mySwiper .swiper-slide i{font-size: 45px;line-height: 1.5} .ipro-md .mySwiper .swiper-slide p{font-size: 16px;} .ipro-md .mySwiper .swiper-slide-thumb-active,.ipro-md .mySwiper .swiper-slide:hover{ color:#104280;background-size:100% 100%;} .ipro-md .mySwiper .swiper-slide::after { content: ''; width: 80%; height: 2px; background: #104280; position: absolute; left: 10%; bottom: 1px; display: none; } .ipro-md .mySwiper .swiper-slide-thumb-active::after { display: block; } .ipro-md .hdd .next{position: absolute;right:0px;top:0px;z-index: 2} .ipro-md .hdd .prev{position: absolute;left:0px;top:0px;z-index: 2} .ipro-md .hdd .next i,.ipro-md .hdd .prev i{color:#474747;font-size: 30px;cursor: pointer;} .ipro-md .hdd .next:hover i,.ipro-md .hdd .prev:hover i{color:var(--zhu-color);} .ipro-md .mySwiper2{overflow: hidden;margin-top: 45px;} .ipro-md .mySwiper2 .swiper-slide{display: flex;flex-direction: row;} .ipro-md .mySwiper2 .swiper-slide .left{width:776px;height: 472px} .ipro-md .mySwiper2 .swiper-slide .left img{width:100%;height: 100%;object-fit: cover;} .ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 776px);position: relative;padding:45px;} .ipro-md .mySwiper2 .swiper-slide .right .hd{position: relative;} .ipro-md .mySwiper2 .swiper-slide .right .hd .t1{font-size: 24px;color:#333;} .ipro-md .mySwiper2 .swiper-slide .right .hd .t2{color:#999999;text-transform: uppercase;} .ipro-md .mySwiper2 .swiper-slide .right .hd:before{content:'';width:85px;height: 3px;background: var(--zhu-color);position: absolute;bottom:10px;left:0;transition: all .5s} .ipro-md .mySwiper2 .swiper-slide .right .hd:after{content:'';width:40px;height: 3px;background: var(--zhu-color);position: absolute;bottom:0px;left:0;transition: all .5s} .ipro-md .mySwiper2 .swiper-slide .right .md{font-size: 16px;color:#666666;line-height: 36px;margin:30px 0;-webkit-line-clamp:4;} .ipro-md .mySwiper2 .swiper-slide .right .bd a{width:164px;height: 50px;border-radius: 3px;background: var(--zhu-color);color:#fff;text-align: center;line-height: 50px;margin-right:45px;display: block;float: left;position: relative;overflow: hidden;} .ipro-md .mySwiper2 .swiper-slide .right .bd a:before{content:'';width:0;height: 100%;position: absolute;left:50%;transform: translateX(-50%);background: var(--pei-color);transition: all .5s} .ipro-md .mySwiper2 .swiper-slide .right .bd a span{position: relative;z-index: 2;} .ipro-md .mySwiper2 .swiper-slide .right .bd a:hover:before,.ipro-md .mySwiper2 .swiper-slide .right .bd a.active:before{width:100%;} .ipro-md .mySwiper2 .swiper-slide .right .flag{width:44px;height: 67px;background: url(../images/ipro-md-flag.png);line-height: 60px;font-size: 16px;color:#fff;position: absolute;top:0;right:45px;text-align: center;} .ipro-md .mySwiper2 .swiper-slide .right:hover .hd:before{width:100px;} .ipro-md .mySwiper2 .swiper-slide .right:hover .hd:after{width:50px;} .ipro-cate{padding:15px 5px;display: none} .ipro-cate a{padding:3px 10px;border:solid 1px #eee;display: inline-block;margin:3px;color:#333;} @media(max-width: 1400px){ .ipro-md .mySwiper2 .swiper-slide .left{width:700px;} .ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 700px);} .ipro-md .mySwiper2 .swiper-slide .right .bd{display: flex;flex-direction: row;justify-content: space-between;} .ipro-md .mySwiper2 .swiper-slide .right .bd a{margin-right:0;} } @media(max-width: 1200px){ .ipro-md .mySwiper2 .swiper-slide .left{width:600px;height: 400px} .ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 600px);} .ipro-md .mySwiper2 .swiper-slide .right .md{line-height: 28px} } @media(max-width: 992px){ .ipro-md .mySwiper2 .swiper-slide{flex-direction: column;} .ipro-md .mySwiper2 .swiper-slide .left{width:100%;text-align: center;height: auto} .ipro-md .mySwiper2 .swiper-slide .left img{width:100%;height: auto;} .ipro-md .mySwiper2 .swiper-slide .right{width:100%;} } @media(max-width: 576px){ .ipro-md{display: none;} .ipro-cate{display: block;} .ipro-md .hdd{padding:0;} .ipro-md .hdd .next,.ipro-md .hdd .prev{display: none;} .ipro-md .mySwiper .swiper-slide{height: 80px} .ipro-md .mySwiper .swiper-slide i{font-size: 30px;} .ipro-md .mySwiper .swiper-slide p{font-size: 14px;} .ipro-md .mySwiper2{margin-top:15px;} .ipro-md .mySwiper2 .swiper-slide .right{padding:45px 15px 30px;} .ipro-md .mySwiper2 .swiper-slide .right .md{font-size: 14px;line-height: 24px} .ipro-md .mySwiper2 .swiper-slide .right .bd a{width:45%;height: 40px;line-height: 40px;} .ipro-bd{padding:15px 30px;} .ipro-bd .swiper-slide .txt .t1 p{font-size: 14px;} .ipro-bd .swiper-slide .txt .t1 i{font-size: 24px} } .case-listt li { float: left; margin: 0 0.5% 25px; width: 4%; } .case-listt li h1 { overflow: hidden; } .case-listt li h1 img { display: block; transition-duration: .5s; } .case-listt li p { font-size: 14px; font-weight: bold; text-align: center; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; } /*.case-list li:nth-child(3n) {margin-right: 0;}*/ .case-listt li:hover h1 img { transform: scale(1.1) } .sx{ font-size: 30px; text-align: center; color: #004da0; margin-bottom: 40px;} .case_red_word{ text-align: center; color: #cc3479;} .new_high{ margin-top: 45px;}